@elementor/editor-props 4.4.0-1087 → 4.4.0-1089

package/dist/index.js

@@ -22,6 +22,7 @@ var index_exports = {};
 __export(index_exports, {
   CLASSES_PROP_KEY: () => CLASSES_PROP_KEY,
   DateTimePropTypeUtil: () => DateTimePropTypeUtil,
+  RESPONSIVE_BREAKPOINT_KEYS: () => RESPONSIVE_BREAKPOINT_KEYS,
   Schema: () => Schema,
   backdropFilterPropTypeUtil: () => backdropFilterPropTypeUtil,
   backgroundColorOverlayPropTypeUtil: () => backgroundColorOverlayPropTypeUtil,
@@ -87,6 +88,9 @@ __export(index_exports, {
   queryFilterArrayPropTypeUtil: () => queryFilterArrayPropTypeUtil,
   queryFilterPropTypeUtil: () => queryFilterPropTypeUtil,
   queryPropTypeUtil: () => queryPropTypeUtil,
+  resolveResponsiveValue: () => resolveResponsiveValue,
+  responsiveFallbackChain: () => responsiveFallbackChain,
+  responsivePropTypeUtil: () => responsivePropTypeUtil,
   rewrapOverridableValue: () => rewrapOverridableValue,
   rotateTransformPropTypeUtil: () => rotateTransformPropTypeUtil,
   scaleTransformPropTypeUtil: () => scaleTransformPropTypeUtil,
@@ -344,92 +348,161 @@ var dimensionsPropTypeUtil = createPropUtils(
 var import_schema19 = require("@elementor/schema");
 var numberPropTypeUtil = createPropUtils("number", import_schema19.z.number().nullable());
 
-// src/prop-types/size.ts
+// src/prop-types/responsive.ts
 var import_schema20 = require("@elementor/schema");
-var sizeNumberOrEmpty = import_schema20.z.union([import_schema20.z.number(), import_schema20.z.literal("")]);
+
+// src/utils/resolve-responsive-value.ts
+var RESPONSIVE_BREAKPOINT_KEYS = [
+  "mobile",
+  "mobile_extra",
+  "tablet",
+  "tablet_extra",
+  "laptop",
+  "desktop",
+  "widescreen"
+];
+function responsiveFallbackChain(breakpoint) {
+  const keys = [...RESPONSIVE_BREAKPOINT_KEYS];
+  const index = keys.indexOf(breakpoint);
+  const desktopIndex = keys.indexOf("desktop");
+  if (-1 === index || -1 === desktopIndex) {
+    return ["desktop"];
+  }
+  if (index > desktopIndex) {
+    return [breakpoint, "desktop"];
+  }
+  return keys.slice(index, desktopIndex + 1);
+}
+function isBreakpointActive(key, activeBreakpoints) {
+  if ("desktop" === key || !activeBreakpoints) {
+    return true;
+  }
+  if (Array.isArray(activeBreakpoints)) {
+    return activeBreakpoints.includes(key);
+  }
+  return Object.prototype.hasOwnProperty.call(activeBreakpoints, key);
+}
+function unwrapResponsiveEntry(entry) {
+  if (null === entry || void 0 === entry || "" === entry) {
+    return null;
+  }
+  if (typeof entry === "object" && !Array.isArray(entry) && entry !== null && "$$type" in entry && "value" in entry) {
+    return entry.value;
+  }
+  return entry;
+}
+function resolveResponsiveValue(value, breakpoint, activeBreakpoints) {
+  if (value === null || value === void 0) {
+    return null;
+  }
+  if (typeof value !== "object" || Array.isArray(value)) {
+    return value;
+  }
+  const map = value;
+  for (const key of responsiveFallbackChain(breakpoint)) {
+    if (!isBreakpointActive(key, activeBreakpoints)) {
+      continue;
+    }
+    const resolved = unwrapResponsiveEntry(map[key]);
+    if (resolved !== null && resolved !== void 0) {
+      return resolved;
+    }
+  }
+  return unwrapResponsiveEntry(map.desktop);
+}
+
+// src/prop-types/responsive.ts
+var responsiveShape = Object.fromEntries(
+  RESPONSIVE_BREAKPOINT_KEYS.map((key) => [key, unknownChildrenSchema.optional()])
+);
+var responsivePropTypeUtil = createPropUtils("responsive", import_schema20.z.object(responsiveShape).partial());
+
+// src/prop-types/size.ts
+var import_schema21 = require("@elementor/schema");
+var sizeNumberOrEmpty = import_schema21.z.union([import_schema21.z.number(), import_schema21.z.literal("")]);
 var sizePropTypeUtil = createPropUtils(
   "size",
-  import_schema20.z.strictObject({
-    unit: import_schema20.z.enum(["px", "em", "rem", "%", "vw", "vh", "ch", "fr"]),
+  import_schema21.z.strictObject({
+    unit: import_schema21.z.enum(["px", "em", "rem", "%", "vw", "vh", "ch", "fr"]),
     size: sizeNumberOrEmpty
   }).or(
-    import_schema20.z.strictObject({
-      unit: import_schema20.z.enum(["deg", "rad", "grad", "turn"]),
+    import_schema21.z.strictObject({
+      unit: import_schema21.z.enum(["deg", "rad", "grad", "turn"]),
       size: sizeNumberOrEmpty
     })
   ).or(
-    import_schema20.z.strictObject({
-      unit: import_schema20.z.enum(["s", "ms"]),
+    import_schema21.z.strictObject({
+      unit: import_schema21.z.enum(["s", "ms"]),
       size: sizeNumberOrEmpty
     })
   ).or(
-    import_schema20.z.strictObject({
-      unit: import_schema20.z.literal("auto"),
-      size: import_schema20.z.literal("")
+    import_schema21.z.strictObject({
+      unit: import_schema21.z.literal("auto"),
+      size: import_schema21.z.literal("")
     })
   ).or(
-    import_schema20.z.strictObject({
-      unit: import_schema20.z.literal("custom"),
-      size: import_schema20.z.string()
+    import_schema21.z.strictObject({
+      unit: import_schema21.z.literal("custom"),
+      size: import_schema21.z.string()
     })
   )
 );
 
 // src/prop-types/grid-track-size.ts
-var import_schema21 = require("@elementor/schema");
+var import_schema22 = require("@elementor/schema");
 var gridTrackSizePropTypeUtil = createPropUtils(
   "grid-track-size",
-  import_schema21.z.strictObject({
-    unit: import_schema21.z.literal("fr"),
-    size: import_schema21.z.union([import_schema21.z.number(), import_schema21.z.literal("")])
+  import_schema22.z.strictObject({
+    unit: import_schema22.z.literal("fr"),
+    size: import_schema22.z.union([import_schema22.z.number(), import_schema22.z.literal("")])
   }).or(
-    import_schema21.z.strictObject({
-      unit: import_schema21.z.literal("custom"),
-      size: import_schema21.z.string()
+    import_schema22.z.strictObject({
+      unit: import_schema22.z.literal("custom"),
+      size: import_schema22.z.string()
     })
   )
 );
 
 // src/prop-types/span.ts
-var import_schema22 = require("@elementor/schema");
-var spanPropTypeUtil = createPropUtils("span", import_schema22.z.string().nullable());
+var import_schema23 = require("@elementor/schema");
+var spanPropTypeUtil = createPropUtils("span", import_schema23.z.string().nullable());
 
 // src/prop-types/string.ts
-var import_schema23 = require("@elementor/schema");
-var stringPropTypeUtil = createPropUtils("string", import_schema23.z.string().nullable());
+var import_schema24 = require("@elementor/schema");
+var stringPropTypeUtil = createPropUtils("string", import_schema24.z.string().nullable());
 
 // src/prop-types/string-array.ts
 var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-var import_schema24 = require("@elementor/schema");
+var import_schema25 = require("@elementor/schema");
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  import_schema24.z.strictObject({
+  import_schema25.z.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-var import_schema25 = require("@elementor/schema");
-var urlPropTypeUtil = createPropUtils("url", import_schema25.z.string().nullable());
+var import_schema26 = require("@elementor/schema");
+var urlPropTypeUtil = createPropUtils("url", import_schema26.z.string().nullable());
 
 // src/prop-types/layout-direction.ts
-var import_schema26 = require("@elementor/schema");
+var import_schema27 = require("@elementor/schema");
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  import_schema26.z.object({
-    row: import_schema26.z.any(),
-    column: import_schema26.z.any()
+  import_schema27.z.object({
+    row: import_schema27.z.any(),
+    column: import_schema27.z.any()
   })
 );
 
 // src/prop-types/link.ts
-var import_schema27 = require("@elementor/schema");
+var import_schema28 = require("@elementor/schema");
 var linkPropTypeUtil = createPropUtils(
   "link",
-  import_schema27.z.strictObject({
+  import_schema28.z.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
@@ -437,10 +510,10 @@ var linkPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/email.ts
-var import_schema28 = require("@elementor/schema");
+var import_schema29 = require("@elementor/schema");
 var emailPropTypeUtil = createPropUtils(
   "email",
-  import_schema28.z.strictObject({
+  import_schema29.z.strictObject({
     to: unknownChildrenSchema,
     subject: unknownChildrenSchema,
     message: unknownChildrenSchema,
@@ -455,10 +528,10 @@ var emailPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/emails.ts
-var import_schema29 = require("@elementor/schema");
+var import_schema30 = require("@elementor/schema");
 var emailsPropTypeUtil = createPropUtils(
   "emails",
-  import_schema29.z.strictObject({
+  import_schema30.z.strictObject({
     to: unknownChildrenSchema,
     subject: unknownChildrenSchema,
     message: unknownChildrenSchema,
@@ -473,13 +546,13 @@ var emailsPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/selection-size.ts
-var import_schema31 = require("@elementor/schema");
+var import_schema32 = require("@elementor/schema");
 
 // src/prop-types/key-value.ts
-var import_schema30 = require("@elementor/schema");
+var import_schema31 = require("@elementor/schema");
 var keyValuePropTypeUtil = createPropUtils(
   "key-value",
-  import_schema30.z.strictObject({
+  import_schema31.z.strictObject({
     key: unknownChildrenSchema,
     value: unknownChildrenSchema
   })
@@ -488,17 +561,17 @@ var keyValuePropTypeUtil = createPropUtils(
 // src/prop-types/selection-size.ts
 var selectionSizePropTypeUtil = createPropUtils(
   "selection-size",
-  import_schema31.z.strictObject({
-    selection: import_schema31.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
+  import_schema32.z.strictObject({
+    selection: import_schema32.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/background-prop-types/background.ts
-var import_schema32 = require("@elementor/schema");
+var import_schema33 = require("@elementor/schema");
 var backgroundPropTypeUtil = createPropUtils(
   "background",
-  import_schema32.z.strictObject({
+  import_schema33.z.strictObject({
     color: unknownChildrenSchema,
     clip: unknownChildrenSchema,
     "background-overlay": unknownChildrenSchema
@@ -506,7 +579,7 @@ var backgroundPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/background-prop-types/background-overlay.ts
-var import_schema33 = require("@elementor/schema");
+var import_schema34 = require("@elementor/schema");
 
 // src/prop-types/background-prop-types/background-color-overlay.ts
 var backgroundColorOverlayPropTypeUtil = createPropUtils("background-color-overlay", unknownChildrenSchema);
@@ -522,7 +595,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_schema33.z.array(backgroundOverlayItem));
+var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", import_schema34.z.array(backgroundOverlayItem));
 
 // src/prop-types/background-prop-types/background-image-position-offset.ts
 var backgroundImagePositionOffsetPropTypeUtil = createPropUtils(
@@ -537,71 +610,71 @@ var backgroundImageSizeScalePropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/boolean.ts
-var import_schema34 = require("@elementor/schema");
-var booleanPropTypeUtil = createPropUtils("boolean", import_schema34.z.boolean().nullable());
+var import_schema35 = require("@elementor/schema");
+var booleanPropTypeUtil = createPropUtils("boolean", import_schema35.z.boolean().nullable());
 
 // src/prop-types/color-stop.ts
-var import_schema35 = require("@elementor/schema");
+var import_schema36 = require("@elementor/schema");
 var colorStopPropTypeUtil = createPropUtils(
   "color-stop",
-  import_schema35.z.strictObject({
+  import_schema36.z.strictObject({
     color: unknownChildrenSchema,
     offset: unknownChildrenSchema
   })
 );
 
 // src/prop-types/gradient-color-stop.ts
-var import_schema36 = require("@elementor/schema");
+var import_schema37 = require("@elementor/schema");
 var gradientColorStopPropTypeUtil = createPropUtils(
   "gradient-color-stop",
-  import_schema36.z.array(colorStopPropTypeUtil.schema)
+  import_schema37.z.array(colorStopPropTypeUtil.schema)
 );
 
 // src/prop-types/number-range.ts
-var import_schema37 = require("@elementor/schema");
+var import_schema38 = require("@elementor/schema");
 var numberRangePropTypeUtil = createPropUtils(
   "number-range",
-  import_schema37.z.strictObject({
+  import_schema38.z.strictObject({
     min: unknownChildrenSchema,
     max: unknownChildrenSchema
   })
 );
 
 // src/prop-types/date-time.ts
-var import_schema38 = require("@elementor/schema");
+var import_schema39 = require("@elementor/schema");
 var DateTimePropTypeUtil = createPropUtils(
   "date-time",
-  import_schema38.z.strictObject({
+  import_schema39.z.strictObject({
     date: unknownChildrenSchema,
     time: unknownChildrenSchema
   })
 );
 
 // src/prop-types/position.ts
-var import_schema39 = require("@elementor/schema");
+var import_schema40 = require("@elementor/schema");
 var positionPropTypeUtil = createPropUtils(
   "object-position",
-  import_schema39.z.strictObject({
+  import_schema40.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query.ts
-var import_schema40 = require("@elementor/schema");
+var import_schema41 = require("@elementor/schema");
 var queryPropTypeUtil = createPropUtils(
   "query",
-  import_schema40.z.strictObject({
+  import_schema41.z.strictObject({
     id: unknownChildrenSchema,
     label: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query-filter.ts
-var import_schema41 = require("@elementor/schema");
+var import_schema42 = require("@elementor/schema");
 var queryFilterPropTypeUtil = createPropUtils(
   "query-filter",
-  import_schema41.z.strictObject({
+  import_schema42.z.strictObject({
     key: unknownChildrenSchema,
     values: unknownChildrenSchema,
     taxonomies: unknownChildrenSchema
@@ -613,45 +686,45 @@ var queryFilterArrayPropTypeUtil = createArrayPropUtils(
 );
 
 // src/prop-types/html.ts
-var import_schema42 = require("@elementor/schema");
-var htmlPropTypeUtil = createPropUtils("html", import_schema42.z.string().nullable());
+var import_schema43 = require("@elementor/schema");
+var htmlPropTypeUtil = createPropUtils("html", import_schema43.z.string().nullable());
 
 // src/prop-types/html-v2.ts
-var import_schema43 = require("@elementor/schema");
-var childElementSchema = import_schema43.z.lazy(
-  () => import_schema43.z.object({
-    id: import_schema43.z.string(),
-    type: import_schema43.z.string(),
-    content: import_schema43.z.string().optional(),
-    children: import_schema43.z.array(childElementSchema).optional()
+var import_schema44 = require("@elementor/schema");
+var childElementSchema = import_schema44.z.lazy(
+  () => import_schema44.z.object({
+    id: import_schema44.z.string(),
+    type: import_schema44.z.string(),
+    content: import_schema44.z.string().optional(),
+    children: import_schema44.z.array(childElementSchema).optional()
   })
 );
-var htmlV2ValueSchema = import_schema43.z.object({
-  content: import_schema43.z.string().nullable(),
-  children: import_schema43.z.array(childElementSchema)
+var htmlV2ValueSchema = import_schema44.z.object({
+  content: import_schema44.z.string().nullable(),
+  children: import_schema44.z.array(childElementSchema)
 });
 var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
 
 // src/prop-types/html-v3.ts
-var import_schema44 = require("@elementor/schema");
-var htmlV3ValueSchema = import_schema44.z.object({
+var import_schema45 = require("@elementor/schema");
+var htmlV3ValueSchema = import_schema45.z.object({
   content: stringPropTypeUtil.schema.nullable(),
-  children: import_schema44.z.array(import_schema44.z.unknown())
+  children: import_schema45.z.array(import_schema45.z.unknown())
 });
 var htmlV3PropTypeUtil = createPropUtils("html-v3", htmlV3ValueSchema);
 
 // src/prop-types/escaped-html.ts
-var import_schema45 = require("@elementor/schema");
-var escapedHtmlPropTypeUtil = createPropUtils("escaped-html", import_schema45.z.string().nullable());
+var import_schema46 = require("@elementor/schema");
+var escapedHtmlPropTypeUtil = createPropUtils("escaped-html", import_schema46.z.string().nullable());
 
 // src/prop-types/filter-prop-types/filter.ts
-var import_schema51 = require("@elementor/schema");
+var import_schema52 = require("@elementor/schema");
 
 // src/prop-types/filter-prop-types/drop-shadow-filter.ts
-var import_schema46 = require("@elementor/schema");
+var import_schema47 = require("@elementor/schema");
 var dropShadowFilterPropTypeUtil = createPropUtils(
   "drop-shadow",
-  import_schema46.z.object({
+  import_schema47.z.object({
     xAxis: unknownChildrenSchema,
     yAxis: unknownChildrenSchema,
     blur: unknownChildrenSchema,
@@ -660,37 +733,37 @@ var dropShadowFilterPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/filter-prop-types/filter-functions/blur-filter.ts
-var import_schema47 = require("@elementor/schema");
+var import_schema48 = require("@elementor/schema");
 var blurFilterPropTypeUtil = createPropUtils(
   "blur",
-  import_schema47.z.strictObject({
+  import_schema48.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/color-tone-filter.ts
-var import_schema48 = require("@elementor/schema");
+var import_schema49 = require("@elementor/schema");
 var colorToneFilterPropTypeUtil = createPropUtils(
   "color-tone",
-  import_schema48.z.strictObject({
+  import_schema49.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/hue-rotate-filter.ts
-var import_schema49 = require("@elementor/schema");
+var import_schema50 = require("@elementor/schema");
 var hueRotateFilterPropTypeUtil = createPropUtils(
   "hue-rotate",
-  import_schema49.z.strictObject({
+  import_schema50.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/intensity-filter.ts
-var import_schema50 = require("@elementor/schema");
+var import_schema51 = require("@elementor/schema");
 var intensityFilterPropTypeUtil = createPropUtils(
   "intensity",
-  import_schema50.z.strictObject({
+  import_schema51.z.strictObject({
     size: unknownChildrenSchema
   })
 );
@@ -698,9 +771,9 @@ var intensityFilterPropTypeUtil = createPropUtils(
 // src/prop-types/filter-prop-types/filter.ts
 var cssFilterFunctionPropUtil = createPropUtils(
   "css-filter-func",
-  import_schema51.z.object({
+  import_schema52.z.object({
     func: stringPropTypeUtil.schema,
-    args: import_schema51.z.union([
+    args: import_schema52.z.union([
       blurFilterPropTypeUtil.schema,
       intensityFilterPropTypeUtil.schema,
       colorToneFilterPropTypeUtil.schema,
@@ -709,13 +782,13 @@ var cssFilterFunctionPropUtil = createPropUtils(
     ])
   })
 );
-var filterPropTypeUtil = createPropUtils("filter", import_schema51.z.array(cssFilterFunctionPropUtil.schema));
+var filterPropTypeUtil = createPropUtils("filter", import_schema52.z.array(cssFilterFunctionPropUtil.schema));
 
 // src/prop-types/transform-prop-types/transform.ts
-var import_schema52 = require("@elementor/schema");
+var import_schema53 = require("@elementor/schema");
 var transformPropTypeUtil = createPropUtils(
   "transform",
-  import_schema52.z.strictObject({
+  import_schema53.z.strictObject({
     "transform-functions": unknownChildrenSchema,
     "transform-origin": unknownChildrenSchema,
     perspective: unknownChildrenSchema,
@@ -724,10 +797,10 @@ var transformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions.ts
-var import_schema57 = require("@elementor/schema");
+var import_schema58 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
-var import_schema53 = require("@elementor/schema");
+var import_schema54 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/types.ts
 var TransformFunctionKeys = {
@@ -740,7 +813,7 @@ var TransformFunctionKeys = {
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
 var moveTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.move,
-  import_schema53.z.strictObject({
+  import_schema54.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -748,10 +821,10 @@ var moveTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/rotate-transform.ts
-var import_schema54 = require("@elementor/schema");
+var import_schema55 = require("@elementor/schema");
 var rotateTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.rotate,
-  import_schema54.z.strictObject({
+  import_schema55.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -759,10 +832,10 @@ var rotateTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/scale-transform.ts
-var import_schema55 = require("@elementor/schema");
+var import_schema56 = require("@elementor/schema");
 var scaleTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.scale,
-  import_schema55.z.strictObject({
+  import_schema56.z.strictObject({
     x: numberPropTypeUtil.schema.nullable(),
     y: numberPropTypeUtil.schema.nullable(),
     z: numberPropTypeUtil.schema.nullable()
@@ -770,10 +843,10 @@ var scaleTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/skew-transform.ts
-var import_schema56 = require("@elementor/schema");
+var import_schema57 = require("@elementor/schema");
 var skewTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.skew,
-  import_schema56.z.strictObject({
+  import_schema57.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
@@ -781,13 +854,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_schema57.z.array(filterTypes));
+var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", import_schema58.z.array(filterTypes));
 
 // src/prop-types/transform-prop-types/transform-origin.ts
-var import_schema58 = require("@elementor/schema");
+var import_schema59 = require("@elementor/schema");
 var transformOriginPropTypeUtil = createPropUtils(
   "transform-origin",
-  import_schema58.z.strictObject({
+  import_schema59.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -795,49 +868,49 @@ var transformOriginPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/perspective-origin.ts
-var import_schema59 = require("@elementor/schema");
+var import_schema60 = require("@elementor/schema");
 var perspectiveOriginPropTypeUtil = createPropUtils(
   "perspective-origin",
-  import_schema59.z.strictObject({
+  import_schema60.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/backdrop-filter.ts
-var import_schema60 = require("@elementor/schema");
+var import_schema61 = require("@elementor/schema");
 var backdropFilterPropTypeUtil = createPropUtils(
   "backdrop-filter",
-  import_schema60.z.array(cssFilterFunctionPropUtil.schema)
+  import_schema61.z.array(cssFilterFunctionPropUtil.schema)
 );
 
 // src/prop-types/date-range.ts
-var import_schema61 = require("@elementor/schema");
+var import_schema62 = require("@elementor/schema");
 var dateRangePropTypeUtil = createPropUtils(
   "date-range",
-  import_schema61.z.strictObject({
+  import_schema62.z.strictObject({
     min: unknownChildrenSchema,
     max: unknownChildrenSchema
   })
 );
 
 // src/prop-types/date-string.ts
-var import_schema62 = require("@elementor/schema");
-var dateStringPropTypeUtil = createPropUtils("date-string", import_schema62.z.string());
+var import_schema63 = require("@elementor/schema");
+var dateStringPropTypeUtil = createPropUtils("date-string", import_schema63.z.string());
 
 // src/prop-types/time-range.ts
-var import_schema63 = require("@elementor/schema");
+var import_schema64 = require("@elementor/schema");
 var timeRangePropTypeUtil = createPropUtils(
   "time-range",
-  import_schema63.z.strictObject({
+  import_schema64.z.strictObject({
     min: unknownChildrenSchema,
     max: unknownChildrenSchema
   })
 );
 
 // src/prop-types/time-string.ts
-var import_schema64 = require("@elementor/schema");
-var timeStringPropTypeUtil = createPropUtils("time-string", import_schema64.z.string());
+var import_schema65 = require("@elementor/schema");
+var timeStringPropTypeUtil = createPropUtils("time-string", import_schema65.z.string());
 
 // src/utils/adjust-llm-prop-value-schema.ts
 var ensureNotNull = (v, fallback) => v === null ? fallback : v;
@@ -1304,11 +1377,11 @@ var validatePropValue = (schema, value) => {
 };
 
 // src/utils/is-transformable.ts
-var import_schema65 = require("@elementor/schema");
-var transformableSchema = import_schema65.z.object({
-  $$type: import_schema65.z.string(),
-  value: import_schema65.z.any(),
-  disabled: import_schema65.z.boolean().optional()
+var import_schema66 = require("@elementor/schema");
+var transformableSchema = import_schema66.z.object({
+  $$type: import_schema66.z.string(),
+  value: import_schema66.z.any(),
+  disabled: import_schema66.z.boolean().optional()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
@@ -1549,6 +1622,7 @@ var Schema = {
 0 && (module.exports = {
   CLASSES_PROP_KEY,
   DateTimePropTypeUtil,
+  RESPONSIVE_BREAKPOINT_KEYS,
   Schema,
   backdropFilterPropTypeUtil,
   backgroundColorOverlayPropTypeUtil,
@@ -1614,6 +1688,9 @@ var Schema = {
   queryFilterArrayPropTypeUtil,
   queryFilterPropTypeUtil,
   queryPropTypeUtil,
+  resolveResponsiveValue,
+  responsiveFallbackChain,
+  responsivePropTypeUtil,
   rewrapOverridableValue,
   rotateTransformPropTypeUtil,
   scaleTransformPropTypeUtil,