@kubuild/components 0.2.0 → 0.3.0

package/dist/chunk-K6I6U7F3.js

@@ -0,0 +1,2707 @@
+import {
+  acceptTrait,
+  actionTrait,
+  altTrait,
+  ariaLabelTrait,
+  autoCompleteTrait,
+  autoDisableOnSubmitTrait,
+  autoGrowTrait,
+  autoplayTrait,
+  buttonTypeTrait,
+  citeTrait,
+  colSpanTrait,
+  controlsTrait,
+  defaultCheckedTrait,
+  defaultSelectedTrait,
+  defaultValueTrait,
+  disabledTrait,
+  fieldNameTrait,
+  helperTextTrait,
+  hrefTrait,
+  idTrait,
+  indeterminateTrait,
+  inputTypeTrait,
+  labelTextTrait,
+  loadingTextTrait,
+  loadingTrait,
+  loopTrait,
+  maxCharCountTrait,
+  maxFileSizeTrait,
+  maxLengthTrait,
+  methodTrait,
+  minLengthTrait,
+  multipleTrait,
+  mutedTrait,
+  optionsListTrait,
+  orientationTrait,
+  patternTrait,
+  placeholderTrait,
+  posterTrait,
+  prefixIconTrait,
+  preventDefaultTrait,
+  readOnlyTrait,
+  relTrait,
+  requiredTrait,
+  resetOnSubmitTrait,
+  resizeTrait,
+  rowSpanTrait,
+  rowsTrait,
+  scrollToFirstErrorTrait,
+  showPreviewTrait,
+  showSpinnerTrait,
+  srcTrait,
+  suffixIconTrait,
+  switchSizeTrait,
+  targetTrait,
+  titleTrait,
+  valueTrait
+} from "./chunk-OK53DS7G.js";
+
+// src/registry.ts
+var ComponentRegistry = class {
+  components = /* @__PURE__ */ new Map();
+  register(definition, allowOverride = false) {
+    if (!allowOverride && this.components.has(definition.type)) {
+      throw new Error(`Component type "${definition.type}" is already registered.`);
+    }
+    this.components.set(definition.type, definition);
+  }
+  unregister(type) {
+    return this.components.delete(type);
+  }
+  get(type) {
+    return this.components.get(type);
+  }
+  has(type) {
+    return this.components.has(type);
+  }
+  list() {
+    return Array.from(this.components.values());
+  }
+  listByCategory(category) {
+    return this.list().filter((c) => c.category === category);
+  }
+  /**
+   * Check whether `childType` is a valid insertion target under `parentType`,
+   * covering both directions of child policy: the parent's `acceptsChildren`/
+   * `allowedChildren` (by type, category, or `'*'`) and the child's own
+   * `disallowedParents`. Used by the builder to reject an invalid insertion
+   * before a node is constructed, rather than after the fact via `validateNode`.
+   */
+  canInsertChild(parentType, childType) {
+    const errors = [];
+    const parentDef = this.get(parentType);
+    const childDef = this.get(childType);
+    if (!parentDef) {
+      errors.push(`Unknown target parent type: "${parentType}".`);
+    }
+    if (!childDef) {
+      errors.push(`Unknown component type: "${childType}".`);
+    }
+    if (!parentDef || !childDef) {
+      return { valid: false, errors };
+    }
+    if (!parentDef.acceptsChildren) {
+      errors.push(`"${parentDef.label}" does not accept children.`);
+    } else if (parentDef.allowedChildren) {
+      const allowed = parentDef.allowedChildren.includes("*") || parentDef.allowedChildren.includes(childType) || parentDef.allowedChildren.includes(childDef.category);
+      if (!allowed) {
+        errors.push(`"${parentDef.label}" does not allow "${childDef.label}" as a child.`);
+      }
+    }
+    if (childDef.disallowedParents?.includes(parentType)) {
+      errors.push(`"${childDef.label}" is not allowed inside "${parentDef.label}".`);
+    }
+    return { valid: errors.length === 0, errors };
+  }
+  validateNode(node, parentType) {
+    const def = this.get(node.type);
+    const errors = [];
+    if (!def) {
+      errors.push(`Unknown component type: "${node.type}"`);
+      return { valid: false, errors };
+    }
+    if (!def.acceptsChildren && node.children && node.children.length > 0) {
+      errors.push(`Component "${node.type}" does not accept children.`);
+    }
+    if (def.allowedChildren && node.children) {
+      for (const child of node.children) {
+        const childCategory = this.get(child.type)?.category;
+        const allowed = def.allowedChildren.includes("*") || def.allowedChildren.includes(child.type) || childCategory !== void 0 && def.allowedChildren.includes(childCategory);
+        if (!allowed) {
+          errors.push(`Component "${node.type}" does not allow child type "${child.type}".`);
+        }
+      }
+    }
+    if (parentType && def.disallowedParents?.includes(parentType)) {
+      errors.push(`Component "${node.type}" is not allowed inside parent "${parentType}".`);
+    }
+    if (def.validateProps && node.props) {
+      const propResult = def.validateProps(node.props);
+      if (Array.isArray(propResult) && propResult.length > 0) {
+        errors.push(...propResult);
+      } else if (propResult === false) {
+        errors.push(`Props validation failed for component "${node.type}".`);
+      }
+    }
+    return { valid: errors.length === 0, errors };
+  }
+};
+
+// src/definitions/constants.ts
+var LAYOUT_PARENTS = ["page", "section", "container", "columns", "flex", "grid", "modal", "drawer", "collapsible"];
+var CONTENT_CHILD_TYPES = [
+  "heading",
+  "text",
+  "paragraph",
+  "link",
+  "blockquote",
+  "badge",
+  "code-block",
+  "image",
+  "video",
+  "icon",
+  "html-embed",
+  "button",
+  "button-submit",
+  "form",
+  "input",
+  "textarea",
+  "select",
+  "checkbox",
+  "switch",
+  "radio-group",
+  "radio",
+  "radio-item",
+  "file-upload",
+  "list",
+  "table",
+  "collection",
+  "custom",
+  "modal",
+  "drawer",
+  "collapsible"
+];
+
+// src/definitions/layout/page.ts
+var pageDefinition = {
+  type: "page",
+  label: "Page",
+  category: "layout",
+  icon: "layout",
+  acceptsChildren: true,
+  allowedChildren: ["section", "custom"],
+  disallowedParents: [...LAYOUT_PARENTS, ...CONTENT_CHILD_TYPES, "list-item", "table-row", "table-cell"],
+  defaultProps: { title: "New Page" },
+  traits: [
+    titleTrait({ defaultValue: "New Page", description: "The document title shown in the browser tab and search results." }),
+    idTrait()
+  ],
+  defaultStyles: { base: { minHeight: "100vh", backgroundColor: "#ffffff" } }
+};
+
+// src/definitions/layout/section.ts
+var sectionDefinition = {
+  type: "section",
+  label: "Section",
+  category: "layout",
+  icon: "rows",
+  acceptsChildren: true,
+  allowedChildren: ["container", "columns", "flex", "grid", ...CONTENT_CHILD_TYPES],
+  defaultProps: {},
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: "Accessible name for the section landmark." })
+  ],
+  defaultStyles: {
+    base: {
+      paddingTop: "48px",
+      paddingBottom: "48px",
+      paddingLeft: "16px",
+      paddingRight: "16px"
+    },
+    tablet: {
+      paddingTop: "32px",
+      paddingBottom: "32px"
+    },
+    mobile: {
+      paddingTop: "24px",
+      paddingBottom: "24px",
+      paddingLeft: "16px",
+      paddingRight: "16px"
+    }
+  }
+};
+
+// src/definitions/layout/container.ts
+var containerDefinition = {
+  type: "container",
+  label: "Container",
+  category: "layout",
+  icon: "box",
+  acceptsChildren: true,
+  allowedChildren: ["columns", "flex", "grid", ...CONTENT_CHILD_TYPES],
+  defaultProps: { maxWidth: "1200px" },
+  traits: [
+    idTrait()
+  ],
+  defaultStyles: {
+    base: {
+      maxWidth: "1200px",
+      margin: "0 auto",
+      width: "100%"
+    },
+    tablet: {
+      maxWidth: "720px"
+    },
+    mobile: {
+      maxWidth: "100%",
+      paddingLeft: "16px",
+      paddingRight: "16px"
+    }
+  }
+};
+
+// src/definitions/layout/columns.ts
+var columnsDefinition = {
+  type: "columns",
+  label: "Columns",
+  category: "layout",
+  icon: "columns",
+  acceptsChildren: true,
+  allowedChildren: ["container", "flex", "grid", ...CONTENT_CHILD_TYPES],
+  defaultProps: { columns: 2, gap: "16px" },
+  traits: [
+    idTrait()
+  ],
+  defaultStyles: {
+    base: {
+      display: "grid",
+      gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+      gap: "16px"
+    },
+    tablet: {
+      gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+      gap: "12px"
+    },
+    mobile: {
+      gridTemplateColumns: "repeat(1, minmax(0, 1fr))",
+      gap: "12px"
+    }
+  }
+};
+
+// src/definitions/layout/flex.ts
+var flexDefinition = {
+  type: "flex",
+  label: "Flex",
+  category: "layout",
+  icon: "flex",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  disallowedParents: ["page"],
+  defaultProps: {},
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: "Accessible name for the flex container." })
+  ],
+  defaultStyles: {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }
+};
+
+// src/definitions/layout/grid.ts
+var gridDefinition = {
+  type: "grid",
+  label: "Grid",
+  category: "layout",
+  icon: "grid",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  disallowedParents: ["page"],
+  defaultProps: {
+    columns: 3,
+    gap: "16px"
+  },
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: "Accessible name for the grid container." })
+  ],
+  defaultStyles: {
+    base: {
+      display: "grid",
+      gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+      gap: "16px"
+    },
+    tablet: {
+      gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+      gap: "16px"
+    },
+    mobile: {
+      gridTemplateColumns: "repeat(1, minmax(0, 1fr))",
+      gap: "16px"
+    }
+  }
+};
+
+// src/definitions/typography/heading.ts
+import { isVariableBinding } from "@kubuild/schema";
+var headingDefinition = {
+  type: "heading",
+  label: "Heading",
+  category: "typography",
+  icon: "heading",
+  acceptsChildren: false,
+  defaultProps: { text: "Heading Text", level: 2 },
+  propFields: [
+    { name: "text", label: "Text", type: "string", defaultValue: "Heading Text" },
+    {
+      name: "level",
+      label: "Heading Level",
+      type: "select",
+      defaultValue: 2,
+      options: [1, 2, 3, 4, 5, 6].map((level) => ({ label: `H${level}`, value: level }))
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait({ description: "Advisory title shown when hovering the heading." }),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (!isVariableBinding(props.text) && (typeof props.text !== "string" || props.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)) {
+      errors.push('Heading "level" must be a number between 1 and 6.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      fontSize: "32px",
+      fontWeight: "700",
+      color: "#111827",
+      margin: "0 0 16px 0"
+    }
+  }
+};
+
+// src/definitions/typography/text.ts
+import { isVariableBinding as isVariableBinding2 } from "@kubuild/schema";
+var textDefinition = {
+  type: "text",
+  label: "Text",
+  category: "typography",
+  icon: "type",
+  acceptsChildren: false,
+  defaultProps: { content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
+  propFields: [
+    { name: "content", label: "Content", type: "string", defaultValue: "Lorem ipsum dolor sit amet." }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    if (!isVariableBinding2(props.content) && (typeof props.content !== "string" || props.content.trim().length === 0)) {
+      return ['Text requires a non-empty "content".'];
+    }
+    return true;
+  },
+  defaultStyles: {
+    base: {
+      fontSize: "16px",
+      color: "#4b5563",
+      lineHeight: "1.6"
+    }
+  }
+};
+
+// src/definitions/typography/paragraph.ts
+import { isVariableBinding as isVariableBinding3 } from "@kubuild/schema";
+var paragraphDefinition = {
+  type: "paragraph",
+  label: "Paragraph",
+  category: "typography",
+  icon: "paragraph",
+  acceptsChildren: false,
+  defaultProps: {
+    text: "A paragraph of text with clean semantic typography."
+  },
+  propFields: [
+    {
+      name: "text",
+      label: "Text",
+      type: "string",
+      defaultValue: "A paragraph of text with clean semantic typography."
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    const textVal = props.text ?? props.content;
+    if (textVal !== void 0 && !isVariableBinding3(textVal) && (typeof textVal !== "string" || textVal.trim().length === 0)) {
+      errors.push('Paragraph requires a non-empty "text".');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      fontSize: "16px",
+      color: "#4b5563",
+      lineHeight: "1.6",
+      margin: "0 0 16px 0"
+    }
+  }
+};
+
+// src/definitions/typography/link.ts
+import { isVariableBinding as isVariableBinding4 } from "@kubuild/schema";
+var linkDefinition = {
+  type: "link",
+  label: "Link",
+  category: "typography",
+  icon: "link",
+  acceptsChildren: false,
+  defaultProps: {
+    text: "Click here",
+    href: "#",
+    target: "_self",
+    rel: ""
+  },
+  propFields: [
+    { name: "text", label: "Link Text", type: "string", defaultValue: "Click here" },
+    { name: "href", label: "URL (href)", type: "string", defaultValue: "#" },
+    {
+      name: "target",
+      label: "Target",
+      type: "select",
+      defaultValue: "_self",
+      options: [
+        { label: "Same tab (_self)", value: "_self" },
+        { label: "New tab (_blank)", value: "_blank" },
+        { label: "Parent (_parent)", value: "_parent" },
+        { label: "Top (_top)", value: "_top" }
+      ]
+    },
+    { name: "rel", label: "Relationship (rel)", type: "string", defaultValue: "" }
+  ],
+  traits: [
+    hrefTrait(),
+    targetTrait(),
+    relTrait(),
+    idTrait(),
+    titleTrait({ description: "Advisory title shown when hovering the link." }),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.text !== void 0 && !isVariableBinding4(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" && !isVariableBinding4(props.href)) {
+      errors.push('Link "href" must be a string when provided.');
+    }
+    if (props.target !== void 0 && !isVariableBinding4(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" && !isVariableBinding4(props.rel)) {
+      errors.push('Link "rel" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      color: "#2563eb",
+      textDecoration: "underline",
+      cursor: "pointer"
+    }
+  }
+};
+
+// src/definitions/typography/blockquote.ts
+import { isVariableBinding as isVariableBinding5 } from "@kubuild/schema";
+var blockquoteDefinition = {
+  type: "blockquote",
+  label: "Blockquote",
+  category: "typography",
+  icon: "blockquote",
+  acceptsChildren: true,
+  allowedChildren: [
+    "paragraph",
+    "text",
+    "heading",
+    "link",
+    "badge",
+    "code-block",
+    "image",
+    "video",
+    "icon",
+    "html-embed",
+    "custom"
+  ],
+  defaultProps: {
+    text: "\u201CSimplicity is the soul of efficiency.\u201D"
+  },
+  propFields: [
+    {
+      name: "text",
+      label: "Quote Text",
+      type: "string",
+      defaultValue: "\u201CSimplicity is the soul of efficiency.\u201D"
+    },
+    { name: "cite", label: "Citation URL (cite)", type: "string" }
+  ],
+  traits: [
+    citeTrait(),
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.text !== void 0 && typeof props.text !== "string" && !isVariableBinding5(props.text)) {
+      errors.push('Blockquote "text" must be a string when provided.');
+    }
+    if (props.cite !== void 0 && typeof props.cite !== "string" && !isVariableBinding5(props.cite)) {
+      errors.push('Blockquote "cite" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      borderLeftWidth: "4px",
+      borderLeftColor: "#3b82f6",
+      borderLeftStyle: "solid",
+      paddingTop: "8px",
+      paddingBottom: "8px",
+      paddingLeft: "16px",
+      paddingRight: "12px",
+      margin: "0 0 16px 0",
+      fontStyle: "italic",
+      color: "#4b5563",
+      backgroundColor: "#f8fafc"
+    }
+  }
+};
+
+// src/definitions/typography/badge.ts
+import { isVariableBinding as isVariableBinding6 } from "@kubuild/schema";
+var badgeDefinition = {
+  type: "badge",
+  label: "Badge",
+  category: "typography",
+  icon: "badge",
+  acceptsChildren: false,
+  defaultProps: {
+    text: "Badge",
+    variant: "default"
+  },
+  propFields: [
+    { name: "text", label: "Badge Text", type: "string", defaultValue: "Badge" },
+    {
+      name: "variant",
+      label: "Variant",
+      type: "select",
+      defaultValue: "default",
+      options: [
+        { label: "Default", value: "default" },
+        { label: "Success", value: "success" },
+        { label: "Warning", value: "warning" },
+        { label: "Danger", value: "danger" },
+        { label: "Info", value: "info" }
+      ]
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.text !== void 0 && !isVariableBinding6(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" && !isVariableBinding6(props.variant)) {
+      errors.push('Badge "variant" must be a string.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      paddingLeft: "10px",
+      paddingRight: "10px",
+      paddingTop: "2px",
+      paddingBottom: "2px",
+      borderRadius: "9999px",
+      fontSize: "12px",
+      fontWeight: "500",
+      lineHeight: "1.4",
+      backgroundColor: "#e0e7ff",
+      color: "#3730a3"
+    }
+  }
+};
+
+// src/definitions/typography/code-block.ts
+import { isVariableBinding as isVariableBinding7 } from "@kubuild/schema";
+var codeBlockDefinition = {
+  type: "code-block",
+  label: "Code Block",
+  category: "typography",
+  icon: "code-block",
+  acceptsChildren: false,
+  defaultProps: {
+    code: 'console.log("Hello, world!");',
+    language: "javascript"
+  },
+  propFields: [
+    {
+      name: "code",
+      label: "Code",
+      type: "textarea",
+      defaultValue: 'console.log("Hello, world!");'
+    },
+    {
+      name: "language",
+      label: "Language",
+      type: "string",
+      defaultValue: "javascript"
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ description: "Accessible label describing what the code example shows." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.code !== void 0 && typeof props.code !== "string" && !isVariableBinding7(props.code)) {
+      errors.push('Code Block "code" must be a string when provided.');
+    }
+    if (props.language !== void 0 && typeof props.language !== "string" && !isVariableBinding7(props.language)) {
+      errors.push('Code Block "language" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      backgroundColor: "#1e293b",
+      color: "#f8fafc",
+      padding: "16px",
+      borderRadius: "8px",
+      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+      fontSize: "14px",
+      lineHeight: "1.5",
+      overflowX: "auto",
+      margin: "0 0 16px 0",
+      whiteSpace: "pre"
+    }
+  }
+};
+
+// src/definitions/media/image.ts
+import { isAssetReference, isVariableBinding as isVariableBinding8 } from "@kubuild/schema";
+var imageDefinition = {
+  type: "image",
+  label: "Image",
+  category: "media",
+  icon: "image",
+  acceptsChildren: false,
+  capabilities: ["assetProvider"],
+  defaultProps: {
+    src: "https://images.unsplash.com/photo-1579546929518-9e396f3cc809?w=800&auto=format&fit=crop&q=80",
+    alt: "Default image",
+    width: 600,
+    height: 400
+  },
+  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" }
+  ],
+  traits: [
+    srcTrait(),
+    altTrait({ defaultValue: "Default image" }),
+    loadingTrait(),
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ description: "Override the alt text for assistive technology (rarely needed)." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    const hasSrc = typeof props.src === "string" && props.src.trim().length > 0 || isVariableBinding8(props.src);
+    const hasAsset = 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 || isVariableBinding8(props.alt);
+    if (!hasAlt) {
+      errors.push('Image requires non-empty "alt" text.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      maxWidth: "100%",
+      height: "auto",
+      borderRadius: "8px"
+    }
+  }
+};
+
+// src/definitions/media/video.ts
+import { isVariableBinding as isVariableBinding9 } from "@kubuild/schema";
+var videoDefinition = {
+  type: "video",
+  label: "Video",
+  category: "media",
+  icon: "video",
+  acceptsChildren: false,
+  defaultProps: {
+    src: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+    provider: "auto",
+    poster: "",
+    controls: true,
+    autoplay: false,
+    loop: false,
+    muted: false,
+    aspectRatio: "16:9"
+  },
+  propFields: [
+    {
+      name: "src",
+      label: "Video URL (HTML5, YouTube, Vimeo)",
+      type: "string",
+      defaultValue: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+    },
+    {
+      name: "provider",
+      label: "Provider",
+      type: "select",
+      defaultValue: "auto",
+      options: [
+        { label: "Auto Detect", value: "auto" },
+        { label: "HTML5 Video", value: "html5" },
+        { label: "YouTube Embed", value: "youtube" },
+        { label: "Vimeo Embed", value: "vimeo" }
+      ]
+    },
+    { name: "poster", label: "Poster Image URL", type: "string", defaultValue: "" },
+    { name: "controls", label: "Show Controls", type: "boolean", defaultValue: true },
+    { name: "autoplay", label: "Autoplay", type: "boolean", defaultValue: false },
+    { name: "loop", label: "Loop", type: "boolean", defaultValue: false },
+    { name: "muted", label: "Muted", type: "boolean", defaultValue: false },
+    {
+      name: "aspectRatio",
+      label: "Aspect Ratio",
+      type: "select",
+      defaultValue: "16:9",
+      options: [
+        { label: "16:9 (Widescreen)", value: "16:9" },
+        { label: "4:3 (Standard)", value: "4:3" },
+        { label: "1:1 (Square)", value: "1:1" },
+        { label: "9:16 (Vertical)", value: "9:16" },
+        { label: "Auto", value: "auto" }
+      ]
+    }
+  ],
+  traits: [
+    srcTrait(),
+    posterTrait(),
+    controlsTrait(),
+    autoplayTrait(),
+    loopTrait(),
+    mutedTrait(),
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ description: "Accessible name summarizing the video content." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.src !== void 0 && typeof props.src !== "string" && !isVariableBinding9(props.src)) {
+      errors.push('Video "src" must be a string when provided.');
+    }
+    if (props.provider !== void 0 && !isVariableBinding9(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" && !isVariableBinding9(props.controls)) {
+      errors.push('Video "controls" must be a boolean.');
+    }
+    if (props.autoplay !== void 0 && typeof props.autoplay !== "boolean" && !isVariableBinding9(props.autoplay)) {
+      errors.push('Video "autoplay" must be a boolean.');
+    }
+    if (props.loop !== void 0 && typeof props.loop !== "boolean" && !isVariableBinding9(props.loop)) {
+      errors.push('Video "loop" must be a boolean.');
+    }
+    if (props.muted !== void 0 && typeof props.muted !== "boolean" && !isVariableBinding9(props.muted)) {
+      errors.push('Video "muted" must be a boolean.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      maxWidth: "800px",
+      borderRadius: "8px",
+      overflow: "hidden",
+      display: "block",
+      margin: "0 0 16px 0"
+    }
+  }
+};
+
+// src/definitions/media/icon.ts
+import { isVariableBinding as isVariableBinding10 } from "@kubuild/schema";
+var iconDefinition = {
+  type: "icon",
+  label: "Icon",
+  category: "media",
+  icon: "sparkles",
+  acceptsChildren: false,
+  defaultProps: {
+    name: "star",
+    size: 24,
+    color: "#2563eb",
+    strokeWidth: 2
+  },
+  propFields: [
+    { name: "name", label: "Icon Name (Lucide)", type: "string", defaultValue: "star" },
+    { name: "size", label: "Size (px)", type: "number", defaultValue: 24 },
+    { name: "color", label: "Color", type: "color", defaultValue: "#2563eb" },
+    { name: "strokeWidth", label: "Stroke Width", type: "number", defaultValue: 2 }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ required: true, description: "Required: describes what the icon represents for screen readers." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && !isVariableBinding10(props.name) && (typeof props.name !== "string" || props.name.trim().length === 0)) {
+      errors.push('Icon requires a non-empty "name".');
+    }
+    if (props.size !== void 0 && !isVariableBinding10(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 && !isVariableBinding10(props.strokeWidth)) {
+      if (typeof props.strokeWidth !== "number" || props.strokeWidth < 0) {
+        errors.push('Icon "strokeWidth" must be a non-negative number.');
+      }
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }
+};
+
+// src/definitions/media/html-embed.ts
+import { isVariableBinding as isVariableBinding11 } from "@kubuild/schema";
+var htmlEmbedDefinition = {
+  type: "html-embed",
+  label: "HTML Embed",
+  category: "custom",
+  icon: "code",
+  acceptsChildren: false,
+  defaultProps: {
+    html: '<div style="padding: 16px; background: #f1f5f9; border-radius: 8px; text-align: center; font-family: sans-serif; color: #475569;">Custom HTML Embed Content</div>'
+  },
+  propFields: [
+    {
+      name: "html",
+      label: "HTML / Embed Code",
+      type: "textarea",
+      defaultValue: '<div style="padding: 16px; background: #f1f5f9; border-radius: 8px; text-align: center; font-family: sans-serif; color: #475569;">Custom HTML Embed Content</div>'
+    }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.html !== void 0 && typeof props.html !== "string" && !isVariableBinding11(props.html)) {
+      errors.push('HTML Embed "html" must be a string.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      margin: "0 0 16px 0"
+    }
+  }
+};
+
+// src/definitions/data/table.ts
+import { isVariableBinding as isVariableBinding12 } from "@kubuild/schema";
+var tableDefinition = {
+  type: "table",
+  label: "Table",
+  category: "layout",
+  icon: "table",
+  acceptsChildren: true,
+  allowedChildren: ["table-row"],
+  defaultProps: {
+    striped: false,
+    bordered: true,
+    compact: false
+  },
+  defaultChildren: [
+    {
+      type: "table-row",
+      children: [
+        { type: "table-cell", props: { tag: "th", text: "Header 1" } },
+        { type: "table-cell", props: { tag: "th", text: "Header 2" } }
+      ]
+    },
+    {
+      type: "table-row",
+      children: [
+        { type: "table-cell", props: { tag: "td", text: "Data 1" } },
+        { type: "table-cell", props: { tag: "td", text: "Data 2" } }
+      ]
+    }
+  ],
+  propFields: [
+    { name: "striped", label: "Striped Rows", type: "boolean", defaultValue: false },
+    { name: "bordered", label: "Bordered", type: "boolean", defaultValue: true },
+    { name: "compact", label: "Compact Spacing", type: "boolean", defaultValue: false }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: "Required: provides a caption summary for the table when no visible caption exists." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.striped !== void 0 && typeof props.striped !== "boolean" && !isVariableBinding12(props.striped)) {
+      errors.push('Table "striped" must be a boolean.');
+    }
+    if (props.bordered !== void 0 && typeof props.bordered !== "boolean" && !isVariableBinding12(props.bordered)) {
+      errors.push('Table "bordered" must be a boolean.');
+    }
+    if (props.compact !== void 0 && typeof props.compact !== "boolean" && !isVariableBinding12(props.compact)) {
+      errors.push('Table "compact" must be a boolean.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      margin: "0 0 16px 0",
+      borderCollapse: "collapse"
+    }
+  }
+};
+var tableRowDefinition = {
+  type: "table-row",
+  label: "Table Row",
+  category: "layout",
+  icon: "table-row",
+  acceptsChildren: true,
+  allowedChildren: ["table-cell"],
+  disallowedParents: ["page"],
+  defaultProps: {},
+  defaultChildren: [
+    { type: "table-cell", props: { tag: "td", text: "Data" } }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  defaultStyles: {
+    base: {}
+  }
+};
+var tableCellDefinition = {
+  type: "table-cell",
+  label: "Table Cell",
+  category: "layout",
+  icon: "table-cell",
+  acceptsChildren: true,
+  allowedChildren: [
+    "heading",
+    "text",
+    "paragraph",
+    "link",
+    "blockquote",
+    "badge",
+    "code-block",
+    "image",
+    "video",
+    "icon",
+    "html-embed",
+    "button",
+    "list",
+    "custom"
+  ],
+  disallowedParents: ["page"],
+  defaultProps: {
+    tag: "td",
+    text: "Cell",
+    colSpan: 1,
+    rowSpan: 1
+  },
+  propFields: [
+    {
+      name: "tag",
+      label: "Cell Type",
+      type: "select",
+      defaultValue: "td",
+      options: [
+        { label: "Data Cell (td)", value: "td" },
+        { label: "Header Cell (th)", value: "th" }
+      ]
+    },
+    { name: "text", label: "Text", type: "string", defaultValue: "Cell" },
+    { name: "colSpan", label: "Column Span (colSpan)", type: "number", defaultValue: 1 },
+    { name: "rowSpan", label: "Row Span (rowSpan)", type: "number", defaultValue: 1 }
+  ],
+  traits: [
+    colSpanTrait(),
+    rowSpanTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.tag !== void 0 && !isVariableBinding12(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 && !isVariableBinding12(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 && !isVariableBinding12(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" && !isVariableBinding12(props.text)) {
+      errors.push('Table Cell "text" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      padding: "8px 12px",
+      borderWidth: "1px",
+      borderColor: "#e2e8f0",
+      borderStyle: "solid",
+      textAlign: "left"
+    }
+  }
+};
+
+// src/definitions/data/list.ts
+import { isVariableBinding as isVariableBinding13 } from "@kubuild/schema";
+var listDefinition = {
+  type: "list",
+  label: "List",
+  category: "typography",
+  icon: "list",
+  acceptsChildren: true,
+  allowedChildren: ["list-item"],
+  defaultProps: {
+    tag: "ul",
+    listStyleType: "disc"
+  },
+  defaultChildren: [
+    { type: "list-item", props: { text: "List item 1" } },
+    { type: "list-item", props: { text: "List item 2" } },
+    { type: "list-item", props: { text: "List item 3" } }
+  ],
+  propFields: [
+    {
+      name: "tag",
+      label: "Tag",
+      type: "select",
+      defaultValue: "ul",
+      options: [
+        { label: "Unordered (ul)", value: "ul" },
+        { label: "Ordered (ol)", value: "ol" }
+      ]
+    },
+    {
+      name: "listStyleType",
+      label: "List Style Type",
+      type: "select",
+      defaultValue: "disc",
+      options: [
+        { label: "Disc", value: "disc" },
+        { label: "Circle", value: "circle" },
+        { label: "Square", value: "square" },
+        { label: "Decimal", value: "decimal" },
+        { label: "None", value: "none" },
+        { label: "Custom Icon", value: "custom-icon" }
+      ]
+    }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: 'Accessible name for the list (e.g. "Navigation menu", "Features").' })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.tag !== void 0 && !isVariableBinding13(props.tag)) {
+      if (props.tag !== "ul" && props.tag !== "ol") {
+        errors.push('List "tag" must be either "ul" or "ol".');
+      }
+    }
+    if (props.listStyleType !== void 0 && !isVariableBinding13(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(", ")}.`);
+      }
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      margin: "0 0 16px 0",
+      paddingLeft: "24px"
+    }
+  }
+};
+var listItemDefinition = {
+  type: "list-item",
+  label: "List Item",
+  category: "typography",
+  icon: "list-item",
+  acceptsChildren: true,
+  allowedChildren: [
+    "heading",
+    "text",
+    "paragraph",
+    "link",
+    "blockquote",
+    "badge",
+    "code-block",
+    "image",
+    "video",
+    "icon",
+    "html-embed",
+    "button",
+    "list",
+    "custom"
+  ],
+  defaultProps: {
+    text: "List item"
+  },
+  propFields: [
+    {
+      name: "text",
+      label: "Text",
+      type: "string",
+      defaultValue: "List item"
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.text !== void 0 && typeof props.text !== "string" && !isVariableBinding13(props.text)) {
+      errors.push('List Item "text" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      margin: "4px 0",
+      fontSize: "16px",
+      color: "#374151",
+      lineHeight: "1.5"
+    }
+  }
+};
+
+// src/definitions/data/collection.ts
+var collectionDefinition = {
+  type: "collection",
+  label: "Collection",
+  category: "data",
+  icon: "database",
+  acceptsChildren: true,
+  defaultProps: {
+    sourceKey: "items",
+    itemAlias: "item"
+  },
+  propFields: [
+    { name: "sourceKey", label: "Source Variable", type: "string", defaultValue: "items" },
+    { name: "itemAlias", label: "Item Alias", type: "string", defaultValue: "item" }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: 'Accessible name summarizing the repeated collection (e.g. "Product list").' })
+  ]
+};
+
+// src/definitions/form/button.ts
+import { isActionBinding, isVariableBinding as isVariableBinding14 } from "@kubuild/schema";
+var buttonDefinition = {
+  type: "button",
+  label: "Button",
+  category: "interactive",
+  icon: "mouse-pointer",
+  acceptsChildren: false,
+  capabilities: ["actionRegistry"],
+  defaultProps: {
+    label: "Click Me",
+    variant: "primary"
+  },
+  propFields: [
+    { name: "label", label: "Label", type: "string", defaultValue: "Click Me" },
+    { name: "href", label: "Link URL", type: "string" },
+    { name: "action", label: "Action", type: "action" },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    {
+      name: "buttonType",
+      label: "Button Type",
+      type: "select",
+      defaultValue: "button",
+      options: [
+        { label: "Button", value: "button" },
+        { label: "Submit Form (submit)", value: "submit" },
+        { label: "Reset Form (reset)", value: "reset" }
+      ]
+    },
+    {
+      name: "variant",
+      label: "Variant",
+      type: "select",
+      defaultValue: "primary",
+      options: [
+        { label: "Primary", value: "primary" },
+        { label: "Secondary", value: "secondary" }
+      ]
+    }
+  ],
+  traits: [
+    buttonTypeTrait(),
+    disabledTrait(),
+    hrefTrait({ description: "Optional URL \u2014 when set, the button renders as an anchor styled like a button." }),
+    targetTrait({ description: "Where to open the href URL (only used when href is set)." }),
+    relTrait({ description: "Relationship tokens (only used when href is set)." }),
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || isVariableBinding14(props.label);
+    if (!hasLabel) {
+      errors.push('Button requires a non-empty "label".');
+    }
+    if (props.href !== void 0 && typeof props.href !== "string" && !isVariableBinding14(props.href)) {
+      errors.push('Button "href" must be a string when provided.');
+    }
+    if (props.buttonType !== void 0 && !isVariableBinding14(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 && !isActionBinding(props.action)) {
+      errors.push('Button "action" must be a valid action binding when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding14(props.disabled)) {
+      errors.push('Button "disabled" must be a boolean when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      backgroundColor: "#2563eb",
+      color: "#ffffff",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      borderRadius: "6px",
+      fontWeight: "500",
+      fontSize: "15px",
+      border: "none",
+      cursor: "pointer"
+    }
+  }
+};
+var buttonSubmitDefinition = {
+  type: "button-submit",
+  label: "Submit Button",
+  category: "form",
+  icon: "send",
+  acceptsChildren: false,
+  capabilities: ["actionRegistry"],
+  disallowedParents: ["page"],
+  defaultProps: {
+    label: "Submit",
+    loadingText: "Submitting...",
+    showSpinner: true,
+    autoDisableOnSubmit: true,
+    variant: "primary",
+    disabled: false,
+    buttonType: "submit"
+  },
+  propFields: [
+    { name: "label", label: "Label", type: "string", defaultValue: "Submit" },
+    { name: "loadingText", label: "Loading Text", type: "string", defaultValue: "Submitting..." },
+    { name: "showSpinner", label: "Show Loading Spinner", type: "boolean", defaultValue: true },
+    { name: "autoDisableOnSubmit", label: "Auto Disable on Submit", type: "boolean", defaultValue: true },
+    {
+      name: "buttonType",
+      label: "Button Type",
+      type: "select",
+      defaultValue: "submit",
+      options: [
+        { label: "Submit Form (submit)", value: "submit" },
+        { label: "Reset Form (reset)", value: "reset" }
+      ]
+    },
+    {
+      name: "variant",
+      label: "Variant",
+      type: "select",
+      defaultValue: "primary",
+      options: [
+        { label: "Primary", value: "primary" },
+        { label: "Secondary", value: "secondary" }
+      ]
+    },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "prefixIcon", label: "Prefix Icon", type: "string" },
+    { name: "suffixIcon", label: "Suffix Icon", type: "string" }
+  ],
+  traits: [
+    buttonTypeTrait({
+      defaultValue: "submit",
+      options: [
+        { label: "Submit Form (submit)", value: "submit" },
+        { label: "Reset Form (reset)", value: "reset" }
+      ]
+    }),
+    labelTextTrait({ defaultValue: "Submit", label: "Label" }),
+    loadingTextTrait(),
+    showSpinnerTrait(),
+    autoDisableOnSubmitTrait(),
+    disabledTrait(),
+    prefixIconTrait(),
+    suffixIconTrait(),
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    const hasLabel = typeof props.label === "string" && props.label.trim().length > 0 || isVariableBinding14(props.label);
+    if (!hasLabel) {
+      errors.push('Submit Button requires a non-empty "label".');
+    }
+    if (props.loadingText !== void 0 && typeof props.loadingText !== "string" && !isVariableBinding14(props.loadingText)) {
+      errors.push('Submit Button "loadingText" must be a string when provided.');
+    }
+    if (props.showSpinner !== void 0 && typeof props.showSpinner !== "boolean" && !isVariableBinding14(props.showSpinner)) {
+      errors.push('Submit Button "showSpinner" must be a boolean when provided.');
+    }
+    if (props.autoDisableOnSubmit !== void 0 && typeof props.autoDisableOnSubmit !== "boolean" && !isVariableBinding14(props.autoDisableOnSubmit)) {
+      errors.push('Submit Button "autoDisableOnSubmit" must be a boolean when provided.');
+    }
+    if (props.buttonType !== void 0 && !isVariableBinding14(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" && !isVariableBinding14(props.disabled)) {
+      errors.push('Submit Button "disabled" must be a boolean when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      backgroundColor: "#2563eb",
+      color: "#ffffff",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      borderRadius: "6px",
+      fontWeight: "500",
+      fontSize: "15px",
+      border: "none",
+      cursor: "pointer",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "8px"
+    }
+  }
+};
+
+// src/definitions/form/form.ts
+import { isVariableBinding as isVariableBinding15 } from "@kubuild/schema";
+var formDefinition = {
+  type: "form",
+  label: "Form",
+  category: "form",
+  icon: "form",
+  acceptsChildren: true,
+  allowedChildren: [
+    ...CONTENT_CHILD_TYPES,
+    "container",
+    "columns",
+    "section"
+  ],
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "contact_form",
+    method: "POST",
+    action: "",
+    target: "_self",
+    autoComplete: "on",
+    preventDefault: true,
+    scrollToFirstError: true,
+    resetOnSubmit: false
+  },
+  defaultChildren: [
+    { type: "input", props: { name: "name", type: "text", placeholder: "Your Name", required: true } },
+    { type: "input", props: { name: "email", type: "email", placeholder: "Your Email", required: true } },
+    { type: "textarea", props: { name: "message", placeholder: "Your Message", rows: 4, required: true } },
+    { type: "checkbox", props: { name: "agree", label: "I agree to the terms and privacy policy", required: true } },
+    { type: "button", props: { label: "Send Message", variant: "primary", buttonType: "submit" } }
+  ],
+  propFields: [
+    { name: "name", label: "Form Name", type: "string", defaultValue: "contact_form" },
+    { name: "action", label: "Action URL", type: "string" },
+    {
+      name: "method",
+      label: "Method",
+      type: "select",
+      defaultValue: "POST",
+      options: [
+        { label: "POST", value: "POST" },
+        { label: "GET", value: "GET" }
+      ]
+    },
+    {
+      name: "target",
+      label: "Target",
+      type: "select",
+      defaultValue: "_self",
+      options: [
+        { label: "Same Window (_self)", value: "_self" },
+        { label: "New Tab (_blank)", value: "_blank" }
+      ]
+    },
+    {
+      name: "autoComplete",
+      label: "Auto Complete",
+      type: "select",
+      defaultValue: "on",
+      options: [
+        { label: "On", value: "on" },
+        { label: "Off", value: "off" }
+      ]
+    },
+    { name: "preventDefault", label: "Prevent Default", type: "boolean", defaultValue: true },
+    { name: "scrollToFirstError", label: "Scroll to First Error", type: "boolean", defaultValue: true },
+    { name: "resetOnSubmit", label: "Reset on Submit", type: "boolean", defaultValue: false }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "contact_form", required: false }),
+    actionTrait(),
+    methodTrait(),
+    targetTrait({ options: [
+      { label: "Same Window (_self)", value: "_self" },
+      { label: "New Tab (_blank)", value: "_blank" },
+      { label: "Parent (_parent)", value: "_parent" },
+      { label: "Top (_top)", value: "_top" }
+    ] }),
+    autoCompleteTrait(),
+    preventDefaultTrait(),
+    scrollToFirstErrorTrait(),
+    resetOnSubmitTrait(),
+    idTrait(),
+    ariaLabelTrait({ description: "Accessible name for the form landmark." })
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding15(props.name)) {
+      errors.push('Form "name" must be a string when provided.');
+    }
+    if (props.action !== void 0 && typeof props.action !== "string" && !isVariableBinding15(props.action)) {
+      errors.push('Form "action" must be a string when provided.');
+    }
+    if (props.method !== void 0 && !isVariableBinding15(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 && !isVariableBinding15(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 && !isVariableBinding15(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" && !isVariableBinding15(props.preventDefault)) {
+      errors.push('Form "preventDefault" must be a boolean when provided.');
+    }
+    if (props.scrollToFirstError !== void 0 && typeof props.scrollToFirstError !== "boolean" && !isVariableBinding15(props.scrollToFirstError)) {
+      errors.push('Form "scrollToFirstError" must be a boolean when provided.');
+    }
+    if (props.resetOnSubmit !== void 0 && typeof props.resetOnSubmit !== "boolean" && !isVariableBinding15(props.resetOnSubmit)) {
+      errors.push('Form "resetOnSubmit" must be a boolean when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }
+};
+
+// src/definitions/form/input.ts
+import { isVariableBinding as isVariableBinding16 } from "@kubuild/schema";
+var inputDefinition = {
+  type: "input",
+  label: "Input",
+  category: "form",
+  icon: "input",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "input_field",
+    type: "text",
+    placeholder: "Enter text...",
+    defaultValue: "",
+    required: false,
+    disabled: false,
+    readOnly: false,
+    pattern: "",
+    minLength: void 0,
+    maxLength: void 0,
+    prefixIcon: "",
+    suffixIcon: "",
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "input_field" },
+    {
+      name: "type",
+      label: "Input Type",
+      type: "select",
+      defaultValue: "text",
+      options: [
+        { label: "Text", value: "text" },
+        { label: "Email", value: "email" },
+        { label: "Number", value: "number" },
+        { label: "Password", value: "password" },
+        { label: "Phone (tel)", value: "tel" },
+        { label: "URL", value: "url" },
+        { label: "Search", value: "search" },
+        { label: "Date", value: "date" }
+      ]
+    },
+    { name: "placeholder", label: "Placeholder", type: "string", defaultValue: "Enter text..." },
+    { name: "defaultValue", label: "Default Value", type: "string" },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "readOnly", label: "Read Only", type: "boolean", defaultValue: false },
+    { name: "pattern", label: "Pattern (regex)", type: "string" },
+    { name: "minLength", label: "Min Length", type: "number" },
+    { name: "maxLength", label: "Max Length", type: "number" },
+    { name: "prefixIcon", label: "Prefix Icon", type: "string" },
+    { name: "suffixIcon", label: "Suffix Icon", type: "string" },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    inputTypeTrait({ options: [
+      { label: "Text", value: "text" },
+      { label: "Email", value: "email" },
+      { label: "Number", value: "number" },
+      { label: "Password", value: "password" },
+      { label: "Phone (tel)", value: "tel" },
+      { label: "URL", value: "url" },
+      { label: "Search", value: "search" },
+      { label: "Date", value: "date" },
+      { label: "Hidden", value: "hidden" }
+    ] }),
+    fieldNameTrait({ defaultValue: "input_field" }),
+    placeholderTrait({ defaultValue: "Enter text..." }),
+    defaultValueTrait(),
+    requiredTrait(),
+    patternTrait(),
+    minLengthTrait(),
+    maxLengthTrait(),
+    prefixIconTrait(),
+    suffixIconTrait(),
+    helperTextTrait(),
+    disabledTrait(),
+    readOnlyTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding16(props.name)) {
+      errors.push('Input "name" must be a string when provided.');
+    }
+    if (props.type !== void 0 && !isVariableBinding16(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" && !isVariableBinding16(props.placeholder)) {
+      errors.push('Input "placeholder" must be a string when provided.');
+    }
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !isVariableBinding16(props.required)) {
+      errors.push('Input "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding16(props.disabled)) {
+      errors.push('Input "disabled" must be a boolean when provided.');
+    }
+    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !isVariableBinding16(props.readOnly)) {
+      errors.push('Input "readOnly" must be a boolean when provided.');
+    }
+    if (props.pattern !== void 0 && typeof props.pattern !== "string" && !isVariableBinding16(props.pattern)) {
+      errors.push('Input "pattern" must be a string when provided.');
+    }
+    if (props.minLength !== void 0 && !isVariableBinding16(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 && !isVariableBinding16(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" && !isVariableBinding16(props.prefixIcon)) {
+      errors.push('Input "prefixIcon" must be a string when provided.');
+    }
+    if (props.suffixIcon !== void 0 && typeof props.suffixIcon !== "string" && !isVariableBinding16(props.suffixIcon)) {
+      errors.push('Input "suffixIcon" must be a string when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding16(props.helperText)) {
+      errors.push('Input "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      paddingLeft: "14px",
+      paddingRight: "14px",
+      borderRadius: "6px",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#cbd5e1",
+      fontSize: "14px",
+      backgroundColor: "#ffffff",
+      color: "#1e293b",
+      boxSizing: "border-box"
+    }
+  }
+};
+
+// src/definitions/form/textarea.ts
+import { isVariableBinding as isVariableBinding17 } from "@kubuild/schema";
+var textareaDefinition = {
+  type: "textarea",
+  label: "Textarea",
+  category: "form",
+  icon: "textarea",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "message",
+    placeholder: "Enter your message...",
+    defaultValue: "",
+    rows: 4,
+    required: false,
+    disabled: false,
+    readOnly: false,
+    resize: "vertical",
+    autoGrow: false,
+    maxCharCount: void 0,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "message" },
+    { name: "placeholder", label: "Placeholder", type: "string", defaultValue: "Enter your message..." },
+    { name: "defaultValue", label: "Default Value", type: "textarea" },
+    { name: "rows", label: "Rows", type: "number", defaultValue: 4 },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "readOnly", label: "Read Only", type: "boolean", defaultValue: false },
+    {
+      name: "resize",
+      label: "Resize",
+      type: "select",
+      defaultValue: "vertical",
+      options: [
+        { label: "Vertical only", value: "vertical" },
+        { label: "Horizontal only", value: "horizontal" },
+        { label: "Both", value: "both" },
+        { label: "None", value: "none" }
+      ]
+    },
+    { name: "autoGrow", label: "Auto Grow", type: "boolean", defaultValue: false },
+    { name: "maxCharCount", label: "Max Character Count", type: "number" },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "message" }),
+    placeholderTrait({ defaultValue: "Enter your message..." }),
+    defaultValueTrait(),
+    rowsTrait(),
+    resizeTrait(),
+    autoGrowTrait(),
+    maxCharCountTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    readOnlyTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding17(props.name)) {
+      errors.push('Textarea "name" must be a string when provided.');
+    }
+    if (props.rows !== void 0 && !isVariableBinding17(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" && !isVariableBinding17(props.placeholder)) {
+      errors.push('Textarea "placeholder" must be a string when provided.');
+    }
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !isVariableBinding17(props.required)) {
+      errors.push('Textarea "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding17(props.disabled)) {
+      errors.push('Textarea "disabled" must be a boolean when provided.');
+    }
+    if (props.readOnly !== void 0 && typeof props.readOnly !== "boolean" && !isVariableBinding17(props.readOnly)) {
+      errors.push('Textarea "readOnly" must be a boolean when provided.');
+    }
+    if (props.resize !== void 0 && !isVariableBinding17(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" && !isVariableBinding17(props.autoGrow)) {
+      errors.push('Textarea "autoGrow" must be a boolean when provided.');
+    }
+    if (props.maxCharCount !== void 0 && !isVariableBinding17(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" && !isVariableBinding17(props.helperText)) {
+      errors.push('Textarea "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      paddingLeft: "14px",
+      paddingRight: "14px",
+      borderRadius: "6px",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#cbd5e1",
+      fontSize: "14px",
+      backgroundColor: "#ffffff",
+      color: "#1e293b",
+      boxSizing: "border-box"
+    }
+  }
+};
+
+// src/definitions/form/select.ts
+import { isVariableBinding as isVariableBinding18 } from "@kubuild/schema";
+var selectDefinition = {
+  type: "select",
+  label: "Select",
+  category: "form",
+  icon: "select",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "select_field",
+    placeholder: "Select an option...",
+    options: [
+      { label: "Option 1", value: "option1" },
+      { label: "Option 2", value: "option2" },
+      { label: "Option 3", value: "option3" }
+    ],
+    defaultValue: "",
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "select_field" },
+    { name: "placeholder", label: "Placeholder", type: "string", defaultValue: "Select an option..." },
+    {
+      name: "options",
+      label: "Options (JSON list)",
+      type: "json",
+      defaultValue: [
+        { label: "Option 1", value: "option1" },
+        { label: "Option 2", value: "option2" },
+        { label: "Option 3", value: "option3" }
+      ]
+    },
+    { name: "defaultValue", label: "Default Selected Value", type: "string" },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "select_field" }),
+    placeholderTrait({ defaultValue: "Select an option..." }),
+    optionsListTrait({ description: "The list of dropdown choices (label + value pairs). Editable via the inspector trait panel." }),
+    defaultValueTrait({ description: "The initially selected option value (must match one of the option values)." }),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding18(props.name)) {
+      errors.push('Select "name" must be a string when provided.');
+    }
+    if (props.options !== void 0 && !isVariableBinding18(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" && !isVariableBinding18(props.required)) {
+      errors.push('Select "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding18(props.disabled)) {
+      errors.push('Select "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding18(props.helperText)) {
+      errors.push('Select "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      width: "100%",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      paddingLeft: "14px",
+      paddingRight: "14px",
+      borderRadius: "6px",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#cbd5e1",
+      fontSize: "14px",
+      backgroundColor: "#ffffff",
+      color: "#1e293b",
+      boxSizing: "border-box"
+    }
+  }
+};
+
+// src/definitions/form/checkbox.ts
+import { isVariableBinding as isVariableBinding19 } from "@kubuild/schema";
+var checkboxDefinition = {
+  type: "checkbox",
+  label: "Checkbox",
+  category: "form",
+  icon: "checkbox",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "checkbox_field",
+    label: "I agree to the terms and conditions",
+    value: "yes",
+    defaultChecked: false,
+    indeterminate: false,
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "checkbox_field" },
+    { name: "label", label: "Label Text", type: "string", defaultValue: "I agree to the terms and conditions" },
+    { name: "value", label: "Checked Value", type: "string", defaultValue: "yes" },
+    { name: "defaultChecked", label: "Default Checked", type: "boolean", defaultValue: false },
+    { name: "indeterminate", label: "Indeterminate", type: "boolean", defaultValue: false },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "checkbox_field" }),
+    labelTextTrait({ defaultValue: "I agree to the terms and conditions" }),
+    valueTrait({ defaultValue: "yes" }),
+    defaultCheckedTrait(),
+    indeterminateTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.label !== void 0 && typeof props.label !== "string" && !isVariableBinding19(props.label)) {
+      errors.push('Checkbox "label" must be a string when provided.');
+    }
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding19(props.name)) {
+      errors.push('Checkbox "name" must be a string when provided.');
+    }
+    if (props.value !== void 0 && typeof props.value !== "string" && !isVariableBinding19(props.value)) {
+      errors.push('Checkbox "value" must be a string when provided.');
+    }
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !isVariableBinding19(props.defaultChecked)) {
+      errors.push('Checkbox "defaultChecked" must be a boolean when provided.');
+    }
+    if (props.indeterminate !== void 0 && typeof props.indeterminate !== "boolean" && !isVariableBinding19(props.indeterminate)) {
+      errors.push('Checkbox "indeterminate" must be a boolean when provided.');
+    }
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !isVariableBinding19(props.required)) {
+      errors.push('Checkbox "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding19(props.disabled)) {
+      errors.push('Checkbox "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding19(props.helperText)) {
+      errors.push('Checkbox "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8px",
+      fontSize: "14px",
+      color: "#1e293b",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  }
+};
+
+// src/definitions/form/switch.ts
+import { isVariableBinding as isVariableBinding20 } from "@kubuild/schema";
+var switchDefinition = {
+  type: "switch",
+  label: "Switch",
+  category: "form",
+  icon: "switch",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "switch_field",
+    label: "Enable feature",
+    value: "yes",
+    defaultChecked: false,
+    switchSize: "md",
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "switch_field" },
+    { name: "label", label: "Label Text", type: "string", defaultValue: "Enable feature" },
+    { name: "value", label: "Checked Value", type: "string", defaultValue: "yes" },
+    { name: "defaultChecked", label: "Default Checked", type: "boolean", defaultValue: false },
+    {
+      name: "switchSize",
+      label: "Size",
+      type: "select",
+      defaultValue: "md",
+      options: [
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "switch_field" }),
+    labelTextTrait({ defaultValue: "Enable feature" }),
+    valueTrait({ defaultValue: "yes" }),
+    defaultCheckedTrait(),
+    switchSizeTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.label !== void 0 && typeof props.label !== "string" && !isVariableBinding20(props.label)) {
+      errors.push('Switch "label" must be a string when provided.');
+    }
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding20(props.name)) {
+      errors.push('Switch "name" must be a string when provided.');
+    }
+    if (props.value !== void 0 && typeof props.value !== "string" && !isVariableBinding20(props.value)) {
+      errors.push('Switch "value" must be a string when provided.');
+    }
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !isVariableBinding20(props.defaultChecked)) {
+      errors.push('Switch "defaultChecked" must be a boolean when provided.');
+    }
+    if (props.switchSize !== void 0 && !isVariableBinding20(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" && !isVariableBinding20(props.required)) {
+      errors.push('Switch "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding20(props.disabled)) {
+      errors.push('Switch "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding20(props.helperText)) {
+      errors.push('Switch "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8px",
+      fontSize: "14px",
+      color: "#1e293b",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  }
+};
+
+// src/definitions/form/radio.ts
+import { isVariableBinding as isVariableBinding21 } from "@kubuild/schema";
+var radioGroupDefinition = {
+  type: "radio-group",
+  label: "Radio Group",
+  category: "form",
+  icon: "radio-group",
+  acceptsChildren: true,
+  allowedChildren: ["radio", "radio-item", "custom"],
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "radio_group",
+    defaultSelected: "option1",
+    orientation: "vertical",
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  defaultChildren: [
+    { type: "radio", props: { name: "radio_group", label: "Option 1", value: "option1", defaultChecked: true } },
+    { type: "radio", props: { name: "radio_group", label: "Option 2", value: "option2", defaultChecked: false } },
+    { type: "radio", props: { name: "radio_group", label: "Option 3", value: "option3", defaultChecked: false } }
+  ],
+  propFields: [
+    { name: "name", label: "Group Name", type: "string", defaultValue: "radio_group" },
+    { name: "defaultSelected", label: "Default Selected", type: "string", defaultValue: "option1" },
+    {
+      name: "orientation",
+      label: "Orientation",
+      type: "select",
+      defaultValue: "vertical",
+      options: [
+        { label: "Vertical", value: "vertical" },
+        { label: "Horizontal", value: "horizontal" }
+      ]
+    },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "radio_group", label: "Group Name" }),
+    defaultSelectedTrait({ defaultValue: "option1" }),
+    orientationTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding21(props.name)) {
+      errors.push('RadioGroup "name" must be a string when provided.');
+    }
+    if (props.defaultSelected !== void 0 && typeof props.defaultSelected !== "string" && !isVariableBinding21(props.defaultSelected)) {
+      errors.push('RadioGroup "defaultSelected" must be a string when provided.');
+    }
+    if (props.orientation !== void 0 && !isVariableBinding21(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" && !isVariableBinding21(props.required)) {
+      errors.push('RadioGroup "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding21(props.disabled)) {
+      errors.push('RadioGroup "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding21(props.helperText)) {
+      errors.push('RadioGroup "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }
+};
+var radioDefinition = {
+  type: "radio",
+  label: "Radio",
+  category: "form",
+  icon: "radio",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "radio_group",
+    label: "Option 1",
+    value: "option1",
+    defaultChecked: false,
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Group Name", type: "string", defaultValue: "radio_group" },
+    { name: "label", label: "Label Text", type: "string", defaultValue: "Option 1" },
+    { name: "value", label: "Radio Value", type: "string", defaultValue: "option1" },
+    { name: "defaultChecked", label: "Default Selected", type: "boolean", defaultValue: false },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "radio_group", label: "Group Name" }),
+    labelTextTrait({ defaultValue: "Option 1" }),
+    valueTrait({ defaultValue: "option1" }),
+    defaultCheckedTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.label !== void 0 && typeof props.label !== "string" && !isVariableBinding21(props.label)) {
+      errors.push('Radio "label" must be a string when provided.');
+    }
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding21(props.name)) {
+      errors.push('Radio "name" must be a string when provided.');
+    }
+    if (props.value !== void 0 && typeof props.value !== "string" && !isVariableBinding21(props.value)) {
+      errors.push('Radio "value" must be a string when provided.');
+    }
+    if (props.defaultChecked !== void 0 && typeof props.defaultChecked !== "boolean" && !isVariableBinding21(props.defaultChecked)) {
+      errors.push('Radio "defaultChecked" must be a boolean when provided.');
+    }
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !isVariableBinding21(props.required)) {
+      errors.push('Radio "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding21(props.disabled)) {
+      errors.push('Radio "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding21(props.helperText)) {
+      errors.push('Radio "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8px",
+      fontSize: "14px",
+      color: "#1e293b",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  }
+};
+var radioItemDefinition = {
+  ...radioDefinition,
+  type: "radio-item",
+  label: "Radio Item"
+};
+
+// src/definitions/form/file-upload.ts
+import { isVariableBinding as isVariableBinding22 } from "@kubuild/schema";
+var fileUploadDefinition = {
+  type: "file-upload",
+  label: "File Upload",
+  category: "form",
+  icon: "upload",
+  acceptsChildren: false,
+  disallowedParents: ["page"],
+  defaultProps: {
+    name: "file_upload",
+    label: "Upload File",
+    accept: "*/*",
+    maxFileSize: 10,
+    multiple: false,
+    showPreview: true,
+    required: false,
+    disabled: false,
+    helperText: ""
+  },
+  propFields: [
+    { name: "name", label: "Field Name", type: "string", defaultValue: "file_upload" },
+    { name: "label", label: "Label Text", type: "string", defaultValue: "Upload File" },
+    { name: "accept", label: "Accepted File Types", type: "string", defaultValue: "*/*" },
+    { name: "maxFileSize", label: "Max File Size (MB)", type: "number", defaultValue: 10 },
+    { name: "multiple", label: "Allow Multiple Files", type: "boolean", defaultValue: false },
+    { name: "showPreview", label: "Show Preview", type: "boolean", defaultValue: true },
+    { name: "required", label: "Required", type: "boolean", defaultValue: false },
+    { name: "disabled", label: "Disabled", type: "boolean", defaultValue: false },
+    { name: "helperText", label: "Helper Text", type: "string" }
+  ],
+  traits: [
+    fieldNameTrait({ defaultValue: "file_upload" }),
+    labelTextTrait({ defaultValue: "Upload File" }),
+    acceptTrait(),
+    maxFileSizeTrait(),
+    multipleTrait(),
+    showPreviewTrait(),
+    helperTextTrait(),
+    requiredTrait(),
+    disabledTrait(),
+    idTrait(),
+    ariaLabelTrait()
+  ],
+  validateProps: (props) => {
+    const errors = [];
+    if (props.label !== void 0 && typeof props.label !== "string" && !isVariableBinding22(props.label)) {
+      errors.push('FileUpload "label" must be a string when provided.');
+    }
+    if (props.name !== void 0 && typeof props.name !== "string" && !isVariableBinding22(props.name)) {
+      errors.push('FileUpload "name" must be a string when provided.');
+    }
+    if (props.accept !== void 0 && typeof props.accept !== "string" && !isVariableBinding22(props.accept)) {
+      errors.push('FileUpload "accept" must be a string when provided.');
+    }
+    if (props.maxFileSize !== void 0 && !isVariableBinding22(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" && !isVariableBinding22(props.multiple)) {
+      errors.push('FileUpload "multiple" must be a boolean when provided.');
+    }
+    if (props.showPreview !== void 0 && typeof props.showPreview !== "boolean" && !isVariableBinding22(props.showPreview)) {
+      errors.push('FileUpload "showPreview" must be a boolean when provided.');
+    }
+    if (props.required !== void 0 && typeof props.required !== "boolean" && !isVariableBinding22(props.required)) {
+      errors.push('FileUpload "required" must be a boolean when provided.');
+    }
+    if (props.disabled !== void 0 && typeof props.disabled !== "boolean" && !isVariableBinding22(props.disabled)) {
+      errors.push('FileUpload "disabled" must be a boolean when provided.');
+    }
+    if (props.helperText !== void 0 && typeof props.helperText !== "string" && !isVariableBinding22(props.helperText)) {
+      errors.push('FileUpload "helperText" must be a string when provided.');
+    }
+    return errors.length > 0 ? errors : true;
+  },
+  defaultStyles: {
+    base: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      fontSize: "14px",
+      color: "#1e293b"
+    }
+  }
+};
+
+// src/definitions/interactive/modal.ts
+var modalDefinition = {
+  type: "modal",
+  label: "Modal",
+  category: "interactive",
+  icon: "layout",
+  description: "Pop-up overlay dialog container with backdrop and close controls.",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  defaultProps: {
+    modalId: "modal-dialog",
+    title: "Modal Title",
+    backdrop: true,
+    closeOnBackdrop: true,
+    closeOnEscape: true,
+    size: "md",
+    showCloseButton: true
+  },
+  propFields: [
+    {
+      name: "modalId",
+      label: "Modal Target ID",
+      type: "string",
+      defaultValue: "modal-dialog",
+      description: "Unique identifier targeted by open_modal and close_modal actions."
+    },
+    {
+      name: "title",
+      label: "Modal Title",
+      type: "string",
+      defaultValue: "Modal Title",
+      description: "Header title text displayed at the top of the dialog."
+    },
+    {
+      name: "size",
+      label: "Size",
+      type: "select",
+      defaultValue: "md",
+      options: [
+        { label: "Small (400px)", value: "sm" },
+        { label: "Medium (560px)", value: "md" },
+        { label: "Large (768px)", value: "lg" },
+        { label: "Full Screen", value: "fullscreen" }
+      ]
+    },
+    {
+      name: "backdrop",
+      label: "Show Backdrop",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "closeOnBackdrop",
+      label: "Close on Backdrop Click",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "closeOnEscape",
+      label: "Close on Escape Key",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "showCloseButton",
+      label: "Show Close Button",
+      type: "boolean",
+      defaultValue: true
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ description: "Accessible name for the modal dialog." })
+  ],
+  defaultStyles: {
+    base: {
+      backgroundColor: "#ffffff",
+      borderRadius: "12px",
+      boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+      padding: "24px",
+      maxWidth: "560px",
+      width: "100%"
+    }
+  }
+};
+
+// src/definitions/interactive/drawer.ts
+var drawerDefinition = {
+  type: "drawer",
+  label: "Drawer",
+  category: "interactive",
+  icon: "sidebar",
+  description: "Off-canvas slide-over panel container, ideal for mobile navigation and side sheets.",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  defaultProps: {
+    modalId: "mobile-drawer",
+    title: "Navigation Menu",
+    placement: "right",
+    backdrop: true,
+    closeOnBackdrop: true,
+    closeOnEscape: true,
+    showCloseButton: true
+  },
+  propFields: [
+    {
+      name: "modalId",
+      label: "Drawer Target ID",
+      type: "string",
+      defaultValue: "mobile-drawer",
+      description: "Unique identifier targeted by open_modal and close_modal actions."
+    },
+    {
+      name: "placement",
+      label: "Placement",
+      type: "select",
+      defaultValue: "right",
+      options: [
+        { label: "Slide from Right", value: "right" },
+        { label: "Slide from Left", value: "left" },
+        { label: "Slide from Top (Dropdown)", value: "top" },
+        { label: "Slide from Bottom", value: "bottom" }
+      ]
+    },
+    {
+      name: "title",
+      label: "Drawer Title",
+      type: "string",
+      defaultValue: "Navigation Menu",
+      description: "Header title text displayed at the top of the drawer."
+    },
+    {
+      name: "backdrop",
+      label: "Show Backdrop",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "closeOnBackdrop",
+      label: "Close on Backdrop Click",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "closeOnEscape",
+      label: "Close on Escape Key",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "showCloseButton",
+      label: "Show Close Button",
+      type: "boolean",
+      defaultValue: true
+    }
+  ],
+  traits: [
+    idTrait(),
+    titleTrait(),
+    ariaLabelTrait({ description: "Accessible name for the off-canvas drawer." })
+  ],
+  defaultStyles: {
+    base: {
+      backgroundColor: "#ffffff",
+      boxShadow: "-4px 0 24px rgba(0, 0, 0, 0.15)",
+      padding: "24px",
+      width: "320px",
+      maxWidth: "100%"
+    },
+    mobile: {
+      width: "100%"
+    }
+  }
+};
+
+// src/definitions/interactive/collapsible.ts
+var collapsibleDefinition = {
+  type: "collapsible",
+  label: "Collapsible",
+  category: "interactive",
+  icon: "chevron-down",
+  description: "In-flow expandable container that toggles visibility without a fullscreen overlay.",
+  acceptsChildren: true,
+  allowedChildren: ["*"],
+  defaultProps: {
+    modalId: "collapsible-content",
+    defaultOpen: false,
+    animated: true
+  },
+  propFields: [
+    {
+      name: "modalId",
+      label: "Target ID",
+      type: "string",
+      defaultValue: "collapsible-content",
+      description: 'Identifier targeted by Open Modal (with "Toggle" enabled) or Close Modal actions.'
+    },
+    {
+      name: "defaultOpen",
+      label: "Default Open",
+      type: "boolean",
+      defaultValue: false,
+      description: "Whether the collapsible container starts expanded on initial render."
+    },
+    {
+      name: "animated",
+      label: "Smooth Transition",
+      type: "boolean",
+      defaultValue: true
+    }
+  ],
+  traits: [
+    idTrait(),
+    ariaLabelTrait({ description: "Accessible name for the collapsible container." })
+  ],
+  defaultStyles: {
+    base: {
+      width: "100%",
+      overflow: "hidden"
+    }
+  }
+};
+
+// 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;
+}
+
+export {
+  ComponentRegistry,
+  LAYOUT_PARENTS,
+  CONTENT_CHILD_TYPES,
+  pageDefinition,
+  sectionDefinition,
+  containerDefinition,
+  columnsDefinition,
+  flexDefinition,
+  gridDefinition,
+  headingDefinition,
+  textDefinition,
+  paragraphDefinition,
+  linkDefinition,
+  blockquoteDefinition,
+  badgeDefinition,
+  codeBlockDefinition,
+  imageDefinition,
+  videoDefinition,
+  iconDefinition,
+  htmlEmbedDefinition,
+  tableDefinition,
+  tableRowDefinition,
+  tableCellDefinition,
+  listDefinition,
+  listItemDefinition,
+  collectionDefinition,
+  buttonDefinition,
+  buttonSubmitDefinition,
+  formDefinition,
+  inputDefinition,
+  textareaDefinition,
+  selectDefinition,
+  checkboxDefinition,
+  switchDefinition,
+  radioGroupDefinition,
+  radioDefinition,
+  radioItemDefinition,
+  fileUploadDefinition,
+  modalDefinition,
+  drawerDefinition,
+  collapsibleDefinition,
+  coreComponentDefinitions,
+  createDefaultComponentRegistry
+};
+//# sourceMappingURL=chunk-K6I6U7F3.js.map