Revert "merge main"

This reverts commit 1ccacf6bb5db579cf6f343d9de57bce92d296f5f.

4 files changed, 133 insertions, 133 deletions

diff --git a/apps/web/src/components/editor/properties-panel/audio-properties.tsx b/apps/web/src/components/editor/properties-panel/audio-properties.tsx
index 8d69e36a..384f0c5e 100644
--- a/apps/web/src/components/editor/properties-panel/audio-properties.tsx
+++ b/apps/web/src/components/editor/properties-panel/audio-properties.tsx
@@ -1,5 +1,5 @@
-import { MediaElement } from "@/types/timeline";
-
-export function AudioProperties({ element }: { element: MediaElement }) {
-  return <div className="space-y-4 p-5">Audio properties</div>;
-}
+import { MediaElement } from "@/types/timeline";

+

+export function AudioProperties({ element }: { element: MediaElement }) {

+  return <div className="space-y-4 p-5">Audio properties</div>;

+}
\ No newline at end of file
diff --git a/apps/web/src/components/editor/properties-panel/media-properties.tsx b/apps/web/src/components/editor/properties-panel/media-properties.tsx
index 4ea28bb2..c2c514cf 100644
--- a/apps/web/src/components/editor/properties-panel/media-properties.tsx
+++ b/apps/web/src/components/editor/properties-panel/media-properties.tsx
@@ -1,5 +1,5 @@
-import { MediaElement } from "@/types/timeline";
-
-export function MediaProperties({ element }: { element: MediaElement }) {
-  return <div className="space-y-4 p-5">Media properties</div>;
-}
+import { MediaElement } from "@/types/timeline";

+

+export function MediaProperties({ element }: { element: MediaElement }) {

+  return <div className="space-y-4 p-5">Media properties</div>;

+}

diff --git a/apps/web/src/components/editor/properties-panel/property-item.tsx b/apps/web/src/components/editor/properties-panel/property-item.tsx
index 804ffb39..beb8c799 100644
--- a/apps/web/src/components/editor/properties-panel/property-item.tsx
+++ b/apps/web/src/components/editor/properties-panel/property-item.tsx
@@ -1,47 +1,47 @@
-import { cn } from "@/lib/utils";
-
-interface PropertyItemProps {
-  direction?: "row" | "column";
-  children: React.ReactNode;
-  className?: string;
-}
-
-export function PropertyItem({
-  direction = "row",
-  children,
-  className,
-}: PropertyItemProps) {
-  return (
-    <div
-      className={cn(
-        "flex gap-2",
-        direction === "row"
-          ? "items-center justify-between gap-6"
-          : "flex-col gap-1",
-        className
-      )}
-    >
-      {children}
-    </div>
-  );
-}
-
-export function PropertyItemLabel({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) {
-  return <label className={cn("text-xs", className)}>{children}</label>;
-}
-
-export function PropertyItemValue({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) {
-  return <div className={cn("flex-1", className)}>{children}</div>;
-}
+import { cn } from "@/lib/utils";

+

+interface PropertyItemProps {

+  direction?: "row" | "column";

+  children: React.ReactNode;

+  className?: string;

+}

+

+export function PropertyItem({

+  direction = "row",

+  children,

+  className,

+}: PropertyItemProps) {

+  return (

+    <div

+      className={cn(

+        "flex gap-2",

+        direction === "row"

+          ? "items-center justify-between gap-6"

+          : "flex-col gap-1",

+        className

+      )}

+    >

+      {children}

+    </div>

+  );

+}

+

+export function PropertyItemLabel({

+  children,

+  className,

+}: {

+  children: React.ReactNode;

+  className?: string;

+}) {

+  return <label className={cn("text-xs", className)}>{children}</label>;

+}

+

+export function PropertyItemValue({

+  children,

+  className,

+}: {

+  children: React.ReactNode;

+  className?: string;

+}) {

+  return <div className={cn("flex-1", className)}>{children}</div>;

+}

diff --git a/apps/web/src/components/editor/properties-panel/text-properties.tsx b/apps/web/src/components/editor/properties-panel/text-properties.tsx
index c55c3dae..e13dabc8 100644
--- a/apps/web/src/components/editor/properties-panel/text-properties.tsx
+++ b/apps/web/src/components/editor/properties-panel/text-properties.tsx
@@ -1,76 +1,76 @@
-import { Textarea } from "@/components/ui/textarea";
-import { FontPicker } from "@/components/ui/font-picker";
-import { FontFamily } from "@/constants/font-constants";
-import { TextElement } from "@/types/timeline";
-import { useTimelineStore } from "@/stores/timeline-store";
-import { Slider } from "@/components/ui/slider";
-import { Input } from "@/components/ui/input";
-import {
-  PropertyItem,
-  PropertyItemLabel,
-  PropertyItemValue,
-} from "./property-item";
-
-export function TextProperties({
-  element,
-  trackId,
-}: {
-  element: TextElement;
-  trackId: string;
-}) {
-  const { updateTextElement } = useTimelineStore();
-
-  return (
-    <div className="space-y-6 p-5">
-      <Textarea
-        placeholder="Name"
-        defaultValue={element.content}
-        className="min-h-[4.5rem] resize-none bg-background/50"
-        onChange={(e) =>
-          updateTextElement(trackId, element.id, { content: e.target.value })
-        }
-      />
-      <PropertyItem direction="row">
-        <PropertyItemLabel>Font</PropertyItemLabel>
-        <PropertyItemValue>
-          <FontPicker
-            defaultValue={element.fontFamily}
-            onValueChange={(value: FontFamily) =>
-              updateTextElement(trackId, element.id, { fontFamily: value })
-            }
-          />
-        </PropertyItemValue>
-      </PropertyItem>
-      <PropertyItem direction="column">
-        <PropertyItemLabel>Font size</PropertyItemLabel>
-        <PropertyItemValue>
-          <div className="flex items-center gap-2">
-            <Slider
-              defaultValue={[element.fontSize]}
-              min={8}
-              max={300}
-              step={1}
-              onValueChange={([value]) =>
-                updateTextElement(trackId, element.id, { fontSize: value })
-              }
-              className="w-full"
-            />
-            <Input
-              type="number"
-              value={element.fontSize}
-              onChange={(e) =>
-                updateTextElement(trackId, element.id, {
-                  fontSize: parseInt(e.target.value),
-                })
-              }
-              className="w-12 !text-xs h-7 rounded-sm text-center
-               [appearance:textfield]
-               [&::-webkit-outer-spin-button]:appearance-none
-               [&::-webkit-inner-spin-button]:appearance-none"
-            />
-          </div>
-        </PropertyItemValue>
-      </PropertyItem>
-    </div>
-  );
-}
+import { Textarea } from "@/components/ui/textarea";

+import { FontPicker } from "@/components/ui/font-picker";

+import { FontFamily } from "@/constants/font-constants";

+import { TextElement } from "@/types/timeline";

+import { useTimelineStore } from "@/stores/timeline-store";

+import { Slider } from "@/components/ui/slider";

+import { Input } from "@/components/ui/input";

+import {

+  PropertyItem,

+  PropertyItemLabel,

+  PropertyItemValue,

+} from "./property-item";

+

+export function TextProperties({

+  element,

+  trackId,

+}: {

+  element: TextElement;

+  trackId: string;

+}) {

+  const { updateTextElement } = useTimelineStore();

+

+  return (

+    <div className="space-y-6 p-5">

+      <Textarea

+        placeholder="Name"

+        defaultValue={element.content}

+        className="min-h-[4.5rem] resize-none bg-background/50"

+        onChange={(e) =>

+          updateTextElement(trackId, element.id, { content: e.target.value })

+        }

+      />

+      <PropertyItem direction="row">

+        <PropertyItemLabel>Font</PropertyItemLabel>

+        <PropertyItemValue>

+          <FontPicker

+            defaultValue={element.fontFamily}

+            onValueChange={(value: FontFamily) =>

+              updateTextElement(trackId, element.id, { fontFamily: value })

+            }

+          />

+        </PropertyItemValue>

+      </PropertyItem>

+      <PropertyItem direction="column">

+        <PropertyItemLabel>Font size</PropertyItemLabel>

+        <PropertyItemValue>

+          <div className="flex items-center gap-2">

+            <Slider

+              defaultValue={[element.fontSize]}

+              min={8}

+              max={300}

+              step={1}

+              onValueChange={([value]) =>

+                updateTextElement(trackId, element.id, { fontSize: value })

+              }

+              className="w-full"

+            />

+            <Input

+              type="number"

+              value={element.fontSize}

+              onChange={(e) =>

+                updateTextElement(trackId, element.id, {

+                  fontSize: parseInt(e.target.value),

+                })

+              }

+              className="w-12 !text-xs h-7 rounded-sm text-center

+               [appearance:textfield]

+               [&::-webkit-outer-spin-button]:appearance-none

+               [&::-webkit-inner-spin-button]:appearance-none"

+            />

+          </div>

+        </PropertyItemValue>

+      </PropertyItem>

+    </div>

+  );

+}