@kubuild/components 0.7.0 → 0.8.0

package/dist/definitions/index.cjs

@@ -21,11 +21,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var definitions_exports = {};
 __export(definitions_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,
   LAYOUT_PARENTS: () => LAYOUT_PARENTS,
+  accordionDefinition: () => accordionDefinition,
+  accordionItemDefinition: () => accordionItemDefinition,
   badgeDefinition: () => badgeDefinition,
   blockquoteDefinition: () => blockquoteDefinition,
   buttonDefinition: () => buttonDefinition,
   buttonSubmitDefinition: () => buttonSubmitDefinition,
+  carouselDefinition: () => carouselDefinition,
   checkboxDefinition: () => checkboxDefinition,
   codeBlockDefinition: () => codeBlockDefinition,
   collapsibleDefinition: () => collapsibleDefinition,
@@ -33,7 +40,9 @@ __export(definitions_exports, {
   columnsDefinition: () => columnsDefinition,
   containerDefinition: () => containerDefinition,
   coreComponentDefinitions: () => coreComponentDefinitions,
+  countdownDefinition: () => countdownDefinition,
   createDefaultComponentRegistry: () => createDefaultComponentRegistry,
+  dividerDefinition: () => dividerDefinition,
   drawerDefinition: () => drawerDefinition,
   fileUploadDefinition: () => fileUploadDefinition,
   flexDefinition: () => flexDefinition,
@@ -53,12 +62,16 @@ __export(definitions_exports, {
   radioDefinition: () => radioDefinition,
   radioGroupDefinition: () => radioGroupDefinition,
   radioItemDefinition: () => radioItemDefinition,
+  ratingDefinition: () => ratingDefinition,
   sectionDefinition: () => sectionDefinition,
   selectDefinition: () => selectDefinition,
+  spacerDefinition: () => spacerDefinition,
   switchDefinition: () => switchDefinition,
+  tabPanelDefinition: () => tabPanelDefinition,
   tableCellDefinition: () => tableCellDefinition,
   tableDefinition: () => tableDefinition,
   tableRowDefinition: () => tableRowDefinition,
+  tabsDefinition: () => tabsDefinition,
   textDefinition: () => textDefinition,
   textareaDefinition: () => textareaDefinition,
   videoDefinition: () => videoDefinition
@@ -955,7 +968,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",
@@ -986,7 +1012,14 @@ var CONTENT_CHILD_TYPES = [
   "custom",
   "modal",
   "drawer",
-  "collapsible"
+  "collapsible",
+  "countdown",
+  "accordion",
+  "tabs",
+  "carousel",
+  "rating",
+  "divider",
+  "spacer"
 ];
 
 // src/definitions/layout/page.ts
@@ -1155,13 +1188,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" },
@@ -1187,7 +1234,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)) {
@@ -1206,16 +1254,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(),
@@ -1223,8 +1273,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;
   },
@@ -1238,13 +1289,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."
   },
@@ -1264,7 +1316,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;
@@ -1280,13 +1332,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: "#",
@@ -1320,19 +1373,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;
@@ -1347,7 +1400,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",
@@ -1367,6 +1420,7 @@ var blockquoteDefinition = {
     "html-embed",
     "custom"
   ],
+  ...canonicalTextPropFields("blockquote"),
   defaultProps: {
     text: "\u201CSimplicity is the soul of efficiency.\u201D"
   },
@@ -1387,10 +1441,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;
@@ -1413,13 +1467,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"
@@ -1447,10 +1502,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;
@@ -1474,7 +1529,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",
@@ -1506,10 +1561,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;
@@ -1531,7 +1586,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",
@@ -1561,12 +1616,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.');
     }
@@ -1582,7 +1637,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",
@@ -1650,25 +1705,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;
@@ -1686,7 +1741,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",
@@ -1712,15 +1767,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.');
       }
@@ -1737,7 +1792,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",
@@ -1761,7 +1816,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;
@@ -1775,7 +1830,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",
@@ -1815,13 +1870,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;
@@ -1906,22 +1961,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;
@@ -1938,7 +1993,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",
@@ -1987,12 +2042,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(", ")}.`);
@@ -2047,7 +2102,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;
@@ -2084,7 +2139,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",
@@ -2092,6 +2147,7 @@ var buttonDefinition = {
   icon: "mouse-pointer",
   acceptsChildren: false,
   capabilities: ["actionRegistry"],
+  ...canonicalTextPropFields("button"),
   defaultProps: {
     label: "Click Me",
     variant: "primary"
@@ -2135,22 +2191,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;
@@ -2238,25 +2294,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;
@@ -2283,7 +2339,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",
@@ -2370,34 +2426,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;
@@ -2413,7 +2469,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",
@@ -2495,47 +2551,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;
@@ -2560,7 +2616,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",
@@ -2622,41 +2678,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;
@@ -2681,7 +2737,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",
@@ -2733,21 +2789,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;
@@ -2772,7 +2828,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",
@@ -2814,28 +2870,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;
@@ -2854,7 +2910,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",
@@ -2906,31 +2962,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;
@@ -2949,7 +3005,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",
@@ -3000,25 +3056,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;
@@ -3069,25 +3125,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;
@@ -3111,7 +3167,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",
@@ -3156,33 +3212,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;
@@ -3422,6 +3478,526 @@ var collapsibleDefinition = {
   }
 };
 
+// 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)."
+    }
+  ],
+  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"
+    }
+  },
+  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,
@@ -3461,7 +4037,17 @@ var coreComponentDefinitions = [
   tableCellDefinition,
   modalDefinition,
   drawerDefinition,
-  collapsibleDefinition
+  collapsibleDefinition,
+  // Conversion components (Epic 60)
+  countdownDefinition,
+  accordionDefinition,
+  accordionItemDefinition,
+  tabsDefinition,
+  tabPanelDefinition,
+  carouselDefinition,
+  ratingDefinition,
+  dividerDefinition,
+  spacerDefinition
 ];
 function createDefaultComponentRegistry() {
   const registry = new ComponentRegistry();
@@ -3473,11 +4059,18 @@ function createDefaultComponentRegistry() {
 // 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,
   LAYOUT_PARENTS,
+  accordionDefinition,
+  accordionItemDefinition,
   badgeDefinition,
   blockquoteDefinition,
   buttonDefinition,
   buttonSubmitDefinition,
+  carouselDefinition,
   checkboxDefinition,
   codeBlockDefinition,
   collapsibleDefinition,
@@ -3485,7 +4078,9 @@ function createDefaultComponentRegistry() {
   columnsDefinition,
   containerDefinition,
   coreComponentDefinitions,
+  countdownDefinition,
   createDefaultComponentRegistry,
+  dividerDefinition,
   drawerDefinition,
   fileUploadDefinition,
   flexDefinition,
@@ -3505,12 +4100,16 @@ function createDefaultComponentRegistry() {
   radioDefinition,
   radioGroupDefinition,
   radioItemDefinition,
+  ratingDefinition,
   sectionDefinition,
   selectDefinition,
+  spacerDefinition,
   switchDefinition,
+  tabPanelDefinition,
   tableCellDefinition,
   tableDefinition,
   tableRowDefinition,
+  tabsDefinition,
   textDefinition,
   textareaDefinition,
   videoDefinition