@kubuild/components 0.6.0 → 0.8.0

package/dist/index.cjs

@@ -21,15 +21,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   CONTENT_CHILD_TYPES: () => CONTENT_CHILD_TYPES,
+  COUNTDOWN_EXPIRE_BEHAVIORS: () => COUNTDOWN_EXPIRE_BEHAVIORS,
+  COUNTDOWN_FORMATS: () => COUNTDOWN_FORMATS,
+  COUNTDOWN_MODES: () => COUNTDOWN_MODES,
+  COUNTDOWN_STORAGE_TYPES: () => COUNTDOWN_STORAGE_TYPES,
   ComponentRegistry: () => ComponentRegistry,
   FORM_STARTER_BLOCKS: () => FORM_STARTER_BLOCKS,
   LAYOUT_PARENTS: () => LAYOUT_PARENTS,
   LAYOUT_STARTER_BLOCKS: () => LAYOUT_STARTER_BLOCKS,
+  SALES_STARTER_BLOCKS: () => SALES_STARTER_BLOCKS,
   STARTER_BLOCKS: () => STARTER_BLOCKS,
   TRAIT_GROUP_LABELS: () => TRAIT_GROUP_LABELS,
   TRAIT_GROUP_ORDER: () => TRAIT_GROUP_ORDER,
   UI_STARTER_BLOCKS: () => UI_STARTER_BLOCKS,
   acceptTrait: () => acceptTrait,
+  accordionDefinition: () => accordionDefinition,
+  accordionItemDefinition: () => accordionItemDefinition,
   actionTrait: () => actionTrait,
   altTrait: () => altTrait,
   ariaLabelTrait: () => ariaLabelTrait,
@@ -42,6 +49,8 @@ __export(src_exports, {
   buttonDefinition: () => buttonDefinition,
   buttonSubmitDefinition: () => buttonSubmitDefinition,
   buttonTypeTrait: () => buttonTypeTrait,
+  canonicalTextPropFields: () => canonicalTextPropFields,
+  carouselDefinition: () => carouselDefinition,
   checkboxDefinition: () => checkboxDefinition,
   citeTrait: () => citeTrait,
   codeBlockDefinition: () => codeBlockDefinition,
@@ -53,12 +62,14 @@ __export(src_exports, {
   containerDefinition: () => containerDefinition,
   controlsTrait: () => controlsTrait,
   coreComponentDefinitions: () => coreComponentDefinitions,
+  countdownDefinition: () => countdownDefinition,
   createDefaultComponentRegistry: () => createDefaultComponentRegistry,
   defaultCheckedTrait: () => defaultCheckedTrait,
   defaultGenId: () => defaultGenId,
   defaultSelectedTrait: () => defaultSelectedTrait,
   defaultValueTrait: () => defaultValueTrait,
   disabledTrait: () => disabledTrait,
+  dividerDefinition: () => dividerDefinition,
   drawerDefinition: () => drawerDefinition,
   extractComponentRequirements: () => extractComponentRequirements,
   fieldNameTrait: () => fieldNameTrait,
@@ -105,6 +116,7 @@ __export(src_exports, {
   radioDefinition: () => radioDefinition,
   radioGroupDefinition: () => radioGroupDefinition,
   radioItemDefinition: () => radioItemDefinition,
+  ratingDefinition: () => ratingDefinition,
   readOnlyTrait: () => readOnlyTrait,
   relTrait: () => relTrait,
   requiredTrait: () => requiredTrait,
@@ -118,13 +130,16 @@ __export(src_exports, {
   showPreviewTrait: () => showPreviewTrait,
   showSpinnerTrait: () => showSpinnerTrait,
   sortTraits: () => sortTraits,
+  spacerDefinition: () => spacerDefinition,
   srcTrait: () => srcTrait,
   suffixIconTrait: () => suffixIconTrait,
   switchDefinition: () => switchDefinition,
   switchSizeTrait: () => switchSizeTrait,
+  tabPanelDefinition: () => tabPanelDefinition,
   tableCellDefinition: () => tableCellDefinition,
   tableDefinition: () => tableDefinition,
   tableRowDefinition: () => tableRowDefinition,
+  tabsDefinition: () => tabsDefinition,
   tagTrait: () => tagTrait,
   targetTrait: () => targetTrait,
   textDefinition: () => textDefinition,
@@ -1074,7 +1089,20 @@ function autoDisableOnSubmitTrait(overrides) {
 }
 
 // src/definitions/constants.ts
-var LAYOUT_PARENTS = ["page", "section", "container", "columns", "flex", "grid", "modal", "drawer", "collapsible"];
+var LAYOUT_PARENTS = [
+  "page",
+  "section",
+  "container",
+  "columns",
+  "flex",
+  "grid",
+  "modal",
+  "drawer",
+  "collapsible",
+  "accordion-item",
+  "tab-panel",
+  "carousel"
+];
 var CONTENT_CHILD_TYPES = [
   "heading",
   "text",
@@ -1105,7 +1133,14 @@ var CONTENT_CHILD_TYPES = [
   "custom",
   "modal",
   "drawer",
-  "collapsible"
+  "collapsible",
+  "countdown",
+  "accordion",
+  "tabs",
+  "carousel",
+  "rating",
+  "divider",
+  "spacer"
 ];
 
 // src/definitions/layout/page.ts
@@ -1274,13 +1309,27 @@ var gridDefinition = {
 };
 
 // src/definitions/typography/heading.ts
+var import_schema2 = require("@kubuild/schema");
+
+// src/canonical-props.ts
 var import_schema = require("@kubuild/schema");
+function canonicalTextPropFields(componentType) {
+  const rule = (0, import_schema.getCanonicalTextPropRule)(componentType);
+  if (!rule) return {};
+  return {
+    canonicalTextProp: rule.canonical,
+    deprecatedPropAliases: Object.fromEntries(rule.aliases.map((alias) => [alias, rule.canonical]))
+  };
+}
+
+// src/definitions/typography/heading.ts
 var headingDefinition = {
   type: "heading",
   label: "Heading",
   category: "typography",
   icon: "heading",
   acceptsChildren: false,
+  ...canonicalTextPropFields("heading"),
   defaultProps: { text: "Heading Text", level: 2 },
   propFields: [
     { name: "text", label: "Text", type: "string", defaultValue: "Heading Text" },
@@ -1306,7 +1355,8 @@ var headingDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (!(0, import_schema.isVariableBinding)(props.text) && (typeof props.text !== "string" || props.text.trim().length === 0)) {
+    const text = props.text ?? props.content;
+    if (!(0, import_schema2.isVariableBinding)(text) && (typeof text !== "string" || text.trim().length === 0)) {
       errors.push('Heading requires a non-empty "text".');
     }
     if (props.level !== void 0 && (typeof props.level !== "number" || props.level < 1 || props.level > 6)) {
@@ -1325,16 +1375,18 @@ var headingDefinition = {
 };
 
 // src/definitions/typography/text.ts
-var import_schema2 = require("@kubuild/schema");
+var import_schema3 = require("@kubuild/schema");
 var textDefinition = {
   type: "text",
   label: "Text",
   category: "typography",
   icon: "type",
   acceptsChildren: false,
-  defaultProps: { content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
+  ...canonicalTextPropFields("text"),
+  // `as: 'p'` keeps the block-level rendering the old `content` default produced (STORA-550).
+  defaultProps: { text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", as: "p" },
   propFields: [
-    { name: "content", label: "Content", type: "string", defaultValue: "Lorem ipsum dolor sit amet." }
+    { name: "text", label: "Content", type: "string", defaultValue: "Lorem ipsum dolor sit amet." }
   ],
   traits: [
     idTrait(),
@@ -1342,8 +1394,9 @@ var textDefinition = {
     ariaLabelTrait()
   ],
   validateProps: (props) => {
-    if (!(0, import_schema2.isVariableBinding)(props.content) && (typeof props.content !== "string" || props.content.trim().length === 0)) {
-      return ['Text requires a non-empty "content".'];
+    const value = props.text ?? props.content;
+    if (!(0, import_schema3.isVariableBinding)(value) && (typeof value !== "string" || value.trim().length === 0)) {
+      return ['Text requires a non-empty "text".'];
     }
     return true;
   },
@@ -1357,13 +1410,14 @@ var textDefinition = {
 };
 
 // src/definitions/typography/paragraph.ts
-var import_schema3 = require("@kubuild/schema");
+var import_schema4 = require("@kubuild/schema");
 var paragraphDefinition = {
   type: "paragraph",
   label: "Paragraph",
   category: "typography",
   icon: "paragraph",
   acceptsChildren: false,
+  ...canonicalTextPropFields("paragraph"),
   defaultProps: {
     text: "A paragraph of text with clean semantic typography."
   },
@@ -1383,7 +1437,7 @@ var paragraphDefinition = {
   validateProps: (props) => {
     const errors = [];
     const textVal = props.text ?? props.content;
-    if (textVal !== void 0 && !(0, import_schema3.isVariableBinding)(textVal) && (typeof textVal !== "string" || textVal.trim().length === 0)) {
+    if (textVal !== void 0 && !(0, import_schema4.isVariableBinding)(textVal) && (typeof textVal !== "string" || textVal.trim().length === 0)) {
       errors.push('Paragraph requires a non-empty "text".');
     }
     return errors.length > 0 ? errors : true;
@@ -1399,13 +1453,14 @@ var paragraphDefinition = {
 };
 
 // src/definitions/typography/link.ts
-var import_schema4 = require("@kubuild/schema");
+var import_schema5 = require("@kubuild/schema");
 var linkDefinition = {
   type: "link",
   label: "Link",
   category: "typography",
   icon: "link",
   acceptsChildren: false,
+  ...canonicalTextPropFields("link"),
   defaultProps: {
     text: "Click here",
     href: "#",
@@ -1439,19 +1494,19 @@ var linkDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.text !== void 0 && !(0, import_schema4.isVariableBinding)(props.text) && (typeof props.text !== "string" || props.text.trim().length === 0)) {
+    if (props.text !== void 0 && !(0, import_schema5.isVariableBinding)(props.text) && (typeof props.text !== "string" || props.text.trim().length === 0)) {
       errors.push('Link requires a non-empty "text".');
     }
-    if (props.href !== void 0 && typeof props.href !== "string" && !(0, import_schema4.isVariableBinding)(props.href)) {
+    if (props.href !== void 0 && typeof props.href !== "string" && !(0, import_schema5.isVariableBinding)(props.href)) {
       errors.push('Link "href" must be a string when provided.');
     }
-    if (props.target !== void 0 && !(0, import_schema4.isVariableBinding)(props.target)) {
+    if (props.target !== void 0 && !(0, import_schema5.isVariableBinding)(props.target)) {
       const allowedTargets = ["_self", "_blank", "_parent", "_top"];
       if (typeof props.target !== "string" || !allowedTargets.includes(props.target)) {
         errors.push(`Link "target" must be one of: ${allowedTargets.join(", ")}.`);
       }
     }
-    if (props.rel !== void 0 && typeof props.rel !== "string" && !(0, import_schema4.isVariableBinding)(props.rel)) {
+    if (props.rel !== void 0 && typeof props.rel !== "string" && !(0, import_schema5.isVariableBinding)(props.rel)) {
       errors.push('Link "rel" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -1466,7 +1521,7 @@ var linkDefinition = {
 };
 
 // src/definitions/typography/blockquote.ts
-var import_schema5 = require("@kubuild/schema");
+var import_schema6 = require("@kubuild/schema");
 var blockquoteDefinition = {
   type: "blockquote",
   label: "Blockquote",
@@ -1486,6 +1541,7 @@ var blockquoteDefinition = {
     "html-embed",
     "custom"
   ],
+  ...canonicalTextPropFields("blockquote"),
   defaultProps: {
     text: "\u201CSimplicity is the soul of efficiency.\u201D"
   },
@@ -1506,10 +1562,10 @@ var blockquoteDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema5.isVariableBinding)(props.text)) {
+    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema6.isVariableBinding)(props.text)) {
       errors.push('Blockquote "text" must be a string when provided.');
     }
-    if (props.cite !== void 0 && typeof props.cite !== "string" && !(0, import_schema5.isVariableBinding)(props.cite)) {
+    if (props.cite !== void 0 && typeof props.cite !== "string" && !(0, import_schema6.isVariableBinding)(props.cite)) {
       errors.push('Blockquote "cite" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -1532,13 +1588,14 @@ var blockquoteDefinition = {
 };
 
 // src/definitions/typography/badge.ts
-var import_schema6 = require("@kubuild/schema");
+var import_schema7 = require("@kubuild/schema");
 var badgeDefinition = {
   type: "badge",
   label: "Badge",
   category: "typography",
   icon: "badge",
   acceptsChildren: false,
+  ...canonicalTextPropFields("badge"),
   defaultProps: {
     text: "Badge",
     variant: "default"
@@ -1566,10 +1623,10 @@ var badgeDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.text !== void 0 && !(0, import_schema6.isVariableBinding)(props.text) && (typeof props.text !== "string" || props.text.trim().length === 0)) {
+    if (props.text !== void 0 && !(0, import_schema7.isVariableBinding)(props.text) && (typeof props.text !== "string" || props.text.trim().length === 0)) {
       errors.push('Badge requires a non-empty "text".');
     }
-    if (props.variant !== void 0 && typeof props.variant !== "string" && !(0, import_schema6.isVariableBinding)(props.variant)) {
+    if (props.variant !== void 0 && typeof props.variant !== "string" && !(0, import_schema7.isVariableBinding)(props.variant)) {
       errors.push('Badge "variant" must be a string.');
     }
     return errors.length > 0 ? errors : true;
@@ -1593,7 +1650,7 @@ var badgeDefinition = {
 };
 
 // src/definitions/typography/code-block.ts
-var import_schema7 = require("@kubuild/schema");
+var import_schema8 = require("@kubuild/schema");
 var codeBlockDefinition = {
   type: "code-block",
   label: "Code Block",
@@ -1625,10 +1682,10 @@ var codeBlockDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.code !== void 0 && typeof props.code !== "string" && !(0, import_schema7.isVariableBinding)(props.code)) {
+    if (props.code !== void 0 && typeof props.code !== "string" && !(0, import_schema8.isVariableBinding)(props.code)) {
       errors.push('Code Block "code" must be a string when provided.');
     }
-    if (props.language !== void 0 && typeof props.language !== "string" && !(0, import_schema7.isVariableBinding)(props.language)) {
+    if (props.language !== void 0 && typeof props.language !== "string" && !(0, import_schema8.isVariableBinding)(props.language)) {
       errors.push('Code Block "language" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -1650,7 +1707,7 @@ var codeBlockDefinition = {
 };
 
 // src/definitions/media/image.ts
-var import_schema8 = require("@kubuild/schema");
+var import_schema9 = require("@kubuild/schema");
 var imageDefinition = {
   type: "image",
   label: "Image",
@@ -1666,7 +1723,6 @@ var imageDefinition = {
   },
   propFields: [
     { name: "src", label: "Image URL", type: "string" },
-    { name: "asset", label: "Asset Reference", type: "json" },
     { name: "alt", label: "Alt Text", type: "string", defaultValue: "Default image" },
     { name: "width", label: "Width", type: "number" },
     { name: "height", label: "Height", type: "number" }
@@ -1681,12 +1737,12 @@ var imageDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    const hasSrc = typeof props.src === "string" && props.src.trim().length > 0 || (0, import_schema8.isVariableBinding)(props.src);
-    const hasAsset = (0, import_schema8.isAssetReference)(props.asset);
+    const hasSrc = typeof props.src === "string" && props.src.trim().length > 0 || (0, import_schema9.isVariableBinding)(props.src);
+    const hasAsset = (0, import_schema9.isAssetReference)(props.asset);
     if (!hasSrc && !hasAsset) {
       errors.push('Image requires either a non-empty "src" URL or a valid "asset" reference.');
     }
-    const hasAlt = typeof props.alt === "string" && props.alt.trim().length > 0 || (0, import_schema8.isVariableBinding)(props.alt);
+    const hasAlt = typeof props.alt === "string" && props.alt.trim().length > 0 || (0, import_schema9.isVariableBinding)(props.alt);
     if (!hasAlt) {
       errors.push('Image requires non-empty "alt" text.');
     }
@@ -1702,7 +1758,7 @@ var imageDefinition = {
 };
 
 // src/definitions/media/video.ts
-var import_schema9 = require("@kubuild/schema");
+var import_schema10 = require("@kubuild/schema");
 var videoDefinition = {
   type: "video",
   label: "Video",
@@ -1770,25 +1826,25 @@ var videoDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.src !== void 0 && typeof props.src !== "string" && !(0, import_schema9.isVariableBinding)(props.src)) {
+    if (props.src !== void 0 && typeof props.src !== "string" && !(0, import_schema10.isVariableBinding)(props.src)) {
       errors.push('Video "src" must be a string when provided.');
     }
-    if (props.provider !== void 0 && !(0, import_schema9.isVariableBinding)(props.provider)) {
+    if (props.provider !== void 0 && !(0, import_schema10.isVariableBinding)(props.provider)) {
       const allowed = ["auto", "html5", "youtube", "vimeo"];
       if (typeof props.provider !== "string" || !allowed.includes(props.provider)) {
         errors.push(`Video "provider" must be one of: ${allowed.join(", ")}.`);
       }
     }
-    if (props.controls !== void 0 && typeof props.controls !== "boolean" && !(0, import_schema9.isVariableBinding)(props.controls)) {
+    if (props.controls !== void 0 && typeof props.controls !== "boolean" && !(0, import_schema10.isVariableBinding)(props.controls)) {
       errors.push('Video "controls" must be a boolean.');
     }
-    if (props.autoplay !== void 0 && typeof props.autoplay !== "boolean" && !(0, import_schema9.isVariableBinding)(props.autoplay)) {
+    if (props.autoplay !== void 0 && typeof props.autoplay !== "boolean" && !(0, import_schema10.isVariableBinding)(props.autoplay)) {
       errors.push('Video "autoplay" must be a boolean.');
     }
-    if (props.loop !== void 0 && typeof props.loop !== "boolean" && !(0, import_schema9.isVariableBinding)(props.loop)) {
+    if (props.loop !== void 0 && typeof props.loop !== "boolean" && !(0, import_schema10.isVariableBinding)(props.loop)) {
       errors.push('Video "loop" must be a boolean.');
     }
-    if (props.muted !== void 0 && typeof props.muted !== "boolean" && !(0, import_schema9.isVariableBinding)(props.muted)) {
+    if (props.muted !== void 0 && typeof props.muted !== "boolean" && !(0, import_schema10.isVariableBinding)(props.muted)) {
       errors.push('Video "muted" must be a boolean.');
     }
     return errors.length > 0 ? errors : true;
@@ -1806,7 +1862,7 @@ var videoDefinition = {
 };
 
 // src/definitions/media/icon.ts
-var import_schema10 = require("@kubuild/schema");
+var import_schema11 = require("@kubuild/schema");
 var iconDefinition = {
   type: "icon",
   label: "Icon",
@@ -1832,15 +1888,15 @@ var iconDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && !(0, import_schema10.isVariableBinding)(props.name) && (typeof props.name !== "string" || props.name.trim().length === 0)) {
+    if (props.name !== void 0 && !(0, import_schema11.isVariableBinding)(props.name) && (typeof props.name !== "string" || props.name.trim().length === 0)) {
       errors.push('Icon requires a non-empty "name".');
     }
-    if (props.size !== void 0 && !(0, import_schema10.isVariableBinding)(props.size)) {
+    if (props.size !== void 0 && !(0, import_schema11.isVariableBinding)(props.size)) {
       if (typeof props.size !== "number" || props.size < 0) {
         errors.push('Icon "size" must be a non-negative number.');
       }
     }
-    if (props.strokeWidth !== void 0 && !(0, import_schema10.isVariableBinding)(props.strokeWidth)) {
+    if (props.strokeWidth !== void 0 && !(0, import_schema11.isVariableBinding)(props.strokeWidth)) {
       if (typeof props.strokeWidth !== "number" || props.strokeWidth < 0) {
         errors.push('Icon "strokeWidth" must be a non-negative number.');
       }
@@ -1857,7 +1913,7 @@ var iconDefinition = {
 };
 
 // src/definitions/media/html-embed.ts
-var import_schema11 = require("@kubuild/schema");
+var import_schema12 = require("@kubuild/schema");
 var htmlEmbedDefinition = {
   type: "html-embed",
   label: "HTML Embed",
@@ -1881,7 +1937,7 @@ var htmlEmbedDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.html !== void 0 && typeof props.html !== "string" && !(0, import_schema11.isVariableBinding)(props.html)) {
+    if (props.html !== void 0 && typeof props.html !== "string" && !(0, import_schema12.isVariableBinding)(props.html)) {
       errors.push('HTML Embed "html" must be a string.');
     }
     return errors.length > 0 ? errors : true;
@@ -1895,7 +1951,7 @@ var htmlEmbedDefinition = {
 };
 
 // src/definitions/data/table.ts
-var import_schema12 = require("@kubuild/schema");
+var import_schema13 = require("@kubuild/schema");
 var tableDefinition = {
   type: "table",
   label: "Table",
@@ -1935,13 +1991,13 @@ var tableDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.striped !== void 0 && typeof props.striped !== "boolean" && !(0, import_schema12.isVariableBinding)(props.striped)) {
+    if (props.striped !== void 0 && typeof props.striped !== "boolean" && !(0, import_schema13.isVariableBinding)(props.striped)) {
       errors.push('Table "striped" must be a boolean.');
     }
-    if (props.bordered !== void 0 && typeof props.bordered !== "boolean" && !(0, import_schema12.isVariableBinding)(props.bordered)) {
+    if (props.bordered !== void 0 && typeof props.bordered !== "boolean" && !(0, import_schema13.isVariableBinding)(props.bordered)) {
       errors.push('Table "bordered" must be a boolean.');
     }
-    if (props.compact !== void 0 && typeof props.compact !== "boolean" && !(0, import_schema12.isVariableBinding)(props.compact)) {
+    if (props.compact !== void 0 && typeof props.compact !== "boolean" && !(0, import_schema13.isVariableBinding)(props.compact)) {
       errors.push('Table "compact" must be a boolean.');
     }
     return errors.length > 0 ? errors : true;
@@ -2026,22 +2082,22 @@ var tableCellDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.tag !== void 0 && !(0, import_schema12.isVariableBinding)(props.tag)) {
+    if (props.tag !== void 0 && !(0, import_schema13.isVariableBinding)(props.tag)) {
       if (props.tag !== "td" && props.tag !== "th") {
         errors.push('Table Cell "tag" must be either "td" or "th".');
       }
     }
-    if (props.colSpan !== void 0 && !(0, import_schema12.isVariableBinding)(props.colSpan)) {
+    if (props.colSpan !== void 0 && !(0, import_schema13.isVariableBinding)(props.colSpan)) {
       if (typeof props.colSpan !== "number" || props.colSpan < 1 || !Number.isInteger(props.colSpan)) {
         errors.push('Table Cell "colSpan" must be a positive integer (>= 1).');
       }
     }
-    if (props.rowSpan !== void 0 && !(0, import_schema12.isVariableBinding)(props.rowSpan)) {
+    if (props.rowSpan !== void 0 && !(0, import_schema13.isVariableBinding)(props.rowSpan)) {
       if (typeof props.rowSpan !== "number" || props.rowSpan < 1 || !Number.isInteger(props.rowSpan)) {
         errors.push('Table Cell "rowSpan" must be a positive integer (>= 1).');
       }
     }
-    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema12.isVariableBinding)(props.text)) {
+    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema13.isVariableBinding)(props.text)) {
       errors.push('Table Cell "text" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2058,7 +2114,7 @@ var tableCellDefinition = {
 };
 
 // src/definitions/data/list.ts
-var import_schema13 = require("@kubuild/schema");
+var import_schema14 = require("@kubuild/schema");
 var listDefinition = {
   type: "list",
   label: "List",
@@ -2107,12 +2163,12 @@ var listDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.tag !== void 0 && !(0, import_schema13.isVariableBinding)(props.tag)) {
+    if (props.tag !== void 0 && !(0, import_schema14.isVariableBinding)(props.tag)) {
       if (props.tag !== "ul" && props.tag !== "ol") {
         errors.push('List "tag" must be either "ul" or "ol".');
       }
     }
-    if (props.listStyleType !== void 0 && !(0, import_schema13.isVariableBinding)(props.listStyleType)) {
+    if (props.listStyleType !== void 0 && !(0, import_schema14.isVariableBinding)(props.listStyleType)) {
       const allowed = ["disc", "circle", "square", "decimal", "none", "custom-icon"];
       if (typeof props.listStyleType !== "string" || !allowed.includes(props.listStyleType)) {
         errors.push(`List "listStyleType" must be one of: ${allowed.join(", ")}.`);
@@ -2167,7 +2223,7 @@ var listItemDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema13.isVariableBinding)(props.text)) {
+    if (props.text !== void 0 && typeof props.text !== "string" && !(0, import_schema14.isVariableBinding)(props.text)) {
       errors.push('List Item "text" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2204,7 +2260,7 @@ var collectionDefinition = {
 };
 
 // src/definitions/form/button.ts
-var import_schema14 = require("@kubuild/schema");
+var import_schema15 = require("@kubuild/schema");
 var buttonDefinition = {
   type: "button",
   label: "Button",
@@ -2212,6 +2268,7 @@ var buttonDefinition = {
   icon: "mouse-pointer",
   acceptsChildren: false,
   capabilities: ["actionRegistry"],
+  ...canonicalTextPropFields("button"),
   defaultProps: {
     label: "Click Me",
     variant: "primary"
@@ -2255,22 +2312,22 @@ var buttonDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || (0, import_schema14.isVariableBinding)(props.label);
+    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || (0, import_schema15.isVariableBinding)(props.label);
     if (!hasLabel) {
       errors.push('Button requires a non-empty "label".');
     }
-    if (props.href !== void 0 && typeof props.href !== "string" && !(0, import_schema14.isVariableBinding)(props.href)) {
+    if (props.href !== void 0 && typeof props.href !== "string" && !(0, import_schema15.isVariableBinding)(props.href)) {
       errors.push('Button "href" must be a string when provided.');
     }
-    if (props.buttonType !== void 0 && !(0, import_schema14.isVariableBinding)(props.buttonType)) {
+    if (props.buttonType !== void 0 && !(0, import_schema15.isVariableBinding)(props.buttonType)) {
       if (!["button", "submit", "reset"].includes(props.buttonType)) {
         errors.push('Button "buttonType" must be one of: "button", "submit", "reset".');
       }
     }
-    if (props.action !== void 0 && !(0, import_schema14.isActionBinding)(props.action)) {
+    if (props.action !== void 0 && !(0, import_schema15.isActionBinding)(props.action)) {
       errors.push('Button "action" must be a valid action binding when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema14.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema15.isVariableBinding)(props.disabled)) {
       errors.push('Button "disabled" must be a boolean when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2358,25 +2415,25 @@ var buttonSubmitDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || (0, import_schema14.isVariableBinding)(props.label);
+    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || (0, import_schema15.isVariableBinding)(props.label);
     if (!hasLabel) {
       errors.push('Submit Button requires a non-empty "label".');
     }
-    if (props.loadingText !== void 0 && typeof props.loadingText !== "string" && !(0, import_schema14.isVariableBinding)(props.loadingText)) {
+    if (props.loadingText !== void 0 && typeof props.loadingText !== "string" && !(0, import_schema15.isVariableBinding)(props.loadingText)) {
       errors.push('Submit Button "loadingText" must be a string when provided.');
     }
-    if (props.showSpinner !== void 0 && typeof props.showSpinner !== "boolean" && !(0, import_schema14.isVariableBinding)(props.showSpinner)) {
+    if (props.showSpinner !== void 0 && typeof props.showSpinner !== "boolean" && !(0, import_schema15.isVariableBinding)(props.showSpinner)) {
       errors.push('Submit Button "showSpinner" must be a boolean when provided.');
     }
-    if (props.autoDisableOnSubmit !== void 0 && typeof props.autoDisableOnSubmit !== "boolean" && !(0, import_schema14.isVariableBinding)(props.autoDisableOnSubmit)) {
+    if (props.autoDisableOnSubmit !== void 0 && typeof props.autoDisableOnSubmit !== "boolean" && !(0, import_schema15.isVariableBinding)(props.autoDisableOnSubmit)) {
       errors.push('Submit Button "autoDisableOnSubmit" must be a boolean when provided.');
     }
-    if (props.buttonType !== void 0 && !(0, import_schema14.isVariableBinding)(props.buttonType)) {
+    if (props.buttonType !== void 0 && !(0, import_schema15.isVariableBinding)(props.buttonType)) {
       if (!["submit", "reset", "button"].includes(props.buttonType)) {
         errors.push('Submit Button "buttonType" must be one of: "submit", "reset", "button".');
       }
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema14.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema15.isVariableBinding)(props.disabled)) {
       errors.push('Submit Button "disabled" must be a boolean when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2403,7 +2460,7 @@ var buttonSubmitDefinition = {
 };
 
 // src/definitions/form/form.ts
-var import_schema15 = require("@kubuild/schema");
+var import_schema16 = require("@kubuild/schema");
 var formDefinition = {
   type: "form",
   label: "Form",
@@ -2490,34 +2547,34 @@ var formDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema15.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema16.isVariableBinding)(props.name)) {
       errors.push('Form "name" must be a string when provided.');
     }
-    if (props.action !== void 0 && typeof props.action !== "string" && !(0, import_schema15.isVariableBinding)(props.action)) {
+    if (props.action !== void 0 && typeof props.action !== "string" && !(0, import_schema16.isVariableBinding)(props.action)) {
       errors.push('Form "action" must be a string when provided.');
     }
-    if (props.method !== void 0 && !(0, import_schema15.isVariableBinding)(props.method)) {
+    if (props.method !== void 0 && !(0, import_schema16.isVariableBinding)(props.method)) {
       if (!["GET", "POST", "get", "post"].includes(props.method)) {
         errors.push('Form "method" must be either "GET" or "POST".');
       }
     }
-    if (props.target !== void 0 && !(0, import_schema15.isVariableBinding)(props.target)) {
+    if (props.target !== void 0 && !(0, import_schema16.isVariableBinding)(props.target)) {
       if (!["_self", "_blank", "_parent", "_top"].includes(props.target)) {
         errors.push('Form "target" must be one of: "_self", "_blank", "_parent", "_top".');
       }
     }
-    if (props.autoComplete !== void 0 && !(0, import_schema15.isVariableBinding)(props.autoComplete)) {
+    if (props.autoComplete !== void 0 && !(0, import_schema16.isVariableBinding)(props.autoComplete)) {
       if (!["on", "off"].includes(props.autoComplete)) {
         errors.push('Form "autoComplete" must be either "on" or "off".');
       }
     }
-    if (props.preventDefault !== void 0 && typeof props.preventDefault !== "boolean" && !(0, import_schema15.isVariableBinding)(props.preventDefault)) {
+    if (props.preventDefault !== void 0 && typeof props.preventDefault !== "boolean" && !(0, import_schema16.isVariableBinding)(props.preventDefault)) {
       errors.push('Form "preventDefault" must be a boolean when provided.');
     }
-    if (props.scrollToFirstError !== void 0 && typeof props.scrollToFirstError !== "boolean" && !(0, import_schema15.isVariableBinding)(props.scrollToFirstError)) {
+    if (props.scrollToFirstError !== void 0 && typeof props.scrollToFirstError !== "boolean" && !(0, import_schema16.isVariableBinding)(props.scrollToFirstError)) {
       errors.push('Form "scrollToFirstError" must be a boolean when provided.');
     }
-    if (props.resetOnSubmit !== void 0 && typeof props.resetOnSubmit !== "boolean" && !(0, import_schema15.isVariableBinding)(props.resetOnSubmit)) {
+    if (props.resetOnSubmit !== void 0 && typeof props.resetOnSubmit !== "boolean" && !(0, import_schema16.isVariableBinding)(props.resetOnSubmit)) {
       errors.push('Form "resetOnSubmit" must be a boolean when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2533,7 +2590,7 @@ var formDefinition = {
 };
 
 // src/definitions/form/input.ts
-var import_schema16 = require("@kubuild/schema");
+var import_schema17 = require("@kubuild/schema");
 var inputDefinition = {
   type: "input",
   label: "Input",
@@ -2615,47 +2672,47 @@ var inputDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema16.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema17.isVariableBinding)(props.name)) {
       errors.push('Input "name" must be a string when provided.');
     }
-    if (props.type !== void 0 && !(0, import_schema16.isVariableBinding)(props.type)) {
+    if (props.type !== void 0 && !(0, import_schema17.isVariableBinding)(props.type)) {
       const validTypes = ["text", "email", "number", "password", "tel", "url", "search", "date", "hidden"];
       if (!validTypes.includes(props.type)) {
         errors.push(`Input "type" must be one of: ${validTypes.join(", ")}.`);
       }
     }
-    if (props.placeholder !== void 0 && typeof props.placeholder !== "string" && !(0, import_schema16.isVariableBinding)(props.placeholder)) {
+    if (props.placeholder !== void 0 && typeof props.placeholder !== "string" && !(0, import_schema17.isVariableBinding)(props.placeholder)) {
       errors.push('Input "placeholder" must be a string when provided.');
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema16.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema17.isVariableBinding)(props.required)) {
       errors.push('Input "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema16.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema17.isVariableBinding)(props.disabled)) {
       errors.push('Input "disabled" must be a boolean when provided.');
     }
-    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !(0, import_schema16.isVariableBinding)(props.readOnly)) {
+    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !(0, import_schema17.isVariableBinding)(props.readOnly)) {
       errors.push('Input "readOnly" must be a boolean when provided.');
     }
-    if (props.pattern !== void 0 && typeof props.pattern !== "string" && !(0, import_schema16.isVariableBinding)(props.pattern)) {
+    if (props.pattern !== void 0 && typeof props.pattern !== "string" && !(0, import_schema17.isVariableBinding)(props.pattern)) {
       errors.push('Input "pattern" must be a string when provided.');
     }
-    if (props.minLength !== void 0 && !(0, import_schema16.isVariableBinding)(props.minLength)) {
+    if (props.minLength !== void 0 && !(0, import_schema17.isVariableBinding)(props.minLength)) {
       if (typeof props.minLength !== "number" || props.minLength < 0 || !Number.isInteger(props.minLength)) {
         errors.push('Input "minLength" must be a non-negative integer when provided.');
       }
     }
-    if (props.maxLength !== void 0 && !(0, import_schema16.isVariableBinding)(props.maxLength)) {
+    if (props.maxLength !== void 0 && !(0, import_schema17.isVariableBinding)(props.maxLength)) {
       if (typeof props.maxLength !== "number" || props.maxLength < 0 || !Number.isInteger(props.maxLength)) {
         errors.push('Input "maxLength" must be a non-negative integer when provided.');
       }
     }
-    if (props.prefixIcon !== void 0 && typeof props.prefixIcon !== "string" && !(0, import_schema16.isVariableBinding)(props.prefixIcon)) {
+    if (props.prefixIcon !== void 0 && typeof props.prefixIcon !== "string" && !(0, import_schema17.isVariableBinding)(props.prefixIcon)) {
       errors.push('Input "prefixIcon" must be a string when provided.');
     }
-    if (props.suffixIcon !== void 0 && typeof props.suffixIcon !== "string" && !(0, import_schema16.isVariableBinding)(props.suffixIcon)) {
+    if (props.suffixIcon !== void 0 && typeof props.suffixIcon !== "string" && !(0, import_schema17.isVariableBinding)(props.suffixIcon)) {
       errors.push('Input "suffixIcon" must be a string when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema16.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema17.isVariableBinding)(props.helperText)) {
       errors.push('Input "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2680,7 +2737,7 @@ var inputDefinition = {
 };
 
 // src/definitions/form/textarea.ts
-var import_schema17 = require("@kubuild/schema");
+var import_schema18 = require("@kubuild/schema");
 var textareaDefinition = {
   type: "textarea",
   label: "Textarea",
@@ -2742,41 +2799,41 @@ var textareaDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema17.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema18.isVariableBinding)(props.name)) {
       errors.push('Textarea "name" must be a string when provided.');
     }
-    if (props.rows !== void 0 && !(0, import_schema17.isVariableBinding)(props.rows)) {
+    if (props.rows !== void 0 && !(0, import_schema18.isVariableBinding)(props.rows)) {
       if (typeof props.rows !== "number" || props.rows < 1 || !Number.isInteger(props.rows)) {
         errors.push('Textarea "rows" must be a positive integer (>= 1).');
       }
     }
-    if (props.placeholder !== void 0 && typeof props.placeholder !== "string" && !(0, import_schema17.isVariableBinding)(props.placeholder)) {
+    if (props.placeholder !== void 0 && typeof props.placeholder !== "string" && !(0, import_schema18.isVariableBinding)(props.placeholder)) {
       errors.push('Textarea "placeholder" must be a string when provided.');
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema17.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema18.isVariableBinding)(props.required)) {
       errors.push('Textarea "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema17.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema18.isVariableBinding)(props.disabled)) {
       errors.push('Textarea "disabled" must be a boolean when provided.');
     }
-    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !(0, import_schema17.isVariableBinding)(props.readOnly)) {
+    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !(0, import_schema18.isVariableBinding)(props.readOnly)) {
       errors.push('Textarea "readOnly" must be a boolean when provided.');
     }
-    if (props.resize !== void 0 && !(0, import_schema17.isVariableBinding)(props.resize)) {
+    if (props.resize !== void 0 && !(0, import_schema18.isVariableBinding)(props.resize)) {
       const allowedResize = ["vertical", "horizontal", "both", "none"];
       if (typeof props.resize !== "string" || !allowedResize.includes(props.resize)) {
         errors.push(`Textarea "resize" must be one of: ${allowedResize.join(", ")}.`);
       }
     }
-    if (props.autoGrow !== void 0 && typeof props.autoGrow !== "boolean" && !(0, import_schema17.isVariableBinding)(props.autoGrow)) {
+    if (props.autoGrow !== void 0 && typeof props.autoGrow !== "boolean" && !(0, import_schema18.isVariableBinding)(props.autoGrow)) {
       errors.push('Textarea "autoGrow" must be a boolean when provided.');
     }
-    if (props.maxCharCount !== void 0 && !(0, import_schema17.isVariableBinding)(props.maxCharCount)) {
+    if (props.maxCharCount !== void 0 && !(0, import_schema18.isVariableBinding)(props.maxCharCount)) {
       if (typeof props.maxCharCount !== "number" || props.maxCharCount < 1 || !Number.isInteger(props.maxCharCount)) {
         errors.push('Textarea "maxCharCount" must be a positive integer (>= 1) when provided.');
       }
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema17.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema18.isVariableBinding)(props.helperText)) {
       errors.push('Textarea "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2801,7 +2858,7 @@ var textareaDefinition = {
 };
 
 // src/definitions/form/select.ts
-var import_schema18 = require("@kubuild/schema");
+var import_schema19 = require("@kubuild/schema");
 var selectDefinition = {
   type: "select",
   label: "Select",
@@ -2853,21 +2910,21 @@ var selectDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema18.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema19.isVariableBinding)(props.name)) {
       errors.push('Select "name" must be a string when provided.');
     }
-    if (props.options !== void 0 && !(0, import_schema18.isVariableBinding)(props.options)) {
+    if (props.options !== void 0 && !(0, import_schema19.isVariableBinding)(props.options)) {
       if (!Array.isArray(props.options) && typeof props.options !== "string") {
         errors.push('Select "options" must be an array of option objects or a JSON string.');
       }
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema18.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema19.isVariableBinding)(props.required)) {
       errors.push('Select "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema18.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema19.isVariableBinding)(props.disabled)) {
       errors.push('Select "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema18.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema19.isVariableBinding)(props.helperText)) {
       errors.push('Select "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2892,7 +2949,7 @@ var selectDefinition = {
 };
 
 // src/definitions/form/checkbox.ts
-var import_schema19 = require("@kubuild/schema");
+var import_schema20 = require("@kubuild/schema");
 var checkboxDefinition = {
   type: "checkbox",
   label: "Checkbox",
@@ -2934,28 +2991,28 @@ var checkboxDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema19.isVariableBinding)(props.label)) {
+    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema20.isVariableBinding)(props.label)) {
       errors.push('Checkbox "label" must be a string when provided.');
     }
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema19.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema20.isVariableBinding)(props.name)) {
       errors.push('Checkbox "name" must be a string when provided.');
     }
-    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema19.isVariableBinding)(props.value)) {
+    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema20.isVariableBinding)(props.value)) {
       errors.push('Checkbox "value" must be a string when provided.');
     }
-    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema19.isVariableBinding)(props.defaultChecked)) {
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema20.isVariableBinding)(props.defaultChecked)) {
       errors.push('Checkbox "defaultChecked" must be a boolean when provided.');
     }
-    if (props.indeterminate !== void 0 && typeof props.indeterminate !== "boolean" && !(0, import_schema19.isVariableBinding)(props.indeterminate)) {
+    if (props.indeterminate !== void 0 && typeof props.indeterminate !== "boolean" && !(0, import_schema20.isVariableBinding)(props.indeterminate)) {
       errors.push('Checkbox "indeterminate" must be a boolean when provided.');
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema19.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema20.isVariableBinding)(props.required)) {
       errors.push('Checkbox "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema19.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema20.isVariableBinding)(props.disabled)) {
       errors.push('Checkbox "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema19.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema20.isVariableBinding)(props.helperText)) {
       errors.push('Checkbox "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -2974,7 +3031,7 @@ var checkboxDefinition = {
 };
 
 // src/definitions/form/switch.ts
-var import_schema20 = require("@kubuild/schema");
+var import_schema21 = require("@kubuild/schema");
 var switchDefinition = {
   type: "switch",
   label: "Switch",
@@ -3026,31 +3083,31 @@ var switchDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema20.isVariableBinding)(props.label)) {
+    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema21.isVariableBinding)(props.label)) {
       errors.push('Switch "label" must be a string when provided.');
     }
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema20.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema21.isVariableBinding)(props.name)) {
       errors.push('Switch "name" must be a string when provided.');
     }
-    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema20.isVariableBinding)(props.value)) {
+    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema21.isVariableBinding)(props.value)) {
       errors.push('Switch "value" must be a string when provided.');
     }
-    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema20.isVariableBinding)(props.defaultChecked)) {
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema21.isVariableBinding)(props.defaultChecked)) {
       errors.push('Switch "defaultChecked" must be a boolean when provided.');
     }
-    if (props.switchSize !== void 0 && !(0, import_schema20.isVariableBinding)(props.switchSize)) {
+    if (props.switchSize !== void 0 && !(0, import_schema21.isVariableBinding)(props.switchSize)) {
       const allowedSizes = ["sm", "md", "lg"];
       if (typeof props.switchSize !== "string" || !allowedSizes.includes(props.switchSize)) {
         errors.push(`Switch "switchSize" must be one of: ${allowedSizes.join(", ")}.`);
       }
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema20.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema21.isVariableBinding)(props.required)) {
       errors.push('Switch "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema20.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema21.isVariableBinding)(props.disabled)) {
       errors.push('Switch "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema20.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema21.isVariableBinding)(props.helperText)) {
       errors.push('Switch "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -3069,7 +3126,7 @@ var switchDefinition = {
 };
 
 // src/definitions/form/radio.ts
-var import_schema21 = require("@kubuild/schema");
+var import_schema22 = require("@kubuild/schema");
 var radioGroupDefinition = {
   type: "radio-group",
   label: "Radio Group",
@@ -3120,25 +3177,25 @@ var radioGroupDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema21.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema22.isVariableBinding)(props.name)) {
       errors.push('RadioGroup "name" must be a string when provided.');
     }
-    if (props.defaultSelected !== void 0 && typeof props.defaultSelected !== "string" && !(0, import_schema21.isVariableBinding)(props.defaultSelected)) {
+    if (props.defaultSelected !== void 0 && typeof props.defaultSelected !== "string" && !(0, import_schema22.isVariableBinding)(props.defaultSelected)) {
       errors.push('RadioGroup "defaultSelected" must be a string when provided.');
     }
-    if (props.orientation !== void 0 && !(0, import_schema21.isVariableBinding)(props.orientation)) {
+    if (props.orientation !== void 0 && !(0, import_schema22.isVariableBinding)(props.orientation)) {
       const allowedOrientations = ["vertical", "horizontal"];
       if (typeof props.orientation !== "string" || !allowedOrientations.includes(props.orientation)) {
         errors.push(`RadioGroup "orientation" must be one of: ${allowedOrientations.join(", ")}.`);
       }
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema21.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema22.isVariableBinding)(props.required)) {
       errors.push('RadioGroup "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema21.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema22.isVariableBinding)(props.disabled)) {
       errors.push('RadioGroup "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema21.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema22.isVariableBinding)(props.helperText)) {
       errors.push('RadioGroup "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -3189,25 +3246,25 @@ var radioDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema21.isVariableBinding)(props.label)) {
+    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema22.isVariableBinding)(props.label)) {
       errors.push('Radio "label" must be a string when provided.');
     }
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema21.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema22.isVariableBinding)(props.name)) {
       errors.push('Radio "name" must be a string when provided.');
     }
-    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema21.isVariableBinding)(props.value)) {
+    if (props.value !== void 0 && typeof props.value !== "string" && !(0, import_schema22.isVariableBinding)(props.value)) {
       errors.push('Radio "value" must be a string when provided.');
     }
-    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema21.isVariableBinding)(props.defaultChecked)) {
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !(0, import_schema22.isVariableBinding)(props.defaultChecked)) {
       errors.push('Radio "defaultChecked" must be a boolean when provided.');
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema21.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema22.isVariableBinding)(props.required)) {
       errors.push('Radio "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema21.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema22.isVariableBinding)(props.disabled)) {
       errors.push('Radio "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema21.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema22.isVariableBinding)(props.helperText)) {
       errors.push('Radio "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -3231,7 +3288,7 @@ var radioItemDefinition = {
 };
 
 // src/definitions/form/file-upload.ts
-var import_schema22 = require("@kubuild/schema");
+var import_schema23 = require("@kubuild/schema");
 var fileUploadDefinition = {
   type: "file-upload",
   label: "File Upload",
@@ -3276,33 +3333,33 @@ var fileUploadDefinition = {
   ],
   validateProps: (props) => {
     const errors = [];
-    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema22.isVariableBinding)(props.label)) {
+    if (props.label !== void 0 && typeof props.label !== "string" && !(0, import_schema23.isVariableBinding)(props.label)) {
       errors.push('FileUpload "label" must be a string when provided.');
     }
-    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema22.isVariableBinding)(props.name)) {
+    if (props.name !== void 0 && typeof props.name !== "string" && !(0, import_schema23.isVariableBinding)(props.name)) {
       errors.push('FileUpload "name" must be a string when provided.');
     }
-    if (props.accept !== void 0 && typeof props.accept !== "string" && !(0, import_schema22.isVariableBinding)(props.accept)) {
+    if (props.accept !== void 0 && typeof props.accept !== "string" && !(0, import_schema23.isVariableBinding)(props.accept)) {
       errors.push('FileUpload "accept" must be a string when provided.');
     }
-    if (props.maxFileSize !== void 0 && !(0, import_schema22.isVariableBinding)(props.maxFileSize)) {
+    if (props.maxFileSize !== void 0 && !(0, import_schema23.isVariableBinding)(props.maxFileSize)) {
       if (typeof props.maxFileSize !== "number" || props.maxFileSize <= 0) {
         errors.push('FileUpload "maxFileSize" must be a positive number when provided.');
       }
     }
-    if (props.multiple !== void 0 && typeof props.multiple !== "boolean" && !(0, import_schema22.isVariableBinding)(props.multiple)) {
+    if (props.multiple !== void 0 && typeof props.multiple !== "boolean" && !(0, import_schema23.isVariableBinding)(props.multiple)) {
       errors.push('FileUpload "multiple" must be a boolean when provided.');
     }
-    if (props.showPreview !== void 0 && typeof props.showPreview !== "boolean" && !(0, import_schema22.isVariableBinding)(props.showPreview)) {
+    if (props.showPreview !== void 0 && typeof props.showPreview !== "boolean" && !(0, import_schema23.isVariableBinding)(props.showPreview)) {
       errors.push('FileUpload "showPreview" must be a boolean when provided.');
     }
-    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema22.isVariableBinding)(props.required)) {
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !(0, import_schema23.isVariableBinding)(props.required)) {
       errors.push('FileUpload "required" must be a boolean when provided.');
     }
-    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema22.isVariableBinding)(props.disabled)) {
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !(0, import_schema23.isVariableBinding)(props.disabled)) {
       errors.push('FileUpload "disabled" must be a boolean when provided.');
     }
-    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema22.isVariableBinding)(props.helperText)) {
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !(0, import_schema23.isVariableBinding)(props.helperText)) {
       errors.push('FileUpload "helperText" must be a string when provided.');
     }
     return errors.length > 0 ? errors : true;
@@ -3542,77 +3599,607 @@ var collapsibleDefinition = {
   }
 };
 
-// src/definitions/index.ts
-var coreComponentDefinitions = [
-  pageDefinition,
-  sectionDefinition,
-  containerDefinition,
-  columnsDefinition,
-  flexDefinition,
-  gridDefinition,
-  headingDefinition,
-  textDefinition,
-  paragraphDefinition,
-  linkDefinition,
-  blockquoteDefinition,
-  badgeDefinition,
-  codeBlockDefinition,
-  imageDefinition,
-  videoDefinition,
-  iconDefinition,
-  htmlEmbedDefinition,
-  buttonDefinition,
-  buttonSubmitDefinition,
-  formDefinition,
-  inputDefinition,
-  textareaDefinition,
-  selectDefinition,
-  checkboxDefinition,
-  switchDefinition,
-  radioGroupDefinition,
-  radioDefinition,
-  radioItemDefinition,
-  fileUploadDefinition,
-  collectionDefinition,
-  listDefinition,
-  listItemDefinition,
-  tableDefinition,
-  tableRowDefinition,
-  tableCellDefinition,
-  modalDefinition,
-  drawerDefinition,
-  collapsibleDefinition
-];
-function createDefaultComponentRegistry() {
-  const registry = new ComponentRegistry();
-  for (const def of coreComponentDefinitions) {
-    registry.register(def);
-  }
-  return registry;
-}
-
-// src/requirements.ts
-function extractComponentRequirements(root, registry) {
-  const requiredComponents = /* @__PURE__ */ new Set();
-  const requiredCapabilities = /* @__PURE__ */ new Set();
-  const visit = (node) => {
-    const definition = registry.get(node.type);
-    if (definition?.category === "custom") {
-      requiredComponents.add(node.type);
+// src/definitions/conversion/countdown.ts
+var import_schema24 = require("@kubuild/schema");
+var COUNTDOWN_MODES = ["evergreen", "fixed"];
+var COUNTDOWN_FORMATS = ["mm:ss", "hh:mm:ss", "d h m s"];
+var COUNTDOWN_EXPIRE_BEHAVIORS = ["text", "hide", "zero"];
+var COUNTDOWN_STORAGE_TYPES = ["session", "local"];
+var countdownDefinition = {
+  type: "countdown",
+  label: "Countdown",
+  category: "interactive",
+  icon: "clock",
+  description: "Urgency timer for limited offers (evergreen per-visitor or fixed deadline).",
+  acceptsChildren: false,
+  defaultProps: {
+    mode: "evergreen",
+    durationMinutes: 15,
+    targetDate: "",
+    timezone: "UTC",
+    format: "hh:mm:ss",
+    label: "",
+    labelDays: "Days",
+    labelHours: "Hours",
+    labelMinutes: "Minutes",
+    labelSeconds: "Seconds",
+    expireBehavior: "text",
+    expiredText: "This offer has expired.",
+    storage: "session",
+    storageKey: ""
+  },
+  propFields: [
+    {
+      name: "mode",
+      label: "Mode",
+      type: "select",
+      defaultValue: "evergreen",
+      options: [
+        { label: "Evergreen (per visitor)", value: "evergreen" },
+        { label: "Fixed date", value: "fixed" }
+      ]
+    },
+    {
+      name: "durationMinutes",
+      label: "Duration (minutes)",
+      type: "number",
+      defaultValue: 15,
+      description: "Evergreen mode: how long each visitor gets from their first view."
+    },
+    {
+      name: "targetDate",
+      label: "Target Date/Time",
+      type: "string",
+      defaultValue: "",
+      description: 'Fixed mode: wall-clock time "YYYY-MM-DDTHH:mm" in the selected timezone.'
+    },
+    {
+      name: "timezone",
+      label: "Timezone",
+      type: "string",
+      defaultValue: "UTC",
+      description: 'Fixed mode: IANA timezone name, e.g. "Asia/Jakarta" or "Europe/London".'
+    },
+    {
+      name: "format",
+      label: "Format",
+      type: "select",
+      defaultValue: "hh:mm:ss",
+      options: [
+        { label: "mm:ss", value: "mm:ss" },
+        { label: "hh:mm:ss", value: "hh:mm:ss" },
+        { label: "d h m s (unit blocks)", value: "d h m s" }
+      ]
+    },
+    {
+      name: "label",
+      label: "Label",
+      type: "string",
+      defaultValue: "",
+      description: 'Optional text shown before the timer, e.g. "Offer ends in".'
+    },
+    { name: "labelDays", label: "Days Label", type: "string", defaultValue: "Days" },
+    { name: "labelHours", label: "Hours Label", type: "string", defaultValue: "Hours" },
+    { name: "labelMinutes", label: "Minutes Label", type: "string", defaultValue: "Minutes" },
+    { name: "labelSeconds", label: "Seconds Label", type: "string", defaultValue: "Seconds" },
+    {
+      name: "expireBehavior",
+      label: "When Expired",
+      type: "select",
+      defaultValue: "text",
+      options: [
+        { label: "Show expired text", value: "text" },
+        { label: "Hide timer", value: "hide" },
+        { label: "Keep showing zeros", value: "zero" }
+      ],
+      description: 'Add an "On Expire" action pipeline to redirect, show a toast, open a modal, etc.'
+    },
+    {
+      name: "expiredText",
+      label: "Expired Text",
+      type: "string",
+      defaultValue: "This offer has expired."
+    },
+    {
+      name: "storage",
+      label: "Evergreen Storage",
+      type: "select",
+      defaultValue: "session",
+      options: [
+        { label: "Session (per browser session)", value: "session" },
+        { label: "Local (persists across visits)", value: "local" }
+      ]
+    },
+    {
+      name: "storageKey",
+      label: "Storage Key",
+      type: "string",
+      defaultValue: "",
+      description: "Share one deadline across pages by using the same key (defaults to the node id)."
     }
-    for (const capability of definition?.capabilities ?? []) {
-      requiredCapabilities.add(capability);
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: 'Accessible name for the timer, e.g. "Offer ends in".' })
+  ],
+  defaultStyles: {
+    base: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "12px",
+      fontSize: "28px",
+      fontWeight: "700",
+      fontVariantNumeric: "tabular-nums"
     }
-    node.children?.forEach(visit);
-  };
-  visit(root);
-  return {
-    requiredComponents: Array.from(requiredComponents),
-    requiredCapabilities: Array.from(requiredCapabilities)
-  };
-}
-
-// src/prop-types.ts
+  },
+  validateProps: (props) => {
+    const errors = [];
+    const checkEnum = (name, allowed) => {
+      const value = props[name];
+      if (value === void 0 || (0, import_schema24.isVariableBinding)(value)) return;
+      if (typeof value !== "string" || !allowed.includes(value)) {
+        errors.push(`Countdown "${name}" must be one of: ${allowed.join(", ")}.`);
+      }
+    };
+    checkEnum("mode", COUNTDOWN_MODES);
+    checkEnum("format", COUNTDOWN_FORMATS);
+    checkEnum("expireBehavior", COUNTDOWN_EXPIRE_BEHAVIORS);
+    checkEnum("storage", COUNTDOWN_STORAGE_TYPES);
+    const duration = props.durationMinutes;
+    if (duration !== void 0 && !(0, import_schema24.isVariableBinding)(duration)) {
+      if (typeof duration !== "number" || !Number.isFinite(duration) || duration < 0) {
+        errors.push('Countdown "durationMinutes" must be a non-negative number.');
+      }
+    }
+    return errors;
+  }
+};
+
+// src/definitions/conversion/accordion.ts
+var import_schema25 = require("@kubuild/schema");
+var accordionDefinition = {
+  type: "accordion",
+  label: "Accordion",
+  category: "interactive",
+  icon: "chevron-down",
+  description: "Group of expandable items (FAQ) with single- or multi-open behavior.",
+  acceptsChildren: true,
+  allowedChildren: ["accordion-item"],
+  defaultProps: {
+    allowMultiple: false,
+    defaultOpenIndex: 0,
+    icon: "chevron",
+    faqSchema: false
+  },
+  defaultChildren: [
+    {
+      type: "accordion-item",
+      props: { title: "What is included?" },
+      children: [{ type: "paragraph", props: { text: "Everything you need to get started." } }]
+    },
+    {
+      type: "accordion-item",
+      props: { title: "Can I get a refund?" },
+      children: [{ type: "paragraph", props: { text: "Yes, within 30 days of purchase." } }]
+    },
+    {
+      type: "accordion-item",
+      props: { title: "How do I get access?" },
+      children: [
+        { type: "paragraph", props: { text: "You receive an email right after checkout." } }
+      ]
+    }
+  ],
+  propFields: [
+    {
+      name: "allowMultiple",
+      label: "Allow Multiple Open",
+      type: "boolean",
+      defaultValue: false,
+      description: "When off, opening an item closes the others."
+    },
+    {
+      name: "defaultOpenIndex",
+      label: "Default Open Item",
+      type: "number",
+      defaultValue: 0,
+      description: "Zero-based index of the item open on first render (-1 = all closed)."
+    },
+    {
+      name: "icon",
+      label: "Icon",
+      type: "select",
+      defaultValue: "chevron",
+      options: [
+        { label: "Chevron", value: "chevron" },
+        { label: "Plus / Minus", value: "plus" },
+        { label: "None", value: "none" }
+      ]
+    },
+    {
+      name: "faqSchema",
+      label: "Output FAQPage JSON-LD",
+      type: "boolean",
+      defaultValue: false,
+      description: "Emits schema.org FAQPage structured data on the published page for SEO."
+    }
+  ],
+  traits: [idTrait(), ariaLabelTrait({ description: "Accessible name for the accordion group." })],
+  defaultStyles: {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      width: "100%",
+      borderTop: "1px solid #e2e8f0"
+    }
+  },
+  validateProps: (props) => {
+    const errors = [];
+    const idx = props.defaultOpenIndex;
+    if (idx !== void 0 && !(0, import_schema25.isVariableBinding)(idx) && (typeof idx !== "number" || !Number.isInteger(idx))) {
+      errors.push('Accordion "defaultOpenIndex" must be an integer.');
+    }
+    return errors;
+  }
+};
+var accordionItemDefinition = {
+  type: "accordion-item",
+  label: "Accordion Item",
+  category: "interactive",
+  icon: "chevron-right",
+  description: "One question/answer row of an accordion: a title header plus content children.",
+  acceptsChildren: true,
+  allowedChildren: ["container", "columns", "flex", "grid", ...CONTENT_CHILD_TYPES],
+  defaultProps: {
+    title: "Question"
+  },
+  defaultChildren: [{ type: "paragraph", props: { text: "Answer goes here." } }],
+  propFields: [{ name: "title", label: "Title", type: "string", defaultValue: "Question" }],
+  traits: [idTrait()],
+  defaultStyles: {
+    base: {
+      borderBottom: "1px solid #e2e8f0"
+    }
+  }
+};
+
+// src/definitions/conversion/tabs.ts
+var import_schema26 = require("@kubuild/schema");
+var tabsDefinition = {
+  type: "tabs",
+  label: "Tabs",
+  category: "interactive",
+  icon: "tabs",
+  description: "Tabbed content for product variants, specifications, or plan comparison.",
+  acceptsChildren: true,
+  allowedChildren: ["tab-panel"],
+  defaultProps: {
+    activeIndex: 0
+  },
+  defaultChildren: [
+    {
+      type: "tab-panel",
+      props: { label: "Tab 1" },
+      children: [{ type: "paragraph", props: { text: "Content for the first tab." } }]
+    },
+    {
+      type: "tab-panel",
+      props: { label: "Tab 2" },
+      children: [{ type: "paragraph", props: { text: "Content for the second tab." } }]
+    }
+  ],
+  propFields: [
+    {
+      name: "activeIndex",
+      label: "Active Tab",
+      type: "number",
+      defaultValue: 0,
+      description: "Zero-based index of the tab shown initially."
+    }
+  ],
+  traits: [idTrait(), ariaLabelTrait({ description: "Accessible name for the tab list." })],
+  defaultStyles: {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      width: "100%"
+    }
+  },
+  validateProps: (props) => {
+    const errors = [];
+    const idx = props.activeIndex;
+    if (idx !== void 0 && !(0, import_schema26.isVariableBinding)(idx) && (typeof idx !== "number" || !Number.isInteger(idx) || idx < 0)) {
+      errors.push('Tabs "activeIndex" must be a non-negative integer.');
+    }
+    return errors;
+  }
+};
+var tabPanelDefinition = {
+  type: "tab-panel",
+  label: "Tab Panel",
+  category: "interactive",
+  icon: "layout",
+  description: "Content of a single tab; its label is shown in the tab list.",
+  acceptsChildren: true,
+  allowedChildren: ["container", "columns", "flex", "grid", ...CONTENT_CHILD_TYPES],
+  defaultProps: {
+    label: "Tab"
+  },
+  defaultChildren: [{ type: "paragraph", props: { text: "Tab content." } }],
+  propFields: [{ name: "label", label: "Tab Label", type: "string", defaultValue: "Tab" }],
+  traits: [idTrait()],
+  defaultStyles: {
+    base: {
+      paddingTop: "16px"
+    }
+  }
+};
+
+// src/definitions/conversion/carousel.ts
+var import_schema27 = require("@kubuild/schema");
+var carouselDefinition = {
+  type: "carousel",
+  label: "Carousel",
+  category: "interactive",
+  icon: "carousel",
+  description: "Slider for product galleries and testimonials; each child is a slide.",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  defaultProps: {
+    autoplay: false,
+    interval: 5e3,
+    loop: true,
+    showDots: true,
+    showArrows: true
+  },
+  defaultChildren: [
+    { type: "container", children: [{ type: "paragraph", props: { text: "Slide 1" } }] },
+    { type: "container", children: [{ type: "paragraph", props: { text: "Slide 2" } }] },
+    { type: "container", children: [{ type: "paragraph", props: { text: "Slide 3" } }] }
+  ],
+  propFields: [
+    { name: "autoplay", label: "Autoplay", type: "boolean", defaultValue: false },
+    { name: "interval", label: "Autoplay Interval (ms)", type: "number", defaultValue: 5e3 },
+    { name: "loop", label: "Loop", type: "boolean", defaultValue: true },
+    { name: "showDots", label: "Show Dots", type: "boolean", defaultValue: true },
+    { name: "showArrows", label: "Show Arrows", type: "boolean", defaultValue: true }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: 'Accessible name for the carousel, e.g. "Testimonials".' })
+  ],
+  defaultStyles: {
+    base: {
+      position: "relative",
+      width: "100%",
+      overflow: "hidden"
+    }
+  },
+  validateProps: (props) => {
+    const errors = [];
+    const interval = props.interval;
+    if (interval !== void 0 && !(0, import_schema27.isVariableBinding)(interval) && (typeof interval !== "number" || !(interval > 0))) {
+      errors.push('Carousel "interval" must be a positive number of milliseconds.');
+    }
+    return errors;
+  }
+};
+
+// src/definitions/conversion/rating.ts
+var import_schema28 = require("@kubuild/schema");
+var ratingDefinition = {
+  type: "rating",
+  label: "Rating",
+  category: "media",
+  icon: "star",
+  description: "Read-only star rating with half-star support.",
+  acceptsChildren: false,
+  defaultProps: {
+    value: 5,
+    max: 5,
+    size: 20,
+    color: "#f59e0b",
+    emptyColor: "#e2e8f0",
+    labelTemplate: "{value} out of {max}"
+  },
+  propFields: [
+    {
+      name: "value",
+      label: "Value",
+      type: "number",
+      defaultValue: 5,
+      description: "Rounded to the nearest half star."
+    },
+    { name: "max", label: "Max Stars", type: "number", defaultValue: 5 },
+    { name: "size", label: "Star Size (px)", type: "number", defaultValue: 20 },
+    { name: "color", label: "Color", type: "color", defaultValue: "#f59e0b" },
+    { name: "emptyColor", label: "Empty Color", type: "color", defaultValue: "#e2e8f0" },
+    {
+      name: "labelTemplate",
+      label: "Accessible Label",
+      type: "string",
+      defaultValue: "{value} out of {max}",
+      description: 'Screen reader text; {value} and {max} are replaced (e.g. "{value} dari {max}").'
+    }
+  ],
+  traits: [idTrait()],
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "2px"
+    }
+  },
+  validateProps: (props) => {
+    const errors = [];
+    for (const name of ["value", "max", "size"]) {
+      const v = props[name];
+      if (v !== void 0 && !(0, import_schema28.isVariableBinding)(v) && (typeof v !== "number" || !Number.isFinite(v) || v < 0)) {
+        errors.push(`Rating "${name}" must be a non-negative number.`);
+      }
+    }
+    return errors;
+  }
+};
+
+// src/definitions/conversion/divider.ts
+var import_schema29 = require("@kubuild/schema");
+var dividerDefinition = {
+  type: "divider",
+  label: "Divider",
+  category: "layout",
+  icon: "divider",
+  description: "Horizontal rule (solid/dashed/dotted) with an optional centered label.",
+  acceptsChildren: false,
+  defaultProps: {
+    lineStyle: "solid",
+    thickness: 1,
+    color: "#e2e8f0",
+    label: ""
+  },
+  propFields: [
+    {
+      name: "lineStyle",
+      label: "Line Style",
+      type: "select",
+      defaultValue: "solid",
+      options: [
+        { label: "Solid", value: "solid" },
+        { label: "Dashed", value: "dashed" },
+        { label: "Dotted", value: "dotted" }
+      ]
+    },
+    { name: "thickness", label: "Thickness (px)", type: "number", defaultValue: 1 },
+    { name: "color", label: "Color", type: "color", defaultValue: "#e2e8f0" },
+    {
+      name: "label",
+      label: "Center Label",
+      type: "string",
+      defaultValue: "",
+      description: 'Optional text in the middle of the line, e.g. "OR".'
+    }
+  ],
+  traits: [idTrait()],
+  defaultStyles: {
+    base: {
+      width: "100%",
+      marginTop: "16px",
+      marginBottom: "16px"
+    }
+  },
+  validateProps: (props) => {
+    const v = props.lineStyle;
+    if (v !== void 0 && !(0, import_schema29.isVariableBinding)(v) && !["solid", "dashed", "dotted"].includes(v)) {
+      return ['Divider "lineStyle" must be one of: solid, dashed, dotted.'];
+    }
+    return [];
+  }
+};
+var spacerDefinition = {
+  type: "spacer",
+  label: "Spacer",
+  category: "layout",
+  icon: "dimension",
+  description: "Empty vertical space; height is responsive per breakpoint.",
+  acceptsChildren: false,
+  defaultProps: {},
+  traits: [idTrait()],
+  defaultStyles: {
+    base: {
+      width: "100%",
+      height: "48px"
+    },
+    tablet: {
+      height: "32px"
+    },
+    mobile: {
+      height: "24px"
+    }
+  }
+};
+
+// src/definitions/index.ts
+var coreComponentDefinitions = [
+  pageDefinition,
+  sectionDefinition,
+  containerDefinition,
+  columnsDefinition,
+  flexDefinition,
+  gridDefinition,
+  headingDefinition,
+  textDefinition,
+  paragraphDefinition,
+  linkDefinition,
+  blockquoteDefinition,
+  badgeDefinition,
+  codeBlockDefinition,
+  imageDefinition,
+  videoDefinition,
+  iconDefinition,
+  htmlEmbedDefinition,
+  buttonDefinition,
+  buttonSubmitDefinition,
+  formDefinition,
+  inputDefinition,
+  textareaDefinition,
+  selectDefinition,
+  checkboxDefinition,
+  switchDefinition,
+  radioGroupDefinition,
+  radioDefinition,
+  radioItemDefinition,
+  fileUploadDefinition,
+  collectionDefinition,
+  listDefinition,
+  listItemDefinition,
+  tableDefinition,
+  tableRowDefinition,
+  tableCellDefinition,
+  modalDefinition,
+  drawerDefinition,
+  collapsibleDefinition,
+  // Conversion components (Epic 60)
+  countdownDefinition,
+  accordionDefinition,
+  accordionItemDefinition,
+  tabsDefinition,
+  tabPanelDefinition,
+  carouselDefinition,
+  ratingDefinition,
+  dividerDefinition,
+  spacerDefinition
+];
+function createDefaultComponentRegistry() {
+  const registry = new ComponentRegistry();
+  for (const def of coreComponentDefinitions) {
+    registry.register(def);
+  }
+  return registry;
+}
+
+// src/requirements.ts
+function extractComponentRequirements(root, registry) {
+  const requiredComponents = /* @__PURE__ */ new Set();
+  const requiredCapabilities = /* @__PURE__ */ new Set();
+  const visit = (node) => {
+    const definition = registry.get(node.type);
+    if (definition?.category === "custom") {
+      requiredComponents.add(node.type);
+    }
+    for (const capability of definition?.capabilities ?? []) {
+      requiredCapabilities.add(capability);
+    }
+    node.children?.forEach(visit);
+  };
+  visit(root);
+  return {
+    requiredComponents: Array.from(requiredComponents),
+    requiredCapabilities: Array.from(requiredCapabilities)
+  };
+}
+
+// src/prop-types.ts
 function primitiveTypeForField(field) {
   switch (field.type) {
     case "string":
@@ -4219,7 +4806,7 @@ var UI_STARTER_BLOCKS = [
               id: gen("paragraph"),
               type: "paragraph",
               props: {
-                content: "A visual builder designed for maximum craft, responsiveness, and performance."
+                text: "A visual builder designed for maximum craft, responsiveness, and performance."
               },
               styles: {
                 base: {
@@ -4277,7 +4864,7 @@ var UI_STARTER_BLOCKS = [
         {
           id: gen("badge"),
           type: "badge",
-          props: { label: "PRO FEATURE", variant: "primary" },
+          props: { text: "PRO FEATURE", variant: "primary" },
           styles: { base: { marginBottom: "12px", display: "inline-block" } }
         },
         {
@@ -4292,7 +4879,7 @@ var UI_STARTER_BLOCKS = [
           id: gen("paragraph"),
           type: "paragraph",
           props: {
-            content: "Engineered for sub-millisecond render updates and zero runtime overhead."
+            text: "Engineered for sub-millisecond render updates and zero runtime overhead."
           },
           styles: { base: { fontSize: "14px", color: "#64748b", lineHeight: "1.5" } }
         }
@@ -4356,7 +4943,7 @@ var UI_STARTER_BLOCKS = [
             {
               id: gen("paragraph"),
               type: "paragraph",
-              props: { content: "High dynamic range gradients crafted for modern presentations." },
+              props: { text: "High dynamic range gradients crafted for modern presentations." },
               styles: { base: { fontSize: "13px", color: "#64748b", lineHeight: "1.4" } }
             }
           ]
@@ -4390,7 +4977,7 @@ var UI_STARTER_BLOCKS = [
         {
           id: gen("badge"),
           type: "badge",
-          props: { label: "MOST POPULAR", variant: "primary" },
+          props: { text: "MOST POPULAR", variant: "primary" },
           styles: { base: { marginBottom: "12px", display: "inline-block" } }
         },
         {
@@ -4410,7 +4997,7 @@ var UI_STARTER_BLOCKS = [
         {
           id: gen("paragraph"),
           type: "paragraph",
-          props: { content: "Includes unlimited pages, custom domains, and team collaboration." },
+          props: { text: "Includes unlimited pages, custom domains, and team collaboration." },
           styles: { base: { fontSize: "14px", color: "#64748b", marginBottom: "24px" } }
         },
         {
@@ -4467,7 +5054,7 @@ var UI_STARTER_BLOCKS = [
         {
           id: gen("paragraph"),
           type: "paragraph",
-          props: { content: "Start building with zero installation and instant live preview." },
+          props: { text: "Start building with zero installation and instant live preview." },
           styles: {
             base: { fontSize: "16px", color: "#94a3b8", marginBottom: "24px", maxWidth: "600px", margin: "0 auto 24px auto" }
           }
@@ -4550,7 +5137,7 @@ var FORM_STARTER_BLOCKS = [
               id: gen("paragraph"),
               type: "paragraph",
               props: {
-                content: "Have questions or need assistance? Fill out the form below and we will get back to you shortly."
+                text: "Have questions or need assistance? Fill out the form below and we will get back to you shortly."
               },
               styles: {
                 base: {
@@ -4808,7 +5395,7 @@ var FORM_STARTER_BLOCKS = [
               id: gen("paragraph"),
               type: "paragraph",
               props: {
-                content: "Subscribe to our newsletter for weekly curated insights, updates, and best practices."
+                text: "Subscribe to our newsletter for weekly curated insights, updates, and best practices."
               },
               styles: {
                 base: {
@@ -4986,7 +5573,7 @@ var FORM_STARTER_BLOCKS = [
             {
               id: gen("badge"),
               type: "badge",
-              props: { label: "FREE CONSULTATION", variant: "primary" },
+              props: { text: "FREE CONSULTATION", variant: "primary" },
               styles: { base: { marginBottom: "12px", display: "inline-block" } }
             },
             {
@@ -5006,7 +5593,7 @@ var FORM_STARTER_BLOCKS = [
               id: gen("paragraph"),
               type: "paragraph",
               props: {
-                content: "Share your project details with our solutions team. We will analyze your needs and provide a personalized roadmap."
+                text: "Share your project details with our solutions team. We will analyze your needs and provide a personalized roadmap."
               },
               styles: {
                 base: {
@@ -5247,24 +5834,618 @@ var FORM_STARTER_BLOCKS = [
   }
 ];
 
+// src/blocks/sales.ts
+var SALES_CATEGORY = "sales";
+var SALES_CATEGORY_LABEL = "Sales & Conversion";
+function sectionShell(gen, children, sectionStyles = {}, maxWidth = "960px") {
+  return {
+    id: gen("section"),
+    type: "section",
+    styles: {
+      ...sectionStyles,
+      base: {
+        paddingTop: "64px",
+        paddingBottom: "64px",
+        paddingLeft: "24px",
+        paddingRight: "24px",
+        width: "100%",
+        ...sectionStyles.base ?? {}
+      },
+      mobile: {
+        paddingTop: "40px",
+        paddingBottom: "40px",
+        paddingLeft: "16px",
+        paddingRight: "16px",
+        ...sectionStyles.mobile ?? {}
+      }
+    },
+    children: [
+      {
+        id: gen("container"),
+        type: "container",
+        props: { tag: "div" },
+        styles: {
+          base: {
+            maxWidth,
+            margin: "0 auto",
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: "24px"
+          }
+        },
+        children
+      }
+    ]
+  };
+}
+function sectionHeading(gen, text, subtitle, color = "#0f172a") {
+  const nodes = [
+    {
+      id: gen("heading"),
+      type: "heading",
+      props: { text, level: 2 },
+      styles: {
+        base: { fontSize: "32px", fontWeight: "800", color, textAlign: "center", margin: "0" },
+        mobile: { fontSize: "26px" }
+      }
+    }
+  ];
+  if (subtitle) {
+    nodes.push({
+      id: gen("paragraph"),
+      type: "paragraph",
+      props: { text: subtitle },
+      styles: { base: { fontSize: "16px", color: "#64748b", textAlign: "center", margin: "0" } }
+    });
+  }
+  return nodes;
+}
+function faqItem(gen, question, answer) {
+  return {
+    id: gen("accordion-item"),
+    type: "accordion-item",
+    props: { title: question },
+    styles: { base: { borderBottom: "1px solid #e2e8f0" } },
+    children: [
+      {
+        id: gen("paragraph"),
+        type: "paragraph",
+        props: { text: answer },
+        styles: { base: { fontSize: "15px", color: "#475569", margin: "0", lineHeight: "1.6" } }
+      }
+    ]
+  };
+}
+function testimonialSlide(gen, quote, name, role, rating) {
+  return {
+    id: gen("flex"),
+    type: "flex",
+    styles: {
+      base: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "16px",
+        padding: "32px 48px",
+        textAlign: "center"
+      },
+      mobile: { padding: "24px 40px" }
+    },
+    children: [
+      {
+        id: gen("rating"),
+        type: "rating",
+        props: { value: rating, max: 5, size: 20, color: "#f59e0b" }
+      },
+      {
+        id: gen("blockquote"),
+        type: "blockquote",
+        props: { text: quote },
+        styles: {
+          base: {
+            fontSize: "18px",
+            color: "#0f172a",
+            fontStyle: "italic",
+            margin: "0",
+            lineHeight: "1.6"
+          }
+        }
+      },
+      {
+        id: gen("text"),
+        type: "text",
+        props: { text: `${name} \u2014 ${role}` },
+        styles: { base: { fontSize: "14px", fontWeight: "600", color: "#64748b" } }
+      }
+    ]
+  };
+}
+function badgeItem(gen, iconName, label) {
+  return {
+    id: gen("flex"),
+    type: "flex",
+    styles: {
+      base: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "8px",
+        padding: "16px",
+        textAlign: "center"
+      }
+    },
+    children: [
+      {
+        id: gen("icon"),
+        type: "icon",
+        props: { name: iconName, size: 28, color: "#16a34a", ariaLabel: label }
+      },
+      {
+        id: gen("text"),
+        type: "text",
+        props: { text: label },
+        styles: { base: { fontSize: "14px", fontWeight: "600", color: "#334155" } }
+      }
+    ]
+  };
+}
+function planCard(gen, name, price, features, highlighted) {
+  return {
+    id: gen("container"),
+    type: "container",
+    props: { tag: "div" },
+    styles: {
+      base: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+        padding: "28px 24px",
+        backgroundColor: "#ffffff",
+        borderRadius: "16px",
+        border: highlighted ? "2px solid #2563eb" : "1px solid #e2e8f0"
+      }
+    },
+    children: [
+      {
+        id: gen("heading"),
+        type: "heading",
+        props: { text: name, level: 3 },
+        styles: { base: { fontSize: "20px", fontWeight: "700", color: "#0f172a", margin: "0" } }
+      },
+      {
+        id: gen("heading"),
+        type: "heading",
+        props: { text: price, level: 4 },
+        styles: { base: { fontSize: "32px", fontWeight: "800", color: "#2563eb", margin: "0" } }
+      },
+      {
+        id: gen("list"),
+        type: "list",
+        props: { tag: "ul", listStyleType: "disc" },
+        styles: { base: { fontSize: "14px", color: "#475569", paddingLeft: "20px", margin: "0" } },
+        children: features.map((feature) => ({
+          id: gen("list-item"),
+          type: "list-item",
+          props: { text: feature }
+        }))
+      },
+      {
+        id: gen("button"),
+        type: "button",
+        props: {
+          label: `Choose ${name}`,
+          href: "#checkout",
+          variant: highlighted ? "primary" : "secondary"
+        },
+        styles: {
+          base: {
+            width: "100%",
+            padding: "12px",
+            borderRadius: "8px",
+            fontWeight: "600",
+            marginTop: "8px"
+          }
+        }
+      }
+    ]
+  };
+}
+function planColumns(gen, plans) {
+  return {
+    id: gen("columns"),
+    type: "columns",
+    props: { columns: plans.length, gap: "16px" },
+    styles: {
+      base: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${plans.length}, minmax(0, 1fr))`,
+        gap: "16px"
+      },
+      mobile: { gridTemplateColumns: "repeat(1, minmax(0, 1fr))" }
+    },
+    children: plans.map(
+      ([name, price, features, highlighted]) => planCard(gen, name, price, features, highlighted)
+    )
+  };
+}
+var SALES_STARTER_BLOCKS = [
+  {
+    id: "sales-faq",
+    name: "FAQ",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Frequently asked questions accordion with FAQPage structured data for SEO",
+    icon: "chevron-down",
+    createNodeTree: (gen = defaultGenId) => sectionShell(
+      gen,
+      [
+        ...sectionHeading(
+          gen,
+          "Frequently Asked Questions",
+          "Everything you need to know before you buy."
+        ),
+        {
+          id: gen("accordion"),
+          type: "accordion",
+          props: { allowMultiple: false, defaultOpenIndex: 0, icon: "chevron", faqSchema: true },
+          styles: {
+            base: {
+              display: "flex",
+              flexDirection: "column",
+              width: "100%",
+              borderTop: "1px solid #e2e8f0"
+            }
+          },
+          children: [
+            faqItem(
+              gen,
+              "What exactly do I get?",
+              "Instant access to the full program, all bonuses, and every future update."
+            ),
+            faqItem(
+              gen,
+              "How long do I have access?",
+              "Lifetime access \u2014 learn at your own pace, on any device."
+            ),
+            faqItem(
+              gen,
+              "Is there a money-back guarantee?",
+              "Yes. If you are not satisfied within 30 days, we refund you in full."
+            ),
+            faqItem(
+              gen,
+              "How do I pay?",
+              "We accept cards, bank transfer, and e-wallets through a secure checkout."
+            )
+          ]
+        }
+      ],
+      {},
+      "760px"
+    )
+  },
+  {
+    id: "sales-testimonials",
+    name: "Testimonials Carousel",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Customer testimonial slider with star ratings",
+    icon: "star",
+    createNodeTree: (gen = defaultGenId) => sectionShell(
+      gen,
+      [
+        ...sectionHeading(gen, "What Our Customers Say"),
+        {
+          id: gen("carousel"),
+          type: "carousel",
+          props: {
+            autoplay: true,
+            interval: 6e3,
+            loop: true,
+            showDots: true,
+            showArrows: true,
+            ariaLabel: "Testimonials"
+          },
+          styles: {
+            base: {
+              position: "relative",
+              width: "100%",
+              overflow: "hidden",
+              backgroundColor: "#f8fafc",
+              borderRadius: "16px"
+            }
+          },
+          children: [
+            testimonialSlide(
+              gen,
+              "This completely changed how I run my business. Worth every cent.",
+              "Sarah K.",
+              "Founder",
+              5
+            ),
+            testimonialSlide(
+              gen,
+              "Clear, practical, and easy to follow. I saw results in the first week.",
+              "Budi S.",
+              "Marketing Lead",
+              4.5
+            ),
+            testimonialSlide(
+              gen,
+              "The support team is amazing and the material is top-notch.",
+              "Aisha R.",
+              "Freelancer",
+              5
+            )
+          ]
+        }
+      ],
+      { base: { backgroundColor: "#ffffff" } },
+      "760px"
+    )
+  },
+  {
+    id: "sales-countdown-banner",
+    name: "Countdown Banner",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Limited-time offer banner with an evergreen countdown timer and CTA",
+    icon: "clock",
+    createNodeTree: (gen = defaultGenId) => sectionShell(
+      gen,
+      [
+        ...sectionHeading(gen, "Special Launch Price Ends Soon", void 0, "#ffffff"),
+        {
+          id: gen("countdown"),
+          type: "countdown",
+          props: {
+            mode: "evergreen",
+            durationMinutes: 30,
+            format: "d h m s",
+            labelDays: "Days",
+            labelHours: "Hours",
+            labelMinutes: "Minutes",
+            labelSeconds: "Seconds",
+            expireBehavior: "text",
+            expiredText: "The special price has ended.",
+            storage: "session",
+            ariaLabel: "Offer ends in"
+          },
+          styles: {
+            base: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "16px",
+              fontSize: "36px",
+              fontWeight: "800",
+              color: "#ffffff",
+              fontVariantNumeric: "tabular-nums"
+            },
+            mobile: { fontSize: "28px", gap: "8px" }
+          }
+        },
+        {
+          id: gen("button"),
+          type: "button",
+          props: { label: "Claim the Offer", href: "#checkout" },
+          styles: {
+            base: {
+              alignSelf: "center",
+              backgroundColor: "#f59e0b",
+              color: "#0f172a",
+              padding: "14px 32px",
+              borderRadius: "9999px",
+              fontSize: "16px",
+              fontWeight: "700"
+            }
+          }
+        }
+      ],
+      { base: { backgroundColor: "#0f172a" } }
+    )
+  },
+  {
+    id: "sales-guarantee",
+    name: "Money-Back Guarantee",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Risk-reversal guarantee section with shield icon",
+    icon: "badge",
+    createNodeTree: (gen = defaultGenId) => sectionShell(
+      gen,
+      [
+        {
+          id: gen("flex"),
+          type: "flex",
+          styles: {
+            base: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "24px",
+              padding: "32px",
+              backgroundColor: "#f0fdf4",
+              border: "2px dashed #16a34a",
+              borderRadius: "16px"
+            },
+            mobile: { flexDirection: "column", textAlign: "center", padding: "24px" }
+          },
+          children: [
+            {
+              id: gen("icon"),
+              type: "icon",
+              props: { name: "shield-check", size: 64, color: "#16a34a", ariaLabel: "Guarantee" }
+            },
+            {
+              id: gen("flex"),
+              type: "flex",
+              styles: { base: { display: "flex", flexDirection: "column", gap: "8px" } },
+              children: [
+                {
+                  id: gen("heading"),
+                  type: "heading",
+                  props: { text: "30-Day Money-Back Guarantee", level: 3 },
+                  styles: {
+                    base: { fontSize: "22px", fontWeight: "800", color: "#14532d", margin: "0" }
+                  }
+                },
+                {
+                  id: gen("paragraph"),
+                  type: "paragraph",
+                  props: {
+                    text: "Try it risk-free. If it is not right for you, email us within 30 days and we will refund every cent \u2014 no questions asked."
+                  },
+                  styles: {
+                    base: { fontSize: "15px", color: "#166534", margin: "0", lineHeight: "1.6" }
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      {},
+      "760px"
+    )
+  },
+  {
+    id: "sales-trust-badges",
+    name: "Trust Badges",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Row of trust signals: secure payment, guarantee, support, and delivery",
+    icon: "grid",
+    createNodeTree: (gen = defaultGenId) => sectionShell(
+      gen,
+      [
+        {
+          id: gen("grid"),
+          type: "grid",
+          styles: {
+            base: {
+              display: "grid",
+              gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
+              gap: "16px"
+            },
+            mobile: { gridTemplateColumns: "repeat(2, minmax(0, 1fr))" }
+          },
+          children: [
+            badgeItem(gen, "lock", "Secure Payment"),
+            badgeItem(gen, "shield-check", "Money-Back Guarantee"),
+            badgeItem(gen, "headphones", "24/7 Support"),
+            badgeItem(gen, "zap", "Instant Access")
+          ]
+        },
+        {
+          id: gen("divider"),
+          type: "divider",
+          props: { lineStyle: "solid", thickness: 1, color: "#e2e8f0", label: "" }
+        },
+        {
+          id: gen("paragraph"),
+          type: "paragraph",
+          props: { text: "Trusted by 10,000+ customers." },
+          styles: {
+            base: { fontSize: "14px", color: "#64748b", textAlign: "center", margin: "0" }
+          }
+        }
+      ],
+      { base: { paddingTop: "32px", paddingBottom: "32px" } }
+    )
+  },
+  {
+    id: "sales-plan-comparison",
+    name: "Plan Comparison",
+    category: SALES_CATEGORY,
+    categoryLabel: SALES_CATEGORY_LABEL,
+    description: "Monthly/yearly tabs comparing pricing plans side by side",
+    icon: "columns",
+    createNodeTree: (gen = defaultGenId) => sectionShell(gen, [
+      ...sectionHeading(gen, "Choose Your Plan", "Switch between monthly and yearly billing."),
+      {
+        id: gen("tabs"),
+        type: "tabs",
+        props: { activeIndex: 0, ariaLabel: "Billing period" },
+        styles: { base: { display: "flex", flexDirection: "column", width: "100%" } },
+        children: [
+          {
+            id: gen("tab-panel"),
+            type: "tab-panel",
+            props: { label: "Monthly" },
+            styles: { base: { paddingTop: "24px" } },
+            children: [
+              planColumns(gen, [
+                ["Basic", "$19 / mo", ["1 project", "Email support", "Core features"], false],
+                [
+                  "Pro",
+                  "$49 / mo",
+                  ["Unlimited projects", "Priority support", "All features"],
+                  true
+                ]
+              ])
+            ]
+          },
+          {
+            id: gen("tab-panel"),
+            type: "tab-panel",
+            props: { label: "Yearly" },
+            styles: { base: { paddingTop: "24px" } },
+            children: [
+              planColumns(gen, [
+                [
+                  "Basic",
+                  "$190 / yr",
+                  ["1 project", "Email support", "Core features", "2 months free"],
+                  false
+                ],
+                [
+                  "Pro",
+                  "$490 / yr",
+                  ["Unlimited projects", "Priority support", "All features", "2 months free"],
+                  true
+                ]
+              ])
+            ]
+          }
+        ]
+      },
+      {
+        id: gen("spacer"),
+        type: "spacer",
+        styles: { base: { width: "100%", height: "16px" }, mobile: { height: "8px" } }
+      }
+    ])
+  }
+];
+
 // src/blocks/index.ts
 var STARTER_BLOCKS = [
   ...LAYOUT_STARTER_BLOCKS,
   ...UI_STARTER_BLOCKS,
-  ...FORM_STARTER_BLOCKS
+  ...FORM_STARTER_BLOCKS,
+  ...SALES_STARTER_BLOCKS
 ];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CONTENT_CHILD_TYPES,
+  COUNTDOWN_EXPIRE_BEHAVIORS,
+  COUNTDOWN_FORMATS,
+  COUNTDOWN_MODES,
+  COUNTDOWN_STORAGE_TYPES,
   ComponentRegistry,
   FORM_STARTER_BLOCKS,
   LAYOUT_PARENTS,
   LAYOUT_STARTER_BLOCKS,
+  SALES_STARTER_BLOCKS,
   STARTER_BLOCKS,
   TRAIT_GROUP_LABELS,
   TRAIT_GROUP_ORDER,
   UI_STARTER_BLOCKS,
   acceptTrait,
+  accordionDefinition,
+  accordionItemDefinition,
   actionTrait,
   altTrait,
   ariaLabelTrait,
@@ -5277,6 +6458,8 @@ var STARTER_BLOCKS = [
   buttonDefinition,
   buttonSubmitDefinition,
   buttonTypeTrait,
+  canonicalTextPropFields,
+  carouselDefinition,
   checkboxDefinition,
   citeTrait,
   codeBlockDefinition,
@@ -5288,12 +6471,14 @@ var STARTER_BLOCKS = [
   containerDefinition,
   controlsTrait,
   coreComponentDefinitions,
+  countdownDefinition,
   createDefaultComponentRegistry,
   defaultCheckedTrait,
   defaultGenId,
   defaultSelectedTrait,
   defaultValueTrait,
   disabledTrait,
+  dividerDefinition,
   drawerDefinition,
   extractComponentRequirements,
   fieldNameTrait,
@@ -5340,6 +6525,7 @@ var STARTER_BLOCKS = [
   radioDefinition,
   radioGroupDefinition,
   radioItemDefinition,
+  ratingDefinition,
   readOnlyTrait,
   relTrait,
   requiredTrait,
@@ -5353,13 +6539,16 @@ var STARTER_BLOCKS = [
   showPreviewTrait,
   showSpinnerTrait,
   sortTraits,
+  spacerDefinition,
   srcTrait,
   suffixIconTrait,
   switchDefinition,
   switchSizeTrait,
+  tabPanelDefinition,
   tableCellDefinition,
   tableDefinition,
   tableRowDefinition,
+  tabsDefinition,
   tagTrait,
   targetTrait,
   textDefinition,