@publish.os/nextjs 0.0.1-alpha.81 → 0.0.1-alpha.91

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

@@ -1,8 +1,8 @@
 // src/components/ui/breadcrumb.tsx
-import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
+import { buttonVariants } from "@components/ui/button";
 import {
   linkVariants
-} from "@publish.os/nextjs/kernel/components/ui/link";
+} from "@components/ui/link";
 import {
   Menu,
   MenuLinkItem,
@@ -10,14 +10,14 @@ import {
   MenuPortal,
   MenuPositioner,
   MenuTrigger
-} from "@publish.os/nextjs/kernel/components/ui/menu";
+} from "@components/ui/menu";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import NextLink from "next/link";
 import {
   Fragment
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var breadcrumbVariants = cva(
   "flex min-w-0 flex-wrap items-center text-foreground-3",
   {
@@ -59,7 +59,7 @@ var breadcrumbVariants = cva(
   }
 }), breadcrumbDefaultVariants = cva(
   [
-    "inline-flex min-w-0 max-w-full truncate rounded-button text-foreground-2 opacity-100 transition-[color,opacity] hover:text-foreground-1 hover:opacity-90",
+    "inline-flex min-w-0 max-w-full items-center truncate rounded-button text-foreground-2 opacity-100 transition-[color,opacity] hover:text-foreground-1 hover:opacity-90",
     "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
     "data-[state=path-active]:text-foreground-1 data-[state=path-active]:opacity-100"
   ].join(" "),
@@ -123,6 +123,7 @@ function breadcrumbLinkClasses({
   return cn(
     buttonVariant ? buttonVariants({ size, variant: buttonVariant }) : linkVariant ? linkVariants({ color: "default", size, variant: linkVariant }) : breadcrumbDefaultVariants({ size }),
     active ? "font-medium" : void 0,
+    !buttonVariant && !linkVariant ? "leading-none" : void 0,
     className
   );
 }
@@ -193,6 +194,7 @@ function BreadcrumbPage({
       className: cn(
         variant ? breadcrumbLinkClasses({ active: !0, size, variant }) : "max-w-full truncate font-medium text-foreground-1 opacity-100",
         breadcrumbPageVariants({ size }),
+        variant ? void 0 : "leading-none",
         className
       ),
       "data-state": "path-active",
@@ -211,8 +213,9 @@ function BreadcrumbSeparator({
     {
       "aria-hidden": "true",
       className: cn(
-        "text-stroke-1",
+        "inline-flex items-center text-stroke-1",
         breadcrumbTextVariants({ size }),
+        "leading-none",
         className
       ),
       role: "presentation",
@@ -281,8 +284,7 @@ function BreadcrumbTrailMenu({
       {
         "aria-label": menuLabel,
         className: cn(
-          "inline-flex items-center justify-center text-foreground-3 transition-colors hover:text-foreground-1",
-          breadcrumbEllipsisVariants({ size })
+          buttonVariants({ iconOnly: !0, size, variant: "ghost" })
         ),
         children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, { size })
       }

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

@@ -1,22 +1,23 @@
 // src/components/ui/button-group.tsx
-import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
-import { Separator } from "@publish.os/nextjs/kernel/components/ui/separator";
+import { buttonVariants } from "@components/ui/button";
+import { Separator } from "@components/ui/separator";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var buttonGroupVariants = cva(
   [
     "inline-flex w-fit items-stretch",
     "has-[>[data-slot=button-group]]:gap-2",
     "[&>*]:focus-visible:relative [&>*]:focus-visible:z-content",
     "[&>input]:flex-1",
-    "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit"
+    "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit",
+    "[&>:not([data-slot=button-group],[data-slot=button-group-separator])]:border [&>:not([data-slot=button-group],[data-slot=button-group-separator])]:border-stroke-3"
   ].join(" "),
   {
     variants: {
       orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>*:has(+[data-slot=button-group-separator])]:border-r-0",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>*:has(+[data-slot=button-group-separator])]:border-b-0"
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not([data-slot=button-group-separator]):not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>*:not([data-slot=button-group-separator]):has(+[data-slot=button-group-separator])]:border-r-0",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not([data-slot=button-group-separator]):not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>*:not([data-slot=button-group-separator]):has(+[data-slot=button-group-separator])]:border-b-0"
       }
     },
     defaultVariants: {
@@ -75,7 +76,7 @@ function ButtonGroupSeparator({
     Separator,
     {
       className: cn(
-        "relative !m-0 shrink-0 self-stretch bg-stroke-3 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",
+        "relative m-0! shrink-0 self-stretch bg-stroke-3 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",
         className
       ),
       "data-slot": "button-group-separator",

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

@@ -1,12 +1,64 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ReactNode, ButtonHTMLAttributes } from 'react';
+import { ReactNode, ComponentPropsWithRef } from 'react';
 
+declare const buttonVariantBase: string;
+/**
+ * The default CVA recipe. Consumers that own a project Button can extend
+ * these variants and keep using the framework Button's interaction behavior.
+ */
+declare const buttonVariantConfig: {
+    readonly variants: {
+        readonly variant: {
+            readonly solid: "border-accent-1 bg-accent-1 text-accent-1-foreground hover:not-data-disabled:border-accent-1-hover hover:not-data-disabled:bg-accent-1-hover active:not-data-disabled:border-accent-1-active active:not-data-disabled:bg-accent-1-active data-[state=path-active]:border-accent-1-hover data-[state=path-active]:bg-accent-1-hover";
+            readonly soft: "border-0 bg-accent-2 text-accent-text-foreground hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-accent-2-hover active:not-data-disabled:bg-accent-2-active data-[state=path-active]:bg-accent-2-active";
+            readonly 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-2-stroke data-[state=path-active]:bg-accent-2-hover data-[state=path-active]:text-accent-1";
+            readonly ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active active:not-data-disabled:text-foreground-1 data-[state=path-active]:bg-surface-active data-[state=path-active]:text-foreground-1";
+        };
+        readonly size: {
+            readonly xs: "h-7 gap-1.5 px-2 text-xs leading-none";
+            readonly sm: "h-8 px-3 text-sm leading-none";
+            readonly md: "h-10 px-4 text-sm leading-none";
+            readonly lg: "h-11 px-5 text-base leading-none";
+            readonly xl: "h-12 px-6 text-base leading-none";
+        };
+        readonly iconOnly: {
+            readonly false: "";
+            readonly true: "gap-0 px-0";
+        };
+    };
+    readonly compoundVariants: readonly [{
+        readonly className: "size-7 p-0";
+        readonly iconOnly: true;
+        readonly size: "xs";
+    }, {
+        readonly className: "size-8 p-0";
+        readonly iconOnly: true;
+        readonly size: "sm";
+    }, {
+        readonly className: "size-10 p-0";
+        readonly iconOnly: true;
+        readonly size: "md";
+    }, {
+        readonly className: "size-11 p-0";
+        readonly iconOnly: true;
+        readonly size: "lg";
+    }, {
+        readonly className: "size-12 p-0";
+        readonly iconOnly: true;
+        readonly size: "xl";
+    }];
+    readonly defaultVariants: {
+        readonly iconOnly: false;
+        readonly size: "md";
+        readonly variant: "solid";
+    };
+};
 declare const buttonVariants: (props?: ({
-    variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    iconOnly?: boolean | null | undefined;
+    readonly variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
+    readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    readonly iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 type ButtonProps = {
@@ -16,7 +68,7 @@ type ButtonProps = {
     leftIcon?: ReactNode;
     loading?: boolean;
     rightIcon?: ReactNode;
-} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
+} & ButtonVariantProps & Omit<ComponentPropsWithRef<"button">, "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 };
+export { Button, type ButtonProps, type ButtonVariantProps, buttonVariantBase, buttonVariantConfig, buttonVariants };

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

@@ -2,48 +2,50 @@
 import { Button as BaseButton } from "@base-ui/react/button";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
-  [
-    "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button border font-medium leading-none",
-    "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
-    "disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        solid: "border-accent-1 bg-accent-1 text-accent-1-foreground shadow-sm hover:not-data-disabled:border-accent-1-hover hover:not-data-disabled:bg-accent-1-hover active:not-data-disabled:border-accent-1-active active:not-data-disabled:bg-accent-1-active data-[state=path-active]:border-accent-1-hover data-[state=path-active]:bg-accent-1-hover",
-        soft: "border-0 bg-accent-2 text-accent-1 hover:not-data-disabled:bg-accent-2-hover active:not-data-disabled:bg-accent-2-active data-[state=path-active]:bg-accent-2-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-2-stroke data-[state=path-active]:bg-accent-2-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-2-hover data-[state=path-active]:text-accent-1"
-      },
-      size: {
-        xs: "h-7 gap-1.5 px-2 text-xs",
-        sm: "h-8 px-3 text-sm",
-        md: "h-10 px-4 text-sm",
-        lg: "h-11 px-5 text-base",
-        xl: "h-12 px-6 text-base"
-      },
-      iconOnly: {
-        false: "",
-        true: "gap-0 px-0"
-      }
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+var buttonVariantBase = [
+  "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button border font-medium leading-none",
+  "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
+  "disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" "), buttonVariantConfig = {
+  variants: {
+    variant: {
+      solid: "border-accent-1 bg-accent-1 text-accent-1-foreground hover:not-data-disabled:border-accent-1-hover hover:not-data-disabled:bg-accent-1-hover active:not-data-disabled:border-accent-1-active active:not-data-disabled:bg-accent-1-active data-[state=path-active]:border-accent-1-hover data-[state=path-active]:bg-accent-1-hover",
+      soft: "border-0 bg-accent-2 text-accent-text-foreground hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-accent-2-hover active:not-data-disabled:bg-accent-2-active data-[state=path-active]:bg-accent-2-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-2-stroke data-[state=path-active]:bg-accent-2-hover data-[state=path-active]:text-accent-1",
+      ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active active:not-data-disabled:text-foreground-1 data-[state=path-active]:bg-surface-active data-[state=path-active]:text-foreground-1"
     },
-    compoundVariants: [
-      { className: "size-7 p-0", iconOnly: !0, size: "xs" },
-      { className: "size-8 p-0", iconOnly: !0, size: "sm" },
-      { className: "size-10 p-0", iconOnly: !0, size: "md" },
-      { className: "size-11 p-0", iconOnly: !0, size: "lg" },
-      { className: "size-12 p-0", iconOnly: !0, size: "xl" }
-    ],
-    defaultVariants: {
-      iconOnly: !1,
-      size: "md",
-      variant: "solid"
+    size: {
+      xs: "h-7 gap-1.5 px-2 text-xs leading-none",
+      sm: "h-8 px-3 text-sm leading-none",
+      md: "h-10 px-4 text-sm leading-none",
+      lg: "h-11 px-5 text-base leading-none",
+      xl: "h-12 px-6 text-base leading-none"
+    },
+    iconOnly: {
+      false: "",
+      true: "gap-0 px-0"
     }
+  },
+  compoundVariants: [
+    { className: "size-7 p-0", iconOnly: !0, size: "xs" },
+    { className: "size-8 p-0", iconOnly: !0, size: "sm" },
+    { className: "size-10 p-0", iconOnly: !0, size: "md" },
+    { className: "size-11 p-0", iconOnly: !0, size: "lg" },
+    { className: "size-12 p-0", iconOnly: !0, size: "xl" }
+  ],
+  defaultVariants: {
+    iconOnly: !1,
+    size: "md",
+    variant: "solid"
   }
-);
+}, buttonVariants = cva(buttonVariantBase, {
+  ...buttonVariantConfig,
+  compoundVariants: buttonVariantConfig.compoundVariants.map((variant) => ({
+    ...variant
+  }))
+});
 function Spinner() {
   return /* @__PURE__ */ jsx(
     "span",
@@ -86,5 +88,7 @@ function Button({
 }
 export {
   Button,
+  buttonVariantBase,
+  buttonVariantConfig,
   buttonVariants
 };

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

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

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

@@ -1,7 +1,7 @@
 // src/components/ui/card.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var cardVariants = cva("rounded-card border text-foreground-1", {
   variants: {
     variant: {

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

@@ -4,7 +4,7 @@
 import { Dialog as BaseDialog } from "@base-ui/react/dialog";
 import { useThemeScope } from "@publish.os/nextjs/theme-scope";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Dialog(props) {
   return /* @__PURE__ */ jsx(BaseDialog.Root, { ...props });
 }

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

@@ -5,6 +5,7 @@ import { ComponentPropsWithRef } from 'react';
 type DrawerProps = ComponentPropsWithRef<typeof Drawer$1.Root>;
 type DrawerTriggerProps = ComponentPropsWithRef<typeof Drawer$1.Trigger>;
 type DrawerPortalProps = ComponentPropsWithRef<typeof Drawer$1.Portal>;
+type DrawerVirtualKeyboardProviderProps = ComponentPropsWithRef<typeof Drawer$1.VirtualKeyboardProvider>;
 type DrawerBackdropProps = ComponentPropsWithRef<typeof Drawer$1.Backdrop>;
 type DrawerViewportProps = ComponentPropsWithRef<typeof Drawer$1.Viewport>;
 type DrawerPopupProps = ComponentPropsWithRef<typeof Drawer$1.Popup>;
@@ -12,6 +13,7 @@ type DrawerTitleProps = ComponentPropsWithRef<typeof Drawer$1.Title>;
 type DrawerDescriptionProps = ComponentPropsWithRef<typeof Drawer$1.Description>;
 type DrawerCloseProps = ComponentPropsWithRef<typeof Drawer$1.Close>;
 declare function Drawer(props: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerVirtualKeyboardProvider(props: DrawerVirtualKeyboardProviderProps): react_jsx_runtime.JSX.Element;
 declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
 declare function DrawerPortal(props: DrawerPortalProps): react_jsx_runtime.JSX.Element;
 declare function DrawerBackdrop({ className, ...props }: DrawerBackdropProps): react_jsx_runtime.JSX.Element;
@@ -21,4 +23,4 @@ declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_j
 declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
 declare function DrawerClose({ className, ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
 
-export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps, DrawerVirtualKeyboardProvider, type DrawerVirtualKeyboardProviderProps };

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

@@ -4,10 +4,13 @@
 import { Drawer as BaseDrawer } from "@base-ui/react/drawer";
 import { useThemeScope } from "@publish.os/nextjs/theme-scope";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Drawer(props) {
   return /* @__PURE__ */ jsx(BaseDrawer.Root, { ...props });
 }
+function DrawerVirtualKeyboardProvider(props) {
+  return /* @__PURE__ */ jsx(BaseDrawer.VirtualKeyboardProvider, { ...props });
+}
 function DrawerTrigger({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     BaseDrawer.Trigger,
@@ -109,5 +112,6 @@ export {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger,
-  DrawerViewport
+  DrawerViewport,
+  DrawerVirtualKeyboardProvider
 };

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

@@ -7,12 +7,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "ghost" | "default" | null | undefined;
+    variant?: "default" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type InputProps = ComponentPropsWithoutRef<typeof Input$1> & VariantProps<typeof inputVariants>;
 declare const Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.InputProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & VariantProps<(props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "ghost" | "default" | null | undefined;
+    variant?: "default" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLInputElement>>;
 
 export { Input, type InputProps, inputVariants };

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

@@ -3,7 +3,7 @@ import { Input as BaseInput } from "@base-ui/react/input";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var inputVariants = cva(
   [
     "flex w-full rounded-input border bg-surface-1 text-foreground-1 transition-colors",

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

@@ -1,30 +1,23 @@
 // src/components/ui/kbd.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var kbdVariants = cva(
-  "not-markdown-prose relative -top-[0.03em] inline-flex h-fit shrink-0 select-none items-center justify-center whitespace-nowrap bg-surface-1 px-[0.5em] pt-[0.05em] pb-[0.1em] align-text-top font-sans font-normal leading-[1.7em] text-foreground-1 [--kbd-fallback-shadow:inset_0_-0.05em_0.5em_color-mix(in_oklab,var(--stroke-4)_80%,transparent),inset_0_0.05em_color-mix(in_oklab,var(--neutral-100)_95%,transparent),inset_0_0.25em_0.5em_color-mix(in_oklab,var(--surface-3)_70%,transparent),inset_0_-0.075em_color-mix(in_oklab,var(--stroke-1)_58%,var(--stroke-2)),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-2)_82%,transparent),0_0.08em_0.17em_color-mix(in_oklab,var(--stroke-1)_45%,transparent)] [--kbd-fallback-shadow-active:inset_0_0.05em_color-mix(in_oklab,var(--foreground-4)_45%,transparent),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-1)_64%,transparent)] [border-radius:max(var(--radius-kbd),1px)] [box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow))] [word-spacing:-0.1em] transition-[background-color,box-shadow] duration-150 hover:bg-surface-page hover:[box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow)),0_0_0_0.05em_color-mix(in_oklab,var(--stroke-2)_50%,transparent)] focus-visible:outline-2 focus-visible:outline-focus-stroke active:bg-surface-2 active:pt-[0.1em] active:pb-[0.05em] active:[box-shadow:var(--kbd-shadow-active,var(--kbd-fallback-shadow-active))] [&_*]:leading-none",
+  "not-markdown-prose relative inline-flex h-[1.9em] min-w-[1.9em] shrink-0 select-none items-center justify-center whitespace-nowrap bg-surface-1 align-text-top font-sans font-normal leading-none text-foreground-1 [--kbd-fallback-shadow:inset_0_-0.05em_0.5em_color-mix(in_oklab,var(--stroke-4)_80%,transparent),inset_0_0.05em_color-mix(in_oklab,var(--neutral-100)_95%,transparent),inset_0_0.25em_0.5em_color-mix(in_oklab,var(--surface-3)_70%,transparent),inset_0_-0.075em_color-mix(in_oklab,var(--stroke-1)_58%,var(--stroke-2)),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-2)_82%,transparent),0_0.08em_0.17em_color-mix(in_oklab,var(--stroke-1)_45%,transparent)] [--kbd-fallback-shadow-active:inset_0_0.05em_color-mix(in_oklab,var(--foreground-4)_45%,transparent),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-1)_64%,transparent)] [border-radius:max(var(--radius-kbd),1px)] [box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow))] [word-spacing:-0.1em] transition-[background-color,box-shadow] duration-150 hover:bg-surface-hover hover:[box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow)),0_0_0_0.05em_color-mix(in_oklab,var(--stroke-2)_50%,transparent)] focus-visible:outline-2 focus-visible:outline-focus-stroke active:translate-y-px active:bg-surface-active active:[box-shadow:var(--kbd-shadow-active,var(--kbd-fallback-shadow-active))] [&_*]:leading-none",
   {
     variants: {
       size: {
-        xs: "min-w-[1.75em] text-[0.625rem]",
-        sm: "min-w-[1.75em] text-xs",
-        md: "min-w-[1.75em] text-sm",
-        lg: "min-w-[1.75em] text-base",
-        xl: "min-w-[1.75em] text-lg"
+        xs: "text-[0.625rem]",
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-lg"
       },
       square: {
-        false: "",
-        true: "px-0"
+        false: "px-[0.45em]",
+        true: "w-[1.9em] px-0"
       }
     },
-    compoundVariants: [
-      { className: "w-[1.75em]", size: "xs", square: !0 },
-      { className: "w-[1.75em]", size: "sm", square: !0 },
-      { className: "w-[1.75em]", size: "md", square: !0 },
-      { className: "w-[1.75em]", size: "lg", square: !0 },
-      { className: "w-[1.75em]", size: "xl", square: !0 }
-    ],
     defaultVariants: {
       size: "md",
       square: !1
@@ -32,7 +25,7 @@ var kbdVariants = cva(
   }
 );
 function isSingleCharacter(children) {
-  return typeof children == "string" && Array.from(children.trim()).length === 1;
+  return (typeof children == "string" || typeof children == "number") && Array.from(String(children).trim()).length === 1;
 }
 function Kbd({ children, className, size, square, ...props }) {
   return /* @__PURE__ */ jsx(

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

@@ -1,11 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ButtonVariantProps } from './button.js';
 import { VariantProps } from 'class-variance-authority';
+import { LinkProps as LinkProps$1 } from 'next/link';
 import { ReactNode, AnchorHTMLAttributes } from 'react';
 
+declare const buttonVariants: (props?: ({
+    readonly variant?: "ghost" | "solid" | "soft" | "outline" | null | undefined;
+    readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    readonly iconOnly?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+
 declare const linkVariants: (props?: ({
-    color?: "accent" | "default" | null | undefined;
+    color?: "default" | "accent" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     variant?: "inline" | "standalone" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -23,9 +30,10 @@ type LinkProps = {
     href?: string;
     iconOnly?: ButtonVariantProps["iconOnly"];
     leftIcon?: ReactNode;
+    prefetch?: LinkProps$1["prefetch"];
     rightIcon?: ReactNode;
     variant?: LinkVariant;
 } & Omit<LinkVariantProps, "color" | "variant"> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href">;
-declare function Link({ active, children, className, color, disabled, href, iconOnly, leftIcon, rel, rightIcon, size, style, target, variant, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ active, children, className, color, disabled, href, iconOnly, leftIcon, prefetch, rel, rightIcon, size, style, target, variant, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 export { Link, type LinkButtonVariant, type LinkProps, type LinkStyleVariant, type LinkVariant, type LinkVariantProps, linkVariants };

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

@@ -1,14 +1,14 @@
 // src/components/ui/link.tsx
-import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
+import { buttonVariants } from "@components/ui/button";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import NextLink from "next/link";
 
-// ../../node_modules/.pnpm/tailwindcss@4.3.0/node_modules/tailwindcss/dist/chunk-X4GG3EDV.mjs
-var l = { inherit: "inherit", current: "currentcolor", transparent: "transparent", black: "#000", white: "#fff", slate: { 50: "oklch(98.4% 0.003 247.858)", 100: "oklch(96.8% 0.007 247.896)", 200: "oklch(92.9% 0.013 255.508)", 300: "oklch(86.9% 0.022 252.894)", 400: "oklch(70.4% 0.04 256.788)", 500: "oklch(55.4% 0.046 257.417)", 600: "oklch(44.6% 0.043 257.281)", 700: "oklch(37.2% 0.044 257.287)", 800: "oklch(27.9% 0.041 260.031)", 900: "oklch(20.8% 0.042 265.755)", 950: "oklch(12.9% 0.042 264.695)" }, gray: { 50: "oklch(98.5% 0.002 247.839)", 100: "oklch(96.7% 0.003 264.542)", 200: "oklch(92.8% 0.006 264.531)", 300: "oklch(87.2% 0.01 258.338)", 400: "oklch(70.7% 0.022 261.325)", 500: "oklch(55.1% 0.027 264.364)", 600: "oklch(44.6% 0.03 256.802)", 700: "oklch(37.3% 0.034 259.733)", 800: "oklch(27.8% 0.033 256.848)", 900: "oklch(21% 0.034 264.665)", 950: "oklch(13% 0.028 261.692)" }, zinc: { 50: "oklch(98.5% 0 0)", 100: "oklch(96.7% 0.001 286.375)", 200: "oklch(92% 0.004 286.32)", 300: "oklch(87.1% 0.006 286.286)", 400: "oklch(70.5% 0.015 286.067)", 500: "oklch(55.2% 0.016 285.938)", 600: "oklch(44.2% 0.017 285.786)", 700: "oklch(37% 0.013 285.805)", 800: "oklch(27.4% 0.006 286.033)", 900: "oklch(21% 0.006 285.885)", 950: "oklch(14.1% 0.005 285.823)" }, neutral: { 50: "oklch(98.5% 0 0)", 100: "oklch(97% 0 0)", 200: "oklch(92.2% 0 0)", 300: "oklch(87% 0 0)", 400: "oklch(70.8% 0 0)", 500: "oklch(55.6% 0 0)", 600: "oklch(43.9% 0 0)", 700: "oklch(37.1% 0 0)", 800: "oklch(26.9% 0 0)", 900: "oklch(20.5% 0 0)", 950: "oklch(14.5% 0 0)" }, stone: { 50: "oklch(98.5% 0.001 106.423)", 100: "oklch(97% 0.001 106.424)", 200: "oklch(92.3% 0.003 48.717)", 300: "oklch(86.9% 0.005 56.366)", 400: "oklch(70.9% 0.01 56.259)", 500: "oklch(55.3% 0.013 58.071)", 600: "oklch(44.4% 0.011 73.639)", 700: "oklch(37.4% 0.01 67.558)", 800: "oklch(26.8% 0.007 34.298)", 900: "oklch(21.6% 0.006 56.043)", 950: "oklch(14.7% 0.004 49.25)" }, mauve: { 50: "oklch(98.5% 0 0)", 100: "oklch(96% 0.003 325.6)", 200: "oklch(92.2% 0.005 325.62)", 300: "oklch(86.5% 0.012 325.68)", 400: "oklch(71.1% 0.019 323.02)", 500: "oklch(54.2% 0.034 322.5)", 600: "oklch(43.5% 0.029 321.78)", 700: "oklch(36.4% 0.029 323.89)", 800: "oklch(26.3% 0.024 320.12)", 900: "oklch(21.2% 0.019 322.12)", 950: "oklch(14.5% 0.008 326)" }, olive: { 50: "oklch(98.8% 0.003 106.5)", 100: "oklch(96.6% 0.005 106.5)", 200: "oklch(93% 0.007 106.5)", 300: "oklch(88% 0.011 106.6)", 400: "oklch(73.7% 0.021 106.9)", 500: "oklch(58% 0.031 107.3)", 600: "oklch(46.6% 0.025 107.3)", 700: "oklch(39.4% 0.023 107.4)", 800: "oklch(28.6% 0.016 107.4)", 900: "oklch(22.8% 0.013 107.4)", 950: "oklch(15.3% 0.006 107.1)" }, mist: { 50: "oklch(98.7% 0.002 197.1)", 100: "oklch(96.3% 0.002 197.1)", 200: "oklch(92.5% 0.005 214.3)", 300: "oklch(87.2% 0.007 219.6)", 400: "oklch(72.3% 0.014 214.4)", 500: "oklch(56% 0.021 213.5)", 600: "oklch(45% 0.017 213.2)", 700: "oklch(37.8% 0.015 216)", 800: "oklch(27.5% 0.011 216.9)", 900: "oklch(21.8% 0.008 223.9)", 950: "oklch(14.8% 0.004 228.8)" }, taupe: { 50: "oklch(98.6% 0.002 67.8)", 100: "oklch(96% 0.002 17.2)", 200: "oklch(92.2% 0.005 34.3)", 300: "oklch(86.8% 0.007 39.5)", 400: "oklch(71.4% 0.014 41.2)", 500: "oklch(54.7% 0.021 43.1)", 600: "oklch(43.8% 0.017 39.3)", 700: "oklch(36.7% 0.016 35.7)", 800: "oklch(26.8% 0.011 36.5)", 900: "oklch(21.4% 0.009 43.1)", 950: "oklch(14.7% 0.004 49.3)" }, red: { 50: "oklch(97.1% 0.013 17.38)", 100: "oklch(93.6% 0.032 17.717)", 200: "oklch(88.5% 0.062 18.334)", 300: "oklch(80.8% 0.114 19.571)", 400: "oklch(70.4% 0.191 22.216)", 500: "oklch(63.7% 0.237 25.331)", 600: "oklch(57.7% 0.245 27.325)", 700: "oklch(50.5% 0.213 27.518)", 800: "oklch(44.4% 0.177 26.899)", 900: "oklch(39.6% 0.141 25.723)", 950: "oklch(25.8% 0.092 26.042)" }, orange: { 50: "oklch(98% 0.016 73.684)", 100: "oklch(95.4% 0.038 75.164)", 200: "oklch(90.1% 0.076 70.697)", 300: "oklch(83.7% 0.128 66.29)", 400: "oklch(75% 0.183 55.934)", 500: "oklch(70.5% 0.213 47.604)", 600: "oklch(64.6% 0.222 41.116)", 700: "oklch(55.3% 0.195 38.402)", 800: "oklch(47% 0.157 37.304)", 900: "oklch(40.8% 0.123 38.172)", 950: "oklch(26.6% 0.079 36.259)" }, amber: { 50: "oklch(98.7% 0.022 95.277)", 100: "oklch(96.2% 0.059 95.617)", 200: "oklch(92.4% 0.12 95.746)", 300: "oklch(87.9% 0.169 91.605)", 400: "oklch(82.8% 0.189 84.429)", 500: "oklch(76.9% 0.188 70.08)", 600: "oklch(66.6% 0.179 58.318)", 700: "oklch(55.5% 0.163 48.998)", 800: "oklch(47.3% 0.137 46.201)", 900: "oklch(41.4% 0.112 45.904)", 950: "oklch(27.9% 0.077 45.635)" }, yellow: { 50: "oklch(98.7% 0.026 102.212)", 100: "oklch(97.3% 0.071 103.193)", 200: "oklch(94.5% 0.129 101.54)", 300: "oklch(90.5% 0.182 98.111)", 400: "oklch(85.2% 0.199 91.936)", 500: "oklch(79.5% 0.184 86.047)", 600: "oklch(68.1% 0.162 75.834)", 700: "oklch(55.4% 0.135 66.442)", 800: "oklch(47.6% 0.114 61.907)", 900: "oklch(42.1% 0.095 57.708)", 950: "oklch(28.6% 0.066 53.813)" }, lime: { 50: "oklch(98.6% 0.031 120.757)", 100: "oklch(96.7% 0.067 122.328)", 200: "oklch(93.8% 0.127 124.321)", 300: "oklch(89.7% 0.196 126.665)", 400: "oklch(84.1% 0.238 128.85)", 500: "oklch(76.8% 0.233 130.85)", 600: "oklch(64.8% 0.2 131.684)", 700: "oklch(53.2% 0.157 131.589)", 800: "oklch(45.3% 0.124 130.933)", 900: "oklch(40.5% 0.101 131.063)", 950: "oklch(27.4% 0.072 132.109)" }, green: { 50: "oklch(98.2% 0.018 155.826)", 100: "oklch(96.2% 0.044 156.743)", 200: "oklch(92.5% 0.084 155.995)", 300: "oklch(87.1% 0.15 154.449)", 400: "oklch(79.2% 0.209 151.711)", 500: "oklch(72.3% 0.219 149.579)", 600: "oklch(62.7% 0.194 149.214)", 700: "oklch(52.7% 0.154 150.069)", 800: "oklch(44.8% 0.119 151.328)", 900: "oklch(39.3% 0.095 152.535)", 950: "oklch(26.6% 0.065 152.934)" }, emerald: { 50: "oklch(97.9% 0.021 166.113)", 100: "oklch(95% 0.052 163.051)", 200: "oklch(90.5% 0.093 164.15)", 300: "oklch(84.5% 0.143 164.978)", 400: "oklch(76.5% 0.177 163.223)", 500: "oklch(69.6% 0.17 162.48)", 600: "oklch(59.6% 0.145 163.225)", 700: "oklch(50.8% 0.118 165.612)", 800: "oklch(43.2% 0.095 166.913)", 900: "oklch(37.8% 0.077 168.94)", 950: "oklch(26.2% 0.051 172.552)" }, teal: { 50: "oklch(98.4% 0.014 180.72)", 100: "oklch(95.3% 0.051 180.801)", 200: "oklch(91% 0.096 180.426)", 300: "oklch(85.5% 0.138 181.071)", 400: "oklch(77.7% 0.152 181.912)", 500: "oklch(70.4% 0.14 182.503)", 600: "oklch(60% 0.118 184.704)", 700: "oklch(51.1% 0.096 186.391)", 800: "oklch(43.7% 0.078 188.216)", 900: "oklch(38.6% 0.063 188.416)", 950: "oklch(27.7% 0.046 192.524)" }, cyan: { 50: "oklch(98.4% 0.019 200.873)", 100: "oklch(95.6% 0.045 203.388)", 200: "oklch(91.7% 0.08 205.041)", 300: "oklch(86.5% 0.127 207.078)", 400: "oklch(78.9% 0.154 211.53)", 500: "oklch(71.5% 0.143 215.221)", 600: "oklch(60.9% 0.126 221.723)", 700: "oklch(52% 0.105 223.128)", 800: "oklch(45% 0.085 224.283)", 900: "oklch(39.8% 0.07 227.392)", 950: "oklch(30.2% 0.056 229.695)" }, sky: { 50: "oklch(97.7% 0.013 236.62)", 100: "oklch(95.1% 0.026 236.824)", 200: "oklch(90.1% 0.058 230.902)", 300: "oklch(82.8% 0.111 230.318)", 400: "oklch(74.6% 0.16 232.661)", 500: "oklch(68.5% 0.169 237.323)", 600: "oklch(58.8% 0.158 241.966)", 700: "oklch(50% 0.134 242.749)", 800: "oklch(44.3% 0.11 240.79)", 900: "oklch(39.1% 0.09 240.876)", 950: "oklch(29.3% 0.066 243.157)" }, blue: { 50: "oklch(97% 0.014 254.604)", 100: "oklch(93.2% 0.032 255.585)", 200: "oklch(88.2% 0.059 254.128)", 300: "oklch(80.9% 0.105 251.813)", 400: "oklch(70.7% 0.165 254.624)", 500: "oklch(62.3% 0.214 259.815)", 600: "oklch(54.6% 0.245 262.881)", 700: "oklch(48.8% 0.243 264.376)", 800: "oklch(42.4% 0.199 265.638)", 900: "oklch(37.9% 0.146 265.522)", 950: "oklch(28.2% 0.091 267.935)" }, indigo: { 50: "oklch(96.2% 0.018 272.314)", 100: "oklch(93% 0.034 272.788)", 200: "oklch(87% 0.065 274.039)", 300: "oklch(78.5% 0.115 274.713)", 400: "oklch(67.3% 0.182 276.935)", 500: "oklch(58.5% 0.233 277.117)", 600: "oklch(51.1% 0.262 276.966)", 700: "oklch(45.7% 0.24 277.023)", 800: "oklch(39.8% 0.195 277.366)", 900: "oklch(35.9% 0.144 278.697)", 950: "oklch(25.7% 0.09 281.288)" }, violet: { 50: "oklch(96.9% 0.016 293.756)", 100: "oklch(94.3% 0.029 294.588)", 200: "oklch(89.4% 0.057 293.283)", 300: "oklch(81.1% 0.111 293.571)", 400: "oklch(70.2% 0.183 293.541)", 500: "oklch(60.6% 0.25 292.717)", 600: "oklch(54.1% 0.281 293.009)", 700: "oklch(49.1% 0.27 292.581)", 800: "oklch(43.2% 0.232 292.759)", 900: "oklch(38% 0.189 293.745)", 950: "oklch(28.3% 0.141 291.089)" }, purple: { 50: "oklch(97.7% 0.014 308.299)", 100: "oklch(94.6% 0.033 307.174)", 200: "oklch(90.2% 0.063 306.703)", 300: "oklch(82.7% 0.119 306.383)", 400: "oklch(71.4% 0.203 305.504)", 500: "oklch(62.7% 0.265 303.9)", 600: "oklch(55.8% 0.288 302.321)", 700: "oklch(49.6% 0.265 301.924)", 800: "oklch(43.8% 0.218 303.724)", 900: "oklch(38.1% 0.176 304.987)", 950: "oklch(29.1% 0.149 302.717)" }, fuchsia: { 50: "oklch(97.7% 0.017 320.058)", 100: "oklch(95.2% 0.037 318.852)", 200: "oklch(90.3% 0.076 319.62)", 300: "oklch(83.3% 0.145 321.434)", 400: "oklch(74% 0.238 322.16)", 500: "oklch(66.7% 0.295 322.15)", 600: "oklch(59.1% 0.293 322.896)", 700: "oklch(51.8% 0.253 323.949)", 800: "oklch(45.2% 0.211 324.591)", 900: "oklch(40.1% 0.17 325.612)", 950: "oklch(29.3% 0.136 325.661)" }, pink: { 50: "oklch(97.1% 0.014 343.198)", 100: "oklch(94.8% 0.028 342.258)", 200: "oklch(89.9% 0.061 343.231)", 300: "oklch(82.3% 0.12 346.018)", 400: "oklch(71.8% 0.202 349.761)", 500: "oklch(65.6% 0.241 354.308)", 600: "oklch(59.2% 0.249 0.584)", 700: "oklch(52.5% 0.223 3.958)", 800: "oklch(45.9% 0.187 3.815)", 900: "oklch(40.8% 0.153 2.432)", 950: "oklch(28.4% 0.109 3.907)" }, rose: { 50: "oklch(96.9% 0.015 12.422)", 100: "oklch(94.1% 0.03 12.58)", 200: "oklch(89.2% 0.058 10.001)", 300: "oklch(81% 0.117 11.638)", 400: "oklch(71.2% 0.194 13.428)", 500: "oklch(64.5% 0.246 16.439)", 600: "oklch(58.6% 0.253 17.585)", 700: "oklch(51.4% 0.222 16.935)", 800: "oklch(45.5% 0.188 13.697)", 900: "oklch(41% 0.159 10.272)", 950: "oklch(27.1% 0.105 12.094)" } };
+// ../../node_modules/.pnpm/tailwindcss@4.3.3/node_modules/tailwindcss/dist/chunk-DCG7AFIE.mjs
+var o = { inherit: "inherit", current: "currentcolor", transparent: "transparent", black: "#000", white: "#fff", slate: { 50: "oklch(98.4% 0.003 247.858)", 100: "oklch(96.8% 0.007 247.896)", 200: "oklch(92.9% 0.013 255.508)", 300: "oklch(86.9% 0.022 252.894)", 400: "oklch(70.4% 0.04 256.788)", 500: "oklch(55.4% 0.046 257.417)", 600: "oklch(44.6% 0.043 257.281)", 700: "oklch(37.2% 0.044 257.287)", 800: "oklch(27.9% 0.041 260.031)", 900: "oklch(20.8% 0.042 265.755)", 950: "oklch(12.9% 0.042 264.695)" }, gray: { 50: "oklch(98.5% 0.002 247.839)", 100: "oklch(96.7% 0.003 264.542)", 200: "oklch(92.8% 0.006 264.531)", 300: "oklch(87.2% 0.01 258.338)", 400: "oklch(70.7% 0.022 261.325)", 500: "oklch(55.1% 0.027 264.364)", 600: "oklch(44.6% 0.03 256.802)", 700: "oklch(37.3% 0.034 259.733)", 800: "oklch(27.8% 0.033 256.848)", 900: "oklch(21% 0.034 264.665)", 950: "oklch(13% 0.028 261.692)" }, zinc: { 50: "oklch(98.5% 0 none)", 100: "oklch(96.7% 0.001 286.375)", 200: "oklch(92% 0.004 286.32)", 300: "oklch(87.1% 0.006 286.286)", 400: "oklch(70.5% 0.015 286.067)", 500: "oklch(55.2% 0.016 285.938)", 600: "oklch(44.2% 0.017 285.786)", 700: "oklch(37% 0.013 285.805)", 800: "oklch(27.4% 0.006 286.033)", 900: "oklch(21% 0.006 285.885)", 950: "oklch(14.1% 0.005 285.823)" }, neutral: { 50: "oklch(98.5% 0 none)", 100: "oklch(97% 0 none)", 200: "oklch(92.2% 0 none)", 300: "oklch(87% 0 none)", 400: "oklch(70.8% 0 none)", 500: "oklch(55.6% 0 none)", 600: "oklch(43.9% 0 none)", 700: "oklch(37.1% 0 none)", 800: "oklch(26.9% 0 none)", 900: "oklch(20.5% 0 none)", 950: "oklch(14.5% 0 none)" }, stone: { 50: "oklch(98.5% 0.001 106.423)", 100: "oklch(97% 0.001 106.424)", 200: "oklch(92.3% 0.003 48.717)", 300: "oklch(86.9% 0.005 56.366)", 400: "oklch(70.9% 0.01 56.259)", 500: "oklch(55.3% 0.013 58.071)", 600: "oklch(44.4% 0.011 73.639)", 700: "oklch(37.4% 0.01 67.558)", 800: "oklch(26.8% 0.007 34.298)", 900: "oklch(21.6% 0.006 56.043)", 950: "oklch(14.7% 0.004 49.25)" }, mauve: { 50: "oklch(98.5% 0 none)", 100: "oklch(96% 0.003 325.6)", 200: "oklch(92.2% 0.005 325.62)", 300: "oklch(86.5% 0.012 325.68)", 400: "oklch(71.1% 0.019 323.02)", 500: "oklch(54.2% 0.034 322.5)", 600: "oklch(43.5% 0.029 321.78)", 700: "oklch(36.4% 0.029 323.89)", 800: "oklch(26.3% 0.024 320.12)", 900: "oklch(21.2% 0.019 322.12)", 950: "oklch(14.5% 0.008 326)" }, olive: { 50: "oklch(98.8% 0.003 106.5)", 100: "oklch(96.6% 0.005 106.5)", 200: "oklch(93% 0.007 106.5)", 300: "oklch(88% 0.011 106.6)", 400: "oklch(73.7% 0.021 106.9)", 500: "oklch(58% 0.031 107.3)", 600: "oklch(46.6% 0.025 107.3)", 700: "oklch(39.4% 0.023 107.4)", 800: "oklch(28.6% 0.016 107.4)", 900: "oklch(22.8% 0.013 107.4)", 950: "oklch(15.3% 0.006 107.1)" }, mist: { 50: "oklch(98.7% 0.002 197.1)", 100: "oklch(96.3% 0.002 197.1)", 200: "oklch(92.5% 0.005 214.3)", 300: "oklch(87.2% 0.007 219.6)", 400: "oklch(72.3% 0.014 214.4)", 500: "oklch(56% 0.021 213.5)", 600: "oklch(45% 0.017 213.2)", 700: "oklch(37.8% 0.015 216)", 800: "oklch(27.5% 0.011 216.9)", 900: "oklch(21.8% 0.008 223.9)", 950: "oklch(14.8% 0.004 228.8)" }, taupe: { 50: "oklch(98.6% 0.002 67.8)", 100: "oklch(96% 0.002 17.2)", 200: "oklch(92.2% 0.005 34.3)", 300: "oklch(86.8% 0.007 39.5)", 400: "oklch(71.4% 0.014 41.2)", 500: "oklch(54.7% 0.021 43.1)", 600: "oklch(43.8% 0.017 39.3)", 700: "oklch(36.7% 0.016 35.7)", 800: "oklch(26.8% 0.011 36.5)", 900: "oklch(21.4% 0.009 43.1)", 950: "oklch(14.7% 0.004 49.3)" }, red: { 50: "oklch(97.1% 0.013 17.38)", 100: "oklch(93.6% 0.032 17.717)", 200: "oklch(88.5% 0.062 18.334)", 300: "oklch(80.8% 0.114 19.571)", 400: "oklch(70.4% 0.191 22.216)", 500: "oklch(63.7% 0.237 25.331)", 600: "oklch(57.7% 0.245 27.325)", 700: "oklch(50.5% 0.213 27.518)", 800: "oklch(44.4% 0.177 26.899)", 900: "oklch(39.6% 0.141 25.723)", 950: "oklch(25.8% 0.092 26.042)" }, orange: { 50: "oklch(98% 0.016 73.684)", 100: "oklch(95.4% 0.038 75.164)", 200: "oklch(90.1% 0.076 70.697)", 300: "oklch(83.7% 0.128 66.29)", 400: "oklch(75% 0.183 55.934)", 500: "oklch(70.5% 0.213 47.604)", 600: "oklch(64.6% 0.222 41.116)", 700: "oklch(55.3% 0.195 38.402)", 800: "oklch(47% 0.157 37.304)", 900: "oklch(40.8% 0.123 38.172)", 950: "oklch(26.6% 0.079 36.259)" }, amber: { 50: "oklch(98.7% 0.022 95.277)", 100: "oklch(96.2% 0.059 95.617)", 200: "oklch(92.4% 0.12 95.746)", 300: "oklch(87.9% 0.169 91.605)", 400: "oklch(82.8% 0.189 84.429)", 500: "oklch(76.9% 0.188 70.08)", 600: "oklch(66.6% 0.179 58.318)", 700: "oklch(55.5% 0.163 48.998)", 800: "oklch(47.3% 0.137 46.201)", 900: "oklch(41.4% 0.112 45.904)", 950: "oklch(27.9% 0.077 45.635)" }, yellow: { 50: "oklch(98.7% 0.026 102.212)", 100: "oklch(97.3% 0.071 103.193)", 200: "oklch(94.5% 0.129 101.54)", 300: "oklch(90.5% 0.182 98.111)", 400: "oklch(85.2% 0.199 91.936)", 500: "oklch(79.5% 0.184 86.047)", 600: "oklch(68.1% 0.162 75.834)", 700: "oklch(55.4% 0.135 66.442)", 800: "oklch(47.6% 0.114 61.907)", 900: "oklch(42.1% 0.095 57.708)", 950: "oklch(28.6% 0.066 53.813)" }, lime: { 50: "oklch(98.6% 0.031 120.757)", 100: "oklch(96.7% 0.067 122.328)", 200: "oklch(93.8% 0.127 124.321)", 300: "oklch(89.7% 0.196 126.665)", 400: "oklch(84.1% 0.238 128.85)", 500: "oklch(76.8% 0.233 130.85)", 600: "oklch(64.8% 0.2 131.684)", 700: "oklch(53.2% 0.157 131.589)", 800: "oklch(45.3% 0.124 130.933)", 900: "oklch(40.5% 0.101 131.063)", 950: "oklch(27.4% 0.072 132.109)" }, green: { 50: "oklch(98.2% 0.018 155.826)", 100: "oklch(96.2% 0.044 156.743)", 200: "oklch(92.5% 0.084 155.995)", 300: "oklch(87.1% 0.15 154.449)", 400: "oklch(79.2% 0.209 151.711)", 500: "oklch(72.3% 0.219 149.579)", 600: "oklch(62.7% 0.194 149.214)", 700: "oklch(52.7% 0.154 150.069)", 800: "oklch(44.8% 0.119 151.328)", 900: "oklch(39.3% 0.095 152.535)", 950: "oklch(26.6% 0.065 152.934)" }, emerald: { 50: "oklch(97.9% 0.021 166.113)", 100: "oklch(95% 0.052 163.051)", 200: "oklch(90.5% 0.093 164.15)", 300: "oklch(84.5% 0.143 164.978)", 400: "oklch(76.5% 0.177 163.223)", 500: "oklch(69.6% 0.17 162.48)", 600: "oklch(59.6% 0.145 163.225)", 700: "oklch(50.8% 0.118 165.612)", 800: "oklch(43.2% 0.095 166.913)", 900: "oklch(37.8% 0.077 168.94)", 950: "oklch(26.2% 0.051 172.552)" }, teal: { 50: "oklch(98.4% 0.014 180.72)", 100: "oklch(95.3% 0.051 180.801)", 200: "oklch(91% 0.096 180.426)", 300: "oklch(85.5% 0.138 181.071)", 400: "oklch(77.7% 0.152 181.912)", 500: "oklch(70.4% 0.14 182.503)", 600: "oklch(60% 0.118 184.704)", 700: "oklch(51.1% 0.096 186.391)", 800: "oklch(43.7% 0.078 188.216)", 900: "oklch(38.6% 0.063 188.416)", 950: "oklch(27.7% 0.046 192.524)" }, cyan: { 50: "oklch(98.4% 0.019 200.873)", 100: "oklch(95.6% 0.045 203.388)", 200: "oklch(91.7% 0.08 205.041)", 300: "oklch(86.5% 0.127 207.078)", 400: "oklch(78.9% 0.154 211.53)", 500: "oklch(71.5% 0.143 215.221)", 600: "oklch(60.9% 0.126 221.723)", 700: "oklch(52% 0.105 223.128)", 800: "oklch(45% 0.085 224.283)", 900: "oklch(39.8% 0.07 227.392)", 950: "oklch(30.2% 0.056 229.695)" }, sky: { 50: "oklch(97.7% 0.013 236.62)", 100: "oklch(95.1% 0.026 236.824)", 200: "oklch(90.1% 0.058 230.902)", 300: "oklch(82.8% 0.111 230.318)", 400: "oklch(74.6% 0.16 232.661)", 500: "oklch(68.5% 0.169 237.323)", 600: "oklch(58.8% 0.158 241.966)", 700: "oklch(50% 0.134 242.749)", 800: "oklch(44.3% 0.11 240.79)", 900: "oklch(39.1% 0.09 240.876)", 950: "oklch(29.3% 0.066 243.157)" }, blue: { 50: "oklch(97% 0.014 254.604)", 100: "oklch(93.2% 0.032 255.585)", 200: "oklch(88.2% 0.059 254.128)", 300: "oklch(80.9% 0.105 251.813)", 400: "oklch(70.7% 0.165 254.624)", 500: "oklch(62.3% 0.214 259.815)", 600: "oklch(54.6% 0.245 262.881)", 700: "oklch(48.8% 0.243 264.376)", 800: "oklch(42.4% 0.199 265.638)", 900: "oklch(37.9% 0.146 265.522)", 950: "oklch(28.2% 0.091 267.935)" }, indigo: { 50: "oklch(96.2% 0.018 272.314)", 100: "oklch(93% 0.034 272.788)", 200: "oklch(87% 0.065 274.039)", 300: "oklch(78.5% 0.115 274.713)", 400: "oklch(67.3% 0.182 276.935)", 500: "oklch(58.5% 0.233 277.117)", 600: "oklch(51.1% 0.262 276.966)", 700: "oklch(45.7% 0.24 277.023)", 800: "oklch(39.8% 0.195 277.366)", 900: "oklch(35.9% 0.144 278.697)", 950: "oklch(25.7% 0.09 281.288)" }, violet: { 50: "oklch(96.9% 0.016 293.756)", 100: "oklch(94.3% 0.029 294.588)", 200: "oklch(89.4% 0.057 293.283)", 300: "oklch(81.1% 0.111 293.571)", 400: "oklch(70.2% 0.183 293.541)", 500: "oklch(60.6% 0.25 292.717)", 600: "oklch(54.1% 0.281 293.009)", 700: "oklch(49.1% 0.27 292.581)", 800: "oklch(43.2% 0.232 292.759)", 900: "oklch(38% 0.189 293.745)", 950: "oklch(28.3% 0.141 291.089)" }, purple: { 50: "oklch(97.7% 0.014 308.299)", 100: "oklch(94.6% 0.033 307.174)", 200: "oklch(90.2% 0.063 306.703)", 300: "oklch(82.7% 0.119 306.383)", 400: "oklch(71.4% 0.203 305.504)", 500: "oklch(62.7% 0.265 303.9)", 600: "oklch(55.8% 0.288 302.321)", 700: "oklch(49.6% 0.265 301.924)", 800: "oklch(43.8% 0.218 303.724)", 900: "oklch(38.1% 0.176 304.987)", 950: "oklch(29.1% 0.149 302.717)" }, fuchsia: { 50: "oklch(97.7% 0.017 320.058)", 100: "oklch(95.2% 0.037 318.852)", 200: "oklch(90.3% 0.076 319.62)", 300: "oklch(83.3% 0.145 321.434)", 400: "oklch(74% 0.238 322.16)", 500: "oklch(66.7% 0.295 322.15)", 600: "oklch(59.1% 0.293 322.896)", 700: "oklch(51.8% 0.253 323.949)", 800: "oklch(45.2% 0.211 324.591)", 900: "oklch(40.1% 0.17 325.612)", 950: "oklch(29.3% 0.136 325.661)" }, pink: { 50: "oklch(97.1% 0.014 343.198)", 100: "oklch(94.8% 0.028 342.258)", 200: "oklch(89.9% 0.061 343.231)", 300: "oklch(82.3% 0.12 346.018)", 400: "oklch(71.8% 0.202 349.761)", 500: "oklch(65.6% 0.241 354.308)", 600: "oklch(59.2% 0.249 0.584)", 700: "oklch(52.5% 0.223 3.958)", 800: "oklch(45.9% 0.187 3.815)", 900: "oklch(40.8% 0.153 2.432)", 950: "oklch(28.4% 0.109 3.907)" }, rose: { 50: "oklch(96.9% 0.015 12.422)", 100: "oklch(94.1% 0.03 12.58)", 200: "oklch(89.2% 0.058 10.001)", 300: "oklch(81% 0.117 11.638)", 400: "oklch(71.2% 0.194 13.428)", 500: "oklch(64.5% 0.246 16.439)", 600: "oklch(58.6% 0.253 17.585)", 700: "oklch(51.4% 0.222 16.935)", 800: "oklch(45.5% 0.188 13.697)", 900: "oklch(41% 0.159 10.272)", 950: "oklch(27.1% 0.105 12.094)" } };
 
 // src/components/ui/link.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var linkVariants = cva(
   [
     "group/link inline break-words rounded-button font-medium !no-underline hover:!no-underline active:!no-underline",
@@ -59,14 +59,14 @@ function namedLinkColor(color) {
   return color === "accent" ? "accent" : color === "default" ? "default" : null;
 }
 function tailwindColorValue(color) {
-  let named = l[color];
+  let named = o[color];
   if (typeof named == "string")
     return named === "current" || named === "currentcolor" ? "currentColor" : named;
   let match = color.match(/^(.+)-([0-9]{2,3})$/);
   if (!match) return;
   let [, paletteName, shade] = match;
   if (!paletteName || !shade) return;
-  let palette = l[paletteName];
+  let palette = o[paletteName];
   if (!(!palette || typeof palette == "string"))
     return palette[shade];
 }
@@ -104,6 +104,7 @@ function Link({
   href = "#",
   iconOnly,
   leftIcon,
+  prefetch,
   rel,
   rightIcon,
   size,
@@ -112,10 +113,10 @@ function Link({
   variant = "link.standalone",
   ...props
 }) {
-  let { buttonVariant, linkVariant } = resolveLinkVariant(variant), resolvedColor = namedLinkColor(color), customColor = linkColorValue(color), resolvedStyle = customColor ? { ...style, "--link-color": customColor } : style, state = active ? "path-active" : void 0, content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    leftIcon ? /* @__PURE__ */ jsx("span", { className: "mr-1 inline-flex shrink-0", children: leftIcon }) : null,
-    buttonVariant ? children : /* @__PURE__ */ jsx("span", { className: linkUnderlineClasses, "data-state": state, children }),
-    rightIcon ? /* @__PURE__ */ jsx("span", { className: "ml-1 inline-flex shrink-0", children: rightIcon }) : null
+  let { buttonVariant, linkVariant } = resolveLinkVariant(variant), resolvedColor = namedLinkColor(color), customColor = linkColorValue(color), resolvedStyle = customColor ? { ...style, "--link-color": customColor } : style, state = active ? "path-active" : void 0, label = buttonVariant ? children : /* @__PURE__ */ jsx("span", { className: linkUnderlineClasses, "data-state": state, children }), content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leftIcon ? /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0", !buttonVariant && "me-1"), children: leftIcon }) : null,
+    label,
+    rightIcon ? /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0", !buttonVariant && "ms-1"), children: rightIcon }) : null
   ] }), classes = cn(
     buttonVariant ? buttonVariants({
       iconOnly,
@@ -158,7 +159,7 @@ function Link({
       ...commonProps,
       children: content
     }
-  ) : /* @__PURE__ */ jsx(NextLink, { href, ...commonProps, children: content });
+  ) : /* @__PURE__ */ jsx(NextLink, { href, prefetch, ...commonProps, children: content });
 }
 export {
   Link,