a

AngleProtocol · Dec 13, 2024 · b9d5ee1 · b9d5ee1
1 parent 915c58b
commit b9d5ee1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 25 deletions.
diff --git a/src/components/primitives/Checkbox.tsx b/src/components/primitives/Checkbox.tsx
@@ -17,7 +17,7 @@ export const checkboxStyles = tv({
     },
     checked: {
       true: "",
-      false: "bg-main-0"
+      false: "bg-main-0",
     },
     size: {
       xs: "min-h-sm px-xs*2 py-x !m-xs text-xs rounded-xs gap-xs",
@@ -30,7 +30,7 @@ export const checkboxStyles = tv({
   defaultVariants: {
     look: "base",
     size: "md",
-  }, 
+  },
 });
 
 export type CheckboxProps = Component<Styled<typeof checkboxStyles> & { state?: GetSet<boolean> }, RadixCheckboxProps>;

diff --git a/src/components/primitives/Divider.tsx b/src/components/primitives/Divider.tsx
@@ -33,7 +33,7 @@ export const dividerStyles = tv(
       { look: "hype", vertical: true, class: "border-r-2" },
     ],
   },
-  { twMerge: false }
+  { twMerge: false },
 );
 
 export type DividerProps = Component<
@@ -43,25 +43,8 @@ export type DividerProps = Component<
   }
 >;
 
-export default function Divider({
-  vertical = false,
-  horizontal = true,
-  look,
-  className,
-  ...props
-}: DividerProps) {
-  if (horizontal && !vertical)
-    return (
-      <div
-        className={mergeClass(dividerStyles({ look }), className)}
-        {...props}
-      />
-    );
+export default function Divider({ vertical = false, horizontal = true, look, className, ...props }: DividerProps) {
+  if (horizontal && !vertical) return <div className={mergeClass(dividerStyles({ look }), className)} {...props} />;
 
-  return (
-    <div
-      className={mergeClass(dividerStyles({ look, vertical: true }), className)}
-      {...props}
-    />
-  );
+  return <div className={mergeClass(dividerStyles({ look, vertical: true }), className)} {...props} />;
 }
diff --git a/src/components/primitives/Title.tsx b/src/components/primitives/Title.tsx
@@ -1,8 +1,8 @@
 import clsx from "clsx";
+import { forwardRef } from "react";
 import { tv } from "tailwind-variants";
 import type { Component, Styled } from "../../utils/types";
 import { textStyles } from "./Text";
-import React, { forwardRef, useEffect, useRef } from "react";
 
 export const titleStyles = tv(
   {

diff --git a/src/utils/tailwind.ts b/src/utils/tailwind.ts
@@ -71,7 +71,7 @@ export const generateTailwindConfig = () =>
         slideLeftAndFade: "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
         slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
         slideRightAndFade: "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        textScroll: "textScroll 5s linear"
+        textScroll: "textScroll 5s linear",
       },
     },
     colors: {