Bump all dev deps (#2292)

bump all dev deps

Author: david-crespo

app/forms/image-upload.tsx

@@ -637,7 +637,7 @@ export function CreateImageSideModalForm() {
                   className={
                     allDone
                       ? 'transition-colors bg-accent-secondary children:text-accent'
-                      : ' transition-colors'
+                      : 'transition-colors'
                   }
                 />
               </div>

app/pages/project/instances/instance/tabs/MetricsTab.tsx

@@ -124,7 +124,7 @@ function DiskMetric({
 
   return (
     <div className="flex w-1/2 grow flex-col">
-      <h2 className="ml-3 flex items-center text-mono-xs text-secondary ">
+      <h2 className="ml-3 flex items-center text-mono-xs text-secondary">
         {title} <div className="ml-1 normal-case text-quaternary">{label}</div>
         {isLoading && <Spinner className="ml-2" />}
       </h2>

app/ui/lib/Combobox.tsx

@@ -124,7 +124,7 @@ export const Combobox = ({
           modal={false}
         >
           {filteredItems.length === 0 && (
-            <ComboboxOption disabled value="no-matches" className="relative ">
+            <ComboboxOption disabled value="no-matches" className="relative">
               <div className="ox-menu-item !text-disabled">No items match</div>
             </ComboboxOption>
           )}

app/ui/lib/DateField.tsx

@@ -129,7 +129,7 @@ function DateSegment({
           (segment.maxValue != null && String(segment.maxValue).length + 'ch') || undefined,
       }}
       className={cn(
-        'group group box-content rounded px-[1px] text-right tabular-nums outline-none',
+        'group box-content rounded px-[1px] text-right tabular-nums outline-none',
         !readOnly && 'focus:text-default focus:bg-accent-secondary-hover',
         segment.type === 'timeZoneName' ? 'ml-1 text-sans-sm' : 'text-sans-md'
       )}

app/ui/lib/DatePicker.tsx

@@ -62,7 +62,7 @@ export function DatePicker(props: DatePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-10  items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'relative flex h-10 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary'
               : 'border-default ring-accent-secondary'

app/ui/lib/DateRangePicker.tsx

@@ -62,7 +62,7 @@ export function DateRangePicker(props: DateRangePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-10  items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'relative flex h-10 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary'
               : 'border-default ring-accent-secondary'

app/ui/lib/Listbox.tsx

@@ -89,8 +89,7 @@ export const Listbox = <Value extends string = string>({
             <ListboxButton
               name={name}
               className={cn(
-                `flex h-10 w-full items-center justify-between
-                    rounded border text-sans-md`,
+                `flex h-10 w-full items-center justify-between rounded border text-sans-md`,
                 hasError
                   ? 'focus-error border-error-secondary hover:border-error'
                   : 'border-default hover:border-hover',

app/ui/lib/NumberInput.tsx

@@ -49,10 +49,7 @@ export const NumberInput = React.forwardRef<
         {...inputProps}
         ref={mergeRefs([forwardedRef, inputRef])}
         className={cn(
-          `w-full rounded border-none px-3
-      py-[0.6875rem] !outline-offset-1 text-sans-md
-      text-default bg-default placeholder:text-quaternary
-      focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
+          `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-default bg-default placeholder:text-quaternary focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
           props.error && 'focus-error',
           props.isDisabled && 'text-disabled bg-disabled'
         )}

app/ui/lib/TextInput.tsx

@@ -73,10 +73,7 @@ export const TextInput = React.forwardRef<
           ref={ref}
           type={type}
           className={cn(
-            `w-full rounded border-none px-3
-        py-[0.6875rem] !outline-offset-1 text-sans-md
-        text-default bg-default placeholder:text-quaternary
-        focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
+            `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-default bg-default placeholder:text-quaternary focus:outline-none disabled:cursor-not-allowed disabled:text-tertiary disabled:bg-disabled`,
             error && 'focus-error',
             fieldClassName,
             disabled && 'text-disabled bg-disabled'

app/ui/styles/components/Tabs.css

@@ -32,8 +32,7 @@
 }
 
 .ox-tab {
-  @apply h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2
-  uppercase !no-underline text-mono-sm text-tertiary border-secondary;
+  @apply h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2 uppercase !no-underline text-mono-sm text-tertiary border-secondary;
 }
 
 .ox-tab[data-state='active'],