@open-slide/core 1.0.1 → 1.0.3

package/dist/{build-DC3FTpWO.js → build-DqfKmw9h.js}

@@ -1,5 +1,5 @@
-import "./design-BUML7uvZ.js";
-import { createViteConfig } from "./config-Cuw0mC5h.js";
+import "./design-C13iz9_4.js";
+import { createViteConfig } from "./config-CN7J0RDO.js";
 import path from "node:path";
 import { build as build$1, mergeConfig } from "vite";
 

package/dist/cli/bin.js

@@ -57,15 +57,15 @@ async function run(argv) {
 	program.name("open-slide").description("Author slides — we handle the Vite/React stack.").version(version, "-v, --version", "print version").helpOption("-h, --help", "show help").showHelpAfterError(chalk.dim("(run `open-slide --help` for usage)"));
 	program.command("dev").description("Start the dev server").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").option("--no-skills-check", "skip the built-in skills drift check").action(async (flags) => {
 		if (flags.skillsCheck !== false) await runSkillsDriftCheck(resolveBuiltinSkillsDir());
-		const { dev } = await import("../dev-BuWsdYvn.js");
+		const { dev } = await import("../dev-jWxtWHAG.js");
 		await dev(flags);
 	});
 	program.command("build").description("Build a static site").option("--out-dir <dir>", "output directory (defaults to `dist`)").action(async (flags) => {
-		const { build } = await import("../build-DC3FTpWO.js");
+		const { build } = await import("../build-DqfKmw9h.js");
 		await build(flags);
 	});
 	program.command("preview").description("Preview the production build").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").action(async (flags) => {
-		const { preview } = await import("../preview-CIcG-lP3.js");
+		const { preview } = await import("../preview-CSA05Gfm.js");
 		await preview(flags);
 	});
 	program.command("sync:skills").description("Sync built-in skills from @open-slide/core into this workspace").option("--dry-run", "show what would change without writing").action(async (flags) => {

package/dist/{config-Cuw0mC5h.js → config-CN7J0RDO.js}

@@ -1,4 +1,4 @@
-import { defaultDesign } from "./design-BUML7uvZ.js";
+import { defaultDesign } from "./design-C13iz9_4.js";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";

package/dist/{design-BUML7uvZ.js → design-C13iz9_4.js}

@@ -8,7 +8,7 @@ function designToCssVars(d) {
 		"--osd-font-body": d.fonts.body,
 		"--osd-size-hero": `${d.typeScale.hero}px`,
 		"--osd-size-body": `${d.typeScale.body}px`,
-		"--osd-radius-md": `${d.radius.md}px`
+		"--osd-radius": `${d.radius}px`
 	};
 }
 function cssVarsToString(vars) {
@@ -28,7 +28,7 @@ const defaultDesign = {
 		hero: 168,
 		body: 36
 	},
-	radius: { md: 12 }
+	radius: 12
 };
 
 //#endregion

package/dist/{dev-BuWsdYvn.js → dev-jWxtWHAG.js}

@@ -1,5 +1,5 @@
-import "./design-BUML7uvZ.js";
-import { createViteConfig } from "./config-Cuw0mC5h.js";
+import "./design-C13iz9_4.js";
+import { createViteConfig } from "./config-CN7J0RDO.js";
 import { createServer, mergeConfig } from "vite";
 
 //#region src/cli/dev.ts

package/dist/index.d.ts

@@ -34,14 +34,11 @@ type DesignTypeScale = {
   hero: number;
   body: number;
 };
-type DesignRadius = {
-  md: number;
-};
 type DesignSystem = {
   palette: DesignPalette;
   fonts: DesignFonts;
   typeScale: DesignTypeScale;
-  radius: DesignRadius;
+  radius: number;
 };
 declare function designToCssVars(d: DesignSystem): Record<string, string>;
 declare function cssVarsToString(vars: Record<string, string>): string;
@@ -63,4 +60,4 @@ declare const CANVAS_WIDTH = 1920;
 declare const CANVAS_HEIGHT = 1080;
 
 //#endregion
-export { CANVAS_HEIGHT, CANVAS_WIDTH, DesignFonts, DesignPalette, DesignRadius, DesignSystem, DesignTypeScale, ImagePlaceholder, ImagePlaceholderProps, OpenSlideConfig, Page, SlideMeta, SlideModule, cssVarsToString, defaultDesign, designToCssVars };
+export { CANVAS_HEIGHT, CANVAS_WIDTH, DesignFonts, DesignPalette, DesignSystem, DesignTypeScale, ImagePlaceholder, ImagePlaceholderProps, OpenSlideConfig, Page, SlideMeta, SlideModule, cssVarsToString, defaultDesign, designToCssVars };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { cssVarsToString, defaultDesign, designToCssVars } from "./design-BUML7uvZ.js";
+import { cssVarsToString, defaultDesign, designToCssVars } from "./design-C13iz9_4.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/app/components/image-placeholder.tsx

package/dist/{preview-CIcG-lP3.js → preview-CSA05Gfm.js}

@@ -1,5 +1,5 @@
-import "./design-BUML7uvZ.js";
-import { createViteConfig } from "./config-Cuw0mC5h.js";
+import "./design-C13iz9_4.js";
+import { createViteConfig } from "./config-CN7J0RDO.js";
 import { mergeConfig, preview as preview$1 } from "vite";
 
 //#region src/cli/preview.ts

package/dist/vite/index.js

@@ -1,4 +1,4 @@
-import "../design-BUML7uvZ.js";
-import { createViteConfig } from "../config-Cuw0mC5h.js";
+import "../design-C13iz9_4.js";
+import { createViteConfig } from "../config-CN7J0RDO.js";
 
 export { createViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {

package/skills/slide-authoring/SKILL.md

@@ -125,7 +125,7 @@ export const design: DesignSystem = {
     body: '-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif',
   },
   typeScale: { hero: 168, body: 36 },
-  radius:    { md: 12 },
+  radius:    12,
 };
 ```
 
@@ -137,9 +137,9 @@ There are **two consumption surfaces**, and you should mix them inside the same
 
 - **`var(--osd-X)` for visual properties (color, font, font-size, radius)** — these get instant updates while the user drags a slider in the Design panel, before any file write.
   ```tsx
-  <div style={{ background: 'var(--osd-bg)', color: 'var(--osd-text)', borderRadius: 'var(--osd-radius-md)', fontFamily: 'var(--osd-font-body)', fontSize: 'var(--osd-size-body)' }}>
+  <div style={{ background: 'var(--osd-bg)', color: 'var(--osd-text)', borderRadius: 'var(--osd-radius)', fontFamily: 'var(--osd-font-body)', fontSize: 'var(--osd-size-body)' }}>
   ```
-  Available vars: `--osd-bg`, `--osd-text`, `--osd-accent`, `--osd-font-display`, `--osd-font-body`, `--osd-size-hero`, `--osd-size-body`, `--osd-radius-md`.
+  Available vars: `--osd-bg`, `--osd-text`, `--osd-accent`, `--osd-font-display`, `--osd-font-body`, `--osd-size-hero`, `--osd-size-body`, `--osd-radius`.
 
 - **Direct `design.X` reads** — when you need a JS number for arithmetic or to label something in the UI. These update via HMR after the panel commits the file, not while dragging.
   ```tsx
@@ -167,6 +167,7 @@ export const design: DesignSystem = {
     body: 'system-ui, -apple-system, sans-serif',
   },
   typeScale: { hero: 180, body: 40 },
+  radius: 12,
 };
 
 // Extra colors / sizes outside the DesignSystem shape stay as plain consts.

package/src/app/components/style-panel/style-panel.tsx

@@ -158,15 +158,15 @@ export function DesignPanel({ open, onClose }: DesignPanelProps) {
       <Section title="Shape">
         <SliderField
           label="Radius"
-          value={draft.radius.md}
+          value={draft.radius}
           min={0}
           max={80}
           step={1}
           suffix="px"
           onChange={(n) =>
             update((d) => {
-              d.radius.md = n;
-            }, 'design:radius.md')
+              d.radius = n;
+            }, 'design:radius')
           }
         />
       </Section>

package/src/app/lib/design.ts

@@ -14,15 +14,11 @@ export type DesignTypeScale = {
   body: number;
 };
 
-export type DesignRadius = {
-  md: number;
-};
-
 export type DesignSystem = {
   palette: DesignPalette;
   fonts: DesignFonts;
   typeScale: DesignTypeScale;
-  radius: DesignRadius;
+  radius: number;
 };
 
 export function designToCssVars(d: DesignSystem): Record<string, string> {
@@ -34,7 +30,7 @@ export function designToCssVars(d: DesignSystem): Record<string, string> {
     '--osd-font-body': d.fonts.body,
     '--osd-size-hero': `${d.typeScale.hero}px`,
     '--osd-size-body': `${d.typeScale.body}px`,
-    '--osd-radius-md': `${d.radius.md}px`,
+    '--osd-radius': `${d.radius}px`,
   };
 }
 
@@ -58,7 +54,5 @@ export const defaultDesign: DesignSystem = {
     hero: 168,
     body: 36,
   },
-  radius: {
-    md: 12,
-  },
+  radius: 12,
 };