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

package/compiler-assets/nextjs/shims/site-mdx.tsx

@@ -0,0 +1,12 @@
+import type { MDXProps } from "@publish.os/nextjs/mdx/mdx";
+import { renderMdx } from "@publish.os/nextjs/mdx/mdx";
+import { mdxComponents } from "@source/_internal/mdx-components.generated";
+
+export type { MDXComponents, MDXProps } from "@publish.os/nextjs/mdx/mdx";
+export { Figure, Image, Link, Video } from "@publish.os/nextjs/mdx/mdx";
+
+export async function MDX(props: MDXProps) {
+  return renderMdx({ ...props, siteComponents: mdxComponents });
+}
+
+Object.defineProperty(MDX, "__publishOsMdx", { value: true });

package/compiler-assets/nextjs/shims/theme-defaults.css

@@ -4,18 +4,18 @@
   --surface-2: var(--neutral-200);
   --surface-3: var(--neutral-300);
   --surface-4: var(--neutral-400);
-  --surface-hover: var(--surface-3);
-  --surface-active: var(--surface-4);
+  --surface-hover: color-mix(in oklab, var(--foreground-1) 4%, transparent);
+  --surface-active: color-mix(in oklab, var(--foreground-1) 7%, transparent);
 
   --foreground-1: var(--neutral-1200);
   --foreground-2: var(--neutral-1100);
   --foreground-3: var(--neutral-1000);
   --foreground-4: var(--neutral-800);
 
-  --stroke-1: var(--neutral-800);
-  --stroke-2: var(--neutral-700);
-  --stroke-3: var(--neutral-500);
-  --stroke-4: var(--neutral-400);
+  --stroke-1: color-mix(in oklab, var(--foreground-1) 32%, transparent);
+  --stroke-2: color-mix(in oklab, var(--foreground-1) 18%, transparent);
+  --stroke-3: color-mix(in oklab, var(--foreground-1) 10%, transparent);
+  --stroke-4: color-mix(in oklab, var(--foreground-1) 6%, transparent);
   --backdrop: rgb(0 0 0 / 72%);
 
   --accent-1: var(--accent);
@@ -24,9 +24,17 @@
   --accent-4: color-mix(in oklch, var(--accent) 6%, transparent);
   /* biome-ignore lint/correctness/noUnknownFunction: CSS Color 5. */
   --accent-foreground: contrast-color(var(--accent-1));
+  /* Keep accent text vivid, not mixed with gray. Scale chroma with lightness
+     when darkening to avoid clipping saturated accents outside sRGB. */
+  --accent-text-foreground: light-dark(
+    oklch(
+      from var(--accent-1) min(l, 0.5) calc(c * min(1, 0.5 / max(l, 0.001))) h
+    ),
+    oklch(from var(--accent-1) max(l, 0.72) c h)
+  );
 
   --accent-1-foreground: var(--accent-foreground);
-  --accent-1-stroke: var(--accent-1);
+  --accent-1-stroke: color-mix(in oklch, var(--accent-1) 85%, transparent);
   --accent-1-hover: oklch(
     from var(--accent-1) calc(l - 0.025) calc(c * 1.02) h
   );
@@ -36,25 +44,25 @@
 
   /* biome-ignore lint/correctness/noUnknownFunction: CSS Color 5. */
   --accent-2-foreground: contrast-color(var(--accent-2));
-  --accent-2-stroke: color-mix(in oklch, var(--accent-2) 70%, var(--accent));
-  --accent-2-hover: color-mix(in oklch, var(--accent-2) 75%, var(--accent));
-  --accent-2-active: color-mix(in oklch, var(--accent-2) 60%, var(--accent));
+  --accent-2-stroke: oklch(from var(--accent-2) l c h / 0.3);
+  --accent-2-hover: oklch(from var(--accent-2) l c h / 0.24);
+  --accent-2-active: oklch(from var(--accent-2) l c h / 0.3);
 
   /* biome-ignore lint/correctness/noUnknownFunction: CSS Color 5. */
   --accent-3-foreground: contrast-color(var(--accent-3));
-  --accent-3-stroke: color-mix(in oklch, var(--accent-3) 55%, var(--accent));
-  --accent-3-hover: color-mix(in oklch, var(--accent-3) 75%, var(--accent));
-  --accent-3-active: color-mix(in oklch, var(--accent-3) 60%, var(--accent));
+  --accent-3-stroke: oklch(from var(--accent-3) l c h / 0.2);
+  --accent-3-hover: oklch(from var(--accent-3) l c h / 0.18);
+  --accent-3-active: oklch(from var(--accent-3) l c h / 0.24);
 
   /* biome-ignore lint/correctness/noUnknownFunction: CSS Color 5. */
   --accent-4-foreground: contrast-color(var(--accent-4));
-  --accent-4-stroke: color-mix(in oklch, var(--accent-4) 45%, var(--accent));
-  --accent-4-hover: color-mix(in oklch, var(--accent-4) 70%, var(--accent));
-  --accent-4-active: color-mix(in oklch, var(--accent-4) 55%, var(--accent));
+  --accent-4-stroke: oklch(from var(--accent-4) l c h / 0.12);
+  --accent-4-hover: oklch(from var(--accent-4) l c h / 0.1);
+  --accent-4-active: oklch(from var(--accent-4) l c h / 0.14);
 
-  --focus-stroke: var(--accent-3-stroke);
-  --selection-surface: var(--accent-2-active);
-  --selection-foreground: var(--foreground-1);
+  --focus-stroke: var(--accent-1);
+  --selection-surface: color-mix(in oklch, var(--accent-1) 12%, transparent);
+  --selection-foreground: var(--accent-1);
   --progress-track-surface: transparent;
   --progress-indicator-surface: var(--accent-1);
   --progress-height: 2px;
@@ -150,12 +158,20 @@
   --typography-quote-foreground: var(--foreground-2);
   --typography-quote-stroke: var(--stroke-4);
   --typography-caption-foreground: var(--foreground-4);
-  --typography-code-foreground: var(--foreground-1);
-  --typography-code-surface: var(--surface-2);
-  --typography-code-stroke: var(--stroke-2);
+  --typography-code-foreground: var(--accent-text-foreground);
+  --typography-code-surface: color-mix(
+    in oklch,
+    var(--accent-1) 8%,
+    transparent
+  );
+  --typography-code-stroke: color-mix(
+    in oklch,
+    var(--accent-1) 20%,
+    transparent
+  );
   --typography-variable-foreground: var(--accent-1);
   --typography-pre-foreground: var(--foreground-2);
-  --typography-pre-surface: var(--surface-3);
+  --typography-pre-surface: var(--surface-1);
   --typography-pre-stroke: var(--stroke-3);
   --typography-table-heading-stroke: var(--stroke-3);
   --typography-table-cell-stroke: var(--stroke-4);
@@ -164,8 +180,8 @@
 
   --floating-surface-1: var(--surface-1);
   --floating-surface-2: var(--surface-2);
-  --floating-surface-3: var(--surface-3);
-  --floating-surface-4: var(--surface-4);
+  --floating-surface-3: var(--surface-hover);
+  --floating-surface-4: var(--surface-active);
   --floating-foreground-1: var(--foreground-1);
   --floating-foreground-2: var(--foreground-2);
   --floating-foreground-3: var(--foreground-3);

package/dist/build-operation-2JAYBSKF.js

@@ -0,0 +1,83 @@
+import {
+  prepareIdeSupport
+} from "./chunk-UF6ATARM.js";
+import {
+  composeFrameworkSource
+} from "./chunk-H6XILMZX.js";
+import {
+  validateLocalSource
+} from "./chunk-VO2I7MTM.js";
+import "./chunk-726GV2NF.js";
+import "./chunk-NECL5IBJ.js";
+import "./chunk-535TM4A5.js";
+import {
+  approveLocalComposition
+} from "./chunk-SVYGXXYR.js";
+import {
+  withLocalOperation
+} from "./chunk-B2V22WRT.js";
+import {
+  installLocalApp
+} from "./chunk-WKTEO6RS.js";
+import "./chunk-GGKFQ3MA.js";
+import "./chunk-DLDFHU7Y.js";
+import "./chunk-7OGTPSKI.js";
+import "./chunk-YLTOLYWM.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-WDY4IK6Z.js";
+
+// src/lib/compiler/lifecycle/build-operation.ts
+async function runLocalBuild(options) {
+  return withLocalOperation({
+    sourceRoot: options.request.paths.source,
+    outputDir: options.request.paths.output,
+    operation: "build",
+    signal: options.signal,
+    run: async (lifetime) => {
+      let { source, framework } = await validateLocalSource({
+        options,
+        sourceDir: lifetime.sourceDir,
+        sourceRoot: lifetime.sourceRoot
+      });
+      return await approveLocalComposition({ options }), options.request.context?.ide && await prepareIdeSupport({
+        publishOsDir: lifetime.sourceRoot,
+        source,
+        framework,
+        frameworkOptions: { ...options, signal: lifetime.signal }
+      }), await lifetime.replaceOutput(async (outputDir) => {
+        await composeFrameworkSource({
+          request: {
+            ...options.request,
+            paths: {
+              source: lifetime.sourceDir,
+              originalSource: lifetime.sourceRoot,
+              output: outputDir
+            },
+            context: {
+              ...options.request.context,
+              previewUrl: void 0,
+              sourceRevision: lifetime.sourceRevision,
+              sourcePath: options.request.context?.sourcePath ?? "publish.os"
+            }
+          },
+          source,
+          signal: lifetime.signal,
+          onProgress: (message) => options.onEvent?.({ type: "progress", message })
+        });
+        let app = await installLocalApp({
+          outputDir,
+          framework,
+          options,
+          lifetime
+        });
+        options.onEvent?.({
+          type: "progress",
+          message: "Building production output"
+        }), await app.run(["run", "build"]);
+      }), { status: "success", type: "result" };
+    }
+  });
+}
+export {
+  runLocalBuild
+};

package/dist/button-CtzUJB8u.d.ts

@@ -0,0 +1,11 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+
+export type { ButtonVariantProps as B };

package/dist/{button-CFdx-ohV.d.ts → button-c3WGnxIj.d.ts}

@@ -1,6 +1,6 @@
 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;
@@ -15,6 +15,6 @@ type ButtonProps = {
     leftIcon?: ReactNode;
     loading?: boolean;
     rightIcon?: ReactNode;
-} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
+} & ButtonVariantProps & Omit<ComponentPropsWithRef<"button">, "children" | "className">;
 
-export type { ButtonVariantProps as B, ButtonProps as a };
+export type { ButtonProps as B, ButtonVariantProps as a };