@omniharmonic/openspace-cli 0.1.12 → 0.1.13

package/dist/{chunk-MN752KCH.js → chunk-EFSGZWAO.js}

@@ -12970,13 +12970,18 @@ export {
   RobotsDisallowed,
   SiteFetcher,
   isElement,
+  parseDocument,
   parseHtmlFragment,
   attr,
   classes,
+  findAll,
+  find,
+  text,
   videoUrl,
   stripTags,
   hiddenClassesFromCss,
   sitePath,
+  formFromHtml,
   sectionsFrom,
   parseHtmlPage,
   stripSuffix,
@@ -12988,4 +12993,4 @@ export {
   crawlSquarespace,
   crawlGeneric
 };
-//# sourceMappingURL=chunk-MN752KCH.js.map
+//# sourceMappingURL=chunk-EFSGZWAO.js.map

package/dist/{chunk-O55O7EA5.js → chunk-IXN2CNGL.js}

@@ -24107,6 +24107,127 @@ var SiteConfigSchema = named(
   })
 );
 
+// ../schema/src/design-system.ts
+var DESIGN_SYSTEM_FILE = "content/design-system.json";
+var Text = (max) => external_exports.string().max(max);
+var DesignColorSchema = external_exports.strictObject({
+  /** `#rrggbb` (or any CSS colour the theme can read). */
+  value: Text(80),
+  role: external_exports.enum([...COLOR_ROLES, "brand", "secondary"]).optional(),
+  /** Where it is used ("labels and rules only"). */
+  usage: Text(200).optional()
+});
+var DesignFontSchema = external_exports.strictObject({
+  family: Text(80),
+  /** The full CSS stack as given (`'Lora', Georgia, serif`). */
+  stack: Text(200).optional(),
+  category: external_exports.enum(["serif", "sans-serif", "monospace", "display", "handwriting"]).optional(),
+  weights: external_exports.array(external_exports.int().min(100).max(900)).max(9).optional(),
+  /** Served by Google Fonts (so the site can self-host it). */
+  google: external_exports.boolean().optional()
+});
+var DesignTypeStepSchema = external_exports.strictObject({
+  size: external_exports.number().min(6).max(240).optional(),
+  sizeMobile: external_exports.number().min(6).max(200).optional(),
+  lineHeight: external_exports.number().min(0.6).max(4).optional(),
+  letterSpacing: external_exports.number().min(-0.5).max(2).optional(),
+  weight: external_exports.int().min(100).max(900).optional(),
+  case: external_exports.enum(["none", "uppercase", "lowercase", "capitalize"]).optional(),
+  font: external_exports.enum(["heading", "body", "label", "mono"]).optional()
+});
+var DesignTokensSchema = external_exports.strictObject({
+  colors: external_exports.record(Text(60), DesignColorSchema).optional(),
+  fonts: external_exports.strictObject({
+    heading: DesignFontSchema.optional(),
+    body: DesignFontSchema.optional(),
+    label: DesignFontSchema.optional(),
+    mono: DesignFontSchema.optional()
+  }).optional(),
+  /** Type scale by role (`display`, `h1`…`h4`, `lead`, `body`, `small`, `eyebrow`, `button`, `nav`). */
+  type: external_exports.record(Text(40), DesignTypeStepSchema).optional(),
+  /** Page rhythm and spacing steps in px. */
+  space: external_exports.strictObject({
+    contentWidth: external_exports.number().min(0).max(4e3).optional(),
+    narrowWidth: external_exports.number().min(0).max(4e3).optional(),
+    sectionPadding: external_exports.number().min(0).max(400).optional(),
+    sectionPaddingMobile: external_exports.number().min(0).max(400).optional(),
+    gutter: external_exports.number().min(0).max(400).optional(),
+    gutterMobile: external_exports.number().min(0).max(400).optional(),
+    scale: external_exports.record(Text(40), external_exports.number().min(0).max(2e3)).optional()
+  }).optional(),
+  /** Corner radii in px (`base`, `button`, `card`, `image`; 9999 = pill). */
+  radius: external_exports.record(Text(40), external_exports.number().min(0).max(1e4)).optional(),
+  shadow: external_exports.record(Text(40), Text(200)).optional()
+});
+var DESIGN_SOURCE_KINDS = [
+  "tokens",
+  "brand-kit",
+  "html",
+  "brand-doc",
+  "logo",
+  "photos",
+  "manual",
+  "template",
+  "claude"
+];
+var DesignSystemSchema = named(
+  "DesignSystem",
+  "content/design-system.json: the brief, brand material, distilled design tokens and how they map onto Site Styles (read by Claude's design skills).",
+  external_exports.strictObject({
+    $schema: external_exports.string().optional(),
+    version: external_exports.literal(1),
+    /** The person's own words about the site (Start with Claude). */
+    brief: external_exports.strictObject({
+      about: Text(2e3).optional(),
+      audience: Text(1e3).optional(),
+      /** How it should feel ("warm", "calm", "bold"…). */
+      feeling: external_exports.array(Text(40)).max(12).optional(),
+      /** Anything else they said (must-haves, places they love). */
+      notes: Text(2e3).optional()
+    }).optional(),
+    brand: external_exports.strictObject({
+      name: Text(120).optional(),
+      /** How the brand speaks (from a brand document, or Claude's notes). */
+      voice: Text(2e3).optional(),
+      /** Text of a brand document the owner brought (trimmed). */
+      guidelines: Text(2e4).optional(),
+      logo: MediaPathSchema.optional(),
+      /** Brand photos the owner brought (media paths). */
+      photos: external_exports.array(MediaPathSchema).max(24).optional(),
+      /** Files kept in the repository for reference (PDF brand books…), not published. */
+      documents: external_exports.array(external_exports.strictObject({ name: Text(120), path: Text(300) })).max(12).optional()
+    }).optional(),
+    tokens: DesignTokensSchema,
+    /** Design principles to keep ("Rust is for labels and rules only; never body text"). */
+    rules: external_exports.array(Text(300)).max(40).optional(),
+    /** How the tokens became Site Styles: plain sentences, contrast changes included. */
+    mapping: external_exports.strictObject({
+      notes: external_exports.array(Text(400)).max(40),
+      contrast: external_exports.array(
+        external_exports.strictObject({
+          theme: Text(40),
+          role: Text(40),
+          from: Text(40),
+          to: Text(40),
+          against: Text(40)
+        })
+      ).max(80).optional()
+    }).optional(),
+    /** Bespoke components and what each is for (kept in step with content/components). */
+    components: external_exports.record(Text(40), external_exports.strictObject({ purpose: Text(300), source: Text(200).optional() })).optional(),
+    sources: external_exports.array(
+      external_exports.strictObject({
+        kind: external_exports.enum(DESIGN_SOURCE_KINDS),
+        name: Text(200).optional(),
+        /** Token format (`dtcg`, `style-dictionary`, `tokens-studio`, `canva`, `plain`). */
+        format: Text(40).optional(),
+        at: Text(40).optional()
+      })
+    ).max(40).optional(),
+    updatedAt: Text(40).optional()
+  })
+);
+
 // ../schema/src/media.ts
 var MEDIA_KINDS = ["image", "video", "audio", "file"];
 var MAX_PLACEHOLDER_LENGTH = 1024;
@@ -24374,7 +24495,12 @@ var SiteDocumentSchema = named(
      * Custom components by name (`content/components/<name>.json`, ADR custom-components).
      * Optional: documents without components are unchanged.
      */
-    components: ComponentsSchema.optional()
+    components: ComponentsSchema.optional(),
+    /**
+     * The design-system record (`content/design-system.json`): brief, brand material, tokens and
+     * their Site Styles mapping, for Claude's design skills. Optional; never rendered.
+     */
+    designSystem: DesignSystemSchema.optional()
   }).superRefine((doc, ctx) => {
     const slugs = /* @__PURE__ */ new Map();
     const sectionIds = /* @__PURE__ */ new Map();
@@ -27588,7 +27714,9 @@ function StackBody({ section: section2 }) {
         "os-section__inner os-stack",
         `os-w-${layout.width ?? "content"}`,
         layout.align && `is-align-${layout.align}`,
-        cols.length > 1 && "is-multi"
+        cols.length > 1 && "is-multi",
+        // A full-width designer section draws its own edges (no side gutter).
+        layout.width === "full" && section2.blocks.length === 1 && section2.blocks[0]?.type.startsWith("component/") && "is-bleed"
       ),
       style: stackVars(layout),
       children: cols.map((blocks2, i) => {
@@ -28670,6 +28798,7 @@ ${typeClasses}
 /* Stack mode: 1\u20134 columns, per-breakpoint ratios (--cols/--tcols/--mcols) and order (--to/--mo) */
 .os-stack{display:grid;max-inline-size:calc(var(--content-max) + 2 * ${v(T.section.gutter)});padding-inline:${v(T.section.gutter)};grid-template-columns:var(--mcols,minmax(0,1fr));row-gap:var(--gap,${v(T.section.blockGap)});column-gap:var(--gap,${v(T.space.xl)});align-items:start}
 .os-w-full.os-stack{max-inline-size:none}
+.os-stack.is-bleed{padding-inline:0}
 .os-stack.is-align-center{align-items:center}
 .os-stack.is-align-end{align-items:end}
 .os-stack.is-align-stretch{align-items:stretch}
@@ -52955,6 +53084,8 @@ export {
   componentInstances,
   expandComponent,
   SiteConfigSchema,
+  DESIGN_SYSTEM_FILE,
+  DesignSystemSchema,
   MediaMetaSchema,
   DENSITIES,
   SHAPES,
@@ -52970,7 +53101,9 @@ export {
   fallbackMobileRects,
   toJsonSchema,
   blockFieldsJsonSchema,
+  oklchToHex,
   parseColor,
+  isColor,
   toHex,
   deltaEOK,
   relativeLuminance,
@@ -53111,4 +53244,4 @@ lucide/dist/esm/lucide.mjs:
    * See the LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-O55O7EA5.js.map
+//# sourceMappingURL=chunk-IXN2CNGL.js.map