From 33db65ceb8f3af0300149b15337271692dfaa2fc Mon Sep 17 00:00:00 2001
From: istarkov <istarkov@gmail.com>
Date: Tue, 18 Feb 2025 07:04:29 +0000
Subject: [PATCH] Allow calc

---
 .../animation/animation-panel-content.tsx        |  4 +++-
 packages/sdk-components-animation/private-src    |  2 +-
 packages/sdk/src/schema/animation-schema.ts      | 16 +++++++++++-----
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/apps/builder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx b/apps/builder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx
index 0b462989fc28..e22bfb8101e4 100644
--- a/apps/builder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx
+++ b/apps/builder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx
@@ -269,9 +269,10 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
           }}
         />
       </Grid>
-      <Grid gap={1} align={"center"} css={{ gridTemplateColumns: "1fr 1fr" }}>
+      <Grid gap={1} align={"center"} css={{ gridTemplateColumns: "2fr 1fr" }}>
         <Label htmlFor={fieldIds.rangeStartName}>Range Start</Label>
         <Label htmlFor={fieldIds.rangeStartValue}>Value</Label>
+
         <Select
           id={fieldIds.rangeStartName}
           options={timelineRangeNames}
@@ -333,6 +334,7 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
             });
           }}
         />
+
         <Label htmlFor={fieldIds.rangeEndName}>Range End</Label>
         <Label htmlFor={fieldIds.rangeEndValue}>Value</Label>
         <Select
diff --git a/packages/sdk-components-animation/private-src b/packages/sdk-components-animation/private-src
index 1ed2763b64c6..00116b21458b 160000
--- a/packages/sdk-components-animation/private-src
+++ b/packages/sdk-components-animation/private-src
@@ -1 +1 @@
-Subproject commit 1ed2763b64c63a2e8e86df7ec891794e7d73a1d3
+Subproject commit 00116b21458b7ce9766a6d40964628fd539ba9ad
diff --git a/packages/sdk/src/schema/animation-schema.ts b/packages/sdk/src/schema/animation-schema.ts
index 8cc31d23ee56..0671649818c4 100644
--- a/packages/sdk/src/schema/animation-schema.ts
+++ b/packages/sdk/src/schema/animation-schema.ts
@@ -59,11 +59,17 @@ export const RANGE_UNITS = [
 
 export const rangeUnitSchema = literalUnion(RANGE_UNITS);
 
-export const rangeUnitValueSchema = z.object({
-  type: z.literal("unit"),
-  value: z.number(),
-  unit: rangeUnitSchema,
-});
+export const rangeUnitValueSchema = z.union([
+  z.object({
+    type: z.literal("unit"),
+    value: z.number(),
+    unit: rangeUnitSchema,
+  }),
+  z.object({
+    type: z.literal("unparsed"),
+    value: z.string(),
+  }),
+]);
 
 // @todo: Fix Keyframe Styles
 export const keyframeStylesSchema = z.record(StyleValue);