@duongthiu/onex-core 0.1.0 → 0.1.1

package/dist/chunk-RPP5K2LP.js

@@ -0,0 +1,870 @@
+"use client";
+'use strict';
+
+var chunkFQ7FWUZN_js = require('./chunk-FQ7FWUZN.js');
+var chunk2NMEKWO5_js = require('./chunk-2NMEKWO5.js');
+
+// src/utils/generate-id.ts
+function generatePageId(prefix = "page") {
+  return `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function generateSectionId(sectionType) {
+  return `${sectionType}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function generateBlockId(blockType) {
+  return `${blockType}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function generateHandle(title) {
+  return title.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function generateThemeId(name) {
+  const handle = generateHandle(name);
+  return `${handle}-${Date.now()}`;
+}
+function generateId(prefix = "id") {
+  return `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+
+// src/utils/block-finder.ts
+function findBlockInSection(section, blockId) {
+  if (!(section == null ? void 0 : section.blocks)) return void 0;
+  for (const block of section.blocks) {
+    if (block.id === blockId) {
+      return block;
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const found = findBlockInBlocks(block.blocks, blockId);
+      if (found) return found;
+    }
+  }
+  return void 0;
+}
+function findBlockInBlocks(blocks, blockId) {
+  for (const block of blocks) {
+    if (block.id === blockId) {
+      return block;
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const found = findBlockInBlocks(block.blocks, blockId);
+      if (found) return found;
+    }
+  }
+  return void 0;
+}
+function updateNestedBlock(section, blockId, updates) {
+  if (!section.blocks) return section;
+  return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues({}, section), {
+    blocks: updateBlockInArray(section.blocks, blockId, updates)
+  });
+}
+function updateBlockInArray(blocks, blockId, updates) {
+  return blocks.map((block) => {
+    if (block.id === blockId) {
+      return chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, block), updates);
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues({}, block), {
+        blocks: updateBlockInArray(block.blocks, blockId, updates)
+      });
+    }
+    return block;
+  });
+}
+function removeNestedBlock(section, blockId) {
+  if (!section.blocks) return section;
+  return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues({}, section), {
+    blocks: removeBlockFromArray(section.blocks, blockId)
+  });
+}
+function removeBlockFromArray(blocks, blockId) {
+  return blocks.filter((block) => block.id !== blockId).map((block) => {
+    if (block.blocks && block.blocks.length > 0) {
+      return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues({}, block), {
+        blocks: removeBlockFromArray(block.blocks, blockId)
+      });
+    }
+    return block;
+  });
+}
+function getBlockPath(section, blockId) {
+  if (!(section == null ? void 0 : section.blocks)) return [];
+  for (const block of section.blocks) {
+    if (block.id === blockId) {
+      return [block.id];
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const path = getBlockPathInBlocks(block.blocks, blockId);
+      if (path.length > 0) {
+        return [block.id, ...path];
+      }
+    }
+  }
+  return [];
+}
+function getBlockPathInBlocks(blocks, blockId) {
+  for (const block of blocks) {
+    if (block.id === blockId) {
+      return [block.id];
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const path = getBlockPathInBlocks(block.blocks, blockId);
+      if (path.length > 0) {
+        return [block.id, ...path];
+      }
+    }
+  }
+  return [];
+}
+
+// src/utils/component-finder.ts
+function findComponentInSection(section, componentId) {
+  if (!section) return null;
+  if (section.components) {
+    const directComponent = section.components.find(
+      (c) => c.id === componentId
+    );
+    if (directComponent) {
+      return directComponent;
+    }
+  }
+  if (section.blocks && section.blocks.length > 0) {
+    const found = findComponentInBlocks(section.blocks, componentId);
+    if (found) return found;
+  }
+  return null;
+}
+function findComponentInBlocks(blocks, componentId) {
+  for (const block of blocks) {
+    if (block.components) {
+      const component = block.components.find((c) => c.id === componentId);
+      if (component) {
+        return component;
+      }
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const found = findComponentInBlocks(block.blocks, componentId);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getComponentPath(section, componentId) {
+  if (!section) return null;
+  if (section.components) {
+    const directComponent = section.components.find(
+      (c) => c.id === componentId
+    );
+    if (directComponent) {
+      return {
+        sectionId: section.id,
+        blockPath: [],
+        componentId
+      };
+    }
+  }
+  if (section.blocks && section.blocks.length > 0) {
+    const blockPath = getComponentPathInBlocks(section.blocks, componentId);
+    if (blockPath.length > 0) {
+      return {
+        sectionId: section.id,
+        blockPath,
+        componentId
+      };
+    }
+  }
+  return null;
+}
+function getComponentPathInBlocks(blocks, componentId) {
+  for (const block of blocks) {
+    if (block.components) {
+      const component = block.components.find((c) => c.id === componentId);
+      if (component) {
+        return [block.id];
+      }
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      const path = getComponentPathInBlocks(block.blocks, componentId);
+      if (path.length > 0) {
+        return [block.id, ...path];
+      }
+    }
+  }
+  return [];
+}
+
+// src/utils/component-updater.ts
+function updateNestedComponent(section, componentId, updates) {
+  let updatedComponents = section.components;
+  if (updatedComponents && updatedComponents.length > 0) {
+    updatedComponents = updatedComponents.map((component) => {
+      var _a, _b;
+      if (component.id === componentId) {
+        return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, component), updates), {
+          // Deep merge content and style if provided
+          content: updates.content ? chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, (_a = component.content) != null ? _a : {}), updates.content) : component.content,
+          style: updates.style ? chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, (_b = component.style) != null ? _b : {}), updates.style) : component.style
+        });
+      }
+      return component;
+    });
+  }
+  let updatedBlocks = section.blocks;
+  if (updatedBlocks && updatedBlocks.length > 0) {
+    updatedBlocks = updateComponentInBlocks(
+      updatedBlocks,
+      componentId,
+      updates
+    );
+  }
+  return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues({}, section), {
+    components: updatedComponents,
+    blocks: updatedBlocks
+  });
+}
+function updateComponentInBlocks(blocks, componentId, updates) {
+  return blocks.map((block) => {
+    const updatedBlock = chunk2NMEKWO5_js.__spreadValues({}, block);
+    if (block.components && block.components.length > 0) {
+      updatedBlock.components = block.components.map((component) => {
+        var _a, _b;
+        if (component.id === componentId) {
+          return chunk2NMEKWO5_js.__spreadProps(chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, component), updates), {
+            type: component.type,
+            // Deep merge content and style if provided
+            content: updates.content ? chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, (_a = component.content) != null ? _a : {}), updates.content) : component.content,
+            style: updates.style ? chunk2NMEKWO5_js.__spreadValues(chunk2NMEKWO5_js.__spreadValues({}, (_b = component.style) != null ? _b : {}), updates.style) : component.style
+          });
+        }
+        return component;
+      });
+    }
+    if (block.blocks && block.blocks.length > 0) {
+      updatedBlock.blocks = updateComponentInBlocks(
+        block.blocks,
+        componentId,
+        updates
+      );
+    }
+    return updatedBlock;
+  });
+}
+
+// src/utils/section-helpers.ts
+function sortComponents(components) {
+  return [...components].sort((a, b) => (a.order || 0) - (b.order || 0));
+}
+function filterEnabledComponents(components) {
+  return components.filter((component) => component.enabled !== false);
+}
+function getActiveComponents(components) {
+  return sortComponents(filterEnabledComponents(components));
+}
+function groupBySlot(components, slotConfig) {
+  const slots = {};
+  const ungrouped = [];
+  for (const slotName in slotConfig) {
+    slots[slotName] = [];
+  }
+  const typeToSlot = {};
+  for (const [slotName, types] of Object.entries(slotConfig)) {
+    for (const type of types) {
+      typeToSlot[type] = slotName;
+    }
+  }
+  for (const component of components) {
+    if (component.enabled === false) continue;
+    const slotName = typeToSlot[component.type];
+    if (slotName) {
+      slots[slotName].push(component);
+    } else {
+      ungrouped.push(component);
+    }
+  }
+  for (const slotName in slots) {
+    slots[slotName] = sortComponents(slots[slotName]);
+  }
+  ungrouped.sort((a, b) => (a.order || 0) - (b.order || 0));
+  return { slots, ungrouped };
+}
+function getComponentsByType(components, types) {
+  const typeArray = Array.isArray(types) ? types : [types];
+  return components.filter(
+    (component) => component.enabled !== false && typeArray.includes(component.type)
+  ).sort((a, b) => (a.order || 0) - (b.order || 0));
+}
+function getFirstComponentByType(components, types) {
+  const typeArray = Array.isArray(types) ? types : [types];
+  return components.find(
+    (component) => component.enabled !== false && typeArray.includes(component.type)
+  );
+}
+function hasComponentType(components, types) {
+  const typeArray = Array.isArray(types) ? types : [types];
+  return components.some(
+    (component) => component.enabled !== false && typeArray.includes(component.type)
+  );
+}
+function sortBlocks(blocks) {
+  return [...blocks].sort((a, b) => (a.order || 0) - (b.order || 0));
+}
+function filterEnabledBlocks(blocks) {
+  return blocks.filter((block) => block.enabled !== false);
+}
+function getActiveBlocks(blocks) {
+  return sortBlocks(filterEnabledBlocks(blocks));
+}
+function countEnabledItems(items) {
+  return items.filter((item) => item.enabled !== false).length;
+}
+function hasEnabledItems(items) {
+  return !!items && countEnabledItems(items) > 0;
+}
+
+// src/utils/inspector-utils.ts
+function getElementLabel(result) {
+  switch (result.type) {
+    case "component":
+      return result.componentType || "Component";
+    case "block": {
+      const blockElement = result.element || document.querySelector(`[data-block-id="${result.blockId}"]`);
+      const blockType = blockElement == null ? void 0 : blockElement.getAttribute("data-block-type");
+      if (blockType) {
+        return blockType.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+      }
+      return "Block";
+    }
+    case "section": {
+      const element = result.element || document.querySelector(`[data-section-id="${result.sectionId}"]`);
+      const sectionName = element == null ? void 0 : element.getAttribute("data-section-name");
+      if (sectionName) {
+        return sectionName;
+      }
+      const sectionType = element == null ? void 0 : element.getAttribute("data-section-type");
+      if (sectionType) {
+        return sectionType.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+      }
+      return "Section";
+    }
+    default:
+      return "Unknown";
+  }
+}
+function getSelectionColor(type) {
+  return chunkFQ7FWUZN_js.DEFAULT_INSPECTOR_CONFIG.outlineColors[type] || "#999999";
+}
+function formatBlockName(name) {
+  return name.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+
+// src/utils/adapters.ts
+function toComponentInstance(component) {
+  var _a, _b, _c;
+  const content = (_b = (_a = component.content) != null ? _a : component.settings) != null ? _b : {};
+  const style = (_c = component.style) != null ? _c : {};
+  return {
+    id: component.id,
+    type: component.type,
+    content,
+    style,
+    responsiveStyle: void 0,
+    styleMode: "basic",
+    order: component.order,
+    enabled: component.enabled,
+    createdAt: component.createdAt,
+    updatedAt: component.updatedAt
+  };
+}
+
+// src/utils/section/validation.ts
+function validateFieldValue(fieldDef, value) {
+  if (fieldDef.required && (value === void 0 || value === null)) {
+    return {
+      field: fieldDef.id,
+      value,
+      message: `Field '${fieldDef.id}' is required but was not provided`
+    };
+  }
+  if (value === void 0 || value === null) {
+    return null;
+  }
+  switch (fieldDef.type) {
+    case chunkFQ7FWUZN_js.FIELD_TYPES.SELECT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RADIO: {
+      const options = fieldDef.options || [];
+      const allowedValues = options.map((opt) => opt.value);
+      if (!allowedValues.includes(value)) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value '${value}' for field '${fieldDef.id}' is not in allowed options`,
+          allowedValues
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.NUMBER:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RANGE: {
+      if (typeof value !== "number" || Number.isNaN(value)) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Field '${fieldDef.id}' must be a number, got '${typeof value}'`
+        };
+      }
+      if (fieldDef.min !== void 0 && value < fieldDef.min) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value ${value} for field '${fieldDef.id}' is below minimum ${fieldDef.min}`
+        };
+      }
+      if (fieldDef.max !== void 0 && value > fieldDef.max) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value ${value} for field '${fieldDef.id}' is above maximum ${fieldDef.max}`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXTAREA: {
+      const strValue = String(value);
+      if (fieldDef.maxLength && strValue.length > fieldDef.maxLength) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Field '${fieldDef.id}' exceeds maximum length of ${fieldDef.maxLength}`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.URL: {
+      const urlValue = String(value);
+      if (!urlValue.startsWith("/") && !urlValue.startsWith("http://") && !urlValue.startsWith("https://") && !urlValue.startsWith("#")) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Field '${fieldDef.id}' with value '${urlValue}' is not a valid URL`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BOOLEAN:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.CHECKBOX: {
+      if (typeof value !== "boolean") {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Field '${fieldDef.id}' must be a boolean, got '${typeof value}'`
+        };
+      }
+      break;
+    }
+  }
+  return null;
+}
+function validateSettings(section, schema) {
+  var _a;
+  const errors = [];
+  for (const fieldDef of schema.settings) {
+    const value = (_a = section.settings) == null ? void 0 : _a[fieldDef.id];
+    const error = validateFieldValue(fieldDef, value);
+    if (error) {
+      errors.push(error);
+    }
+  }
+  return {
+    valid: errors.length === 0,
+    errors
+  };
+}
+function validateSection(section, schema) {
+  return validateSettings(section, schema);
+}
+
+// src/utils/section/extraction.ts
+function extractSettings(section, schema) {
+  var _a, _b, _c;
+  const result = {};
+  for (const fieldDef of schema.settings) {
+    const fieldId = fieldDef.id;
+    const runtimeValue = (_a = section.settings) == null ? void 0 : _a[fieldId];
+    const defaultValue = (_c = (_b = schema.defaults[fieldId]) != null ? _b : fieldDef.default) != null ? _c : void 0;
+    if (runtimeValue !== void 0 && runtimeValue !== null) {
+      const error = validateFieldValue(fieldDef, runtimeValue);
+      if (error) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn(
+            `[Section Validation] ${error.message}. Using default: "${defaultValue}"`
+          );
+        }
+        result[fieldId] = defaultValue;
+      } else {
+        result[fieldId] = runtimeValue;
+      }
+    } else {
+      result[fieldId] = defaultValue;
+    }
+  }
+  return result;
+}
+
+// src/utils/section/conversion.ts
+function autoConvertValue(fieldDef, value) {
+  if (value == null) return value;
+  switch (fieldDef.type) {
+    // String types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXTAREA:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.URL:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.COLOR:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.SELECT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RADIO:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RICHTEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.IMAGE:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.VIDEO:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.FONT:
+      return String(value);
+    // Number types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.NUMBER:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RANGE:
+      return Number(value);
+    // Boolean types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BOOLEAN:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.CHECKBOX:
+      return Boolean(value);
+    // Array types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.ARRAY:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.REPEATER:
+      return Array.isArray(value) ? value : [];
+    // Complex types (return as-is)
+    case chunkFQ7FWUZN_js.FIELD_TYPES.COLLECTION:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.PRODUCT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BLOG:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.ARTICLE:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.PAGE:
+      return value;
+    default:
+      return value;
+  }
+}
+function createValueProxy(values, definitions) {
+  return new Proxy(values, {
+    get(target, prop) {
+      const value = target[prop];
+      const fieldDef = definitions.find((f) => f.id === prop);
+      if (!fieldDef) {
+        return value;
+      }
+      return autoConvertValue(fieldDef, value);
+    }
+  });
+}
+
+// src/utils/section/index.ts
+function getSectionValues(section, schema) {
+  const settingsValues = extractSettings(section, schema);
+  const validation = validateSection(section, schema);
+  return {
+    settings: createValueProxy(settingsValues, schema.settings),
+    isValid: validation.valid,
+    errors: validation.errors
+  };
+}
+
+// src/utils/component/validation.ts
+function validateFieldValue2(fieldDef, value) {
+  if (value === void 0 || value === null) {
+    if (fieldDef.required) {
+      return {
+        field: fieldDef.id,
+        value,
+        message: `Field "${fieldDef.label}" is required`
+      };
+    }
+    return null;
+  }
+  switch (fieldDef.type) {
+    case chunkFQ7FWUZN_js.FIELD_TYPES.SELECT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RADIO: {
+      const selectDef = fieldDef;
+      const allowedValues = selectDef.options.map((opt) => opt.value);
+      if (!allowedValues.includes(String(value))) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value "${value}" is not in allowed options for field "${fieldDef.label}"`,
+          allowedValues
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.NUMBER:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RANGE: {
+      const numberDef = fieldDef;
+      const numValue = Number(value);
+      if (isNaN(numValue)) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value "${value}" for field "${fieldDef.label}" must be a number`
+        };
+      }
+      if (numberDef.min !== void 0 && numValue < numberDef.min) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value ${numValue} for field "${fieldDef.label}" is below minimum ${numberDef.min}`
+        };
+      }
+      if (numberDef.max !== void 0 && numValue > numberDef.max) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value ${numValue} for field "${fieldDef.label}" is above maximum ${numberDef.max}`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXTAREA: {
+      const textDef = fieldDef;
+      const strValue = String(value);
+      if (textDef.maxLength && strValue.length > textDef.maxLength) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Text for field "${fieldDef.label}" exceeds maximum length of ${textDef.maxLength}`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BOOLEAN:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.CHECKBOX: {
+      if (typeof value !== "boolean") {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value "${value}" for field "${fieldDef.label}" must be a boolean`
+        };
+      }
+      break;
+    }
+    case chunkFQ7FWUZN_js.FIELD_TYPES.URL: {
+      const strValue = String(value);
+      if (!strValue.startsWith("#") && !strValue.startsWith("/") && !strValue.startsWith("http")) {
+        return {
+          field: fieldDef.id,
+          value,
+          message: `Value "${value}" for field "${fieldDef.label}" is not a valid URL`
+        };
+      }
+      break;
+    }
+  }
+  return null;
+}
+function validateContent(component, definition) {
+  const errors = [];
+  for (const fieldDef of definition.contentSettings) {
+    const value = component.content[fieldDef.id];
+    const error = validateFieldValue2(fieldDef, value);
+    if (error) {
+      errors.push(error);
+    }
+  }
+  return {
+    valid: errors.length === 0,
+    errors
+  };
+}
+function validateStyle(component, definition) {
+  const errors = [];
+  const allStyleSettings = [
+    ...definition.basicStyleSettings,
+    ...definition.advancedStyleSettings
+  ];
+  for (const fieldDef of allStyleSettings) {
+    const value = component.style[fieldDef.id];
+    const error = validateFieldValue2(fieldDef, value);
+    if (error) {
+      errors.push(error);
+    }
+  }
+  return {
+    valid: errors.length === 0,
+    errors
+  };
+}
+function validateComponent(component, definition) {
+  const contentValidation = validateContent(component, definition);
+  const styleValidation = validateStyle(component, definition);
+  return {
+    valid: contentValidation.valid && styleValidation.valid,
+    errors: [...contentValidation.errors, ...styleValidation.errors]
+  };
+}
+
+// src/utils/component/extraction.ts
+function extractContent(component, definition) {
+  var _a, _b;
+  const result = {};
+  for (const fieldDef of definition.contentSettings) {
+    const fieldId = fieldDef.id;
+    const runtimeValue = component.content[fieldId];
+    const defaultValue = (_b = (_a = definition.contentDefaults[fieldId]) != null ? _a : fieldDef.default) != null ? _b : void 0;
+    if (runtimeValue !== void 0 && runtimeValue !== null) {
+      const error = validateFieldValue2(fieldDef, runtimeValue);
+      if (error) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn(
+            `[Component Validation] ${error.message}. Using default: "${defaultValue}"`
+          );
+        }
+        result[fieldId] = defaultValue;
+      } else {
+        result[fieldId] = runtimeValue;
+      }
+    } else {
+      result[fieldId] = defaultValue;
+    }
+  }
+  return result;
+}
+function extractStyle(component, definition) {
+  var _a, _b;
+  const result = {};
+  const allStyleSettings = [
+    ...definition.basicStyleSettings,
+    ...definition.advancedStyleSettings
+  ];
+  for (const fieldDef of allStyleSettings) {
+    const fieldId = fieldDef.id;
+    const runtimeValue = component.style[fieldId];
+    const defaultValue = (_b = (_a = definition.styleDefaults[fieldId]) != null ? _a : fieldDef.default) != null ? _b : void 0;
+    if (runtimeValue !== void 0 && runtimeValue !== null) {
+      const error = validateFieldValue2(fieldDef, runtimeValue);
+      if (error) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn(
+            `[Component Validation] ${error.message}. Using default: "${defaultValue}"`
+          );
+        }
+        result[fieldId] = defaultValue;
+      } else {
+        result[fieldId] = runtimeValue;
+      }
+    } else {
+      result[fieldId] = defaultValue;
+    }
+  }
+  return result;
+}
+
+// src/utils/component/conversion.ts
+function autoConvertValue2(fieldDef, value) {
+  if (value == null) return value;
+  switch (fieldDef.type) {
+    // String types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.TEXTAREA:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.URL:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.COLOR:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.SELECT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RADIO:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RICHTEXT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.IMAGE:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.VIDEO:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.FONT:
+      return String(value);
+    // Number types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.NUMBER:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.RANGE:
+      return Number(value);
+    // Boolean types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BOOLEAN:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.CHECKBOX:
+      return Boolean(value);
+    // Array types
+    case chunkFQ7FWUZN_js.FIELD_TYPES.ARRAY:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.REPEATER:
+      return Array.isArray(value) ? value : [];
+    // Complex types (return as-is)
+    case chunkFQ7FWUZN_js.FIELD_TYPES.COLLECTION:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.PRODUCT:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.BLOG:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.ARTICLE:
+    case chunkFQ7FWUZN_js.FIELD_TYPES.PAGE:
+      return value;
+    default:
+      return value;
+  }
+}
+function createValueProxy2(values, definitions) {
+  return new Proxy(values, {
+    get(target, prop) {
+      const value = target[prop];
+      const fieldDef = definitions.find((f) => f.id === prop);
+      if (!fieldDef) {
+        return value;
+      }
+      return autoConvertValue2(fieldDef, value);
+    }
+  });
+}
+
+// src/utils/component/index.ts
+function getComponentValues(component, definition) {
+  const contentValues = extractContent(component, definition);
+  const styleValues = extractStyle(component, definition);
+  const validation = validateComponent(component, definition);
+  return {
+    content: createValueProxy2(contentValues, definition.contentSettings),
+    style: createValueProxy2(styleValues, [
+      ...definition.basicStyleSettings,
+      ...definition.advancedStyleSettings
+    ]),
+    isValid: validation.valid,
+    errors: validation.errors
+  };
+}
+
+exports.countEnabledItems = countEnabledItems;
+exports.filterEnabledBlocks = filterEnabledBlocks;
+exports.filterEnabledComponents = filterEnabledComponents;
+exports.findBlockInSection = findBlockInSection;
+exports.findComponentInSection = findComponentInSection;
+exports.formatBlockName = formatBlockName;
+exports.generateBlockId = generateBlockId;
+exports.generateHandle = generateHandle;
+exports.generateId = generateId;
+exports.generatePageId = generatePageId;
+exports.generateSectionId = generateSectionId;
+exports.generateThemeId = generateThemeId;
+exports.getActiveBlocks = getActiveBlocks;
+exports.getActiveComponents = getActiveComponents;
+exports.getBlockPath = getBlockPath;
+exports.getComponentPath = getComponentPath;
+exports.getComponentValues = getComponentValues;
+exports.getComponentsByType = getComponentsByType;
+exports.getElementLabel = getElementLabel;
+exports.getFirstComponentByType = getFirstComponentByType;
+exports.getSectionValues = getSectionValues;
+exports.getSelectionColor = getSelectionColor;
+exports.groupBySlot = groupBySlot;
+exports.hasComponentType = hasComponentType;
+exports.hasEnabledItems = hasEnabledItems;
+exports.removeNestedBlock = removeNestedBlock;
+exports.sortBlocks = sortBlocks;
+exports.sortComponents = sortComponents;
+exports.toComponentInstance = toComponentInstance;
+exports.updateNestedBlock = updateNestedBlock;
+exports.updateNestedComponent = updateNestedComponent;
+exports.validateComponent = validateComponent;
+exports.validateContent = validateContent;
+exports.validateSection = validateSection;
+exports.validateSettings = validateSettings;
+exports.validateStyle = validateStyle;
+//# sourceMappingURL=chunk-RPP5K2LP.js.map
+//# sourceMappingURL=chunk-RPP5K2LP.js.map