@publish.os/nextjs 0.0.1-alpha.90 → 0.0.1-alpha.92

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

@@ -1,12 +1,64 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithRef } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-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 = {
@@ -17,6 +69,6 @@ type ButtonProps = {
     loading?: boolean;
     rightIcon?: ReactNode;
 } & 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;
+declare function Button({ active, children, className, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react.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 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 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"
-      }
+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

@@ -1,17 +1,17 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
 
 declare const cardVariants: (props?: ({
     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;
-declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function Card({ className, padding, variant, ...props }: CardProps): react.JSX.Element;
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
+declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
 
 export { Card, CardContent, CardDescription, CardHeader, type CardProps, CardTitle, cardVariants };

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.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import * as react from 'react';
 import { ComponentPropsWithRef } from 'react';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 
 type DialogProps = ComponentPropsWithRef<typeof Dialog$1.Root>;
 type DialogTriggerProps = ComponentPropsWithRef<typeof Dialog$1.Trigger>;
@@ -10,13 +10,13 @@ type DialogPopupProps = ComponentPropsWithRef<typeof Dialog$1.Popup>;
 type DialogTitleProps = ComponentPropsWithRef<typeof Dialog$1.Title>;
 type DialogDescriptionProps = ComponentPropsWithRef<typeof Dialog$1.Description>;
 type DialogCloseProps = ComponentPropsWithRef<typeof Dialog$1.Close>;
-declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
-declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
-declare function DialogPortal(props: DialogPortalProps): react_jsx_runtime.JSX.Element;
-declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react_jsx_runtime.JSX.Element;
-declare function DialogPopup({ className, ...props }: DialogPopupProps): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
-declare function DialogClose({ className, ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
+declare function Dialog(props: DialogProps): react.JSX.Element;
+declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react.JSX.Element;
+declare function DialogPortal(props: DialogPortalProps): react.JSX.Element;
+declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react.JSX.Element;
+declare function DialogPopup({ className, ...props }: DialogPopupProps): react.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react.JSX.Element;
+declare function DialogClose({ className, ...props }: DialogCloseProps): react.JSX.Element;
 
 export { Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

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

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import * as react from 'react';
 import { ComponentPropsWithRef } from 'react';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
 
 type DrawerProps = ComponentPropsWithRef<typeof Drawer$1.Root>;
 type DrawerTriggerProps = ComponentPropsWithRef<typeof Drawer$1.Trigger>;
@@ -12,15 +12,15 @@ type DrawerPopupProps = ComponentPropsWithRef<typeof Drawer$1.Popup>;
 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;
-declare function DrawerViewport({ className, ...props }: DrawerViewportProps): react_jsx_runtime.JSX.Element;
-declare function DrawerPopup({ className, ...props }: DrawerPopupProps): react_jsx_runtime.JSX.Element;
-declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
-declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
-declare function DrawerClose({ className, ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
+declare function Drawer(props: DrawerProps): react.JSX.Element;
+declare function DrawerVirtualKeyboardProvider(props: DrawerVirtualKeyboardProviderProps): react.JSX.Element;
+declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): react.JSX.Element;
+declare function DrawerPortal(props: DrawerPortalProps): react.JSX.Element;
+declare function DrawerBackdrop({ className, ...props }: DrawerBackdropProps): react.JSX.Element;
+declare function DrawerViewport({ className, ...props }: DrawerViewportProps): react.JSX.Element;
+declare function DrawerPopup({ className, ...props }: DrawerPopupProps): react.JSX.Element;
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react.JSX.Element;
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react.JSX.Element;
+declare function DrawerClose({ className, ...props }: DrawerCloseProps): react.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, DrawerVirtualKeyboardProvider, type DrawerVirtualKeyboardProviderProps };

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

@@ -4,7 +4,7 @@
 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 });
 }

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

@@ -6,12 +6,12 @@ import { Input as Input$1 } from '@base-ui/react/input';
 import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | 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?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     variant?: "default" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLInputElement>>;
 

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.d.ts

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
 
 declare const kbdVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     square?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type KbdProps = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;
-declare function Kbd({ children, className, size, square, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+declare function Kbd({ children, className, size, square, ...props }: KbdProps): react.JSX.Element;
 
 export { Kbd, type KbdProps, kbdVariants };

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

@@ -1,7 +1,7 @@
 // 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 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",
   {

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

@@ -1,13 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, AnchorHTMLAttributes } from 'react';
 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?: "default" | "accent" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     variant?: "inline" | "standalone" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LinkVariantProps = VariantProps<typeof linkVariants>;
@@ -28,6 +34,6 @@ type LinkProps = {
     rightIcon?: ReactNode;
     variant?: LinkVariant;
 } & Omit<LinkVariantProps, "color" | "variant"> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href">;
-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;
+declare function Link({ active, children, className, color, disabled, href, iconOnly, leftIcon, prefetch, rel, rightIcon, size, style, target, variant, ...props }: LinkProps): react.JSX.Element;
 
 export { Link, type LinkButtonVariant, type LinkProps, type LinkStyleVariant, type LinkVariant, type LinkVariantProps, linkVariants };

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

@@ -1,5 +1,5 @@
 // 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";
@@ -8,7 +8,7 @@ import NextLink from "next/link";
 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",

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

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Menu as Menu$1 } from '@base-ui/react/menu';
+import * as react from 'react';
 import { ComponentPropsWithRef } from 'react';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
 
 type MenuProps = ComponentPropsWithRef<typeof Menu$1.Root>;
 type MenuArrowProps = ComponentPropsWithRef<typeof Menu$1.Arrow>;
@@ -22,26 +22,26 @@ type MenuRadioItemIndicatorProps = ComponentPropsWithRef<typeof Menu$1.RadioItem
 type MenuGroupProps = ComponentPropsWithRef<typeof Menu$1.Group>;
 type MenuGroupLabelProps = ComponentPropsWithRef<typeof Menu$1.GroupLabel>;
 type MenuSeparatorProps = ComponentPropsWithRef<typeof Menu$1.Separator>;
-declare function MenuRoot(props: MenuProps): react_jsx_runtime.JSX.Element;
-declare function MenuTrigger({ className, ...props }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
-declare function MenuPortal(props: MenuPortalProps): react_jsx_runtime.JSX.Element;
-declare function MenuBackdrop({ className, ...props }: MenuBackdropProps): react_jsx_runtime.JSX.Element;
-declare function MenuPositioner({ className, sideOffset, ...props }: MenuPositionerProps): react_jsx_runtime.JSX.Element;
-declare function MenuPopup({ className, ...props }: MenuPopupProps): react_jsx_runtime.JSX.Element;
-declare function MenuArrow({ className, ...props }: MenuArrowProps): react_jsx_runtime.JSX.Element;
-declare function MenuViewport({ className, ...props }: MenuViewportProps): react_jsx_runtime.JSX.Element;
-declare function MenuItem({ className, ...props }: MenuItemProps): react_jsx_runtime.JSX.Element;
-declare function MenuLinkItem({ className, ...props }: MenuLinkItemProps): react_jsx_runtime.JSX.Element;
-declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): react_jsx_runtime.JSX.Element;
-declare function MenuSubmenuTrigger({ className, ...props }: MenuSubmenuTriggerProps): react_jsx_runtime.JSX.Element;
-declare function MenuCheckboxItem({ className, ...props }: MenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
-declare function MenuCheckboxItemIndicator({ children, className, ...props }: MenuCheckboxItemIndicatorProps): react_jsx_runtime.JSX.Element;
-declare function MenuRadioGroup({ className, ...props }: MenuRadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function MenuRadioItem({ className, ...props }: MenuRadioItemProps): react_jsx_runtime.JSX.Element;
-declare function MenuRadioItemIndicator({ children, className, ...props }: MenuRadioItemIndicatorProps): react_jsx_runtime.JSX.Element;
-declare function MenuGroup({ className, ...props }: MenuGroupProps): react_jsx_runtime.JSX.Element;
-declare function MenuGroupLabel({ className, ...props }: MenuGroupLabelProps): react_jsx_runtime.JSX.Element;
-declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuRoot(props: MenuProps): react.JSX.Element;
+declare function MenuTrigger({ className, ...props }: MenuTriggerProps): react.JSX.Element;
+declare function MenuPortal(props: MenuPortalProps): react.JSX.Element;
+declare function MenuBackdrop({ className, ...props }: MenuBackdropProps): react.JSX.Element;
+declare function MenuPositioner({ className, sideOffset, ...props }: MenuPositionerProps): react.JSX.Element;
+declare function MenuPopup({ className, ...props }: MenuPopupProps): react.JSX.Element;
+declare function MenuArrow({ className, ...props }: MenuArrowProps): react.JSX.Element;
+declare function MenuViewport({ className, ...props }: MenuViewportProps): react.JSX.Element;
+declare function MenuItem({ className, ...props }: MenuItemProps): react.JSX.Element;
+declare function MenuLinkItem({ className, ...props }: MenuLinkItemProps): react.JSX.Element;
+declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): react.JSX.Element;
+declare function MenuSubmenuTrigger({ className, ...props }: MenuSubmenuTriggerProps): react.JSX.Element;
+declare function MenuCheckboxItem({ className, ...props }: MenuCheckboxItemProps): react.JSX.Element;
+declare function MenuCheckboxItemIndicator({ children, className, ...props }: MenuCheckboxItemIndicatorProps): react.JSX.Element;
+declare function MenuRadioGroup({ className, ...props }: MenuRadioGroupProps): react.JSX.Element;
+declare function MenuRadioItem({ className, ...props }: MenuRadioItemProps): react.JSX.Element;
+declare function MenuRadioItemIndicator({ children, className, ...props }: MenuRadioItemIndicatorProps): react.JSX.Element;
+declare function MenuGroup({ className, ...props }: MenuGroupProps): react.JSX.Element;
+declare function MenuGroupLabel({ className, ...props }: MenuGroupLabelProps): react.JSX.Element;
+declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): react.JSX.Element;
 declare const createMenuHandle: typeof Menu$1.createHandle;
 declare const Menu: typeof MenuRoot & {
     Arrow: typeof MenuArrow;

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

@@ -5,7 +5,7 @@ import { Menu as BaseMenu } from "@base-ui/react/menu";
 import { CheckIcon } from "@phosphor-icons/react/ssr";
 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 MenuRoot(props) {
   return /* @__PURE__ */ jsx(BaseMenu.Root, { ...props });
 }

package/dist/kernel/components/ui/mod-key.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { KbdProps } from './kbd.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import 'react';
 
 type ModKeyProps = Omit<KbdProps, "children">;
-declare function ModKey({ className, square, ...props }: ModKeyProps): react_jsx_runtime.JSX.Element;
+declare function ModKey({ className, square, ...props }: ModKeyProps): react.JSX.Element;
 
 export { ModKey, type ModKeyProps };

package/dist/kernel/components/ui/mod-key.js

@@ -1,10 +1,10 @@
 "use client";
 
 // src/components/ui/mod-key.tsx
-import { Kbd } from "@publish.os/nextjs/kernel/components/ui/kbd";
+import { Kbd } from "@components/ui/kbd";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function ModKey({ className, square, ...props }) {
   let [label, setLabel] = useState(null);
   return useEffect(() => {

package/dist/kernel/components/ui/navigation-menu.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import * as react from 'react';
 import { ComponentPropsWithRef } from 'react';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
 
 type NavigationMenuProps = ComponentPropsWithRef<typeof NavigationMenu$1.Root>;
 type NavigationMenuListProps = ComponentPropsWithRef<typeof NavigationMenu$1.List>;
@@ -15,19 +15,19 @@ type NavigationMenuPositionerProps = ComponentPropsWithRef<typeof NavigationMenu
 type NavigationMenuPopupProps = ComponentPropsWithRef<typeof NavigationMenu$1.Popup>;
 type NavigationMenuViewportProps = ComponentPropsWithRef<typeof NavigationMenu$1.Viewport>;
 type NavigationMenuArrowProps = ComponentPropsWithRef<typeof NavigationMenu$1.Arrow>;
-declare function NavigationMenuRoot({ className, ...props }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuItem(props: NavigationMenuItemProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuTrigger({ className, ...props }: NavigationMenuTriggerProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuIcon({ className, ...props }: NavigationMenuIconProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuBackdropProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuPortal(props: NavigationMenuPortalProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuPositioner({ className, sideOffset, ...props }: NavigationMenuPositionerProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPopupProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuArrow({ className, ...props }: NavigationMenuArrowProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuRoot({ className, ...props }: NavigationMenuProps): react.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react.JSX.Element;
+declare function NavigationMenuItem(props: NavigationMenuItemProps): react.JSX.Element;
+declare function NavigationMenuTrigger({ className, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
+declare function NavigationMenuIcon({ className, ...props }: NavigationMenuIconProps): react.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): react.JSX.Element;
+declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuBackdropProps): react.JSX.Element;
+declare function NavigationMenuPortal(props: NavigationMenuPortalProps): react.JSX.Element;
+declare function NavigationMenuPositioner({ className, sideOffset, ...props }: NavigationMenuPositionerProps): react.JSX.Element;
+declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPopupProps): react.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): react.JSX.Element;
+declare function NavigationMenuArrow({ className, ...props }: NavigationMenuArrowProps): react.JSX.Element;
 declare const NavigationMenu: typeof NavigationMenuRoot & {
     Arrow: typeof NavigationMenuArrow;
     Backdrop: typeof NavigationMenuBackdrop;

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

@@ -4,7 +4,7 @@
 import { NavigationMenu as BaseNavigationMenu } from "@base-ui/react/navigation-menu";
 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 NavigationMenuRoot({
   className,
   ...props