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

package/dist/kernel/components/mdx/mdx.js

@@ -12,7 +12,6 @@ import { InlineCode } from "@publish.os/nextjs/kernel/components/mdx/components/
 import { Kbd } from "@publish.os/nextjs/kernel/components/mdx/components/kbd";
 import { Link } from "@publish.os/nextjs/kernel/components/mdx/components/link";
 import { Paragraph } from "@publish.os/nextjs/kernel/components/mdx/components/paragraph";
-import { Pre } from "@publish.os/nextjs/kernel/components/mdx/components/pre";
 import { Strikethrough } from "@publish.os/nextjs/kernel/components/mdx/components/strikethrough";
 import {
   Table,
@@ -28,58 +27,131 @@ import { MDXErrorBoundary } from "@publish.os/nextjs/kernel/components/mdx/error
 import { rehypeHeadingIds } from "@publish.os/nextjs/kernel/components/mdx/rehype-heading-ids";
 import { compileMDX } from "next-mdx-remote/rsc";
 import remarkGfm from "remark-gfm";
+
+// src/components/mdx/mod-key.tsx
+import {
+  ModKey as UiModKey
+} from "@publish.os/nextjs/kernel/components/ui/mod-key";
+import { cn } from "@publish.os/nextjs/utils/cn";
+import { jsx } from "react/jsx-runtime";
+function ModKey({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    UiModKey,
+    {
+      ...props,
+      size: null,
+      className: cn("text-[0.75em]", className)
+    }
+  );
+}
+
+// src/components/mdx/plugins/remark-code-title.ts
+function remarkCodeTitle() {
+  return (tree) => {
+    function visit(node) {
+      if (node.type === "code") {
+        let title = /^title="(.*)"$/.exec(node.meta?.trim() ?? "")?.[1];
+        title !== void 0 && (node.data = {
+          ...node.data,
+          hProperties: { ...node.data?.hProperties ?? {}, title }
+        });
+      }
+      if ("children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/plugins/remark-keyboard-input.ts
+function remarkKeyboardInput() {
+  return (tree) => {
+    function visit(node) {
+      if ((node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name === "kbd" && node.data && Reflect.deleteProperty(node.data, "_mdxExplicitJsx"), "children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/mdx.tsx
 import { Figure as Figure2 } from "@publish.os/nextjs/kernel/components/mdx/components/figure";
 import { Image as Image2 } from "@publish.os/nextjs/kernel/components/mdx/components/image";
 import { Link as Link2 } from "@publish.os/nextjs/kernel/components/mdx/components/link";
 import { Video as Video2 } from "@publish.os/nextjs/kernel/components/mdx/components/video";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var defaultMdxComponents = {
-  h1: (props) => /* @__PURE__ */ jsx(Heading, { as: "h1", ...props }),
-  h2: (props) => /* @__PURE__ */ jsx(Heading, { as: "h2", ...props }),
-  h3: (props) => /* @__PURE__ */ jsx(Heading, { as: "h3", ...props }),
-  h4: (props) => /* @__PURE__ */ jsx(Heading, { as: "h4", ...props }),
-  h5: (props) => /* @__PURE__ */ jsx(Heading, { as: "h5", ...props }),
-  h6: (props) => /* @__PURE__ */ jsx(Heading, { as: "h6", ...props }),
-  a: (props) => /* @__PURE__ */ jsx(Link, { ...props }),
-  p: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props }),
-  blockquote: (props) => /* @__PURE__ */ jsx(Blockquote, { ...props }),
+  h1: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h1", ...props }),
+  h2: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h2", ...props }),
+  h3: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h3", ...props }),
+  h4: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h4", ...props }),
+  h5: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h5", ...props }),
+  h6: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h6", ...props }),
+  Heading,
+  a: Link,
+  p: Paragraph,
+  blockquote: Blockquote,
+  Blockquote,
   Callout,
-  code: (props) => /* @__PURE__ */ jsx(InlineCode, { ...props }),
+  code: InlineCode,
+  InlineCode,
   CodeBlock,
-  del: (props) => /* @__PURE__ */ jsx(Strikethrough, { ...props }),
-  figcaption: (props) => /* @__PURE__ */ jsx(FigureCaption, { ...props }),
-  figure: (props) => /* @__PURE__ */ jsx(Figure, { ...props }),
+  del: Strikethrough,
+  figcaption: FigureCaption,
+  FigureCaption,
+  figure: Figure,
   Figure,
-  hr: (props) => /* @__PURE__ */ jsx(Hr, { ...props }),
-  img: (props) => /* @__PURE__ */ jsx(Image, { ...props }),
+  hr: Hr,
+  Hr,
+  img: Image,
   Image,
-  input: (props) => /* @__PURE__ */ jsx(TaskListInput, { ...props }),
-  Kbd: (props) => /* @__PURE__ */ jsx(Kbd, { ...props }),
-  kbd: (props) => /* @__PURE__ */ jsx(Kbd, { ...props }),
-  pre: (props) => /* @__PURE__ */ jsx(Pre, { ...props }),
-  section: (props) => /* @__PURE__ */ jsx(Footnotes, { ...props }),
-  table: (props) => /* @__PURE__ */ jsx(Table, { ...props }),
-  tbody: (props) => /* @__PURE__ */ jsx(TableBodyGroup, { ...props }),
-  td: (props) => /* @__PURE__ */ jsx(TableDataCell, { ...props }),
-  th: (props) => /* @__PURE__ */ jsx(TableHeaderCell, { ...props }),
-  thead: (props) => /* @__PURE__ */ jsx(TableHeadGroup, { ...props }),
-  tr: (props) => /* @__PURE__ */ jsx(TableRowGroup, { ...props }),
-  ul: (props) => /* @__PURE__ */ jsx(TaskList, { ...props }),
-  video: (props) => /* @__PURE__ */ jsx(Video, { ...props }),
+  input: TaskListInput,
+  TaskListInput,
+  Kbd,
+  ModKey,
+  kbd: Kbd,
+  pre: CodeBlock,
+  Paragraph,
+  section: Footnotes,
+  Footnotes,
+  Strikethrough,
+  table: Table,
+  Table,
+  tbody: TableBodyGroup,
+  TableBodyGroup,
+  td: TableDataCell,
+  TableDataCell,
+  th: TableHeaderCell,
+  TableHeaderCell,
+  thead: TableHeadGroup,
+  TableHeadGroup,
+  tr: TableRowGroup,
+  TableRowGroup,
+  ul: TaskList,
+  TaskList,
+  video: Video,
   Video
 };
 function getErrorMessage(error) {
   return error instanceof Error ? error.message : "An error occurred while rendering the content";
 }
-async function MDX({ components, content, pageId, slug }) {
+async function renderMdx({
+  components,
+  page,
+  siteComponents
+}) {
   let mdx = await compileMDX({
-    source: content,
-    components: { ...defaultMdxComponents, ...components ?? {} },
+    source: page.body,
+    components: {
+      ...defaultMdxComponents,
+      ...siteComponents ?? {},
+      ...components ?? {}
+    },
     options: {
       parseFrontmatter: !1,
       mdxOptions: {
         rehypePlugins: [rehypeHeadingIds],
-        remarkPlugins: [remarkGfm]
+        remarkPlugins: [remarkGfm, remarkCodeTitle, remarkKeyboardInput]
       }
     }
   }).then(({ content: compiledContent }) => ({
@@ -89,21 +161,25 @@ async function MDX({ components, content, pageId, slug }) {
     compiledContent: null,
     errorMessage: getErrorMessage(error)
   }));
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     MDXErrorBoundary,
     {
       errorMessage: mdx.errorMessage,
-      pageId,
-      slug,
-      children: /* @__PURE__ */ jsx("div", { className: "markdown-prose", "data-publishos-mdx-root": !0, children: mdx.compiledContent })
+      pageId: page.fileID,
+      slug: page.slug,
+      children: /* @__PURE__ */ jsx2("div", { className: "markdown-prose", children: mdx.compiledContent })
     }
   );
 }
+async function MDX(props) {
+  return renderMdx(props);
+}
 Object.defineProperty(MDX, "__publishOsMdx", { value: !0 });
 export {
   Figure2 as Figure,
   Image2 as Image,
   Link2 as Link,
   MDX,
-  Video2 as Video
+  Video2 as Video,
+  renderMdx
 };

package/dist/kernel/components/mdx/rehype-heading-ids.js

@@ -1,4 +1,4 @@
-// src/components/mdx/rehype-heading-ids.ts
+// src/components/mdx/plugins/rehype-heading-ids.ts
 import {
   cleanHeadingText,
   createHeadingIdGenerator

package/dist/kernel/components/mdx/types.d.ts

@@ -1,5 +1,5 @@
 import { MDXComponents as MDXComponents$1 } from 'mdx/types.js';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
 
 type MDXComponents = MDXComponents$1;
 type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

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

@@ -1,27 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { a as LinkStyleVariant, b as LinkButtonVariant } from '../../../link-CYaCRDb6.js';
-import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
-
-declare const breadcrumbVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type BreadcrumbVariantProps = VariantProps<typeof breadcrumbVariants>;
-type BreadcrumbStyleVariant = "default" | `link.${LinkStyleVariant}` | LinkButtonVariant;
-type BreadcrumbSizeProps = Pick<BreadcrumbVariantProps, "size">;
-type BreadcrumbStyleProps = {
-    variant?: BreadcrumbStyleVariant;
-};
-type BreadcrumbTrailItem = {
-    current?: boolean;
-    href: string;
-    title: ReactNode;
-};
-type BreadcrumbTrailProps = {
-    className?: string;
-    items: BreadcrumbTrailItem[];
-} & BreadcrumbSizeProps & BreadcrumbStyleProps;
+import { BreadcrumbTrailProps } from './breadcrumb.js';
+import 'class-variance-authority/types';
+import '../../../button-CtzUJB8u.js';
+import 'class-variance-authority';
+import 'next/link';
+import 'react';
 
 type CollapsibleBreadcrumbTrailProps = BreadcrumbTrailProps & {
     menuLabel?: string;

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

@@ -1,10 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { LinkStyleVariant, LinkButtonVariant } from './link.js';
+import { B as ButtonVariantProps } from '../../../button-CtzUJB8u.js';
 import { VariantProps } from 'class-variance-authority';
 import NextLink from 'next/link';
-import { ComponentPropsWithoutRef, ReactNode, HTMLAttributes } from 'react';
-import './button.js';
+import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+
+declare const linkVariants: (props?: ({
+    color?: "accent" | "default" | 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>;
+type LinkStyleVariant = NonNullable<LinkVariantProps["variant"]>;
+type LinkButtonVariant = `button.${NonNullable<ButtonVariantProps["variant"]>}`;
 
 declare const breadcrumbVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;

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

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

@@ -1,6 +1,6 @@
 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 { B as ButtonVariantProps } from '../../../button-CtzUJB8u.js';
 import { Separator } from '@base-ui/react/separator';
 import { ComponentPropsWithoutRef } from 'react';
 import { VariantProps } from 'class-variance-authority';

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

@@ -10,13 +10,14 @@ var buttonGroupVariants = cva(
     "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,7 +1,7 @@
 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 buttonVariants: (props?: ({
     variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
@@ -16,7 +16,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 };

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

@@ -13,17 +13,17 @@ var buttonVariants = cva(
   {
     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",
+        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",
-        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"
+        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: "",

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/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

@@ -8,6 +8,9 @@ import { jsx } from "react/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

@@ -6,13 +6,13 @@ import { Input as Input$1 } from '@base-ui/react/input';
 import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "ghost" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "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?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "ghost" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | 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/kbd.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 
 declare const kbdVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
     square?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type KbdProps = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;

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

@@ -3,28 +3,21 @@ import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/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

@@ -2,11 +2,12 @@ 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 linkVariants: (props?: ({
-    color?: "accent" | "default" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    color?: "default" | "accent" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
     variant?: "inline" | "standalone" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LinkVariantProps = VariantProps<typeof linkVariants>;
@@ -23,9 +24,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 };