@elementor/editor-props 4.1.0 → 4.2.0-839

package/dist/index.js

@@ -44,6 +44,8 @@ __export(index_exports, {
   createArrayPropUtils: () => createArrayPropUtils,
   createPropUtils: () => createPropUtils,
   cssFilterFunctionPropUtil: () => cssFilterFunctionPropUtil,
+  dateRangePropTypeUtil: () => dateRangePropTypeUtil,
+  dateStringPropTypeUtil: () => dateStringPropTypeUtil,
   dimensionsPropTypeUtil: () => dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil: () => dropShadowFilterPropTypeUtil,
   emailPropTypeUtil: () => emailPropTypeUtil,
@@ -65,6 +67,7 @@ __export(index_exports, {
   isDependency: () => isDependency,
   isDependencyMet: () => isDependencyMet,
   isEmpty: () => isEmpty,
+  isOverridable: () => isOverridable,
   isTransformable: () => isTransformable,
   keyValuePropTypeUtil: () => keyValuePropTypeUtil,
   layoutDirectionPropTypeUtil: () => layoutDirectionPropTypeUtil,
@@ -72,20 +75,25 @@ __export(index_exports, {
   mergeProps: () => mergeProps,
   moveTransformPropTypeUtil: () => moveTransformPropTypeUtil,
   numberPropTypeUtil: () => numberPropTypeUtil,
+  numberRangePropTypeUtil: () => numberRangePropTypeUtil,
   parseHtmlChildren: () => parseHtmlChildren,
   perspectiveOriginPropTypeUtil: () => perspectiveOriginPropTypeUtil,
   positionPropTypeUtil: () => positionPropTypeUtil,
   queryPropTypeUtil: () => queryPropTypeUtil,
+  rewrapOverridableValue: () => rewrapOverridableValue,
   rotateTransformPropTypeUtil: () => rotateTransformPropTypeUtil,
   scaleTransformPropTypeUtil: () => scaleTransformPropTypeUtil,
   selectionSizePropTypeUtil: () => selectionSizePropTypeUtil,
   shadowPropTypeUtil: () => shadowPropTypeUtil,
   sizePropTypeUtil: () => sizePropTypeUtil,
   skewTransformPropTypeUtil: () => skewTransformPropTypeUtil,
+  spanPropTypeUtil: () => spanPropTypeUtil,
   stringArrayPropTypeUtil: () => stringArrayPropTypeUtil,
   stringPropTypeUtil: () => stringPropTypeUtil,
   strokePropTypeUtil: () => strokePropTypeUtil,
   svgSrcPropTypeUtil: () => svgSrcPropTypeUtil,
+  timeRangePropTypeUtil: () => timeRangePropTypeUtil,
+  timeStringPropTypeUtil: () => timeStringPropTypeUtil,
   transformFunctionsPropTypeUtil: () => transformFunctionsPropTypeUtil,
   transformOriginPropTypeUtil: () => transformOriginPropTypeUtil,
   transformPropTypeUtil: () => transformPropTypeUtil,
@@ -246,7 +254,8 @@ var imageSrcPropTypeUtil = createPropUtils(
   }).or(
     import_schema12.z.strictObject({
       id: import_schema12.z.null(),
-      url: unknownChildrenSchema
+      url: unknownChildrenSchema,
+      alt: unknownChildrenSchema
     })
   )
 );
@@ -335,42 +344,46 @@ var sizePropTypeUtil = createPropUtils(
   )
 );
 
-// src/prop-types/string.ts
+// src/prop-types/span.ts
 var import_schema19 = require("@elementor/schema");
-var stringPropTypeUtil = createPropUtils("string", import_schema19.z.string().nullable());
+var spanPropTypeUtil = createPropUtils("span", import_schema19.z.number().nullable());
+
+// src/prop-types/string.ts
+var import_schema20 = require("@elementor/schema");
+var stringPropTypeUtil = createPropUtils("string", import_schema20.z.string().nullable());
 
 // src/prop-types/string-array.ts
 var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-var import_schema20 = require("@elementor/schema");
+var import_schema21 = require("@elementor/schema");
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  import_schema20.z.strictObject({
+  import_schema21.z.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-var import_schema21 = require("@elementor/schema");
-var urlPropTypeUtil = createPropUtils("url", import_schema21.z.string().nullable());
+var import_schema22 = require("@elementor/schema");
+var urlPropTypeUtil = createPropUtils("url", import_schema22.z.string().nullable());
 
 // src/prop-types/layout-direction.ts
-var import_schema22 = require("@elementor/schema");
+var import_schema23 = require("@elementor/schema");
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  import_schema22.z.object({
-    row: import_schema22.z.any(),
-    column: import_schema22.z.any()
+  import_schema23.z.object({
+    row: import_schema23.z.any(),
+    column: import_schema23.z.any()
   })
 );
 
 // src/prop-types/link.ts
-var import_schema23 = require("@elementor/schema");
+var import_schema24 = require("@elementor/schema");
 var linkPropTypeUtil = createPropUtils(
   "link",
-  import_schema23.z.strictObject({
+  import_schema24.z.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
@@ -378,10 +391,10 @@ var linkPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/email.ts
-var import_schema24 = require("@elementor/schema");
+var import_schema25 = require("@elementor/schema");
 var emailPropTypeUtil = createPropUtils(
   "email",
-  import_schema24.z.strictObject({
+  import_schema25.z.strictObject({
     to: unknownChildrenSchema,
     subject: unknownChildrenSchema,
     message: unknownChildrenSchema,
@@ -396,13 +409,13 @@ var emailPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/selection-size.ts
-var import_schema26 = require("@elementor/schema");
+var import_schema27 = require("@elementor/schema");
 
 // src/prop-types/key-value.ts
-var import_schema25 = require("@elementor/schema");
+var import_schema26 = require("@elementor/schema");
 var keyValuePropTypeUtil = createPropUtils(
   "key-value",
-  import_schema25.z.strictObject({
+  import_schema26.z.strictObject({
     key: unknownChildrenSchema,
     value: unknownChildrenSchema
   })
@@ -411,17 +424,17 @@ var keyValuePropTypeUtil = createPropUtils(
 // src/prop-types/selection-size.ts
 var selectionSizePropTypeUtil = createPropUtils(
   "selection-size",
-  import_schema26.z.strictObject({
-    selection: import_schema26.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
+  import_schema27.z.strictObject({
+    selection: import_schema27.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/background-prop-types/background.ts
-var import_schema27 = require("@elementor/schema");
+var import_schema28 = require("@elementor/schema");
 var backgroundPropTypeUtil = createPropUtils(
   "background",
-  import_schema27.z.strictObject({
+  import_schema28.z.strictObject({
     color: unknownChildrenSchema,
     clip: unknownChildrenSchema,
     "background-overlay": unknownChildrenSchema
@@ -429,7 +442,7 @@ var backgroundPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/background-prop-types/background-overlay.ts
-var import_schema28 = require("@elementor/schema");
+var import_schema29 = require("@elementor/schema");
 
 // src/prop-types/background-prop-types/background-color-overlay.ts
 var backgroundColorOverlayPropTypeUtil = createPropUtils("background-color-overlay", unknownChildrenSchema);
@@ -445,7 +458,7 @@ var backgroundImageOverlayPropTypeUtil = createPropUtils("background-image-overl
 
 // src/prop-types/background-prop-types/background-overlay.ts
 var backgroundOverlayItem = backgroundColorOverlayPropTypeUtil.schema.or(backgroundGradientOverlayPropTypeUtil.schema).or(backgroundImageOverlayPropTypeUtil.schema);
-var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", import_schema28.z.array(backgroundOverlayItem));
+var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", import_schema29.z.array(backgroundOverlayItem));
 
 // src/prop-types/background-prop-types/background-image-position-offset.ts
 var backgroundImagePositionOffsetPropTypeUtil = createPropUtils(
@@ -460,92 +473,102 @@ var backgroundImageSizeScalePropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/boolean.ts
-var import_schema29 = require("@elementor/schema");
-var booleanPropTypeUtil = createPropUtils("boolean", import_schema29.z.boolean().nullable());
+var import_schema30 = require("@elementor/schema");
+var booleanPropTypeUtil = createPropUtils("boolean", import_schema30.z.boolean().nullable());
 
 // src/prop-types/color-stop.ts
-var import_schema30 = require("@elementor/schema");
+var import_schema31 = require("@elementor/schema");
 var colorStopPropTypeUtil = createPropUtils(
   "color-stop",
-  import_schema30.z.strictObject({
+  import_schema31.z.strictObject({
     color: unknownChildrenSchema,
     offset: unknownChildrenSchema
   })
 );
 
 // src/prop-types/gradient-color-stop.ts
-var import_schema31 = require("@elementor/schema");
+var import_schema32 = require("@elementor/schema");
 var gradientColorStopPropTypeUtil = createPropUtils(
   "gradient-color-stop",
-  import_schema31.z.array(colorStopPropTypeUtil.schema)
+  import_schema32.z.array(colorStopPropTypeUtil.schema)
+);
+
+// src/prop-types/number-range.ts
+var import_schema33 = require("@elementor/schema");
+var numberRangePropTypeUtil = createPropUtils(
+  "number-range",
+  import_schema33.z.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
 );
 
 // src/prop-types/date-time.ts
-var import_schema32 = require("@elementor/schema");
+var import_schema34 = require("@elementor/schema");
 var DateTimePropTypeUtil = createPropUtils(
   "date-time",
-  import_schema32.z.strictObject({
+  import_schema34.z.strictObject({
     date: unknownChildrenSchema,
     time: unknownChildrenSchema
   })
 );
 
 // src/prop-types/position.ts
-var import_schema33 = require("@elementor/schema");
+var import_schema35 = require("@elementor/schema");
 var positionPropTypeUtil = createPropUtils(
   "object-position",
-  import_schema33.z.strictObject({
+  import_schema35.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query.ts
-var import_schema34 = require("@elementor/schema");
+var import_schema36 = require("@elementor/schema");
 var queryPropTypeUtil = createPropUtils(
   "query",
-  import_schema34.z.strictObject({
+  import_schema36.z.strictObject({
     id: unknownChildrenSchema,
     label: unknownChildrenSchema
   })
 );
 
 // src/prop-types/html.ts
-var import_schema35 = require("@elementor/schema");
-var htmlPropTypeUtil = createPropUtils("html", import_schema35.z.string().nullable());
+var import_schema37 = require("@elementor/schema");
+var htmlPropTypeUtil = createPropUtils("html", import_schema37.z.string().nullable());
 
 // src/prop-types/html-v2.ts
-var import_schema36 = require("@elementor/schema");
-var childElementSchema = import_schema36.z.lazy(
-  () => import_schema36.z.object({
-    id: import_schema36.z.string(),
-    type: import_schema36.z.string(),
-    content: import_schema36.z.string().optional(),
-    children: import_schema36.z.array(childElementSchema).optional()
+var import_schema38 = require("@elementor/schema");
+var childElementSchema = import_schema38.z.lazy(
+  () => import_schema38.z.object({
+    id: import_schema38.z.string(),
+    type: import_schema38.z.string(),
+    content: import_schema38.z.string().optional(),
+    children: import_schema38.z.array(childElementSchema).optional()
   })
 );
-var htmlV2ValueSchema = import_schema36.z.object({
-  content: import_schema36.z.string().nullable(),
-  children: import_schema36.z.array(childElementSchema)
+var htmlV2ValueSchema = import_schema38.z.object({
+  content: import_schema38.z.string().nullable(),
+  children: import_schema38.z.array(childElementSchema)
 });
 var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
 
 // src/prop-types/html-v3.ts
-var import_schema37 = require("@elementor/schema");
-var htmlV3ValueSchema = import_schema37.z.object({
+var import_schema39 = require("@elementor/schema");
+var htmlV3ValueSchema = import_schema39.z.object({
   content: stringPropTypeUtil.schema.nullable(),
-  children: import_schema37.z.array(import_schema37.z.unknown())
+  children: import_schema39.z.array(import_schema39.z.unknown())
 });
 var htmlV3PropTypeUtil = createPropUtils("html-v3", htmlV3ValueSchema);
 
 // src/prop-types/filter-prop-types/filter.ts
-var import_schema43 = require("@elementor/schema");
+var import_schema45 = require("@elementor/schema");
 
 // src/prop-types/filter-prop-types/drop-shadow-filter.ts
-var import_schema38 = require("@elementor/schema");
+var import_schema40 = require("@elementor/schema");
 var dropShadowFilterPropTypeUtil = createPropUtils(
   "drop-shadow",
-  import_schema38.z.object({
+  import_schema40.z.object({
     xAxis: unknownChildrenSchema,
     yAxis: unknownChildrenSchema,
     blur: unknownChildrenSchema,
@@ -554,37 +577,37 @@ var dropShadowFilterPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/filter-prop-types/filter-functions/blur-filter.ts
-var import_schema39 = require("@elementor/schema");
+var import_schema41 = require("@elementor/schema");
 var blurFilterPropTypeUtil = createPropUtils(
   "blur",
-  import_schema39.z.strictObject({
+  import_schema41.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/color-tone-filter.ts
-var import_schema40 = require("@elementor/schema");
+var import_schema42 = require("@elementor/schema");
 var colorToneFilterPropTypeUtil = createPropUtils(
   "color-tone",
-  import_schema40.z.strictObject({
+  import_schema42.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/hue-rotate-filter.ts
-var import_schema41 = require("@elementor/schema");
+var import_schema43 = require("@elementor/schema");
 var hueRotateFilterPropTypeUtil = createPropUtils(
   "hue-rotate",
-  import_schema41.z.strictObject({
+  import_schema43.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/intensity-filter.ts
-var import_schema42 = require("@elementor/schema");
+var import_schema44 = require("@elementor/schema");
 var intensityFilterPropTypeUtil = createPropUtils(
   "intensity",
-  import_schema42.z.strictObject({
+  import_schema44.z.strictObject({
     size: unknownChildrenSchema
   })
 );
@@ -592,9 +615,9 @@ var intensityFilterPropTypeUtil = createPropUtils(
 // src/prop-types/filter-prop-types/filter.ts
 var cssFilterFunctionPropUtil = createPropUtils(
   "css-filter-func",
-  import_schema43.z.object({
+  import_schema45.z.object({
     func: stringPropTypeUtil.schema,
-    args: import_schema43.z.union([
+    args: import_schema45.z.union([
       blurFilterPropTypeUtil.schema,
       intensityFilterPropTypeUtil.schema,
       colorToneFilterPropTypeUtil.schema,
@@ -603,13 +626,13 @@ var cssFilterFunctionPropUtil = createPropUtils(
     ])
   })
 );
-var filterPropTypeUtil = createPropUtils("filter", import_schema43.z.array(cssFilterFunctionPropUtil.schema));
+var filterPropTypeUtil = createPropUtils("filter", import_schema45.z.array(cssFilterFunctionPropUtil.schema));
 
 // src/prop-types/transform-prop-types/transform.ts
-var import_schema44 = require("@elementor/schema");
+var import_schema46 = require("@elementor/schema");
 var transformPropTypeUtil = createPropUtils(
   "transform",
-  import_schema44.z.strictObject({
+  import_schema46.z.strictObject({
     "transform-functions": unknownChildrenSchema,
     "transform-origin": unknownChildrenSchema,
     perspective: unknownChildrenSchema,
@@ -618,10 +641,10 @@ var transformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions.ts
-var import_schema49 = require("@elementor/schema");
+var import_schema51 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
-var import_schema45 = require("@elementor/schema");
+var import_schema47 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/types.ts
 var TransformFunctionKeys = {
@@ -634,7 +657,7 @@ var TransformFunctionKeys = {
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
 var moveTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.move,
-  import_schema45.z.strictObject({
+  import_schema47.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -642,10 +665,10 @@ var moveTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/rotate-transform.ts
-var import_schema46 = require("@elementor/schema");
+var import_schema48 = require("@elementor/schema");
 var rotateTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.rotate,
-  import_schema46.z.strictObject({
+  import_schema48.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -653,10 +676,10 @@ var rotateTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/scale-transform.ts
-var import_schema47 = require("@elementor/schema");
+var import_schema49 = require("@elementor/schema");
 var scaleTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.scale,
-  import_schema47.z.strictObject({
+  import_schema49.z.strictObject({
     x: numberPropTypeUtil.schema.nullable(),
     y: numberPropTypeUtil.schema.nullable(),
     z: numberPropTypeUtil.schema.nullable()
@@ -664,10 +687,10 @@ var scaleTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/skew-transform.ts
-var import_schema48 = require("@elementor/schema");
+var import_schema50 = require("@elementor/schema");
 var skewTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.skew,
-  import_schema48.z.strictObject({
+  import_schema50.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
@@ -675,13 +698,13 @@ var skewTransformPropTypeUtil = createPropUtils(
 
 // src/prop-types/transform-prop-types/transform-functions.ts
 var filterTypes = moveTransformPropTypeUtil.schema.or(scaleTransformPropTypeUtil.schema).or(rotateTransformPropTypeUtil.schema).or(skewTransformPropTypeUtil.schema);
-var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", import_schema49.z.array(filterTypes));
+var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", import_schema51.z.array(filterTypes));
 
 // src/prop-types/transform-prop-types/transform-origin.ts
-var import_schema50 = require("@elementor/schema");
+var import_schema52 = require("@elementor/schema");
 var transformOriginPropTypeUtil = createPropUtils(
   "transform-origin",
-  import_schema50.z.strictObject({
+  import_schema52.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -689,22 +712,50 @@ var transformOriginPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/perspective-origin.ts
-var import_schema51 = require("@elementor/schema");
+var import_schema53 = require("@elementor/schema");
 var perspectiveOriginPropTypeUtil = createPropUtils(
   "perspective-origin",
-  import_schema51.z.strictObject({
+  import_schema53.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/backdrop-filter.ts
-var import_schema52 = require("@elementor/schema");
+var import_schema54 = require("@elementor/schema");
 var backdropFilterPropTypeUtil = createPropUtils(
   "backdrop-filter",
-  import_schema52.z.array(cssFilterFunctionPropUtil.schema)
+  import_schema54.z.array(cssFilterFunctionPropUtil.schema)
+);
+
+// src/prop-types/date-range.ts
+var import_schema55 = require("@elementor/schema");
+var dateRangePropTypeUtil = createPropUtils(
+  "date-range",
+  import_schema55.z.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
+);
+
+// src/prop-types/date-string.ts
+var import_schema56 = require("@elementor/schema");
+var dateStringPropTypeUtil = createPropUtils("date-string", import_schema56.z.string());
+
+// src/prop-types/time-range.ts
+var import_schema57 = require("@elementor/schema");
+var timeRangePropTypeUtil = createPropUtils(
+  "time-range",
+  import_schema57.z.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
 );
 
+// src/prop-types/time-string.ts
+var import_schema58 = require("@elementor/schema");
+var timeStringPropTypeUtil = createPropUtils("time-string", import_schema58.z.string());
+
 // src/utils/adjust-llm-prop-value-schema.ts
 var ensureNotNull = (v, fallback) => v === null ? fallback : v;
 var defaultOptions = {
@@ -1021,11 +1072,14 @@ function convertPropTypeToJsonSchema(propType) {
   return propTypeToJsonSchema(propType);
 }
 var nonConfigurablePropKeys = ["_cssid", "classes", "attributes"];
-function isPropKeyConfigurable(propKey) {
-  return !nonConfigurablePropKeys.includes(propKey);
+function isPropKeyConfigurable(propKey, propType) {
+  if (!nonConfigurablePropKeys.includes(propKey)) {
+    return true;
+  }
+  return !!(!Array.isArray(propType?.meta) && propType?.meta?.llm_configurable);
 }
 function configurableKeys(schema) {
-  return Object.keys(schema).filter(isPropKeyConfigurable);
+  return Object.keys(schema).filter((key) => isPropKeyConfigurable(key, schema[key]));
 }
 function enrichWithIntention(jsonSchema, text = "Describe the desired outcome") {
   const result = structuredClone(jsonSchema);
@@ -1127,11 +1181,11 @@ var validatePropValue = (schema, value) => {
 };
 
 // src/utils/is-transformable.ts
-var import_schema53 = require("@elementor/schema");
-var transformableSchema = import_schema53.z.object({
-  $$type: import_schema53.z.string(),
-  value: import_schema53.z.any(),
-  disabled: import_schema53.z.boolean().optional()
+var import_schema59 = require("@elementor/schema");
+var transformableSchema = import_schema59.z.object({
+  $$type: import_schema59.z.string(),
+  value: import_schema59.z.any(),
+  disabled: import_schema59.z.boolean().optional()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
@@ -1164,6 +1218,20 @@ var isNullishObject = (value) => {
   return typeof value === "object" && isNullishArray(Object.values(value));
 };
 
+// src/utils/is-overridable.ts
+function isOverridable(value) {
+  return isTransformable(value) && value.$$type === "overridable";
+}
+function rewrapOverridableValue(existing, newInner) {
+  return {
+    ...existing,
+    value: {
+      ...existing.value,
+      origin_value: newInner
+    }
+  };
+}
+
 // src/utils/merge-props.ts
 function mergeProps(current, updates) {
   let props = {};
@@ -1250,17 +1318,32 @@ function getRelationMethod(relation) {
       throw new Error(`Relation not supported ${relation}`);
   }
 }
-function extractValue(path, elementValues, nestedPath = []) {
+function extractValue(path, elementValues, nestedPath = [], options = {}) {
+  const { unwrapOverridableLeaf = true } = options;
   const extractedValue = path.reduce((acc, key, index) => {
     const value = acc?.[key];
-    return index !== path.length - 1 && isTransformable(value) ? value.value ?? null : value;
+    if (index === path.length - 1) {
+      return value;
+    }
+    if (isOverridable(value)) {
+      const inner = value.value.origin_value;
+      return isTransformable(inner) ? inner.value ?? null : inner;
+    }
+    if (isTransformable(value)) {
+      return value.value ?? null;
+    }
+    return value;
   }, elementValues);
+  let resolved = extractedValue;
+  if (unwrapOverridableLeaf && resolved && isOverridable(resolved)) {
+    resolved = resolved.value.origin_value ?? null;
+  }
   if (!nestedPath?.length) {
-    return extractedValue;
+    return resolved;
   }
   const nestedValue = nestedPath.reduce(
     (acc, key) => acc?.[key],
-    extractedValue?.value
+    resolved?.value
   );
   return {
     $$type: "unknown",
@@ -1364,6 +1447,8 @@ var Schema = {
   createArrayPropUtils,
   createPropUtils,
   cssFilterFunctionPropUtil,
+  dateRangePropTypeUtil,
+  dateStringPropTypeUtil,
   dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil,
   emailPropTypeUtil,
@@ -1385,6 +1470,7 @@ var Schema = {
   isDependency,
   isDependencyMet,
   isEmpty,
+  isOverridable,
   isTransformable,
   keyValuePropTypeUtil,
   layoutDirectionPropTypeUtil,
@@ -1392,20 +1478,25 @@ var Schema = {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  numberRangePropTypeUtil,
   parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,
+  rewrapOverridableValue,
   rotateTransformPropTypeUtil,
   scaleTransformPropTypeUtil,
   selectionSizePropTypeUtil,
   shadowPropTypeUtil,
   sizePropTypeUtil,
   skewTransformPropTypeUtil,
+  spanPropTypeUtil,
   stringArrayPropTypeUtil,
   stringPropTypeUtil,
   strokePropTypeUtil,
   svgSrcPropTypeUtil,
+  timeRangePropTypeUtil,
+  timeStringPropTypeUtil,
   transformFunctionsPropTypeUtil,
   transformOriginPropTypeUtil,
   transformPropTypeUtil,