move classed out of util barrel

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`

app/ui/lib/MiniTable.tsx

@@ -5,7 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 import { Table as BigTable } from './Table'
 

app/ui/lib/Modal.tsx

@@ -10,7 +10,8 @@ import { animated, useTransition } from '@react-spring/web'
 import React, { createContext, forwardRef, useContext, useId } from 'react'
 
 import { Close12Icon } from '@oxide/design-system/icons/react'
-import { classed } from '@oxide/util'
+
+import { classed } from '~/util/classed'
 
 import { Button } from './Button'
 

app/ui/lib/PageHeader.tsx

@@ -7,7 +7,7 @@
  */
 import type { ReactElement } from 'react'
 
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 export const PageHeader = classed.header`mb-16 mt-12 flex items-center justify-between`
 

app/ui/lib/RadioGroup.tsx

@@ -50,7 +50,7 @@
 import cn from 'classnames'
 import React from 'react'
 
-import { classed } from '@oxide/util'
+import { classed } from '~/util/classed'
 
 export const RadioGroupHint = classed.p`text-base text-secondary text-sans-sm max-w-3xl`
 

app/ui/lib/SideModal.tsx

@@ -12,8 +12,8 @@ import React, { createContext, useContext, useRef, type ReactNode } from 'react'
 
 import { Close12Icon, Error12Icon } from '@oxide/design-system/icons/react'
 import { Message, useIsInModal } from '@oxide/ui'
-import { classed } from '@oxide/util'
 
+import { classed } from '~/util/classed'
 import { useIsOverflow } from 'app/hooks'
 
 import './side-modal.css'

app/ui/lib/Table.tsx

@@ -11,8 +11,7 @@ import SimpleBar from 'simplebar-react'
 
 import 'simplebar-react/dist/simplebar.min.css'
 
-import { classed } from '@oxide/util'
-
+import { classed } from '~/util/classed'
 import { useIsOverflow } from 'app/hooks'
 
 import './table.css'

app/util/index.ts

@@ -8,7 +8,6 @@
 
 export * from './array'
 export * from './children'
-export * from './classed'
 export * from './date'
 export * from './invariant'
 export * from './math'