move classed out of util barrel

Author: david-crespo

app/components/HL.tsx

@@ -5,6 +5,6 @@
  *
  * Copyright Oxide Computer Company
  */
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 export const HL = classed.span`text-sans-semi-md text-default`

app/components/Terminal.tsx

@@ -10,7 +10,8 @@ import { Terminal as XTerm, type ITerminalOptions } from 'xterm'
 import { FitAddon } from 'xterm-addon-fit'
 
 import { DirectionDownIcon, DirectionUpIcon } from '@oxide/ui'
-import { classed } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 import { AttachAddon } from './AttachAddon'
 

app/components/form/Form.tsx

@@ -9,7 +9,9 @@ import cn from 'classnames'
 import { cloneElement } from 'react'
 
 import { Button, Error12Icon, type ButtonProps } from '@oxide/ui'
-import { classed, flattenChildren, invariant, isOneOf, pluckFirstOfType } from '@oxide/util'
+import { flattenChildren, invariant, isOneOf, pluckFirstOfType } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 import './form.css'
 

app/components/form/FullPageForm.tsx

@@ -11,7 +11,9 @@ import { useBlocker, type Blocker } from 'react-router-dom'
 
 import type { ApiError } from '@oxide/api'
 import { Modal, PageHeader, PageTitle } from '@oxide/ui'
-import { classed, flattenChildren, pluckFirstOfType } from '@oxide/util'
+import { flattenChildren, pluckFirstOfType } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 import { Form } from '../form/Form'
 import { PageActions } from '../PageActions'

app/layouts/helpers.tsx

@@ -9,9 +9,9 @@ import { useRef } from 'react'
 import { Outlet } from 'react-router-dom'
 
 import { SkipLinkTarget } from '@oxide/ui'
-import { classed } from '@oxide/util'
 
 import { Pagination } from '~/components/Pagination'
+import { classed } from '~/util/classed'
 import { PageActionsTarget } from 'app/components/PageActions'
 import { useScrollRestoration } from 'app/hooks/use-scroll-restoration'
 

app/table/cells/EmptyCell.tsx

@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 export const EmptyCell = () => <span className="text-sans-md text-quinary">&mdash;</span>
 

app/table/cells/LinkCell.tsx

@@ -7,7 +7,7 @@
  */
 import { Link } from 'react-router-dom'
 
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 import type { Cell } from './Cell'
 

app/ui/lib/ActionMenu.tsx

@@ -11,7 +11,9 @@ import { matchSorter } from 'match-sorter'
 import React, { useState } from 'react'
 
 import { Close12Icon } from '@oxide/design-system/icons/react'
-import { classed, groupBy } from '@oxide/util'
+import { groupBy } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 import { useSteppedScroll } from './use-stepped-scroll'
 

app/ui/lib/Checkbox.tsx

@@ -8,7 +8,8 @@
 import cn from 'classnames'
 
 import { Checkmark12Icon } from '@oxide/design-system/icons/react'
-import { classed } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 const Check = () => (
   <Checkmark12Icon className="pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" />

app/ui/lib/Divider.tsx

@@ -5,7 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 /** Gets special styling from being inside `.ox-form` */
 export const FormDivider = classed.hr`ox-divider w-full border-t border-secondary`