@avocadostudio-ai/cli 0.18.0 → 0.20.0

package/dist/index.js

@@ -13937,7 +13937,16 @@ var f = {
    */
   icon: (label = "Icon (single emoji)") => ({ kind: "text", label, inlineEditable: false }),
   imageAlt: (label) => ({ kind: "imageAlt", label }),
-  headingLevel: () => ({ kind: "headingLevel", label: "Heading type", inlineEditable: false })
+  headingLevel: () => ({ kind: "headingLevel", label: "Heading type", inlineEditable: false }),
+  /**
+   * Which ground the section sits on.
+   *
+   * A page reads as a rhythm when its sections alternate, and the alternation
+   * belongs to each block rather than to a rule that counts them — a
+   * `nth-of-type` stripe re-colours the whole page the moment two blocks are
+   * reordered, and nothing in the editor or the planner can address it.
+   */
+  tone: () => ({ kind: "enum", label: "Background", options: ["default", "panel", "inverse"], inlineEditable: false })
 };
 
 // ../shared/src/blocks/hero.ts
@@ -13983,6 +13992,7 @@ registerBuiltinBlock("Hero", {
 // ../shared/src/blocks/feature-grid.ts
 registerBuiltinBlock("FeatureGrid", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     columns: external_exports.enum(["2", "3", "4"]).default("3").catch("3"),
     features: external_exports.array(external_exports.object({
@@ -13997,6 +14007,7 @@ registerBuiltinBlock("FeatureGrid", {
     description: "Grid of feature cards with optional icon, title, and description.",
     category: "content",
     fields: {
+      tone: f.tone(),
       title: f.text("Section title"),
       columns: { kind: "enum", label: "Columns", options: ["2", "3", "4"], inlineEditable: false },
       headingLevel: f.headingLevel()
@@ -14017,6 +14028,7 @@ registerBuiltinBlock("FeatureGrid", {
 // ../shared/src/blocks/testimonials.ts
 registerBuiltinBlock("Testimonials", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     items: external_exports.array(external_exports.object({
       id: external_exports.string().optional(),
@@ -14032,7 +14044,7 @@ registerBuiltinBlock("Testimonials", {
     displayName: "Testimonials",
     description: "Grid of testimonial cards with quotes and authors.",
     category: "content",
-    fields: { title: f.text("Section title"), headingLevel: f.headingLevel() },
+    fields: { tone: f.tone(), title: f.text("Section title"), headingLevel: f.headingLevel() },
     listFields: {
       items: {
         label: "Testimonials",
@@ -14052,6 +14064,7 @@ registerBuiltinBlock("Testimonials", {
 // ../shared/src/blocks/faq-accordion.ts
 registerBuiltinBlock("FAQAccordion", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     items: external_exports.array(external_exports.object({ id: external_exports.string().optional(), q: external_exports.string().min(1), a: external_exports.string().min(1) })).min(1)
   }),
@@ -14059,7 +14072,7 @@ registerBuiltinBlock("FAQAccordion", {
     displayName: "FAQ Accordion",
     description: "Expandable question-and-answer section.",
     category: "content",
-    fields: { title: f.text("Section title"), headingLevel: f.headingLevel() },
+    fields: { tone: f.tone(), title: f.text("Section title"), headingLevel: f.headingLevel() },
     listFields: {
       items: {
         label: "FAQ items",
@@ -14072,6 +14085,7 @@ registerBuiltinBlock("FAQAccordion", {
 // ../shared/src/blocks/cta.ts
 registerBuiltinBlock("CTA", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     description: external_exports.string().min(1),
     ctaText: external_exports.string().min(1),
@@ -14086,6 +14100,7 @@ registerBuiltinBlock("CTA", {
     description: "Centered promotional section with primary and optional secondary button.",
     category: "conversion",
     fields: {
+      tone: f.tone(),
       title: f.text("Headline"),
       description: f.longtext("Description"),
       ctaText: f.text("Button text"),
@@ -14102,6 +14117,7 @@ registerBuiltinBlock("CTA", {
 // ../shared/src/blocks/card.ts
 registerBuiltinBlock("Card", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     description: external_exports.string().min(1),
     ctaText: external_exports.string().min(1),
@@ -14116,6 +14132,7 @@ registerBuiltinBlock("Card", {
     description: "Single prominent card with a CTA. Use 'full-bleed' variant for background image with dark overlay and white text.",
     category: "content",
     fields: {
+      tone: f.tone(),
       title: f.text("Card title"),
       description: f.longtext("Card description"),
       ctaText: f.text("Button text"),
@@ -14132,6 +14149,7 @@ registerBuiltinBlock("Card", {
 // ../shared/src/blocks/card-grid.ts
 registerBuiltinBlock("CardGrid", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().min(1),
     subtitle: external_exports.string().optional(),
     columns: external_exports.enum(["2", "3", "4"]).default("3").catch("3"),
@@ -14154,6 +14172,7 @@ registerBuiltinBlock("CardGrid", {
     description: "Grid of cards, each with title, description, and CTA.",
     category: "content",
     fields: {
+      tone: f.tone(),
       title: f.text("Section title"),
       subtitle: f.text("Subtitle"),
       columns: { kind: "enum", label: "Columns", options: ["2", "3", "4"], inlineEditable: false },
@@ -14180,6 +14199,7 @@ registerBuiltinBlock("CardGrid", {
 // ../shared/src/blocks/rich-text.ts
 registerBuiltinBlock("RichText", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string(),
     body: external_exports.string().min(1)
   }),
@@ -14188,6 +14208,7 @@ registerBuiltinBlock("RichText", {
     description: "Freeform text content with markdown-style formatting.",
     category: "content",
     fields: {
+      tone: f.tone(),
       title: f.text("Section title"),
       body: f.richtext("Body"),
       headingLevel: f.headingLevel()
@@ -14198,11 +14219,23 @@ registerBuiltinBlock("RichText", {
 // ../shared/src/blocks/stats.ts
 registerBuiltinBlock("Stats", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().optional(),
     stats: external_exports.array(external_exports.object({
       id: external_exports.string().optional(),
       icon: external_exports.string().optional(),
       value: external_exports.string().min(1),
+      /*
+       * The unit, out of the numeral.
+       *
+       * It used to live inside `value` — "20+", "5,000 years" — which meant
+       * the display face had to set both, so the measure word came out at the
+       * same size and weight as the figure it qualifies. They are different
+       * kinds of thing and they want different type. Optional, because plenty
+       * of figures have no unit and inventing one to fill the field is worse
+       * than leaving it empty.
+       */
+      unit: external_exports.string().optional(),
       label: external_exports.string().min(1),
       description: external_exports.string().optional()
     })).min(1)
@@ -14211,13 +14244,14 @@ registerBuiltinBlock("Stats", {
     displayName: "Stats",
     description: "Row of big numbers with labels (e.g. 10K+ Users).",
     category: "content",
-    fields: { title: f.text("Section title"), headingLevel: f.headingLevel() },
+    fields: { tone: f.tone(), title: f.text("Section title"), headingLevel: f.headingLevel() },
     listFields: {
       stats: {
         label: "Stats",
         itemFields: {
           icon: f.icon(),
-          value: f.text("Value"),
+          value: f.text("Figure"),
+          unit: f.text("Unit"),
           label: f.text("Label"),
           description: f.text("Description")
         }
@@ -14272,6 +14306,7 @@ var twoColumnItemFieldsByType = {
 };
 registerBuiltinBlock("TwoColumn", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     variant: external_exports.enum(["default", "accent"]).default("default").catch("default"),
     left: external_exports.array(twoColumnChild).min(1),
     right: external_exports.array(twoColumnChild).min(1)
@@ -14281,6 +14316,7 @@ registerBuiltinBlock("TwoColumn", {
     description: "Composite two-column layout with typed child components in each column.",
     category: "layout",
     fields: {
+      tone: f.tone(),
       variant: { kind: "enum", label: "Style variant", options: ["default", "accent"], inlineEditable: false },
       headingLevel: f.headingLevel()
     },
@@ -14384,6 +14420,7 @@ registerBuiltinBlock("SiteHeader", {
 // ../shared/src/blocks/embed.ts
 registerBuiltinBlock("Embed", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     embedType: external_exports.enum(["map", "social", "custom"]).default("map").catch("map"),
     url: external_exports.string().min(1),
     title: external_exports.string().optional(),
@@ -14394,6 +14431,7 @@ registerBuiltinBlock("Embed", {
     description: "Embed external content \u2014 Google Maps, social media posts, or a custom iframe. For video use the Video block instead.",
     category: "media",
     fields: {
+      tone: f.tone(),
       embedType: { kind: "enum", label: "Embed type", options: ["map", "social", "custom"], inlineEditable: false },
       url: f.url("URL"),
       title: f.text("Title / caption"),
@@ -14432,6 +14470,7 @@ registerBuiltinBlock("Banner", {
 // ../shared/src/blocks/carousel.ts
 registerBuiltinBlock("Carousel", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     items: external_exports.array(external_exports.object({
       id: external_exports.string().optional(),
       imageUrl: external_exports.string().min(1),
@@ -14450,6 +14489,7 @@ registerBuiltinBlock("Carousel", {
     description: "Image/content slideshow with prev/next navigation and dot indicators.",
     category: "content",
     fields: {
+      tone: f.tone(),
       autoplay: { kind: "enum", label: "Autoplay", options: ["true", "false"], inlineEditable: false },
       interval: { kind: "number", label: "Interval (ms)", inlineEditable: false }
     },
@@ -14473,6 +14513,7 @@ registerBuiltinBlock("Carousel", {
 // ../shared/src/blocks/gallery.ts
 registerBuiltinBlock("Gallery", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().optional(),
     headingLevel: external_exports.string().optional(),
     columns: external_exports.enum(["2", "3", "4"]).default("3").catch("3"),
@@ -14488,6 +14529,7 @@ registerBuiltinBlock("Gallery", {
     description: "Image grid with configurable columns and optional captions.",
     category: "media",
     fields: {
+      tone: f.tone(),
       title: f.text("Section title"),
       columns: { kind: "enum", label: "Columns", options: ["2", "3", "4"], inlineEditable: false },
       headingLevel: f.headingLevel()
@@ -14508,6 +14550,7 @@ registerBuiltinBlock("Gallery", {
 // ../shared/src/blocks/tabs.ts
 registerBuiltinBlock("Tabs", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().optional(),
     tabs: external_exports.array(external_exports.object({
       id: external_exports.string().optional(),
@@ -14519,7 +14562,7 @@ registerBuiltinBlock("Tabs", {
     displayName: "Tabs",
     description: "Switchable tabbed content panels with rich text in each tab.",
     category: "content",
-    fields: { title: f.text("Section title"), headingLevel: f.headingLevel() },
+    fields: { tone: f.tone(), title: f.text("Section title"), headingLevel: f.headingLevel() },
     listFields: {
       tabs: {
         label: "Tabs",
@@ -14535,6 +14578,7 @@ registerBuiltinBlock("Tabs", {
 // ../shared/src/blocks/table.ts
 registerBuiltinBlock("Table", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     title: external_exports.string().optional(),
     headingLevel: external_exports.string().optional(),
     headers: external_exports.array(external_exports.string().min(1)).min(1),
@@ -14546,6 +14590,7 @@ registerBuiltinBlock("Table", {
     description: "Data table with column headers, rows, and optional stripe styling. Headers is a string array. Rows is a 2D string array where each inner array is one row matching the headers order.",
     category: "content",
     fields: {
+      tone: f.tone(),
       title: f.text("Section title"),
       headingLevel: f.headingLevel(),
       // Both are lists of scalars, which `FieldKind` cannot name — the panel
@@ -14561,6 +14606,7 @@ registerBuiltinBlock("Table", {
 // ../shared/src/blocks/quote.ts
 registerBuiltinBlock("Quote", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     quote: external_exports.string().min(1),
     author: external_exports.string().optional(),
     role: external_exports.string().optional(),
@@ -14572,6 +14618,7 @@ registerBuiltinBlock("Quote", {
     description: "Pull quote or blockquote with optional author attribution and avatar.",
     category: "content",
     fields: {
+      tone: f.tone(),
       quote: f.richtext("Quote text"),
       author: f.text("Author name"),
       role: f.text("Author role / title"),
@@ -14584,6 +14631,7 @@ registerBuiltinBlock("Quote", {
 // ../shared/src/blocks/video.ts
 registerBuiltinBlock("Video", {
   schema: external_exports.object({
+    tone: external_exports.enum(["default", "panel", "inverse"]).optional(),
     src: external_exports.string().min(1),
     title: external_exports.string().optional(),
     posterUrl: external_exports.string().optional(),
@@ -14595,6 +14643,7 @@ registerBuiltinBlock("Video", {
     description: "Video player \u2014 supports YouTube, Vimeo URLs, or direct video files (mp4, webm). Auto-detects source type.",
     category: "media",
     fields: {
+      tone: f.tone(),
       src: f.url("Video URL"),
       title: f.text("Title / caption"),
       posterUrl: f.image("Poster image", { aspectRatio: "landscape", width: 1200, height: 675 }),

package/editor-dist/assets/{Editor-EPSED64A-C3dmGmif.js → Editor-EPSED64A-ShA_kq9S.js}

@@ -1 +1 @@
-import{P as b}from"./chunk-2CNEFIQP-DzFOgeLS.js";import{u as y,a as j,E as L,_ as m,L as M,b as p,o as P,i as A}from"./PuckPrototypeRoute-CrrOmaf8.js";import{r as s,j as g}from"./index-CJPLcYvR.js";import{E as N,u as U}from"./index-qsQHPHTW.js";import"./index-BojQt5v5.js";A();A();function C({content:a,onChange:x,extensions:v,editable:d=!0,onFocusChange:o,name:c}){const[i,E]=P(null,50,{leading:!0,maxWait:200}),l=s.useRef(!1),S=s.useRef(""),f=s.useRef(null),R=!!f.current,_=j(t=>t.state.ui.field.focus===c),T=t=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{S.current===t&&(f.current=null)},200)},u=y(),e=U({extensions:v,content:a,editable:d,immediatelyRender:!1,parseOptions:{preserveWhitespace:"full"},onUpdate:({editor:t})=>{if(l.current||!_){u.getState().setUi({field:{focus:c}});return}const r=t.getHTML(),{from:n,to:h}=t.state.selection;E({from:n,to:h,html:r}),T(r),S.current=r}});return s.useEffect(()=>{if(!e)return;const t=()=>{o==null||o(e)};return e.on("focus",t),()=>{e.off("focus",t)}},[e,o]),s.useEffect(()=>{if(i){const{ui:t}=u.getState().state;x(i.html,{field:m(p({},t.field),{metadata:{from:i.from,to:i.to}})})}},[e,i,x,u,c]),s.useEffect(()=>{e==null||e.setEditable(d)},[e,d]),s.useEffect(()=>{var t;if(!e||R||e.getHTML()===a)return;l.current=!0,e.commands.setContent(a,{emitUpdate:!1});const{ui:n}=u.getState().state;typeof((t=n.field.metadata)==null?void 0:t.from)<"u"&&e.commands.setTextSelection({from:n.field.metadata.from,to:n.field.metadata.to}),l.current=!1},[a,e,u]),e}var F=s.memo(a=>{const{onChange:x,content:v,readOnly:d=!1,field:o,inline:c=!1,onFocus:i,id:E,name:l}=a,{tiptap:S={},options:f}=o,{extensions:R=[]}=S,_=s.useMemo(()=>[b.configure(f),...R],[o,R]),T=y(),u=`${l}${c?"::inline":""}`,e=C({content:v,onChange:x,extensions:_,editable:!d,name:u,onFocusChange:r=>{if(r){const n=T.getState();T.setState({currentRichText:{field:o,editor:r,id:E,inline:c},state:m(p({},n.state),{ui:m(p({},n.state.ui),{field:m(p({},n.state.ui.field),{focus:u})})})}),i==null||i(r)}}}),t=j(r=>{var n,h;return!c&&((n=r.currentRichText)==null?void 0:n.id)===E&&((h=r.currentRichText)!=null&&h.inlineComponentId)?r.currentRichText.editor:e});return e?g.jsx(L,m(p({},a),{editor:e,menu:g.jsx(M,{field:o,editor:t,readOnly:d}),children:g.jsx(N,{editor:e,className:"rich-text"})})):null});F.displayName="Editor";export{F as Editor};
+import{P as b}from"./chunk-2CNEFIQP-BR7PU-7I.js";import{u as y,a as j,E as L,_ as m,L as M,b as p,o as P,i as A}from"./PuckPrototypeRoute-B8SYzh7-.js";import{r as s,j as g}from"./index-6vx1HRlR.js";import{E as N,u as U}from"./index-Ig3LRGy0.js";import"./index-CTnBzh7l.js";A();A();function C({content:a,onChange:x,extensions:v,editable:d=!0,onFocusChange:o,name:c}){const[i,E]=P(null,50,{leading:!0,maxWait:200}),l=s.useRef(!1),S=s.useRef(""),f=s.useRef(null),R=!!f.current,_=j(t=>t.state.ui.field.focus===c),T=t=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{S.current===t&&(f.current=null)},200)},u=y(),e=U({extensions:v,content:a,editable:d,immediatelyRender:!1,parseOptions:{preserveWhitespace:"full"},onUpdate:({editor:t})=>{if(l.current||!_){u.getState().setUi({field:{focus:c}});return}const r=t.getHTML(),{from:n,to:h}=t.state.selection;E({from:n,to:h,html:r}),T(r),S.current=r}});return s.useEffect(()=>{if(!e)return;const t=()=>{o==null||o(e)};return e.on("focus",t),()=>{e.off("focus",t)}},[e,o]),s.useEffect(()=>{if(i){const{ui:t}=u.getState().state;x(i.html,{field:m(p({},t.field),{metadata:{from:i.from,to:i.to}})})}},[e,i,x,u,c]),s.useEffect(()=>{e==null||e.setEditable(d)},[e,d]),s.useEffect(()=>{var t;if(!e||R||e.getHTML()===a)return;l.current=!0,e.commands.setContent(a,{emitUpdate:!1});const{ui:n}=u.getState().state;typeof((t=n.field.metadata)==null?void 0:t.from)<"u"&&e.commands.setTextSelection({from:n.field.metadata.from,to:n.field.metadata.to}),l.current=!1},[a,e,u]),e}var F=s.memo(a=>{const{onChange:x,content:v,readOnly:d=!1,field:o,inline:c=!1,onFocus:i,id:E,name:l}=a,{tiptap:S={},options:f}=o,{extensions:R=[]}=S,_=s.useMemo(()=>[b.configure(f),...R],[o,R]),T=y(),u=`${l}${c?"::inline":""}`,e=C({content:v,onChange:x,extensions:_,editable:!d,name:u,onFocusChange:r=>{if(r){const n=T.getState();T.setState({currentRichText:{field:o,editor:r,id:E,inline:c},state:m(p({},n.state),{ui:m(p({},n.state.ui),{field:m(p({},n.state.ui.field),{focus:u})})})}),i==null||i(r)}}}),t=j(r=>{var n,h;return!c&&((n=r.currentRichText)==null?void 0:n.id)===E&&((h=r.currentRichText)!=null&&h.inlineComponentId)?r.currentRichText.editor:e});return e?g.jsx(L,m(p({},a),{editor:e,menu:g.jsx(M,{field:o,editor:t,readOnly:d}),children:g.jsx(N,{editor:e,className:"rich-text"})})):null});F.displayName="Editor";export{F as Editor};