From 4913f72da9d1b9af102435c8a9ceac7148075faa Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Thu, 9 Oct 2025 12:44:01 +0100
Subject: [PATCH 01/18] First pass

---
 app/components/AccordionItem.tsx              |    4 +-
 app/components/AttachFloatingIpModal.tsx      |    2 +-
 app/components/CapacityBar.tsx                |   28 +-
 app/components/CapacityBars.tsx               |    2 +-
 app/components/CopyCode.tsx                   |    6 +-
 app/components/DocsPopover.tsx                |   22 +-
 app/components/ErrorBoundary.tsx              |    2 +-
 app/components/ErrorPage.tsx                  |   14 +-
 app/components/ExternalIps.tsx                |    6 +-
 app/components/InstanceAutoRestartPopover.tsx |   18 +-
 app/components/ListPlusCell.tsx               |    2 +-
 app/components/MoreActionsMenu.tsx            |    2 +-
 app/components/MswBanner.tsx                  |    6 +-
 app/components/PageSkeleton.tsx               |    6 +-
 app/components/ProtocolBadge.tsx              |    2 +-
 app/components/RefetchIntervalPicker.tsx      |    6 +-
 app/components/RouteTabs.tsx                  |    2 +-
 app/components/Sidebar.tsx                    |   25 +-
 app/components/StateBadge.tsx                 |    2 +-
 app/components/Terminal.tsx                   |    4 +-
 app/components/TimeAgo.tsx                    |    2 +-
 app/components/TimeSeriesChart.tsx            |   26 +-
 app/components/ToastStack.tsx                 |    2 +-
 app/components/TopBar.tsx                     |   26 +-
 app/components/form/Form.tsx                  |    9 +-
 .../form/fields/DateTimeRangePicker.tsx       |    4 +-
 app/components/form/fields/NumberField.tsx    |    2 +-
 app/components/form/fields/RadioField.tsx     |    4 +-
 app/components/form/fields/SshKeysField.tsx   |    2 +-
 app/components/form/fields/TextField.tsx      |    2 +-
 app/forms/floating-ip-edit.tsx                |    2 +-
 app/forms/idp/create.tsx                      |    2 +-
 app/forms/idp/shared.tsx                      |    2 +-
 app/forms/image-edit.tsx                      |    2 +-
 app/forms/image-upload.tsx                    |   20 +-
 app/forms/instance-create.tsx                 |   20 +-
 app/forms/ssh-key-edit.tsx                    |    2 +-
 app/layouts/LoginLayout.tsx                   |    8 +-
 app/layouts/RootLayout.tsx                    |    4 +-
 app/layouts/helpers.tsx                       |    8 +-
 app/pages/DeviceAuthSuccessPage.tsx           |   10 +-
 app/pages/DeviceAuthVerifyPage.tsx            |   10 +-
 app/pages/LoginPage.tsx                       |    6 +-
 app/pages/LoginPageSaml.tsx                   |    4 +-
 app/pages/SiloUtilizationPage.tsx             |    2 +-
 .../project/instances/AutoRestartCard.tsx     |    2 +-
 app/pages/project/instances/InstancePage.tsx  |   10 +-
 app/pages/project/instances/InstancesPage.tsx |    6 +-
 .../project/instances/SerialConsolePage.tsx   |   20 +-
 .../project/vpcs/internet-gateway-edit.tsx    |    6 +-
 app/pages/settings/ProfilePage.tsx            |    4 +-
 app/pages/system/UtilizationPage.tsx          |    6 +-
 app/pages/system/inventory/sled/SledPage.tsx  |    2 +-
 app/pages/system/networking/IpPoolPage.tsx    |    2 +-
 app/pages/system/silos/SiloPage.tsx           |    4 +-
 app/table/cells/BooleanCell.tsx               |    4 +-
 app/table/cells/DefaultPoolCell.tsx           |    2 +-
 app/table/cells/EnabledCell.tsx               |    4 +-
 app/table/cells/TypeValueCell.tsx             |    2 +-
 app/table/columns/action-col.tsx              |    2 +-
 app/ui/lib/ActionMenu.tsx                     |   20 +-
 app/ui/lib/AuthCodeInput.tsx                  |    2 +-
 app/ui/lib/Badge.tsx                          |   18 +-
 app/ui/lib/BulkActionMenu.tsx                 |    6 +-
 app/ui/lib/Button.tsx                         |    2 +-
 app/ui/lib/CalendarCell.tsx                   |   20 +-
 app/ui/lib/CalendarGrid.tsx                   |    4 +-
 app/ui/lib/CardBlock.tsx                      |    6 +-
 app/ui/lib/Checkbox.tsx                       |    6 +-
 app/ui/lib/Combobox.tsx                       |   20 +-
 app/ui/lib/CopyableIp.tsx                     |    2 +-
 app/ui/lib/CreateButton.tsx                   |    2 +-
 app/ui/lib/DateField.tsx                      |    6 +-
 app/ui/lib/DatePicker.tsx                     |   14 +-
 app/ui/lib/DateRangePicker.tsx                |   14 +-
 app/ui/lib/DialogOverlay.tsx                  |    2 +-
 app/ui/lib/Divider.tsx                        |    2 +-
 app/ui/lib/EmptyMessage.tsx                   |    2 +-
 app/ui/lib/FieldLabel.tsx                     |    4 +-
 app/ui/lib/FileInput.tsx                      |   20 +-
 app/ui/lib/InlineCode.tsx                     |    2 +-
 app/ui/lib/Listbox.tsx                        |   20 +-
 app/ui/lib/Message.tsx                        |   12 +-
 app/ui/lib/MiniTable.tsx                      |    6 +-
 app/ui/lib/Modal.tsx                          |   12 +-
 app/ui/lib/ModalLinks.tsx                     |    4 +-
 app/ui/lib/NumberInput.tsx                    |   10 +-
 app/ui/lib/PageHeader.tsx                     |    2 +-
 app/ui/lib/Pagination.tsx                     |   10 +-
 app/ui/lib/Popover.tsx                        |    2 +-
 app/ui/lib/Progress.tsx                       |    4 +-
 app/ui/lib/PropertiesTable.tsx                |   10 +-
 app/ui/lib/Radio.tsx                          |   14 +-
 app/ui/lib/RangeCalendar.tsx                  |    4 +-
 app/ui/lib/SideModal.tsx                      |   22 +-
 app/ui/lib/Slash.tsx                          |    2 +-
 app/ui/lib/Spinner.tsx                        |    4 +-
 app/ui/lib/Table.tsx                          |   14 +-
 app/ui/lib/Tag.tsx                            |    2 +-
 app/ui/lib/TextInput.tsx                      |   10 +-
 app/ui/lib/Toast.tsx                          |   16 +-
 app/ui/styles/components/Tabs.css             |   10 +-
 app/ui/styles/components/button.css           |    2 +-
 app/ui/styles/components/menu-button.css      |    6 +-
 app/ui/styles/components/menu-list.css        |   10 +-
 app/ui/styles/components/mini-table.css       |    6 +-
 app/ui/styles/components/table.css            |   22 +-
 app/ui/styles/components/tooltip.css          |    2 +-
 app/ui/styles/index.css                       |  318 +-
 app/ui/styles/vars.css                        |   13 +
 app/ui/util/story-section.tsx                 |    4 +-
 package-lock.json                             | 4714 ++++++++++-------
 package.json                                  |    9 +-
 postcss.config.mjs                            |   17 -
 tailwind.config.ts                            |   91 -
 vite.config.ts                                |    2 +
 116 files changed, 3322 insertions(+), 2676 deletions(-)
 create mode 100644 app/ui/styles/vars.css
 delete mode 100644 postcss.config.mjs
 delete mode 100644 tailwind.config.ts

diff --git a/app/components/AccordionItem.tsx b/app/components/AccordionItem.tsx
index c23a078b4d..e458884e65 100644
--- a/app/components/AccordionItem.tsx
+++ b/app/components/AccordionItem.tsx
@@ -29,9 +29,9 @@ export const AccordionItem = ({ children, isOpen, label, value }: AccordionItemP
   return (
     <Accordion.Item value={value}>
       <Accordion.Header className="max-w-lg">
-        <Accordion.Trigger className="group flex w-full items-center justify-between border-t py-2 text-sans-xl border-secondary [&>svg]:data-[state=open]:rotate-90">
+        <Accordion.Trigger className="text-sans-xl border-secondary group flex w-full items-center justify-between border-t py-2 [&>svg]:data-[state=open]:rotate-90">
           <div className="text-raise">{label}</div>
-          <DirectionRightIcon className="transition-all text-default" />
+          <DirectionRightIcon className="text-default transition-all" />
         </Accordion.Trigger>
       </Accordion.Header>
       <Accordion.Content
diff --git a/app/components/AttachFloatingIpModal.tsx b/app/components/AttachFloatingIpModal.tsx
index 2505ceb4ec..524084bf14 100644
--- a/app/components/AttachFloatingIpModal.tsx
+++ b/app/components/AttachFloatingIpModal.tsx
@@ -48,7 +48,7 @@ function FloatingIpLabel({ fip }: { fip: FloatingIp }) {
         {fip.description && (
           <>
             <Slash />
-            <div className="grow overflow-hidden overflow-ellipsis whitespace-pre text-left">
+            <div className="grow overflow-hidden text-left text-ellipsis whitespace-pre">
               {fip.description}
             </div>
           </>
diff --git a/app/components/CapacityBar.tsx b/app/components/CapacityBar.tsx
index 39fc075cd7..d07497cfb4 100644
--- a/app/components/CapacityBar.tsx
+++ b/app/components/CapacityBar.tsx
@@ -34,15 +34,15 @@ export const CapacityBar = <T extends number | bigint>({
   const unitElt = includeUnit ? <>&nbsp;{unit}</> : null
 
   return (
-    <div className="w-full min-w-min rounded-lg border border-default lg+:max-w-[50%]">
+    <div className="border-default 1000:max-w-1/2 w-full min-w-min rounded-lg border">
       <div className="flex justify-between p-3">
         <TitleCell icon={icon} title={title} unit={unit} />
         <PctCell pct={pct} />
       </div>
-      <div className="p-3 pb-4 pt-1">
+      <div className="p-3 pt-1 pb-4">
         <Bar pct={pct} />
       </div>
-      <div className="flex justify-between border-t border-secondary">
+      <div className="border-secondary flex justify-between border-t">
         <ValueCell label={provisionedLabel} value={provisioned} unit={unitElt} />
         <ValueCell label={capacityLabel} value={capacity} unit={unitElt} />
       </div>
@@ -55,9 +55,9 @@ function TitleCell({ icon, title, unit }: TitleCellProps) {
   return (
     <div>
       <div className="flex grow items-center">
-        <span className="mr-2 flex h-4 w-4 items-center text-accent">{icon}</span>
-        <span className="!normal-case text-mono-sm text-default">{title}</span>
-        <span className="ml-1 !normal-case text-mono-sm text-tertiary">({unit})</span>
+        <span className="text-accent mr-2 flex h-4 w-4 items-center">{icon}</span>
+        <span className="text-mono-sm text-default normal-case!">{title}</span>
+        <span className="text-mono-sm text-tertiary ml-1 normal-case!">({unit})</span>
       </div>
     </div>
   )
@@ -67,8 +67,8 @@ function PctCell({ pct }: { pct: number }) {
   // NaN happens when both top and bottom are 0
   if (Number.isNaN(pct)) {
     return (
-      <div className="flex -translate-y-0.5 items-baseline text-tertiary">
-        <div className="font-light text-sans-2xl text-raise">—</div>
+      <div className="text-tertiary flex -translate-y-0.5 items-baseline">
+        <div className="text-sans-2xl text-raise font-light">—</div>
         <div className="text-sans-xl">%</div>
       </div>
     )
@@ -77,7 +77,7 @@ function PctCell({ pct }: { pct: number }) {
   const [wholeNumber, decimal] = splitDecimal(pct)
   return (
     <div className="flex -translate-y-0.5 items-baseline">
-      <div className="font-light text-sans-2xl text-raise">{wholeNumber}</div>
+      <div className="text-sans-2xl text-raise font-light">{wholeNumber}</div>
       <div className="text-sans-xl text-tertiary">{decimal}%</div>
     </div>
   )
@@ -87,10 +87,10 @@ function Bar({ pct }: { pct: number }) {
   return (
     <div className="flex w-full gap-0.5">
       <div
-        className="h-3 rounded-l border bg-accent-secondary border-accent-secondary"
+        className="bg-accent-secondary border-accent-secondary h-3 rounded-l border"
         style={{ width: `${pct.toFixed(2)}%` }}
       ></div>
-      <div className="h-3 grow rounded-r border bg-info-secondary border-info-secondary"></div>
+      <div className="bg-info-secondary border-info-secondary h-3 grow rounded-r border"></div>
     </div>
   )
 }
@@ -103,9 +103,9 @@ type ValueCellProps = {
 
 function ValueCell({ label, value, unit }: ValueCellProps) {
   return (
-    <div className="p-3 text-mono-sm">
-      <div className="mb-px text-tertiary">{label}</div>
-      <div className="!normal-case text-default">
+    <div className="text-mono-sm p-3">
+      <div className="text-tertiary mb-px">{label}</div>
+      <div className="text-default normal-case!">
         <BigNum num={value} />
         {unit}
       </div>
diff --git a/app/components/CapacityBars.tsx b/app/components/CapacityBars.tsx
index f5d415cf1c..b78da863ec 100644
--- a/app/components/CapacityBars.tsx
+++ b/app/components/CapacityBars.tsx
@@ -23,7 +23,7 @@ export const CapacityBars = ({
   allocatedLabel: string
 }) => {
   return (
-    <div className="mb-12 flex min-w-min flex-col gap-3 lg+:flex-row">
+    <div className="1000:flex-row mb-12 flex min-w-min flex-col gap-3">
       <CapacityBar
         icon={<Cpu16Icon />}
         title="CPU"
diff --git a/app/components/CopyCode.tsx b/app/components/CopyCode.tsx
index 15187abe37..9441388ec4 100644
--- a/app/components/CopyCode.tsx
+++ b/app/components/CopyCode.tsx
@@ -46,7 +46,7 @@ export function CopyCodeModal({
   return (
     <Modal isOpen={isOpen} onDismiss={onDismiss} title={modalTitle} width="free">
       <Modal.Section>
-        <pre className="w-full rounded border px-4 py-3 !normal-case !tracking-normal text-mono-md bg-default border-secondary">
+        <pre className="text-mono-md bg-default border-secondary w-full rounded border px-4 py-3 tracking-normal! normal-case!">
           {children}
         </pre>
       </Modal.Section>
@@ -71,7 +71,7 @@ export function CopyCodeModal({
                 animate={{ opacity: 1, y: '-50%', x: '-50%' }}
                 initial={{ opacity: 0, y: 'calc(-50% - 25px)', x: '-50%' }}
                 transition={{ type: 'spring', duration: 0.3, bounce: 0 }}
-                className="absolute left-1/2 top-1/2 flex items-center"
+                className="absolute top-1/2 left-1/2 flex items-center"
               >
                 <Success12Icon className="text-accent" />
               </m.span>
@@ -108,7 +108,7 @@ export function EquivalentCliCommand({ project, instance }: EquivProps) {
         isOpen={isOpen}
         onDismiss={() => setIsOpen(false)}
       >
-        <span className="mr-2 select-none text-tertiary">$</span>
+        <span className="text-tertiary mr-2 select-none">$</span>
         {cmdParts.join(' \\\n    ')}
       </CopyCodeModal>
     </>
diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx
index 88b6793b82..1d1cda2860 100644
--- a/app/components/DocsPopover.tsx
+++ b/app/components/DocsPopover.tsx
@@ -22,14 +22,14 @@ type DocsPopoverLinkProps = {
 export const DocsPopoverLink = ({ href, linkText }: DocsPopoverLinkProps) => (
   <a
     href={href}
-    className="group block px-4 children:last:border-0"
+    className="group block px-4 *:last:border-0"
     target="_blank"
     rel="noreferrer"
   >
-    <div className="mx-2 border-b py-1.5 border-secondary">
-      <div className="relative -ml-2 inline-block rounded py-1 pl-2 pr-7 text-sans-md text-raise group-hover:bg-tertiary">
-        <span className="inline-block max-w-[300px] truncate align-middle">{linkText}</span>
-        <OpenLink12Icon className="absolute top-1.5 ml-2 translate-y-[1px] text-secondary" />
+    <div className="border-secondary mx-2 border-b py-1.5">
+      <div className="text-sans-md text-raise group-hover:bg-tertiary relative -ml-2 inline-block rounded py-1 pr-7 pl-2">
+        <span className="inline-block max-w-300 truncate align-middle">{linkText}</span>
+        <OpenLink12Icon className="text-secondary absolute top-1.5 ml-2 translate-y-px" />
       </div>
     </div>
   </a>
@@ -54,18 +54,18 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps)
       </PopoverButton>
       <PopoverPanel
         // popover-panel needed for enter animation
-        className="popover-panel z-10 w-96 rounded-lg border bg-raise border-secondary elevation-2"
+        className="popover-panel bg-raise border-secondary elevation-2 z-10 w-96 rounded-lg border"
         anchor={{ to: 'bottom end', gap: 12 }}
       >
         <div className="px-4">
-          <h2 className="mt-4 flex items-center gap-1 text-sans-md">
-            <div className="mr-1 flex items-center text-accent-secondary">{icon}</div>
+          <h2 className="text-sans-md mt-4 flex items-center gap-1">
+            <div className="text-accent-secondary mr-1 flex items-center">{icon}</div>
             {title}
           </h2>
-          <p className="mb-3 mt-2 text-sans-md text-default">{summary}</p>
+          <p className="text-sans-md text-default mt-2 mb-3">{summary}</p>
         </div>
-        <div className="border-t pb-1 border-secondary">
-          <h3 className="mb-1 mt-3 px-4 text-mono-sm text-tertiary">Guides</h3>
+        <div className="border-secondary border-t pb-1">
+          <h3 className="text-mono-sm text-tertiary mt-3 mb-1 px-4">Guides</h3>
           {links.map((link) => (
             <DocsPopoverLink key={link.href} {...link} />
           ))}
diff --git a/app/components/ErrorBoundary.tsx b/app/components/ErrorBoundary.tsx
index be419ffa09..00cb74b893 100644
--- a/app/components/ErrorBoundary.tsx
+++ b/app/components/ErrorBoundary.tsx
@@ -19,7 +19,7 @@ import { ErrorPage, NotFound } from './ErrorPage'
 const IdpMisconfig = () => (
   <Message
     variant="notice"
-    className="!mt-6"
+    className="mt-6!"
     showIcon={false}
     content={
       <p>
diff --git a/app/components/ErrorPage.tsx b/app/components/ErrorPage.tsx
index 3e6b6522c1..ab831301f6 100644
--- a/app/components/ErrorPage.tsx
+++ b/app/components/ErrorPage.tsx
@@ -17,7 +17,7 @@ import { Button } from '~/ui/lib/Button'
 const GradientBackground = () => (
   <div
     // negative z-index avoids covering MSW warning banner
-    className="fixed bottom-0 left-0 right-0 top-0 -z-10"
+    className="fixed top-0 right-0 bottom-0 left-0 -z-10"
     style={{
       background:
         'radial-gradient(200% 100% at 50% 100%, var(--surface-default) 0%, #161B1D 100%)',
@@ -34,17 +34,17 @@ export function ErrorPage({ children }: Props) {
       <div className="relative flex w-full justify-between">
         <Link
           to="/"
-          className="flex items-center p-6 text-mono-sm text-default hover:text-raise"
+          className="text-mono-sm text-default hover:text-raise flex items-center p-6"
         >
-          <PrevArrow12Icon title="Select" className="mr-2 text-secondary" />
+          <PrevArrow12Icon title="Select" className="text-secondary mr-2" />
           Back to console
         </Link>
-        <SignOutButton className="mr-6 mt-4" />
+        <SignOutButton className="mt-4 mr-6" />
       </div>
-      <div className="absolute left-1/2 top-1/2 flex w-96 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center space-y-4 rounded-lg border p-8 !bg-raise border-secondary elevation-3">
+      <div className="bg-raise! border-secondary elevation-3 absolute top-1/2 left-1/2 flex w-96 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center space-y-4 rounded-lg border p-8">
         <div className="my-2 flex h-12 w-12 items-center justify-center">
-          <div className="absolute h-12 w-12 rounded-full opacity-20 bg-destructive motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
-          <Error12Icon className="relative h-8 w-8 text-error" />
+          <div className="bg-destructive absolute h-12 w-12 rounded-full opacity-20 motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
+          <Error12Icon className="text-error relative h-8 w-8" />
         </div>
 
         <div className="space-y-2 text-center">{children}</div>
diff --git a/app/components/ExternalIps.tsx b/app/components/ExternalIps.tsx
index 5baebea038..1a9518e3c1 100644
--- a/app/components/ExternalIps.tsx
+++ b/app/components/ExternalIps.tsx
@@ -44,14 +44,14 @@ export function ExternalIps({ project, instance }: PP.Instance) {
 
   return (
     <div className="flex max-w-full items-center">
-      {intersperse(links, <Slash className="ml-0.5 mr-1.5" />)}
+      {intersperse(links, <Slash className="mr-1.5 ml-0.5" />)}
       {/* if there are more than 2 ips, add a link to the instance networking page */}
       {overflowCount > 0 && (
         <>
-          <Slash className="ml-0.5 mr-1.5" />
+          <Slash className="mr-1.5 ml-0.5" />
           <Link
             to={pb.instanceNetworking({ project, instance })}
-            className="hover:link-with-underline -m-2 self-center p-2 text-tertiary"
+            className="hover:link-with-underline text-tertiary -m-2 self-center p-2"
           >
             …
           </Link>
diff --git a/app/components/InstanceAutoRestartPopover.tsx b/app/components/InstanceAutoRestartPopover.tsx
index 54599937ba..50217e5b7f 100644
--- a/app/components/InstanceAutoRestartPopover.tsx
+++ b/app/components/InstanceAutoRestartPopover.tsx
@@ -43,14 +43,14 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance })
   return (
     <Popover>
       <PopoverButton
-        className="group flex h-6 w-6 items-center justify-center rounded border border-default hover:bg-hover"
+        className="border-default hover:bg-hover group flex h-6 w-6 items-center justify-center rounded border"
         aria-label="Auto-restart status"
       >
         <AutoRestart12Icon className="shrink-0" aria-hidden />
       </PopoverButton>
       <PopoverPanel
         // popover-panel needed for enter animation
-        className="popover-panel z-10 w-96 rounded-lg border bg-raise border-secondary elevation-2"
+        className="popover-panel bg-raise border-secondary elevation-2 z-10 w-96 rounded-lg border"
         anchor={{ to: 'bottom start', gap: 12 }}
       >
         <PopoverRow label="Auto Restart">
@@ -92,7 +92,7 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance })
             )}
           </PopoverRow>
         )}
-        <div className="p-3 text-sans-md text-default">
+        <div className="text-sans-md text-default p-3">
           <p className="mb-2 pr-4">
             {enabled
               ? restartingSoon
@@ -106,13 +106,13 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance })
             target="_blank"
             rel="noreferrer"
           >
-            <span className="inline-block max-w-[300px] truncate align-middle">
+            <span className="inline-block max-w-300 truncate align-middle">
               Learn about{' '}
               <span className="group-hover:link-with-underline text-raise">
                 Instance Auto-Restart
               </span>
             </span>
-            <OpenLink12Icon className="ml-1 translate-y-[1px] text-secondary" />
+            <OpenLink12Icon className="text-secondary ml-1 translate-y-px" />
           </a>
         </div>
       </PopoverPanel>
@@ -121,10 +121,8 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance })
 }
 
 const PopoverRow = ({ label, children }: { label: string; children: ReactNode }) => (
-  <div className="flex h-10 items-center border-b border-b-secondary">
-    <div className="w-32 pl-3 pr-2 text-mono-sm text-tertiary">{label}</div>
-    <div className="flex h-10 flex-grow items-center gap-1.5 pr-2 text-sans-md">
-      {children}
-    </div>
+  <div className="border-b-secondary flex h-10 items-center border-b">
+    <div className="text-mono-sm text-tertiary w-32 pr-2 pl-3">{label}</div>
+    <div className="text-sans-md flex h-10 grow items-center gap-1.5 pr-2">{children}</div>
   </div>
 )
diff --git a/app/components/ListPlusCell.tsx b/app/components/ListPlusCell.tsx
index 92628d95d2..e6fd1f8016 100644
--- a/app/components/ListPlusCell.tsx
+++ b/app/components/ListPlusCell.tsx
@@ -37,7 +37,7 @@ export const ListPlusCell = ({
   const rest = array.slice(numInCell)
   const content = (
     <div>
-      <div className="mb-2 text-sans-semi-md text-raise">{tooltipTitle}</div>
+      <div className="text-sans-semi-md text-raise mb-2">{tooltipTitle}</div>
       <div className="flex flex-col items-start gap-2">{...rest}</div>
     </div>
   )
diff --git a/app/components/MoreActionsMenu.tsx b/app/components/MoreActionsMenu.tsx
index 3c78ef84e6..b92afad7af 100644
--- a/app/components/MoreActionsMenu.tsx
+++ b/app/components/MoreActionsMenu.tsx
@@ -30,7 +30,7 @@ export const MoreActionsMenu = ({
       <DropdownMenu.Trigger aria-label={label}>
         <div
           className={cn(
-            'active-clicked flex items-center justify-center rounded border border-default hover:bg-tertiary',
+            'active-clicked border-default hover:bg-tertiary flex items-center justify-center rounded border',
             isSmall ? 'h-6 w-6' : 'h-8 w-8'
           )}
         >
diff --git a/app/components/MswBanner.tsx b/app/components/MswBanner.tsx
index 4e6996aeca..96685833fb 100644
--- a/app/components/MswBanner.tsx
+++ b/app/components/MswBanner.tsx
@@ -49,11 +49,11 @@ export function MswBanner({ disableButton }: Props) {
   return (
     <>
       {/* The [&+*]:pt-10 style is to ensure the page container isn't pushed out of screen as it uses 100vh for layout */}
-      <aside className="absolute z-topBar flex h-10 w-full items-center justify-center text-sans-md text-info-secondary bg-info-secondary [&+*]:pt-10">
+      <aside className="text-sans-md text-info-secondary bg-info-secondary absolute z-(--z-top-bar) flex h-10 w-full items-center justify-center [&+*]:pt-10">
         <Info16Icon className="mr-2" /> This is a technical preview.
         <button
           type="button"
-          className="ml-2 flex items-center gap-0.5 text-sans-md hover:text-info"
+          className="text-sans-md hover:text-info ml-2 flex items-center gap-0.5"
           onClick={() => setIsOpen(true)}
           disabled={disableButton}
         >
@@ -91,7 +91,7 @@ export function MswBanner({ disableButton }: Props) {
             />
           </ModalLinks>
         </Modal.Section>
-        <footer className="flex items-center justify-end border-t px-3 py-3 border-secondary">
+        <footer className="border-secondary flex items-center justify-end border-t px-3 py-3">
           <Button size="sm" onClick={closeModal}>
             Close
           </Button>
diff --git a/app/components/PageSkeleton.tsx b/app/components/PageSkeleton.tsx
index 3a89672b57..3a4d2cf914 100644
--- a/app/components/PageSkeleton.tsx
+++ b/app/components/PageSkeleton.tsx
@@ -28,18 +28,18 @@ export function PageSkeleton({ skipPaths }: { skipPaths?: RegExp[] }) {
     <>
       {process.env.MSW_BANNER ? <MswBanner disableButton /> : null}
       <PageContainer>
-        <div className="flex items-center gap-2 border-b border-r p-3 border-secondary">
+        <div className="border-secondary flex items-center gap-2 border-r border-b p-3">
           <Block className="h-8 w-8" />
           <Block className="h-4 w-24" />
         </div>
-        <div className="flex items-center justify-between gap-2 border-b p-3 border-secondary">
+        <div className="border-secondary flex items-center justify-between gap-2 border-b p-3">
           <Block className="h-4 w-24" />
           <div className="flex items-center gap-2">
             <Block className="h-6 w-16" />
             <Block className="h-6 w-32" />
           </div>
         </div>
-        <div className="border-r p-4 border-secondary">
+        <div className="border-secondary border-r p-4">
           <Block className="mb-10 h-4 w-full" />
           <div className="mb-6 space-y-2">
             <Block className="h-4 w-32" />
diff --git a/app/components/ProtocolBadge.tsx b/app/components/ProtocolBadge.tsx
index 4be5c9c10f..d372349e50 100644
--- a/app/components/ProtocolBadge.tsx
+++ b/app/components/ProtocolBadge.tsx
@@ -31,7 +31,7 @@ export const ProtocolBadge = ({ protocol }: ProtocolBadgeProps) => {
           <span>type {protocol.value.icmpType}</span>
           {protocol.value.code && (
             <>
-              <span className="h-[10px] border-l border-l-accent-secondary" />
+              <span className="border-l-accent-secondary h-[10px] border-l" />
               <span>code {protocol.value.code}</span>
             </>
           )}
diff --git a/app/components/RefetchIntervalPicker.tsx b/app/components/RefetchIntervalPicker.tsx
index 389583a0d4..63d253b518 100644
--- a/app/components/RefetchIntervalPicker.tsx
+++ b/app/components/RefetchIntervalPicker.tsx
@@ -52,9 +52,9 @@ export function useIntervalPicker({ enabled, isLoading, fn, className }: Props)
         <button
           type="button"
           className={cn(
-            'flex w-10 items-center justify-center rounded-l border-b border-l border-t border-default disabled:cursor-default',
+            'border-default flex w-10 items-center justify-center rounded-l border-t border-b border-l disabled:cursor-default',
             isLoading && 'hover:bg-hover',
-            !enabled && 'cursor-not-allowed bg-disabled'
+            !enabled && 'bg-disabled cursor-not-allowed'
           )}
           onClick={fn}
           disabled={isLoading || !enabled}
@@ -65,7 +65,7 @@ export function useIntervalPicker({ enabled, isLoading, fn, className }: Props)
         </button>
         <Listbox
           selected={enabled ? intervalPreset : 'Off'}
-          className="[&_button]:!rounded-l-none"
+          className="[&_button]:rounded-l-none!"
           items={intervalItems}
           onChange={setIntervalPreset}
           disabled={!enabled}
diff --git a/app/components/RouteTabs.tsx b/app/components/RouteTabs.tsx
index 8e9e5e7a4c..ae2f22537e 100644
--- a/app/components/RouteTabs.tsx
+++ b/app/components/RouteTabs.tsx
@@ -67,7 +67,7 @@ export function RouteTabs({
       </div>
 
       <div
-        className={cn('ox-tabs-panel @container', { 'ml-5 flex-grow': sideTabs })}
+        className={cn('ox-tabs-panel @container', { 'ml-5 grow': sideTabs })}
         role="tabpanel"
         tabIndex={0}
       >
diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx
index 5a18b1080d..b04af7223f 100644
--- a/app/components/Sidebar.tsx
+++ b/app/components/Sidebar.tsx
@@ -15,15 +15,20 @@ import { openQuickActions } from '~/hooks/use-quick-actions'
 import { Button } from '~/ui/lib/Button'
 import { Truncate } from '~/ui/lib/Truncate'
 
-const linkStyles =
-  'flex h-7 items-center rounded px-2 text-sans-md hover:bg-hover [&>svg]:mr-2 [&>svg]:text-quaternary text-default'
+const linkStyles = (isActive = false) =>
+  cn(
+    'flex h-7 items-center rounded px-2 text-sans-md [&>svg]:mr-2',
+    isActive
+      ? 'text-accent bg-accent-secondary hover:bg-accent-secondary-hover [&>svg]:text-accent-tertiary'
+      : 'hover:bg-hover [&>svg]:text-quaternary text-default'
+  )
 
 // TODO: this probably doesn't go to the docs root. maybe it even opens a
 // menu with links to several relevant docs for the page
 export const DocsLinkItem = () => (
   <li>
     <a
-      className={linkStyles}
+      className={linkStyles()}
       href="https://docs.oxide.computer"
       target="_blank"
       rel="noreferrer"
@@ -43,12 +48,12 @@ const JumpToButton = () => {
       variant="ghost"
       size="sm"
       onClick={openQuickActions}
-      className="w-full !px-2"
+      className="w-full px-2!"
       // TODO: the more I use innerClassName the wronger it feels
       innerClassName="w-full justify-between text-tertiary"
     >
       <span className="flex items-center">
-        <Action16Icon className="mr-2 text-quaternary" /> Jump to
+        <Action16Icon className="text-quaternary mr-2" /> Jump to
       </span>
       <div className="text-mono-xs">{modKey}+K</div>
     </Button>
@@ -57,7 +62,7 @@ const JumpToButton = () => {
 
 export function Sidebar({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex flex-col border-r text-sans-md text-raise border-secondary">
+    <div className="text-sans-md text-raise border-secondary flex flex-col border-r">
       <div className="mx-3 mt-4">
         <JumpToButton />
       </div>
@@ -74,7 +79,7 @@ interface SidebarNav {
 Sidebar.Nav = ({ children, heading }: SidebarNav) => (
   <div className="mx-3 my-4 space-y-1">
     {heading && (
-      <div className="mb-2 text-mono-sm text-tertiary">
+      <div className="text-mono-sm text-tertiary mb-2">
         <Truncate text={heading} maxLength={24} />
       </div>
     )}
@@ -109,10 +114,8 @@ export const NavLinkItem = ({
     <li>
       <Link
         to={to}
-        className={cn(linkStyles, {
-          'text-accent !bg-accent-secondary hover:!bg-accent-secondary-hover [&>svg]:!text-accent-tertiary':
-            isActive || currentPathIsCreateForm,
-          'pointer-events-none text-disabled': disabled,
+        className={cn(linkStyles(isActive || currentPathIsCreateForm), {
+          'text-disabled pointer-events-none': disabled,
         })}
         aria-current={isActive ? 'page' : undefined}
       >
diff --git a/app/components/StateBadge.tsx b/app/components/StateBadge.tsx
index a53cab8b63..2144b76a9e 100644
--- a/app/components/StateBadge.tsx
+++ b/app/components/StateBadge.tsx
@@ -31,7 +31,7 @@ const INSTANCE_COLORS: Record<InstanceState, BadgeColor> = {
   stopping: 'neutral',
 }
 
-const badgeClasses = 'children:flex children:items-center children:gap-1'
+const badgeClasses = '*:flex *:items-center *:gap-1'
 
 export const InstanceStateBadge = (props: { state: InstanceState; className?: string }) => (
   <Badge color={INSTANCE_COLORS[props.state]} className={cn(props.className, badgeClasses)}>
diff --git a/app/components/Terminal.tsx b/app/components/Terminal.tsx
index 3d759d6862..c4bbed1e22 100644
--- a/app/components/Terminal.tsx
+++ b/app/components/Terminal.tsx
@@ -104,10 +104,10 @@ export function Terminal({ ws }: TerminalProps) {
     <>
       <div
         role="application"
-        className="h-full w-[calc(100%-3rem)] text-mono-code"
+        className="text-mono-code h-full w-[calc(100%-3rem)]"
         ref={terminalRef}
       />
-      <div className="absolute right-0 top-0 space-y-2 text-default">
+      <div className="text-default absolute top-0 right-0 space-y-2">
         <ScrollButton onClick={() => term?.scrollToTop()} aria-label="Scroll to top">
           <DirectionUpIcon aria-hidden />
         </ScrollButton>
diff --git a/app/components/TimeAgo.tsx b/app/components/TimeAgo.tsx
index 612579198f..a8693466ef 100644
--- a/app/components/TimeAgo.tsx
+++ b/app/components/TimeAgo.tsx
@@ -28,7 +28,7 @@ export const TimeAgo = ({
   )
   return (
     <Tooltip content={content} placement={placement}>
-      <span className="min-w-6 text-sans-sm text-secondary">{timeAgoAbbr(datetime)}</span>
+      <span className="text-sans-sm text-secondary min-w-6">{timeAgoAbbr(datetime)}</span>
     </Tooltip>
   )
 }
diff --git a/app/components/TimeSeriesChart.tsx b/app/components/TimeSeriesChart.tsx
index 7f77c5cf7d..45350ccb43 100644
--- a/app/components/TimeSeriesChart.tsx
+++ b/app/components/TimeSeriesChart.tsx
@@ -92,15 +92,15 @@ function renderTooltip(props: TooltipProps<number, string>, unit?: string) {
   } = payload[0]
   if (!timestamp || typeof value !== 'number') return null
   return (
-    <div className="rounded border outline-0 text-sans-md text-secondary bg-raise border-secondary elevation-2">
-      <div className="border-b px-3 py-2 pr-6 border-secondary">
+    <div className="text-sans-md text-secondary bg-raise border-secondary elevation-2 rounded border outline-0">
+      <div className="border-secondary border-b px-3 py-2 pr-6">
         {longDateTime(timestamp)}
       </div>
       <div className="px-3 py-2">
         <div className="text-secondary">{name}</div>
         <div className="text-raise">
           {value.toLocaleString()}
-          {unit && <span className="ml-1 text-secondary">{unit}</span>}
+          {unit && <span className="text-secondary ml-1">{unit}</span>}
         </div>
         {/* TODO: unit on value if relevant */}
       </div>
@@ -150,12 +150,12 @@ const SkeletonMetric = ({
     >
       <div className="flex h-full flex-col justify-between">
         {[...Array(4)].map((_e, i) => (
-          <div key={i} className="h-px w-full bg-[--stroke-secondary]" />
+          <div key={i} className="h-px w-full bg-(--stroke-secondary)" />
         ))}
       </div>
       <div className="flex justify-between">
         {[...Array(8)].map((_e, i) => (
-          <div key={i} className="h-1.5 w-px bg-[--stroke-secondary]" />
+          <div key={i} className="h-1.5 w-px bg-(--stroke-secondary)" />
         ))}
       </div>
     </div>
@@ -233,7 +233,7 @@ export function TimeSeriesChart({
   // ResponsiveContainer has default height and width of 100%
   // https://recharts.org/en-US/api/ResponsiveContainer
   return (
-    <div className="px-5 pb-5 pt-8">
+    <div className="px-5 pt-8 pb-5">
       <ResponsiveContainer height={300}>
         <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>
           <CartesianGrid stroke={GRID_GRAY} vertical={false} />
@@ -309,13 +309,13 @@ const MetricsMessage = ({
   <>
     <div className="z-10 flex w-52 flex-col items-center justify-center gap-1">
       {icon}
-      <div className="text-semi-lg text-center text-raise">{title}</div>
-      <div className="text-balance text-center text-sans-md text-secondary">
+      <div className="text-semi-lg text-raise text-center">{title}</div>
+      <div className="text-sans-md text-secondary text-center text-balance">
         {description}
       </div>
     </div>
     <div
-      className="absolute inset-x-0 bottom-12 top-1 bg-accent-secondary"
+      className="bg-accent-secondary absolute inset-x-0 top-1 bottom-12"
       style={{
         background:
           'radial-gradient(197.76% 54.9% at 50% 50%, var(--surface-default) 0%, rgba(8, 15, 17, 0.00) 100%)',
@@ -328,8 +328,8 @@ const MetricsError = () => (
   <MetricsMessage
     icon={
       <div className="my-2 flex h-8 w-8 items-center justify-center">
-        <div className="absolute h-8 w-8 rounded-full opacity-20 bg-destructive motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
-        <Error12Icon className="relative h-6 w-6 text-error-tertiary" />
+        <div className="bg-destructive absolute h-8 w-8 rounded-full opacity-20 motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
+        <Error12Icon className="text-error-tertiary relative h-6 w-6" />
       </div>
     }
     title="Something went wrong"
@@ -355,13 +355,13 @@ type ChartHeaderProps = {
 
 export function ChartHeader({ title, label, description, children }: ChartHeaderProps) {
   return (
-    <div className="flex items-center justify-between border-b px-5 pb-4 pt-5 border-secondary">
+    <div className="border-secondary flex items-center justify-between border-b px-5 pt-5 pb-4">
       <div>
         <h2 className="flex items-baseline gap-1.5">
           <div className="text-sans-semi-lg">{title}</div>
           <div className="text-sans-md text-secondary">{label}</div>
         </h2>
-        <div className="mt-0.5 text-sans-md text-secondary">{description}</div>
+        <div className="text-sans-md text-secondary mt-0.5">{description}</div>
       </div>
       {children}
     </div>
diff --git a/app/components/ToastStack.tsx b/app/components/ToastStack.tsx
index 39a95919e7..d2f94ebc30 100644
--- a/app/components/ToastStack.tsx
+++ b/app/components/ToastStack.tsx
@@ -16,7 +16,7 @@ export function ToastStack() {
 
   return (
     <div
-      className="pointer-events-auto fixed bottom-4 left-4 z-toast flex flex-col items-end space-y-2"
+      className="pointer-events-auto fixed bottom-4 left-4 z-(--z-toast) flex flex-col items-end space-y-2"
       data-testid="Toasts"
     >
       <AnimatePresence>
diff --git a/app/components/TopBar.tsx b/app/components/TopBar.tsx
index 1206d8d452..941e67164d 100644
--- a/app/components/TopBar.tsx
+++ b/app/components/TopBar.tsx
@@ -33,11 +33,11 @@ export function TopBar({ systemOrSilo }: { systemOrSilo: 'system' | 'silo' }) {
   // Each element will occupy one of the top column slots provided by `PageContainer`.
   return (
     <>
-      <div className="flex items-center border-b border-r px-2 border-secondary">
+      <div className="border-secondary flex items-center border-r border-b px-2">
         <HomeButton level={systemOrSilo} />
       </div>
       {/* Height is governed by PageContainer grid */}
-      <div className="flex items-center justify-between gap-4 border-b px-3 bg-default border-secondary">
+      <div className="bg-default border-secondary flex items-center justify-between gap-4 border-b px-3">
         <div className="flex flex-1 gap-2.5">
           <Breadcrumbs />
         </div>
@@ -84,12 +84,12 @@ function HomeButton({ level }: { level: 'system' | 'silo' }) {
         }
 
   return (
-    <Link to={config.to} className="w-full grow rounded-lg p-1 hover:bg-hover">
+    <Link to={config.to} className="hover:bg-hover w-full grow rounded-lg p-1">
       <div className="flex w-full items-center">
         <div className="mr-2">{config.icon}</div>
         <div className="min-w-0 flex-1">
           <div className="text-mono-xs text-tertiary">{config.heading}</div>
-          <div className="overflow-hidden text-ellipsis whitespace-nowrap text-sans-md text-raise">
+          <div className="text-sans-md text-raise overflow-hidden text-ellipsis whitespace-nowrap">
             {config.label}
           </div>
         </div>
@@ -102,7 +102,7 @@ function Breadcrumbs() {
   const crumbs = useCrumbs().filter((c) => !c.titleOnly)
   return (
     <nav
-      className="flex items-center gap-0.5 overflow-clip text-sans-md"
+      className="text-sans-md flex items-center gap-0.5 overflow-clip"
       aria-label="Breadcrumbs"
     >
       {intersperse(
@@ -110,7 +110,7 @@ function Breadcrumbs() {
           <Link
             to={path}
             className={cn(
-              'whitespace-nowrap text-sans-md',
+              'text-sans-md whitespace-nowrap',
               i === crumbs.length - 1 ? 'text-raise' : 'text-secondary hover:text-default'
             )}
             key={`${label}|${path}`}
@@ -136,11 +136,11 @@ function UserMenu() {
         <div
           className={cn(
             buttonStyle({ size: 'sm', variant: 'ghost' }),
-            'flex items-center gap-1.5 !px-2 !border-secondary'
+            'border-secondary! flex items-center gap-1.5 px-2!'
           )}
         >
           <Profile16Icon className="text-tertiary" />
-          <span className="normal-case text-sans-md text-default">
+          <span className="text-sans-md text-default normal-case">
             {me.displayName || 'User'}
           </span>
         </div>
@@ -162,11 +162,11 @@ function SiloSystemPicker({ level }: { level: 'silo' | 'system' }) {
   return (
     <DropdownMenu.Root>
       <DropdownMenu.Trigger aria-label="Switch between system and silo">
-        <div className="active-clicked flex items-center rounded border px-2 py-1.5 text-sans-md text-default border-secondary hover:bg-hover">
-          <div className="flex items-center text-tertiary">
+        <div className="active-clicked text-sans-md text-default border-secondary hover:bg-hover flex items-center rounded border px-2 py-1.5">
+          <div className="text-tertiary flex items-center">
             {level === 'system' ? <Servers16Icon /> : <Organization16Icon />}
           </div>
-          <div className="ml-1.5 mr-3">{level === 'system' ? 'System' : 'Silo'}</div>
+          <div className="mr-3 ml-1.5">{level === 'system' ? 'System' : 'Silo'}</div>
           {/* aria-hidden is a tip from the Reach docs */}
           <SelectArrows6Icon className="text-quaternary" aria-hidden />
         </div>
@@ -183,10 +183,10 @@ function SystemSiloItem(props: { label: string; to: string; isSelected: boolean
   return (
     <DropdownMenu.LinkItem
       to={props.to}
-      className={cn('!pr-3', { 'is-selected': props.isSelected })}
+      className={cn('pr-3!', { 'is-selected': props.isSelected })}
     >
       <div className="flex w-full items-center gap-2">
-        <div className="flex-grow">{props.label}</div>
+        <div className="grow">{props.label}</div>
         {props.isSelected && <Success12Icon className="block" />}
       </div>
     </DropdownMenu.LinkItem>
diff --git a/app/components/form/Form.tsx b/app/components/form/Form.tsx
index ce69718f9e..4d4aaab26c 100644
--- a/app/components/form/Form.tsx
+++ b/app/components/form/Form.tsx
@@ -52,12 +52,7 @@ export const Form = {
     invariant(submit, 'Form.Actions must contain a Form.Submit component')
 
     return (
-      <div
-        className={cn(
-          'flex w-full items-center gap-[0.625rem] children:shrink-0',
-          className
-        )}
-      >
+      <div className={cn('flex w-full items-center gap-2.5 *:shrink-0', className)}>
         {cloneElement(submit, {
           form: formId,
           disabled: !!submitDisabled,
@@ -66,7 +61,7 @@ export const Form = {
         })}
         {childArray}
         {error && (
-          <div className="flex !shrink grow items-start justify-end text-mono-sm text-error 2xl+:justify-start">
+          <div className="text-mono-sm text-error 1500:justify-start flex shrink! grow items-start justify-end">
             <Error12Icon className="mx-2 mt-0.5 shrink-0" />
             <span>{error.message}</span>
           </div>
diff --git a/app/components/form/fields/DateTimeRangePicker.tsx b/app/components/form/fields/DateTimeRangePicker.tsx
index a7071e4347..15dcd64b4e 100644
--- a/app/components/form/fields/DateTimeRangePicker.tsx
+++ b/app/components/form/fields/DateTimeRangePicker.tsx
@@ -129,7 +129,7 @@ export function DateTimeRangePicker({
   return (
     <form className="flex">
       <Listbox
-        className="z-10 w-[10rem] [&_button]:!rounded-r-none [&_button]:!border-r-0"
+        className="z-10 w-40 [&_button]:rounded-r-none! [&_button]:border-r-0!"
         name="preset"
         selected={preset}
         aria-label="Choose a time range preset"
@@ -153,7 +153,7 @@ export function DateTimeRangePicker({
           minValue={minValue}
           maxValue={maxValue}
           hideTimeZone
-          className="[&_.rounded-l]:!rounded-l-none"
+          className="[&_.rounded-l]:rounded-l-none!"
         />
       </div>
     </form>
diff --git a/app/components/form/fields/NumberField.tsx b/app/components/form/fields/NumberField.tsx
index 8796eacefd..aded8dc8f4 100644
--- a/app/components/form/fields/NumberField.tsx
+++ b/app/components/form/fields/NumberField.tsx
@@ -35,7 +35,7 @@ export function NumberField<
     <div className="max-w-lg">
       <div className="mb-2">
         <FieldLabel htmlFor={id} id={`${id}-label`} optional={!required}>
-          {label} {units && <span className="ml-1 text-default">({units})</span>}
+          {label} {units && <span className="text-default ml-1">({units})</span>}
         </FieldLabel>
         {description && (
           <TextInputHint id={`${id}-help-text`} className="mb-2">
diff --git a/app/components/form/fields/RadioField.tsx b/app/components/form/fields/RadioField.tsx
index d69a4a5b9c..2d0813950a 100644
--- a/app/components/form/fields/RadioField.tsx
+++ b/app/components/form/fields/RadioField.tsx
@@ -70,7 +70,7 @@ export function RadioField<
       <div className="mb-2">
         {label && (
           <FieldLabel id={`${id}-label`}>
-            {label} {units && <span className="ml-1 text-default">({units})</span>}
+            {label} {units && <span className="text-default ml-1">({units})</span>}
           </FieldLabel>
         )}
         {/* TODO: Figure out where this hint field def should live */}
@@ -131,7 +131,7 @@ export function RadioFieldDyn<
       <div className="mb-2">
         {label && (
           <FieldLabel id={`${id}-label`}>
-            {label} {units && <span className="ml-1 text-default">({units})</span>}
+            {label} {units && <span className="text-default ml-1">({units})</span>}
           </FieldLabel>
         )}
         {/* TODO: Figure out where this hint field def should live */}
diff --git a/app/components/form/fields/SshKeysField.tsx b/app/components/form/fields/SshKeysField.tsx
index fab12aea91..baa6da3dd5 100644
--- a/app/components/form/fields/SshKeysField.tsx
+++ b/app/components/form/fields/SshKeysField.tsx
@@ -127,7 +127,7 @@ export function SshKeysField({
           <CloudInitMessage />
         </>
       ) : (
-        <div className="mt-4 flex max-w-lg items-center justify-center rounded-lg border p-6 border-default">
+        <div className="border-default mt-4 flex max-w-lg items-center justify-center rounded-lg border p-6">
           <EmptyMessage
             icon={<Key16Icon />}
             title="No SSH keys"
diff --git a/app/components/form/fields/TextField.tsx b/app/components/form/fields/TextField.tsx
index 5348b7c273..f265891901 100644
--- a/app/components/form/fields/TextField.tsx
+++ b/app/components/form/fields/TextField.tsx
@@ -67,7 +67,7 @@ export function TextField<
     <div className="max-w-lg">
       <div className="mb-2">
         <FieldLabel htmlFor={id} id={`${id}-label`} optional={!required}>
-          {label} {units && <span className="ml-1 text-default">({units})</span>}
+          {label} {units && <span className="text-default ml-1">({units})</span>}
         </FieldLabel>
         {description && (
           <TextInputHint id={`${id}-help-text`} className="mb-2">
diff --git a/app/forms/floating-ip-edit.tsx b/app/forms/floating-ip-edit.tsx
index 46465edf7f..1083a8d7f0 100644
--- a/app/forms/floating-ip-edit.tsx
+++ b/app/forms/floating-ip-edit.tsx
@@ -102,7 +102,7 @@ export default function EditFloatingIpSideModalForm() {
                 project: floatingIpSelector.project,
                 instance: instanceName,
               })}
-              className="link-with-underline group text-sans-md"
+              className="link-with-underline text-sans-md group"
             >
               {instanceName}
             </Link>
diff --git a/app/forms/idp/create.tsx b/app/forms/idp/create.tsx
index 04d230abfa..181f72fc0b 100644
--- a/app/forms/idp/create.tsx
+++ b/app/forms/idp/create.tsx
@@ -185,7 +185,7 @@ export default function CreateIdpSideModalForm() {
           name="acsUrl"
           label="ACS URL"
           description={
-            <div className="children:inline-block">
+            <div className="*:inline-block">
               <span>
                 Oxide endpoint for the identity provider to send the SAML response.{' '}
               </span>
diff --git a/app/forms/idp/shared.tsx b/app/forms/idp/shared.tsx
index d2faff7744..271fe42552 100644
--- a/app/forms/idp/shared.tsx
+++ b/app/forms/idp/shared.tsx
@@ -41,7 +41,7 @@ export function MetadataSourceField({
   } = useController({ control, name: 'idpMetadataSource' })
   return (
     <fieldset>
-      <legend id="metadata-source-legend" className="mb-2 text-sans-md text-raise">
+      <legend id="metadata-source-legend" className="text-sans-md text-raise mb-2">
         Metadata source
       </legend>
       {/* TODO: probably need some help text here */}
diff --git a/app/forms/image-edit.tsx b/app/forms/image-edit.tsx
index b0d348aee8..4f864a61b3 100644
--- a/app/forms/image-edit.tsx
+++ b/app/forms/image-edit.tsx
@@ -54,7 +54,7 @@ export function EditImageSideModalForm({
         <PropertiesTable.IdRow id={image.id} />
         <PropertiesTable.Row label="Size">
           <span>{bytesToGiB(image.size)}</span>
-          <span className="ml-1 inline-block text-tertiary">GiB</span>
+          <span className="text-tertiary ml-1 inline-block">GiB</span>
         </PropertiesTable.Row>
         <PropertiesTable.DateRow date={image.timeCreated} label="Created" />
         <PropertiesTable.DateRow date={image.timeModified} label="Updated" />
diff --git a/app/forms/image-upload.tsx b/app/forms/image-upload.tsx
index 6ad5a37e97..01eb1efe37 100644
--- a/app/forms/image-upload.tsx
+++ b/app/forms/image-upload.tsx
@@ -612,28 +612,28 @@ export default function ImageCreate() {
       </div>
       {file && modalOpen && (
         <Modal isOpen onDismiss={closeModal} title="Image upload progress">
-          <Modal.Body className="!p-0">
-            <Modal.Section className="!p-0">
-              <div className="children:border-b children:border-b-secondary last:children:border-b-0">
+          <Modal.Body className="p-0!">
+            <Modal.Section className="p-0!">
+              <div className="*:border-b-secondary *:border-b last:*:border-b-0">
                 {modalError && (
                   <Message
                     variant="error"
                     title="Error"
                     content={modalError}
-                    className="!rounded-none !shadow-none"
+                    className="rounded-none! shadow-none!"
                   />
                 )}
                 <Step state={createDisk} label="Create temporary disk" />
                 <Step state={startImport} label="Put disk in import mode" />
                 <Step state={syntheticUploadState} label="Upload image file">
-                  <div className="rounded-lg border bg-default border-default">
-                    <div className="flex justify-between border-b p-3 pb-2 border-b-secondary">
+                  <div className="bg-default border-default rounded-lg border">
+                    <div className="border-b-secondary flex justify-between border-b p-3 pb-2">
                       <div className="text-sans-md text-raise">{file.name}</div>
                       {/* cancel and/or pause buttons could go here */}
                     </div>
                     <div className="p-3 pt-2">
-                      <div className="flex justify-between text-mono-sm">
-                        <div className="!normal-case text-default">
+                      <div className="text-mono-sm flex justify-between">
+                        <div className="text-default normal-case!">
                           {fsize((uploadProgress / 100) * file.size)}{' '}
                           <span className="text-quaternary">/</span> {fsize(file.size)}
                         </div>
@@ -667,7 +667,7 @@ export default function ImageCreate() {
                   label="Image uploaded successfully"
                   className={
                     allDone
-                      ? 'transition-colors bg-accent-secondary children:text-accent'
+                      ? 'bg-accent-secondary *:text-accent transition-colors'
                       : 'transition-colors'
                   }
                 />
@@ -771,7 +771,7 @@ function BootableNotice({
     <Message
       variant="info"
       title="This image might not be bootable"
-      className="[&>*]:space-y-2"
+      className="*:space-y-2"
       content={content}
     />
   )
diff --git a/app/forms/instance-create.tsx b/app/forms/instance-create.tsx
index 5415e5de07..41827bf958 100644
--- a/app/forms/instance-create.tsx
+++ b/app/forms/instance-create.tsx
@@ -263,7 +263,7 @@ export default function CreateInstanceForm() {
   // additional form elements for projectImage and siloImage tabs
   const bootDiskSizeAndName = (
     <>
-      <div key="divider" className="!my-12 content-['a']" />
+      <div key="divider" className="my-12! content-['a']" />
       <DiskSizeField
         key="diskSizeField"
         label="Disk size"
@@ -361,7 +361,7 @@ export default function CreateInstanceForm() {
         </CheckboxField>
         <FormDivider />
         <Form.Heading id="hardware">Hardware</Form.Heading>
-        <TextInputHint id="hw-gp-help-text" className="mb-12 max-w-xl text-sans-md">
+        <TextInputHint id="hw-gp-help-text" className="text-sans-md mb-12 max-w-xl">
           Pick a pre-configured machine type that offers balanced vCPU and memory for most
           workloads or create a custom machine.
         </TextInputHint>
@@ -510,7 +510,7 @@ export default function CreateInstanceForm() {
             className="space-y-4"
           >
             {siloImages.length === 0 ? (
-              <div className="flex max-w-lg items-center justify-center rounded-lg border p-6 border-default">
+              <div className="border-default flex max-w-lg items-center justify-center rounded-lg border p-6">
                 <EmptyMessage
                   icon={<Images16Icon />}
                   title="No silo images found"
@@ -534,7 +534,7 @@ export default function CreateInstanceForm() {
             className="space-y-4"
           >
             {projectImages.length === 0 ? (
-              <div className="flex max-w-lg items-center justify-center rounded-lg border p-6 border-default">
+              <div className="border-default flex max-w-lg items-center justify-center rounded-lg border p-6">
                 <EmptyMessage
                   icon={<Images16Icon />}
                   title="No project images found"
@@ -558,7 +558,7 @@ export default function CreateInstanceForm() {
 
           <Tabs.Content value={'disk' satisfies BootDiskSourceType} className="space-y-4">
             {disks.length === 0 ? (
-              <div className="flex max-w-lg items-center justify-center rounded-lg border p-6 border-default">
+              <div className="border-default flex max-w-lg items-center justify-center rounded-lg border p-6">
                 <EmptyMessage
                   icon={<Storage16Icon />}
                   title="No detached disks found"
@@ -614,12 +614,12 @@ const isFloating = (
 const FloatingIpLabel = ({ ip }: { ip: FloatingIp }) => (
   <div>
     <div>{ip.name}</div>
-    <div className="flex gap-0.5 text-secondary selected:text-accent-secondary">
+    <div className="text-secondary selected:text-accent-secondary flex gap-0.5">
       <div>{ip.ip}</div>
       {ip.description && (
         <>
           <Slash />
-          <div className="grow overflow-hidden overflow-ellipsis whitespace-pre text-left">
+          <div className="grow overflow-hidden text-left text-ellipsis whitespace-pre">
             {ip.description}
           </div>
         </>
@@ -726,7 +726,7 @@ const AdvancedAccordion = ({
         </div>
 
         <div className="flex flex-1 flex-col gap-4">
-          <h2 className="flex items-center text-sans-md">
+          <h2 className="text-sans-md flex items-center">
             Ephemeral IP{' '}
             <TipIcon className="ml-1.5">
               Ephemeral IPs are allocated when the instance is created and deallocated when
@@ -768,7 +768,7 @@ const AdvancedAccordion = ({
         </div>
 
         <div className="flex flex-1 flex-col gap-4">
-          <h2 className="flex items-center text-sans-md">
+          <h2 className="text-sans-md flex items-center">
             Floating IPs{' '}
             <TipIcon className="ml-1.5">
               Floating IPs exist independently of instances and can be attached to and
@@ -776,7 +776,7 @@ const AdvancedAccordion = ({
             </TipIcon>
           </h2>
           {floatingIpList.items.length === 0 ? (
-            <div className="flex max-w-lg items-center justify-center rounded-lg border border-default">
+            <div className="border-default flex max-w-lg items-center justify-center rounded-lg border">
               <EmptyMessage
                 icon={<IpGlobal16Icon />}
                 title="No floating IPs found"
diff --git a/app/forms/ssh-key-edit.tsx b/app/forms/ssh-key-edit.tsx
index 71d24fff51..2d29c7ad39 100644
--- a/app/forms/ssh-key-edit.tsx
+++ b/app/forms/ssh-key-edit.tsx
@@ -64,7 +64,7 @@ export default function EditSSHKeySideModalForm() {
       <NameField name="name" control={form.control} disabled />
       <DescriptionField name="description" control={form.control} disabled />
       <div className="relative">
-        <CopyToClipboard className="!absolute right-0 top-0" text={data.publicKey} />
+        <CopyToClipboard className="absolute! top-0 right-0" text={data.publicKey} />
         <TextField
           as="textarea"
           name="publicKey"
diff --git a/app/layouts/LoginLayout.tsx b/app/layouts/LoginLayout.tsx
index 47bcfe8f6f..47cf588f7b 100644
--- a/app/layouts/LoginLayout.tsx
+++ b/app/layouts/LoginLayout.tsx
@@ -13,19 +13,19 @@ import { OxideLogo } from '~/components/OxideLogo'
 export default function LoginLayout() {
   return (
     <main className="layout relative flex h-screen">
-      <div className="hero-bg relative flex w-1/2 justify-end text-accent sm-:hidden">
+      <div className="hero-bg text-accent max-800:hidden relative flex w-1/2 justify-end">
         <div className="hero-rack-wrapper">
           <img src={heroRackImg} alt="A populated Oxide rack" className="hero-rack" />
         </div>
       </div>
-      <div className="z-10 flex h-full w-1/2 justify-start sm-:w-full sm-:justify-center">
-        <div className="flex h-full w-full max-w-[480px] items-center justify-center sm+:pr-10">
+      <div className="max-800:w-full max-800:justify-center z-10 flex h-full w-1/2 justify-start">
+        <div className="600:pr-10 flex h-full w-full max-w-[480px] items-center justify-center">
           <div className="flex w-[320px] flex-col items-center">
             <Outlet />
           </div>
         </div>
       </div>
-      <OxideLogo className="absolute bottom-8 left-1/2 hidden -translate-x-1/2 sm-:block" />
+      <OxideLogo className="max-800:block absolute bottom-8 left-1/2 hidden -translate-x-1/2" />
     </main>
   )
 }
diff --git a/app/layouts/RootLayout.tsx b/app/layouts/RootLayout.tsx
index 890ad3c992..50d5f03d8c 100644
--- a/app/layouts/RootLayout.tsx
+++ b/app/layouts/RootLayout.tsx
@@ -135,8 +135,8 @@ function LoadingBar() {
   }, [navigation])
 
   return (
-    <div className="fixed left-0 right-0 top-0 z-50">
-      <div ref={barRef} className="global-loading-bar h-px bg-accent" />
+    <div className="fixed top-0 right-0 left-0 z-50">
+      <div ref={barRef} className="global-loading-bar bg-accent h-px" />
     </div>
   )
 }
diff --git a/app/layouts/helpers.tsx b/app/layouts/helpers.tsx
index ae08a2e69d..22530762b9 100644
--- a/app/layouts/helpers.tsx
+++ b/app/layouts/helpers.tsx
@@ -14,7 +14,7 @@ import { useScrollRestoration } from '~/hooks/use-scroll-restoration'
 import { SkipLinkTarget } from '~/ui/lib/SkipLink'
 import { classed } from '~/util/classed'
 
-export const PageContainer = classed.div`grid h-screen grid-cols-[14.25rem,1fr] grid-rows-[--top-bar-height,1fr]`
+export const PageContainer = classed.div`grid h-screen grid-cols-[14.25rem_1fr] grid-rows-[var(--top-bar-height)_1fr]`
 
 export function ContentPane() {
   const ref = useRef<HTMLDivElement>(null)
@@ -28,11 +28,11 @@ export function ContentPane() {
     >
       <div className="flex grow flex-col pb-8">
         <SkipLinkTarget />
-        <main className="[&>*]:gutter">
+        <main className="*:gutter">
           <Outlet />
         </main>
       </div>
-      <div className="sticky bottom-0 z-topBar shrink-0 justify-between overflow-hidden border-t bg-default border-secondary empty:border-t-0">
+      <div className="bg-default border-secondary sticky bottom-0 z-(--z-top-bar) shrink-0 justify-between overflow-hidden border-t empty:border-t-0">
         <Pagination.Target />
         <PageActionsTarget />
       </div>
@@ -50,7 +50,7 @@ export const SerialConsoleContentPane = () => (
   <div className="flex flex-col overflow-auto">
     <div className="flex grow flex-col">
       <SkipLinkTarget />
-      <main className="[&>*]:gutter h-full">
+      <main className="*:gutter h-full">
         <Outlet />
       </main>
     </div>
diff --git a/app/pages/DeviceAuthSuccessPage.tsx b/app/pages/DeviceAuthSuccessPage.tsx
index ca54d99353..a7e3eccd80 100644
--- a/app/pages/DeviceAuthSuccessPage.tsx
+++ b/app/pages/DeviceAuthSuccessPage.tsx
@@ -12,13 +12,13 @@ import { Success12Icon } from '@oxide/design-system/icons/react'
  */
 export default function DeviceAuthSuccessPage() {
   return (
-    <div className="flex w-full max-w-[470px] flex-col items-center rounded-lg border p-9 text-center !bg-raise border-secondary elevation-3">
+    <div className="bg-raise! border-secondary elevation-3 flex w-full max-w-[470px] flex-col items-center rounded-lg border p-9 text-center">
       <div className="my-2 flex h-12 w-12 items-center justify-center">
-        <div className="absolute h-12 w-12 rounded-full opacity-20 bg-accent motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
-        <Success12Icon className="relative h-8 w-8 text-accent" />
+        <div className="bg-accent absolute h-12 w-12 rounded-full opacity-20 motion-safe:animate-[ping_2s_cubic-bezier(0,0,0.2,1)_infinite]" />
+        <Success12Icon className="text-accent relative h-8 w-8" />
       </div>
-      <h1 className="mt-4 text-sans-2xl text-accent">Device logged in</h1>
-      <p className="mt-1 text-sans-lg text-secondary">You can close this window</p>
+      <h1 className="text-sans-2xl text-accent mt-4">Device logged in</h1>
+      <p className="text-sans-lg text-secondary mt-1">You can close this window</p>
     </div>
   )
 }
diff --git a/app/pages/DeviceAuthVerifyPage.tsx b/app/pages/DeviceAuthVerifyPage.tsx
index e023c5f170..b8baf26457 100644
--- a/app/pages/DeviceAuthVerifyPage.tsx
+++ b/app/pages/DeviceAuthVerifyPage.tsx
@@ -33,7 +33,7 @@ export default function DeviceAuthVerifyPage() {
 
   return (
     <form
-      className="w-full max-w-[470px] rounded-lg border p-9 text-center !bg-raise border-secondary elevation-3"
+      className="bg-raise! border-secondary elevation-3 w-full max-w-[470px] rounded-lg border p-9 text-center"
       onSubmit={(event) => {
         event.preventDefault()
 
@@ -44,8 +44,8 @@ export default function DeviceAuthVerifyPage() {
         }
       }}
     >
-      <h1 className="mb-1 text-sans-2xl text-accent">Device Authentication</h1>
-      <p className="mb-8 text-sans-lg text-secondary">
+      <h1 className="text-sans-2xl text-accent mb-1">Device Authentication</h1>
+      <p className="text-sans-lg text-secondary mb-8">
         Enter the code shown on your device
       </p>
       <AuthCodeInput
@@ -56,7 +56,7 @@ export default function DeviceAuthVerifyPage() {
         dashAfterIdxs={DASH_AFTER_IDXS}
       />
       <Button
-        className="w-full !text-mono-sm"
+        className="text-mono-sm! w-full"
         type="submit"
         loading={confirmPost.isPending}
         disabled={confirmPost.isPending || confirmPost.isSuccess || userCode.length < 8}
@@ -64,7 +64,7 @@ export default function DeviceAuthVerifyPage() {
         Log in on device
       </Button>
       {confirmPost.isError && (
-        <div className="mt-3 flex items-center justify-center text-sans-md text-error">
+        <div className="text-sans-md text-error mt-3 flex items-center justify-center">
           <Warning12Icon /> <div className="ml-1">Code is invalid</div>
         </div>
       )}
diff --git a/app/pages/LoginPage.tsx b/app/pages/LoginPage.tsx
index 899c8f2531..e4d3c5214b 100644
--- a/app/pages/LoginPage.tsx
+++ b/app/pages/LoginPage.tsx
@@ -44,13 +44,13 @@ export default function LoginPage() {
     <>
       <div className="mb-3 flex items-end space-x-3">
         <Identicon
-          className="flex h-[34px] w-[34px] items-center justify-center rounded text-accent bg-accent-secondary-hover"
+          className="text-accent bg-accent-secondary-hover flex h-[34px] w-[34px] items-center justify-center rounded"
           name={silo}
         />
         <div className="text-sans-2xl text-raise">{silo}</div>
       </div>
 
-      <hr className="my-6 w-full border-0 border-b border-b-secondary" />
+      <hr className="border-b-secondary my-6 w-full border-0 border-b" />
 
       <form
         className="w-full space-y-4"
@@ -80,7 +80,7 @@ export default function LoginPage() {
           Sign in
         </Button>
         {loginPost.isError && (
-          <div className="text-center text-error">Could not sign in. Please try again.</div>
+          <div className="text-error text-center">Could not sign in. Please try again.</div>
         )}
       </form>
     </>
diff --git a/app/pages/LoginPageSaml.tsx b/app/pages/LoginPageSaml.tsx
index 0b4c4cb3c8..91e668a5ba 100644
--- a/app/pages/LoginPageSaml.tsx
+++ b/app/pages/LoginPageSaml.tsx
@@ -24,13 +24,13 @@ export default function LoginPageSaml() {
     <>
       <div className="mb-3 flex items-end space-x-3">
         <Identicon
-          className="flex h-[34px] w-[34px] items-center justify-center rounded text-accent bg-accent-secondary-hover"
+          className="text-accent bg-accent-secondary-hover flex h-[34px] w-[34px] items-center justify-center rounded"
           name={silo}
         />
         <div className="text-sans-2xl text-raise">{silo}</div>
       </div>
 
-      <hr className="my-6 w-full border-0 border-b border-b-secondary" />
+      <hr className="border-b-secondary my-6 w-full border-0 border-b" />
 
       <a
         className={cn(buttonStyle({}), 'w-full')}
diff --git a/app/pages/SiloUtilizationPage.tsx b/app/pages/SiloUtilizationPage.tsx
index 3fbb93bd35..ee0bad000b 100644
--- a/app/pages/SiloUtilizationPage.tsx
+++ b/app/pages/SiloUtilizationPage.tsx
@@ -92,7 +92,7 @@ export default function SiloUtilizationPage() {
 
       <Divider className="my-6" />
 
-      <div className="mb-3 mt-8 flex flex-wrap justify-between gap-3">
+      <div className="mt-8 mb-3 flex flex-wrap justify-between gap-3">
         <div className="flex gap-2">
           {intervalPicker}
 
diff --git a/app/pages/project/instances/AutoRestartCard.tsx b/app/pages/project/instances/AutoRestartCard.tsx
index 046eac54d1..bd270b436d 100644
--- a/app/pages/project/instances/AutoRestartCard.tsx
+++ b/app/pages/project/instances/AutoRestartCard.tsx
@@ -157,7 +157,7 @@ type FormMetaProps = {
 
 const FormMeta = ({ label, tip, children }: FormMetaProps) => (
   <div>
-    <div className="mb-2 flex items-center gap-1 border-b pb-2 text-sans-md text-raise border-secondary">
+    <div className="text-sans-md text-raise border-secondary mb-2 flex items-center gap-1 border-b pb-2">
       <div>{label}</div>
       {tip && <TipIcon>{tip}</TipIcon>}
     </div>
diff --git a/app/pages/project/instances/InstancePage.tsx b/app/pages/project/instances/InstancePage.tsx
index 8d96fad308..6f3cbd83cf 100644
--- a/app/pages/project/instances/InstancePage.tsx
+++ b/app/pages/project/instances/InstancePage.tsx
@@ -183,7 +183,7 @@ export default function InstancePage() {
         <div className="inline-flex gap-2">
           <RefreshButton onClick={refreshData} />
           <InstanceDocsPopover />
-          <div className="flex space-x-2 border-l pl-2 border-default">
+          <div className="border-default flex space-x-2 border-l pl-2">
             {makeButtonActions(instance).map((action) => (
               <Button
                 key={action.label}
@@ -224,11 +224,11 @@ export default function InstancePage() {
       <PropertiesTable columns={2} className="-mt-8 mb-8">
         <PropertiesTable.Row label="cpu">
           <span className="text-default">{instance.ncpus}</span>
-          <span className="ml-1 text-tertiary">{pluralize(' vCPU', instance.ncpus)}</span>
+          <span className="text-tertiary ml-1">{pluralize(' vCPU', instance.ncpus)}</span>
         </PropertiesTable.Row>
         <PropertiesTable.Row label="ram">
           <span className="text-default">{memory.value}</span>
-          <span className="ml-1 text-tertiary"> {memory.unit}</span>
+          <span className="text-tertiary ml-1"> {memory.unit}</span>
         </PropertiesTable.Row>
         <PropertiesTable.Row label="state">
           <div className="flex items-center gap-2">
@@ -239,7 +239,7 @@ export default function InstancePage() {
         <PropertiesTable.Row label="vpc">
           {vpc ? (
             <Link
-              className="link-with-underline group text-sans-md"
+              className="link-with-underline text-sans-md group"
               to={pb.vpc({ project: instanceSelector.project, vpc: vpc.name })}
             >
               {vpc.name}
@@ -397,7 +397,7 @@ export function ResizeInstanceModal({
             />
           </form>
           {instanceUpdate.error && (
-            <p className="mt-4 text-error">{instanceUpdate.error.message}</p>
+            <p className="text-error mt-4">{instanceUpdate.error.message}</p>
           )}
         </Modal.Section>
       </Modal.Body>
diff --git a/app/pages/project/instances/InstancesPage.tsx b/app/pages/project/instances/InstancesPage.tsx
index cc4df492eb..304e763407 100644
--- a/app/pages/project/instances/InstancesPage.tsx
+++ b/app/pages/project/instances/InstancesPage.tsx
@@ -104,7 +104,7 @@ export default function InstancesPage() {
         cell: (info) => (
           <>
             {info.getValue()}{' '}
-            <span className="ml-1 text-tertiary">{pluralize('vCPU', info.getValue())}</span>
+            <span className="text-tertiary ml-1">{pluralize('vCPU', info.getValue())}</span>
           </>
         ),
       }),
@@ -114,7 +114,7 @@ export default function InstancesPage() {
           const memory = filesize(info.getValue(), { output: 'object', base: 2 })
           return (
             <>
-              {memory.value} <span className="ml-1 text-tertiary">{memory.unit}</span>
+              {memory.value} <span className="text-tertiary ml-1">{memory.unit}</span>
             </>
           )
         },
@@ -219,7 +219,7 @@ export default function InstancesPage() {
       </PageHeader>
       {/* Avoid changing justify-end on TableActions for this one case. We can
        * fix this properly when we add refresh and filtering for all tables. */}
-      <TableActions className="!justify-between">
+      <TableActions className="justify-between!">
         <div className="flex items-center gap-2">
           <RefreshButton onClick={refetchInstances} />
           <Tooltip
diff --git a/app/pages/project/instances/SerialConsolePage.tsx b/app/pages/project/instances/SerialConsolePage.tsx
index 229c69f5d5..13f853c82e 100644
--- a/app/pages/project/instances/SerialConsolePage.tsx
+++ b/app/pages/project/instances/SerialConsolePage.tsx
@@ -135,13 +135,13 @@ export default function SerialConsolePage() {
   }, [canConnect])
 
   return (
-    <div className="!mx-0 flex h-full max-h-[calc(100vh-var(--top-bar-height))] !w-full flex-col">
+    <div className="mx-0! flex h-full max-h-[calc(100vh-var(--top-bar-height))] w-full! flex-col">
       <Link
         to={pb.instance(instanceSelector)}
-        className="mx-3 mb-6 mt-3 flex h-10 shrink-0 items-center rounded px-3 bg-accent-secondary"
+        className="bg-accent-secondary mx-3 mt-3 mb-6 flex h-10 shrink-0 items-center rounded px-3"
       >
         <PrevArrow12Icon className="text-accent-tertiary" />
-        <div className="ml-2 text-mono-sm text-accent">
+        <div className="text-mono-sm text-accent ml-2">
           <span className="text-accent-tertiary">Back to</span> instance
         </div>
       </Link>
@@ -155,7 +155,7 @@ export default function SerialConsolePage() {
          * close an open connection other than leaving the page */}
         {ws.current && <Terminal ws={ws.current} />}
       </div>
-      <div className="shrink-0 justify-between overflow-hidden border-t bg-default border-secondary empty:border-t-0">
+      <div className="bg-default border-secondary shrink-0 justify-between overflow-hidden border-t empty:border-t-0">
         <div className="gutter flex h-20 items-center justify-between">
           <div>
             <EquivalentCliCommand project={project} instance={instance} />
@@ -182,7 +182,7 @@ function SerialSkeleton({ children, animate }: SkeletonProps) {
         {[...Array(200)].map((_e, i) => (
           <div
             key={i}
-            className={cn('h-4 rounded bg-tertiary', {
+            className={cn('bg-tertiary h-4 rounded', {
               'motion-safe:animate-pulse': animate,
             })}
             style={{
@@ -198,7 +198,7 @@ function SerialSkeleton({ children, animate }: SkeletonProps) {
           background: 'linear-gradient(180deg, rgba(8, 15, 17, 0) 0%, #080F11 100%)',
         }}
       />
-      <div className="absolute left-1/2 top-1/2 flex w-96 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center rounded-lg border p-12 !bg-raise border-secondary elevation-3">
+      <div className="bg-raise! border-secondary elevation-3 absolute top-1/2 left-1/2 flex w-96 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center rounded-lg border p-12">
         {children}
       </div>
     </div>
@@ -216,11 +216,11 @@ const ConnectingSkeleton = () => (
 
 const CannotConnect = ({ instance }: { instance: Instance }) => (
   <SerialSkeleton animate={isStarting(instance)}>
-    <p className="flex items-center justify-center text-sans-xl">
+    <p className="text-sans-xl flex items-center justify-center">
       <span>The instance is </span>
       <InstanceStateBadge className="ml-1.5" state={instance.runState} />
     </p>
-    <p className="mt-2 text-balance text-center text-default">
+    <p className="text-default mt-2 text-center text-balance">
       {isStarting(instance)
         ? 'Waiting for the instance to start before connecting.'
         : 'You can only connect to the serial console on a running instance.'}
@@ -232,9 +232,9 @@ const CannotConnect = ({ instance }: { instance: Instance }) => (
 // we don't know what kind of thing we might pull off the error event
 const ErrorSkeleton = () => (
   <SerialSkeleton>
-    <p className="flex items-center justify-center text-center text-sans-xl">
+    <p className="text-sans-xl flex items-center justify-center text-center">
       Serial console connection failed
     </p>
-    <p className="mt-2 text-center text-default">Please try again.</p>
+    <p className="text-default mt-2 text-center">Please try again.</p>
   </SerialSkeleton>
 )
diff --git a/app/pages/project/vpcs/internet-gateway-edit.tsx b/app/pages/project/vpcs/internet-gateway-edit.tsx
index 59af8c3e0a..527cdf0101 100644
--- a/app/pages/project/vpcs/internet-gateway-edit.tsx
+++ b/app/pages/project/vpcs/internet-gateway-edit.tsx
@@ -39,7 +39,7 @@ export const handle = titleCrumb('Edit Internet Gateway')
 
 const RoutesEmpty = () => (
   <Table.Row>
-    <Table.Cell colSpan={2} className="!bg-raise">
+    <Table.Cell colSpan={2} className="bg-raise!">
       No VPC router routes target this gateway.
     </Table.Cell>
   </Table.Row>
@@ -53,7 +53,7 @@ function RouteRows({ project, vpc, gateway }: PP.VpcInternetGateway) {
 
   return matchingRoutes.map(([router, route]) => (
     <Table.Row key={route.id}>
-      <Table.Cell className="!bg-raise">
+      <Table.Cell className="bg-raise!">
         <Link
           to={pb.vpcRouter({ project, vpc, router })}
           className="link-with-underline text-sans-md"
@@ -61,7 +61,7 @@ function RouteRows({ project, vpc, gateway }: PP.VpcInternetGateway) {
           {router}
         </Link>
       </Table.Cell>
-      <Table.Cell className="!bg-raise">{route.name}</Table.Cell>
+      <Table.Cell className="bg-raise!">{route.name}</Table.Cell>
     </Table.Row>
   ))
 }
diff --git a/app/pages/settings/ProfilePage.tsx b/app/pages/settings/ProfilePage.tsx
index cf07e080ef..4aa8294126 100644
--- a/app/pages/settings/ProfilePage.tsx
+++ b/app/pages/settings/ProfilePage.tsx
@@ -55,9 +55,9 @@ export default function ProfilePage() {
         Groups
       </TableTitle>
       <Table table={groupsTable} aria-labelledby="groups-label" />
-      <p className="inline-block max-w-md text-sans-md text-default">
+      <p className="text-sans-md text-default inline-block max-w-md">
         Your user information is managed by your organization.{' '}
-        <span className="md+:block">
+        <span className="800:block">
           To update your information, contact your administrator.
         </span>
       </p>
diff --git a/app/pages/system/UtilizationPage.tsx b/app/pages/system/UtilizationPage.tsx
index a1471303a2..418fba536f 100644
--- a/app/pages/system/UtilizationPage.tsx
+++ b/app/pages/system/UtilizationPage.tsx
@@ -125,7 +125,7 @@ const MetricsTab = () => {
 
   return (
     <>
-      <div className="mb-3 mt-8 flex flex-wrap justify-between gap-3">
+      <div className="mt-8 mb-3 flex flex-wrap justify-between gap-3">
         <div className="flex gap-2">
           {intervalPicker}
 
@@ -240,7 +240,7 @@ function UsageTab() {
                 unit="TiB"
               />
             </Table.Cell>
-            <Table.Cell className="action-col w-10 children:p-0" height="large">
+            <Table.Cell className="action-col w-10 *:p-0" height="large">
               <RowActions id={silo.siloId} copyIdLabel="Copy silo ID" />
             </Table.Cell>
           </Table.Row>
@@ -259,7 +259,7 @@ const UsageCell = ({
   allocated: number
   unit?: string
 }) => (
-  <div className="flex flex-col text-secondary">
+  <div className="text-secondary flex flex-col">
     <div>
       <span className="text-raise">{provisioned}</span> /
     </div>
diff --git a/app/pages/system/inventory/sled/SledPage.tsx b/app/pages/system/inventory/sled/SledPage.tsx
index aa2d04d170..00556356d4 100644
--- a/app/pages/system/inventory/sled/SledPage.tsx
+++ b/app/pages/system/inventory/sled/SledPage.tsx
@@ -72,7 +72,7 @@ export default function SledPage() {
           <span className="text-default">{sled.rackId}</span>
         </PropertiesTable.Row>
         <PropertiesTable.Row label="usable physical ram">
-          <span className="pr-0.5 text-default">{ram.value}</span>
+          <span className="text-default pr-0.5">{ram.value}</span>
           <span className="text-tertiary">{ram.unit}</span>
         </PropertiesTable.Row>
       </PropertiesTable>
diff --git a/app/pages/system/networking/IpPoolPage.tsx b/app/pages/system/networking/IpPoolPage.tsx
index ccb63683e1..d6aaa22924 100644
--- a/app/pages/system/networking/IpPoolPage.tsx
+++ b/app/pages/system/networking/IpPoolPage.tsx
@@ -151,7 +151,7 @@ function UtilizationBars() {
   if (capacity === 0) return null
 
   return (
-    <div className="-mt-8 mb-8 flex min-w-min flex-col gap-3 lg+:flex-row">
+    <div className="1000:flex-row -mt-8 mb-8 flex min-w-min flex-col gap-3">
       {capacity > 0 && (
         <CapacityBar
           icon={<IpGlobal16Icon />}
diff --git a/app/pages/system/silos/SiloPage.tsx b/app/pages/system/silos/SiloPage.tsx
index 50ac9653af..c18e2f168b 100644
--- a/app/pages/system/silos/SiloPage.tsx
+++ b/app/pages/system/silos/SiloPage.tsx
@@ -101,14 +101,14 @@ export default function SiloPage() {
             </TableEmptyBox>
           ) : (
             <>
-              <p className="mb-4 text-default">
+              <p className="text-default mb-4">
                 Silo roles can automatically grant a fleet role.
               </p>
               <ul className="space-y-3">
                 {roleMapPairs.map(([siloRole, fleetRole]) => (
                   <li key={siloRole + '|' + fleetRole} className="flex items-center">
                     <Badge>Silo {siloRole}</Badge>
-                    <NextArrow12Icon className="mx-3 text-default" aria-label="maps to" />
+                    <NextArrow12Icon className="text-default mx-3" aria-label="maps to" />
                     <span className="text-sans-md text-default">Fleet {fleetRole}</span>
                   </li>
                 ))}
diff --git a/app/table/cells/BooleanCell.tsx b/app/table/cells/BooleanCell.tsx
index 439fe6be59..93f5109a5b 100644
--- a/app/table/cells/BooleanCell.tsx
+++ b/app/table/cells/BooleanCell.tsx
@@ -13,7 +13,7 @@ import { Disabled12Icon, Success12Icon } from '@oxide/design-system/icons/react'
 
 export const BooleanCell = ({ isTrue }: { isTrue: boolean }) =>
   isTrue ? (
-    <Success12Icon className="mr-1 text-accent" aria-label="true" />
+    <Success12Icon className="text-accent mr-1" aria-label="true" />
   ) : (
-    <Disabled12Icon className="mr-1 text-notice" aria-label="false" />
+    <Disabled12Icon className="text-notice mr-1" aria-label="false" />
   )
diff --git a/app/table/cells/DefaultPoolCell.tsx b/app/table/cells/DefaultPoolCell.tsx
index f7b7e35ead..58c4885d6e 100644
--- a/app/table/cells/DefaultPoolCell.tsx
+++ b/app/table/cells/DefaultPoolCell.tsx
@@ -12,7 +12,7 @@ import { Badge } from '~/ui/lib/Badge'
 export const DefaultPoolCell = ({ isDefault }: { isDefault: boolean }) =>
   isDefault ? (
     <>
-      <Success12Icon className="mr-1 text-accent" />
+      <Success12Icon className="text-accent mr-1" />
       <Badge>default</Badge>
     </>
   ) : null
diff --git a/app/table/cells/EnabledCell.tsx b/app/table/cells/EnabledCell.tsx
index 8895e6766b..daa284c34e 100644
--- a/app/table/cells/EnabledCell.tsx
+++ b/app/table/cells/EnabledCell.tsx
@@ -13,12 +13,12 @@ import { Badge } from '~/ui/lib/Badge'
 export const EnabledCell = ({ value }: { value: VpcFirewallRuleStatus }) =>
   value === 'enabled' ? (
     <>
-      <Success12Icon className="mr-1 text-accent" />
+      <Success12Icon className="text-accent mr-1" />
       <Badge>Enabled</Badge>
     </>
   ) : (
     <>
-      <Disabled12Icon className="mr-1 text-notice" />
+      <Disabled12Icon className="text-notice mr-1" />
       <Badge color="notice">Disabled</Badge>
     </>
   )
diff --git a/app/table/cells/TypeValueCell.tsx b/app/table/cells/TypeValueCell.tsx
index f48ca41bae..40b1a34c41 100644
--- a/app/table/cells/TypeValueCell.tsx
+++ b/app/table/cells/TypeValueCell.tsx
@@ -16,7 +16,7 @@ export type TypeValue = {
 export const TypeValueCell = ({ type, value }: TypeValue) => (
   <div className="space-x-0.5">
     <Badge>{type}</Badge>
-    <Badge variant="solid" className="!normal-case">
+    <Badge variant="solid" className="normal-case!">
       {value}
     </Badge>
   </div>
diff --git a/app/table/columns/action-col.tsx b/app/table/columns/action-col.tsx
index a782ec05f2..cae806ec1e 100644
--- a/app/table/columns/action-col.tsx
+++ b/app/table/columns/action-col.tsx
@@ -60,7 +60,7 @@ export const getActionsCol = <TData extends Record<string, unknown>>(
     header: '',
     meta: {
       thClassName: 'action-col',
-      tdClassName: 'action-col children:p-0 w-10',
+      tdClassName: 'action-col *:p-0 w-10',
     },
 
     cell: ({ row }) => {
diff --git a/app/ui/lib/ActionMenu.tsx b/app/ui/lib/ActionMenu.tsx
index aee7a8b1d4..61de2d043f 100644
--- a/app/ui/lib/ActionMenu.tsx
+++ b/app/ui/lib/ActionMenu.tsx
@@ -92,7 +92,7 @@ export function ActionMenu(props: ActionMenuProps) {
     >
       <Dialog.Portal>
         <DialogOverlay />
-        <Dialog.Content className="fixed inset-0 z-modal mx-auto mt-[20vh] w-[46rem] bg-transparent p-0">
+        <Dialog.Content className="fixed inset-0 z-(--z-modal) mx-auto mt-[20vh] w-184 bg-transparent p-0">
           <div
             onKeyDown={(e) => {
               const lastIdx = itemsInOrder.length - 1
@@ -117,13 +117,13 @@ export function ActionMenu(props: ActionMenuProps) {
           >
             <div
               className={cn(
-                'flex h-14 w-full overflow-y-auto rounded-lg border bg-raise border-secondary elevation-3'
+                'bg-raise border-secondary elevation-3 flex h-14 w-full overflow-y-auto rounded-lg border'
               )}
             >
               <input
                 ref={inputRef}
                 className={cn(
-                  'mousetrap caret-gray-100 w-full bg-transparent px-4 text-sans-xl focus:outline-none',
+                  'mousetrap text-sans-xl w-full bg-transparent px-4 caret-gray-100 focus:outline-hidden',
                   props.inputClassName
                 )}
                 value={input}
@@ -138,7 +138,7 @@ export function ActionMenu(props: ActionMenuProps) {
               {input.length > 0 && (
                 <button
                   type="button"
-                  className="flex items-center py-6 pl-6 pr-4 text-default"
+                  className="text-default flex items-center py-6 pr-4 pl-6"
                   onClick={() => {
                     setInput('')
                     inputRef.current?.focus()
@@ -151,14 +151,14 @@ export function ActionMenu(props: ActionMenuProps) {
               <button
                 type="button"
                 onClick={onDismiss}
-                className="flex h-full items-center border-l px-6 align-middle text-mono-sm text-default border-secondary"
+                className="text-mono-sm text-default border-secondary flex h-full items-center border-l px-6 align-middle"
               >
                 Dismiss
               </button>
             </div>
 
             {items.length > 0 && (
-              <div className="relative mt-5 transform-gpu overflow-hidden rounded-lg elevation-3">
+              <div className="elevation-3 relative mt-5 transform-gpu overflow-hidden rounded-lg">
                 <div
                   className="overflow-y-auto"
                   ref={divRef}
@@ -167,7 +167,7 @@ export function ActionMenu(props: ActionMenuProps) {
                   <ul ref={ulRef}>
                     {allGroups.map(([label, items]) => (
                       <div key={label}>
-                        <h3 className="sticky top-0 z-20 h-[32px] px-4 py-2 text-mono-sm text-default bg-tertiary">
+                        <h3 className="text-mono-sm text-default bg-tertiary sticky top-0 z-20 h-[32px] px-4 py-2">
                           {label}
                         </h3>
                         {items.map((item) => (
@@ -187,7 +187,7 @@ export function ActionMenu(props: ActionMenuProps) {
                             <li
                               role="option"
                               className={cn(
-                                'box-border block h-full w-full cursor-pointer select-none overflow-visible border p-4 text-sans-md text-default bg-raise border-secondary hover:bg-hover',
+                                'text-sans-md text-default bg-raise border-secondary hover:bg-hover box-border block h-full w-full cursor-pointer overflow-visible border p-4 select-none',
                                 item.value === selectedItem?.value &&
                                   'text-accent bg-accent-secondary hover:bg-accent-secondary-hover'
                               )}
@@ -205,7 +205,7 @@ export function ActionMenu(props: ActionMenuProps) {
                     ))}
                   </ul>
                 </div>
-                <div className="flex justify-between rounded-b-[3px] px-4 py-2 text-default bg-tertiary">
+                <div className="text-default bg-tertiary flex justify-between rounded-b-[3px] px-4 py-2">
                   <ActionMenuHotkey keys={['Enter']} action="submit" />
                   <ActionMenuHotkey keys={['Arrow Up', 'Arrow Down']} action="select" />
                   <ActionMenuHotkey keys={['Esc']} action="close" />
@@ -230,7 +230,7 @@ export const ActionMenuHotkey = ({ keys, action }: ActionMenuHotkeyProps) => (
       {keys.map((hotkey) => (
         <kbd
           key={hotkey}
-          className="mr-1 inline-block rounded border border-[rgba(255,255,255,.15)] px-2 py-1 text-mono-xs text-raise"
+          className="text-mono-xs text-raise mr-1 inline-block rounded border border-[rgba(255,255,255,.15)] px-2 py-1"
         >
           {hotkey}
         </kbd>
diff --git a/app/ui/lib/AuthCodeInput.tsx b/app/ui/lib/AuthCodeInput.tsx
index 2c10c1e162..3f08efee61 100644
--- a/app/ui/lib/AuthCodeInput.tsx
+++ b/app/ui/lib/AuthCodeInput.tsx
@@ -59,7 +59,7 @@ function getPrevInputSibling(el: Element): HTMLInputElement | null {
 }
 
 const Dash = () => (
-  <span className="flex items-center px-1 text-quaternary">
+  <span className="text-quaternary flex items-center px-1">
     {/* sorry about this margin. it must be done */}
     <span className="mb-0.5">&ndash;</span>
   </span>
diff --git a/app/ui/lib/Badge.tsx b/app/ui/lib/Badge.tsx
index 746c0bc9e9..12725aef05 100644
--- a/app/ui/lib/Badge.tsx
+++ b/app/ui/lib/Badge.tsx
@@ -25,19 +25,19 @@ export interface BadgeProps {
 
 export const badgeColors: Record<BadgeVariant, Record<BadgeColor, string>> = {
   default: {
-    default: `ring-1 ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
-    destructive: `ring-1 ring-inset bg-destructive-secondary text-destructive ring-[rgba(var(--base-red-800-rgb),0.15)]`,
-    notice: `ring-1 ring-inset bg-notice-secondary text-notice ring-[rgba(var(--base-yellow-800-rgb),0.15)]`,
-    neutral: `ring-1 ring-inset bg-secondary text-default ring-[rgba(var(--base-neutral-700-rgb),0.15)]`,
-    purple: `ring-1 ring-inset bg-[--base-purple-200] text-[--base-purple-700] ring-[rgba(var(--base-purple-800-rgb),0.15)]`,
-    blue: `ring-1 ring-inset bg-info-secondary text-info ring-[rgba(var(--base-blue-800-rgb),0.15)]`,
+    default: `ring ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
+    destructive: `ring ring-inset bg-destructive-secondary text-destructive ring-[rgba(var(--base-red-800-rgb),0.15)]`,
+    notice: `ring ring-inset bg-notice-secondary text-notice ring-[rgba(var(--base-yellow-800-rgb),0.15)]`,
+    neutral: `ring ring-inset bg-secondary text-default ring-[rgba(var(--base-neutral-700-rgb),0.15)]`,
+    purple: `ring ring-inset bg-(--base-purple-200) text-(--base-purple-700) ring-[rgba(var(--base-purple-800-rgb),0.15)]`,
+    blue: `ring ring-inset bg-info-secondary text-info ring-[rgba(var(--base-blue-800-rgb),0.15)]`,
   },
   solid: {
     default: 'bg-accent text-inverse',
     destructive: 'bg-destructive text-inverse',
     notice: 'bg-notice text-inverse',
-    neutral: 'bg-[--base-neutral-700] text-inverse',
-    purple: 'bg-[--base-purple-700] text-inverse',
+    neutral: 'bg-(--base-neutral-700) text-inverse',
+    purple: 'bg-(--base-purple-700) text-inverse',
     blue: 'bg-info text-inverse',
   },
 }
@@ -53,7 +53,7 @@ export const Badge = ({
       className={cn(
         'ox-badge',
         `variant-${variant}`,
-        'inline-flex h-[18px] items-center whitespace-nowrap rounded px-1 uppercase text-mono-sm',
+        'text-mono-sm inline-flex h-[18px] items-center rounded px-1 whitespace-nowrap uppercase',
         badgeColors[variant][color],
         className
       )}
diff --git a/app/ui/lib/BulkActionMenu.tsx b/app/ui/lib/BulkActionMenu.tsx
index c987083a16..05ed7eb7fa 100644
--- a/app/ui/lib/BulkActionMenu.tsx
+++ b/app/ui/lib/BulkActionMenu.tsx
@@ -18,8 +18,8 @@ export interface BulkActionMenuProps {
 export function BulkActionMenu({ children, selectedCount }: BulkActionMenuProps) {
   const actionButtons = flattenChildren(children)
   return (
-    <div className="flex w-fit rounded border bg-accent-secondary border-accent children:items-center children:space-x-2 children:p-3">
-      <div className="flex border-r border-accent-tertiary">{actionButtons}</div>
+    <div className="bg-accent-secondary border-accent flex w-fit rounded border *:items-center *:space-x-2 *:p-3">
+      <div className="border-accent-tertiary flex border-r">{actionButtons}</div>
       <div className="flex">
         <span className="text-sans-sm text-accent">{selectedCount} selected</span>
       </div>
@@ -31,7 +31,7 @@ BulkActionMenu.Button = (props: Omit<ButtonProps, 'size' | 'variant'>) => (
   <Button
     size="sm"
     // TODO: Remove this border once the proper button styles are available
-    className="rounded border !border-accent-secondary"
+    className="border-accent-secondary! rounded border"
     {...props}
   />
 )
diff --git a/app/ui/lib/Button.tsx b/app/ui/lib/Button.tsx
index a784ac3e2a..6eb1605612 100644
--- a/app/ui/lib/Button.tsx
+++ b/app/ui/lib/Button.tsx
@@ -124,7 +124,7 @@ export const Button = ({
             animate={{ opacity: 1, y: '-50%', x: '-50%' }}
             initial={{ opacity: 0, y: 'calc(-50% - 25px)', x: '-50%' }}
             transition={{ type: 'spring', duration: 0.3, bounce: 0 }}
-            className="absolute left-1/2 top-1/2 flex items-center justify-center"
+            className="absolute top-1/2 left-1/2 flex items-center justify-center"
           >
             <Spinner variant={variantToBadgeColorMap[variant || 'primary']} />
           </m.span>
diff --git a/app/ui/lib/CalendarCell.tsx b/app/ui/lib/CalendarCell.tsx
index cf3f28dca3..3ddebd9b34 100644
--- a/app/ui/lib/CalendarCell.tsx
+++ b/app/ui/lib/CalendarCell.tsx
@@ -75,12 +75,12 @@ export function CalendarCell({ state, date }: CalendarCellProps) {
         hidden={isOutsideVisibleRange}
         className={cn(
           'group relative',
-          'focus:outline-none',
-          'my-0.5 h-8 w-10 text-center text-mono-md',
+          'focus:outline-hidden',
+          'text-mono-md my-0.5 h-8 w-10 text-center',
           isSelectionStart || isSelectionEnd
             ? isInvalid
-              ? '!text-error'
-              : '!text-accent'
+              ? 'text-error!'
+              : 'text-accent!'
             : '',
           isSelected && !isDisabled
             ? isInvalid
@@ -95,11 +95,11 @@ export function CalendarCell({ state, date }: CalendarCellProps) {
       >
         <div
           className={cn(
-            'pointer-events-none absolute bottom-[0] left-px right-px top-[0] rounded',
+            'pointer-events-none absolute top-[0] right-px bottom-[0] left-px rounded',
             isSelectionStart || isSelectionEnd
               ? isInvalid
-                ? 'border border-error-secondary'
-                : 'border border-accent-secondary'
+                ? 'border-error-secondary border'
+                : 'border-accent-secondary border'
               : '',
             isSelected && !isDisabled
               ? isInvalid
@@ -113,7 +113,7 @@ export function CalendarCell({ state, date }: CalendarCellProps) {
           className={cn(
             'relative z-10 flex h-full w-full items-center justify-center',
             isDisabled && !isInvalid
-              ? 'disabled cursor-not-allowed text-disabled !bg-raise'
+              ? 'disabled text-disabled bg-raise! cursor-not-allowed'
               : ''
           )}
         >
@@ -124,9 +124,7 @@ export function CalendarCell({ state, date }: CalendarCellProps) {
           <div
             className={cn(
               "absolute bottom-[5px] left-1/2 h-[3px] w-[3px] -translate-x-1/2 rounded-full content-['']",
-              isInvalid
-                ? 'bg-[var(--content-error-tertiary)]'
-                : 'bg-[var(--content-accent-tertiary)]'
+              isInvalid ? 'bg-(--content-error-tertiary)' : 'bg-(--content-accent-tertiary)'
             )}
           />
         )}
diff --git a/app/ui/lib/CalendarGrid.tsx b/app/ui/lib/CalendarGrid.tsx
index 09c27095fa..d4678a4bc7 100644
--- a/app/ui/lib/CalendarGrid.tsx
+++ b/app/ui/lib/CalendarGrid.tsx
@@ -24,12 +24,12 @@ export function CalendarGrid({ state, ...props }: CalendarGridProps) {
   const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale)
 
   return (
-    <div className="pb-4 pl-4 pr-4">
+    <div className="pr-4 pb-4 pl-4">
       <table {...gridProps} cellPadding="0" className="flex-1">
         <thead {...headerProps}>
           <tr>
             {weekDays.map((day, index) => (
-              <th className="h-8 w-10 text-center text-mono-md text-tertiary" key={index}>
+              <th className="text-mono-md text-tertiary h-8 w-10 text-center" key={index}>
                 {day}
               </th>
             ))}
diff --git a/app/ui/lib/CardBlock.tsx b/app/ui/lib/CardBlock.tsx
index 500bb81a88..bf584ee54d 100644
--- a/app/ui/lib/CardBlock.tsx
+++ b/app/ui/lib/CardBlock.tsx
@@ -28,7 +28,7 @@ export function CardBlock({ children, width = 'full' }: CardBlockProps) {
   return (
     <div
       className={cn(
-        'flex flex-col rounded-lg border py-5 text-sans-md border-default children:border-b children:border-b-secondary last:children:border-0 last:children:pb-0',
+        'text-sans-md border-default *:border-b-secondary flex flex-col rounded-lg border py-5 *:border-b last:*:border-0 last:*:pb-0',
         widthClass[width]
       )}
     >
@@ -45,7 +45,7 @@ type HeaderProps = {
 }
 
 CardBlock.Header = ({ title, description, children, titleId }: HeaderProps) => (
-  <header className="flex items-start justify-between px-5 pb-4 text-secondary">
+  <header className="text-secondary flex items-start justify-between px-5 pb-4">
     <div className="flex flex-col gap-0.5">
       <div className="text-sans-semi-lg text-raise" id={titleId}>
         {title}
@@ -67,7 +67,7 @@ export const LearnMore = ({ href, text }: { href: string; text: React.ReactNode
     Learn more about{' '}
     <a
       href={href}
-      className="inline-flex items-center text-accent-secondary hover:text-accent"
+      className="text-accent-secondary hover:text-accent inline-flex items-center"
       target="_blank"
       rel="noreferrer"
     >
diff --git a/app/ui/lib/Checkbox.tsx b/app/ui/lib/Checkbox.tsx
index 55498c8034..17140cd976 100644
--- a/app/ui/lib/Checkbox.tsx
+++ b/app/ui/lib/Checkbox.tsx
@@ -12,13 +12,13 @@ import { Checkmark12Icon } from '@oxide/design-system/icons/react'
 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" />
+  <Checkmark12Icon className="text-accent pointer-events-none absolute top-0.5 left-0.5 h-3 w-3 fill-current" />
 )
 
 const Indeterminate = classed.div`absolute w-2 h-0.5 left-1 top-[7px] bg-accent pointer-events-none`
 
 const inputStyle = `
-  appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-none
+  appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-hidden
   disabled:cursor-not-allowed
   hover:border-hover hover:cursor-pointer
   checked:bg-accent-secondary checked:border-accent-secondary
@@ -62,6 +62,6 @@ export const Checkbox = ({
       {indeterminate && <Indeterminate />}
     </span>
 
-    {children && <span className="ml-2.5 text-sans-md text-default">{children}</span>}
+    {children && <span className="text-sans-md text-default ml-2.5">{children}</span>}
   </label>
 )
diff --git a/app/ui/lib/Combobox.tsx b/app/ui/lib/Combobox.tsx
index d146c09129..1fc0630427 100644
--- a/app/ui/lib/Combobox.tsx
+++ b/app/ui/lib/Combobox.tsx
@@ -181,9 +181,9 @@ export const Combobox = ({
                 ? 'focus-error border-error-secondary focus-within:ring-error-secondary hover:border-error'
                 : 'border-default focus-within:ring-accent-secondary hover:border-hover',
               disabled
-                ? 'cursor-not-allowed text-disabled bg-disabled !border-default'
+                ? 'text-disabled bg-disabled border-default! cursor-not-allowed'
                 : 'bg-default',
-              disabled && hasError && '!border-error-secondary'
+              disabled && hasError && 'border-error-secondary!'
             )}
             // Putting the inputRef on the div makes it so the div can be focused by RHF when there's an error.
             // We want to focus on the div (rather than the input) so the combobox doesn't open automatically
@@ -226,9 +226,9 @@ export const Combobox = ({
               placeholder={placeholder}
               disabled={disabled || isLoading}
               className={cn(
-                `h-10 w-full rounded !border-none px-3 py-2 !outline-none text-sans-md text-raise placeholder:text-tertiary`,
+                `text-sans-md text-raise placeholder:text-tertiary h-10 w-full rounded border-none! px-3 py-2 outline-hidden!`,
                 disabled
-                  ? 'cursor-not-allowed text-disabled bg-disabled !border-default'
+                  ? 'text-disabled bg-disabled border-default! cursor-not-allowed'
                   : 'bg-default',
                 hasError && 'focus-error'
               )}
@@ -236,12 +236,12 @@ export const Combobox = ({
             {items.length > 0 && (
               <ComboboxButton
                 className={cn(
-                  'my-1.5 flex items-center border-l px-3 border-secondary',
-                  disabled ? 'cursor-not-allowed bg-disabled' : 'bg-default'
+                  'border-secondary my-1.5 flex items-center border-l px-3',
+                  disabled ? 'bg-disabled cursor-not-allowed' : 'bg-default'
                 )}
                 aria-hidden
               >
-                <SelectArrows6Icon title="Select" className="w-2 text-secondary" />
+                <SelectArrows6Icon title="Select" className="text-secondary w-2" />
               </ComboboxButton>
             )}
           </div>
@@ -249,14 +249,14 @@ export const Combobox = ({
             <ComboboxOptions
               anchor="bottom start"
               // 13px gap is presumably because it's measured from inside the outline or something
-              className={`ox-menu pointer-events-auto ${zIndex} relative w-[calc(var(--input-width)+var(--button-width))] overflow-y-auto border !outline-none border-secondary [--anchor-gap:13px] empty:hidden`}
+              className={`ox-menu pointer-events-auto ${zIndex} border-secondary relative w-[calc(var(--input-width)+var(--button-width))] overflow-y-auto border outline-hidden! [--anchor-gap:13px] empty:hidden`}
               modal={false}
             >
               {filteredItems.map((item) => (
                 <ComboboxOption
                   key={item.value}
                   value={item.value}
-                  className="relative border-b border-secondary last:border-0"
+                  className="border-secondary relative border-b last:border-0"
                 >
                   {({ focus, selected }) => (
                     // This *could* be done with data-[focus] and data-[selected] instead, but
@@ -276,7 +276,7 @@ export const Combobox = ({
               ))}
               {!allowArbitraryValues && filteredItems.length === 0 && (
                 <ComboboxOption disabled value="no-matches" className="relative">
-                  <div className="ox-menu-item !text-disabled">No items match</div>
+                  <div className="ox-menu-item text-disabled!">No items match</div>
                 </ComboboxOption>
               )}
             </ComboboxOptions>
diff --git a/app/ui/lib/CopyableIp.tsx b/app/ui/lib/CopyableIp.tsx
index 6c0f522d81..053c56c870 100644
--- a/app/ui/lib/CopyableIp.tsx
+++ b/app/ui/lib/CopyableIp.tsx
@@ -11,7 +11,7 @@ export const CopyableIp = ({ ip, isLinked = true }: { ip: string; isLinked?: boo
   <span className="flex max-w-full items-center gap-0.5">
     {isLinked ? (
       <a
-        className="link-with-underline truncate text-sans-md"
+        className="link-with-underline text-sans-md truncate"
         href={`https://${ip}`}
         target="_blank"
         rel="noreferrer"
diff --git a/app/ui/lib/CreateButton.tsx b/app/ui/lib/CreateButton.tsx
index e8b9dd9b94..f9cf4b1949 100644
--- a/app/ui/lib/CreateButton.tsx
+++ b/app/ui/lib/CreateButton.tsx
@@ -26,7 +26,7 @@ export const CreateButton = ({ children, ...props }: ButtonProps) => (
 
 export const CreateLink = ({ children, ...rest }: LinkProps) => (
   <Link className={buttonStyle({ size: 'sm' })} {...rest}>
-    <AddRoundel12Icon className="mr-2 text-accent-secondary" />
+    <AddRoundel12Icon className="text-accent-secondary mr-2" />
     {children}
   </Link>
 )
diff --git a/app/ui/lib/DateField.tsx b/app/ui/lib/DateField.tsx
index c84fd15064..6f64b406dd 100644
--- a/app/ui/lib/DateField.tsx
+++ b/app/ui/lib/DateField.tsx
@@ -129,9 +129,9 @@ function DateSegment({
           (segment.maxValue != null && String(segment.maxValue).length + 'ch') || undefined,
       }}
       className={cn(
-        'group box-content rounded px-[1px] text-right tabular-nums outline-none',
+        'group box-content rounded px-px text-right tabular-nums outline-hidden',
         !readOnly && 'focus:text-raise focus:bg-accent-secondary-hover',
-        segment.type === 'timeZoneName' ? 'ml-1 text-sans-sm' : 'text-sans-md'
+        segment.type === 'timeZoneName' ? 'text-sans-sm ml-1' : 'text-sans-md'
       )}
       // Segment props turns this into a focusable element
       // @ts-expect-error
@@ -141,7 +141,7 @@ function DateSegment({
       <span
         aria-hidden="true"
         className={cn(
-          'block w-full text-center text-quaternary',
+          'text-quaternary block w-full text-center',
           !readOnly && 'focus:text-raise'
         )}
         style={{
diff --git a/app/ui/lib/DatePicker.tsx b/app/ui/lib/DatePicker.tsx
index ae50282ff2..c3bdcde3eb 100644
--- a/app/ui/lib/DatePicker.tsx
+++ b/app/ui/lib/DatePicker.tsx
@@ -55,27 +55,27 @@ export function DatePicker(props: DatePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-11 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'text-sans-md border-default hover:border-raise relative flex h-11 items-center rounded-l rounded-r border focus-within:ring-2 focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary'
               : 'border-default ring-accent-secondary'
           )}
         >
-          <div className={cn('relative flex w-[10rem] items-center px-3 text-sans-md')}>
+          <div className={cn('text-sans-md relative flex w-40 items-center px-3')}>
             {label}
             {state.isInvalid && (
-              <div className="absolute bottom-0 right-2 top-0 flex items-center text-error">
+              <div className="text-error absolute top-0 right-2 bottom-0 flex items-center">
                 <Error12Icon className="h-3 w-3" />
               </div>
             )}
           </div>
-          <div className="-ml-px flex h-[calc(100%-12px)] w-10 items-center justify-center rounded-r border-l outline-none border-default">
-            <Calendar16Icon className="h-4 w-4 text-secondary" />
+          <div className="border-default -ml-px flex h-[calc(100%-12px)] w-10 items-center justify-center rounded-r border-l outline-hidden">
+            <Calendar16Icon className="text-secondary h-4 w-4" />
           </div>
         </button>
       </div>
       {state.isInvalid && (
-        <p {...errorMessageProps} className="py-2 text-sans-md text-error">
+        <p {...errorMessageProps} className="text-sans-md text-error py-2">
           Date is invalid
         </p>
       )}
@@ -83,7 +83,7 @@ export function DatePicker(props: DatePickerProps) {
         <Popover triggerRef={ref} state={state} placement="bottom start">
           <Dialog {...dialogProps}>
             <Calendar {...calendarProps} />
-            <div className="flex items-center space-x-2 border-t p-4 border-t-secondary">
+            <div className="border-t-secondary flex items-center space-x-2 border-t p-4">
               <TimeField
                 value={state.timeValue}
                 onChange={(v) => {
diff --git a/app/ui/lib/DateRangePicker.tsx b/app/ui/lib/DateRangePicker.tsx
index ff7e2c71c7..ef3bee1978 100644
--- a/app/ui/lib/DateRangePicker.tsx
+++ b/app/ui/lib/DateRangePicker.tsx
@@ -63,22 +63,22 @@ export function DateRangePicker(props: DateRangePickerProps) {
           type="button"
           className={cn(
             state.isOpen && 'z-10 ring-2',
-            'relative flex h-11 items-center rounded-l rounded-r border text-sans-md border-default focus-within:ring-2 hover:border-raise focus:z-10',
+            'text-sans-md border-default hover:border-raise relative flex h-11 items-center rounded-l rounded-r border focus-within:ring-2 focus:z-10',
             state.isInvalid
               ? 'focus-error border-error ring-error-secondary hover:border-error'
               : 'border-default ring-accent-secondary'
           )}
         >
-          <div className="relative flex w-[16rem] items-center px-3 text-sans-md">
+          <div className="text-sans-md relative flex w-[16rem] items-center px-3">
             <div className="truncate">{label}</div>
             {state.isInvalid && (
-              <div className="absolute bottom-0 right-2 top-0 flex items-center text-error">
+              <div className="text-error absolute top-0 right-2 bottom-0 flex items-center">
                 <Error12Icon className="h-3 w-3" />
               </div>
             )}
           </div>
-          <div className="-ml-px flex h-[calc(100%-12px)] w-10 items-center justify-center rounded-r border-l outline-none border-default">
-            <Calendar16Icon className="h-4 w-4 text-secondary" />
+          <div className="border-default -ml-px flex h-[calc(100%-12px)] w-10 items-center justify-center rounded-r border-l outline-hidden">
+            <Calendar16Icon className="text-secondary h-4 w-4" />
           </div>
         </button>
       </div>
@@ -86,7 +86,7 @@ export function DateRangePicker(props: DateRangePickerProps) {
         <Popover triggerRef={ref} state={state} placement="bottom start">
           <Dialog {...dialogProps}>
             <RangeCalendar {...calendarProps} />
-            <div className="flex flex-col items-center gap-3 border-t p-4 border-t-secondary">
+            <div className="border-t-secondary flex flex-col items-center gap-3 border-t p-4">
               <div className="flex w-full items-center space-x-2">
                 <TimeField
                   label="Start time"
@@ -110,7 +110,7 @@ export function DateRangePicker(props: DateRangePickerProps) {
                 </p>
               )}
             </div>
-            <div className="flex items-center justify-center space-x-2 px-4 border-t-secondary"></div>
+            <div className="border-t-secondary flex items-center justify-center space-x-2 px-4"></div>
           </Dialog>
         </Popover>
       )}
diff --git a/app/ui/lib/DialogOverlay.tsx b/app/ui/lib/DialogOverlay.tsx
index e0dfd12ce0..960fc9ca79 100644
--- a/app/ui/lib/DialogOverlay.tsx
+++ b/app/ui/lib/DialogOverlay.tsx
@@ -17,7 +17,7 @@ export const DialogOverlay = ({ ref }: Props) => (
   <m.div
     ref={ref}
     aria-hidden
-    className="fixed inset-0 z-modalOverlay overflow-auto bg-scrim"
+    className="bg-scrim fixed inset-0 z-(--z-modal-overlay) overflow-auto"
     initial={{ opacity: 0 }}
     animate={{ opacity: 1 }}
     exit={{ opacity: 0 }}
diff --git a/app/ui/lib/Divider.tsx b/app/ui/lib/Divider.tsx
index ac95245899..97e7f2d5c3 100644
--- a/app/ui/lib/Divider.tsx
+++ b/app/ui/lib/Divider.tsx
@@ -11,4 +11,4 @@ import { classed } from '~/util/classed'
 export const FormDivider = classed.hr`ox-divider w-full border-t border-secondary`
 
 /** Needs !important styles to override :gutter thing on `<main>` */
-export const Divider = classed.hr`!mx-0 !w-full border-t border-secondary`
+export const Divider = classed.hr`mx-0! w-full! border-t border-secondary`
diff --git a/app/ui/lib/EmptyMessage.tsx b/app/ui/lib/EmptyMessage.tsx
index 8e46af3249..337472ccb8 100644
--- a/app/ui/lib/EmptyMessage.tsx
+++ b/app/ui/lib/EmptyMessage.tsx
@@ -43,7 +43,7 @@ export function EmptyMessage(props: Props) {
   return (
     <div className="m-4 flex max-w-[18rem] flex-col items-center text-center">
       {props.icon && (
-        <div className="mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary">
+        <div className="text-accent bg-accent-secondary mb-4 rounded p-1 leading-[0]">
           {props.icon}
         </div>
       )}
diff --git a/app/ui/lib/FieldLabel.tsx b/app/ui/lib/FieldLabel.tsx
index 4040f1ea73..e805799839 100644
--- a/app/ui/lib/FieldLabel.tsx
+++ b/app/ui/lib/FieldLabel.tsx
@@ -29,14 +29,14 @@ export const FieldLabel = ({
     <div className={cn(className, 'flex h-4 items-center space-x-2')}>
       <Component
         id={id}
-        className="flex items-center text-sans-md text-raise"
+        className="text-sans-md text-raise flex items-center"
         htmlFor={htmlFor}
       >
         {children}
         {optional && (
           // Announcing this optional text is unnecessary as the required attribute on the
           // form will be used
-          <span className="pl-1 text-secondary" aria-hidden="true">
+          <span className="text-secondary pl-1" aria-hidden="true">
             (Optional)
           </span>
         )}
diff --git a/app/ui/lib/FileInput.tsx b/app/ui/lib/FileInput.tsx
index 38302be29f..bcb83422e8 100644
--- a/app/ui/lib/FileInput.tsx
+++ b/app/ui/lib/FileInput.tsx
@@ -69,7 +69,7 @@ export function FileInput({
         type="file"
         name="file"
         className={cn(
-          '-z-1 absolute inset-0 w-full cursor-pointer rounded',
+          'absolute inset-0 -z-1 w-full cursor-pointer rounded',
           error && 'focus-error'
         )}
         {...inputProps}
@@ -80,32 +80,32 @@ export function FileInput({
       />
       <div
         className={cn(
-          'z-1 pointer-events-none relative flex flex-col items-center justify-center space-y-2 rounded border px-4 py-6 text-raise bg-default',
-          dragOver && 'bg-accent-secondary !border-accent-secondary',
+          'text-raise bg-default pointer-events-none relative z-1 flex flex-col items-center justify-center space-y-2 rounded border px-4 py-6',
+          dragOver && 'bg-accent-secondary border-accent-secondary!',
           error
-            ? '!border-error-secondary group-hover:border-error'
+            ? 'border-error-secondary! group-hover:border-error'
             : 'border-default group-hover:border-hover'
         )}
       >
         <div
           className={cn(
-            'flex items-center justify-center rounded p-1 text-accent bg-accent-secondary',
+            'text-accent bg-accent-secondary flex items-center justify-center rounded p-1',
             dragOver && 'bg-accent-secondary-hover'
           )}
         >
           <Document16Icon className="h-4 w-4" />
         </div>
-        <div className="flex h-8 items-center text-sans-md">
+        <div className="text-sans-md flex h-8 items-center">
           {file && !dragOver ? (
-            <div className="flex items-center text-raise">
+            <div className="text-raise flex items-center">
               <Truncate text={file.name} maxLength={32} position="middle" />
-              <span className="ml-1 text-tertiary">
+              <span className="text-tertiary ml-1">
                 ({filesize(file.size, { base: 2, pad: true })})
               </span>
               <button
                 type="button"
                 onClick={handleResetInput}
-                className="pointer-events-auto ml-1 inline-flex rounded p-1 hover:children:text-secondary"
+                className="hover:*:text-secondary pointer-events-auto ml-1 inline-flex rounded p-1"
                 aria-label="Clear file"
               >
                 <Error16Icon className="text-tertiary" />
@@ -115,7 +115,7 @@ export function FileInput({
             <>
               Drop a file or click to browse{' '}
               {accept && (
-                <span className="ml-1 text-tertiary">({removeLeadingPeriods(accept)})</span>
+                <span className="text-tertiary ml-1">({removeLeadingPeriods(accept)})</span>
               )}
             </>
           )}
diff --git a/app/ui/lib/InlineCode.tsx b/app/ui/lib/InlineCode.tsx
index ccbb60429a..4d6d286494 100644
--- a/app/ui/lib/InlineCode.tsx
+++ b/app/ui/lib/InlineCode.tsx
@@ -8,4 +8,4 @@
 
 import { classed } from '~/util/classed'
 
-export const InlineCode = classed.code`whitespace-nowrap rounded-sm px-[3px] py-[1px] text-mono-sm !normal-case bg-raise border border-secondary mx-px`
+export const InlineCode = classed.code`whitespace-nowrap rounded-sm px-[3px] py-px text-mono-sm normal-case! bg-raise border border-secondary mx-px`
diff --git a/app/ui/lib/Listbox.tsx b/app/ui/lib/Listbox.tsx
index 71aef4a94f..562cc44287 100644
--- a/app/ui/lib/Listbox.tsx
+++ b/app/ui/lib/Listbox.tsx
@@ -101,16 +101,16 @@ export const Listbox = <Value extends string = string>({
               id={id}
               name={name}
               className={cn(
-                `flex h-11 items-center justify-between rounded border text-sans-md`,
+                `text-sans-md flex h-11 items-center justify-between rounded border`,
                 hasError
                   ? 'focus-error border-error-secondary hover:border-error'
                   : 'border-default hover:border-hover',
-                open && 'ring-2 ring-accent-secondary',
+                open && 'ring-accent-secondary ring-2',
                 open && hasError && 'ring-error-secondary',
                 isDisabled
-                  ? 'cursor-not-allowed text-disabled bg-disabled !border-default'
+                  ? 'text-disabled bg-disabled border-default! cursor-not-allowed'
                   : 'bg-default',
-                isDisabled && hasError && '!border-error-secondary',
+                isDisabled && hasError && 'border-error-secondary!',
                 hideSelected ? 'w-auto' : 'w-full'
               )}
               ref={buttonRef}
@@ -118,7 +118,7 @@ export const Listbox = <Value extends string = string>({
             >
               {!hideSelected && (
                 <>
-                  <div className="w-full overflow-hidden overflow-ellipsis whitespace-pre px-3 text-left">
+                  <div className="w-full overflow-hidden px-3 text-left text-ellipsis whitespace-pre">
                     {selectedItem ? (
                       // selectedLabel is one line, which is what we need when label is a ReactNode
                       selectedItem.selectedLabel || selectedItem.label
@@ -133,20 +133,20 @@ export const Listbox = <Value extends string = string>({
               )}
               <div
                 className={cn(
-                  'flex h-[calc(100%-12px)] items-center px-3 border-secondary',
+                  'border-secondary flex h-[calc(100%-12px)] items-center px-3',
                   !hideSelected && 'border-l'
                 )}
                 aria-hidden
               >
-                <SelectArrows6Icon title="Select" className="w-2 text-secondary" />
+                <SelectArrows6Icon title="Select" className="text-secondary w-2" />
               </div>
             </ListboxButton>
             <ListboxOptions
               anchor={{ gap: 12, to: 'bottom start' }}
               className={cn(
                 zIndex,
-                'ox-menu pointer-events-auto overflow-y-auto !outline-none',
-                !hideSelected ? 'w-[var(--button-width)]' : 'min-w-24'
+                'ox-menu pointer-events-auto overflow-y-auto outline-hidden!',
+                !hideSelected ? 'w-(--button-width)' : 'min-w-24'
               )}
               // This is to prevent the `useOthersInert` call in ListboxOptions.
               // Without this, when the listbox options box scrolls under the
@@ -162,7 +162,7 @@ export const Listbox = <Value extends string = string>({
                 <ListboxOption
                   key={item.value}
                   value={item.value}
-                  className="relative border-b border-secondary last:border-0"
+                  className="border-secondary relative border-b last:border-0"
                 >
                   {({ focus, selected }) => (
                     <div
diff --git a/app/ui/lib/Message.tsx b/app/ui/lib/Message.tsx
index 0f48a57cc6..5971caeef5 100644
--- a/app/ui/lib/Message.tsx
+++ b/app/ui/lib/Message.tsx
@@ -45,10 +45,10 @@ const color: Record<Variant, string> = {
 }
 
 const textColor: Record<Variant, string> = {
-  success: 'text-accent children:text-accent',
-  error: 'text-error children:text-error',
-  notice: 'text-notice children:text-notice',
-  info: 'text-info children:text-info',
+  success: 'text-accent *:text-accent',
+  error: 'text-error *:text-error',
+  notice: 'text-notice *:text-notice',
+  info: 'text-info *:text-info',
 }
 
 const secondaryTextColor: Record<Variant, string> = {
@@ -77,7 +77,7 @@ export const Message = ({
   return (
     <div
       className={cn(
-        'relative flex items-start gap-2.5 overflow-hidden rounded-lg p-4 elevation-1',
+        'elevation-1 relative flex items-start gap-2.5 overflow-hidden rounded-lg p-4',
         color[variant],
         textColor[variant],
         className
@@ -100,7 +100,7 @@ export const Message = ({
         {cta && (
           <Link
             className={cn(
-              'mt-1 flex items-center underline text-sans-md',
+              'text-sans-md mt-1 flex items-center underline',
               linkColor[variant]
             )}
             to={cta.link}
diff --git a/app/ui/lib/MiniTable.tsx b/app/ui/lib/MiniTable.tsx
index 18e31fc0f4..b7ec2af556 100644
--- a/app/ui/lib/MiniTable.tsx
+++ b/app/ui/lib/MiniTable.tsx
@@ -27,7 +27,7 @@ const HeadCell = BigTable.HeadCell
 
 const Body = classed.tbody``
 
-const Row = classed.tr`is-selected children:border-default first:children:border-l children:last:border-b last:children:border-r`
+const Row = classed.tr`is-selected *:border-default first:*:border-l *:last:border-b last:*:border-r`
 
 const Cell = ({ children }: Children) => {
   return (
@@ -40,7 +40,7 @@ const Cell = ({ children }: Children) => {
 const EmptyState = (props: { title: string; body: string; colSpan: number }) => (
   <Row>
     <td colSpan={props.colSpan}>
-      <div className="!m-0 !w-full !flex-col !border-none !bg-transparent !py-14">
+      <div className="m-0! w-full! flex-col! border-none! bg-transparent! py-14!">
         <EmptyMessage title={props.title} body={props.body} />
       </div>
     </td>
@@ -60,7 +60,7 @@ export const InputCell = ({
     <div>
       <input
         type="text"
-        className="text-sm m-0 w-full bg-transparent p-0 !outline-none text-default placeholder:text-quaternary"
+        className="text-default placeholder:text-quaternary m-0 w-full bg-transparent p-0 text-sm outline-hidden!"
         placeholder={placeholder}
         defaultValue={defaultValue}
       />
diff --git a/app/ui/lib/Modal.tsx b/app/ui/lib/Modal.tsx
index 9247c40b7b..b80877b506 100644
--- a/app/ui/lib/Modal.tsx
+++ b/app/ui/lib/Modal.tsx
@@ -22,8 +22,8 @@ type Width = 'narrow' | 'medium' | 'free'
 
 const widthClass: Record<Width, string> = {
   narrow: 'w-full max-w-[24rem]',
-  medium: 'w-full max-w-[28rem]',
-  free: 'min-w-[24rem] max-w-[48rem]', // give it a big max just to be safe
+  medium: 'w-full max-w-md',
+  free: 'min-w-[24rem] max-w-3xl', // give it a big max just to be safe
 }
 
 export type ModalProps = {
@@ -74,16 +74,16 @@ export function Modal({
               animate={{ x: '-50%', y: '-50%' }}
               transition={{ type: 'spring', duration: 0.3, bounce: 0 }}
               className={cn(
-                'pointer-events-auto fixed left-1/2 top-[min(50%,500px)] z-modal m-0 flex max-h-[min(800px,80vh)] flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
+                'bg-raise border-secondary elevation-2 pointer-events-auto fixed top-[min(50%,500px)] left-1/2 z-(--z-modal) m-0 flex max-h-[min(800px,80vh)] flex-col justify-between rounded-lg border p-0',
                 widthClass[width]
               )}
             >
-              <Dialog.Title className="border-b px-4 py-4 text-sans-semi-lg bg-secondary border-b-secondary">
+              <Dialog.Title className="text-sans-semi-lg bg-secondary border-b-secondary border-b px-4 py-4">
                 {title}
               </Dialog.Title>
               {children}
               <Dialog.Close
-                className="absolute right-2 top-3.5 flex items-center justify-center rounded p-2 hover:bg-hover"
+                className="hover:bg-hover absolute top-3.5 right-2 flex items-center justify-center rounded p-2"
                 aria-label="Close"
               >
                 <Close12Icon className="text-default" />
@@ -126,7 +126,7 @@ Modal.Footer = ({
   disabled,
   formId,
 }: FooterProps) => (
-  <footer className="flex items-center justify-between border-t px-4 py-3 border-secondary">
+  <footer className="border-secondary flex items-center justify-between border-t px-4 py-3">
     <div className="mr-4">{children}</div>
     <div className="space-x-2">
       <Button variant="secondary" size="sm" onClick={onDismiss}>
diff --git a/app/ui/lib/ModalLinks.tsx b/app/ui/lib/ModalLinks.tsx
index 13e1ad0c22..b8d8776428 100644
--- a/app/ui/lib/ModalLinks.tsx
+++ b/app/ui/lib/ModalLinks.tsx
@@ -17,8 +17,8 @@ export const ModalLinks = ({
   children: ReactNode
 }) => (
   <div>
-    <h3 className="mb-2 text-sans-semi-md text-raise">{heading}</h3>
-    <ul className="space-y-1 text-sans-md text-secondary">{children}</ul>
+    <h3 className="text-sans-semi-md text-raise mb-2">{heading}</h3>
+    <ul className="text-sans-md text-secondary space-y-1">{children}</ul>
   </div>
 )
 
diff --git a/app/ui/lib/NumberInput.tsx b/app/ui/lib/NumberInput.tsx
index 477552965c..7b5b318199 100644
--- a/app/ui/lib/NumberInput.tsx
+++ b/app/ui/lib/NumberInput.tsx
@@ -38,7 +38,7 @@ export function NumberInput(props: NumberInputProps) {
         props.error
           ? 'border-error-secondary hover:border-error'
           : 'border-default hover:border-hover',
-        props.isDisabled && '!border-default',
+        props.isDisabled && 'border-default!',
         props.className
       )}
       {...groupProps}
@@ -47,16 +47,16 @@ export function NumberInput(props: NumberInputProps) {
         {...inputProps}
         ref={mergeRefs([props.ref, inputRef])}
         className={cn(
-          `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-raise bg-default placeholder:text-tertiary focus:outline-none disabled:cursor-not-allowed disabled:text-secondary disabled:bg-disabled`,
+          `text-sans-md text-raise bg-default placeholder:text-tertiary disabled:text-secondary disabled:bg-disabled w-full rounded border-none px-3 py-2.75 outline-offset-1! focus:outline-hidden disabled:cursor-not-allowed`,
           props.error && 'focus-error',
           props.isDisabled && 'text-disabled bg-disabled'
         )}
       />
-      <div className="absolute bottom-0 right-0 top-0 flex flex-col border-l border-default">
+      <div className="border-default absolute top-0 right-0 bottom-0 flex flex-col border-l">
         <IncrementButton {...incrementButtonProps}>
           <InputArrowIcon />
         </IncrementButton>
-        <div className="h-[1px] w-full border-t border-t-default" />
+        <div className="border-t-default h-px w-full border-t" />
         <IncrementButton {...decrementButtonProps}>
           <InputArrowIcon className="rotate-180" />
         </IncrementButton>
@@ -74,7 +74,7 @@ function IncrementButton(props: AriaButtonProps<'button'> & { className?: string
       type="button"
       {...buttonProps}
       className={cn(
-        'flex h-1/2 w-8 items-center justify-center hover:bg-hover',
+        'hover:bg-hover flex h-1/2 w-8 items-center justify-center',
         buttonProps.disabled ? 'text-tertiary bg-disabled' : 'bg-default'
       )}
       ref={ref}
diff --git a/app/ui/lib/PageHeader.tsx b/app/ui/lib/PageHeader.tsx
index 89f11ead05..53886cdcee 100644
--- a/app/ui/lib/PageHeader.tsx
+++ b/app/ui/lib/PageHeader.tsx
@@ -17,7 +17,7 @@ interface PageTitleProps {
 }
 export const PageTitle = ({ children: title, icon }: PageTitleProps) => {
   return (
-    <h1 className="inline-flex items-center space-x-2 text-sans-3xl text-accent-secondary">
+    <h1 className="text-sans-3xl text-accent-secondary inline-flex items-center space-x-2">
       {icon}
       <span className="text-accent">{title}</span>
     </h1>
diff --git a/app/ui/lib/Pagination.tsx b/app/ui/lib/Pagination.tsx
index 99a6355cfd..c0b626aff9 100644
--- a/app/ui/lib/Pagination.tsx
+++ b/app/ui/lib/Pagination.tsx
@@ -19,7 +19,7 @@ const PageInput = ({ number, className }: PageInputProps) => {
   return (
     <span
       className={cn(
-        'h-4 whitespace-nowrap rounded px-[3px] pb-[3px] pt-[1px] ring-1 ring-inset text-mono-sm text-default bg-tertiary ring-secondary',
+        'text-mono-sm text-default bg-tertiary ring-secondary h-4 rounded px-[3px] pt-px pb-[3px] whitespace-nowrap ring ring-inset',
         className
       )}
     >
@@ -53,11 +53,11 @@ export const Pagination = ({
       <nav
         aria-label="Pagination"
         className={cn(
-          'flex items-center justify-between text-mono-sm text-raise bg-default',
+          'text-mono-sm text-raise bg-default flex items-center justify-between',
           className
         )}
       >
-        <span className="flex-inline grow text-secondary">
+        <span className="flex-inline text-secondary grow">
           rows per page <PageInput number={pageSize} />
         </span>
         <span className="flex items-center space-x-3">
@@ -66,7 +66,7 @@ export const Pagination = ({
             type="button"
             className={cn(
               hasPrev ? 'text-default hover:text-raise' : 'text-disabled',
-              'flex items-center text-mono-sm'
+              'text-mono-sm flex items-center'
             )}
             disabled={!hasPrev}
             onClick={onPrev}
@@ -80,7 +80,7 @@ export const Pagination = ({
             type="button"
             className={cn(
               hasNext ? 'text-default hover:text-raise' : 'text-disabled',
-              'flex items-center text-mono-sm'
+              'text-mono-sm flex items-center'
             )}
             disabled={!hasNext}
             // nextPage will be defined if hasNext is true
diff --git a/app/ui/lib/Popover.tsx b/app/ui/lib/Popover.tsx
index c46c48be4f..9387fcba74 100644
--- a/app/ui/lib/Popover.tsx
+++ b/app/ui/lib/Popover.tsx
@@ -39,7 +39,7 @@ export function Popover(props: PopoverProps) {
       <div
         {...popoverProps}
         ref={ref}
-        className="rounded-md absolute top-full z-popover mt-2 rounded-lg border bg-raise border-secondary elevation-2"
+        className="bg-raise border-secondary elevation-2 absolute top-full z-(--z-popover) mt-2 rounded-lg rounded-md border"
       >
         <DismissButton onDismiss={state.close} />
         {children}
diff --git a/app/ui/lib/Progress.tsx b/app/ui/lib/Progress.tsx
index 0bd2e1dee0..6d12185083 100644
--- a/app/ui/lib/Progress.tsx
+++ b/app/ui/lib/Progress.tsx
@@ -20,12 +20,12 @@ export type ProgressProps = {
 export const Progress = (props: ProgressProps) => (
   <div
     role="progressbar"
-    className={cn('h-1 rounded-[1px] bg-accent-secondary', props.className)}
+    className={cn('bg-accent-secondary h-1 rounded-[1px]', props.className)}
     aria-valuenow={Math.round(props.value)}
     {...ariaLabel(props)}
   >
     <div
-      className="h-1 rounded-[1px] bg-accent"
+      className="bg-accent h-1 rounded-[1px]"
       style={{
         width: `${props.value}%`,
         transition:
diff --git a/app/ui/lib/PropertiesTable.tsx b/app/ui/lib/PropertiesTable.tsx
index 8101ea8b30..cd421aae16 100644
--- a/app/ui/lib/PropertiesTable.tsx
+++ b/app/ui/lib/PropertiesTable.tsx
@@ -39,11 +39,11 @@ export function PropertiesTable({
     <div
       className={cn(
         className,
-        'properties-table min-w-min basis-6/12 rounded-lg border border-default',
-        'children:border-t children:pl-3 children:pr-6 children:border-secondary [&>*:nth-child(-n+2)]:!border-t-0',
+        'properties-table border-default min-w-min basis-6/12 rounded-lg border',
+        '*:border-secondary *:border-t *:pr-6 *:pl-3 [&>*:nth-child(-n+2)]:border-t-0!',
         'grid grid-cols-[minmax(min-content,1fr)_3fr]',
         {
-          'lg+:grid-cols-[minmax(min-content,1fr)_3fr_minmax(min-content,1fr)_3fr] lg+:[&>*:nth-child(-n+4)]:!border-t-0 lg+:[&>*:nth-child(4n-2)]:border-r':
+          '1000:grid-cols-[minmax(min-content,1fr)_3fr_minmax(min-content,1fr)_3fr] 1000:[&>*:nth-child(-n+4)]:border-t-0! 1000:[&>*:nth-child(4n-2)]:border-r':
             columns === 2,
         }
       )}
@@ -59,10 +59,10 @@ interface PropertiesTableRowProps {
 }
 PropertiesTable.Row = ({ label, children }: PropertiesTableRowProps) => (
   <>
-    <span className="flex items-center whitespace-nowrap text-mono-sm text-secondary">
+    <span className="text-mono-sm text-secondary flex items-center whitespace-nowrap">
       {label}
     </span>
-    <div className="flex h-[38px] items-center overflow-hidden whitespace-nowrap pr-4 text-sans-md text-default">
+    <div className="text-sans-md text-default flex h-[38px] items-center overflow-hidden pr-4 whitespace-nowrap">
       {children}
     </div>
   </>
diff --git a/app/ui/lib/Radio.tsx b/app/ui/lib/Radio.tsx
index c23caea8c7..dd123cfae2 100644
--- a/app/ui/lib/Radio.tsx
+++ b/app/ui/lib/Radio.tsx
@@ -20,7 +20,7 @@ import type { ComponentProps } from 'react'
 export type RadioProps = Omit<React.ComponentProps<'input'>, 'type'>
 
 const fieldStyles = `
-  peer appearance-none absolute outline-none
+  peer appearance-none absolute outline-hidden
   border border-default h-4 w-4 rounded-full bg-default hover:border-hover checked:hover:border-accent
   checked:bg-accent-secondary checked:border-accent-secondary disabled:bg-disabled hover:disabled:bg-disabled
   disabled:hover:bg-transparent
@@ -31,10 +31,10 @@ export const Radio = ({ children, className, ...inputProps }: RadioProps) => (
     <span className="relative h-4 w-4">
       <input className={cn(fieldStyles, className)} type="radio" {...inputProps} />
       {/* the dot in the middle. hide by default, use peer-checked to show if checked */}
-      <div className="pointer-events-none absolute left-1 top-1 hidden h-2 w-2 rounded-full bg-accent peer-checked:block" />
+      <div className="bg-accent pointer-events-none absolute top-1 left-1 hidden h-2 w-2 rounded-full peer-checked:block" />
     </span>
 
-    {children && <span className="ml-2.5 text-sans-md text-default">{children}</span>}
+    {children && <span className="text-sans-md text-default ml-2.5">{children}</span>}
   </label>
 )
 
@@ -42,11 +42,11 @@ const cardLabelStyles = `
   py-2 px-4 text-sans-md border rounded border-default bg-default hover:border-hover
   peer-focus:ring-2 peer-focus:ring-accent-secondary w-44 text-raise
 
-  children:py-3 children:px-3 children:-mx-4 children:border-secondary
-  first:children:-mt-2 last:children:-mb-2 cursor-pointer
+  *:py-3 *:px-3 *:-mx-4 *:border-secondary
+  first:*:-mt-2 last:*:-mb-2 cursor-pointer
 
   peer-checked:bg-accent-secondary
-  peer-checked:border-accent-secondary peer-checked:hover:border-accent peer-checked:children:border-accent peer-checked:children:border-accent-secondary
+  peer-checked:border-accent-secondary peer-checked:hover:border-accent peer-checked:*:border-accent peer-checked:*:border-accent-secondary
   peer-checked:text-accent peer-checked:[&>*_.text-default]:text-accent-secondary
 
   peer-disabled:cursor-not-allowed
@@ -70,7 +70,7 @@ export function RadioCard({ children, className, ...inputProps }: RadioProps) {
 
 // TODO: Remove importants after tailwind variantOrder bug fixed
 RadioCard.Unit = ({ children, className, ...props }: ComponentProps<'span'>) => (
-  <span className={cn('!m-0 !p-0 text-default', className)} {...props}>
+  <span className={cn('text-default m-0! p-0!', className)} {...props}>
     {children}
   </span>
 )
diff --git a/app/ui/lib/RangeCalendar.tsx b/app/ui/lib/RangeCalendar.tsx
index 28039d7d25..0a126891d3 100644
--- a/app/ui/lib/RangeCalendar.tsx
+++ b/app/ui/lib/RangeCalendar.tsx
@@ -67,7 +67,7 @@ export const CalendarButton = ({
     onClick={handleClick}
     disabled={isDisabled}
     className={cn(
-      'flex h-8 w-10 items-center justify-center rounded outline-none text-secondary',
+      'text-secondary flex h-8 w-10 items-center justify-center rounded outline-hidden',
       isDisabled ? 'text-disabled' : 'hover:bg-tertiary'
     )}
   >
@@ -93,7 +93,7 @@ export const CalendarHeader = ({
     >
       <DirectionLeftIcon />
     </CalendarButton>
-    <h2 className="ml-2 flex-1 text-center text-sans-md">{title}</h2>
+    <h2 className="text-sans-md ml-2 flex-1 text-center">{title}</h2>
     <CalendarButton
       handleClick={state.focusNextPage}
       isDisabled={nextButtonProps.isDisabled || false}
diff --git a/app/ui/lib/SideModal.tsx b/app/ui/lib/SideModal.tsx
index f1848c8874..b3a609e6bd 100644
--- a/app/ui/lib/SideModal.tsx
+++ b/app/ui/lib/SideModal.tsx
@@ -23,10 +23,10 @@ export function usePopoverZIndex() {
   const isInModal = useIsInModal()
   const isInSideModal = useIsInSideModal()
   return isInModal
-    ? 'z-modalDropdown'
+    ? 'z-(--z-modal-dropdown)'
     : isInSideModal
-      ? 'z-sideModalDropdown'
-      : 'z-contentDropdown'
+      ? 'z-(--z-side-modal-dropdown)'
+      : 'z-(--z-content-dropdown)'
 }
 
 export type SideModalProps = {
@@ -69,10 +69,10 @@ export function SideModal({
               initial={{ x: animate ? 40 : 0 }}
               animate={{ x: 0 }}
               transition={{ type: 'spring', duration: 0.4, bounce: 0 }}
-              className="DialogContent ox-side-modal pointer-events-auto fixed bottom-0 right-0 top-0 z-sideModal m-0 flex w-[32rem] flex-col justify-between border-l p-0 bg-raise border-secondary elevation-2"
+              className="DialogContent ox-side-modal bg-raise border-secondary elevation-2 pointer-events-auto fixed top-0 right-0 bottom-0 z-(--z-side-modal) m-0 flex w-lg flex-col justify-between border-l p-0"
             >
-              <div className="items-top mb-4 mt-8">
-                <Dialog.Title className="flex w-full items-center justify-between break-words pr-8 text-sans-2xl text-raise">
+              <div className="items-top mt-8 mb-4">
+                <Dialog.Title className="text-sans-2xl text-raise flex w-full items-center justify-between pr-8 break-words">
                   {title}
                 </Dialog.Title>
                 {subtitle}
@@ -103,7 +103,7 @@ export function SideModal({
 
               {/* Close button is here at the end so we aren't automatically focusing on it when the side modal is opened. Positioned in the safe area at the top */}
               <Dialog.Close
-                className="absolute right-[var(--content-gutter)] top-10 -m-2 flex rounded p-2 hover:bg-hover"
+                className="hover:bg-hover absolute top-10 right-(--content-gutter) -m-2 flex rounded p-2"
                 aria-label="Close"
               >
                 <Close12Icon className="text-default" />
@@ -128,8 +128,8 @@ function SideModalBody({ children }: { children?: ReactNode }) {
     <div
       ref={overflowRef}
       className={cn(
-        'body relative h-full overflow-y-auto pb-12 pt-8',
-        !scrollStart && 'border-t border-t-secondary'
+        'body relative h-full overflow-y-auto pt-8 pb-12',
+        !scrollStart && 'border-t-secondary border-t'
       )}
       data-testid="sidemodal-scroll-container"
     >
@@ -145,9 +145,9 @@ SideModal.Heading = classed.div`text-sans-semi-xl text-raise`
 SideModal.Section = classed.div`p-8 space-y-6 border-secondary`
 
 SideModal.Footer = ({ children, error }: { children: ReactNode; error?: boolean }) => (
-  <footer className="flex w-full items-center justify-end gap-[0.625rem] border-t py-5 border-secondary children:shrink-0">
+  <footer className="border-secondary flex w-full items-center justify-end gap-2.5 border-t py-5 *:shrink-0">
     {error && (
-      <div className="flex grow items-center gap-1.5 text-sans-md text-error">
+      <div className="text-sans-md text-error flex grow items-center gap-1.5">
         <Error12Icon className="shrink-0" />
         <span>Error</span>
       </div>
diff --git a/app/ui/lib/Slash.tsx b/app/ui/lib/Slash.tsx
index 1faf709b6c..c99236fb7a 100644
--- a/app/ui/lib/Slash.tsx
+++ b/app/ui/lib/Slash.tsx
@@ -8,7 +8,7 @@
 import cn from 'classnames'
 
 export const Slash = ({ className }: { className?: string }) => (
-  <span className={cn('mx-1 text-quaternary selected:text-accent-disabled', className)}>
+  <span className={cn('text-quaternary selected:text-accent-disabled mx-1', className)}>
     /
   </span>
 )
diff --git a/app/ui/lib/Spinner.tsx b/app/ui/lib/Spinner.tsx
index 993b67437d..9d76df03fa 100644
--- a/app/ui/lib/Spinner.tsx
+++ b/app/ui/lib/Spinner.tsx
@@ -51,8 +51,8 @@ const SPINNER_COLORS: Record<BadgeColor, string> = {
   neutral: 'text-secondary',
   destructive: 'text-destructive-secondary',
   notice: 'text-notice-secondary',
-  purple: 'text-[--base-purple-700]',
-  blue: 'text-[--base-blue-700]',
+  purple: 'text-(--base-purple-700)',
+  blue: 'text-(--base-blue-700)',
 }
 
 export const Spinner = ({
diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
index b48d13771d..6744f077da 100644
--- a/app/ui/lib/Table.tsx
+++ b/app/ui/lib/Table.tsx
@@ -28,7 +28,7 @@ export function Table({ className, ...props }: TableProps) {
       autoHide={false}
     >
       <table
-        className={cn(className, 'ox-table w-full border-separate text-sans-md')}
+        className={cn(className, 'ox-table text-sans-md w-full border-separate')}
         {...props}
       />
     </SimpleBar>
@@ -40,7 +40,7 @@ Table.HeaderRow = (props: TableHeaderRowProps) => <Table.Row {...props} />
 
 export type TableHeaderProps = JSX.IntrinsicElements['thead']
 Table.Header = ({ children, className }: TableHeaderProps) => (
-  <thead className={cn('text-left text-mono-sm text-secondary', className)}>
+  <thead className={cn('text-mono-sm text-secondary text-left', className)}>
     {children}
   </thead>
 )
@@ -50,11 +50,11 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (
   <th
     className={cn(
       className,
-      'border border-x-0 pl-0 text-left text-mono-sm bg-secondary border-default children:first:border-0'
+      'text-mono-sm bg-secondary border-default border border-x-0 pl-0 text-left *:first:border-0'
     )}
     {...props}
   >
-    <div className="-my-[1px] flex h-9 items-center border-l px-3 border-secondary">
+    <div className="border-secondary -my-px flex h-9 items-center border-l px-3">
       {children}
     </div>
   </th>
@@ -98,13 +98,13 @@ Table.Cell = ({ height = 'small', className, children, ...props }: TableCellProp
   <td
     className={cn(
       className,
-      'pl-0 text-raise border-default children:first:border-l-0 children:last:-mr-[1px]'
+      'text-raise border-default pl-0 *:first:border-l-0 *:last:-mr-px'
     )}
     {...props}
   >
     <div
       className={cn(
-        'relative -my-[1px] -mr-[2px] flex items-center border-b border-l px-3 py-2 border-secondary',
+        'border-secondary relative -my-px -mr-[2px] flex items-center border-b border-l px-3 py-2',
         { 'h-11': height === 'small', 'h-14': height === 'large' }
       )}
     >
@@ -127,7 +127,7 @@ type TableEmptyBoxProps = {
 export const TableEmptyBox = ({ children, border = true }: TableEmptyBoxProps) => (
   <div
     className={cn('flex h-full max-h-[480px] items-center justify-center rounded-lg px-4', {
-      'border py-4 border-secondary': border,
+      'border-secondary border py-4': border,
     })}
   >
     {children}
diff --git a/app/ui/lib/Tag.tsx b/app/ui/lib/Tag.tsx
index ca59d06c8a..d879fae118 100644
--- a/app/ui/lib/Tag.tsx
+++ b/app/ui/lib/Tag.tsx
@@ -48,7 +48,7 @@ export const Tag = ({
       className={cn(
         'ox-tag',
         `variant-${variant}`,
-        'inline-flex items-center whitespace-nowrap rounded px-1 text-mono-sm',
+        'text-mono-sm inline-flex items-center rounded px-1 whitespace-nowrap',
         tagColors[variant][color],
         narrow ? 'h-4' : 'h-6',
         className
diff --git a/app/ui/lib/TextInput.tsx b/app/ui/lib/TextInput.tsx
index d602f7ffde..4fb4a4c119 100644
--- a/app/ui/lib/TextInput.tsx
+++ b/app/ui/lib/TextInput.tsx
@@ -69,7 +69,7 @@ export function TextInput({
         error
           ? 'border-error-secondary hover:border-error'
           : 'border-default hover:border-hover',
-        disabled && '!border-default',
+        disabled && 'border-default!',
         className
       )}
     >
@@ -79,7 +79,7 @@ export function TextInput({
         type={type}
         value={value}
         className={cn(
-          `w-full rounded border-none px-3 py-[0.6875rem] !outline-offset-1 text-sans-md text-raise bg-default placeholder:text-tertiary focus:outline-none disabled:cursor-not-allowed disabled:text-secondary disabled:bg-disabled`,
+          `text-sans-md text-raise bg-default placeholder:text-tertiary disabled:text-secondary disabled:bg-disabled w-full rounded border-none px-3 py-2.75 outline-offset-1! focus:outline-hidden disabled:cursor-not-allowed`,
           error && 'focus-error',
           fieldClassName,
           disabled && 'text-disabled bg-disabled',
@@ -93,7 +93,7 @@ export function TextInput({
       {copyable && (
         <CopyToClipboard
           text={value || ''}
-          className="!h-10 rounded-none border-l border-solid px-4 bg-disabled border-default"
+          className="bg-disabled border-default h-10! rounded-none border-l border-solid px-4"
         />
       )}
     </div>
@@ -114,7 +114,7 @@ export const TextInputHint = ({ id, children, className }: HintProps) => (
   <div
     id={id}
     className={cn(
-      'mt-1 text-sans-sm text-secondary [&_>_a]:underline hover:[&_>_a]:text-raise',
+      'text-sans-sm text-secondary hover:[&_>_a]:text-raise mt-1 [&_>_a]:underline',
       className
     )}
   >
@@ -124,5 +124,5 @@ export const TextInputHint = ({ id, children, className }: HintProps) => (
 
 export const TextInputError = ({ children }: { children: string }) => {
   useEffect(() => announce(children, 'assertive'), [children])
-  return <div className="ml-px py-2 text-sans-md text-destructive">{children}</div>
+  return <div className="text-sans-md text-destructive ml-px py-2">{children}</div>
 }
diff --git a/app/ui/lib/Toast.tsx b/app/ui/lib/Toast.tsx
index 8c0a727cd8..55eff7b648 100644
--- a/app/ui/lib/Toast.tsx
+++ b/app/ui/lib/Toast.tsx
@@ -55,9 +55,9 @@ const color: Record<Variant, string> = {
 }
 
 const textColor: Record<Variant, string> = {
-  success: 'text-accent children:text-accent',
-  error: 'text-error children:text-error',
-  info: 'text-notice children:text-notice',
+  success: 'text-accent *:text-accent',
+  error: 'text-error *:text-error',
+  info: 'text-notice *:text-notice',
 }
 
 const secondaryTextColor: Record<Variant, string> = {
@@ -84,7 +84,7 @@ export const Toast = ({
   return (
     <div
       className={cn(
-        'relative flex w-96 items-start overflow-hidden rounded-lg p-4 elevation-2',
+        'elevation-2 relative flex w-96 items-start overflow-hidden rounded-lg p-4',
         color[variant],
         textColor[variant]
       )}
@@ -95,25 +95,25 @@ export const Toast = ({
           <div className="text-sans-semi-md">{title || defaultTitle[variant]}</div>
         )}
         {/* 'group' is necessary for HL color trick to work. see HL.tsx */}
-        <div className={cn('group text-sans-md', secondaryTextColor[variant])}>
+        <div className={cn('text-sans-md group', secondaryTextColor[variant])}>
           {content}
         </div>
 
         {cta && (
           <Link
-            className="mt-3 block text-mono-sm text-accent-secondary hover:text-accent"
+            className="text-mono-sm text-accent-secondary hover:text-accent mt-3 block"
             to={cta.link}
           >
             <Truncate text={cta.text} maxLength={36} />
           </Link>
         )}
       </div>
-      <div className="mr-[2px] mt-[3px] flex items-center self-baseline">
+      <div className="mt-[3px] mr-[2px] flex items-center self-baseline">
         <button
           type="button"
           aria-label="Dismiss notification"
           className={cn(
-            '-m-2 flex items-center rounded !border-transparent p-2 hover:bg-accent-secondary-hover',
+            'hover:bg-accent-secondary-hover -m-2 flex items-center rounded border-transparent! p-2',
             textColor[variant]
           )}
           onClick={onClose}
diff --git a/app/ui/styles/components/Tabs.css b/app/ui/styles/components/Tabs.css
index cf077ce06d..b5863bb4ec 100644
--- a/app/ui/styles/components/Tabs.css
+++ b/app/ui/styles/components/Tabs.css
@@ -12,18 +12,18 @@
 }
 
 .ox-tabs-list:after {
-  @apply block w-full border-b border-secondary;
+  @apply border-secondary block w-full border-b;
   content: '';
 }
 
 /* Panel styles */
 .ox-tabs-panel:focus-visible {
-  @apply outline outline-2 outline-offset-[1rem] outline-accent-secondary;
+  @apply outline-accent-secondary outline-2 outline-offset-[1rem];
 }
 
 /* Base tab styles */
 .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-secondary border-secondary;
+  @apply text-mono-sm text-secondary border-secondary h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2 uppercase !no-underline;
 }
 
 .ox-tabs-list .ox-tab > * {
@@ -67,7 +67,7 @@
 }
 
 .ox-tabs.full-width .ox-tabs-list:before {
-  @apply block w-10 min-w-max flex-shrink-0 border-b border-secondary;
+  @apply border-secondary block w-10 min-w-max flex-shrink-0 border-b;
   content: '';
 }
 
@@ -77,7 +77,7 @@
 }
 
 .ox-side-tabs-list .ox-tab {
-  @apply h-auto whitespace-nowrap rounded p-2 py-1.5 normal-case !no-underline text-sans-md text-secondary;
+  @apply text-sans-md text-secondary h-auto whitespace-nowrap rounded p-2 py-1.5 normal-case !no-underline;
   border-bottom: none;
 }
 
diff --git a/app/ui/styles/components/button.css b/app/ui/styles/components/button.css
index c0d6d736ba..da2bd214a5 100644
--- a/app/ui/styles/components/button.css
+++ b/app/ui/styles/components/button.css
@@ -41,7 +41,7 @@
 }
 
 .btn-ghost {
-  @apply border text-default border-default hover:bg-hover disabled:bg-transparent disabled:text-disabled;
+  @apply text-default border-default hover:bg-hover disabled:text-disabled border disabled:bg-transparent;
 }
 .btn-ghost:after {
   @apply hidden;
diff --git a/app/ui/styles/components/menu-button.css b/app/ui/styles/components/menu-button.css
index 8d1d35a061..7689a408ac 100644
--- a/app/ui/styles/components/menu-button.css
+++ b/app/ui/styles/components/menu-button.css
@@ -8,17 +8,17 @@
 
 .dropdown-menu-content {
   /* we want menu popover to be on top of top bar and pagination bar too */
-  @apply z-topBarDropdown min-w-36 rounded border p-0 bg-raise border-secondary;
+  @apply bg-raise border-secondary z-(--z-top-bar-dropdown) min-w-36 rounded border p-0;
 
   & .DropdownMenuItem {
-    @apply flex w-full cursor-pointer select-none items-center border-b py-2 pl-3 pr-6 text-left text-sans-md text-default border-secondary last:border-b-0;
+    @apply text-sans-md text-default border-secondary flex w-full cursor-pointer items-center border-b py-2 pr-6 pl-3 text-left select-none last:border-b-0;
 
     &.destructive {
       @apply text-destructive;
     }
 
     &[data-disabled] {
-      @apply cursor-not-allowed text-disabled;
+      @apply text-disabled cursor-not-allowed;
     }
 
     &.destructive[data-disabled] {
diff --git a/app/ui/styles/components/menu-list.css b/app/ui/styles/components/menu-list.css
index 8f678db7d3..1c8cc54aa1 100644
--- a/app/ui/styles/components/menu-list.css
+++ b/app/ui/styles/components/menu-list.css
@@ -7,11 +7,11 @@
  */
 
 .ox-menu {
-  @apply !max-h-[17.5rem] overflow-y-auto rounded border bg-raise border-secondary elevation-2;
+  @apply bg-raise border-secondary elevation-2 !max-h-[17.5rem] overflow-y-auto rounded border;
 }
 
 .ox-menu-item {
-  @apply relative cursor-pointer px-3 py-2 text-sans-md text-raise;
+  @apply text-sans-md text-raise relative cursor-pointer px-3 py-2;
 }
 
 .ox-menu-item.is-highlighted {
@@ -27,14 +27,14 @@
 }
 
 .ox-menu-item.is-selected {
-  @apply border-0 text-accent bg-accent-secondary hover:bg-accent-secondary-hover;
+  @apply text-accent bg-accent-secondary hover:bg-accent-secondary-hover border-0;
   .ox-badge {
-    @apply ring-0 text-inverse bg-accent;
+    @apply text-inverse bg-accent ring-0;
   }
 }
 
 /* beautiful ring */
 .ox-menu-item.is-selected:after {
   content: '';
-  @apply absolute bottom-0 left-0 right-0 top-0 block rounded border border-accent;
+  @apply border-accent absolute bottom-0 left-0 right-0 top-0 block rounded border;
 }
diff --git a/app/ui/styles/components/mini-table.css b/app/ui/styles/components/mini-table.css
index 3bf03222fa..a2ee4318a8 100644
--- a/app/ui/styles/components/mini-table.css
+++ b/app/ui/styles/components/mini-table.css
@@ -24,7 +24,7 @@
 
   /* a fake left border for all cells that aren't first */
   & td + td:before {
-    @apply absolute bottom-[2px] top-[calc(0.5rem+1px)] block w-[1px] border-l border-secondary;
+    @apply border-secondary absolute bottom-[2px] top-[calc(0.5rem+1px)] block w-[1px] border-l;
     content: ' ';
   }
 
@@ -38,7 +38,7 @@
 
   /* all divs */
   & td > div {
-    @apply flex h-9 items-center border border-y border-r-0 py-3 pl-3 pr-6 border-default;
+    @apply border-default flex h-9 items-center border border-y border-r-0 py-3 pl-3 pr-6;
   }
 
   /* first cell's div */
@@ -58,7 +58,7 @@
 
   /* the delete button */
   & td:last-child > div > button {
-    @apply -m-2 flex items-center justify-center p-2 text-tertiary hover:text-secondary focus:text-secondary;
+    @apply text-tertiary hover:text-secondary focus:text-secondary -m-2 flex items-center justify-center p-2;
   }
 
   & tr:last-child td {
diff --git a/app/ui/styles/components/table.css b/app/ui/styles/components/table.css
index 3061c67d78..47a35969e0 100644
--- a/app/ui/styles/components/table.css
+++ b/app/ui/styles/components/table.css
@@ -52,7 +52,7 @@ table.ox-table {
   /* First column is sticky */
   & th:first-of-type,
   & td:first-of-type {
-    @apply sticky left-0 z-10 bg-default;
+    @apply bg-default sticky left-0 z-10;
   }
 
   /*
@@ -61,7 +61,7 @@ table.ox-table {
   */
   & th:last-of-type.action-col,
   & td:last-of-type.action-col {
-    @apply sticky right-0 bg-default;
+    @apply bg-default sticky right-0;
   }
   & th:last-of-type.action-col {
     @apply bg-secondary;
@@ -95,7 +95,7 @@ table.ox-table {
 
   & tr:last-of-type td:last-of-type.action-col:after {
     border-bottom-right-radius: var(--table-border-radius);
-    @apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-r content-[''] border-default;
+    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-r content-[''];
   }
 
   & tr:last-of-type td:last-of-type:not(.action-col) {
@@ -108,25 +108,25 @@ table.ox-table {
 
   & tr:last-of-type td:first-of-type:after {
     border-bottom-left-radius: var(--table-border-radius);
-    @apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-l content-[''] border-default;
+    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-l content-[''];
   }
 
   & th:first-of-type {
-    @apply border-l-0 border-t-0 !bg-default;
+    @apply !bg-default border-l-0 border-t-0;
   }
 
   & th:first-of-type > div {
     border-top-left-radius: var(--table-border-radius);
-    @apply w-[calc(100%+1px)] bg-secondary;
+    @apply bg-secondary w-[calc(100%+1px)];
   }
 
   & th:first-of-type:after {
     border-top-left-radius: var(--table-border-radius);
-    @apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-l border-t content-[''] border-default;
+    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-l border-t content-[''];
   }
 
   & th:last-of-type.action-col {
-    @apply !border-r-0 !border-t-0 !bg-default;
+    @apply !bg-default !border-r-0 !border-t-0;
   }
 
   & th:last-of-type.action-col > div {
@@ -136,7 +136,7 @@ table.ox-table {
 
   & th:last-of-type.action-col:after {
     border-top-right-radius: var(--table-border-radius);
-    @apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-r border-t content-[''] border-default;
+    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-r border-t content-[''];
   }
 
   & th:last-of-type:not(.action-col) {
@@ -286,7 +286,7 @@ table.ox-table {
 
   & .selection-end td:last-child > div,
   & .is-selected:not(.multi-selection) td:last-child > div {
-    @apply relative -ml-0.5 border-l-0 before:absolute before:bottom-1 before:left-0.5 before:top-0 before:block before:h-full before:border-l before:border-accent-tertiary;
+    @apply before:border-accent-tertiary relative -ml-0.5 border-l-0 before:absolute before:bottom-1 before:left-0.5 before:top-0 before:block before:h-full before:border-l;
     /* Avoid layout shift caused by the border being inline with the content */
     padding-left: calc(1rem - 1px);
   }
@@ -321,7 +321,7 @@ cell and the table is overflowing
 
 .scrolled td:first-of-type:before,
 .scrolled th:first-of-type:before {
-  @apply absolute bottom-0 right-0 top-0 border-r content-[''] border-r-secondary;
+  @apply border-r-secondary absolute bottom-0 right-0 top-0 border-r content-[''];
 }
 
 .simplebar-scrollbar {
diff --git a/app/ui/styles/components/tooltip.css b/app/ui/styles/components/tooltip.css
index 71ef14b081..996cca7903 100644
--- a/app/ui/styles/components/tooltip.css
+++ b/app/ui/styles/components/tooltip.css
@@ -7,7 +7,7 @@
  */
 
 .ox-tooltip {
-  @apply rounded border p-2 text-sans-md text-default bg-raise border-secondary elevation-2;
+  @apply text-sans-md text-default bg-raise border-secondary elevation-2 rounded border p-2;
 }
 
 .ox-tooltip-arrow {
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index cbfba33207..94d6c32543 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -16,68 +16,112 @@
  * inlined into a single file by postcss-import.
  */
 
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import 'tailwindcss';
 
 @import '@oxide/design-system/styles/main.css';
-@import 'simplebar-react/dist/simplebar.min.css';
-
-@import './fonts.css';
-@import './components/button.css';
-@import './components/menu-button.css';
-@import './components/menu-list.css';
-@import './components/loading-bar.css';
-@import './components/Tabs.css';
-@import './components/form.css';
-@import './components/login-page.css';
-@import './components/mini-table.css';
-@import './components/side-modal.css';
-@import './components/spinner.css';
-@import './components/table.css';
-@import './components/tooltip.css';
-
-@import './themes/selection.css';
-
-@import '@xterm/xterm/css/xterm.css';
-
-:root {
-  --content-gutter: 2.5rem;
-  --top-bar-height: 54px;
-
-  /* Nicer easing from: https://twitter.com/bdc */
-  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
-  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
-  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
-
-  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
-  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
-  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
-  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
-  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
-
-  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
-  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
-  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
-  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+@import '@oxide/design-system/styles/tailwind.css';
+@import 'simplebar-react/dist/simplebar.min.css' layer(components);
+
+@import './fonts.css' layer(base);
+@import './vars.css' layer(base);
+@import './components/button.css' layer(components);
+@import './components/menu-button.css' layer(components);
+@import './components/menu-list.css' layer(components);
+@import './components/loading-bar.css' layer(components);
+@import './components/Tabs.css' layer(components);
+@import './components/form.css' layer(components);
+@import './components/login-page.css' layer(components);
+@import './components/mini-table.css' layer(components);
+@import './components/side-modal.css' layer(components);
+@import './components/spinner.css' layer(components);
+@import './components/table.css' layer(components);
+@import './components/tooltip.css' layer(components);
+@import './themes/selection.css' layer(components);
+
+@import '@xterm/xterm/css/xterm.css' layer(components);
+
+@theme {
+  --animate-spin-slow: spin 5s linear infinite;
+  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  /* used by PageSkeleton */
+  --animate-pulse2: pulse2 1.3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+
+  @keyframes pulse2 {
+    0%,
+    100% {
+      opacity: 0.75;
+    }
+    50%: {
+      opacity: 1;
+    }
+  }
+}
+
+@custom-variant selected {
+  .is-selected & {
+    @slot;
+  }
+}
+
+@custom-variant disabled {
+  &.visually-disabled,
+  &:disabled {
+    @slot;
+  }
+}
+
+@utility external-link {
+  @apply text-accent-secondary hover:text-accent;
+}
+
+@utility gutter {
+  width: calc(100% - var(--content-gutter) * 2);
+  margin-left: var(--content-gutter);
+  margin-right: var(--content-gutter);
+}
+
+@utility link-with-underline {
+  @apply text-raise;
+  text-decoration: underline;
+  text-decoration-color: var(--content-quaternary);
+
+  &:hover {
+    text-decoration-color: var(--content-tertiary);
+  }
+}
+
+@layer utilities {
+  :root {
+    --content-gutter: 2.5rem;
+    --top-bar-height: 54px;
+
+    /* Nicer easing from: https://twitter.com/bdc */
+    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+
+    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
+
+    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
+    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  }
 }
 
 @layer base {
   body {
-    @apply overflow-y-hidden text-default bg-default;
-    font-family:
-      SuisseIntl,
-      -apple-system,
-      BlinkMacSystemFont,
-      Helvetica,
-      Arial,
-      sans-serif;
+    @apply text-default bg-default overflow-y-hidden font-sans;
   }
 
   /* https://github.com/tailwindlabs/tailwindcss/blob/v2.2.4/src/plugins/css/preflight.css#L57 */
@@ -91,107 +135,85 @@
     display: inline;
     vertical-align: baseline;
   }
-}
 
-@layer utilities {
-  .external-link {
-    @apply text-accent-secondary hover:text-accent;
+  /**
+ * Remove focus ring for non-explicit scenarios.
+ */
+  a:focus-visible,
+  button:focus-visible,
+  .ox-tabs-panel:focus-visible,
+  [role='listbox']:focus-visible,
+  [role='option']:focus-visible,
+  [role='button']:focus-visible,
+  input[type='text']:focus-visible,
+  input[type='textarea']:focus-visible,
+  textarea[type='text']:focus-visible,
+  input[type='file']:focus-visible,
+  input[type='radio']:focus-visible,
+  input[type='checkbox']:focus-visible,
+  input[type='number']:focus-visible {
+    @apply outline-solid outline-accent-secondary outline-2 outline-offset-0;
+
+    &.focus-error {
+      @apply outline-error-secondary;
+    }
   }
 
-  .gutter {
-    width: calc(100% - var(--content-gutter) * 2);
-    margin-left: var(--content-gutter);
-    margin-right: var(--content-gutter);
+  a,
+  button,
+  .ox-tabs-panel,
+  [role='listbox'],
+  [role='option'],
+  [role='button'],
+  input[type='text'],
+  input[type='textarea'],
+  textarea[type='text'],
+  input[type='file'],
+  input[type='radio'],
+  input[type='checkbox'],
+  input[type='number'] {
+    @apply transition-[outline-width] duration-100 ease-out;
   }
 
-  .link-with-underline {
-    @apply text-raise;
-    text-decoration: underline;
-    text-decoration-color: var(--content-quaternary);
-
-    &:hover {
-      text-decoration-color: var(--content-tertiary);
+  a:focus,
+  button:focus,
+  .ox-tabs-panel:focus,
+  [role='listbox']:focus,
+  [role='option']:focus,
+  [role='button']:focus,
+  input[type='text']:focus,
+  input[type='textarea']:focus,
+  textarea[type='text']:focus,
+  input[type='file']:focus,
+  input[type='radio']:focus,
+  input[type='checkbox']:focus,
+  input[type='number']:focus {
+    @apply outline-solid outline-accent-secondary outline-2 outline-offset-0;
+
+    &.focus-error {
+      @apply outline-error-secondary;
     }
   }
-}
 
-/**
- * Remove focus ring for non-explicit scenarios.
- */
-a:focus-visible,
-button:focus-visible,
-.ox-tabs-panel:focus-visible,
-[role='listbox']:focus-visible,
-[role='option']:focus-visible,
-[role='button']:focus-visible,
-input[type='text']:focus-visible,
-input[type='textarea']:focus-visible,
-textarea[type='text']:focus-visible,
-input[type='file']:focus-visible,
-input[type='radio']:focus-visible,
-input[type='checkbox']:focus-visible,
-input[type='number']:focus-visible {
-  @apply outline outline-2 outline-offset-0 outline-accent-secondary;
-
-  &.focus-error {
-    @apply outline-error-secondary;
+  a:focus:not(:focus-visible),
+  button:focus:not(:focus-visible),
+  .ox-tabs-panel:focus:not(:focus-visible),
+  [role='listbox']:focus:not(:focus-visible),
+  [role='option']:focus:not(:focus-visible),
+  [role='button']:focus:not(:focus-visible),
+  input[type='text']:focus:not(:focus-visible),
+  input[type='textarea']:focus:not(:focus-visible),
+  textarea[type='text']:focus:not(:focus-visible),
+  input[type='radio']:focus:not(:focus-visible),
+  input[type='checkbox']:focus:not(:focus-visible) {
+    @apply outline-transparent;
   }
-}
 
-a,
-button,
-.ox-tabs-panel,
-[role='listbox'],
-[role='option'],
-[role='button'],
-input[type='text'],
-input[type='textarea'],
-textarea[type='text'],
-input[type='file'],
-input[type='radio'],
-input[type='checkbox'],
-input[type='number'] {
-  @apply transition-[outline-width] duration-100 ease-out;
-}
-
-a:focus,
-button:focus,
-.ox-tabs-panel:focus,
-[role='listbox']:focus,
-[role='option']:focus,
-[role='button']:focus,
-input[type='text']:focus,
-input[type='textarea']:focus,
-textarea[type='text']:focus,
-input[type='file']:focus,
-input[type='radio']:focus,
-input[type='checkbox']:focus,
-input[type='number']:focus {
-  @apply outline outline-2 outline-offset-0 outline-accent-secondary;
-
-  &.focus-error {
-    @apply outline-error-secondary;
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    @apply text-raise;
   }
 }
-
-a:focus:not(:focus-visible),
-button:focus:not(:focus-visible),
-.ox-tabs-panel:focus:not(:focus-visible),
-[role='listbox']:focus:not(:focus-visible),
-[role='option']:focus:not(:focus-visible),
-[role='button']:focus:not(:focus-visible),
-input[type='text']:focus:not(:focus-visible),
-input[type='textarea']:focus:not(:focus-visible),
-textarea[type='text']:focus:not(:focus-visible),
-input[type='radio']:focus:not(:focus-visible),
-input[type='checkbox']:focus:not(:focus-visible) {
-  @apply outline-transparent;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-  @apply text-raise;
-}
diff --git a/app/ui/styles/vars.css b/app/ui/styles/vars.css
new file mode 100644
index 0000000000..3da2340bde
--- /dev/null
+++ b/app/ui/styles/vars.css
@@ -0,0 +1,13 @@
+:root {
+  --z-toast: 50;
+  --z-modal-dropdown: 50;
+  --z-modal: 40;
+  --z-side-modal-dropdown: 40;
+  --z-side-modal: 30;
+  --z-modal-overlay: 25;
+  --z-top-bar-dropdown: 20;
+  --z-top-bar: 15;
+  --z-popover: 10;
+  --z-content-dropdown: 10;
+  --z-content: 0;
+}
diff --git a/app/ui/util/story-section.tsx b/app/ui/util/story-section.tsx
index 85a0720096..6df8400701 100644
--- a/app/ui/util/story-section.tsx
+++ b/app/ui/util/story-section.tsx
@@ -23,8 +23,8 @@ export const Section = ({
   children: ReactNode
   className?: string
 }) => (
-  <section className={cn(className, 'mb-8 mr-8')}>
-    <h2 className="mb-4 border-b pb-4 text-sans-2xl text-accent border-accent-secondary">
+  <section className={cn(className, 'mr-8 mb-8')}>
+    <h2 className="text-sans-2xl text-accent border-accent-secondary mb-4 border-b pb-4">
       {capitalize(title)}
     </h2>
     {children}
diff --git a/package-lock.json b/package-lock.json
index be45e16dd7..d8d36a4c68 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,12 +12,13 @@
       "dependencies": {
         "@floating-ui/react": "^0.26.23",
         "@headlessui/react": "^2.2.0",
-        "@oxide/design-system": "^2.7.0",
+        "@oxide/design-system": "^3.1.0",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-tabs": "^1.1.0",
         "@react-aria/live-announcer": "^3.3.4",
         "@tailwindcss/container-queries": "^0.1.1",
+        "@tailwindcss/vite": "^4.1.14",
         "@tanstack/react-query": "^5.56.2",
         "@tanstack/react-query-devtools": "^5.56.2",
         "@tanstack/react-table": "^8.20.5",
@@ -34,7 +35,7 @@
         "p-map": "^7.0.2",
         "p-retry": "^6.2.0",
         "react": "^19.1.0",
-        "react-aria": "^3.34.3",
+        "react-aria": "^3.44.0",
         "react-dom": "^19.1.0",
         "react-error-boundary": "^4.0.13",
         "react-hook-form": "^7.53.0",
@@ -95,10 +96,10 @@
         "postcss-nesting": "^13.0.1",
         "postcss-pseudo-classes": "^0.4.0",
         "prettier": "^3.4.2",
-        "prettier-plugin-tailwindcss": "^0.6.9",
+        "prettier-plugin-tailwindcss": "^0.6.14",
         "resize-observer-polyfill": "^1.5.1",
         "semver": "^7.6.3",
-        "tailwindcss": "^3.4.17",
+        "tailwindcss": "^4.1.14",
         "tsx": "^4.19.2",
         "type-fest": "^4.33.0",
         "typescript": "~5.9.2",
@@ -118,18 +119,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@apidevtools/json-schema-ref-parser": {
       "version": "9.1.2",
       "resolved": "https://registry.npmjs.org/@apidevtools/json-schema-ref-parser/-/json-schema-ref-parser-9.1.2.tgz",
@@ -211,7 +200,7 @@
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
       "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.25.9",
@@ -226,7 +215,7 @@
       "version": "7.26.3",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
       "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.26.3",
@@ -243,7 +232,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
       "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -253,7 +242,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
       "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -263,7 +252,7 @@
       "version": "7.26.3",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
       "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.26.3"
@@ -291,7 +280,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
       "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.25.9",
@@ -306,7 +295,7 @@
       "version": "7.26.4",
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
       "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.26.2",
@@ -325,7 +314,7 @@
       "version": "7.26.3",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
       "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
@@ -383,7 +372,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -400,7 +388,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -417,7 +404,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -434,7 +420,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -451,7 +436,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -468,7 +452,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -485,7 +468,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -502,7 +484,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -519,7 +500,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -536,7 +516,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -553,7 +532,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -570,7 +548,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -587,7 +564,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -604,7 +580,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -621,7 +596,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -638,7 +612,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -655,7 +628,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -672,7 +644,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -689,7 +660,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -706,7 +676,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -723,7 +692,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -740,7 +708,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -757,7 +724,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -774,7 +740,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -791,7 +756,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -918,22 +882,22 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.6.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
-      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.9"
+        "@floating-ui/utils": "^0.2.10"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
-      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.9"
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
       }
     },
     "node_modules/@floating-ui/react": {
@@ -952,12 +916,12 @@
       }
     },
     "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
-      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/dom": "^1.0.0"
+        "@floating-ui/dom": "^1.7.4"
       },
       "peerDependencies": {
         "react": ">=16.8.0",
@@ -965,72 +929,73 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
-      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
       "license": "MIT"
     },
     "node_modules/@formatjs/ecma402-abstract": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.3.tgz",
-      "integrity": "sha512-pJT1OkhplSmvvr6i3CWTPvC/FGC06MbN5TNBfRO6Ox62AEz90eMq+dVvtX9Bl3jxCEkS0tATzDarRZuOLw7oFg==",
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.5.tgz",
+      "integrity": "sha512-1HTESOq1IUa23g1lFZEGIXsfZKZOwWmB9RROwGn+xariiQnd++wwTMvlRAbZ8wtXRHFUamJPxsKcxpSzeCvFWQ==",
       "license": "MIT",
       "dependencies": {
-        "@formatjs/fast-memoize": "2.2.6",
-        "@formatjs/intl-localematcher": "0.6.0",
-        "decimal.js": "10",
-        "tslib": "2"
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/intl-localematcher": "0.6.2",
+        "decimal.js": "^10.4.3",
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@formatjs/fast-memoize": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.6.tgz",
-      "integrity": "sha512-luIXeE2LJbQnnzotY1f2U2m7xuQNj2DA8Vq4ce1BY9ebRZaoPB1+8eZ6nXpLzsxuW5spQxr7LdCg+CApZwkqkw==",
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz",
+      "integrity": "sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==",
       "license": "MIT",
       "dependencies": {
-        "tslib": "2"
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@formatjs/icu-messageformat-parser": {
-      "version": "2.11.1",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.1.tgz",
-      "integrity": "sha512-o0AhSNaOfKoic0Sn1GkFCK4MxdRsw7mPJ5/rBpIqdvcC7MIuyUSW8WChUEvrK78HhNpYOgqCQbINxCTumJLzZA==",
+      "version": "2.11.3",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.3.tgz",
+      "integrity": "sha512-H/KfWSosaiDiOaW4nHe1Fn4Cgzm+oFQ8giTmB5RJzTBNSMmd+j2NVrvvZHAmlxJHcuOelzKBLjQ2EDcyH4NSWw==",
       "license": "MIT",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.3",
-        "@formatjs/icu-skeleton-parser": "1.8.13",
-        "tslib": "2"
+        "@formatjs/ecma402-abstract": "2.3.5",
+        "@formatjs/icu-skeleton-parser": "1.8.15",
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@formatjs/icu-skeleton-parser": {
-      "version": "1.8.13",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.13.tgz",
-      "integrity": "sha512-N/LIdTvVc1TpJmMt2jVg0Fr1F7Q1qJPdZSCs19unMskCmVQ/sa0H9L8PWt13vq+gLdLg1+pPsvBLydL1Apahjg==",
+      "version": "1.8.15",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.15.tgz",
+      "integrity": "sha512-qNrKxWJmnWxin5U4A4Evy7C0rgRiNw3IqXu9OGuT31B8lDxBGl+OgT8kcq0ZVKK0gqA4l4SQB9x+SFAvLT5hcQ==",
       "license": "MIT",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.3",
-        "tslib": "2"
+        "@formatjs/ecma402-abstract": "2.3.5",
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@formatjs/intl-localematcher": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.0.tgz",
-      "integrity": "sha512-4rB4g+3hESy1bHSBG3tDFaMY2CH67iT7yne1e+0CLTsGLDcmoEWWpJjjpWVaYgYfYuohIRuo0E+N536gd2ZHZA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz",
+      "integrity": "sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==",
       "license": "MIT",
       "dependencies": {
-        "tslib": "2"
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@headlessui/react": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.0.tgz",
-      "integrity": "sha512-RzCEg+LXsuI7mHiSomsu/gBJSjpupm6A1qIZ5sWjd7JhARNlMiSA4kKfJpCKwU9tE+zMRterhhrP74PvfJrpXQ==",
+      "version": "2.2.9",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.9.tgz",
+      "integrity": "sha512-Mb+Un58gwBn0/yWZfyrCh0TJyurtT+dETj7YHleylHk5od3dv2XqETPGWMyQ5/7sYN7oWdyM1u9MvC0OC8UmzQ==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/react": "^0.26.16",
-        "@react-aria/focus": "^3.17.1",
-        "@react-aria/interactions": "^3.21.3",
-        "@tanstack/react-virtual": "^3.8.1"
+        "@react-aria/focus": "^3.20.2",
+        "@react-aria/interactions": "^3.25.0",
+        "@tanstack/react-virtual": "^3.13.9",
+        "use-sync-external-store": "^1.5.0"
       },
       "engines": {
         "node": ">=10"
@@ -1106,7 +1071,7 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/@ianvs/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.4.1.tgz",
       "integrity": "sha512-F0/Hrcfpy8WuxlQyAWJTEren/uxKhYonOGY4OyWmwRdeTvkh9mMSCxowZLjNkhwi/2ipqCgtXwwOk7tW0mWXkA==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@babel/generator": "^7.26.2",
@@ -1299,18 +1264,18 @@
       }
     },
     "node_modules/@internationalized/date": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
-      "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.10.0.tgz",
+      "integrity": "sha512-oxDR/NTEJ1k+UFVQElaNIk65E/Z83HK1z1WI3lQyhTtnNg4R5oVXaPzK3jcpKG8UHKDVuDQHzn+wsxSz8RP3aw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
     "node_modules/@internationalized/message": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.6.tgz",
-      "integrity": "sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.8.tgz",
+      "integrity": "sha512-Rwk3j/TlYZhn3HQ6PyXUV0XP9Uv42jqZGNegt0BXlxjE6G3+LwHjbQZAGHhCnCPdaA6Tvd3ma/7QzLlLkJxAWA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0",
@@ -1318,65 +1283,33 @@
       }
     },
     "node_modules/@internationalized/number": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
-      "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.5.tgz",
+      "integrity": "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
     "node_modules/@internationalized/string": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.5.tgz",
-      "integrity": "sha512-rKs71Zvl2OKOHM+mzAFMIyqR5hI1d1O6BBkMK2/lkfg3fkmVh9Eeg0awcA8W2WqYqDOv6a86DIOlFpggwLtbuw==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.7.tgz",
+      "integrity": "sha512-D4OHBjrinH+PFZPvfCXvG28n2LSykWcJ7GIioQL+ok0LON15SdfoUssoHzzOUmVZLbRoREsQXVzA6r8JKsbP6A==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
       "license": "ISC",
       "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
+        "minipass": "^7.0.4"
       },
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+        "node": ">=18.0.0"
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
@@ -1393,6 +1326,16 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
     "node_modules/@jridgewell/resolve-uri": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
@@ -1415,7 +1358,7 @@
       "version": "0.3.6",
       "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
       "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -1423,9 +1366,9 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
@@ -1484,6 +1427,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -1497,6 +1441,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -1506,6 +1451,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -1541,33 +1487,34 @@
       "license": "MIT"
     },
     "node_modules/@oxide/design-system": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-2.7.0.tgz",
-      "integrity": "sha512-W/RruOKkZ8q0aezWNpnO9FCTo+CWFSRzrl9afKzhGxnB1v9405c8Kx/JvlH5tXc6GK9uRuLKavDI6sN3Ci1d4Q==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-3.1.0.tgz",
+      "integrity": "sha512-sDEUVvqy49/ikv2rfYYj8gZSeYKSqUF72szS2zhe3EABS7XF4aGTS2/xsv2VvV9c55FAgSnfVvaelXRficJLOw==",
       "license": "MPL 2.0",
       "dependencies": {
-        "@floating-ui/react": "^0.27.4",
-        "@headlessui/react": "^2.2.0",
-        "@radix-ui/react-accordion": "^1.2.2",
-        "@radix-ui/react-tabs": "^1.1.3",
+        "@floating-ui/react": "^0.27.16",
+        "@headlessui/react": "^2.2.8",
+        "@radix-ui/react-accordion": "^1.2.12",
+        "@radix-ui/react-tabs": "^1.1.13",
         "classnames": "^2.5.1",
-        "shiki": "^1.24.0"
+        "prettier-plugin-tailwindcss": "^0.6.14",
+        "shiki": "^3.13.0"
       },
       "peerDependencies": {
         "@asciidoctor/core": "^3.0.0",
-        "@oxide/react-asciidoc": "^1.0.4",
+        "@oxide/react-asciidoc": "^1.3.0",
         "react": ">=18.0.0",
         "react-dom": ">=18.0.0"
       }
     },
     "node_modules/@oxide/design-system/node_modules/@floating-ui/react": {
-      "version": "0.27.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.5.tgz",
-      "integrity": "sha512-BX3jKxo39Ba05pflcQmqPPwc0qdNsdNi/eweAFtoIdrJWNen2sVEWMEac3i6jU55Qfx+lOcdMNKYn2CtWmlnOQ==",
+      "version": "0.27.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.16.tgz",
+      "integrity": "sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/react-dom": "^2.1.2",
-        "@floating-ui/utils": "^0.2.9",
+        "@floating-ui/react-dom": "^2.1.6",
+        "@floating-ui/utils": "^0.2.10",
         "tabbable": "^6.0.0"
       },
       "peerDependencies": {
@@ -1611,13 +1558,13 @@
       }
     },
     "node_modules/@oxide/react-asciidoc": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@oxide/react-asciidoc/-/react-asciidoc-1.0.4.tgz",
-      "integrity": "sha512-9bZDfCzcyyc6/6t4qZWkZcyKXTnS8Mr4npKpVwI+J6645K3DAHW1ybYy6M7tvmE/oq0zt4YGy0zLCsNoMJ3c3Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@oxide/react-asciidoc/-/react-asciidoc-1.3.0.tgz",
+      "integrity": "sha512-0QNKE03z3nh82AjmJD7Gx7uxpEa0Io4bb/3Zlqh7b87c6iyQ99nV1bdiIel/Ja7FfSdC/qqIfmcedxutvKuD7Q==",
       "license": "MPL 2.0",
       "peer": true,
       "dependencies": {
-        "html-react-parser": "^5.1.15"
+        "html-react-parser": "^5.2.6"
       },
       "peerDependencies": {
         "@asciidoctor/core": "^3.0.0",
@@ -1737,16 +1684,6 @@
         "win32"
       ]
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@pkgr/core": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
@@ -1783,20 +1720,20 @@
       "license": "MIT"
     },
     "node_modules/@radix-ui/react-accordion": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.3.tgz",
-      "integrity": "sha512-RIQ15mrcvqIkDARJeERSuXSry2N8uYnxkdDetpfmalT/+0ntOXLkFOsh9iwlAsCv+qcmhZjbdJogIm6WBa6c4A==",
+      "version": "1.2.12",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
+      "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collapsible": "1.1.3",
-        "@radix-ui/react-collection": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collapsible": "1.1.12",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1813,66 +1750,31 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collapsible": {
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/primitive": {
       "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.3.tgz",
-      "integrity": "sha512-jFSerheto1X03MUC0g6R7LedNW9EEGWdg9W1+MlpkMLwGkgkbUXLPBH/KIuWKXUoeYRVY11llqbTBDzuLg7qrw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
     },
-    "node_modules/@radix-ui/react-collection": {
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.2.tgz",
-      "integrity": "sha512-9z54IEKRxIa9VityapoEYMuByaG42iSy1ZXlY2KcuLSEtq8x4987/N6m15ppoMffgZX72gER2uHe1D9Y6Unlcw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-slot": "1.1.2"
-      },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1884,11 +1786,14 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-context": {
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-id": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
       "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1899,26 +1804,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.6.tgz",
-      "integrity": "sha512-/IVhJV5AceX620DUJ4uYVMymzsipdKBzo3edo+omeskCKGm9FRHM0ebIdbPnlQVJqyuHbuBltQUOG2mOTq2IYw==",
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.5",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.2",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.4",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-slot": "1.1.2",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
+        "@radix-ui/react-slot": "1.2.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1935,11 +1827,14 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
-      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
       "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1950,37 +1845,29 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.5.tgz",
-      "integrity": "sha512-E4TywXY6UsXNRhFrECa5HAvE5/4BFcGyfTyK36gP+pAW1ed7UTK4vKwdr53gAJYwqbfCWC6ATvJa3J3R/9+Qrg==",
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-guards": {
+    "node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-use-layout-effect": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1992,15 +1879,20 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.2.tgz",
-      "integrity": "sha512-zxwE80FCU7lcXUGWkdt6XpTTCKPitG1XKOwViTxHVKIJhZl9MvIl2dVHeZENCWD9+EdWv05wlaEkRXUykU27RA==",
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
+      "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-callback-ref": "1.1.0"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2017,14 +1909,17 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
-      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -2035,39 +1930,457 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.4.tgz",
-      "integrity": "sha512-sn2O9k1rPFYVyKd5LAJfo96JlSGVFpa1fS6UuBJfrZadudiw5tAmru+n1x7aMRQ84qDM71Zh1+SzK5QwU0tJfA==",
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.6.tgz",
+      "integrity": "sha512-/IVhJV5AceX620DUJ4uYVMymzsipdKBzo3edo+omeskCKGm9FRHM0ebIdbPnlQVJqyuHbuBltQUOG2mOTq2IYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.2",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.5.tgz",
+      "integrity": "sha512-E4TywXY6UsXNRhFrECa5HAvE5/4BFcGyfTyK36gP+pAW1ed7UTK4vKwdr53gAJYwqbfCWC6ATvJa3J3R/9+Qrg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.2.tgz",
+      "integrity": "sha512-zxwE80FCU7lcXUGWkdt6XpTTCKPitG1XKOwViTxHVKIJhZl9MvIl2dVHeZENCWD9+EdWv05wlaEkRXUykU27RA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
+      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.4.tgz",
+      "integrity": "sha512-sn2O9k1rPFYVyKd5LAJfo96JlSGVFpa1fS6UuBJfrZadudiw5tAmru+n1x7aMRQ84qDM71Zh1+SzK5QwU0tJfA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.2.tgz",
+      "integrity": "sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.2"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
@@ -2083,13 +2396,21 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.2.tgz",
-      "integrity": "sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==",
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
+      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.2"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2106,21 +2427,67 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-roving-focus": {
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.2.tgz",
-      "integrity": "sha512-zgMQWkNO169GtGqRvYrzb0Zf8NhMHS2DuEB/TiEmVnpr5OqPU3i8lfbxaAmC2J/KYuIQxyoQQ6DxepyXp61/xw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-collection": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2137,6 +2504,73 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-slot": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.2.tgz",
@@ -2156,19 +2590,120 @@
       }
     },
     "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
+      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/primitive": {
       "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.3.tgz",
-      "integrity": "sha512-9mFyI30cuRDImbmFF6O2KUJdgEOsGh9Vmx9x/Dh9tOhL7BngmQPQfwW4aejKm5OHpfWIdmeV6ySyuxoOGjtNng==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-roving-focus": "1.1.2",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2185,6 +2720,58 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -2218,6 +2805,39 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-escape-keydown": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
@@ -2252,55 +2872,57 @@
       }
     },
     "node_modules/@react-aria/breadcrumbs": {
-      "version": "3.5.16",
-      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.16.tgz",
-      "integrity": "sha512-OXLKKu4SmjnSaSHkk4kow5/aH/SzlHWPJt+Uq3xec9TwDOr/Ob8aeFVGFoY0HxfGozuQlUz+4e+d29vfA0jNWg==",
+      "version": "3.5.29",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.29.tgz",
+      "integrity": "sha512-rKS0dryllaZJqrr3f/EAf2liz8CBEfmL5XACj+Z1TAig6GIYe1QuA3BtkX0cV9OkMugXdX8e3cbA7nD10ORRqg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/link": "^3.7.4",
-        "@react-aria/utils": "^3.25.2",
-        "@react-types/breadcrumbs": "^3.7.7",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/link": "^3.8.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/breadcrumbs": "^3.7.17",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/button": {
-      "version": "3.9.8",
-      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.8.tgz",
-      "integrity": "sha512-MdbMQ3t5KSCkvKtwYd/Z6sgw0v+r1VQFRYOZ4L53xOkn+u140z8vBpNeWKZh/45gxGv7SJn9s2KstLPdCWmIxw==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.14.2.tgz",
+      "integrity": "sha512-VbLIA+Kd6f/MDjd+TJBUg2+vNDw66pnvsj2E4RLomjI9dfBuN7d+Yo2UnsqKVyhePjCUZ6xxa2yDuD63IOSIYA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/toggle": "^3.7.7",
-        "@react-types/button": "^3.9.6",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/toolbar": "3.0.0-beta.21",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/toggle": "^3.9.2",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/calendar": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.7.0.tgz",
-      "integrity": "sha512-9YUbgcox7cQgvZfQtL2BLLRsIuX4mJeclk9HkFoOsAu3RGO5HNsteah8FV54W8BMjm/bNRXIPUxtjTTP+1L6jg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/calendar": "^3.7.0",
-        "@react-types/button": "^3.10.2",
-        "@react-types/calendar": "^3.6.0",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.9.2.tgz",
+      "integrity": "sha512-uSLxLgOPRnEU4Jg59lAhUVA+uDx/55NBg4lpfsP2ynazyiJ5LCXmYceJi+VuOqMml7d9W0dB87OldOeLdIxYVA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.10.0",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/calendar": "^3.9.0",
+        "@react-types/button": "^3.14.1",
+        "@react-types/calendar": "^3.8.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2309,47 +2931,74 @@
       }
     },
     "node_modules/@react-aria/checkbox": {
-      "version": "3.14.6",
-      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.14.6.tgz",
-      "integrity": "sha512-LICY1PR3WsW/VbuLMjZbxo75+poeo3XCXGcUnk6hxMlWfp/Iy/XHVsHlGu9stRPKRF8BSuOGteaHWVn6IXfwtA==",
+      "version": "3.16.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.16.2.tgz",
+      "integrity": "sha512-29Mj9ZqXioJ0bcMnNGooHztnTau5pikZqX3qCRj5bYR3by/ZFFavYoMroh9F7s/MbFm/tsKX+Sf02lYFEdXRjA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/form": "^3.0.8",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/label": "^3.7.11",
-        "@react-aria/toggle": "^3.10.7",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/checkbox": "^3.6.8",
-        "@react-stately/form": "^3.0.5",
-        "@react-stately/toggle": "^3.7.7",
-        "@react-types/checkbox": "^3.8.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/form": "^3.1.2",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/toggle": "^3.12.2",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/checkbox": "^3.7.2",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/toggle": "^3.9.2",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/color": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/color/-/color-3.1.2.tgz",
+      "integrity": "sha512-jCC+Q7rAQGLQBkHjkPAeDuGYuMbc4neifjlNRiyZ9as1z4gg63H8MteoWYYk6K4vCKKxSixgt8MfI29XWMOWPQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/numberfield": "^3.12.2",
+        "@react-aria/slider": "^3.8.2",
+        "@react-aria/spinbutton": "^3.6.19",
+        "@react-aria/textfield": "^3.18.2",
+        "@react-aria/utils": "^3.31.0",
+        "@react-aria/visually-hidden": "^3.8.28",
+        "@react-stately/color": "^3.9.2",
+        "@react-stately/form": "^3.2.2",
+        "@react-types/color": "^3.1.2",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/combobox": {
-      "version": "3.11.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.11.1.tgz",
-      "integrity": "sha512-TTNbGhUuqxzPcJzd6hufOxuHzX0UARkw+0bl+TuCwNPQnqrcPf20EoOZvd3MHZwGq6GCP4QV+qo0uGx83RpUvA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/listbox": "^3.14.0",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/menu": "^3.17.0",
-        "@react-aria/overlays": "^3.25.0",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/textfield": "^3.16.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/combobox": "^3.10.2",
-        "@react-stately/form": "^3.1.1",
-        "@react-types/button": "^3.10.2",
-        "@react-types/combobox": "^3.13.2",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.14.0.tgz",
+      "integrity": "sha512-z4ro0Hma//p4nL2IJx5iUa7NwxeXbzSoZ0se5uTYjG1rUUMszg+wqQh/AQoL+eiULn7rs18JY9wwNbVIkRNKWA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/listbox": "^3.15.0",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/menu": "^3.19.3",
+        "@react-aria/overlays": "^3.30.0",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/textfield": "^3.18.2",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/combobox": "^3.12.0",
+        "@react-stately/form": "^3.2.2",
+        "@react-types/button": "^3.14.1",
+        "@react-types/combobox": "^3.13.9",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2358,28 +3007,28 @@
       }
     },
     "node_modules/@react-aria/datepicker": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.13.0.tgz",
-      "integrity": "sha512-TmJan65P3Vk7VDBNW5rH9Z25cAn0vk8TEtaP3boCs8wJFE+HbEuB8EqLxBFu47khtuKTEqDP3dTlUh2Vt/f7Xw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@internationalized/number": "^3.6.0",
-        "@internationalized/string": "^3.2.5",
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/form": "^3.0.12",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/label": "^3.7.14",
-        "@react-aria/spinbutton": "^3.6.11",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/datepicker": "^3.12.0",
-        "@react-stately/form": "^3.1.1",
-        "@react-types/button": "^3.10.2",
-        "@react-types/calendar": "^3.6.0",
-        "@react-types/datepicker": "^3.10.0",
-        "@react-types/dialog": "^3.5.15",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.15.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.15.2.tgz",
+      "integrity": "sha512-th078hyNqPf4P2K10su/y32zPDjs3lOYVdHvsL9/+5K1dnTvLHCK5vgUyLuyn8FchhF7cmHV49D+LZVv65PEpQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.10.0",
+        "@internationalized/number": "^3.6.5",
+        "@internationalized/string": "^3.2.7",
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/form": "^3.1.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/spinbutton": "^3.6.19",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/datepicker": "^3.15.2",
+        "@react-stately/form": "^3.2.2",
+        "@react-types/button": "^3.14.1",
+        "@react-types/calendar": "^3.8.0",
+        "@react-types/datepicker": "^3.13.2",
+        "@react-types/dialog": "^3.5.22",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2388,16 +3037,33 @@
       }
     },
     "node_modules/@react-aria/dialog": {
-      "version": "3.5.21",
-      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.21.tgz",
-      "integrity": "sha512-tBsn9swBhcptJ9QIm0+ur0PVR799N6qmGguva3rUdd+gfitknFScyT08d7AoMr9AbXYdJ+2R9XNSZ3H3uIWQMw==",
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.31.tgz",
+      "integrity": "sha512-inxQMyrzX0UBW9Mhraq0nZ4HjHdygQvllzloT1E/RlDd61lr3RbmJR6pLsrbKOTtSvDIBJpCso1xEdHCFNmA0Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/overlays": "^3.30.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/dialog": "^3.5.22",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/disclosure": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/disclosure/-/disclosure-3.1.0.tgz",
+      "integrity": "sha512-5996BeBpnj+yKXYysz+UuhFQxGFPvaZZ3zNBd052wz/i+TVFVGSqqYJ6cwZyO1AfBR8zOT0ZIiK4EC3ETwSvtQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/overlays": "^3.25.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/dialog": "^3.5.15",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/disclosure": "^3.0.8",
+        "@react-types/button": "^3.14.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2406,20 +3072,21 @@
       }
     },
     "node_modules/@react-aria/dnd": {
-      "version": "3.8.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/dnd/-/dnd-3.8.1.tgz",
-      "integrity": "sha512-FoXYQ4z33E9YBzIGRJM1B1oZep6CvEWgXvjCZGURatjr3qG7vf95mOqA5kVd9bjLL7QK4w0ujJWEBfog3WmufA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@internationalized/string": "^3.2.5",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/overlays": "^3.25.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/dnd": "^3.5.1",
-        "@react-types/button": "^3.10.2",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.11.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/dnd/-/dnd-3.11.3.tgz",
+      "integrity": "sha512-MyTziciik1Owz3rqDghu0K3ZtTFvmj/R2ZsLDwbU9N4hKqGX/BKnrI8SytTn8RDqVv5LmA/GhApLngiupTAsXw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/string": "^3.2.7",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/overlays": "^3.30.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/dnd": "^3.7.1",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2428,14 +3095,14 @@
       }
     },
     "node_modules/@react-aria/focus": {
-      "version": "3.19.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.19.1.tgz",
-      "integrity": "sha512-bix9Bu1Ue7RPcYmjwcjhB14BMu2qzfJ3tMQLqDc9pweJA66nOw8DThy3IfVr8Z7j2PHktOLf9kcbiZpydKHqzg==",
+      "version": "3.21.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.21.2.tgz",
+      "integrity": "sha512-JWaCR7wJVggj+ldmM/cb/DXFg47CXR55lznJhZBh4XVqJjMKwaOOqpT5vNN7kpC1wUpXicGNuDnJDN1S/+6dhQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
@@ -2445,15 +3112,15 @@
       }
     },
     "node_modules/@react-aria/form": {
-      "version": "3.0.12",
-      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.12.tgz",
-      "integrity": "sha512-8uvPYEd3GDyGt5NRJIzdWW1Ry5HLZq37vzRZKUW8alZ2upFMH3KJJG55L9GP59KiF6zBrYBebvI/YK1Ye1PE1g==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.1.2.tgz",
+      "integrity": "sha512-R3i7L7Ci61PqZQvOrnL9xJeWEbh28UkTVgkj72EvBBn39y4h7ReH++0stv7rRs8p5ozETSKezBbGfu4UsBewWw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/form": "^3.1.1",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/form": "^3.2.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2462,23 +3129,23 @@
       }
     },
     "node_modules/@react-aria/grid": {
-      "version": "3.11.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.11.1.tgz",
-      "integrity": "sha512-Wg8m68RtNWfkhP3Qjrrsl1q1et8QCjXPMRsYgKBahYRS0kq2MDcQ+UBdG1fiCQn/MfNImhTUGVeQX276dy1lww==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/grid": "^3.10.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-types/checkbox": "^3.9.1",
-        "@react-types/grid": "^3.2.11",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.14.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.14.5.tgz",
+      "integrity": "sha512-XHw6rgjlTqc85e3zjsWo3U0EVwjN5MOYtrolCKc/lc2ItNdcY3OlMhpsU9+6jHwg/U3VCSWkGvwAz9hg7krd8Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/grid": "^3.11.6",
+        "@react-stately/selection": "^3.20.6",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/grid": "^3.3.6",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2487,21 +3154,20 @@
       }
     },
     "node_modules/@react-aria/gridlist": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/gridlist/-/gridlist-3.10.1.tgz",
-      "integrity": "sha512-11FlupBg5C9ehs7R6OjqMPWEOLK/4IuSrq7D1xU+Hnm7ZYI/KKcCXvNMjMmnOz/gGzOmfgVwz5PIKaY9aZarEg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/grid": "^3.11.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/list": "^3.11.2",
-        "@react-stately/tree": "^3.8.7",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/gridlist/-/gridlist-3.14.1.tgz",
+      "integrity": "sha512-keS03Am07aOn7RuNaRsMOyh0jscyhDn95asCVy4lxhl9A9TFk1Jw0o2L6q6cWRj1gFiKeacj/otG5H8ZKQQ2Wg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/grid": "^3.14.5",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/list": "^3.13.1",
+        "@react-stately/tree": "^3.9.3",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2510,18 +3176,18 @@
       }
     },
     "node_modules/@react-aria/i18n": {
-      "version": "3.12.5",
-      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.12.5.tgz",
-      "integrity": "sha512-ooeop2pTG94PuaHoN2OTk2hpkqVuoqgEYxRvnc1t7DVAtsskfhS/gVOTqyWGsxvwAvRi7m/CnDu6FYdeQ/bK5w==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@internationalized/message": "^3.1.6",
-        "@internationalized/number": "^3.6.0",
-        "@internationalized/string": "^3.2.5",
-        "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.12.13",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.12.13.tgz",
+      "integrity": "sha512-YTM2BPg0v1RvmP8keHenJBmlx8FXUKsdYIEX7x6QWRd1hKlcDwphfjzvt0InX9wiLiPHsT5EoBTpuUk8SXc0Mg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.10.0",
+        "@internationalized/message": "^3.1.8",
+        "@internationalized/number": "^3.6.5",
+        "@internationalized/string": "^3.2.7",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2530,14 +3196,15 @@
       }
     },
     "node_modules/@react-aria/interactions": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.23.0.tgz",
-      "integrity": "sha512-0qR1atBIWrb7FzQ+Tmr3s8uH5mQdyRH78n0krYaG8tng9+u1JlSi8DGRSaC9ezKyNB84m7vHT207xnHXGeJ3Fg==",
+      "version": "3.25.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.25.6.tgz",
+      "integrity": "sha512-5UgwZmohpixwNMVkMvn9K1ceJe6TzlRlAfuYoQDUuOkk62/JVJNDLAPKIf5YMRc7d2B0rmfgaZLMtbREb0Zvkw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/flags": "^3.1.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2546,13 +3213,13 @@
       }
     },
     "node_modules/@react-aria/label": {
-      "version": "3.7.14",
-      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.14.tgz",
-      "integrity": "sha512-EN1Md2YvcC4sMqBoggsGYUEGlTNqUfJZWzduSt29fbQp1rKU2KlybTe+TWxKq/r2fFd+4JsRXxMeJiwB3w2AQA==",
+      "version": "3.7.22",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.22.tgz",
+      "integrity": "sha512-jLquJeA5ZNqDT64UpTc9XJ7kQYltUlNcgxZ37/v4mHe0UZ7QohCKdKQhXHONb0h2jjNUpp2HOZI8J9++jOpzxA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2560,37 +3227,53 @@
         "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
+    "node_modules/@react-aria/landmark": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@react-aria/landmark/-/landmark-3.0.7.tgz",
+      "integrity": "sha512-t8c610b8hPLS6Vwv+rbuSyljZosI1s5+Tosfa0Fk4q7d+Ex6Yj7hLfUFy59GxZAufhUYfGX396fT0gPqAbU1tg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
     "node_modules/@react-aria/link": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.7.4.tgz",
-      "integrity": "sha512-E8SLDuS9ssm/d42+3sDFNthfMcNXMUrT2Tq1DIZt22EsMcuEzmJ9B0P7bDP5RgvIw05xVGqZ20nOpU4mKTxQtA==",
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.8.6.tgz",
+      "integrity": "sha512-7F7UDJnwbU9IjfoAdl6f3Hho5/WB7rwcydUOjUux0p7YVWh/fTjIFjfAGyIir7MJhPapun1D0t97QQ3+8jXVcg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/utils": "^3.25.2",
-        "@react-types/link": "^3.5.7",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/link": "^3.6.5",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/listbox": {
-      "version": "3.14.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.14.0.tgz",
-      "integrity": "sha512-pyVbKavh8N8iyiwOx6I3JIcICvAzFXkKSFni1yarfgngJsJV3KSyOkzLomOfN9UhbjcV4sX61/fccwJuvlurlA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/label": "^3.7.14",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/list": "^3.11.2",
-        "@react-types/listbox": "^3.5.4",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.15.0.tgz",
+      "integrity": "sha512-Ub1Wu79R9sgxM7h4HeEdjOgOKDHwduvYcnDqsSddGXgpkL8ADjsy2YUQ0hHY5VnzA4BxK36bLp4mzSna8Qvj1w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/list": "^3.13.1",
+        "@react-types/listbox": "^3.7.4",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2599,33 +3282,33 @@
       }
     },
     "node_modules/@react-aria/live-announcer": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.4.1.tgz",
-      "integrity": "sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==",
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.4.4.tgz",
+      "integrity": "sha512-PTTBIjNRnrdJOIRTDGNifY2d//kA7GUAwRFJNOEwSNG4FW+Bq9awqLiflw0JkpyB0VNIwou6lqKPHZVLsGWOXA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
     "node_modules/@react-aria/menu": {
-      "version": "3.17.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.17.0.tgz",
-      "integrity": "sha512-aiFvSv3G1YvPC0klJQ/9quB05xIDZzJ5Lt6/CykP0UwGK5i8GCqm6/cyFLwEXsS5ooUPxS3bqmdOsgdADSSgqg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/overlays": "^3.25.0",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/menu": "^3.9.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-stately/tree": "^3.8.7",
-        "@react-types/button": "^3.10.2",
-        "@react-types/menu": "^3.9.14",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.19.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.19.3.tgz",
+      "integrity": "sha512-52fh8y8b2776R2VrfZPpUBJYC9oTP7XDy+zZuZTxPEd7Ywk0JNUl5F92y6ru22yPkS13sdhrNM/Op+V/KulmAg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/overlays": "^3.30.0",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/menu": "^3.9.8",
+        "@react-stately/selection": "^3.20.6",
+        "@react-stately/tree": "^3.9.3",
+        "@react-types/button": "^3.14.1",
+        "@react-types/menu": "^3.10.5",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2634,36 +3317,37 @@
       }
     },
     "node_modules/@react-aria/meter": {
-      "version": "3.4.16",
-      "resolved": "https://registry.npmjs.org/@react-aria/meter/-/meter-3.4.16.tgz",
-      "integrity": "sha512-hJqKnEE6mmK2Psx5kcI7NZ44OfTg0Bp7DatQSQ4zZE4yhnykRRwxqSKjze37tPR63cCqgRXtQ5LISfBfG54c0Q==",
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@react-aria/meter/-/meter-3.4.27.tgz",
+      "integrity": "sha512-andOOdJkgRJF9vBi5VWRmFodK+GT+5X1lLeNUmb4qOX8/MVfX/RbK72LDeIhd7xC7rSCFHj3WvZ198rK4q0k3w==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/progress": "^3.4.16",
-        "@react-types/meter": "^3.4.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/progress": "^3.4.27",
+        "@react-types/meter": "^3.4.13",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/numberfield": {
-      "version": "3.11.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/numberfield/-/numberfield-3.11.10.tgz",
-      "integrity": "sha512-bYbTfO9NbAKMFOfEGGs+lvlxk0I9L0lU3WD2PFQZWdaoBz9TCkL+vK0fJk1zsuKaVjeGsmHP9VesBPRmaP0MiA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/spinbutton": "^3.6.11",
-        "@react-aria/textfield": "^3.16.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/numberfield": "^3.9.9",
-        "@react-types/button": "^3.10.2",
-        "@react-types/numberfield": "^3.8.8",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.12.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/numberfield/-/numberfield-3.12.2.tgz",
+      "integrity": "sha512-M2b+z0HIXiXpGAWOQkO2kpIjaLNUXJ5Q3/GMa3Fkr+B1piFX0VuOynYrtddKVrmXCe+r5t+XcGb0KS29uqv7nQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/spinbutton": "^3.6.19",
+        "@react-aria/textfield": "^3.18.2",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/numberfield": "^3.10.2",
+        "@react-types/button": "^3.14.1",
+        "@react-types/numberfield": "^3.8.15",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2672,21 +3356,21 @@
       }
     },
     "node_modules/@react-aria/overlays": {
-      "version": "3.25.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.25.0.tgz",
-      "integrity": "sha512-UEqJJ4duowrD1JvwXpPZreBuK79pbyNjNxFUVpFSskpGEJe3oCWwsSDKz7P1O7xbx5OYp+rDiY8fk/sE5rkaKw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.27.0",
-        "@react-aria/visually-hidden": "^3.8.19",
-        "@react-stately/overlays": "^3.6.13",
-        "@react-types/button": "^3.10.2",
-        "@react-types/overlays": "^3.8.12",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.30.0.tgz",
+      "integrity": "sha512-UpjqSjYZx5FAhceWCRVsW6fX1sEwya1fQ/TKkL53FAlLFR8QKuoKqFlmiL43YUFTcGK3UdEOy3cWTleLQwdSmQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-aria/utils": "^3.31.0",
+        "@react-aria/visually-hidden": "^3.8.28",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-types/button": "^3.14.1",
+        "@react-types/overlays": "^3.9.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2695,81 +3379,84 @@
       }
     },
     "node_modules/@react-aria/progress": {
-      "version": "3.4.16",
-      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.16.tgz",
-      "integrity": "sha512-RbDIFQg4+/LG+KYZeLAijt2zH7K2Gp0CY9RKWdho3nU5l3/w57Fa7NrfDGWtpImrt7bR2nRmXMA6ESfr7THfrg==",
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.27.tgz",
+      "integrity": "sha512-0OA1shs1575g1zmO8+rWozdbTnxThFFhOfuoL1m7UV5Dley6FHpueoKB1ECv7B+Qm4dQt6DoEqLg7wsbbQDhmg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/label": "^3.7.11",
-        "@react-aria/utils": "^3.25.2",
-        "@react-types/progress": "^3.5.6",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/progress": "^3.5.16",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/radio": {
-      "version": "3.10.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.10.7.tgz",
-      "integrity": "sha512-o2tqIe7xd1y4HeCBQfz/sXIwLJuI6LQbVoCQ1hgk/5dGhQ0LiuXohRYitGRl9zvxW8jYdgLULmOEDt24IflE8A==",
+      "version": "3.12.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.12.2.tgz",
+      "integrity": "sha512-I11f6I90neCh56rT/6ieAs3XyDKvEfbj/QmbU5cX3p+SJpRRPN0vxQi5D1hkh0uxDpeClxygSr31NmZsd4sqfg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/form": "^3.0.8",
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/label": "^3.7.11",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/radio": "^3.10.7",
-        "@react-types/radio": "^3.8.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/form": "^3.1.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/radio": "^3.11.2",
+        "@react-types/radio": "^3.9.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/searchfield": {
-      "version": "3.7.8",
-      "resolved": "https://registry.npmjs.org/@react-aria/searchfield/-/searchfield-3.7.8.tgz",
-      "integrity": "sha512-SsF5xwH8Us548QgzivvbM7nhFbw7pu23xnRRIuhlP3MwOR3jRUFh17NKxf3Z0jvrDv/u0xfm3JKHIgaUN0KJ2A==",
+      "version": "3.8.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/searchfield/-/searchfield-3.8.9.tgz",
+      "integrity": "sha512-Yt2pj8Wb5/XsUr2T0DQqFv+DlFpzzWIWnNr9cJATUcWV/xw6ok7YFEg9+7EHtBmsCQxFFJtock1QfZzBw6qLtQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/textfield": "^3.14.8",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/searchfield": "^3.5.6",
-        "@react-types/button": "^3.9.6",
-        "@react-types/searchfield": "^3.5.8",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/textfield": "^3.18.2",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/searchfield": "^3.5.16",
+        "@react-types/button": "^3.14.1",
+        "@react-types/searchfield": "^3.6.6",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/select": {
-      "version": "3.15.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/select/-/select-3.15.1.tgz",
-      "integrity": "sha512-FOtY1tuHt0YTHwOEy/sf7LEIL+Nnkho3wJmfpWQuTxsvMCF7UJdQPYPd6/jGCcCdiqW7H4iqyjUkSp6nk/XRWQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/form": "^3.0.12",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/label": "^3.7.14",
-        "@react-aria/listbox": "^3.14.0",
-        "@react-aria/menu": "^3.17.0",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-aria/visually-hidden": "^3.8.19",
-        "@react-stately/select": "^3.6.10",
-        "@react-types/button": "^3.10.2",
-        "@react-types/select": "^3.9.9",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.17.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/select/-/select-3.17.0.tgz",
+      "integrity": "sha512-q5ZuyAn5jSOeI0Ys99951TaGcF4O7u1SSBVxPMwVVXOU8ZhToCNx+WG3n/JDYHEjqdo7sbsVRaPA7LkBzBGf5w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/form": "^3.1.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/listbox": "^3.15.0",
+        "@react-aria/menu": "^3.19.3",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-aria/visually-hidden": "^3.8.28",
+        "@react-stately/select": "^3.8.0",
+        "@react-types/button": "^3.14.1",
+        "@react-types/select": "^3.11.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2778,17 +3465,17 @@
       }
     },
     "node_modules/@react-aria/selection": {
-      "version": "3.22.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.22.0.tgz",
-      "integrity": "sha512-XFOrK525HX2eeWeLZcZscUAs5qsuC1ZxsInDXMjvLeAaUPtQNEhUKHj3psDAl6XDU4VV1IJo0qCmFTVqTTMZSg==",
+      "version": "3.26.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.26.0.tgz",
+      "integrity": "sha512-ZBH3EfWZ+RfhTj01dH8L17uT7iNbXWS8u77/fUpHgtrm0pwNVhx0TYVnLU1YpazQ/3WVpvWhmBB8sWwD1FlD/g==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/selection": "^3.19.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/selection": "^3.20.6",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2797,50 +3484,51 @@
       }
     },
     "node_modules/@react-aria/separator": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/@react-aria/separator/-/separator-3.4.2.tgz",
-      "integrity": "sha512-Xql9Kg3VlGesEUC7QheE+L5b3KgBv0yxiUU+/4JP8V2vfU/XSz4xmprHEeq7KVQVOetn38iiXU8gA5g26SEsUA==",
+      "version": "3.4.13",
+      "resolved": "https://registry.npmjs.org/@react-aria/separator/-/separator-3.4.13.tgz",
+      "integrity": "sha512-0NlcrdBfQbcjWEXdHl3+uSY1272n2ljT1gWL2RIf6aQsQWTZ0gz0rTgRHy0MTXN+y+tICItUERJT4vmTLtIzVg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/utils": "^3.25.2",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/slider": {
-      "version": "3.7.11",
-      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.7.11.tgz",
-      "integrity": "sha512-2WAwjANXPsA2LHJ5nxxV4c7ihFAzz2spaBz8+FJ7MDYE7WroYnE8uAXElea1aGo+Lk0DTiAdepLpBkggqPNanw==",
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.8.2.tgz",
+      "integrity": "sha512-6KyUGaVzRE4xAz1LKHbNh1q5wzxe58pdTHFSnxNe6nk1SCoHw7NfI4h2s2m6LgJ0megFxsT0Ir8aHaFyyxmbgg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/label": "^3.7.11",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/slider": "^3.5.7",
-        "@react-types/shared": "^3.24.1",
-        "@react-types/slider": "^3.7.5",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/slider": "^3.7.2",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/slider": "^3.8.2",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/spinbutton": {
-      "version": "3.6.11",
-      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.11.tgz",
-      "integrity": "sha512-RM+gYS9tf9Wb+GegV18n4ArK3NBKgcsak7Nx1CkEgX9BjJ0yayWUHdfEjRRvxGXl+1z1n84cJVkZ6FUlWOWEZA==",
+      "version": "3.6.19",
+      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.19.tgz",
+      "integrity": "sha512-xOIXegDpts9t3RSHdIN0iYQpdts0FZ3LbpYJIYVvdEHo9OpDS+ElnDzCGtwZLguvZlwc5s1LAKuKopDUsAEMkw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/button": "^3.10.2",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2849,9 +3537,9 @@
       }
     },
     "node_modules/@react-aria/ssr": {
-      "version": "3.9.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.7.tgz",
-      "integrity": "sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==",
+      "version": "3.9.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.10.tgz",
+      "integrity": "sha512-hvTm77Pf+pMBhuBm760Li0BVIO38jv1IBws1xFm1NoL26PU+fe+FMW5+VZWyANR6nYL65joaJKZqOdTQMkO9IQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
@@ -2864,41 +3552,42 @@
       }
     },
     "node_modules/@react-aria/switch": {
-      "version": "3.6.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.6.7.tgz",
-      "integrity": "sha512-yBNvKylhc3ZRQ0+7mD0mIenRRe+1yb8YaqMMZr8r3Bf87LaiFtQyhRFziq6ZitcwTJz5LEWjBihxbSVvUrf49w==",
+      "version": "3.7.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.7.8.tgz",
+      "integrity": "sha512-AfsUq1/YiuoprhcBUD9vDPyWaigAwctQNW1fMb8dROL+i/12B+Zekj8Ml+jbU69/kIVtfL0Jl7/0Bo9KK3X0xQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/toggle": "^3.10.7",
-        "@react-stately/toggle": "^3.7.7",
-        "@react-types/shared": "^3.24.1",
-        "@react-types/switch": "^3.5.5",
+        "@react-aria/toggle": "^3.12.2",
+        "@react-stately/toggle": "^3.9.2",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/switch": "^3.5.15",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/table": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.16.1.tgz",
-      "integrity": "sha512-T28TIGnKnPBunyErDBmm5jUX7AyzT7NVWBo9pDSt9wUuEnz0rVNd7p9sjmP2+u7I645feGG9klcdpCvFeqrk8A==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/grid": "^3.11.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.27.0",
-        "@react-aria/visually-hidden": "^3.8.19",
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/flags": "^3.0.5",
-        "@react-stately/table": "^3.13.1",
-        "@react-types/checkbox": "^3.9.1",
-        "@react-types/grid": "^3.2.11",
-        "@react-types/shared": "^3.27.0",
-        "@react-types/table": "^3.10.4",
+      "version": "3.17.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.17.8.tgz",
+      "integrity": "sha512-bXiZoxTMbsqUJsYDhHPzKc3jw0HFJ/xMsJ49a0f7mp5r9zACxNLeIU0wJ4Uvx37dnYOHKzGliG+rj5l4sph7MA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/grid": "^3.14.5",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/live-announcer": "^3.4.4",
+        "@react-aria/utils": "^3.31.0",
+        "@react-aria/visually-hidden": "^3.8.28",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/flags": "^3.1.2",
+        "@react-stately/table": "^3.15.1",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/grid": "^3.3.6",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/table": "^3.13.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2907,18 +3596,18 @@
       }
     },
     "node_modules/@react-aria/tabs": {
-      "version": "3.9.9",
-      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.9.9.tgz",
-      "integrity": "sha512-oXPtANs16xu6MdMGLHjGV/2Zupvyp9CJEt7ORPLv5xAzSY5hSjuQHJLZ0te3Lh/KSG5/0o3RW/W5yEqo7pBQQQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/tabs": "^3.7.1",
-        "@react-types/shared": "^3.27.0",
-        "@react-types/tabs": "^3.3.12",
+      "version": "3.10.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.10.8.tgz",
+      "integrity": "sha512-sPPJyTyoAqsBh76JinBAxStOcbjZvyWFYKpJ9Uqw+XT0ObshAPPFSGeh8DiQemPs02RwJdrfARPMhyqiX8t59A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/tabs": "^3.8.6",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/tabs": "^3.3.19",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2927,20 +3616,20 @@
       }
     },
     "node_modules/@react-aria/tag": {
-      "version": "3.4.9",
-      "resolved": "https://registry.npmjs.org/@react-aria/tag/-/tag-3.4.9.tgz",
-      "integrity": "sha512-Vnps+zk8vYyjevv2Bc6vc9kSp9HFLKrKUDmrWMc0DfseypwJMc3Ya6F965ZVTjF9nuWrojNmvgusNu7qyXFShQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/gridlist": "^3.10.1",
-        "@react-aria/i18n": "^3.12.5",
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/label": "^3.7.14",
-        "@react-aria/selection": "^3.22.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/list": "^3.11.2",
-        "@react-types/button": "^3.10.2",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/tag/-/tag-3.7.2.tgz",
+      "integrity": "sha512-JV679P5r4DftbqyNBRt7Nw9mP7dxaKPfikjyQuvUoEOa06wBLbM/hU9RJUPRvqK+Un6lgBDAmXD9NNf4N2xpdw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.14.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/list": "^3.13.1",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2949,19 +3638,39 @@
       }
     },
     "node_modules/@react-aria/textfield": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.16.0.tgz",
-      "integrity": "sha512-53RVpMeMDN/QoabqnYZ1lxTh1xTQ3IBYQARuayq5EGGMafyxoFHzttxUdSqkZGK/+zdSF2GfmjOYJVm2nDKuDQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.1",
-        "@react-aria/form": "^3.0.12",
-        "@react-aria/label": "^3.7.14",
-        "@react-aria/utils": "^3.27.0",
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.27.0",
-        "@react-types/textfield": "^3.11.0",
+      "version": "3.18.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.18.2.tgz",
+      "integrity": "sha512-G+lM8VYSor6g9Yptc6hLZ6BF+0cq0pYol1z6wdQUQgJN8tg4HPtzq75lsZtlCSIznL3amgRAxJtd0dUrsAnvaQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/form": "^3.1.2",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/textfield": "^3.12.6",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/toast": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/toast/-/toast-3.0.8.tgz",
+      "integrity": "sha512-rfJIms6AkMyQ7ZgKrMZgGfPwGcB/t1JoEwbc1PAmXcAvFI/hzF6YF7ZFDXiq38ucFsP9PnHmbXIzM9w4ccl18A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/landmark": "^3.0.7",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/toast": "^3.1.2",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2970,50 +3679,88 @@
       }
     },
     "node_modules/@react-aria/toggle": {
-      "version": "3.10.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.7.tgz",
-      "integrity": "sha512-/RJQU8QlPZXRElZ3Tt10F5K5STgUBUGPpfuFUGuwF3Kw3GpPxYsA1YAVjxXz2MMGwS0+y6+U/J1xIs1AF0Jwzg==",
+      "version": "3.12.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.12.2.tgz",
+      "integrity": "sha512-g25XLYqJuJpt0/YoYz2Rab8ax+hBfbssllcEFh0v0jiwfk2gwTWfRU9KAZUvxIqbV8Nm8EBmrYychDpDcvW1kw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/toggle": "^3.7.7",
-        "@react-types/checkbox": "^3.8.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/toggle": "^3.9.2",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/toolbar": {
+      "version": "3.0.0-beta.21",
+      "resolved": "https://registry.npmjs.org/@react-aria/toolbar/-/toolbar-3.0.0-beta.21.tgz",
+      "integrity": "sha512-yRCk/GD8g+BhdDgxd3I0a0c8Ni4Wyo6ERzfSoBkPkwQ4X2E2nkopmraM9D0fXw4UcIr4bnmvADzkHXtBN0XrBg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/tooltip": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.7.7.tgz",
-      "integrity": "sha512-UOTTDbbUz7OaE48VjNSWl+XQbYCUs5Gss4I3Tv1pfRLXzVtGYXv3ur/vRayvZR0xd12ANY26fZPNkSmCFpmiXw==",
+      "version": "3.8.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.8.8.tgz",
+      "integrity": "sha512-CmHUqtXtFWmG4AHMEr9hIVex+oscK6xcM2V47gq9ijNInxe3M6UBu/dBdkgGP/jYv9N7tzCAjTR8nNIHQXwvWw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/utils": "^3.25.2",
-        "@react-stately/tooltip": "^3.4.12",
-        "@react-types/shared": "^3.24.1",
-        "@react-types/tooltip": "^3.4.11",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/tooltip": "^3.5.8",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/tooltip": "^3.4.21",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/tree": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/tree/-/tree-3.1.4.tgz",
+      "integrity": "sha512-6pbFeN0dAsCOrFGUKU39CNjft20zCAjLfMqfkRWisL+JkUHI2nq6odUJF5jJTsU1C+1951+3oFOmVxPX+K+akQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.14.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/utils": "^3.31.0",
+        "@react-stately/tree": "^3.9.3",
+        "@react-types/button": "^3.14.1",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/utils": {
-      "version": "3.27.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.27.0.tgz",
-      "integrity": "sha512-p681OtApnKOdbeN8ITfnnYqfdHS0z7GE+4l8EXlfLnr70Rp/9xicBO6d2rU+V/B3JujDw2gPWxYKEnEeh0CGCw==",
+      "version": "3.31.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.31.0.tgz",
+      "integrity": "sha512-ABOzCsZrWzf78ysswmguJbx3McQUja7yeGj6/vZo4JVsZNlxAN+E9rs381ExBRI0KzVo6iBTeX5De8eMZPJXig==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/ssr": "^3.9.7",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-stately/flags": "^3.1.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
@@ -3023,14 +3770,14 @@
       }
     },
     "node_modules/@react-aria/visually-hidden": {
-      "version": "3.8.19",
-      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.19.tgz",
-      "integrity": "sha512-MZgCCyQ3sdG94J5iJz7I7Ai3IxoN0U5d/+EaUnA1mfK7jf2fSYQBqi6Eyp8sWUYzBTLw4giXB5h0RGAnWzk9hA==",
+      "version": "3.8.28",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.28.tgz",
+      "integrity": "sha512-KRRjbVVob2CeBidF24dzufMxBveEUtUu7IM+hpdZKB+gxVROoh4XRLPv9SFmaH89Z7D9To3QoykVZoWD0lan6Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/interactions": "^3.23.0",
-        "@react-aria/utils": "^3.27.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/utils": "^3.31.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3039,15 +3786,15 @@
       }
     },
     "node_modules/@react-stately/calendar": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.7.0.tgz",
-      "integrity": "sha512-N15zKubP2S7eWfPSJjKVlmJA7YpWzrIGx52BFhwLSQAZcV+OPcMgvOs71WtB7PLwl6DUYQGsgc0B3tcHzzvdvQ==",
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.9.0.tgz",
+      "integrity": "sha512-U5Nf2kx9gDhJRxdDUm5gjfyUlt/uUfOvM1vDW2UA62cA6+2k2cavMLc2wNlXOb/twFtl6p0joYKHG7T4xnEFkg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/calendar": "^3.6.0",
-        "@react-types/shared": "^3.27.0",
+        "@internationalized/date": "^3.10.0",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/calendar": "^3.8.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3055,28 +3802,48 @@
       }
     },
     "node_modules/@react-stately/checkbox": {
-      "version": "3.6.8",
-      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.8.tgz",
-      "integrity": "sha512-c8TWjU67XHHBCpqj6+FXXhQUWGr2Pil1IKggX81pkedhWiJl3/7+WHJuZI0ivGnRjp3aISNOG8UNVlBEjS9E8A==",
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.7.2.tgz",
+      "integrity": "sha512-j1ycUVz5JmqhaL6mDZgDNZqBilOB8PBW096sDPFaTtuYreDx2HOd1igxiIvwlvPESZwsJP7FVM3mYnaoXtpKPA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/form": "^3.0.5",
-        "@react-stately/utils": "^3.10.3",
-        "@react-types/checkbox": "^3.8.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/collections": {
-      "version": "3.12.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.12.1.tgz",
-      "integrity": "sha512-8QmFBL7f+P64dEP4o35pYH61/lP0T/ziSdZAvNMrCqaM+fXcMfUp2yu1E63kADVX7WRDsFJWE3CVMeqirPH6Xg==",
+      "version": "3.12.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.12.8.tgz",
+      "integrity": "sha512-AceJYLLXt1Y2XIcOPi6LEJSs4G/ubeYW3LqOCQbhfIgMaNqKfQMIfagDnPeJX9FVmPFSlgoCBxb1pTJW2vjCAQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/color": {
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/color/-/color-3.9.2.tgz",
+      "integrity": "sha512-F+6Do8W3yu/4n7MpzZtbXwVukcLTFYYDIUtpoR+Jl52UmAr9Hf1CQgkyTI2azv1ZMzj1mVrTBhpBL0q27kFZig==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0",
+        "@internationalized/number": "^3.6.5",
+        "@internationalized/string": "^3.2.7",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/numberfield": "^3.10.2",
+        "@react-stately/slider": "^3.7.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/color": "^3.1.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3084,19 +3851,18 @@
       }
     },
     "node_modules/@react-stately/combobox": {
-      "version": "3.10.2",
-      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.10.2.tgz",
-      "integrity": "sha512-uT642Dool4tQBh+8UQjlJnTisrJVtg3LqmiP/HqLQ4O3pW0O+ImbG+2r6c9dUzlAnH4kEfmEwCp9dxkBkmFWsg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/list": "^3.11.2",
-        "@react-stately/overlays": "^3.6.13",
-        "@react-stately/select": "^3.6.10",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/combobox": "^3.13.2",
-        "@react-types/shared": "^3.27.0",
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.12.0.tgz",
+      "integrity": "sha512-A6q9R/7cEa/qoQsBkdslXWvD7ztNLLQ9AhBhVN9QvzrmrH5B4ymUwcTU8lWl22ykH7RRwfonLeLXJL4C+/L2oQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/list": "^3.13.1",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/combobox": "^3.13.9",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3117,18 +3883,32 @@
       }
     },
     "node_modules/@react-stately/datepicker": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/datepicker/-/datepicker-3.12.0.tgz",
-      "integrity": "sha512-AfJEP36d+QgQ30GfacXtYdGsJvqY2yuCJ+JrjHct+m1nYuTkMvMMnhwNBFasgDJPLCDyHzyANlWkl2kQGfsBFw==",
+      "version": "3.15.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/datepicker/-/datepicker-3.15.2.tgz",
+      "integrity": "sha512-S5GL+W37chvV8knv9v0JRv0L6hKo732qqabCCHXzOpYxkLIkV4f/y3cHdEzFWzpZ0O0Gkg7WgeYo160xOdBKYg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.10.0",
+        "@internationalized/string": "^3.2.7",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/datepicker": "^3.13.2",
+        "@react-types/shared": "^3.32.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/disclosure": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/disclosure/-/disclosure-3.0.8.tgz",
+      "integrity": "sha512-/Ce/Z76y85eSBZiemfU/uEyXkBBa1RdfLRaKD13rnfUV7/nS3ae1VtNlsXgmwQjWv2pmAiSuEKYMbZfVL7q/lQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@internationalized/string": "^3.2.5",
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/overlays": "^3.6.13",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/datepicker": "^3.10.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3136,13 +3916,13 @@
       }
     },
     "node_modules/@react-stately/dnd": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/dnd/-/dnd-3.5.1.tgz",
-      "integrity": "sha512-N18wt6fka9ngJJqxfAzmdtyrk9whAnqWUxZn22CatjNQsqukI4a6KRYwZTXM9x/wm7KamhVOp+GBl85zM8GLdA==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/dnd/-/dnd-3.7.1.tgz",
+      "integrity": "sha512-O1JBJ4HI1rVNKuoa5NXiC5FCrCEkr9KVBoKNlTZU8/cnQselhbEsUfMglAakO2EuwIaM1tIXoNF5J/N5P+6lTA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/selection": "^3.19.0",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/selection": "^3.20.6",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3150,21 +3930,21 @@
       }
     },
     "node_modules/@react-stately/flags": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.0.5.tgz",
-      "integrity": "sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.1.2.tgz",
+      "integrity": "sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
     "node_modules/@react-stately/form": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.1.1.tgz",
-      "integrity": "sha512-qavrz5X5Mdf/Q1v/QJRxc0F8UTNEyRCNSM1we/nnF7GV64+aYSDLOtaRGmzq+09RSwo1c8ZYnIkK5CnwsPhTsQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.2.2.tgz",
+      "integrity": "sha512-soAheOd7oaTO6eNs6LXnfn0tTqvOoe3zN9FvtIhhrErKz9XPc5sUmh3QWwR45+zKbitOi1HOjfA/gifKhZcfWw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3172,15 +3952,15 @@
       }
     },
     "node_modules/@react-stately/grid": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.10.1.tgz",
-      "integrity": "sha512-MOIy//AdxZxIXIzvWSKpvMvaPEMZGQNj+/cOsElHepv/Veh0psNURZMh2TP6Mr0+MnDTZbX+5XIeinGkWYO3JQ==",
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.11.6.tgz",
+      "integrity": "sha512-vWPAkzpeTIsrurHfMubzMuqEw7vKzFhIJeEK5sEcLunyr1rlADwTzeWrHNbPMl66NAIAi70Dr1yNq+kahQyvMA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-types/grid": "^3.2.11",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/selection": "^3.20.6",
+        "@react-types/grid": "^3.3.6",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3188,15 +3968,15 @@
       }
     },
     "node_modules/@react-stately/list": {
-      "version": "3.11.2",
-      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.11.2.tgz",
-      "integrity": "sha512-eU2tY3aWj0SEeC7lH9AQoeAB4LL9mwS54FvTgHHoOgc1ZIwRJUaZoiuETyWQe98AL8KMgR1nrnDJ1I+CcT1Y7g==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.13.1.tgz",
+      "integrity": "sha512-eHaoauh21twbcl0kkwULhVJ+CzYcy1jUjMikNVMHOQdhr4WIBdExf7PmSgKHKqsSPhpGg6IpTCY2dUX3RycjDg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/selection": "^3.20.6",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3204,14 +3984,14 @@
       }
     },
     "node_modules/@react-stately/menu": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.9.1.tgz",
-      "integrity": "sha512-WRjGGImhQlQaer/hhahGytwd1BDq3fjpTkY/04wv3cQJPJR6lkVI5nSvGFMHfCaErsA1bNyB8/T9Y5F5u4u9ng==",
+      "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.9.8.tgz",
+      "integrity": "sha512-bo0NOhofnTHLESiYfsSSw6gyXiPVJJ0UlN2igUXtJk5PmyhWjFzUzTzcnd7B028OB0si9w3LIWM3stqz5271Eg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/overlays": "^3.6.13",
-        "@react-types/menu": "^3.9.14",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-types/menu": "^3.10.5",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3219,15 +3999,15 @@
       }
     },
     "node_modules/@react-stately/numberfield": {
-      "version": "3.9.9",
-      "resolved": "https://registry.npmjs.org/@react-stately/numberfield/-/numberfield-3.9.9.tgz",
-      "integrity": "sha512-hZsLiGGHTHmffjFymbH1qVmA633rU2GNjMFQTuSsN4lqqaP8fgxngd5pPCoTCUFEkUgWjdHenw+ZFByw8lIE+g==",
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/numberfield/-/numberfield-3.10.2.tgz",
+      "integrity": "sha512-jlKVFYaH3RX5KvQ7a+SAMQuPccZCzxLkeYkBE64u1Zvi7YhJ8hkTMHG/fmZMbk1rHlseE2wfBdk0Rlya3MvoNQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@internationalized/number": "^3.6.0",
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/numberfield": "^3.8.8",
+        "@internationalized/number": "^3.6.5",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/numberfield": "^3.8.15",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3235,13 +4015,13 @@
       }
     },
     "node_modules/@react-stately/overlays": {
-      "version": "3.6.13",
-      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.13.tgz",
-      "integrity": "sha512-WsU85Gf/b+HbWsnnYw7P/Ila3wD+C37Uk/WbU4/fHgJ26IEOWsPE6wlul8j54NZ1PnLNhV9Fn+Kffi+PaJMQXQ==",
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.20.tgz",
+      "integrity": "sha512-YAIe+uI8GUXX8F/0Pzr53YeC5c/bjqbzDFlV8NKfdlCPa6+Jp4B/IlYVjIooBj9+94QvbQdjylegvYWK/iPwlg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/overlays": "^3.8.12",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/overlays": "^3.9.2",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3249,46 +4029,47 @@
       }
     },
     "node_modules/@react-stately/radio": {
-      "version": "3.10.7",
-      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.10.7.tgz",
-      "integrity": "sha512-ZwGzFR+sGd42DxRlDTp3G2vLZyhMVtgHkwv2BxazPHxPMvLO9yYl7+3PPNxAmhMB4tg2u9CrzffpGX2rmEJEXA==",
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.11.2.tgz",
+      "integrity": "sha512-UM7L6AW+k8edhSBUEPZAqiWNRNadfOKK7BrCXyBiG79zTz0zPcXRR+N+gzkDn7EMSawDeyK1SHYUuoSltTactg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/form": "^3.0.5",
-        "@react-stately/utils": "^3.10.3",
-        "@react-types/radio": "^3.8.3",
-        "@react-types/shared": "^3.24.1",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/radio": "^3.9.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/searchfield": {
-      "version": "3.5.6",
-      "resolved": "https://registry.npmjs.org/@react-stately/searchfield/-/searchfield-3.5.6.tgz",
-      "integrity": "sha512-gVzU0FeWiLYD8VOYRgWlk79Qn7b2eirqOnWhtI5VNuGN8WyNaCIuBp6SkXTW2dY8hs2Hzn8HlMbgy1MIc7130Q==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmjs.org/@react-stately/searchfield/-/searchfield-3.5.16.tgz",
+      "integrity": "sha512-MRfqT1lZ24r94GuFNcGJXsfijZoWjSMySCT60T6NXtbOzVPuAF3K+pL70Rayq/EWLJjS2NPHND11VTs0VdcE0Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/utils": "^3.10.3",
-        "@react-types/searchfield": "^3.5.8",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/searchfield": "^3.6.6",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/select": {
-      "version": "3.6.10",
-      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.6.10.tgz",
-      "integrity": "sha512-V7V0FCL9T+GzLjyfnJB6PUaKldFyT/8Rj6M+R9ura1A0O+s/FEOesy0pdMXFoL1l5zeUpGlCnhJrsI5HFWHfDw==",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.8.0.tgz",
+      "integrity": "sha512-A721nlt0DSCDit0wKvhcrXFTG5Vv1qkEVkeKvobmETZy6piKvwh0aaN8iQno5AFuZaj1iOZeNjZ/20TsDJR/4A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/form": "^3.1.1",
-        "@react-stately/list": "^3.11.2",
-        "@react-stately/overlays": "^3.6.13",
-        "@react-types/select": "^3.9.9",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/form": "^3.2.2",
+        "@react-stately/list": "^3.13.1",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/select": "^3.11.0",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3296,14 +4077,14 @@
       }
     },
     "node_modules/@react-stately/selection": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.19.0.tgz",
-      "integrity": "sha512-AvbUqnWjqVQC48RD39S9BpMKMLl55Zo5l/yx5JQFPl55cFwe9Tpku1KY0wzt3fXXiXWaqjDn/7Gkg1VJYy8esQ==",
+      "version": "3.20.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.20.6.tgz",
+      "integrity": "sha512-a0bjuP2pJYPKEiedz2Us1W1aSz0iHRuyeQEdBOyL6Z6VUa6hIMq9H60kvseir2T85cOa4QggizuRV7mcO6bU5w==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3311,34 +4092,34 @@
       }
     },
     "node_modules/@react-stately/slider": {
-      "version": "3.5.7",
-      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.5.7.tgz",
-      "integrity": "sha512-gEIGTcpBLcXixd8LYiLc8HKrBiGQJltrrEGoOvvTP8KVItXQxmeL+JiSsh8qgOoUdRRpzmAoFNUKGEg2/gtN8A==",
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.7.2.tgz",
+      "integrity": "sha512-EVBHUdUYwj++XqAEiQg2fGi8Reccznba0uyQ3gPejF0pAc390Q/J5aqiTEDfiCM7uJ6WHxTM6lcCqHQBISk2dQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/utils": "^3.10.3",
-        "@react-types/shared": "^3.24.1",
-        "@react-types/slider": "^3.7.5",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/slider": "^3.8.2",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/table": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.13.1.tgz",
-      "integrity": "sha512-Im8W+F8o9EhglY5kqRa3xcMGXl8zBi6W5phGpAjXb+UGDL1tBIlAcYj733bw8g/ITCnaSz9ubsmON0HekPd6Jg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/flags": "^3.0.5",
-        "@react-stately/grid": "^3.10.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/grid": "^3.2.11",
-        "@react-types/shared": "^3.27.0",
-        "@react-types/table": "^3.10.4",
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.15.1.tgz",
+      "integrity": "sha512-MhMAgE/LgAzHcAn1P3p/nQErzJ6DiixSJ1AOt2JlnAKEb5YJg4ATKWCb2IjBLwywt9ZCzfm3KMUzkctZqAoxwA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/flags": "^3.1.2",
+        "@react-stately/grid": "^3.11.6",
+        "@react-stately/selection": "^3.20.6",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/grid": "^3.3.6",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/table": "^3.13.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3346,58 +4127,72 @@
       }
     },
     "node_modules/@react-stately/tabs": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.7.1.tgz",
-      "integrity": "sha512-gr9ACyuWrYuc727h7WaHdmNw8yxVlUyQlguziR94MdeRtFGQnf3V6fNQG3kxyB77Ljko69tgDF7Nf6kfPUPAQQ==",
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.8.6.tgz",
+      "integrity": "sha512-9RYxmgjVIxUpIsGKPIF7uRoHWOEz8muwaYiStCVeyiYBPmarvZoIYtTXcwSMN/vEs7heVN5uGCL6/bfdY4+WiA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/list": "^3.11.2",
-        "@react-types/shared": "^3.27.0",
-        "@react-types/tabs": "^3.3.12",
+        "@react-stately/list": "^3.13.1",
+        "@react-types/shared": "^3.32.1",
+        "@react-types/tabs": "^3.3.19",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
+    "node_modules/@react-stately/toast": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/toast/-/toast-3.1.2.tgz",
+      "integrity": "sha512-HiInm7bck32khFBHZThTQaAF6e6/qm57F4mYRWdTq8IVeGDzpkbUYibnLxRhk0UZ5ybc6me+nqqPkG/lVmM42Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
     "node_modules/@react-stately/toggle": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.7.7.tgz",
-      "integrity": "sha512-AS+xB4+hHWa3wzYkbS6pwBkovPfIE02B9SnuYTe0stKcuejpWKo5L3QMptW0ftFYsW3ZPCXuneImfObEw2T01A==",
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.9.2.tgz",
+      "integrity": "sha512-dOxs9wrVXHUmA7lc8l+N9NbTJMAaXcYsnNGsMwfXIXQ3rdq+IjWGNYJ52UmNQyRYFcg0jrzRrU16TyGbNjOdNQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/utils": "^3.10.3",
-        "@react-types/checkbox": "^3.8.3",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/checkbox": "^3.10.2",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/tooltip": {
-      "version": "3.4.12",
-      "resolved": "https://registry.npmjs.org/@react-stately/tooltip/-/tooltip-3.4.12.tgz",
-      "integrity": "sha512-QKYT/cze7n9qaBsk7o5ais3jRfhYCzcVRfps+iys/W+/9FFbbhjfQG995Lwi6b+vGOHWfXxXpwmyIO2tzM1Iog==",
+      "version": "3.5.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/tooltip/-/tooltip-3.5.8.tgz",
+      "integrity": "sha512-gkcUx2ROhCiGNAYd2BaTejakXUUNLPnnoJ5+V/mN480pN+OrO8/2V9pqb/IQmpqxLsso93zkM3A4wFHHLBBmPQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/overlays": "^3.6.10",
-        "@react-types/tooltip": "^3.4.11",
+        "@react-stately/overlays": "^3.6.20",
+        "@react-types/tooltip": "^3.4.21",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-stately/tree": {
-      "version": "3.8.7",
-      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.8.7.tgz",
-      "integrity": "sha512-hpc3pyuXWeQV5ufQ02AeNQg/MYhnzZ4NOznlY5OOUoPzpLYiI3ZJubiY3Dot4jw5N/LR7CqvDLHmrHaJPmZlHg==",
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.9.3.tgz",
+      "integrity": "sha512-ZngG79nLFxE/GYmpwX6E/Rma2MMkzdoJPRI3iWk3dgqnGMMzpPnUp/cvjDsU3UHF7xDVusC5BT6pjWN0uxCIFQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-stately/collections": "^3.12.1",
-        "@react-stately/selection": "^3.19.0",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.27.0",
+        "@react-stately/collections": "^3.12.8",
+        "@react-stately/selection": "^3.20.6",
+        "@react-stately/utils": "^3.10.8",
+        "@react-types/shared": "^3.32.1",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3405,9 +4200,9 @@
       }
     },
     "node_modules/@react-stately/utils": {
-      "version": "3.10.5",
-      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.5.tgz",
-      "integrity": "sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==",
+      "version": "3.10.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.8.tgz",
+      "integrity": "sha512-SN3/h7SzRsusVQjQ4v10LaVsDc81jyyR0DD5HnsQitm/I5WDpaSr2nRHtyloPFU48jlql1XX/S04T2DLQM7Y3g==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
@@ -3417,310 +4212,323 @@
       }
     },
     "node_modules/@react-types/breadcrumbs": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.7.tgz",
-      "integrity": "sha512-ZmhXwD2LLzfEA2OvOCp/QvXu8A/Edsrn5q0qUDGsmOZj9SCVeT82bIv8P+mQnATM13mi2gyoik6102Jc1OscJA==",
+      "version": "3.7.17",
+      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.17.tgz",
+      "integrity": "sha512-IhvVTcfli5o/UDlGACXxjlor2afGlMQA8pNR3faH0bBUay1Fmm3IWktVw9Xwmk+KraV2RTAg9e+E6p8DOQZfiw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/link": "^3.5.7",
-        "@react-types/shared": "^3.24.1"
+        "@react-types/link": "^3.6.5",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/button": {
-      "version": "3.10.2",
-      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.2.tgz",
-      "integrity": "sha512-h8SB/BLoCgoBulCpyzaoZ+miKXrolK9XC48+n1dKJXT8g4gImrficurDW6+PRTQWaRai0Q0A6bu8UibZOU4syg==",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.14.1.tgz",
+      "integrity": "sha512-D8C4IEwKB7zEtiWYVJ3WE/5HDcWlze9mLWQ5hfsBfpePyWCgO3bT/+wjb/7pJvcAocrkXo90QrMm85LcpBtrpg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/calendar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.6.0.tgz",
-      "integrity": "sha512-BtFh4BFwvsYlsaSqUOVxlqXZSlJ6u4aozgO3PwHykhpemwidlzNwm9qDZhcMWPioNF/w2cU/6EqhvEKUHDnFZg==",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.8.0.tgz",
+      "integrity": "sha512-ZDZgfZgbz1ydWOFs1mH7QFfX3ioJrmb3Y/lkoubQE0HWXLZzyYNvhhKyFJRS1QJ40IofLSBHriwbQb/tsUnGlw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@react-types/shared": "^3.27.0"
+        "@internationalized/date": "^3.10.0",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/checkbox": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.9.1.tgz",
-      "integrity": "sha512-0x/KQcipfNM9Nvy6UMwYG25roRLvsiqf0J3woTYylNNWzF+72XT0iI5FdJkE3w2wfa0obmSoeq4WcbFREQrH/A==",
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.10.2.tgz",
+      "integrity": "sha512-ktPkl6ZfIdGS1tIaGSU/2S5Agf2NvXI9qAgtdMDNva0oLyAZ4RLQb6WecPvofw1J7YKXu0VA5Mu7nlX+FM2weQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-types/shared": "^3.32.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/color": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-types/color/-/color-3.1.2.tgz",
+      "integrity": "sha512-NP0TAY3j4tlMztOp/bBfMlPwC9AQKTjSiTFmc2oQNkx5M4sl3QpPqFPosdt7jZ8M4nItvfCWZrlZGjST4SB83A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1",
+        "@react-types/slider": "^3.8.2"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/combobox": {
-      "version": "3.13.2",
-      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.13.2.tgz",
-      "integrity": "sha512-yl2yMcM5/v3lJiNZWjpAhQ9vRW6dD55CD4rYmO2K7XvzYJaFVT4WYI/AymPYD8RqomMp7coBmBHfHW0oupk8gg==",
+      "version": "3.13.9",
+      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.13.9.tgz",
+      "integrity": "sha512-G6GmLbzVkLW6VScxPAr/RtliEyPhBClfYaIllK1IZv+Z42SVnOpKzhnoe79BpmiFqy1AaC3+LjZX783mrsHCwA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/datepicker": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@react-types/datepicker/-/datepicker-3.10.0.tgz",
-      "integrity": "sha512-Att7y4NedNH1CogMDIX9URXgMLxGbZgnFCZ8oxgFAVndWzbh3TBcc4s7uoJDPvgRMAalq+z+SrlFFeoBeJmvvg==",
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@react-types/datepicker/-/datepicker-3.13.2.tgz",
+      "integrity": "sha512-+M6UZxJnejYY8kz0spbY/hP08QJ5rsZ3aNarRQQHc48xV2oelFLX5MhAqizfLEsvyfb0JYrhWoh4z1xZtAmYCg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@internationalized/date": "^3.7.0",
-        "@react-types/calendar": "^3.6.0",
-        "@react-types/overlays": "^3.8.12",
-        "@react-types/shared": "^3.27.0"
+        "@internationalized/date": "^3.10.0",
+        "@react-types/calendar": "^3.8.0",
+        "@react-types/overlays": "^3.9.2",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/dialog": {
-      "version": "3.5.15",
-      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.15.tgz",
-      "integrity": "sha512-BX1+mV35Oa0aIlhu98OzJaSB7uiCWDPQbr0AkpFBajSSlESUoAjntN+4N+QJmj24z2v6UE9zxGQ85/U/0Le+bw==",
+      "version": "3.5.22",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.22.tgz",
+      "integrity": "sha512-smSvzOcqKE196rWk0oqJDnz+ox5JM5+OT0PmmJXiUD4q7P5g32O6W5Bg7hMIFUI9clBtngo8kLaX2iMg+GqAzg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/overlays": "^3.8.12",
-        "@react-types/shared": "^3.27.0"
+        "@react-types/overlays": "^3.9.2",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/grid": {
-      "version": "3.2.11",
-      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.11.tgz",
-      "integrity": "sha512-Mww9nrasppvPbsBi+uUqFnf7ya8fXN0cTVzDNG+SveD8mhW+sbtuy+gPtEpnFD2Oyi8qLuObefzt4gdekJX2Yw==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.3.6.tgz",
+      "integrity": "sha512-vIZJlYTii2n1We9nAugXwM2wpcpsC6JigJFBd6vGhStRdRWRoU4yv1Gc98Usbx0FQ/J7GLVIgeG8+1VMTKBdxw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/link": {
-      "version": "3.5.7",
-      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.7.tgz",
-      "integrity": "sha512-2WyaVmm1qr9UrSG3Dq6iz+2ziuVp+DH8CsYZ9CA6aNNb6U18Hxju3LTPb4a5gM0eC7W0mQGNBmrgGlAdDZEJOw==",
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.6.5.tgz",
+      "integrity": "sha512-+I2s3XWBEvLrzts0GnNeA84mUkwo+a7kLUWoaJkW0TOBDG7my95HFYxF9WnqKye7NgpOkCqz4s3oW96xPdIniQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/listbox": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.5.4.tgz",
-      "integrity": "sha512-5otTes0zOwRZwNtqysPD/aW4qFJSxd5znjwoWTLnzDXXOBHXPyR83IJf8ITgvIE5C0y+EFadsWR/BBO3k9Pj7g==",
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.7.4.tgz",
+      "integrity": "sha512-p4YEpTl/VQGrqVE8GIfqTS5LkT5jtjDTbVeZgrkPnX/fiPhsfbTPiZ6g0FNap4+aOGJFGEEZUv2q4vx+rCORww==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/menu": {
-      "version": "3.9.14",
-      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.14.tgz",
-      "integrity": "sha512-RJW/S8IPwbRuohJ/A9HJ7W8QaAY816tm7Nv6+H/TLXG76zu2AS5vEgq+0TcCAWvJJwUdLDpJWJMlo0iIoIBtcg==",
+      "version": "3.10.5",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.10.5.tgz",
+      "integrity": "sha512-HBTrKll2hm0VKJNM4ubIv1L9MNo8JuOnm2G3M+wXvb6EYIyDNxxJkhjsqsGpUXJdAOSkacHBDcNh2HsZABNX4A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/overlays": "^3.8.12",
-        "@react-types/shared": "^3.27.0"
+        "@react-types/overlays": "^3.9.2",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/meter": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/@react-types/meter/-/meter-3.4.3.tgz",
-      "integrity": "sha512-Y2fX5CTAPGRKxVSeepbeyN6/K+wlF9pMRcNxTSU2qDwdoFqNCtTWMcWuCsU/Y2L/zU0jFWu4x0Vo7WkrcsgcMA==",
+      "version": "3.4.13",
+      "resolved": "https://registry.npmjs.org/@react-types/meter/-/meter-3.4.13.tgz",
+      "integrity": "sha512-EiarfbpHcvmeyXvXcr6XLaHkNHuGc4g7fBVEiDPwssFJKKfbUzqnnknDxPjyspqUVRcXC08CokS98J1jYobqDg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/progress": "^3.5.6"
+        "@react-types/progress": "^3.5.16"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/numberfield": {
-      "version": "3.8.8",
-      "resolved": "https://registry.npmjs.org/@react-types/numberfield/-/numberfield-3.8.8.tgz",
-      "integrity": "sha512-825JPppxDaWh0Zxb0Q+wSslgRQYOtQPCAuhszPuWEy6d2F/M+hLR+qQqvQm9+LfMbdwiTg6QK5wxdWFCp2t7jw==",
+      "version": "3.8.15",
+      "resolved": "https://registry.npmjs.org/@react-types/numberfield/-/numberfield-3.8.15.tgz",
+      "integrity": "sha512-97r92D23GKCOjGIGMeW9nt+/KlfM3GeWH39Czcmd2/D5y3k6z4j0avbsfx2OttCtJszrnENjw3GraYGYI2KosQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/overlays": {
-      "version": "3.8.12",
-      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.12.tgz",
-      "integrity": "sha512-ZvR1t0YV7/6j+6OD8VozKYjvsXT92+C/2LOIKozy7YUNS5KI4MkXbRZzJvkuRECVZOmx8JXKTUzhghWJM/3QuQ==",
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.9.2.tgz",
+      "integrity": "sha512-Q0cRPcBGzNGmC8dBuHyoPR7N3057KTS5g+vZfQ53k8WwmilXBtemFJPLsogJbspuewQ/QJ3o2HYsp2pne7/iNw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/progress": {
-      "version": "3.5.6",
-      "resolved": "https://registry.npmjs.org/@react-types/progress/-/progress-3.5.6.tgz",
-      "integrity": "sha512-Nh43sjQ5adyN1bTHBPRaIPhXUdBqP0miYeJpeMY3V/KUl4qmouJLwDnccwFG4xLm6gBfYe22lgbbV7nAfNnuTQ==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmjs.org/@react-types/progress/-/progress-3.5.16.tgz",
+      "integrity": "sha512-I9tSdCFfvQ7gHJtm90VAKgwdTWXQgVNvLRStEc0z9h+bXBxdvZb+QuiRPERChwFQ9VkK4p4rDqaFo69nDqWkpw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/radio": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.8.3.tgz",
-      "integrity": "sha512-fUVJt4Bb6jOReFqnhHVNxWXH7t6c60uSFfoPKuXt/xI9LL1i2jhpur0ggpTfIn3qLIAmNBU6bKBCWAdr4KjeVQ==",
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.9.2.tgz",
+      "integrity": "sha512-3UcJXu37JrTkRyP4GJPDBU7NmDTInrEdOe+bVzA1j4EegzdkJmLBkLg5cLDAbpiEHB+xIsvbJdx6dxeMuc+H3g==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/searchfield": {
-      "version": "3.5.8",
-      "resolved": "https://registry.npmjs.org/@react-types/searchfield/-/searchfield-3.5.8.tgz",
-      "integrity": "sha512-EcdqalHNIC6BJoRfmqUhAvXRd3aHkWlV1cFCz57JJKgUEFYyXPNrXd1b73TKLzTXEk+X/D6LKV15ILYpEaxu8w==",
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/@react-types/searchfield/-/searchfield-3.6.6.tgz",
+      "integrity": "sha512-cl3itr/fk7wbIQc2Gz5Ie8aVeUmPjVX/mRGS5/EXlmzycAKNYTvqf2mlxwObLndtLISmt7IgNjRRhbUUDI8Ang==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1",
-        "@react-types/textfield": "^3.9.6"
+        "@react-types/shared": "^3.32.1",
+        "@react-types/textfield": "^3.12.6"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/select": {
-      "version": "3.9.9",
-      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.9.9.tgz",
-      "integrity": "sha512-/hCd0o+ztn29FKCmVec+v7t4JpOzz56o+KrG7NDq2pcRWqUR9kNwCjrPhSbJIIEDm4ubtrfPu41ysIuDvRd2Bg==",
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.11.0.tgz",
+      "integrity": "sha512-SzIsMFVPCbXE1Z1TLfpdfiwJ1xnIkcL1/CjGilmUKkNk5uT7rYX1xCJqWCjXI0vAU1xM4Qn+T3n8de4fw6HRBg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/shared": {
-      "version": "3.27.0",
-      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.27.0.tgz",
-      "integrity": "sha512-gvznmLhi6JPEf0bsq7SwRYTHAKKq/wcmKqFez9sRdbED+SPMUmK5omfZ6w3EwUFQHbYUa4zPBYedQ7Knv70RMw==",
+      "version": "3.32.1",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.32.1.tgz",
+      "integrity": "sha512-famxyD5emrGGpFuUlgOP6fVW2h/ZaF405G5KDi3zPHzyjAWys/8W6NAVJtNbkCkhedmvL0xOhvt8feGXyXaw5w==",
       "license": "Apache-2.0",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/slider": {
-      "version": "3.7.5",
-      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.7.5.tgz",
-      "integrity": "sha512-bRitwQRQjQoOcKEdPMljnvm474dwrmsc6pdsVQDh/qynzr+KO9IHuYc3qPW53WVE2hMQJDohlqtCAWQXWQ5Vcg==",
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.8.2.tgz",
+      "integrity": "sha512-MQYZP76OEOYe7/yA2To+Dl0LNb0cKKnvh5JtvNvDnAvEprn1RuLiay8Oi/rTtXmc2KmBa4VdTcsXsmkbbkeN2Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/switch": {
-      "version": "3.5.5",
-      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.5.5.tgz",
-      "integrity": "sha512-SZx1Bd+COhAOs/RTifbZG+uq/llwba7VAKx7XBeX4LeIz1dtguy5bigOBgFTMQi4qsIVCpybSWEEl+daj4XFPw==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.5.15.tgz",
+      "integrity": "sha512-r/ouGWQmIeHyYSP1e5luET+oiR7N7cLrAlWsrAfYRWHxqXOSNQloQnZJ3PLHrKFT02fsrQhx2rHaK2LfKeyN3A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.24.1"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/table": {
-      "version": "3.10.4",
-      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.10.4.tgz",
-      "integrity": "sha512-d0tLz/whxVteqr1rophtuuxqyknHHfTKeXrCgDjt8pAyd9U8GPDbfcFSfYPUhWdELRt7aLVyQw6VblZHioVEgQ==",
+      "version": "3.13.4",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.13.4.tgz",
+      "integrity": "sha512-I/DYiZQl6aNbMmjk90J9SOhkzVDZvyA3Vn3wMWCiajkMNjvubFhTfda5DDf2SgFP5l0Yh6TGGH5XumRv9LqL5Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/grid": "^3.2.11",
-        "@react-types/shared": "^3.27.0"
+        "@react-types/grid": "^3.3.6",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/tabs": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.12.tgz",
-      "integrity": "sha512-E9O9G+wf9kaQ8UbDEDliW/oxYlJnh7oDCW1zaMOySwnG4yeCh7Wu02EOCvlQW4xvgn/i+lbEWgirf7L+yj5nRg==",
+      "version": "3.3.19",
+      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.19.tgz",
+      "integrity": "sha512-fE+qI43yR5pAMpeqPxGqQq9jDHXEPqXskuxNHERMW0PYMdPyem2Cw6goc5F4qeZO3Hf6uPZgHkvJz2OAq7TbBw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/textfield": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.11.0.tgz",
-      "integrity": "sha512-YORBgr6wlu2xfvr4MqjKFHGpj+z8LBzk14FbWDbYnnhGnv0I10pj+m2KeOHgDNFHrfkDdDOQmMIKn1UCqeUuEg==",
+      "version": "3.12.6",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.12.6.tgz",
+      "integrity": "sha512-hpEVKE+M3uUkTjw2WrX1NrH/B3rqDJFUa+ViNK2eVranLY4ZwFqbqaYXSzHupOF3ecSjJJv2C103JrwFvx6TPQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/shared": "^3.27.0"
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/tooltip": {
-      "version": "3.4.11",
-      "resolved": "https://registry.npmjs.org/@react-types/tooltip/-/tooltip-3.4.11.tgz",
-      "integrity": "sha512-WPikHQxeT5Lb09yJEaW6Ja3ecE0g1YM6ukWYS2v/iZLUPn5YlYrGytspuCYQNSh/u7suCz4zRLEHYCl7OCigjw==",
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@react-types/tooltip/-/tooltip-3.4.21.tgz",
+      "integrity": "sha512-ugGHOZU6WbOdeTdbjnaEc+Ms7/WhsUCg+T3PCOIeOT9FG02Ce189yJ/+hd7oqL/tVwIhEMYJIqSCgSELFox+QA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-types/overlays": "^3.8.9",
-        "@react-types/shared": "^3.24.1"
+        "@react-types/overlays": "^3.9.2",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@rolldown/pluginutils": {
@@ -3758,7 +4566,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3772,7 +4579,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3786,7 +4592,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3800,7 +4605,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3814,7 +4618,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3828,7 +4631,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3842,7 +4644,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3856,7 +4657,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3870,7 +4670,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3884,7 +4683,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3898,7 +4696,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3912,7 +4709,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3926,7 +4722,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3940,7 +4735,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3954,7 +4748,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3968,7 +4761,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3982,7 +4774,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3996,7 +4787,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4010,7 +4800,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4024,7 +4813,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4039,54 +4827,70 @@
       "license": "MIT"
     },
     "node_modules/@shikijs/core": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.24.2.tgz",
-      "integrity": "sha512-BpbNUSKIwbKrRRA+BQj0BEWSw+8kOPKDJevWeSE/xIqGX7K0xrCZQ9kK0nnEQyrzsUoka1l81ZtJ2mGaCA32HQ==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.13.0.tgz",
+      "integrity": "sha512-3P8rGsg2Eh2qIHekwuQjzWhKI4jV97PhvYjYUzGqjvJfqdQPz+nMlfWahU24GZAyW1FxFI1sYjyhfh5CoLmIUA==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/engine-javascript": "1.24.2",
-        "@shikijs/engine-oniguruma": "1.24.2",
-        "@shikijs/types": "1.24.2",
-        "@shikijs/vscode-textmate": "^9.3.0",
+        "@shikijs/types": "3.13.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4",
-        "hast-util-to-html": "^9.0.3"
+        "hast-util-to-html": "^9.0.5"
       }
     },
     "node_modules/@shikijs/engine-javascript": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-1.24.2.tgz",
-      "integrity": "sha512-EqsmYBJdLEwEiO4H+oExz34a5GhhnVp+jH9Q/XjPjmBPc6TE/x4/gD0X3i0EbkKKNqXYHHJTJUpOLRQNkEzS9Q==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.13.0.tgz",
+      "integrity": "sha512-Ty7xv32XCp8u0eQt8rItpMs6rU9Ki6LJ1dQOW3V/56PKDcpvfHPnYFbsx5FFUP2Yim34m/UkazidamMNVR4vKg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "1.24.2",
-        "@shikijs/vscode-textmate": "^9.3.0",
-        "oniguruma-to-es": "0.7.0"
+        "@shikijs/types": "3.13.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.3"
       }
     },
     "node_modules/@shikijs/engine-oniguruma": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-1.24.2.tgz",
-      "integrity": "sha512-ZN6k//aDNWRJs1uKB12pturKHh7GejKugowOFGAuG7TxDRLod1Bd5JhpOikOiFqPmKjKEPtEA6mRCf7q3ulDyQ==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.13.0.tgz",
+      "integrity": "sha512-O42rBGr4UDSlhT2ZFMxqM7QzIU+IcpoTMzb3W7AlziI1ZF7R8eS2M0yt5Ry35nnnTX/LTLXFPUjRFCIW+Operg==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.13.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      }
+    },
+    "node_modules/@shikijs/langs": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.13.0.tgz",
+      "integrity": "sha512-672c3WAETDYHwrRP0yLy3W1QYB89Hbpj+pO4KhxK6FzIrDI2FoEXNiNCut6BQmEApYLfuYfpgOZaqbY+E9b8wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.13.0"
+      }
+    },
+    "node_modules/@shikijs/themes": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.13.0.tgz",
+      "integrity": "sha512-Vxw1Nm1/Od8jyA7QuAenaV78BG2nSr3/gCGdBkLpfLscddCkzkL36Q5b67SrLLfvAJTOUzW39x4FHVCFriPVgg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "1.24.2",
-        "@shikijs/vscode-textmate": "^9.3.0"
+        "@shikijs/types": "3.13.0"
       }
     },
     "node_modules/@shikijs/types": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-1.24.2.tgz",
-      "integrity": "sha512-bdeWZiDtajGLG9BudI0AHet0b6e7FbR0EsE4jpGaI0YwHm/XJunI9+3uZnzFtX65gsyJ6ngCIWUfA4NWRPnBkQ==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.13.0.tgz",
+      "integrity": "sha512-oM9P+NCFri/mmQ8LoFGVfVyemm5Hi27330zuOBp0annwJdKH1kOLndw3zCtAVDehPLg9fKqoEx3Ht/wNZxolfw==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/vscode-textmate": "^9.3.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4"
       }
     },
     "node_modules/@shikijs/vscode-textmate": {
-      "version": "9.3.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-9.3.1.tgz",
-      "integrity": "sha512-79QfK1393x9Ho60QFyLti+QfdJzRQCVLFb97kOIV7Eo9vQU/roINgk7m24uv0a7AUvN//RDH36FLjjK48v0s9g==",
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
+      "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
       "license": "MIT"
     },
     "node_modules/@swc/core": {
@@ -4333,6 +5137,277 @@
         "tailwindcss": ">=3.2.0"
       }
     },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.14.tgz",
+      "integrity": "sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.0",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.19",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.14"
+      }
+    },
+    "node_modules/@tailwindcss/node/node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.14.tgz",
+      "integrity": "sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.5.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.14",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.14",
+        "@tailwindcss/oxide-darwin-x64": "4.1.14",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.14",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.14",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.14",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.14",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.14",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.14",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.14",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.14",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.14"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.14.tgz",
+      "integrity": "sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.14.tgz",
+      "integrity": "sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.14.tgz",
+      "integrity": "sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.14.tgz",
+      "integrity": "sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.14.tgz",
+      "integrity": "sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.14.tgz",
+      "integrity": "sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.14.tgz",
+      "integrity": "sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.14.tgz",
+      "integrity": "sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.14.tgz",
+      "integrity": "sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.14.tgz",
+      "integrity": "sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.5.0",
+        "@emnapi/runtime": "^1.5.0",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.0.5",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.14.tgz",
+      "integrity": "sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.14.tgz",
+      "integrity": "sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.14.tgz",
+      "integrity": "sha512-BoFUoU0XqgCUS1UXWhmDJroKKhNXeDzD7/XwabjkDIAbMnc4ULn5e2FuEuBbhZ6ENZoSYzKlzvZ44Yr6EUDUSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.1.14",
+        "@tailwindcss/oxide": "4.1.14",
+        "tailwindcss": "4.1.14"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7"
+      }
+    },
     "node_modules/@tanstack/query-core": {
       "version": "5.56.2",
       "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.56.2.tgz",
@@ -4407,12 +5482,12 @@
       }
     },
     "node_modules/@tanstack/react-virtual": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.0.tgz",
-      "integrity": "sha512-CchF0NlLIowiM2GxtsoKBkXA4uqSnY2KvnXo+kyUFD4a4ll6+J0qzoRsUPMwXV/H26lRsxgJIr/YmjYum2oEjg==",
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz",
+      "integrity": "sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==",
       "license": "MIT",
       "dependencies": {
-        "@tanstack/virtual-core": "3.13.0"
+        "@tanstack/virtual-core": "3.13.12"
       },
       "funding": {
         "type": "github",
@@ -4437,9 +5512,9 @@
       }
     },
     "node_modules/@tanstack/virtual-core": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.0.tgz",
-      "integrity": "sha512-NBKJP3OIdmZY3COJdWkSonr50FMVIi+aj5ZJ7hI/DTpEKg2RMfo/KvP8A3B/zOSpMgIe52B5E2yn7rryULzA6g==",
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
+      "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -4769,7 +5844,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
       "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/hast": {
@@ -4847,7 +5921,7 @@
       "version": "24.0.10",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.10.tgz",
       "integrity": "sha512-ENHwaH+JIRTDIEEbDK6QSQntAYGtbvdDXnMXnZaZ6k13Du1dPMmprkEHIL7ok2Wl2aZevetwTAb5S+7yIF+enA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -5371,7 +6445,7 @@
       "version": "8.12.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
       "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -5424,36 +6498,12 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -5768,18 +6818,6 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "license": "MIT"
     },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/body-parser": {
       "version": "1.20.3",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
@@ -5842,6 +6880,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -5887,7 +6926,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/bytes": {
@@ -5930,9 +6969,9 @@
       }
     },
     "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
-      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5944,14 +6983,14 @@
       }
     },
     "node_modules/call-bound": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
-      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "get-intrinsic": "^1.2.6"
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5988,15 +7027,6 @@
         "tslib": "^2.0.3"
       }
     },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001716",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001716.tgz",
@@ -6084,28 +7114,13 @@
         "node": ">= 16"
       }
     },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "node": ">=18"
       }
     },
     "node_modules/ci-info": {
@@ -6371,6 +7386,7 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
@@ -6487,6 +7503,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
@@ -6724,7 +7741,7 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
       "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -6843,6 +7860,15 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -6862,18 +7888,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -7011,12 +8025,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "license": "MIT"
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -7051,12 +8059,7 @@
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
-    },
-    "node_modules/emoji-regex-xs": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz",
-      "integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/encodeurl": {
@@ -7069,6 +8072,19 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -7203,9 +8219,9 @@
       "license": "MIT"
     },
     "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7263,7 +8279,6 @@
       "version": "0.25.2",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
       "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -8170,6 +9185,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -8200,6 +9216,7 @@
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -8254,6 +9271,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -8357,22 +9375,6 @@
         "is-callable": "^1.1.3"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/form-data": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
@@ -8491,6 +9493,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8538,18 +9541,18 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
-      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
+        "call-bind-apply-helpers": "^1.0.2",
         "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
+        "es-object-atoms": "^1.1.1",
         "function-bind": "^1.1.2",
-        "get-proto": "^1.0.0",
+        "get-proto": "^1.0.1",
         "gopd": "^1.2.0",
         "has-symbols": "^1.1.0",
         "hasown": "^2.0.2",
@@ -8607,7 +9610,7 @@
       "version": "4.8.1",
       "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
       "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -8641,6 +9644,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -8666,7 +9670,7 @@
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=4"
@@ -8713,7 +9717,6 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/graphemer": {
@@ -8815,6 +9818,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -8824,9 +9828,9 @@
       }
     },
     "node_modules/hast-util-to-html": {
-      "version": "9.0.4",
-      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.4.tgz",
-      "integrity": "sha512-wxQzXtdbhiwGAUKrnQJXlOPmHnEehzphwkK7aluUPQ+lEc1xefC8pblMgpp2w5ldBTEfveRIrADcrhGIWrlTDA==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
+      "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
@@ -8836,7 +9840,7 @@
         "hast-util-whitespace": "^3.0.0",
         "html-void-elements": "^3.0.0",
         "mdast-util-to-hast": "^13.0.0",
-        "property-information": "^6.0.0",
+        "property-information": "^7.0.0",
         "space-separated-tokens": "^2.0.0",
         "stringify-entities": "^4.0.0",
         "zwitch": "^2.0.4"
@@ -8877,9 +9881,9 @@
       "license": "MIT"
     },
     "node_modules/html-dom-parser": {
-      "version": "5.0.13",
-      "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-5.0.13.tgz",
-      "integrity": "sha512-B7JonBuAfG32I7fDouUQEogBrz3jK9gAuN1r1AaXpED6dIhtg/JwiSRhjGL7aOJwRz3HU4efowCjQBaoXiREqg==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-5.1.1.tgz",
+      "integrity": "sha512-+o4Y4Z0CLuyemeccvGN4bAO20aauB2N9tFEAep5x4OW34kV4PTarBHm6RL02afYt2BMKcr0D2Agep8S3nJPIBg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -8933,16 +9937,16 @@
       }
     },
     "node_modules/html-react-parser": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.2.tgz",
-      "integrity": "sha512-yA5012CJGSFWYZsgYzfr6HXJgDap38/AEP4ra8Cw+WHIi2ZRDXRX/QVYdumRf1P8zKyScKd6YOrWYvVEiPfGKg==",
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.6.tgz",
+      "integrity": "sha512-qcpPWLaSvqXi+TndiHbCa+z8qt0tVzjMwFGFBAa41ggC+ZA5BHaMIeMJla9g3VSp4SmiZb9qyQbmbpHYpIfPOg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "domhandler": "5.0.3",
-        "html-dom-parser": "5.0.13",
+        "html-dom-parser": "5.1.1",
         "react-property": "2.0.2",
-        "style-to-js": "1.1.16"
+        "style-to-js": "1.1.17"
       },
       "peerDependencies": {
         "@types/react": "0.14 || 15 || 16 || 17 || 18 || 19",
@@ -8985,9 +9989,9 @@
       }
     },
     "node_modules/htmlparser2/node_modules/entities": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
-      "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
       "peer": true,
       "engines": {
@@ -9180,15 +10184,15 @@
       }
     },
     "node_modules/intl-messageformat": {
-      "version": "10.7.15",
-      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.15.tgz",
-      "integrity": "sha512-LRyExsEsefQSBjU2p47oAheoKz+EOJxSLDdjOaEjdriajfHsMXOmV/EhMvYSg9bAgCUHasuAC+mcUBe/95PfIg==",
+      "version": "10.7.17",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.17.tgz",
+      "integrity": "sha512-0Ugaf65B2J76rb31drgNF1l6bGEDkbIiYc2Glx6jaZINHnwa5kDRGy8KXYuA+/8P4G0c9prAFhfVhQJJfzUuvQ==",
       "license": "BSD-3-Clause",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.3",
-        "@formatjs/fast-memoize": "2.2.6",
-        "@formatjs/icu-messageformat-parser": "2.11.1",
-        "tslib": "2"
+        "@formatjs/ecma402-abstract": "2.3.5",
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/icu-messageformat-parser": "2.11.3",
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/ip-num": {
@@ -9261,18 +10265,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-boolean-object": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
@@ -9313,6 +10305,7 @@
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
       "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
@@ -9363,6 +10356,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -9407,6 +10401,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -9451,6 +10446,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -9646,6 +10642,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/iterator.prototype": {
@@ -9666,21 +10663,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
     "node_modules/jake": {
       "version": "10.9.2",
       "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
@@ -9800,15 +10782,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "license": "MIT",
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -9886,7 +10859,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
@@ -10028,24 +11001,234 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "license": "MIT",
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=14"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
-    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -10141,13 +11324,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-      "dev": true,
+      "version": "0.30.19",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+      "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/match-sorter": {
@@ -10226,6 +11408,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -10315,9 +11498,9 @@
       "license": "MIT"
     },
     "node_modules/micromark-util-types": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.1.tgz",
-      "integrity": "sha512-534m2WhVTddrcKVepwmVEVnUAmtrx9bfIjNoQHRqfnvdaHQiFytEhJoTgpWJvDEXCO5gLTQh3wYC1PgOJA4NSQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -10334,6 +11517,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -10393,6 +11577,7 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -10423,6 +11608,18 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/minizlib": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/motion": {
       "version": "11.16.2",
       "resolved": "https://registry.npmjs.org/motion/-/motion-11.16.2.tgz",
@@ -10474,7 +11671,7 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/msw": {
@@ -10539,17 +11736,6 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -10614,15 +11800,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
@@ -10662,15 +11839,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.13.3",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
@@ -10805,15 +11973,21 @@
         "wrappy": "1"
       }
     },
+    "node_modules/oniguruma-parser": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz",
+      "integrity": "sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==",
+      "license": "MIT"
+    },
     "node_modules/oniguruma-to-es": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-0.7.0.tgz",
-      "integrity": "sha512-HRaRh09cE0gRS3+wi2zxekB+I5L8C/gN60S+vb11eADHUaB/q4u8wGGOX3GvwvitG8ixaeycZfeoyruKQzUgNg==",
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.3.tgz",
+      "integrity": "sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg==",
       "license": "MIT",
       "dependencies": {
-        "emoji-regex-xs": "^1.0.0",
-        "regex": "^5.0.2",
-        "regex-recursion": "^4.3.0"
+        "oniguruma-parser": "^0.12.1",
+        "regex": "^6.0.1",
+        "regex-recursion": "^6.0.2"
       }
     },
     "node_modules/openapi-types": {
@@ -10965,12 +12139,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -11289,6 +12457,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -11298,30 +12467,9 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
-    },
     "node_modules/path-to-regexp": {
       "version": "0.1.12",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
@@ -11355,6 +12503,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -11367,20 +12516,12 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/playwright": {
       "version": "1.54.1",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.54.1.tgz",
@@ -11484,97 +12625,6 @@
         "postcss": "^8.0.0"
       }
     },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/yaml": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
-      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
-      "license": "ISC",
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
     "node_modules/postcss-nesting": {
       "version": "13.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-13.0.1.tgz",
@@ -11673,23 +12723,11 @@
         "postcss": "^8.0.0"
       }
     },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/prelude-ls": {
@@ -11706,7 +12744,6 @@
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
       "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -11732,20 +12769,21 @@
       }
     },
     "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.6.9",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.9.tgz",
-      "integrity": "sha512-r0i3uhaZAXYP0At5xGfJH876W3HHGHDp+LCRUJrs57PBeQ6mYHMwr25KH8NPX44F2yGTvdnH7OqCshlQx183Eg==",
-      "dev": true,
+      "version": "0.6.14",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.14.tgz",
+      "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",
       "license": "MIT",
       "engines": {
         "node": ">=14.21.3"
       },
       "peerDependencies": {
         "@ianvs/prettier-plugin-sort-imports": "*",
+        "@prettier/plugin-hermes": "*",
+        "@prettier/plugin-oxc": "*",
         "@prettier/plugin-pug": "*",
         "@shopify/prettier-plugin-liquid": "*",
         "@trivago/prettier-plugin-sort-imports": "*",
-        "@zackad/prettier-plugin-twig-melody": "*",
+        "@zackad/prettier-plugin-twig": "*",
         "prettier": "^3.0",
         "prettier-plugin-astro": "*",
         "prettier-plugin-css-order": "*",
@@ -11763,6 +12801,12 @@
         "@ianvs/prettier-plugin-sort-imports": {
           "optional": true
         },
+        "@prettier/plugin-hermes": {
+          "optional": true
+        },
+        "@prettier/plugin-oxc": {
+          "optional": true
+        },
         "@prettier/plugin-pug": {
           "optional": true
         },
@@ -11772,7 +12816,7 @@
         "@trivago/prettier-plugin-sort-imports": {
           "optional": true
         },
-        "@zackad/prettier-plugin-twig-melody": {
+        "@zackad/prettier-plugin-twig": {
           "optional": true
         },
         "prettier-plugin-astro": {
@@ -11863,9 +12907,9 @@
       "license": "MIT"
     },
     "node_modules/property-information": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
-      "integrity": "sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -11930,6 +12974,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -11982,52 +13027,57 @@
       }
     },
     "node_modules/react-aria": {
-      "version": "3.34.3",
-      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.34.3.tgz",
-      "integrity": "sha512-wSprEI5EojDFCm357MxnKAxJZN68OYIt6UH6N0KCo6MEUAVZMbhMSmGYjw/kLK4rI7KrbJDqGqUMQkwc93W9Ng==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@internationalized/string": "^3.2.3",
-        "@react-aria/breadcrumbs": "^3.5.16",
-        "@react-aria/button": "^3.9.8",
-        "@react-aria/calendar": "^3.5.11",
-        "@react-aria/checkbox": "^3.14.6",
-        "@react-aria/combobox": "^3.10.3",
-        "@react-aria/datepicker": "^3.11.2",
-        "@react-aria/dialog": "^3.5.17",
-        "@react-aria/dnd": "^3.7.2",
-        "@react-aria/focus": "^3.18.2",
-        "@react-aria/gridlist": "^3.9.3",
-        "@react-aria/i18n": "^3.12.2",
-        "@react-aria/interactions": "^3.22.2",
-        "@react-aria/label": "^3.7.11",
-        "@react-aria/link": "^3.7.4",
-        "@react-aria/listbox": "^3.13.3",
-        "@react-aria/menu": "^3.15.3",
-        "@react-aria/meter": "^3.4.16",
-        "@react-aria/numberfield": "^3.11.6",
-        "@react-aria/overlays": "^3.23.2",
-        "@react-aria/progress": "^3.4.16",
-        "@react-aria/radio": "^3.10.7",
-        "@react-aria/searchfield": "^3.7.8",
-        "@react-aria/select": "^3.14.9",
-        "@react-aria/selection": "^3.19.3",
-        "@react-aria/separator": "^3.4.2",
-        "@react-aria/slider": "^3.7.11",
-        "@react-aria/ssr": "^3.9.5",
-        "@react-aria/switch": "^3.6.7",
-        "@react-aria/table": "^3.15.3",
-        "@react-aria/tabs": "^3.9.5",
-        "@react-aria/tag": "^3.4.5",
-        "@react-aria/textfield": "^3.14.8",
-        "@react-aria/tooltip": "^3.7.7",
-        "@react-aria/utils": "^3.25.2",
-        "@react-aria/visually-hidden": "^3.8.15",
-        "@react-types/shared": "^3.24.1"
+      "version": "3.44.0",
+      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.44.0.tgz",
+      "integrity": "sha512-2Pq3GQxBgM4/2BlpKYXeaZ47a3tdIcYSW/AYvKgypE3XipxOdQMDG5Sr/NBn7zuJq+thzmtfRb0lB9bTbsmaRw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/string": "^3.2.7",
+        "@react-aria/breadcrumbs": "^3.5.29",
+        "@react-aria/button": "^3.14.2",
+        "@react-aria/calendar": "^3.9.2",
+        "@react-aria/checkbox": "^3.16.2",
+        "@react-aria/color": "^3.1.2",
+        "@react-aria/combobox": "^3.14.0",
+        "@react-aria/datepicker": "^3.15.2",
+        "@react-aria/dialog": "^3.5.31",
+        "@react-aria/disclosure": "^3.1.0",
+        "@react-aria/dnd": "^3.11.3",
+        "@react-aria/focus": "^3.21.2",
+        "@react-aria/gridlist": "^3.14.1",
+        "@react-aria/i18n": "^3.12.13",
+        "@react-aria/interactions": "^3.25.6",
+        "@react-aria/label": "^3.7.22",
+        "@react-aria/landmark": "^3.0.7",
+        "@react-aria/link": "^3.8.6",
+        "@react-aria/listbox": "^3.15.0",
+        "@react-aria/menu": "^3.19.3",
+        "@react-aria/meter": "^3.4.27",
+        "@react-aria/numberfield": "^3.12.2",
+        "@react-aria/overlays": "^3.30.0",
+        "@react-aria/progress": "^3.4.27",
+        "@react-aria/radio": "^3.12.2",
+        "@react-aria/searchfield": "^3.8.9",
+        "@react-aria/select": "^3.17.0",
+        "@react-aria/selection": "^3.26.0",
+        "@react-aria/separator": "^3.4.13",
+        "@react-aria/slider": "^3.8.2",
+        "@react-aria/ssr": "^3.9.10",
+        "@react-aria/switch": "^3.7.8",
+        "@react-aria/table": "^3.17.8",
+        "@react-aria/tabs": "^3.10.8",
+        "@react-aria/tag": "^3.7.2",
+        "@react-aria/textfield": "^3.18.2",
+        "@react-aria/toast": "^3.0.8",
+        "@react-aria/tooltip": "^3.8.8",
+        "@react-aria/tree": "^3.1.4",
+        "@react-aria/utils": "^3.31.0",
+        "@react-aria/visually-hidden": "^3.8.28",
+        "@react-types/shared": "^3.32.1"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/react-dom": {
@@ -12263,23 +13313,12 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
       }
     },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
     "node_modules/recharts": {
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.1.tgz",
@@ -12362,18 +13401,18 @@
       "license": "MIT"
     },
     "node_modules/regex": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/regex/-/regex-5.0.2.tgz",
-      "integrity": "sha512-/pczGbKIQgfTMRV0XjABvc5RzLqQmwqxLHdQao2RTXPk+pmTXB2P0IaUHYdYyk412YLwUIkaeMd5T+RzVgTqnQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/regex/-/regex-6.0.1.tgz",
+      "integrity": "sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA==",
       "license": "MIT",
       "dependencies": {
         "regex-utilities": "^2.3.0"
       }
     },
     "node_modules/regex-recursion": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-4.3.0.tgz",
-      "integrity": "sha512-5LcLnizwjcQ2ALfOj95MjcatxyqF5RPySx9yT+PaXu3Gox2vyAtLDjHB8NTJLtMGkvyau6nI3CfpwFCjPUIs/A==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
+      "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
       "license": "MIT",
       "dependencies": {
         "regex-utilities": "^2.3.0"
@@ -12469,6 +13508,7 @@
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
@@ -12496,7 +13536,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
       "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
@@ -12515,6 +13555,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
@@ -12588,7 +13629,6 @@
       "version": "4.40.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
       "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.7"
@@ -12635,6 +13675,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -12760,7 +13801,7 @@
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
       "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -12903,6 +13944,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
@@ -12915,22 +13957,25 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/shiki": {
-      "version": "1.24.2",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.24.2.tgz",
-      "integrity": "sha512-TR1fi6mkRrzW+SKT5G6uKuc32Dj2EEa7Kj0k8kGqiBINb+C1TiflVOiT9ta6GqOJtC4fraxO5SLUaKBcSY38Fg==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.13.0.tgz",
+      "integrity": "sha512-aZW4l8Og16CokuCLf8CF8kq+KK2yOygapU5m3+hoGw0Mdosc6fPitjM+ujYarppj5ZIKGyPDPP1vqmQhr+5/0g==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "1.24.2",
-        "@shikijs/engine-javascript": "1.24.2",
-        "@shikijs/engine-oniguruma": "1.24.2",
-        "@shikijs/types": "1.24.2",
-        "@shikijs/vscode-textmate": "^9.3.0",
+        "@shikijs/core": "3.13.0",
+        "@shikijs/engine-javascript": "3.13.0",
+        "@shikijs/engine-oniguruma": "3.13.0",
+        "@shikijs/langs": "3.13.0",
+        "@shikijs/themes": "3.13.0",
+        "@shikijs/types": "3.13.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4"
       }
     },
@@ -13021,6 +14066,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=14"
@@ -13065,7 +14111,7 @@
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "buffer-from": "^1.0.0",
@@ -13076,7 +14122,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
+      "devOptional": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -13096,107 +14142,33 @@
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
       "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/std-env": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz",
-      "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/strict-event-emitter": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz",
-      "integrity": "sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/string-width/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+        "node": ">= 0.8"
       }
     },
+    "node_modules/std-env": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz",
+      "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/strict-event-emitter": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz",
+      "integrity": "sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
@@ -13328,19 +14300,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -13406,80 +14366,30 @@
       "license": "MIT"
     },
     "node_modules/style-to-js": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.16.tgz",
-      "integrity": "sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw==",
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.17.tgz",
+      "integrity": "sha512-xQcBGDxJb6jjFCTzvQtfiPn6YvvP2O8U1MDIPNfJQlWMYfktPy+iGsHE7cssjs7y84d9fQaK4UF3RIJaAHSoYA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "style-to-object": "1.0.8"
+        "style-to-object": "1.0.9"
       }
     },
     "node_modules/style-to-object": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz",
-      "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.9.tgz",
+      "integrity": "sha512-G4qppLgKu/k6FwRpHiGiKPaPTFcG3g4wNVX/Qsfu+RqQM30E7Tyu/TEgxcL9PNLF5pdRLwQdE3YKKf+KF2Dzlw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "inline-style-parser": "0.2.4"
       }
     },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -13532,76 +14442,45 @@
       "license": "MIT"
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.17",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz",
+      "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
       "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.6",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
       "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
+        "node": ">=6"
       },
-      "engines": {
-        "node": ">=10.13.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/tailwindcss/node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
+    "node_modules/tar": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz",
+      "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",
+      "license": "ISC",
       "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
       },
       "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
+        "node": ">=18"
       }
     },
     "node_modules/terser": {
       "version": "5.32.0",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.32.0.tgz",
       "integrity": "sha512-v3Gtw3IzpBJ0ugkxEX8U0W6+TnPKRRCWGh1jC/iM/e3Ki5+qvO1L1EAZ56bZasc64aXHwRHNIQEzm6//i5cemQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -13620,7 +14499,7 @@
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/text-table": {
@@ -13630,27 +14509,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -13675,7 +14533,6 @@
       "version": "0.2.14",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
       "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.4.4",
@@ -13692,7 +14549,6 @@
       "version": "6.4.4",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
       "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -13707,7 +14563,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -13783,6 +14638,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
@@ -13863,12 +14719,6 @@
         "typescript": ">=4.8.4"
       }
     },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
-    },
     "node_modules/ts-pattern": {
       "version": "5.8.0",
       "resolved": "https://registry.npmjs.org/ts-pattern/-/ts-pattern-5.8.0.tgz",
@@ -13932,7 +14782,7 @@
       "version": "4.19.3",
       "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.3.tgz",
       "integrity": "sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "~0.25.0",
@@ -14145,7 +14995,7 @@
       "version": "7.8.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
       "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "peer": true
     },
@@ -14355,9 +15205,9 @@
       }
     },
     "node_modules/use-sync-external-store": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
-      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
       "license": "MIT",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -14367,6 +15217,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/utils-merge": {
@@ -14427,9 +15278,9 @@
       }
     },
     "node_modules/vfile-message": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
-      "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
@@ -14466,7 +15317,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.0.tgz",
       "integrity": "sha512-ixXJB1YRgDIw2OszKQS9WxGHKwLdCsbQNkpJN171udl6szi/rIySHL6/Os3s2+oE4P/FLD4dxg4mD7Wust+u5g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
@@ -14630,7 +15480,6 @@
       "version": "6.4.6",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
       "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -14645,7 +15494,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -14824,6 +15672,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
@@ -14950,142 +15799,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -15141,6 +15854,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
diff --git a/package.json b/package.json
index 331bbff5c2..32904bca2c 100644
--- a/package.json
+++ b/package.json
@@ -35,12 +35,13 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.23",
     "@headlessui/react": "^2.2.0",
-    "@oxide/design-system": "^2.7.0",
+    "@oxide/design-system": "^3.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-tabs": "^1.1.0",
     "@react-aria/live-announcer": "^3.3.4",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/react-query": "^5.56.2",
     "@tanstack/react-query-devtools": "^5.56.2",
     "@tanstack/react-table": "^8.20.5",
@@ -57,7 +58,7 @@
     "p-map": "^7.0.2",
     "p-retry": "^6.2.0",
     "react": "^19.1.0",
-    "react-aria": "^3.34.3",
+    "react-aria": "^3.44.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^4.0.13",
     "react-hook-form": "^7.53.0",
@@ -118,10 +119,10 @@
     "postcss-nesting": "^13.0.1",
     "postcss-pseudo-classes": "^0.4.0",
     "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.9",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "resize-observer-polyfill": "^1.5.1",
     "semver": "^7.6.3",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.14",
     "tsx": "^4.19.2",
     "type-fest": "^4.33.0",
     "typescript": "~5.9.2",
diff --git a/postcss.config.mjs b/postcss.config.mjs
deleted file mode 100644
index f95bae1aaa..0000000000
--- a/postcss.config.mjs
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, you can obtain one at https://mozilla.org/MPL/2.0/.
- *
- * Copyright Oxide Computer Company
- */
-
-export default {
-  plugins: {
-    'postcss-import': {},
-    // https://tailwindcss.com/docs/using-with-preprocessors#nesting
-    'tailwindcss/nesting': 'postcss-nesting',
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 967c8f030d..0000000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-/*
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, you can obtain one at https://mozilla.org/MPL/2.0/.
- *
- * Copyright Oxide Computer Company
- */
-
-import containerQueriesPlugin from '@tailwindcss/container-queries'
-import { type Config } from 'tailwindcss'
-import plugin from 'tailwindcss/plugin'
-
-import {
-  borderRadiusTokens,
-  colorUtilities,
-  elevationUtilities,
-  textUtilities,
-} from '@oxide/design-system/styles/tailwind-tokens.ts'
-
-export default {
-  corePlugins: {
-    fontFamily: false,
-    fontSize: false,
-  },
-  content: ['./app/**/*.{ts,tsx}'],
-  theme: {
-    extend: {
-      screens: {
-        'xl-': { max: '1535px' },
-        'lg-': { max: '1279px' },
-        'md-': { max: '1023px' },
-        'sm-': { max: '767px' },
-        'sm+': { min: '640px' },
-        'md+': { min: '768px' },
-        'lg+': { min: '1024px' },
-        'xl+': { min: '1280px' },
-        '2xl+': { min: '1536px' },
-        sm: { min: '640px', max: '767px' },
-        md: { min: '768px', max: '1023px' },
-        lg: { min: '1024px', max: '1279px' },
-        xl: { min: '1280px', max: '1535px' },
-      },
-      zIndex: {
-        toast: '50',
-        modalDropdown: '50',
-        modal: '40',
-        sideModalDropdown: '40',
-        sideModal: '30',
-        modalOverlay: '25',
-        topBarDropdown: '20',
-        topBar: '15',
-        popover: '10',
-        contentDropdown: '10',
-        content: '0',
-      },
-    },
-    borderRadius: {
-      none: '0',
-      ...borderRadiusTokens,
-    },
-    colors: {
-      transparent: 'transparent',
-      current: 'currentColor',
-    },
-    animation: {
-      'spin-slow': 'spin 5s linear infinite',
-      pulse: 'pulse 2s cubic-bezier(.4,0,.6,1) infinite',
-      // used by PageSkeleton
-      pulse2: 'pulse2 1.3s cubic-bezier(.4,0,.6,1) infinite',
-    },
-    keyframes: {
-      // different from pulse in that we go up a little before we go back down.
-      // pulse starts at opacity 1
-      pulse2: {
-        '0%, 100%': { opacity: '0.75' },
-        '50%': { opacity: '1' },
-      },
-    },
-  },
-  plugins: [
-    plugin(({ addVariant, addUtilities }) => {
-      addVariant('children', '& > *')
-      addVariant('selected', '.is-selected &')
-      addVariant('disabled', ['&.visually-disabled', '&:disabled'])
-      addUtilities(textUtilities)
-      addUtilities(colorUtilities)
-      addUtilities(elevationUtilities)
-    }),
-    containerQueriesPlugin,
-  ],
-} satisfies Config
diff --git a/vite.config.ts b/vite.config.ts
index e0645c1509..dced1e0ab5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,6 +7,7 @@
  */
 import { randomBytes } from 'crypto'
 import { resolve } from 'path'
+import tailwindcss from '@tailwindcss/vite'
 import basicSsl from '@vitejs/plugin-basic-ssl'
 import react from '@vitejs/plugin-react-swc'
 import { defineConfig } from 'vite'
@@ -124,6 +125,7 @@ export default defineConfig(({ mode }) => ({
     'process.env.CHAOS': JSON.stringify(mode !== 'production' && process.env.CHAOS),
   },
   plugins: [
+    tailwindcss(),
     tsconfigPaths(),
     createHtmlPlugin({
       inject: {

From 2daed391c33e48654c4307dd79d501dd2653d058 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Thu, 9 Oct 2025 14:50:36 +0100
Subject: [PATCH 02/18] Still a few issues to sort

---
 app/components/DocsPopover.tsx                |  2 +-
 app/components/InstanceAutoRestartPopover.tsx |  2 +-
 app/components/ProtocolBadge.tsx              |  3 +-
 app/components/StateBadge.tsx                 |  2 +-
 .../form/fields/DisksTableField.tsx           |  2 +-
 app/components/form/fields/ip-pool-item.tsx   |  3 +-
 app/forms/access-util.tsx                     |  2 +-
 app/forms/firewall-rules-common.tsx           |  3 +-
 app/pages/SiloAccessPage.tsx                  |  2 +-
 .../project/access/ProjectAccessPage.tsx      |  2 +-
 app/pages/project/affinity/AffinityPage.tsx   |  2 +-
 .../affinity/AntiAffinityGroupPage.tsx        |  2 +-
 app/pages/project/instances/NetworkingTab.tsx |  2 +-
 .../project/instances/SerialConsolePage.tsx   |  2 +-
 app/pages/project/snapshots/SnapshotsPage.tsx |  2 +-
 app/pages/project/vpcs/RouterPage.tsx         |  2 +-
 app/pages/system/inventory/DisksTab.tsx       |  2 +-
 .../system/inventory/sled/SledBadges.tsx      |  3 +-
 app/pages/system/silos/SiloIdpsTab.tsx        |  2 +-
 app/pages/system/silos/SiloPage.tsx           |  2 +-
 app/pages/system/silos/SilosPage.tsx          |  2 +-
 app/table/cells/DefaultPoolCell.tsx           |  3 +-
 app/table/cells/EnabledCell.tsx               |  3 +-
 app/table/cells/ProtocolCell.tsx              |  3 +-
 app/table/cells/RouterLinkCell.tsx            |  3 +-
 app/table/cells/TypeValueCell.tsx             |  2 +-
 app/ui/lib/Badge.tsx                          | 64 -------------------
 app/ui/lib/Button.tsx                         |  4 +-
 app/ui/lib/MiniTable.tsx                      |  2 +-
 app/ui/lib/Spinner.tsx                        |  2 +-
 app/ui/lib/Table.tsx                          |  8 +--
 app/ui/styles/components/mini-table.css       | 12 ++--
 app/ui/styles/components/table.css            | 22 +++----
 app/ui/styles/index.css                       |  5 +-
 app/util/access.ts                            |  3 +-
 35 files changed, 60 insertions(+), 122 deletions(-)
 delete mode 100644 app/ui/lib/Badge.tsx

diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx
index 1d1cda2860..5f973ca468 100644
--- a/app/components/DocsPopover.tsx
+++ b/app/components/DocsPopover.tsx
@@ -22,7 +22,7 @@ type DocsPopoverLinkProps = {
 export const DocsPopoverLink = ({ href, linkText }: DocsPopoverLinkProps) => (
   <a
     href={href}
-    className="group block px-4 *:last:border-0"
+    className="group block px-4 last:*:border-0"
     target="_blank"
     rel="noreferrer"
   >
diff --git a/app/components/InstanceAutoRestartPopover.tsx b/app/components/InstanceAutoRestartPopover.tsx
index 50217e5b7f..115c3580bd 100644
--- a/app/components/InstanceAutoRestartPopover.tsx
+++ b/app/components/InstanceAutoRestartPopover.tsx
@@ -11,6 +11,7 @@ import { type ReactNode } from 'react'
 import { Link } from 'react-router'
 import { match, P } from 'ts-pattern'
 
+import { Badge } from '@oxide/design-system/components'
 import {
   AutoRestart12Icon,
   NextArrow12Icon,
@@ -20,7 +21,6 @@ import {
 import type { Instance } from '~/api'
 import { instanceAutoRestartingSoon } from '~/api/util'
 import { useInstanceSelector } from '~/hooks/use-params'
-import { Badge } from '~/ui/lib/Badge'
 import { Spinner } from '~/ui/lib/Spinner'
 import { links } from '~/util/links'
 import { pb } from '~/util/path-builder'
diff --git a/app/components/ProtocolBadge.tsx b/app/components/ProtocolBadge.tsx
index d372349e50..2d54948f63 100644
--- a/app/components/ProtocolBadge.tsx
+++ b/app/components/ProtocolBadge.tsx
@@ -6,8 +6,9 @@
  * Copyright Oxide Computer Company
  */
 
+import { Badge } from '@oxide/design-system/components'
+
 import type { VpcFirewallRuleProtocol } from '~/api'
-import { Badge } from '~/ui/lib/Badge'
 
 type ProtocolBadgeProps = {
   protocol: VpcFirewallRuleProtocol
diff --git a/app/components/StateBadge.tsx b/app/components/StateBadge.tsx
index 2144b76a9e..3e98d7559a 100644
--- a/app/components/StateBadge.tsx
+++ b/app/components/StateBadge.tsx
@@ -14,8 +14,8 @@ import {
   type InstanceState,
   type SnapshotState,
 } from '@oxide/api'
+import { Badge, type BadgeColor } from '@oxide/design-system/components'
 
-import { Badge, type BadgeColor } from '~/ui/lib/Badge'
 import { Spinner } from '~/ui/lib/Spinner'
 
 const INSTANCE_COLORS: Record<InstanceState, BadgeColor> = {
diff --git a/app/components/form/fields/DisksTableField.tsx b/app/components/form/fields/DisksTableField.tsx
index e5af57ff36..e2cf049ed3 100644
--- a/app/components/form/fields/DisksTableField.tsx
+++ b/app/components/form/fields/DisksTableField.tsx
@@ -9,12 +9,12 @@ import { useState } from 'react'
 import { useController, type Control } from 'react-hook-form'
 
 import type { DiskCreate } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 
 import { AttachDiskModalForm } from '~/forms/disk-attach'
 import { CreateDiskSideModalForm } from '~/forms/disk-create'
 import type { InstanceCreateInput } from '~/forms/instance-create'
 import { sizeCellInner } from '~/table/columns/common'
-import { Badge } from '~/ui/lib/Badge'
 import { Button } from '~/ui/lib/Button'
 import { MiniTable } from '~/ui/lib/MiniTable'
 import { Truncate } from '~/ui/lib/Truncate'
diff --git a/app/components/form/fields/ip-pool-item.tsx b/app/components/form/fields/ip-pool-item.tsx
index 994d0a763b..0d7b2dfa7b 100644
--- a/app/components/form/fields/ip-pool-item.tsx
+++ b/app/components/form/fields/ip-pool-item.tsx
@@ -5,8 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import type { SiloIpPool } from '~/api'
-import { Badge } from '~/ui/lib/Badge'
+import { Badge } from '@oxide/design-system/components'
 
 export function toIpPoolItem(p: SiloIpPool) {
   const value = p.name
diff --git a/app/forms/access-util.tsx b/app/forms/access-util.tsx
index d959d9a12f..d9e8b8a476 100644
--- a/app/forms/access-util.tsx
+++ b/app/forms/access-util.tsx
@@ -12,8 +12,8 @@ import {
   type Policy,
   type RoleKey,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 
-import { Badge } from '~/ui/lib/Badge'
 import { type ListboxItem } from '~/ui/lib/Listbox'
 import { capitalize } from '~/util/str'
 
diff --git a/app/forms/firewall-rules-common.tsx b/app/forms/firewall-rules-common.tsx
index 65a5e397f7..66899b6680 100644
--- a/app/forms/firewall-rules-common.tsx
+++ b/app/forms/firewall-rules-common.tsx
@@ -9,6 +9,8 @@
 import { useEffect, type ReactNode } from 'react'
 import { useController, useForm, type Control } from 'react-hook-form'
 
+import { Badge } from '@oxide/design-system/components'
+
 import {
   usePrefetchedApiQuery,
   type ApiError,
@@ -37,7 +39,6 @@ import {
   ProtocolCodeCell,
   ProtocolTypeCell,
 } from '~/table/cells/ProtocolCell'
-import { Badge } from '~/ui/lib/Badge'
 import { toComboboxItems } from '~/ui/lib/Combobox'
 import { FormDivider } from '~/ui/lib/Divider'
 import { FieldLabel } from '~/ui/lib/FieldLabel'
diff --git a/app/pages/SiloAccessPage.tsx b/app/pages/SiloAccessPage.tsx
index b0b60e0ee5..2c0c0ac665 100644
--- a/app/pages/SiloAccessPage.tsx
+++ b/app/pages/SiloAccessPage.tsx
@@ -20,6 +20,7 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Access16Icon, Access24Icon } from '@oxide/design-system/icons/react'
 
 import { DocsPopover } from '~/components/DocsPopover'
@@ -31,7 +32,6 @@ import {
 import { confirmDelete } from '~/stores/confirm-delete'
 import { getActionsCol } from '~/table/columns/action-col'
 import { Table } from '~/table/Table'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateButton } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/pages/project/access/ProjectAccessPage.tsx b/app/pages/project/access/ProjectAccessPage.tsx
index 33e44a42ea..b7e58d0081 100644
--- a/app/pages/project/access/ProjectAccessPage.tsx
+++ b/app/pages/project/access/ProjectAccessPage.tsx
@@ -23,6 +23,7 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Access16Icon, Access24Icon } from '@oxide/design-system/icons/react'
 
 import { DocsPopover } from '~/components/DocsPopover'
@@ -37,7 +38,6 @@ import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
 import { getActionsCol } from '~/table/columns/action-col'
 import { Table } from '~/table/Table'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateButton } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/pages/project/affinity/AffinityPage.tsx b/app/pages/project/affinity/AffinityPage.tsx
index 8c9c72452b..39ad7ebc2f 100644
--- a/app/pages/project/affinity/AffinityPage.tsx
+++ b/app/pages/project/affinity/AffinityPage.tsx
@@ -17,6 +17,7 @@ import {
   type AffinityPolicy,
   type AntiAffinityGroup,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Affinity24Icon } from '@oxide/design-system/icons/react'
 
 import { AffinityDocsPopover, AffinityPolicyHeader } from '~/components/AffinityDocsPopover'
@@ -30,7 +31,6 @@ import { makeLinkCell } from '~/table/cells/LinkCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { Columns } from '~/table/columns/common'
 import { Table } from '~/table/Table'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateLink } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/pages/project/affinity/AntiAffinityGroupPage.tsx b/app/pages/project/affinity/AntiAffinityGroupPage.tsx
index 8fca74f4d5..e76edd247a 100644
--- a/app/pages/project/affinity/AntiAffinityGroupPage.tsx
+++ b/app/pages/project/affinity/AntiAffinityGroupPage.tsx
@@ -10,6 +10,7 @@ import { createColumnHelper, getCoreRowModel, useReactTable } from '@tanstack/re
 import { useCallback, useState } from 'react'
 import { Outlet, useNavigate, type LoaderFunctionArgs } from 'react-router'
 
+import { Badge } from '@oxide/design-system/components'
 import { Affinity24Icon } from '@oxide/design-system/icons/react'
 
 import {
@@ -40,7 +41,6 @@ import { makeLinkCell } from '~/table/cells/LinkCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { Columns } from '~/table/columns/common'
 import { Table } from '~/table/Table'
-import { Badge } from '~/ui/lib/Badge'
 import { Button } from '~/ui/lib/Button'
 import { CardBlock } from '~/ui/lib/CardBlock'
 import { Divider } from '~/ui/lib/Divider'
diff --git a/app/pages/project/instances/NetworkingTab.tsx b/app/pages/project/instances/NetworkingTab.tsx
index 5a40289430..5aec02c81e 100644
--- a/app/pages/project/instances/NetworkingTab.tsx
+++ b/app/pages/project/instances/NetworkingTab.tsx
@@ -23,6 +23,7 @@ import {
   type InstanceNetworkInterface,
   type InstanceState,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { IpGlobal24Icon, Networking24Icon } from '@oxide/design-system/icons/react'
 
 import { AttachEphemeralIpModal } from '~/components/AttachEphemeralIpModal'
@@ -47,7 +48,6 @@ import { LinkCell } from '~/table/cells/LinkCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { Columns } from '~/table/columns/common'
 import { Table } from '~/table/Table'
-import { Badge } from '~/ui/lib/Badge'
 import { Button } from '~/ui/lib/Button'
 import { CardBlock } from '~/ui/lib/CardBlock'
 import { CopyableIp } from '~/ui/lib/CopyableIp'
diff --git a/app/pages/project/instances/SerialConsolePage.tsx b/app/pages/project/instances/SerialConsolePage.tsx
index 13f853c82e..0131eb602f 100644
--- a/app/pages/project/instances/SerialConsolePage.tsx
+++ b/app/pages/project/instances/SerialConsolePage.tsx
@@ -16,13 +16,13 @@ import {
   usePrefetchedApiQuery,
   type Instance,
 } from '@oxide/api'
+import { Badge, type BadgeColor } from '@oxide/design-system/components'
 import { PrevArrow12Icon } from '@oxide/design-system/icons/react'
 
 import { EquivalentCliCommand } from '~/components/CopyCode'
 import { InstanceStateBadge } from '~/components/StateBadge'
 import { Terminal } from '~/components/Terminal'
 import { getInstanceSelector, useInstanceSelector } from '~/hooks/use-params'
-import { Badge, type BadgeColor } from '~/ui/lib/Badge'
 import { Spinner } from '~/ui/lib/Spinner'
 import { pb } from '~/util/path-builder'
 
diff --git a/app/pages/project/snapshots/SnapshotsPage.tsx b/app/pages/project/snapshots/SnapshotsPage.tsx
index e2a58d82c8..2b50487ff1 100644
--- a/app/pages/project/snapshots/SnapshotsPage.tsx
+++ b/app/pages/project/snapshots/SnapshotsPage.tsx
@@ -19,6 +19,7 @@ import {
   useApiQueryClient,
   type Snapshot,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Snapshots16Icon, Snapshots24Icon } from '@oxide/design-system/icons/react'
 
 import { DocsPopover } from '~/components/DocsPopover'
@@ -30,7 +31,6 @@ import { SkeletonCell } from '~/table/cells/EmptyCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { Columns } from '~/table/columns/common'
 import { useQueryTable } from '~/table/QueryTable'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateLink } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/pages/project/vpcs/RouterPage.tsx b/app/pages/project/vpcs/RouterPage.tsx
index d9a25ba5dd..cf00e70369 100644
--- a/app/pages/project/vpcs/RouterPage.tsx
+++ b/app/pages/project/vpcs/RouterPage.tsx
@@ -10,6 +10,7 @@ import { createColumnHelper } from '@tanstack/react-table'
 import { useCallback } from 'react'
 import { Outlet, useNavigate, type LoaderFunctionArgs } from 'react-router'
 
+import { Badge } from '@oxide/design-system/components'
 import { Networking16Icon, Networking24Icon } from '@oxide/design-system/icons/react'
 
 import {
@@ -35,7 +36,6 @@ import { addToast } from '~/stores/toast'
 import { TypeValueCell } from '~/table/cells/TypeValueCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { useQueryTable } from '~/table/QueryTable'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateButton, CreateLink } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/pages/system/inventory/DisksTab.tsx b/app/pages/system/inventory/DisksTab.tsx
index 02025e3ecc..5563b8926c 100644
--- a/app/pages/system/inventory/DisksTab.tsx
+++ b/app/pages/system/inventory/DisksTab.tsx
@@ -14,10 +14,10 @@ import {
   type PhysicalDiskPolicy,
   type PhysicalDiskState,
 } from '@oxide/api'
+import { Badge, type BadgeColor } from '@oxide/design-system/components'
 import { Servers24Icon } from '@oxide/design-system/icons/react'
 
 import { useQueryTable } from '~/table/QueryTable'
-import { Badge, type BadgeColor } from '~/ui/lib/Badge'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 
 const POLICY_KIND_BADGE_COLORS: Record<PhysicalDiskPolicy['kind'], BadgeColor> = {
diff --git a/app/pages/system/inventory/sled/SledBadges.tsx b/app/pages/system/inventory/sled/SledBadges.tsx
index a53d731999..51aad57574 100644
--- a/app/pages/system/inventory/sled/SledBadges.tsx
+++ b/app/pages/system/inventory/sled/SledBadges.tsx
@@ -5,9 +5,10 @@
  *
  * Copyright Oxide Computer Company
  */
+import { Badge, type BadgeColor } from '@oxide/design-system/components'
+
 import type { SledPolicy, SledState } from '~/api'
 import { EmptyCell } from '~/table/cells/EmptyCell'
-import { Badge, type BadgeColor } from '~/ui/lib/Badge'
 
 export const SledKindBadge = ({ policy }: { policy: SledPolicy }) =>
   policy.kind === 'expunged' ? (
diff --git a/app/pages/system/silos/SiloIdpsTab.tsx b/app/pages/system/silos/SiloIdpsTab.tsx
index d457c66d71..579fa4659e 100644
--- a/app/pages/system/silos/SiloIdpsTab.tsx
+++ b/app/pages/system/silos/SiloIdpsTab.tsx
@@ -9,6 +9,7 @@ import { createColumnHelper } from '@tanstack/react-table'
 import { useMemo } from 'react'
 import { Outlet } from 'react-router'
 
+import { Badge } from '@oxide/design-system/components'
 import { Cloud24Icon } from '@oxide/design-system/icons/react'
 
 import { getListQFn, type IdentityProvider } from '~/api'
@@ -16,7 +17,6 @@ import { useSiloSelector } from '~/hooks/use-params'
 import { LinkCell } from '~/table/cells/LinkCell'
 import { Columns } from '~/table/columns/common'
 import { useQueryTable } from '~/table/QueryTable'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateLink } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { pb } from '~/util/path-builder'
diff --git a/app/pages/system/silos/SiloPage.tsx b/app/pages/system/silos/SiloPage.tsx
index c18e2f168b..c449f1ab7b 100644
--- a/app/pages/system/silos/SiloPage.tsx
+++ b/app/pages/system/silos/SiloPage.tsx
@@ -8,13 +8,13 @@
 import { type LoaderFunctionArgs } from 'react-router'
 
 import { apiQueryClient, queryClient, usePrefetchedApiQuery } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Cloud16Icon, Cloud24Icon, NextArrow12Icon } from '@oxide/design-system/icons/react'
 
 import { DocsPopover } from '~/components/DocsPopover'
 import { QueryParamTabs } from '~/components/QueryParamTabs'
 import { makeCrumb } from '~/hooks/use-crumbs'
 import { getSiloSelector, useSiloSelector } from '~/hooks/use-params'
-import { Badge } from '~/ui/lib/Badge'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
 import { PropertiesTable } from '~/ui/lib/PropertiesTable'
diff --git a/app/pages/system/silos/SilosPage.tsx b/app/pages/system/silos/SilosPage.tsx
index 7c15d5763c..e6b6f15a45 100644
--- a/app/pages/system/silos/SilosPage.tsx
+++ b/app/pages/system/silos/SilosPage.tsx
@@ -16,6 +16,7 @@ import {
   useApiQueryClient,
   type Silo,
 } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Cloud16Icon, Cloud24Icon } from '@oxide/design-system/icons/react'
 
 import { DocsPopover } from '~/components/DocsPopover'
@@ -29,7 +30,6 @@ import { makeLinkCell } from '~/table/cells/LinkCell'
 import { useColsWithActions, type MenuAction } from '~/table/columns/action-col'
 import { Columns } from '~/table/columns/common'
 import { useQueryTable } from '~/table/QueryTable'
-import { Badge } from '~/ui/lib/Badge'
 import { CreateLink } from '~/ui/lib/CreateButton'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
diff --git a/app/table/cells/DefaultPoolCell.tsx b/app/table/cells/DefaultPoolCell.tsx
index 58c4885d6e..aa16a0cdd0 100644
--- a/app/table/cells/DefaultPoolCell.tsx
+++ b/app/table/cells/DefaultPoolCell.tsx
@@ -5,10 +5,9 @@
  *
  * Copyright Oxide Computer Company
  */
+import { Badge } from '@oxide/design-system/components'
 import { Success12Icon } from '@oxide/design-system/icons/react'
 
-import { Badge } from '~/ui/lib/Badge'
-
 export const DefaultPoolCell = ({ isDefault }: { isDefault: boolean }) =>
   isDefault ? (
     <>
diff --git a/app/table/cells/EnabledCell.tsx b/app/table/cells/EnabledCell.tsx
index daa284c34e..43950fbe59 100644
--- a/app/table/cells/EnabledCell.tsx
+++ b/app/table/cells/EnabledCell.tsx
@@ -6,10 +6,9 @@
  * Copyright Oxide Computer Company
  */
 import type { VpcFirewallRuleStatus } from '@oxide/api'
+import { Badge } from '@oxide/design-system/components'
 import { Disabled12Icon, Success12Icon } from '@oxide/design-system/icons/react'
 
-import { Badge } from '~/ui/lib/Badge'
-
 export const EnabledCell = ({ value }: { value: VpcFirewallRuleStatus }) =>
   value === 'enabled' ? (
     <>
diff --git a/app/table/cells/ProtocolCell.tsx b/app/table/cells/ProtocolCell.tsx
index 77ab93745e..83195bbb2a 100644
--- a/app/table/cells/ProtocolCell.tsx
+++ b/app/table/cells/ProtocolCell.tsx
@@ -6,8 +6,9 @@
  * Copyright Oxide Computer Company
  */
 
+import { Badge } from '@oxide/design-system/components'
+
 import type { VpcFirewallRuleProtocol } from '~/api'
-import { Badge } from '~/ui/lib/Badge'
 import { Tooltip } from '~/ui/lib/Tooltip'
 
 import { EmptyCell } from './EmptyCell'
diff --git a/app/table/cells/RouterLinkCell.tsx b/app/table/cells/RouterLinkCell.tsx
index 0058e62874..e6db7e8c39 100644
--- a/app/table/cells/RouterLinkCell.tsx
+++ b/app/table/cells/RouterLinkCell.tsx
@@ -6,9 +6,10 @@
  * Copyright Oxide Computer Company
  */
 
+import { Badge } from '@oxide/design-system/components'
+
 import { useApiQuery } from '~/api'
 import { useVpcSelector } from '~/hooks/use-params'
-import { Badge } from '~/ui/lib/Badge'
 import { pb } from '~/util/path-builder'
 
 import { EmptyCell, SkeletonCell } from './EmptyCell'
diff --git a/app/table/cells/TypeValueCell.tsx b/app/table/cells/TypeValueCell.tsx
index 40b1a34c41..de2104c814 100644
--- a/app/table/cells/TypeValueCell.tsx
+++ b/app/table/cells/TypeValueCell.tsx
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { Badge } from '~/ui/lib/Badge'
+import { Badge } from '@oxide/design-system/components'
 
 export type TypeValue = {
   type: string
diff --git a/app/ui/lib/Badge.tsx b/app/ui/lib/Badge.tsx
deleted file mode 100644
index 12725aef05..0000000000
--- a/app/ui/lib/Badge.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, you can obtain one at https://mozilla.org/MPL/2.0/.
- *
- * Copyright Oxide Computer Company
- */
-import cn from 'classnames'
-
-export type BadgeColor =
-  | 'default'
-  | 'destructive'
-  | 'notice'
-  | 'neutral'
-  | 'purple'
-  | 'blue'
-export type BadgeVariant = 'default' | 'solid'
-
-export interface BadgeProps {
-  color?: BadgeColor
-  className?: string
-  children: React.ReactNode
-  variant?: BadgeVariant
-}
-
-export const badgeColors: Record<BadgeVariant, Record<BadgeColor, string>> = {
-  default: {
-    default: `ring ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
-    destructive: `ring ring-inset bg-destructive-secondary text-destructive ring-[rgba(var(--base-red-800-rgb),0.15)]`,
-    notice: `ring ring-inset bg-notice-secondary text-notice ring-[rgba(var(--base-yellow-800-rgb),0.15)]`,
-    neutral: `ring ring-inset bg-secondary text-default ring-[rgba(var(--base-neutral-700-rgb),0.15)]`,
-    purple: `ring ring-inset bg-(--base-purple-200) text-(--base-purple-700) ring-[rgba(var(--base-purple-800-rgb),0.15)]`,
-    blue: `ring ring-inset bg-info-secondary text-info ring-[rgba(var(--base-blue-800-rgb),0.15)]`,
-  },
-  solid: {
-    default: 'bg-accent text-inverse',
-    destructive: 'bg-destructive text-inverse',
-    notice: 'bg-notice text-inverse',
-    neutral: 'bg-(--base-neutral-700) text-inverse',
-    purple: 'bg-(--base-purple-700) text-inverse',
-    blue: 'bg-info text-inverse',
-  },
-}
-
-export const Badge = ({
-  className,
-  children,
-  color = 'default',
-  variant = 'default',
-}: BadgeProps) => {
-  return (
-    <span
-      className={cn(
-        'ox-badge',
-        `variant-${variant}`,
-        'text-mono-sm inline-flex h-[18px] items-center rounded px-1 whitespace-nowrap uppercase',
-        badgeColors[variant][color],
-        className
-      )}
-    >
-      <span>{children}</span>
-    </span>
-  )
-}
diff --git a/app/ui/lib/Button.tsx b/app/ui/lib/Button.tsx
index 6eb1605612..f56ff5d5b4 100644
--- a/app/ui/lib/Button.tsx
+++ b/app/ui/lib/Button.tsx
@@ -9,12 +9,12 @@ import cn from 'classnames'
 import * as m from 'motion/react-m'
 import { type MouseEventHandler, type ReactNode } from 'react'
 
+import { type BadgeColor } from '@oxide/design-system/components'
+
 import { Spinner } from '~/ui/lib/Spinner'
 import { Tooltip } from '~/ui/lib/Tooltip'
 import { Wrap } from '~/ui/util/wrap'
 
-import { type BadgeColor } from './Badge'
-
 export const buttonSizes = ['sm', 'icon', 'base'] as const
 export const variants = ['primary', 'secondary', 'ghost', 'danger'] as const
 
diff --git a/app/ui/lib/MiniTable.tsx b/app/ui/lib/MiniTable.tsx
index b7ec2af556..ea40662223 100644
--- a/app/ui/lib/MiniTable.tsx
+++ b/app/ui/lib/MiniTable.tsx
@@ -27,7 +27,7 @@ const HeadCell = BigTable.HeadCell
 
 const Body = classed.tbody``
 
-const Row = classed.tr`is-selected *:border-default first:*:border-l *:last:border-b last:*:border-r`
+const Row = classed.tr`is-selected *:border-default first:*:border-l last:*:border-b last:*:border-r`
 
 const Cell = ({ children }: Children) => {
   return (
diff --git a/app/ui/lib/Spinner.tsx b/app/ui/lib/Spinner.tsx
index 9d76df03fa..524a11def7 100644
--- a/app/ui/lib/Spinner.tsx
+++ b/app/ui/lib/Spinner.tsx
@@ -8,7 +8,7 @@
 import cn from 'classnames'
 import { useEffect, useRef, useState, type ReactNode } from 'react'
 
-import { type BadgeColor } from './Badge'
+import { type BadgeColor } from '@oxide/design-system/components'
 
 export const spinnerSizes = ['sm', 'base', 'md', 'lg'] as const
 export type SpinnerSize = (typeof spinnerSizes)[number]
diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
index 6744f077da..9d87213c1a 100644
--- a/app/ui/lib/Table.tsx
+++ b/app/ui/lib/Table.tsx
@@ -54,9 +54,7 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (
     )}
     {...props}
   >
-    <div className="border-secondary -my-px flex h-9 items-center border-l px-3">
-      {children}
-    </div>
+    <div className="border-secondary flex h-9 items-center border-l px-3">{children}</div>
   </th>
 )
 
@@ -98,13 +96,13 @@ Table.Cell = ({ height = 'small', className, children, ...props }: TableCellProp
   <td
     className={cn(
       className,
-      'text-raise border-default pl-0 *:first:border-l-0 *:last:-mr-px'
+      'text-raise border-default pl-0 *:first:border-l-0 last:*:-mr-px'
     )}
     {...props}
   >
     <div
       className={cn(
-        'border-secondary relative -my-px -mr-[2px] flex items-center border-b border-l px-3 py-2',
+        'border-secondary relative -mr-[2px] flex items-center border-b border-l px-3 py-2',
         { 'h-11': height === 'small', 'h-14': height === 'large' }
       )}
     >
diff --git a/app/ui/styles/components/mini-table.css b/app/ui/styles/components/mini-table.css
index a2ee4318a8..7346cc4c28 100644
--- a/app/ui/styles/components/mini-table.css
+++ b/app/ui/styles/components/mini-table.css
@@ -24,7 +24,7 @@
 
   /* a fake left border for all cells that aren't first */
   & td + td:before {
-    @apply border-secondary absolute bottom-[2px] top-[calc(0.5rem+1px)] block w-[1px] border-l;
+    @apply border-secondary absolute top-[calc(0.5rem+1px)] bottom-[2px] block w-[1px] border-l;
     content: ' ';
   }
 
@@ -38,7 +38,7 @@
 
   /* all divs */
   & td > div {
-    @apply border-default flex h-9 items-center border border-y border-r-0 py-3 pl-3 pr-6;
+    @apply border-default flex h-9 items-center border border-y border-r-0 py-3 pr-6 pl-3;
   }
 
   /* first cell's div */
@@ -66,20 +66,20 @@
   }
 
   & thead tr:first-of-type th:first-of-type {
-    border-top-left-radius: var(--border-radius-lg);
+    border-top-left-radius: var(--radius-lg);
     @apply border-l;
   }
 
   & thead tr:first-of-type th:last-of-type {
-    border-top-right-radius: var(--border-radius-lg);
+    border-top-right-radius: var(--radius-lg);
     @apply w-8 border-r;
   }
 
   & tbody tr:last-of-type td:first-of-type {
-    border-bottom-left-radius: var(--border-radius-lg);
+    border-bottom-left-radius: var(--radius-lg);
   }
 
   & tbody tr:last-of-type td:last-of-type {
-    border-bottom-right-radius: var(--border-radius-lg);
+    border-bottom-right-radius: var(--radius-lg);
   }
 }
diff --git a/app/ui/styles/components/table.css b/app/ui/styles/components/table.css
index 47a35969e0..5212182fff 100644
--- a/app/ui/styles/components/table.css
+++ b/app/ui/styles/components/table.css
@@ -9,10 +9,10 @@
 table.ox-table {
   border-spacing: 0px;
 
-  --table-border-radius: var(--border-radius-lg);
+  --table-border-radius: var(--radius-lg);
 
   &.table-inline {
-    --table-border-radius: var(--border-radius);
+    --table-border-radius: var(--radius);
   }
 
   /*
@@ -82,7 +82,7 @@ table.ox-table {
   below with a background colour and still keep the styling
   */
   & tr:last-of-type td:last-of-type.action-col {
-    @apply border-b-0 border-r-0;
+    @apply border-r-0 border-b-0;
   }
 
   & tr:last-of-type td:last-of-type.action-col > div {
@@ -95,7 +95,7 @@ table.ox-table {
 
   & tr:last-of-type td:last-of-type.action-col:after {
     border-bottom-right-radius: var(--table-border-radius);
-    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-r content-[''];
+    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 border-r border-b content-[''];
   }
 
   & tr:last-of-type td:last-of-type:not(.action-col) {
@@ -108,11 +108,11 @@ table.ox-table {
 
   & tr:last-of-type td:first-of-type:after {
     border-bottom-left-radius: var(--table-border-radius);
-    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-b border-l content-[''];
+    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 border-b border-l content-[''];
   }
 
   & th:first-of-type {
-    @apply !bg-default border-l-0 border-t-0;
+    @apply !bg-default border-t-0 border-l-0;
   }
 
   & th:first-of-type > div {
@@ -122,11 +122,11 @@ table.ox-table {
 
   & th:first-of-type:after {
     border-top-left-radius: var(--table-border-radius);
-    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-l border-t content-[''];
+    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 border-t border-l content-[''];
   }
 
   & th:last-of-type.action-col {
-    @apply !bg-default !border-r-0 !border-t-0;
+    @apply !bg-default !border-t-0 !border-r-0;
   }
 
   & th:last-of-type.action-col > div {
@@ -136,7 +136,7 @@ table.ox-table {
 
   & th:last-of-type.action-col:after {
     border-top-right-radius: var(--table-border-radius);
-    @apply border-default pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-r border-t content-[''];
+    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 border-t border-r content-[''];
   }
 
   & th:last-of-type:not(.action-col) {
@@ -286,7 +286,7 @@ table.ox-table {
 
   & .selection-end td:last-child > div,
   & .is-selected:not(.multi-selection) td:last-child > div {
-    @apply before:border-accent-tertiary relative -ml-0.5 border-l-0 before:absolute before:bottom-1 before:left-0.5 before:top-0 before:block before:h-full before:border-l;
+    @apply before:border-accent-tertiary relative -ml-0.5 border-l-0 before:absolute before:top-0 before:bottom-1 before:left-0.5 before:block before:h-full before:border-l;
     /* Avoid layout shift caused by the border being inline with the content */
     padding-left: calc(1rem - 1px);
   }
@@ -321,7 +321,7 @@ cell and the table is overflowing
 
 .scrolled td:first-of-type:before,
 .scrolled th:first-of-type:before {
-  @apply border-r-secondary absolute bottom-0 right-0 top-0 border-r content-[''];
+  @apply border-r-secondary absolute top-0 right-0 bottom-0 border-r content-[''];
 }
 
 .simplebar-scrollbar {
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index 94d6c32543..bff3c3b446 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -39,6 +39,7 @@
 @import './themes/selection.css' layer(components);
 
 @import '@xterm/xterm/css/xterm.css' layer(components);
+@source '../../../node_modules/@oxide/design-system/dist';
 
 @theme {
   --animate-spin-slow: spin 5s linear infinite;
@@ -152,7 +153,7 @@
   input[type='radio']:focus-visible,
   input[type='checkbox']:focus-visible,
   input[type='number']:focus-visible {
-    @apply outline-solid outline-accent-secondary outline-2 outline-offset-0;
+    @apply outline-accent-secondary outline-2 outline-offset-0 outline-solid;
 
     &.focus-error {
       @apply outline-error-secondary;
@@ -188,7 +189,7 @@
   input[type='radio']:focus,
   input[type='checkbox']:focus,
   input[type='number']:focus {
-    @apply outline-solid outline-accent-secondary outline-2 outline-offset-0;
+    @apply outline-accent-secondary outline-2 outline-offset-0 outline-solid;
 
     &.focus-error {
       @apply outline-error-secondary;
diff --git a/app/util/access.ts b/app/util/access.ts
index 59fddbe0ed..957800bb03 100644
--- a/app/util/access.ts
+++ b/app/util/access.ts
@@ -6,8 +6,9 @@
  * Copyright Oxide Computer Company
  */
 
+import { type BadgeColor } from '@oxide/design-system/components'
+
 import type { IdentityType, RoleKey } from '~/api'
-import type { BadgeColor } from '~/ui/lib/Badge'
 
 export const identityTypeLabel: Record<IdentityType, string> = {
   silo_group: 'Group',

From 29c81da87e5d7971eca6e8ad12e61773d398cc29 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 11:53:53 +0100
Subject: [PATCH 03/18] Neater focus

---
 app/components/DocsPopover.tsx     | 2 +-
 app/components/MoreActionsMenu.tsx | 2 +-
 app/components/TopBar.tsx          | 4 ++--
 app/table/columns/action-col.tsx   | 2 +-
 app/ui/lib/DropdownMenu.tsx        | 2 +-
 app/ui/styles/index.css            | 4 ++++
 6 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx
index 5f973ca468..937783eb9d 100644
--- a/app/components/DocsPopover.tsx
+++ b/app/components/DocsPopover.tsx
@@ -47,7 +47,7 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps)
   const title = `Learn about ${heading}`
   return (
     <Popover>
-      <PopoverButton title={title}>
+      <PopoverButton title={title} className="rounded">
         <div className={cn(buttonStyle({ size: 'sm', variant: 'ghost' }), 'w-8')}>
           <Info16Icon aria-hidden className="shrink-0" />
         </div>
diff --git a/app/components/MoreActionsMenu.tsx b/app/components/MoreActionsMenu.tsx
index b92afad7af..a2e72179b1 100644
--- a/app/components/MoreActionsMenu.tsx
+++ b/app/components/MoreActionsMenu.tsx
@@ -27,7 +27,7 @@ export const MoreActionsMenu = ({
 }: MoreActionsMenuProps) => {
   return (
     <DropdownMenu.Root>
-      <DropdownMenu.Trigger aria-label={label}>
+      <DropdownMenu.Trigger aria-label={label} className="rounded">
         <div
           className={cn(
             'active-clicked border-default hover:bg-tertiary flex items-center justify-center rounded border',
diff --git a/app/components/TopBar.tsx b/app/components/TopBar.tsx
index 941e67164d..b68f6386e0 100644
--- a/app/components/TopBar.tsx
+++ b/app/components/TopBar.tsx
@@ -132,7 +132,7 @@ function UserMenu() {
   const { me } = useCurrentUser()
   return (
     <DropdownMenu.Root>
-      <DropdownMenu.Trigger aria-label="User menu">
+      <DropdownMenu.Trigger aria-label="User menu" className="rounded">
         <div
           className={cn(
             buttonStyle({ size: 'sm', variant: 'ghost' }),
@@ -161,7 +161,7 @@ function UserMenu() {
 function SiloSystemPicker({ level }: { level: 'silo' | 'system' }) {
   return (
     <DropdownMenu.Root>
-      <DropdownMenu.Trigger aria-label="Switch between system and silo">
+      <DropdownMenu.Trigger aria-label="Switch between system and silo" className="rounded">
         <div className="active-clicked text-sans-md text-default border-secondary hover:bg-hover flex items-center rounded border px-2 py-1.5">
           <div className="text-tertiary flex items-center">
             {level === 'system' ? <Servers16Icon /> : <Organization16Icon />}
diff --git a/app/table/columns/action-col.tsx b/app/table/columns/action-col.tsx
index cae806ec1e..da1335a673 100644
--- a/app/table/columns/action-col.tsx
+++ b/app/table/columns/action-col.tsx
@@ -85,7 +85,7 @@ export const RowActions = ({ id, copyIdLabel = 'Copy ID', actions }: RowActionsP
     <DropdownMenu.Root>
       {/* stopPropagation prevents clicks from toggling row select in a single select table */}
       <DropdownMenu.Trigger
-        className="flex h-full w-10 items-center justify-center"
+        className="flex h-full w-10 items-center justify-center rounded -outline-offset-1"
         aria-label="Row actions"
         onClick={(e) => e.stopPropagation()}
       >
diff --git a/app/ui/lib/DropdownMenu.tsx b/app/ui/lib/DropdownMenu.tsx
index 1012b4bd8f..4637b1855f 100644
--- a/app/ui/lib/DropdownMenu.tsx
+++ b/app/ui/lib/DropdownMenu.tsx
@@ -40,7 +40,7 @@ export function Content({ className, children, anchor = 'bottom end', gap }: Con
       anchor={anchor}
       // goofy gap because tailwind hates string interpolation
       className={cn(
-        'dropdown-menu-content elevation-2',
+        'dropdown-menu-content elevation-2 outline-hidden',
         gap === 8 && `[--anchor-gap:8px]`,
         className
       )}
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index bff3c3b446..f55bd81fb5 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -217,4 +217,8 @@
   h5 {
     @apply text-raise;
   }
+
+  html:not([data-headlessui-focus-visible]) *:focus {
+    outline: none !important;
+  }
 }

From 30b64a019341a3ff69aa82292da6d9aa723e7166 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 11:54:07 +0100
Subject: [PATCH 04/18] Style fixes

---
 app/table/columns/action-col.tsx |  2 +-
 app/ui/styles/index.css          | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/table/columns/action-col.tsx b/app/table/columns/action-col.tsx
index da1335a673..04b79a935f 100644
--- a/app/table/columns/action-col.tsx
+++ b/app/table/columns/action-col.tsx
@@ -60,7 +60,7 @@ export const getActionsCol = <TData extends Record<string, unknown>>(
     header: '',
     meta: {
       thClassName: 'action-col',
-      tdClassName: 'action-col *:p-0 w-10',
+      tdClassName: 'action-col',
     },
 
     cell: ({ row }) => {
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index f55bd81fb5..ff617767d3 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -18,25 +18,25 @@
 
 @import 'tailwindcss';
 
-@import '@oxide/design-system/styles/main.css';
 @import '@oxide/design-system/styles/tailwind.css';
+@import '@oxide/design-system/styles/main.css';
 @import 'simplebar-react/dist/simplebar.min.css' layer(components);
 
 @import './fonts.css' layer(base);
 @import './vars.css' layer(base);
-@import './components/button.css' layer(components);
-@import './components/menu-button.css' layer(components);
-@import './components/menu-list.css' layer(components);
-@import './components/loading-bar.css' layer(components);
-@import './components/Tabs.css' layer(components);
-@import './components/form.css' layer(components);
-@import './components/login-page.css' layer(components);
-@import './components/mini-table.css' layer(components);
-@import './components/side-modal.css' layer(components);
-@import './components/spinner.css' layer(components);
-@import './components/table.css' layer(components);
-@import './components/tooltip.css' layer(components);
-@import './themes/selection.css' layer(components);
+@import './components/button.css';
+@import './components/menu-button.css';
+@import './components/menu-list.css';
+@import './components/loading-bar.css';
+@import './components/Tabs.css';
+@import './components/form.css';
+@import './components/login-page.css';
+@import './components/mini-table.css';
+@import './components/side-modal.css';
+@import './components/spinner.css';
+@import './components/table.css';
+@import './components/tooltip.css';
+@import './themes/selection.css';
 
 @import '@xterm/xterm/css/xterm.css' layer(components);
 @source '../../../node_modules/@oxide/design-system/dist';

From b65623c559a7f74691ac2b23c9f20d909568d9e0 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 11:54:15 +0100
Subject: [PATCH 05/18] Headless ui upgrade

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d8d36a4c68..6101a5dd29 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
       "license": "MPL-2.0",
       "dependencies": {
         "@floating-ui/react": "^0.26.23",
-        "@headlessui/react": "^2.2.0",
+        "@headlessui/react": "^2.2.9",
         "@oxide/design-system": "^3.1.0",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-dialog": "^1.1.6",
diff --git a/package.json b/package.json
index 32904bca2c..b7e0cee9a5 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
   "private": true,
   "dependencies": {
     "@floating-ui/react": "^0.26.23",
-    "@headlessui/react": "^2.2.0",
+    "@headlessui/react": "^2.2.9",
     "@oxide/design-system": "^3.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-dialog": "^1.1.6",

From 68909b8e9d3508c870b6447c69cbae4d58b16996 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 12:07:57 +0100
Subject: [PATCH 06/18] Initial table fixes

---
 app/ui/lib/Table.tsx               | 4 ++--
 app/ui/styles/components/table.css | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
index 9d87213c1a..43d866f83a 100644
--- a/app/ui/lib/Table.tsx
+++ b/app/ui/lib/Table.tsx
@@ -50,7 +50,7 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (
   <th
     className={cn(
       className,
-      'text-mono-sm bg-secondary border-default border border-x-0 pl-0 text-left *:first:border-0'
+      'text-mono-sm bg-secondary border-default border border-x-0 pl-0 text-left *:first-child:border-0'
     )}
     {...props}
   >
@@ -96,7 +96,7 @@ Table.Cell = ({ height = 'small', className, children, ...props }: TableCellProp
   <td
     className={cn(
       className,
-      'text-raise border-default pl-0 *:first:border-l-0 last:*:-mr-px'
+      'text-raise border-default pl-0 *:first-child:border-l-0 *:last-child:-mr-px'
     )}
     {...props}
   >
diff --git a/app/ui/styles/components/table.css b/app/ui/styles/components/table.css
index 5212182fff..ccc8d98f74 100644
--- a/app/ui/styles/components/table.css
+++ b/app/ui/styles/components/table.css
@@ -302,7 +302,7 @@ cell and the table is overflowing
 .scrolled th:first-of-type,
 .overflowing td:last-of-type.action-col,
 .overflowing th:last-of-type.action-col {
-  box-shadow: var(--elevation-2);
+  @apply elevation-2;
 }
 
 /*

From 3994789dfcd3080c9a6f26cb529b49d348baed9f Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 14:22:09 +0100
Subject: [PATCH 07/18] Table, focus and token fixes

---
 app/components/DocsPopover.tsx     |  2 +-
 app/components/TopBar.tsx          |  5 ++++-
 app/table/columns/action-col.tsx   |  2 +-
 app/table/columns/select-col.tsx   |  2 --
 app/ui/lib/Button.tsx              |  4 ++--
 app/ui/lib/Checkbox.tsx            |  2 +-
 app/ui/lib/Table.tsx               | 11 +++++------
 app/ui/lib/TextInput.tsx           |  2 +-
 app/ui/styles/components/table.css | 16 ++++++++++------
 app/ui/styles/index.css            |  6 +++++-
 app/ui/styles/themes/selection.css | 16 ++++++++--------
 11 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx
index 937783eb9d..0e8fa08f6b 100644
--- a/app/components/DocsPopover.tsx
+++ b/app/components/DocsPopover.tsx
@@ -47,7 +47,7 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps)
   const title = `Learn about ${heading}`
   return (
     <Popover>
-      <PopoverButton title={title} className="rounded">
+      <PopoverButton title={title} className="headless-hide-focus rounded">
         <div className={cn(buttonStyle({ size: 'sm', variant: 'ghost' }), 'w-8')}>
           <Info16Icon aria-hidden className="shrink-0" />
         </div>
diff --git a/app/components/TopBar.tsx b/app/components/TopBar.tsx
index b68f6386e0..d4f29b417a 100644
--- a/app/components/TopBar.tsx
+++ b/app/components/TopBar.tsx
@@ -161,7 +161,10 @@ function UserMenu() {
 function SiloSystemPicker({ level }: { level: 'silo' | 'system' }) {
   return (
     <DropdownMenu.Root>
-      <DropdownMenu.Trigger aria-label="Switch between system and silo" className="rounded">
+      <DropdownMenu.Trigger
+        aria-label="Switch between system and silo"
+        className="headless-hide-focus rounded"
+      >
         <div className="active-clicked text-sans-md text-default border-secondary hover:bg-hover flex items-center rounded border px-2 py-1.5">
           <div className="text-tertiary flex items-center">
             {level === 'system' ? <Servers16Icon /> : <Organization16Icon />}
diff --git a/app/table/columns/action-col.tsx b/app/table/columns/action-col.tsx
index 04b79a935f..58f326d38f 100644
--- a/app/table/columns/action-col.tsx
+++ b/app/table/columns/action-col.tsx
@@ -85,7 +85,7 @@ export const RowActions = ({ id, copyIdLabel = 'Copy ID', actions }: RowActionsP
     <DropdownMenu.Root>
       {/* stopPropagation prevents clicks from toggling row select in a single select table */}
       <DropdownMenu.Trigger
-        className="flex h-full w-10 items-center justify-center rounded -outline-offset-1"
+        className="headless-hide-focus flex h-full w-full items-center justify-center rounded -outline-offset-2"
         aria-label="Row actions"
         onClick={(e) => e.stopPropagation()}
       >
diff --git a/app/table/columns/select-col.tsx b/app/table/columns/select-col.tsx
index ede47bcf58..c34a0e7990 100644
--- a/app/table/columns/select-col.tsx
+++ b/app/table/columns/select-col.tsx
@@ -13,7 +13,6 @@ import { Radio } from '~/ui/lib/Radio'
 // only needs to be a function because of the generic params
 export const getSelectCol = <TData,>() => ({
   id: 'select',
-  meta: { thClassName: 'w-10' },
   header: '',
   cell: ({ row }: { row: Row<TData> }) => {
     // `onChange` is empty to suppress react warning. Actual trigger happens in `Table.tsx`
@@ -23,7 +22,6 @@ export const getSelectCol = <TData,>() => ({
 
 export const getMultiSelectCol = <TData,>() => ({
   id: 'select',
-  meta: { thClassName: 'w-10' },
   header: ({ table }: { table: Table<TData> }) => (
     <div className="flex">
       <Checkbox
diff --git a/app/ui/lib/Button.tsx b/app/ui/lib/Button.tsx
index f56ff5d5b4..8b0ebbe80b 100644
--- a/app/ui/lib/Button.tsx
+++ b/app/ui/lib/Button.tsx
@@ -49,8 +49,8 @@ export const buttonStyle = ({
     `btn-${variant}`,
     sizeStyle[size],
     variant === 'danger'
-      ? 'focus:outline-destructive-secondary'
-      : 'focus:outline-accent-secondary'
+      ? 'focus-visible:outline-destructive-secondary'
+      : 'focus-visible:outline-accent-secondary'
   )
 }
 
diff --git a/app/ui/lib/Checkbox.tsx b/app/ui/lib/Checkbox.tsx
index 17140cd976..cb5d028865 100644
--- a/app/ui/lib/Checkbox.tsx
+++ b/app/ui/lib/Checkbox.tsx
@@ -18,7 +18,7 @@ const Check = () => (
 const Indeterminate = classed.div`absolute w-2 h-0.5 left-1 top-[7px] bg-accent pointer-events-none`
 
 const inputStyle = `
-  appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-hidden
+  appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0
   disabled:cursor-not-allowed
   hover:border-hover hover:cursor-pointer
   checked:bg-accent-secondary checked:border-accent-secondary
diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
index 43d866f83a..01de9db74b 100644
--- a/app/ui/lib/Table.tsx
+++ b/app/ui/lib/Table.tsx
@@ -50,11 +50,13 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (
   <th
     className={cn(
       className,
-      'text-mono-sm bg-secondary border-default border border-x-0 pl-0 text-left *:first-child:border-0'
+      'text-mono-sm bg-secondary border-default *:first-child:border-0 h-9 border border-x-0 pr-px pl-0 text-left'
     )}
     {...props}
   >
-    <div className="border-secondary flex h-9 items-center border-l px-3">{children}</div>
+    <div className="border-secondary flex h-full items-center border-l px-3">
+      {children}
+    </div>
   </th>
 )
 
@@ -94,10 +96,7 @@ Table.Body = ({ className, children, ...props }: TableBodyProps) => {
 export type TableCellProps = JSX.IntrinsicElements['td'] & { height?: 'small' | 'large' }
 Table.Cell = ({ height = 'small', className, children, ...props }: TableCellProps) => (
   <td
-    className={cn(
-      className,
-      'text-raise border-default pl-0 *:first-child:border-l-0 *:last-child:-mr-px'
-    )}
+    className={cn(className, 'text-raise border-default *:first-child:border-l-0 pl-0')}
     {...props}
   >
     <div
diff --git a/app/ui/lib/TextInput.tsx b/app/ui/lib/TextInput.tsx
index 4fb4a4c119..ffc26ef39d 100644
--- a/app/ui/lib/TextInput.tsx
+++ b/app/ui/lib/TextInput.tsx
@@ -79,7 +79,7 @@ export function TextInput({
         type={type}
         value={value}
         className={cn(
-          `text-sans-md text-raise bg-default placeholder:text-tertiary disabled:text-secondary disabled:bg-disabled w-full rounded border-none px-3 py-2.75 outline-offset-1! focus:outline-hidden disabled:cursor-not-allowed`,
+          `text-sans-md text-raise bg-default placeholder:text-tertiary disabled:text-secondary disabled:bg-disabled w-full rounded border-none px-3 py-2.75 outline-offset-1! disabled:cursor-not-allowed`,
           error && 'focus-error',
           fieldClassName,
           disabled && 'text-disabled bg-disabled',
diff --git a/app/ui/styles/components/table.css b/app/ui/styles/components/table.css
index ccc8d98f74..e9dcad8061 100644
--- a/app/ui/styles/components/table.css
+++ b/app/ui/styles/components/table.css
@@ -59,13 +59,17 @@ table.ox-table {
   Last column is sticky if it
   is a more actions cell
   */
-  & th:last-of-type.action-col,
-  & td:last-of-type.action-col {
-    @apply bg-default sticky right-0;
+  & th.action-col,
+  & td.action-col {
+    @apply bg-default sticky right-0 w-10;
   }
-  & th:last-of-type.action-col {
+  & th.action-col {
     @apply bg-secondary;
   }
+  & th.action-col > div,
+  & td.action-col > div {
+    @apply !m-0 w-10 !p-0;
+  }
 
   /*
     Highlight when hovering over the action-col cell
@@ -82,7 +86,7 @@ table.ox-table {
   below with a background colour and still keep the styling
   */
   & tr:last-of-type td:last-of-type.action-col {
-    @apply border-r-0 border-b-0;
+    @apply border-r-0 border-b-0 pr-px;
   }
 
   & tr:last-of-type td:last-of-type.action-col > div {
@@ -95,7 +99,7 @@ table.ox-table {
 
   & tr:last-of-type td:last-of-type.action-col:after {
     border-bottom-right-radius: var(--table-border-radius);
-    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 border-r border-b content-[''];
+    @apply border-default pointer-events-none absolute top-0 right-0 bottom-0 left-0 z-0 border-r border-b content-[''];
   }
 
   & tr:last-of-type td:last-of-type:not(.action-col) {
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index ff617767d3..2de1c5e6e7 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -218,7 +218,11 @@
     @apply text-raise;
   }
 
-  html:not([data-headlessui-focus-visible]) *:focus {
+  /*
+    https://github.com/tailwindlabs/headlessui/issues/2862#issuecomment-1840891819
+    fix for headlessui focus issue
+  */
+  html:not([data-headlessui-focus-visible]) .headless-hide-focus:focus {
     outline: none !important;
   }
 }
diff --git a/app/ui/styles/themes/selection.css b/app/ui/styles/themes/selection.css
index 6c55a0cec0..5d469492a3 100644
--- a/app/ui/styles/themes/selection.css
+++ b/app/ui/styles/themes/selection.css
@@ -22,23 +22,23 @@
   --surface-default: var(--theme-accent-300);
   --stroke-secondary: var(--stroke-accent-secondary);
   --stroke-surface: var(--surface-default);
-  --surface-raise: var(--theme-accent-4);
+  --surface-raise: var(--theme-accent-400);
 
   & .ox-badge,
   & .ox-tag,
   & .ox-button:not(.btn-ghost),
   & .ox-radio-card {
     --content-accent: var(--content-inverse);
-    --surface-accent-secondary: var(--theme-accent-1);
-    --surface-accent-secondary-hover: var(--theme-accent-2);
+    --surface-accent-secondary: var(--theme-accent-100);
+    --surface-accent-secondary-hover: var(--theme-accent-200);
     --content-notice: var(--content-inverse);
-    --surface-notice-secondary: var(--theme-notice-1);
-    --surface-notice-secondary-hover: var(--theme-notice-2);
+    --surface-notice-secondary: var(--theme-notice-100);
+    --surface-notice-secondary-hover: var(--theme-notice-200);
     --content-destructive: var(--content-inverse);
-    --surface-destructive-secondary: var(--theme-destructive-1);
-    --surface-destructive-secondary-hover: var(--theme-destructive-2);
+    --surface-destructive-secondary: var(--theme-destructive-100);
+    --surface-destructive-secondary-hover: var(--theme-destructive-200);
     --content-secondary: var(--content-inverse);
     --surface-secondary: var(--surface-inverse-secondary);
-    --surface-secondary-hover: var(--surface-inverse-tertiary);
+    --surface-secondary-hover: var(--content-tertiary);
   }
 }

From f6a315bec1bb0f6394327be09476c135fb0c24bd Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 14:28:56 +0100
Subject: [PATCH 08/18] Switch metrics cursor colour

---
 app/components/TimeSeriesChart.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/TimeSeriesChart.tsx b/app/components/TimeSeriesChart.tsx
index 45350ccb43..0253c8c927 100644
--- a/app/components/TimeSeriesChart.tsx
+++ b/app/components/TimeSeriesChart.tsx
@@ -63,7 +63,7 @@ const shortTime = (ts: number) => format(new Date(ts), 'HH:mm')
 const longDateTime = (ts: number) => format(new Date(ts), 'MMM d, yyyy HH:mm:ss zz')
 
 const GRID_GRAY = 'var(--stroke-secondary)'
-const CURSOR_GRAY = 'rgba(var(--base-neutral-500-rgb), 1)'
+const CURSOR = 'var(--chart-stroke-item)'
 const GREEN_400 = 'var(--theme-accent-400)'
 const GREEN_600 = 'var(--theme-accent-600)'
 const GREEN_800 = 'var(--theme-accent-800)'
@@ -270,7 +270,7 @@ export function TimeSeriesChart({
           <Tooltip
             isAnimationActive={false}
             content={(props: TooltipProps<number, string>) => renderTooltip(props, unit)}
-            cursor={{ stroke: CURSOR_GRAY, strokeDasharray: '3,3' }}
+            cursor={{ stroke: CURSOR, strokeDasharray: '3,3' }}
             wrapperStyle={{ outline: 'none' }}
           />
           <Area

From d73e5ec2787ad9672a2a2a144a927ccf3ac1558f Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 14:48:48 +0100
Subject: [PATCH 09/18] Table and card fixes

---
 app/table/cells/LinkCell.tsx | 2 +-
 app/ui/lib/Radio.tsx         | 6 +++---
 app/ui/lib/Table.tsx         | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/table/cells/LinkCell.tsx b/app/table/cells/LinkCell.tsx
index f28d8f7517..106917eb87 100644
--- a/app/table/cells/LinkCell.tsx
+++ b/app/table/cells/LinkCell.tsx
@@ -13,7 +13,7 @@ import { classed } from '~/util/classed'
 const linkClass = 'link-with-underline group flex h-full w-full items-center text-sans-md'
 
 /** Pushes out the link area to the entire cell for improved clickability™ */
-const Pusher = classed.div`absolute inset-0 right-px group-hover:bg-raise`
+const Pusher = classed.div`absolute inset-0 w-[calc(100%-2px)] right-[2px] group-hover:bg-raise`
 
 /**
  * Because this returns a component, it should only be used in a static context
diff --git a/app/ui/lib/Radio.tsx b/app/ui/lib/Radio.tsx
index dd123cfae2..646c8a364c 100644
--- a/app/ui/lib/Radio.tsx
+++ b/app/ui/lib/Radio.tsx
@@ -39,11 +39,11 @@ export const Radio = ({ children, className, ...inputProps }: RadioProps) => (
 )
 
 const cardLabelStyles = `
-  py-2 px-4 text-sans-md border rounded border-default bg-default hover:border-hover
+  text-sans-md border rounded border-default bg-default hover:border-hover
   peer-focus:ring-2 peer-focus:ring-accent-secondary w-44 text-raise
 
-  *:py-3 *:px-3 *:-mx-4 *:border-secondary
-  first:*:-mt-2 last:*:-mb-2 cursor-pointer
+  *:border-secondary *:p-3
+  cursor-pointer
 
   peer-checked:bg-accent-secondary
   peer-checked:border-accent-secondary peer-checked:hover:border-accent peer-checked:*:border-accent peer-checked:*:border-accent-secondary
diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
index 01de9db74b..56e198b8c6 100644
--- a/app/ui/lib/Table.tsx
+++ b/app/ui/lib/Table.tsx
@@ -96,12 +96,12 @@ Table.Body = ({ className, children, ...props }: TableBodyProps) => {
 export type TableCellProps = JSX.IntrinsicElements['td'] & { height?: 'small' | 'large' }
 Table.Cell = ({ height = 'small', className, children, ...props }: TableCellProps) => (
   <td
-    className={cn(className, 'text-raise border-default *:first-child:border-l-0 pl-0')}
+    className={cn(className, 'text-raise border-default pl-0 first:*:border-l-0')}
     {...props}
   >
     <div
       className={cn(
-        'border-secondary relative -mr-[2px] flex items-center border-b border-l px-3 py-2',
+        'border-secondary relative -mr-[2px] flex items-center overflow-hidden border-b border-l px-3 py-2',
         { 'h-11': height === 'small', 'h-14': height === 'large' }
       )}
     >

From 6eae8d52768ac4bb58e18d7f316258f4b35ba5f0 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 14:59:00 +0100
Subject: [PATCH 10/18] Visual regression script

Visual regression script

Update generate-visual-baseline.sh

Setting up tests

Fix cmd

Test improvements

Add regression e2e test

Fix / remove vis regression tests

Update generate-visual-baseline.sh

Simplify scripts

Simplify regression readme
---
 .gitignore                        |   7 ++
 package.json                      |   2 +
 test/e2e/VISUAL-REGRESSION.md     |  65 +++++++++++++++
 test/e2e/login.e2e.ts             |  11 +++
 test/e2e/visual-regression.e2e.ts | 112 +++++++++++++++++++++++++
 tools/compare-visual-changes.sh   | 112 +++++++++++++++++++++++++
 tools/generate-visual-baseline.sh | 130 ++++++++++++++++++++++++++++++
 7 files changed, 439 insertions(+)
 create mode 100644 test/e2e/VISUAL-REGRESSION.md
 create mode 100644 test/e2e/visual-regression.e2e.ts
 create mode 100755 tools/compare-visual-changes.sh
 create mode 100755 tools/generate-visual-baseline.sh

diff --git a/.gitignore b/.gitignore
index f80867aaf5..d218905310 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,3 +31,10 @@ test-results/
 ci-e2e-traces/
 playwright-report/
 .vercel
+
+# Visual regression snapshots
+test/e2e/**/*-snapshots/
+test/e2e/**/*.png
+
+# LLMs
+CLAUDE.md
diff --git a/package.json b/package.json
index b7e0cee9a5..ff3fba34b9 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
     "update-snapshots": "npm test run -- -u",
     "e2e": "playwright test",
     "e2ec": "playwright test --project=chrome",
+    "visual:baseline": "./tools/generate-visual-baseline.sh",
+    "visual:compare": "./tools/compare-visual-changes.sh",
     "lint": "oxlint && eslint --ext .js,.ts,.tsx app test mock-api",
     "oxlint": "oxlint",
     "fmt": "prettier --cache --write . && npm run lint -- --fix",
diff --git a/test/e2e/VISUAL-REGRESSION.md b/test/e2e/VISUAL-REGRESSION.md
new file mode 100644
index 0000000000..749bf7750d
--- /dev/null
+++ b/test/e2e/VISUAL-REGRESSION.md
@@ -0,0 +1,65 @@
+# Visual Regression Testing
+
+## Quick Start
+
+### 1. Generate Baseline Snapshots
+
+First, generate baseline snapshots from a commit before your changes:
+
+```bash
+# Generate baseline from latest origin/main (most common)
+npm run visual:baseline -- --main
+
+# Or from a specific commit hash
+npm run visual:baseline -- abc123
+
+# Or from the previous commit
+npm run visual:baseline -- HEAD~1
+```
+
+This will:
+1. Fetch the latest main branch (if using `--main`)
+2. Temporarily checkout the specified commit
+3. Install dependencies
+4. Run all E2E tests with `--update-snapshots` to generate baseline images
+5. Restore your working directory to its previous state
+
+### 2. Compare Current Changes
+
+After making your changes, compare the current state against the baseline:
+
+```bash
+# Run visual comparison
+npm run visual:compare
+
+# Open UI mode to inspect differences interactively
+npm run visual:compare -- --ui
+
+# Run in headed mode (show browser)
+npm run visual:compare -- --headed
+```
+
+This will run your E2E tests and flag any visual differences.
+
+### 3. Review Differences
+
+If differences are detected:
+
+1. Check the `test-results/` directory for diff images
+2. Use `--ui` mode to inspect differences interactively:
+   ```bash
+   npm run visual:compare -- --ui
+   ```
+3. Evaluate whether the changes are:
+   - **Intentional**: Expected visual changes from your work
+   - **Unintentional**: Regressions or unexpected side effects
+
+### 4. Update Baseline (if needed)
+
+If the visual changes are intentional and correct:
+
+```bash
+npm run visual:compare -- --update
+```
+
+This will update the baseline snapshots to match the current state.
diff --git a/test/e2e/login.e2e.ts b/test/e2e/login.e2e.ts
index ca89088463..f26008ba2b 100644
--- a/test/e2e/login.e2e.ts
+++ b/test/e2e/login.e2e.ts
@@ -10,10 +10,18 @@ import { expect, test } from './utils'
 test.describe('login', () => {
   test('with valid credentials redirects', async ({ page }) => {
     await page.goto('/login/default-silo/local')
+
+    // Visual snapshot of login form
+    await expect(page).toHaveScreenshot('login-form.png')
+
     await page.fill('input[name=username]', 'abc')
     await page.fill('input[name=password]', 'def')
     await page.getByRole('button', { name: 'Sign in' }).click()
     await expect(page).toHaveURL('/projects')
+
+    // Visual snapshot of projects page after login
+    await expect(page.getByRole('heading', { name: 'Projects' })).toBeVisible()
+    await expect(page).toHaveScreenshot('projects-page.png')
   })
 
   test('with redirect_uri param redirects to last page', async ({ page }) => {
@@ -32,5 +40,8 @@ test.describe('login', () => {
     await page.fill('input[name=password]', 'bad') // the Bad Password
     await page.getByRole('button', { name: 'Sign in' }).click()
     await expect(page.getByText('Could not sign in')).toBeVisible()
+
+    // Visual snapshot of error state
+    await expect(page).toHaveScreenshot('login-error.png')
   })
 })
diff --git a/test/e2e/visual-regression.e2e.ts b/test/e2e/visual-regression.e2e.ts
new file mode 100644
index 0000000000..8bef90b317
--- /dev/null
+++ b/test/e2e/visual-regression.e2e.ts
@@ -0,0 +1,112 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+
+/**
+ * Visual regression tests for style changes
+ *
+ * This test file captures visual snapshots of key pages and components.
+ * Use it to detect unintended visual changes when upgrading design systems,
+ * CSS frameworks, or making broad styling changes.
+ */
+
+import { expect, test } from './utils'
+
+test.describe('Visual Regression', () => {
+  test('projects list', async ({ page }) => {
+    await page.goto('/projects')
+    await page.getByRole('heading', { name: 'Projects' }).waitFor()
+    await expect(page).toHaveScreenshot('projects-list.png', { fullPage: true })
+  })
+
+  test('instances list', async ({ page }) => {
+    await page.goto('/projects/mock-project/instances')
+    await page.getByRole('heading', { name: 'Instances' }).waitFor()
+    await expect(page).toHaveScreenshot('instances-list.png', { fullPage: true })
+  })
+
+  test('instance detail', async ({ page }) => {
+    await page.goto('/projects/mock-project/instances/db1')
+    await page.getByRole('heading', { name: 'db1' }).waitFor()
+    await expect(page).toHaveScreenshot('instance-detail.png', { fullPage: true })
+  })
+
+  test('create disk', async ({ page }) => {
+    await page.goto('/projects/mock-project/disks-new')
+    await page.getByRole('heading', { name: 'Create disk' }).waitFor()
+    await expect(page).toHaveScreenshot('disks-new.png', { fullPage: true })
+  })
+
+  test('disks list', async ({ page }) => {
+    await page.goto('/projects/mock-project/disks')
+    await page.getByRole('heading', { name: 'Disks' }).waitFor()
+    await expect(page).toHaveScreenshot('disks-list.png', { fullPage: true })
+  })
+
+  test('vpcs list', async ({ page }) => {
+    await page.goto('/projects/mock-project/vpcs')
+    await page.getByRole('heading', { name: 'VPCs' }).waitFor()
+    await expect(page).toHaveScreenshot('vpcs-list.png', { fullPage: true })
+  })
+
+  test('snapshots list', async ({ page }) => {
+    await page.goto('/projects/mock-project/snapshots')
+    await page.getByRole('heading', { name: 'Snapshots' }).waitFor()
+    await expect(page).toHaveScreenshot('snapshots-list.png', { fullPage: true })
+  })
+
+  test('images list', async ({ page }) => {
+    await page.goto('/projects/mock-project/images')
+    await page.getByRole('heading', { name: 'Images' }).waitFor()
+    await expect(page).toHaveScreenshot('images-list.png', { fullPage: true })
+  })
+
+  test('silo images list', async ({ page }) => {
+    await page.goto('/images')
+    await page.getByRole('heading', { name: 'Silo Images' }).waitFor()
+    await expect(page).toHaveScreenshot('silo-images.png', { fullPage: true })
+    await page.click('role=button[name="Promote image"]')
+    await expect(page).toHaveScreenshot('silo-images-promote.png', { fullPage: true })
+  })
+
+  test('silo image', async ({ page }) => {
+    await page.goto('/images/arch-2022-06-01/edit')
+    await page.getByRole('heading', { name: 'Silo image', exact: true }).waitFor()
+    await expect(page).toHaveScreenshot('silo-image.png', { fullPage: true })
+  })
+
+  test('system utilization', async ({ page }) => {
+    await page.goto('/utilization')
+    await page.getByRole('heading', { name: 'Utilization' }).waitFor()
+    await expect(page).toHaveScreenshot('system-utilization.png', { fullPage: true })
+  })
+
+  test('system silos list', async ({ page }) => {
+    await page.goto('/system/silos')
+    await page.getByRole('heading', { name: 'Silos' }).waitFor()
+    await expect(page).toHaveScreenshot('system-silos.png', { fullPage: true })
+  })
+
+  test('system networking ip pools', async ({ page }) => {
+    await page.goto('/system/networking/ip-pools')
+    await page.getByRole('heading', { name: 'IP Pools' }).waitFor()
+    await expect(page).toHaveScreenshot('system-ip-pools.png', { fullPage: true })
+  })
+
+  test('settings profile', async ({ page }) => {
+    await page.goto('/settings/profile')
+    await page.getByRole('heading', { name: 'Profile' }).waitFor()
+    await expect(page).toHaveScreenshot('settings-profile.png', { fullPage: true })
+  })
+
+  test('login form', async ({ page }) => {
+    await page.goto('/login/default-silo/local')
+
+    await expect(page).toHaveURL(/\/login/)
+    await expect(page).toHaveScreenshot('login-form.png')
+  })
+})
diff --git a/tools/compare-visual-changes.sh b/tools/compare-visual-changes.sh
new file mode 100755
index 0000000000..a37a251d9b
--- /dev/null
+++ b/tools/compare-visual-changes.sh
@@ -0,0 +1,112 @@
+#!/bin/bash
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, you can obtain one at https://mozilla.org/MPL/2.0/.
+#
+# Copyright Oxide Computer Company
+
+set -euo pipefail
+
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+BLUE='\033[0;34m'
+NC='\033[0m'
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+PROJECT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+print_usage() {
+  echo "Usage: $0 [--ui] [--update]"
+  echo ""
+  echo "Compare current visual state against baseline snapshots."
+  echo "Runs test/e2e/visual-regression.e2e.ts"
+  echo ""
+  echo "Options:"
+  echo "  --ui       Open Playwright UI mode"
+  echo "  --update   Update baseline snapshots"
+  echo ""
+  echo "Examples:"
+  echo "  $0         Compare against baseline"
+  echo "  $0 --ui    Inspect differences in UI mode"
+}
+
+# Parse arguments
+UI_MODE=false
+UPDATE_MODE=false
+
+for arg in "$@"; do
+  case $arg in
+    --ui)
+      UI_MODE=true
+      ;;
+    --update)
+      UPDATE_MODE=true
+      ;;
+    -h|--help)
+      print_usage
+      exit 0
+      ;;
+    *)
+      echo -e "${RED}Error: Unknown option '$arg'${NC}"
+      print_usage
+      exit 1
+      ;;
+  esac
+done
+
+cd "$PROJECT_ROOT"
+
+# Install dependencies if needed
+if [[ ! -d "node_modules" ]]; then
+  echo "Installing dependencies..."
+  npm ci
+  echo ""
+fi
+
+# Check if baseline snapshots exist
+SNAPSHOT_COUNT=$(find test/e2e -type f -name "*.png" 2>/dev/null | wc -l | tr -d ' ')
+if [[ "$SNAPSHOT_COUNT" -eq 0 ]]; then
+  echo -e "${RED}Error: No baseline snapshots found${NC}"
+  echo ""
+  echo "Generate baseline first:"
+  echo "  npm run visual:baseline -- --main"
+  exit 1
+fi
+
+echo -e "${BLUE}Found $SNAPSHOT_COUNT baseline snapshot(s)${NC}"
+
+# Build command
+CMD="npx playwright test --project=chrome test/e2e/visual-regression.e2e.ts"
+
+if [[ "$UI_MODE" == true ]]; then
+  CMD="$CMD --ui"
+fi
+
+if [[ "$UPDATE_MODE" == true ]]; then
+  echo -e "${YELLOW}Updating baseline snapshots...${NC}"
+  CMD="$CMD --update-snapshots"
+fi
+
+echo "Running visual regression tests..."
+echo ""
+
+# Run tests
+set +e
+$CMD
+EXIT_CODE=$?
+set -e
+
+echo ""
+if [[ $EXIT_CODE -eq 0 ]]; then
+  echo -e "${GREEN}✓ All visual tests passed${NC}"
+else
+  if [[ "$UI_MODE" == false ]]; then
+    echo -e "${RED}✗ Visual differences detected${NC}"
+    echo ""
+    echo "To inspect differences:"
+    echo "  npm run visual:compare -- --ui"
+  fi
+fi
+
+exit $EXIT_CODE
diff --git a/tools/generate-visual-baseline.sh b/tools/generate-visual-baseline.sh
new file mode 100755
index 0000000000..84c2511f49
--- /dev/null
+++ b/tools/generate-visual-baseline.sh
@@ -0,0 +1,130 @@
+#!/bin/bash
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, you can obtain one at https://mozilla.org/MPL/2.0/.
+#
+# Copyright Oxide Computer Company
+
+set -euo pipefail
+
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m'
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+PROJECT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+print_usage() {
+  echo "Usage: $0 --main"
+  echo ""
+  echo "Generate baseline visual snapshots from origin/main for comparison."
+  echo "Automatically cherry-picks test/e2e/visual-regression.e2e.ts to main."
+  echo ""
+  echo "Example:"
+  echo "  $0 --main"
+}
+
+# Check for --main argument
+if [[ $# -eq 0 ]] || [[ "$1" != "--main" ]]; then
+  echo -e "${RED}Error: --main argument required${NC}"
+  print_usage
+  exit 1
+fi
+
+cd "$PROJECT_ROOT"
+
+# Check if we're in a git repository
+if ! git rev-parse --git-dir > /dev/null 2>&1; then
+  echo -e "${RED}Error: Not in a git repository${NC}"
+  exit 1
+fi
+
+# Fetch latest main
+echo "Fetching latest from origin..."
+git fetch origin main --quiet
+
+RESOLVED_COMMIT=$(git rev-parse origin/main)
+echo -e "${GREEN}Generating baseline from origin/main: $RESOLVED_COMMIT${NC}"
+
+# Store current branch for restoration
+CURRENT_REF=$(git symbolic-ref -q HEAD || git rev-parse HEAD)
+
+# Check for uncommitted changes
+if ! git diff-index --quiet HEAD --; then
+  echo -e "${YELLOW}Warning: You have uncommitted changes. They will be preserved.${NC}"
+  read -p "Continue? (y/n) " -n 1 -r
+  echo
+  if [[ ! $REPLY =~ ^[Yy]$ ]]; then
+    echo "Aborted."
+    exit 1
+  fi
+fi
+
+# Stash changes
+echo "Stashing current changes..."
+git stash push -u -m "visual-baseline-temp-stash-$(date +%s)" > /dev/null || true
+
+# Checkout main
+echo "Checking out origin/main..."
+git checkout -q "$RESOLVED_COMMIT"
+
+# Cherry-pick visual regression test
+TEST_FILE="test/e2e/visual-regression.e2e.ts"
+if git show "$CURRENT_REF:$TEST_FILE" > /dev/null 2>&1; then
+  echo "Cherry-picking visual regression test..."
+  git checkout "$CURRENT_REF" -- "$TEST_FILE" 2>/dev/null || true
+else
+  echo -e "${RED}Error: $TEST_FILE not found in current branch${NC}"
+  exit 1
+fi
+
+# Cleanup function
+cleanup() {
+  local exit_code=$?
+  echo ""
+  echo "Restoring repository state..."
+
+  # Checkout original branch
+  if [[ "$CURRENT_REF" == refs/heads/* ]]; then
+    BRANCH_NAME="${CURRENT_REF#refs/heads/}"
+    git checkout -q "$BRANCH_NAME"
+  else
+    git checkout -q "$CURRENT_REF"
+  fi
+
+  # Reinstall dependencies
+  echo "Reinstalling dependencies..."
+  rm -rf node_modules
+  npm ci > /dev/null 2>&1 || echo -e "${YELLOW}Warning: Failed to reinstall dependencies${NC}"
+
+  # Restore stashed changes
+  STASH_NAME=$(git stash list | grep "visual-baseline-temp-stash" | head -1 | cut -d: -f1 || echo "")
+  if [[ -n "$STASH_NAME" ]]; then
+    echo "Restoring stashed changes..."
+    git stash pop "$STASH_NAME" > /dev/null 2>&1 || true
+  fi
+
+  if [[ $exit_code -eq 0 ]]; then
+    SNAPSHOT_COUNT=$(find test/e2e -type f -name "*.png" 2>/dev/null | wc -l | tr -d ' ')
+    echo ""
+    echo -e "${GREEN}✓ Generated $SNAPSHOT_COUNT baseline snapshot(s)${NC}"
+  else
+    echo ""
+    echo -e "${RED}✗ Baseline generation failed${NC}"
+  fi
+
+  exit $exit_code
+}
+
+trap cleanup EXIT INT TERM
+
+# Install dependencies
+echo "Installing dependencies..."
+rm -rf node_modules
+npm ci
+
+# Generate snapshots
+echo ""
+echo "Generating baseline snapshots (this may take several minutes)..."
+npx playwright test --project=chrome test/e2e/visual-regression.e2e.ts --update-snapshots

From 5c8bbaedb77f393dd27f96a21a8069d9c6b3ac5b Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 16:38:51 +0100
Subject: [PATCH 11/18] Mini table and command menu fixes

---
 app/pages/settings/AccessTokensPage.tsx | 2 +-
 app/ui/lib/ActionMenu.tsx               | 7 ++++---
 app/ui/lib/MiniTable.tsx                | 2 +-
 test/e2e/visual-regression.e2e.ts       | 5 +++++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/pages/settings/AccessTokensPage.tsx b/app/pages/settings/AccessTokensPage.tsx
index 235fcbb46d..9cadcd28e5 100644
--- a/app/pages/settings/AccessTokensPage.tsx
+++ b/app/pages/settings/AccessTokensPage.tsx
@@ -70,7 +70,7 @@ export default function AccessTokensPage() {
             </TipIcon>
           </>
         ),
-        cell: (info) => <span className="font-mono">{info.getValue()}</span>,
+        cell: (info) => <span>{info.getValue()}</span>,
       }),
       colHelper.accessor('timeCreated', Columns.timeCreated),
       colHelper.accessor('timeExpires', {
diff --git a/app/ui/lib/ActionMenu.tsx b/app/ui/lib/ActionMenu.tsx
index 61de2d043f..51caaca966 100644
--- a/app/ui/lib/ActionMenu.tsx
+++ b/app/ui/lib/ActionMenu.tsx
@@ -187,9 +187,10 @@ export function ActionMenu(props: ActionMenuProps) {
                             <li
                               role="option"
                               className={cn(
-                                'text-sans-md text-default bg-raise border-secondary hover:bg-hover box-border block h-full w-full cursor-pointer overflow-visible border p-4 select-none',
-                                item.value === selectedItem?.value &&
-                                  'text-accent bg-accent-secondary hover:bg-accent-secondary-hover'
+                                'text-sans-md border-secondary box-border block h-full w-full cursor-pointer overflow-visible border p-4 select-none',
+                                item.value === selectedItem?.value
+                                  ? 'text-accent bg-accent-secondary hover:bg-accent-secondary-hover'
+                                  : 'text-default bg-raise hover:bg-hover'
                               )}
                               aria-selected={item.value === selectedItem?.value}
                               onClick={() => {
diff --git a/app/ui/lib/MiniTable.tsx b/app/ui/lib/MiniTable.tsx
index ea40662223..1fe43040e8 100644
--- a/app/ui/lib/MiniTable.tsx
+++ b/app/ui/lib/MiniTable.tsx
@@ -27,7 +27,7 @@ const HeadCell = BigTable.HeadCell
 
 const Body = classed.tbody``
 
-const Row = classed.tr`is-selected *:border-default first:*:border-l last:*:border-b last:*:border-r`
+const Row = classed.tr`*:border-default last:*:border-b *:first:border-l *:last:border-r`
 
 const Cell = ({ children }: Children) => {
   return (
diff --git a/test/e2e/visual-regression.e2e.ts b/test/e2e/visual-regression.e2e.ts
index 8bef90b317..8918befc95 100644
--- a/test/e2e/visual-regression.e2e.ts
+++ b/test/e2e/visual-regression.e2e.ts
@@ -109,4 +109,9 @@ test.describe('Visual Regression', () => {
     await expect(page).toHaveURL(/\/login/)
     await expect(page).toHaveScreenshot('login-form.png')
   })
+
+  test('command menu', async ({ page }) => {
+    await page.keyboard.press(`ControlOrMeta+k`)
+    await expect(page).toHaveScreenshot('command-menu.png', { fullPage: true })
+  })
 })

From d806ae168e918abdc679806ff0cbdaa1006328e5 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 17:05:16 +0100
Subject: [PATCH 12/18] E2E fixes

---
 playwright.config.ts              | 2 ++
 test/e2e/login.e2e.ts             | 7 -------
 test/e2e/utils.ts                 | 2 +-
 test/e2e/visual-regression.e2e.ts | 2 +-
 4 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/playwright.config.ts b/playwright.config.ts
index 1ee3f2803a..90d280314c 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -24,6 +24,8 @@ export default {
   // default is 5 seconds. somehow playwright really hates async route modules,
   // takes a long time to load them. https://playwright.dev/docs/test-timeouts
   expect: { timeout: 10_000 },
+  // Skip visual regression tests in CI
+  grep: process.env.CI ? /^(?!.*@visual)/ : undefined,
   use: {
     trace: process.env.CI ? 'on-first-retry' : 'retain-on-failure',
     baseURL: 'http://localhost:4009',
diff --git a/test/e2e/login.e2e.ts b/test/e2e/login.e2e.ts
index f26008ba2b..4f7926f61b 100644
--- a/test/e2e/login.e2e.ts
+++ b/test/e2e/login.e2e.ts
@@ -11,9 +11,6 @@ test.describe('login', () => {
   test('with valid credentials redirects', async ({ page }) => {
     await page.goto('/login/default-silo/local')
 
-    // Visual snapshot of login form
-    await expect(page).toHaveScreenshot('login-form.png')
-
     await page.fill('input[name=username]', 'abc')
     await page.fill('input[name=password]', 'def')
     await page.getByRole('button', { name: 'Sign in' }).click()
@@ -21,7 +18,6 @@ test.describe('login', () => {
 
     // Visual snapshot of projects page after login
     await expect(page.getByRole('heading', { name: 'Projects' })).toBeVisible()
-    await expect(page).toHaveScreenshot('projects-page.png')
   })
 
   test('with redirect_uri param redirects to last page', async ({ page }) => {
@@ -40,8 +36,5 @@ test.describe('login', () => {
     await page.fill('input[name=password]', 'bad') // the Bad Password
     await page.getByRole('button', { name: 'Sign in' }).click()
     await expect(page.getByText('Could not sign in')).toBeVisible()
-
-    // Visual snapshot of error state
-    await expect(page).toHaveScreenshot('login-error.png')
   })
 })
diff --git a/test/e2e/utils.ts b/test/e2e/utils.ts
index 2bd62b723a..32d19cb5b9 100644
--- a/test/e2e/utils.ts
+++ b/test/e2e/utils.ts
@@ -231,7 +231,7 @@ export async function chooseFile(
   size: 'large' | 'small' = 'large'
 ) {
   const fileChooserPromise = page.waitForEvent('filechooser')
-  await inputLocator.click()
+  await inputLocator.click({ force: true })
   const fileChooser = await fileChooserPromise
   await fileChooser.setFiles({
     name: 'my-image.iso',
diff --git a/test/e2e/visual-regression.e2e.ts b/test/e2e/visual-regression.e2e.ts
index 8918befc95..07f8f04a05 100644
--- a/test/e2e/visual-regression.e2e.ts
+++ b/test/e2e/visual-regression.e2e.ts
@@ -16,7 +16,7 @@
 
 import { expect, test } from './utils'
 
-test.describe('Visual Regression', () => {
+test.describe('Visual Regression', { tag: '@visual' }, () => {
   test('projects list', async ({ page }) => {
     await page.goto('/projects')
     await page.getByRole('heading', { name: 'Projects' }).waitFor()

From 5d9fc620cf0016f45c37faf41f6ed98f8afc55d0 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 17:17:20 +0100
Subject: [PATCH 13/18] Merge fixes

---
 app/components/form/fields/ip-pool-item.tsx  | 1 +
 app/pages/system/silos/SiloFleetRolesTab.tsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/form/fields/ip-pool-item.tsx b/app/components/form/fields/ip-pool-item.tsx
index 0d7b2dfa7b..2873161d5e 100644
--- a/app/components/form/fields/ip-pool-item.tsx
+++ b/app/components/form/fields/ip-pool-item.tsx
@@ -5,6 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
+import { type SiloIpPool } from '@oxide/api'
 import { Badge } from '@oxide/design-system/components'
 
 export function toIpPoolItem(p: SiloIpPool) {
diff --git a/app/pages/system/silos/SiloFleetRolesTab.tsx b/app/pages/system/silos/SiloFleetRolesTab.tsx
index 713691b291..93bd8e443d 100644
--- a/app/pages/system/silos/SiloFleetRolesTab.tsx
+++ b/app/pages/system/silos/SiloFleetRolesTab.tsx
@@ -7,10 +7,10 @@
  */
 
 import { usePrefetchedApiQuery } from '@oxide/api'
+import { Badge } from '@oxide/design-system'
 import { Cloud24Icon, NextArrow12Icon } from '@oxide/design-system/icons/react'
 
 import { useSiloSelector } from '~/hooks/use-params'
-import { Badge } from '~/ui/lib/Badge'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { TableEmptyBox } from '~/ui/lib/Table'
 
@@ -38,12 +38,12 @@ export default function SiloFleetRolesTab() {
 
   return (
     <>
-      <p className="mb-4 text-default">Silo roles can automatically grant a fleet role.</p>
+      <p className="text-default mb-4">Silo roles can automatically grant a fleet role.</p>
       <ul className="space-y-3">
         {roleMapPairs.map(([siloRole, fleetRole]) => (
           <li key={siloRole + '|' + fleetRole} className="flex items-center">
             <Badge>Silo {siloRole}</Badge>
-            <NextArrow12Icon className="mx-3 text-default" aria-label="maps to" />
+            <NextArrow12Icon className="text-default mx-3" aria-label="maps to" />
             <span className="text-sans-md text-default">Fleet {fleetRole}</span>
           </li>
         ))}

From aa6adc7ee69397e1503cec850f06cc69d17d70e3 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 17:18:20 +0100
Subject: [PATCH 14/18] Fix scrolling table

---
 app/ui/styles/components/table.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/ui/styles/components/table.css b/app/ui/styles/components/table.css
index e9dcad8061..5fab217509 100644
--- a/app/ui/styles/components/table.css
+++ b/app/ui/styles/components/table.css
@@ -71,6 +71,10 @@ table.ox-table {
     @apply !m-0 w-10 !p-0;
   }
 
+  & td:last-of-type > div {
+    @apply -m-px;
+  }
+
   /*
     Highlight when hovering over the action-col cell
   */

From 53df52183d76150bc7b1bac8f4c7b9b1b9e3f129 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 17:19:28 +0100
Subject: [PATCH 15/18] Add missing license header

---
 app/ui/styles/vars.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/ui/styles/vars.css b/app/ui/styles/vars.css
index 3da2340bde..40a9c0b3b2 100644
--- a/app/ui/styles/vars.css
+++ b/app/ui/styles/vars.css
@@ -1,3 +1,11 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+
 :root {
   --z-toast: 50;
   --z-modal-dropdown: 50;

From d6efe97530b7e98a974df0b47ac001db1f115ec7 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 22:15:11 +0100
Subject: [PATCH 16/18] Update ip-pool-item.tsx

---
 app/components/form/fields/ip-pool-item.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/form/fields/ip-pool-item.tsx b/app/components/form/fields/ip-pool-item.tsx
index 2873161d5e..dfccd6ba2d 100644
--- a/app/components/form/fields/ip-pool-item.tsx
+++ b/app/components/form/fields/ip-pool-item.tsx
@@ -5,9 +5,10 @@
  *
  * Copyright Oxide Computer Company
  */
-import { type SiloIpPool } from '@oxide/api'
 import { Badge } from '@oxide/design-system/components'
 
+import type { SiloIpPool } from '~/api'
+
 export function toIpPoolItem(p: SiloIpPool) {
   const value = p.name
   const selectedLabel = p.name

From f54e3726f8ff0fcb46bb1380d2625df4a36f1e8d Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Tue, 14 Oct 2025 22:15:17 +0100
Subject: [PATCH 17/18] Fix serial console overflow

---
 app/pages/project/instances/SerialConsolePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/project/instances/SerialConsolePage.tsx b/app/pages/project/instances/SerialConsolePage.tsx
index 0131eb602f..746103c212 100644
--- a/app/pages/project/instances/SerialConsolePage.tsx
+++ b/app/pages/project/instances/SerialConsolePage.tsx
@@ -145,7 +145,7 @@ export default function SerialConsolePage() {
           <span className="text-accent-tertiary">Back to</span> instance
         </div>
       </Link>
-      <div className="gutter relative w-full shrink grow overflow-hidden">
+      <div className="gutter relative shrink grow overflow-hidden">
         {connectionStatus === 'connecting' && <ConnectingSkeleton />}
         {connectionStatus === 'error' && <ErrorSkeleton />}
         {connectionStatus === 'closed' && !canConnect && (

From 89961914492fe5176cf965ff920c070e925573c7 Mon Sep 17 00:00:00 2001
From: David Crespo <david.crespo@oxidecomputer.com>
Date: Tue, 14 Oct 2025 15:28:52 -0500
Subject: [PATCH 18/18] design-system 4.0 canary excluding asciidoc from ui
 import

---
 app/components/InstanceAutoRestartPopover.tsx        | 2 +-
 app/components/ProtocolBadge.tsx                     | 2 +-
 app/components/StateBadge.tsx                        | 2 +-
 app/components/form/fields/DisksTableField.tsx       | 2 +-
 app/components/form/fields/ip-pool-item.tsx          | 2 +-
 app/forms/access-util.tsx                            | 2 +-
 app/forms/firewall-rules-common.tsx                  | 2 +-
 app/pages/SiloAccessPage.tsx                         | 2 +-
 app/pages/project/access/ProjectAccessPage.tsx       | 2 +-
 app/pages/project/affinity/AffinityPage.tsx          | 2 +-
 app/pages/project/affinity/AntiAffinityGroupPage.tsx | 2 +-
 app/pages/project/instances/NetworkingTab.tsx        | 2 +-
 app/pages/project/instances/SerialConsolePage.tsx    | 2 +-
 app/pages/project/snapshots/SnapshotsPage.tsx        | 2 +-
 app/pages/project/vpcs/RouterPage.tsx                | 2 +-
 app/pages/system/inventory/DisksTab.tsx              | 2 +-
 app/pages/system/inventory/sled/SledBadges.tsx       | 2 +-
 app/pages/system/silos/SiloFleetRolesTab.tsx         | 2 +-
 app/pages/system/silos/SiloIdpsTab.tsx               | 2 +-
 app/pages/system/silos/SilosPage.tsx                 | 2 +-
 app/table/cells/DefaultPoolCell.tsx                  | 2 +-
 app/table/cells/EnabledCell.tsx                      | 2 +-
 app/table/cells/ProtocolCell.tsx                     | 2 +-
 app/table/cells/RouterLinkCell.tsx                   | 2 +-
 app/table/cells/TypeValueCell.tsx                    | 2 +-
 app/ui/lib/Button.tsx                                | 2 +-
 app/ui/lib/Spinner.tsx                               | 2 +-
 app/ui/styles/components/Tabs.css                    | 6 +++---
 app/ui/styles/components/button.css                  | 2 +-
 app/ui/styles/components/login-page.css              | 2 +-
 app/ui/styles/components/menu-list.css               | 2 +-
 app/ui/styles/components/tooltip.css                 | 6 +++---
 app/util/access.ts                                   | 2 +-
 package-lock.json                                    | 8 ++++----
 package.json                                         | 2 +-
 test/e2e/VISUAL-REGRESSION.md                        | 1 +
 36 files changed, 43 insertions(+), 42 deletions(-)

diff --git a/app/components/InstanceAutoRestartPopover.tsx b/app/components/InstanceAutoRestartPopover.tsx
index 115c3580bd..da21db16b9 100644
--- a/app/components/InstanceAutoRestartPopover.tsx
+++ b/app/components/InstanceAutoRestartPopover.tsx
@@ -11,12 +11,12 @@ import { type ReactNode } from 'react'
 import { Link } from 'react-router'
 import { match, P } from 'ts-pattern'
 
-import { Badge } from '@oxide/design-system/components'
 import {
   AutoRestart12Icon,
   NextArrow12Icon,
   OpenLink12Icon,
 } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import type { Instance } from '~/api'
 import { instanceAutoRestartingSoon } from '~/api/util'
diff --git a/app/components/ProtocolBadge.tsx b/app/components/ProtocolBadge.tsx
index 2d54948f63..6ddbfa726a 100644
--- a/app/components/ProtocolBadge.tsx
+++ b/app/components/ProtocolBadge.tsx
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import type { VpcFirewallRuleProtocol } from '~/api'
 
diff --git a/app/components/StateBadge.tsx b/app/components/StateBadge.tsx
index 3e98d7559a..ac00ec0874 100644
--- a/app/components/StateBadge.tsx
+++ b/app/components/StateBadge.tsx
@@ -14,7 +14,7 @@ import {
   type InstanceState,
   type SnapshotState,
 } from '@oxide/api'
-import { Badge, type BadgeColor } from '@oxide/design-system/components'
+import { Badge, type BadgeColor } from '@oxide/design-system/ui'
 
 import { Spinner } from '~/ui/lib/Spinner'
 
diff --git a/app/components/form/fields/DisksTableField.tsx b/app/components/form/fields/DisksTableField.tsx
index e2cf049ed3..d0599ad0cf 100644
--- a/app/components/form/fields/DisksTableField.tsx
+++ b/app/components/form/fields/DisksTableField.tsx
@@ -9,7 +9,7 @@ import { useState } from 'react'
 import { useController, type Control } from 'react-hook-form'
 
 import type { DiskCreate } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import { AttachDiskModalForm } from '~/forms/disk-attach'
 import { CreateDiskSideModalForm } from '~/forms/disk-create'
diff --git a/app/components/form/fields/ip-pool-item.tsx b/app/components/form/fields/ip-pool-item.tsx
index dfccd6ba2d..a48325753d 100644
--- a/app/components/form/fields/ip-pool-item.tsx
+++ b/app/components/form/fields/ip-pool-item.tsx
@@ -5,7 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import type { SiloIpPool } from '~/api'
 
diff --git a/app/forms/access-util.tsx b/app/forms/access-util.tsx
index d9e8b8a476..cff6f0ee33 100644
--- a/app/forms/access-util.tsx
+++ b/app/forms/access-util.tsx
@@ -12,7 +12,7 @@ import {
   type Policy,
   type RoleKey,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import { type ListboxItem } from '~/ui/lib/Listbox'
 import { capitalize } from '~/util/str'
diff --git a/app/forms/firewall-rules-common.tsx b/app/forms/firewall-rules-common.tsx
index 66899b6680..595f8f8657 100644
--- a/app/forms/firewall-rules-common.tsx
+++ b/app/forms/firewall-rules-common.tsx
@@ -9,7 +9,7 @@
 import { useEffect, type ReactNode } from 'react'
 import { useController, useForm, type Control } from 'react-hook-form'
 
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import {
   usePrefetchedApiQuery,
diff --git a/app/pages/SiloAccessPage.tsx b/app/pages/SiloAccessPage.tsx
index 2c0c0ac665..bcb84c8a37 100644
--- a/app/pages/SiloAccessPage.tsx
+++ b/app/pages/SiloAccessPage.tsx
@@ -20,8 +20,8 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Access16Icon, Access24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { DocsPopover } from '~/components/DocsPopover'
 import { HL } from '~/components/HL'
diff --git a/app/pages/project/access/ProjectAccessPage.tsx b/app/pages/project/access/ProjectAccessPage.tsx
index b7e58d0081..f3b6f4e8bc 100644
--- a/app/pages/project/access/ProjectAccessPage.tsx
+++ b/app/pages/project/access/ProjectAccessPage.tsx
@@ -23,8 +23,8 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Access16Icon, Access24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { DocsPopover } from '~/components/DocsPopover'
 import { HL } from '~/components/HL'
diff --git a/app/pages/project/affinity/AffinityPage.tsx b/app/pages/project/affinity/AffinityPage.tsx
index 39ad7ebc2f..0f221710c2 100644
--- a/app/pages/project/affinity/AffinityPage.tsx
+++ b/app/pages/project/affinity/AffinityPage.tsx
@@ -17,8 +17,8 @@ import {
   type AffinityPolicy,
   type AntiAffinityGroup,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Affinity24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { AffinityDocsPopover, AffinityPolicyHeader } from '~/components/AffinityDocsPopover'
 import { HL } from '~/components/HL'
diff --git a/app/pages/project/affinity/AntiAffinityGroupPage.tsx b/app/pages/project/affinity/AntiAffinityGroupPage.tsx
index e76edd247a..19f48af39e 100644
--- a/app/pages/project/affinity/AntiAffinityGroupPage.tsx
+++ b/app/pages/project/affinity/AntiAffinityGroupPage.tsx
@@ -10,8 +10,8 @@ import { createColumnHelper, getCoreRowModel, useReactTable } from '@tanstack/re
 import { useCallback, useState } from 'react'
 import { Outlet, useNavigate, type LoaderFunctionArgs } from 'react-router'
 
-import { Badge } from '@oxide/design-system/components'
 import { Affinity24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import {
   queryClient,
diff --git a/app/pages/project/instances/NetworkingTab.tsx b/app/pages/project/instances/NetworkingTab.tsx
index 5aec02c81e..6d41852fac 100644
--- a/app/pages/project/instances/NetworkingTab.tsx
+++ b/app/pages/project/instances/NetworkingTab.tsx
@@ -23,8 +23,8 @@ import {
   type InstanceNetworkInterface,
   type InstanceState,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { IpGlobal24Icon, Networking24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { AttachEphemeralIpModal } from '~/components/AttachEphemeralIpModal'
 import { AttachFloatingIpModal } from '~/components/AttachFloatingIpModal'
diff --git a/app/pages/project/instances/SerialConsolePage.tsx b/app/pages/project/instances/SerialConsolePage.tsx
index 746103c212..637c8b2bcd 100644
--- a/app/pages/project/instances/SerialConsolePage.tsx
+++ b/app/pages/project/instances/SerialConsolePage.tsx
@@ -16,8 +16,8 @@ import {
   usePrefetchedApiQuery,
   type Instance,
 } from '@oxide/api'
-import { Badge, type BadgeColor } from '@oxide/design-system/components'
 import { PrevArrow12Icon } from '@oxide/design-system/icons/react'
+import { Badge, type BadgeColor } from '@oxide/design-system/ui'
 
 import { EquivalentCliCommand } from '~/components/CopyCode'
 import { InstanceStateBadge } from '~/components/StateBadge'
diff --git a/app/pages/project/snapshots/SnapshotsPage.tsx b/app/pages/project/snapshots/SnapshotsPage.tsx
index 2b50487ff1..5c3220fb81 100644
--- a/app/pages/project/snapshots/SnapshotsPage.tsx
+++ b/app/pages/project/snapshots/SnapshotsPage.tsx
@@ -19,8 +19,8 @@ import {
   useApiQueryClient,
   type Snapshot,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Snapshots16Icon, Snapshots24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { DocsPopover } from '~/components/DocsPopover'
 import { SnapshotStateBadge } from '~/components/StateBadge'
diff --git a/app/pages/project/vpcs/RouterPage.tsx b/app/pages/project/vpcs/RouterPage.tsx
index cf00e70369..d7ff85a628 100644
--- a/app/pages/project/vpcs/RouterPage.tsx
+++ b/app/pages/project/vpcs/RouterPage.tsx
@@ -10,8 +10,8 @@ import { createColumnHelper } from '@tanstack/react-table'
 import { useCallback } from 'react'
 import { Outlet, useNavigate, type LoaderFunctionArgs } from 'react-router'
 
-import { Badge } from '@oxide/design-system/components'
 import { Networking16Icon, Networking24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import {
   apiq,
diff --git a/app/pages/system/inventory/DisksTab.tsx b/app/pages/system/inventory/DisksTab.tsx
index 5563b8926c..65d3ffceaf 100644
--- a/app/pages/system/inventory/DisksTab.tsx
+++ b/app/pages/system/inventory/DisksTab.tsx
@@ -14,8 +14,8 @@ import {
   type PhysicalDiskPolicy,
   type PhysicalDiskState,
 } from '@oxide/api'
-import { Badge, type BadgeColor } from '@oxide/design-system/components'
 import { Servers24Icon } from '@oxide/design-system/icons/react'
+import { Badge, type BadgeColor } from '@oxide/design-system/ui'
 
 import { useQueryTable } from '~/table/QueryTable'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
diff --git a/app/pages/system/inventory/sled/SledBadges.tsx b/app/pages/system/inventory/sled/SledBadges.tsx
index 51aad57574..fdecccd6dd 100644
--- a/app/pages/system/inventory/sled/SledBadges.tsx
+++ b/app/pages/system/inventory/sled/SledBadges.tsx
@@ -5,7 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
-import { Badge, type BadgeColor } from '@oxide/design-system/components'
+import { Badge, type BadgeColor } from '@oxide/design-system/ui'
 
 import type { SledPolicy, SledState } from '~/api'
 import { EmptyCell } from '~/table/cells/EmptyCell'
diff --git a/app/pages/system/silos/SiloFleetRolesTab.tsx b/app/pages/system/silos/SiloFleetRolesTab.tsx
index 93bd8e443d..25aa21c74a 100644
--- a/app/pages/system/silos/SiloFleetRolesTab.tsx
+++ b/app/pages/system/silos/SiloFleetRolesTab.tsx
@@ -7,8 +7,8 @@
  */
 
 import { usePrefetchedApiQuery } from '@oxide/api'
-import { Badge } from '@oxide/design-system'
 import { Cloud24Icon, NextArrow12Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { useSiloSelector } from '~/hooks/use-params'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
diff --git a/app/pages/system/silos/SiloIdpsTab.tsx b/app/pages/system/silos/SiloIdpsTab.tsx
index 8446863cfb..7db16cad2d 100644
--- a/app/pages/system/silos/SiloIdpsTab.tsx
+++ b/app/pages/system/silos/SiloIdpsTab.tsx
@@ -9,8 +9,8 @@ import { createColumnHelper } from '@tanstack/react-table'
 import { useMemo } from 'react'
 import { Outlet, type LoaderFunctionArgs } from 'react-router'
 
-import { Badge } from '@oxide/design-system/components'
 import { Cloud24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { getListQFn, queryClient, type IdentityProvider } from '~/api'
 import { getSiloSelector, useSiloSelector } from '~/hooks/use-params'
diff --git a/app/pages/system/silos/SilosPage.tsx b/app/pages/system/silos/SilosPage.tsx
index e6b6f15a45..58e3f99d6e 100644
--- a/app/pages/system/silos/SilosPage.tsx
+++ b/app/pages/system/silos/SilosPage.tsx
@@ -16,8 +16,8 @@ import {
   useApiQueryClient,
   type Silo,
 } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Cloud16Icon, Cloud24Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 import { DocsPopover } from '~/components/DocsPopover'
 import { HL } from '~/components/HL'
diff --git a/app/table/cells/DefaultPoolCell.tsx b/app/table/cells/DefaultPoolCell.tsx
index aa16a0cdd0..066db6402e 100644
--- a/app/table/cells/DefaultPoolCell.tsx
+++ b/app/table/cells/DefaultPoolCell.tsx
@@ -5,8 +5,8 @@
  *
  * Copyright Oxide Computer Company
  */
-import { Badge } from '@oxide/design-system/components'
 import { Success12Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 export const DefaultPoolCell = ({ isDefault }: { isDefault: boolean }) =>
   isDefault ? (
diff --git a/app/table/cells/EnabledCell.tsx b/app/table/cells/EnabledCell.tsx
index 43950fbe59..0c06f49fa0 100644
--- a/app/table/cells/EnabledCell.tsx
+++ b/app/table/cells/EnabledCell.tsx
@@ -6,8 +6,8 @@
  * Copyright Oxide Computer Company
  */
 import type { VpcFirewallRuleStatus } from '@oxide/api'
-import { Badge } from '@oxide/design-system/components'
 import { Disabled12Icon, Success12Icon } from '@oxide/design-system/icons/react'
+import { Badge } from '@oxide/design-system/ui'
 
 export const EnabledCell = ({ value }: { value: VpcFirewallRuleStatus }) =>
   value === 'enabled' ? (
diff --git a/app/table/cells/ProtocolCell.tsx b/app/table/cells/ProtocolCell.tsx
index 83195bbb2a..b3708bd6d7 100644
--- a/app/table/cells/ProtocolCell.tsx
+++ b/app/table/cells/ProtocolCell.tsx
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import type { VpcFirewallRuleProtocol } from '~/api'
 import { Tooltip } from '~/ui/lib/Tooltip'
diff --git a/app/table/cells/RouterLinkCell.tsx b/app/table/cells/RouterLinkCell.tsx
index e6db7e8c39..91ae041233 100644
--- a/app/table/cells/RouterLinkCell.tsx
+++ b/app/table/cells/RouterLinkCell.tsx
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 import { useApiQuery } from '~/api'
 import { useVpcSelector } from '~/hooks/use-params'
diff --git a/app/table/cells/TypeValueCell.tsx b/app/table/cells/TypeValueCell.tsx
index de2104c814..ee1727937c 100644
--- a/app/table/cells/TypeValueCell.tsx
+++ b/app/table/cells/TypeValueCell.tsx
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { Badge } from '@oxide/design-system/components'
+import { Badge } from '@oxide/design-system/ui'
 
 export type TypeValue = {
   type: string
diff --git a/app/ui/lib/Button.tsx b/app/ui/lib/Button.tsx
index 8b0ebbe80b..206f8c036f 100644
--- a/app/ui/lib/Button.tsx
+++ b/app/ui/lib/Button.tsx
@@ -9,7 +9,7 @@ import cn from 'classnames'
 import * as m from 'motion/react-m'
 import { type MouseEventHandler, type ReactNode } from 'react'
 
-import { type BadgeColor } from '@oxide/design-system/components'
+import { type BadgeColor } from '@oxide/design-system/ui'
 
 import { Spinner } from '~/ui/lib/Spinner'
 import { Tooltip } from '~/ui/lib/Tooltip'
diff --git a/app/ui/lib/Spinner.tsx b/app/ui/lib/Spinner.tsx
index 524a11def7..8f655f8ef5 100644
--- a/app/ui/lib/Spinner.tsx
+++ b/app/ui/lib/Spinner.tsx
@@ -8,7 +8,7 @@
 import cn from 'classnames'
 import { useEffect, useRef, useState, type ReactNode } from 'react'
 
-import { type BadgeColor } from '@oxide/design-system/components'
+import { type BadgeColor } from '@oxide/design-system/ui'
 
 export const spinnerSizes = ['sm', 'base', 'md', 'lg'] as const
 export type SpinnerSize = (typeof spinnerSizes)[number]
diff --git a/app/ui/styles/components/Tabs.css b/app/ui/styles/components/Tabs.css
index b5863bb4ec..ca3bef01b4 100644
--- a/app/ui/styles/components/Tabs.css
+++ b/app/ui/styles/components/Tabs.css
@@ -23,7 +23,7 @@
 
 /* Base tab styles */
 .ox-tab {
-  @apply text-mono-sm text-secondary border-secondary h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2 uppercase !no-underline;
+  @apply text-mono-sm text-secondary border-secondary h-10 space-x-2 border-b px-1.5 pt-2 pb-1 whitespace-nowrap uppercase !no-underline;
 }
 
 .ox-tabs-list .ox-tab > * {
@@ -46,7 +46,7 @@
 
 /* Badge styles */
 .ox-tab > .ox-badge {
-  @apply -mt-1 select-none text-current;
+  @apply -mt-1 text-current select-none;
 }
 
 .ox-tab[data-state='inactive'] > .ox-badge {
@@ -77,7 +77,7 @@
 }
 
 .ox-side-tabs-list .ox-tab {
-  @apply text-sans-md text-secondary h-auto whitespace-nowrap rounded p-2 py-1.5 normal-case !no-underline;
+  @apply text-sans-md text-secondary h-auto rounded p-2 py-1.5 whitespace-nowrap normal-case !no-underline;
   border-bottom: none;
 }
 
diff --git a/app/ui/styles/components/button.css b/app/ui/styles/components/button.css
index da2bd214a5..0e3c15191c 100644
--- a/app/ui/styles/components/button.css
+++ b/app/ui/styles/components/button.css
@@ -14,7 +14,7 @@
 }
 .ox-button:after {
   content: '';
-  @apply absolute bottom-0 left-0 right-0 top-0 rounded border border-current opacity-[0.05];
+  @apply absolute top-0 right-0 bottom-0 left-0 rounded border border-current opacity-[0.05];
 }
 .btn-primary {
   @apply text-accent bg-accent-secondary hover:bg-accent-secondary-hover disabled:text-accent-disabled disabled:bg-accent-secondary;
diff --git a/app/ui/styles/components/login-page.css b/app/ui/styles/components/login-page.css
index 60b05b3246..ad35159997 100644
--- a/app/ui/styles/components/login-page.css
+++ b/app/ui/styles/components/login-page.css
@@ -7,7 +7,7 @@
  */
 
 .hero-rack {
-  @apply absolute left-[calc(50%+40px)] top-[15%] h-[115%] max-h-[1080px] -translate-x-1/2 object-contain md:-mr-10;
+  @apply absolute top-[15%] left-[calc(50%+40px)] h-[115%] max-h-[1080px] -translate-x-1/2 object-contain md:-mr-10;
 }
 
 .hero-rack-wrapper {
diff --git a/app/ui/styles/components/menu-list.css b/app/ui/styles/components/menu-list.css
index 1c8cc54aa1..c4fd71b037 100644
--- a/app/ui/styles/components/menu-list.css
+++ b/app/ui/styles/components/menu-list.css
@@ -36,5 +36,5 @@
 /* beautiful ring */
 .ox-menu-item.is-selected:after {
   content: '';
-  @apply border-accent absolute bottom-0 left-0 right-0 top-0 block rounded border;
+  @apply border-accent absolute top-0 right-0 bottom-0 left-0 block rounded border;
 }
diff --git a/app/ui/styles/components/tooltip.css b/app/ui/styles/components/tooltip.css
index 996cca7903..ef41aa47ed 100644
--- a/app/ui/styles/components/tooltip.css
+++ b/app/ui/styles/components/tooltip.css
@@ -19,17 +19,17 @@
 }
 
 .ox-tooltip[data-placement^='top'] .ox-tooltip-arrow {
-  @apply border-l border-t;
+  @apply border-t border-l;
   margin-top: 2.5px;
 }
 
 .ox-tooltip[data-placement^='bottom'] .ox-tooltip-arrow {
-  @apply -top-[6.5px] border-b border-r;
+  @apply -top-[6.5px] border-r border-b;
   margin-top: 0px;
 }
 
 .ox-tooltip[data-placement^='right'] .ox-tooltip-arrow {
-  @apply -left-[6.5px] border-r border-t;
+  @apply -left-[6.5px] border-t border-r;
 }
 
 .ox-tooltip[data-placement^='left'] .ox-tooltip-arrow {
diff --git a/app/util/access.ts b/app/util/access.ts
index 957800bb03..e70ec007c0 100644
--- a/app/util/access.ts
+++ b/app/util/access.ts
@@ -6,7 +6,7 @@
  * Copyright Oxide Computer Company
  */
 
-import { type BadgeColor } from '@oxide/design-system/components'
+import { type BadgeColor } from '@oxide/design-system/ui'
 
 import type { IdentityType, RoleKey } from '~/api'
 
diff --git a/package-lock.json b/package-lock.json
index 36598d34ca..51dab96338 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
       "dependencies": {
         "@floating-ui/react": "^0.26.23",
         "@headlessui/react": "^2.2.9",
-        "@oxide/design-system": "^3.1.0",
+        "@oxide/design-system": "^4.0.0--canary.151.18511380774.0",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-tabs": "^1.1.0",
@@ -1487,9 +1487,9 @@
       "license": "MIT"
     },
     "node_modules/@oxide/design-system": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-3.1.0.tgz",
-      "integrity": "sha512-sDEUVvqy49/ikv2rfYYj8gZSeYKSqUF72szS2zhe3EABS7XF4aGTS2/xsv2VvV9c55FAgSnfVvaelXRficJLOw==",
+      "version": "4.0.0--canary.151.18511380774.0",
+      "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-4.0.0--canary.151.18511380774.0.tgz",
+      "integrity": "sha512-Qr/2xWI9oNx7yA3xGX+4GnF7eK34kV6fYCj7Ptyi6y0JNBc6EaSycW/EeYMELB38vFyMBcK1LuiHC6u+y4IY0A==",
       "license": "MPL 2.0",
       "dependencies": {
         "@floating-ui/react": "^0.27.16",
diff --git a/package.json b/package.json
index ff3fba34b9..4e544d38b6 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.23",
     "@headlessui/react": "^2.2.9",
-    "@oxide/design-system": "^3.1.0",
+    "@oxide/design-system": "^4.0.0--canary.151.18511380774.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-tabs": "^1.1.0",
diff --git a/test/e2e/VISUAL-REGRESSION.md b/test/e2e/VISUAL-REGRESSION.md
index 749bf7750d..68617333d1 100644
--- a/test/e2e/VISUAL-REGRESSION.md
+++ b/test/e2e/VISUAL-REGRESSION.md
@@ -18,6 +18,7 @@ npm run visual:baseline -- HEAD~1
 ```
 
 This will:
+
 1. Fetch the latest main branch (if using `--main`)
 2. Temporarily checkout the specified commit
 3. Install dependencies