fix: format

Author: lisalupi

packages/ui/src/components/Expandable/AnimatedExpandable.tsx

@@ -1,8 +1,10 @@
 import { cn } from '@ultraviolet/utils'
 import { assignInlineVars } from '@vanilla-extract/dynamic'
 import { useEffect, useRef, useState } from 'react'
+
 import { ANIMATION_DURATION } from './constant'
 import { animationDurationVar, expandableStyle } from './styles.css'
+
 import type { ExpandableProps } from './types'
 
 export const AnimatedExpandable = ({

packages/ui/src/components/Label/LabelContent.tsx

@@ -1,8 +1,11 @@
 import { cn } from '@ultraviolet/utils'
 import { useMemo } from 'react'
+
 import { Stack } from '../Stack'
 import { Text } from '../Text'
+
 import { labelStyle } from './styles.css'
+
 import type { LabelProps } from './type'
 
 export const LabelRequiredOrNot = ({

packages/ui/src/components/Label/type.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, CSSProperties, ReactNode } from 'react'
 import type { Text } from '../Text'
+import type { ComponentProps, CSSProperties, ReactNode } from 'react'
 
 export type LabelProps = {
   /**

packages/ui/src/components/LineChart/LegendCell.tsx

@@ -1,9 +1,12 @@
-import type { DatumValue } from '@nivo/core'
 import { cn } from '@ultraviolet/utils'
-import type { ComponentProps } from 'react'
+
 import { Text } from '../Text'
+
 import { lineChartStyle } from './styles.css'
 
+import type { DatumValue } from '@nivo/core'
+import type { ComponentProps } from 'react'
+
 type CellProps = {
   value?: DatumValue
   variant: ComponentProps<typeof Text>['variant']

packages/ui/src/components/List/SortIcon.tsx

@@ -1,5 +1,6 @@
 import { SortIcon as SortIconUV } from '@ultraviolet/icons/SortIcon'
 import { SouthShortIcon } from '@ultraviolet/icons/SouthShortIcon'
+
 import { listStyle } from './styles.css'
 
 export const SortIcon = ({ order }: { order?: 'ascending' | 'descending' }) =>

packages/ui/src/components/List/TableContainer.tsx

@@ -1,10 +1,12 @@
 'use client'
 
-import type { ReactNode } from 'react'
 import { Children, useEffect, useState } from 'react'
+
 import { useListContext } from './ListContext'
 import { listStyle } from './styles.css'
 
+import type { ReactNode } from 'react'
+
 export const TableContainer = ({ children }: { children: ReactNode }) => {
   const [childrenMemory, setChildrenMemory] = useState<ReactNode[]>(
     Children.toArray(children),

packages/ui/src/components/NumberInput/components/Controls.tsx

@@ -1,12 +1,14 @@
 import { MinusIcon } from '@ultraviolet/icons/MinusIcon'
 import { PlusIcon } from '@ultraviolet/icons/PlusIcon'
-import type { RefObject } from 'react'
 import { useCallback } from 'react'
+
 import { Button } from '../../Button'
 import { Stack } from '../../Stack'
-import type { SIZES } from '../constant'
 import { numberInputStyle } from '../styles.css'
 
+import type { SIZES } from '../constant'
+import type { RefObject } from 'react'
+
 export const Controls = ({
   controls,
   direction,

packages/ui/src/components/Pagination/PaginationButton.tsx

@@ -2,6 +2,7 @@
 
 import { Button } from '../Button'
 import { Text } from '../Text'
+
 import { paginationStyle } from './styles.css'
 
 type MakeButtonProps = {

packages/ui/src/components/RadioGroup/Context.tsx

@@ -1,6 +1,7 @@
-import type { InputHTMLAttributes } from 'react'
 import { createContext } from 'react'
 
+import type { InputHTMLAttributes } from 'react'
+
 type RadioGroupContextType = {
   groupName?: string
   groupValue: string | number

packages/ui/src/components/RadioGroup/SingleRadio.tsx

@@ -1,10 +1,13 @@
 'use client'
 
-import type { ComponentProps } from 'react'
 import { useContext } from 'react'
+
 import { Radio } from '../Radio'
+
 import { RadioGroupContext } from './Context'
 
+import type { ComponentProps } from 'react'
+
 type RadioGroupRadioProps = Omit<
   ComponentProps<typeof Radio>,
   'onChange' | 'checked' | 'required' | 'name'