feat: add ultracite (#452)

* Init ultracite

* Update scripts and biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Run format

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 384f0c5e..8d69e36a 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>;

-}
\ No newline at end of file
+import { MediaElement } from "@/types/timeline";
+
+export function AudioProperties({ element }: { element: MediaElement }) {
+  return <div className="space-y-4 p-5">Audio properties</div>;
+}
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 c2c514cf..4ea28bb2 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 beb8c799..804ffb39 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 e13dabc8..c55c3dae 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>
+  );
+}