@omniharmonic/openspace-cli 0.1.14 → 0.1.16

package/dist/{agents-md-63S3T7CX.js → agents-md-OWDSHBGF.js}

@@ -1,9 +1,9 @@
 import { createRequire as __osCreateRequire } from "node:module"; const require = __osCreateRequire(import.meta.url);
 import {
   generateAgentsMd
-} from "./chunk-SY5NDWS2.js";
+} from "./chunk-GMKHKHUR.js";
 import "./chunk-26AZCID5.js";
 export {
   generateAgentsMd
 };
-//# sourceMappingURL=agents-md-63S3T7CX.js.map
+//# sourceMappingURL=agents-md-OWDSHBGF.js.map

package/dist/bin.js

@@ -3,9 +3,9 @@ import { createRequire as __osCreateRequire } from "node:module"; const require
 import {
   processIo,
   run
-} from "./chunk-TDLUJHWB.js";
-import "./chunk-N7WFQYFE.js";
-import "./chunk-SY5NDWS2.js";
+} from "./chunk-JDVCOOGD.js";
+import "./chunk-YAPLQ4OA.js";
+import "./chunk-GMKHKHUR.js";
 import "./chunk-26AZCID5.js";
 
 // src/bin.ts

package/dist/{chunk-SY5NDWS2.js → chunk-GMKHKHUR.js}

@@ -24677,6 +24677,24 @@ function blockFieldsJsonSchema(def) {
   return { title: def.label, description: def.ai.purpose, ...json2 };
 }
 
+// ../schema/src/phone.ts
+var PHONE_PADDING = {
+  "3xl": "xl",
+  "2xl": "lg",
+  xl: "lg"
+};
+function phonePadding(padding) {
+  if (padding.m !== void 0) return padding.m;
+  const up = resolve(padding, "t");
+  return PHONE_PADDING[up] ?? up;
+}
+function phoneColumns(columns2) {
+  return columns2.m ?? [12];
+}
+function withPhoneDefault(value, phone) {
+  return value.m === void 0 ? { ...value, m: phone } : value;
+}
+
 // ../theme/src/color.ts
 var GAMUT_EPSILON = 1e-6;
 var ACHROMATIC_CHROMA = 1e-4;
@@ -27402,15 +27420,16 @@ function responsiveVars(name, value, map2) {
 }
 var spaceVar = (token) => `var(${TOKEN_VARS.space[token] ?? TOKEN_VARS.space.md})`;
 function sectionStyleVars(style) {
+  const pad = style.padding;
   return {
-    ...responsiveVars("pad", style.padding, spaceVar),
+    ...responsiveVars("pad", pad && withPhoneDefault(pad, phonePadding(pad)), spaceVar),
     ...responsiveVars("minh", style.minHeight, (v2) => v2)
   };
 }
 var fr = (cols) => cols.map((c3) => `minmax(0, ${c3}fr)`).join(" ");
 function stackVars(layout) {
   return {
-    ...responsiveVars("cols", layout.columns, fr),
+    ...responsiveVars("cols", withPhoneDefault(layout.columns, phoneColumns(layout.columns)), fr),
     ...layout.gap ? { "--gap": spaceVar(layout.gap) } : {}
   };
 }
@@ -29205,6 +29224,43 @@ html{scroll-behavior:auto}
 .os-marquee [data-os-clone],.os-marquee__toggle{display:none}
 }
 
+/* Phones (< 768px): readable, tappable and contained by default, whatever was designed on desktop.
+   Phone-only, so tablet and desktop rendering is unchanged; a site's custom CSS (unlayered) still wins. */
+@media (max-width:767.98px){
+@layer os.base {
+/* Long links and addresses wrap instead of widening the page. */
+:where(.os-rich) :where(a){overflow-wrap:anywhere}
+/* Reading sizes for a phone: body text at most 20px and lead text at most 22px (a big desktop
+   intro paragraph stays an intro, not a wall of 34px text); labels, eyebrows and small text never
+   shrink below 13\u201314px. */
+body{font-size:clamp(1rem,${v(T.type.body["font-size"])},1.25rem)}
+.os-type-lead{font-size:min(${v(T.type.lead["font-size"])},1.375rem)}
+.os-type-eyebrow{font-size:max(0.8125rem,${v(T.type.eyebrow["font-size"])})}
+.os-type-small{font-size:max(0.875rem,${v(T.type.small["font-size"])})}
+/* Wide tables and code scroll inside their block instead of the page. */
+.os-rich :where(table){display:block;max-inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.os-rich :where(pre){max-inline-size:100%;overflow-x:auto}
+.os-rich :where(iframe,video,embed,object){max-inline-size:100%}
+}
+@layer os.components {
+/* Comfortable tap targets: the brand link, social icons and footer links are at least 44px. */
+.os-header__brand{min-height:2.75rem}
+.os-announcement__close{width:2.75rem;height:2.75rem}
+/* Text links get a 44px-tall tap area; inline padding doesn't move the text around them. */
+.os-rich a:not(.os-button),.os-announcement__link{padding-block:max(0.875rem,calc((2.75rem - 1em) / 2))}
+.os-social__link{width:2.75rem;height:2.75rem}
+:where(summary){min-height:2.75rem;align-content:center}
+.os-footer :where(li,p)>a:only-child,.os-footer .os-nav__link{display:inline-flex;align-items:center;min-height:2.75rem}
+.os-footer .os-rich li+li{margin-block-start:0}
+/* Button labels stay readable (14px or more). */
+.os-button{font-size:max(0.875rem,${v(T.type.button["font-size"])})}
+/* 16px or larger, so phones don't zoom into a field when it's tapped. */
+.os-input,.os-textarea,.os-select{font-size:max(1rem,${v(T.type.body["font-size"])})}
+/* Very tall images are cropped to fit the screen (around their focal point). */
+.os-block--image .os-img:not(.is-fill,.is-contain){max-block-size:75svh}
+}
+}
+
 @media print{
 .os-header,.os-announcement,.os-popup,.os-skip-link{display:none!important}
 .os-section{padding-block:1.5rem;min-height:0}
@@ -31429,6 +31485,7 @@ var businessCss = `
 .os-contact__item a{color:var(--os-color-link);overflow-wrap:anywhere}
 .os-contact__name{font-weight:var(--os-font-weight-strong);color:var(--os-color-heading)}
 .os-contact__directions{font-size:var(--os-type-small-font-size);font-weight:var(--os-font-weight-strong);margin-top:0.2em}
+@media (max-width:767.98px){.os-contact__item a,.os-contact__directions{display:inline-flex;align-items:center;min-height:2.75rem}}
 .os-contact--list .os-contact__item{padding-bottom:var(--os-space-sm);border-bottom:1px solid var(--os-color-border)}
 @container block (min-width:48rem){.os-contact--columns .os-contact__items{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--os-space-md)}}
 `;
@@ -32315,7 +32372,11 @@ var summaryBlock = defineBlock({
     return /* @__PURE__ */ jsxs16(
       "div",
       {
-        className: cx("os-summary", `os-summary--${variant}`),
+        className: cx(
+          "os-summary",
+          `os-summary--${variant}`,
+          items.every((i) => i.kind === "products") && "os-summary--products"
+        ),
         style: { "--s-cols": balancedColumns(items.length, columns2) },
         children: [
           heading2,
@@ -32553,6 +32614,8 @@ var collectionsCss = `
 @container block (min-width:36rem){.os-summary--grid .os-summary__items{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @container block (min-width:60rem){.os-summary--grid .os-summary__items{grid-template-columns:repeat(var(--s-cols,3),minmax(0,1fr))}}
 .os-summary__item{min-width:0;display:flex}
+/* Products on phones: two small cards per row (name, price), like a shop app. */
+@media (max-width:767.98px){@container block (max-width:35.99rem){.os-summary--grid.os-summary--products .os-summary__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--os-space-sm) var(--os-space-xs)}.os-summary--products .os-summary__excerpt{display:none}.os-summary--products .os-summary__title{font-size:var(--os-type-body-font-size);line-height:1.3}}}
 .os-summary__card{position:relative;display:grid;align-content:start;gap:var(--os-space-xs);width:100%}
 .os-summary__body{display:grid;gap:var(--os-space-3xs)}
 .os-summary__meta{display:flex;flex-wrap:wrap;gap:0.2em 0.9em;margin:0;font-size:var(--os-type-small-font-size);color:var(--os-color-text-muted)}
@@ -33014,9 +33077,16 @@ var productBlock = defineBlock({
     quantity: f.boolean({ default: true, label: "Quantity picker" }),
     buttonLabel: f.text({ maxLength: 30, default: "Add to cart" }),
     detailsLabel: f.text({ maxLength: 30, default: "View details" }),
-    showPrice: f.boolean({ optional: true, label: "Show the price", help: "On unless turned off" }),
+    showPrice: f.boolean({
+      optional: true,
+      // Unset means on (the page shows it): the default says so to editors.
+      default: true,
+      label: "Show the price",
+      help: "On unless turned off"
+    }),
     showBuy: f.boolean({
       optional: true,
+      default: true,
       label: "Show Add to cart",
       help: "Off: just the picture and name, linking to the product's page (a shop grid)"
     }),
@@ -34430,6 +34500,12 @@ var headingBlock = defineBlock({
       help: "Use one Heading 1 per page; it tells search engines what the page is about"
     }),
     size: f.select({ options: SIZES2, default: "auto", label: "Visual size" }),
+    phoneSize: f.select({
+      options: SIZES2,
+      optional: true,
+      label: "Size on phones",
+      help: "Only on phones: a smaller size keeps long words from breaking (Fix for phones sets it)"
+    }),
     subheading: f.text({ optional: true, multiline: true, maxLength: 280 })
   },
   variants: ["plain", "rule", "underline", "split", "eyebrow-rule"],
@@ -34451,7 +34527,17 @@ var headingBlock = defineBlock({
     return /* @__PURE__ */ jsxs23("div", { className: cx("os-heading", `os-heading--${variant}`), children: [
       /* @__PURE__ */ jsxs23("div", { className: "os-heading__main", children: [
         fields.eyebrow ? /* @__PURE__ */ jsx29("p", { className: "os-heading__eyebrow os-type-eyebrow", children: fields.eyebrow }) : null,
-        /* @__PURE__ */ jsx29(Tag, { className: cx("os-heading__text", typo(style, "heading", size)), children: fields.text })
+        /* @__PURE__ */ jsx29(
+          Tag,
+          {
+            className: cx(
+              "os-heading__text",
+              typo(style, "heading", size),
+              fields.phoneSize && fields.phoneSize !== "auto" && `os-heading__text--m-${fields.phoneSize}`
+            ),
+            children: fields.text
+          }
+        )
       ] }),
       fields.subheading ? /* @__PURE__ */ jsx29("p", { className: "os-heading__sub os-type-lead", children: fields.subheading }) : null
     ] });
@@ -34580,6 +34666,7 @@ var headingCss = `
 .os-heading--eyebrow-rule .os-heading__eyebrow::after{content:"";display:block;width:clamp(3rem,5vw,4rem);height:2px;background:var(--os-color-accent);margin-block:clamp(1.25rem,2vw,1.75rem) clamp(0.75rem,1.5vw,1.25rem)}
 .os-align-center .os-heading--eyebrow-rule .os-heading__eyebrow::after,.os-malign-center .os-heading--eyebrow-rule .os-heading__eyebrow::after{margin-inline:auto}
 .os-heading__text{margin:0;text-wrap:balance;color:var(--os-color-heading)}
+@media (max-width:767.98px){.os-heading__text--m-display{font-size:var(--os-type-display-font-size);line-height:var(--os-type-display-line-height);letter-spacing:var(--os-type-display-letter-spacing)}.os-heading__text--m-h1{font-size:var(--os-type-h1-font-size);line-height:var(--os-type-h1-line-height);letter-spacing:var(--os-type-h1-letter-spacing)}.os-heading__text--m-h2{font-size:var(--os-type-h2-font-size);line-height:var(--os-type-h2-line-height);letter-spacing:var(--os-type-h2-letter-spacing)}.os-heading__text--m-h3{font-size:var(--os-type-h3-font-size);line-height:var(--os-type-h3-line-height);letter-spacing:var(--os-type-h3-letter-spacing)}.os-heading__text--m-h4{font-size:var(--os-type-h4-font-size);line-height:var(--os-type-h4-line-height);letter-spacing:var(--os-type-h4-letter-spacing)}}
 .os-heading__sub{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure);text-wrap:pretty}
 .os-heading--rule .os-heading__main::before{content:"";width:2.5rem;height:3px;border-radius:var(--os-radius-full);background:var(--os-color-accent);margin-bottom:var(--os-space-2xs)}
 .os-heading--underline .os-heading__main{padding-bottom:var(--os-space-xs);border-bottom:1px solid var(--os-color-border)}
@@ -35135,6 +35222,7 @@ var mapCss = `
 .os-map__pin .os-icon{fill:var(--os-color-background)}
 .os-map__attribution{position:absolute;inset-inline-end:0;bottom:0;z-index:2;padding:0.15rem 0.45rem;font-size:0.6875rem;line-height:1.4;background:color-mix(in oklab,var(--os-color-neutral-50) 85%,transparent);color:var(--os-color-neutral-800);border-start-start-radius:var(--os-radius-sm)}
 .os-map__attribution a{color:inherit}
+@media (max-width:767.98px){.os-map__attribution{font-size:0.75rem;padding:0.3rem 0.6rem}.os-map__attribution a{display:inline-block;padding-block:0.15rem}}
 .os-map__info{display:grid;gap:var(--os-space-2xs);align-content:start}
 .os-map__address{display:grid;font-style:normal;color:var(--os-color-text)}
 .os-map__name{font-family:var(--os-font-heading);font-weight:var(--os-font-weight-heading);font-size:var(--os-type-h4-font-size);line-height:var(--os-type-h4-line-height);color:var(--os-color-heading);margin-bottom:0.15em}
@@ -35557,6 +35645,7 @@ var newsletterCss = `
 .os-newsletter__note{font-size:var(--os-type-small-font-size);color:var(--os-color-text-muted)}
 .os-newsletter--stacked .os-newsletter__row,.os-newsletter--card .os-newsletter__row{display:grid}
 .os-newsletter--stacked .os-newsletter__submit,.os-newsletter--card .os-newsletter__submit{justify-self:start}
+@media (max-width:767.98px){.os-newsletter__row{display:grid}.os-newsletter__field{flex:none}.os-newsletter .os-newsletter__submit{justify-self:stretch;width:100%}}
 .os-newsletter--card{padding:var(--os-space-md);background:var(--os-color-surface);border-radius:var(--os-radius-card)}
 .os-block.has-radius .os-newsletter--card{border-radius:var(--radius)}
 .os-block.os-themed .os-newsletter--card{background:transparent;padding:0}
@@ -36317,6 +36406,7 @@ var restaurantMenuCss = `
 .os-menu-card__name{font-weight:var(--os-font-weight-strong);color:var(--os-color-heading)}
 .os-menu-card__diet{display:inline-flex;gap:0.25em}
 .os-menu-card__diet abbr{font-size:0.7em;font-weight:var(--os-font-weight-strong);letter-spacing:0.04em;text-decoration:none;color:var(--os-color-link);border:1px solid currentColor;border-radius:var(--os-radius-full);padding:0.05em 0.45em;cursor:help}
+@media (max-width:767.98px){.os-menu-card__diet abbr{font-size:max(0.7em,0.75rem)}}
 .os-menu-card__leader{flex:1;min-width:1rem;border-bottom:1.5px dotted var(--os-color-text-muted);translate:0 -0.3em}
 .os-menu-card__price{font-variant-numeric:lining-nums tabular-nums;color:var(--os-color-heading);white-space:nowrap}
 .os-menu-card__desc{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure);font-size:var(--os-type-small-font-size);line-height:var(--os-type-small-line-height)}
@@ -37498,6 +37588,8 @@ html:not(.os-js) .os-video__fallback{display:grid}
 var BLOCKS_CSS = `/* OpenSpace block library (@omniharmonic/openspace-blocks). Tokens: --os-* from @omniharmonic/openspace-theme. */
 @layer os.reset, os.base, os.layout, os.components, os.behaviors, os.blocks, os.utilities;
 @layer os.blocks {
+/* Phones: small standalone links inside blocks get a 44px-tall tap area. */
+@media (max-width:767.98px){:where(.os-audio__link,.os-booking__fallback,.os-product__details,.os-events__register,.os-product__link){display:inline-flex;align-items:center;min-height:2.75rem}}
 ${[
   textCss,
   imageCss,
@@ -40755,7 +40847,12 @@ function stack(o = {}) {
   return {
     mode: "stack",
     columns: columns2,
-    ...o.order ? { order: { m: o.order, t: o.order } } : {},
+    ...o.order || o.mOrder ? {
+      order: {
+        m: o.mOrder ?? o.order,
+        ...o.order ? { t: o.order } : {}
+      }
+    } : {},
     ...o.align ? { align: o.align } : {},
     ...o.width ? { width: o.width } : {},
     ...o.gap ? { gap: o.gap } : {}
@@ -46636,7 +46733,7 @@ var heroPresets = [
     make: (c3) => ({
       layout: stack({ width: "narrow" }),
       padding: { d: "3xl", m: "2xl" },
-      minHeight: { d: "88vh", m: "80svh" },
+      minHeight: { d: "88vh", m: "70svh" },
       background: {
         type: "image",
         src: photo2("cliffs", 1920).src,
@@ -46676,7 +46773,7 @@ var heroPresets = [
     make: (c3) => ({
       layout: stack({ cols: [7, 5], align: "end" }),
       padding: { d: "2xl", m: "xl" },
-      minHeight: { d: "92vh", m: "85svh" },
+      minHeight: { d: "92vh", m: "72svh" },
       background: {
         type: "image",
         src: photo2("modernHouse", 1920).src,
@@ -46768,10 +46865,11 @@ var heroPresets = [
       return {
         padding: { d: "xl", m: "lg" },
         ...grid([
-          [big, r(1, 1, 11, 22), r(1, 1, 6, 14)],
-          [small3, r(8, 12, 7, 13, { z: 2 }), r(5, 10, 4, 8, { z: 2 })],
-          [words2, r(15, 4, 10, 14), r(1, 19, 8, 10)],
-          [cta, r(15, 18, 10, 4), r(1, 29, 8, 3)]
+          // Phones: the words and button first, the collage after them.
+          [big, r(1, 1, 11, 22), r(1, 15, 6, 14)],
+          [small3, r(8, 12, 7, 13, { z: 2 }), r(5, 24, 4, 8, { z: 2 })],
+          [words2, r(15, 4, 10, 14), r(1, 1, 8, 10)],
+          [cta, r(15, 18, 10, 4), r(1, 11, 8, 3)]
         ])
       };
     }
@@ -46886,11 +46984,12 @@ var heroPresets = [
       return {
         padding: { d: "xl", m: "lg" },
         ...grid([
-          [a, r(1, 1, 8, 24), r(1, 1, 5, 12)],
-          [b, r(10, 4, 6, 16), r(6, 5, 3, 9)],
-          [d, r(17, 1, 8, 13), r(1, 14, 8, 9)],
-          [words2, r(14, 11, 11, 11, { z: 2 }), r(1, 21, 8, 11, { z: 2 })],
-          [cta, r(15, 23, 10, 3), r(1, 33, 8, 3)]
+          // Phones: the words and button first, the photos after them.
+          [a, r(1, 1, 8, 24), r(1, 16, 5, 12)],
+          [b, r(10, 4, 6, 16), r(6, 20, 3, 9)],
+          [d, r(17, 1, 8, 13), r(1, 29, 8, 9)],
+          [words2, r(14, 11, 11, 11, { z: 2 }), r(1, 1, 8, 11, { z: 2 })],
+          [cta, r(15, 23, 10, 3), r(1, 12, 8, 3)]
         ])
       };
     }
@@ -47274,7 +47373,7 @@ var heroMorePresets = [
       avoid: `${AI_AVOID2} Third-person bios on a personal site; job-title soup.`
     },
     make: (c3) => ({
-      layout: stack({ cols: [4, 8], align: "center", gap: "2xl", order: [0, 1] }),
+      layout: stack({ cols: [4, 8], align: "center", gap: "2xl", order: [0, 1], mOrder: [1, 0] }),
       padding: { d: "xl", m: "lg" },
       blocks: [
         image2(photo2("portraitLena", 420, "1:1"), {
@@ -47365,12 +47464,12 @@ var heroMorePresets = [
     make: (c3) => ({
       layout: stack({ width: "content", gap: "lg" }),
       padding: { d: "3xl", m: "2xl" },
-      minHeight: { d: "90vh", m: "85svh" },
+      minHeight: { d: "90vh", m: "72svh" },
       background: {
         type: "image",
         src: photo2("festivalSunset", 1920).src,
         focal: [0.5, 0.45],
-        overlay: scrim(0.78)
+        overlay: scrim(0.86)
       },
       blocks: [
         heading("Riverbend Folk Weekend", {
@@ -48736,9 +48835,10 @@ var teamPresets = [
       const cta = button2("Read our story", c3.primary, { role: "tertiary" });
       return {
         ...grid([
-          [pic, r(13, 1, 10, 24), r(2, 1, 7, 16)],
-          [panel2, r(3, 5, 12, 14, { z: 2 }), r(1, 13, 8, 14, { z: 2 })],
-          [cta, r(4, 20, 9, 3), r(1, 28, 8, 3)]
+          // Phones: the words and button first, the portrait after them.
+          [pic, r(13, 1, 10, 24), r(2, 19, 7, 16)],
+          [panel2, r(3, 5, 12, 14, { z: 2 }), r(1, 1, 8, 14, { z: 2 })],
+          [cta, r(4, 20, 9, 3), r(1, 15, 8, 3)]
         ])
       };
     }
@@ -52380,7 +52480,7 @@ var testimonialsMorePresets = [
         type: "image",
         src: photo2("lake", 1920).src,
         focal: [0.5, 0.5],
-        overlay: scrim(0.8)
+        overlay: scrim(0.86)
       },
       blocks: [
         pullQuote(
@@ -53166,6 +53266,8 @@ export {
   fallbackMobileRects,
   toJsonSchema,
   blockFieldsJsonSchema,
+  phonePadding,
+  phoneColumns,
   oklchToHex,
   parseColor,
   isColor,
@@ -53309,4 +53411,4 @@ lucide/dist/esm/lucide.mjs:
    * See the LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-SY5NDWS2.js.map
+//# sourceMappingURL=chunk-GMKHKHUR.js.map