diff --git a/.vscode/settings.json b/.vscode/settings.json
index bae3180..cf80c04 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -14,5 +14,8 @@
   "[yaml][markdown][html][scss]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
+  "[yaml][markdown][html][scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
   "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/lib/common/color.ts b/lib/common/color.ts
index 36580d3..87562ac 100644
--- a/lib/common/color.ts
+++ b/lib/common/color.ts
@@ -62,7 +62,7 @@ export class Color {
       (c2.r - c1.r) * n + c1.r,
       (c2.g - c1.g) * n + c1.g,
       (c2.b - c1.b) * n + c1.b,
-      (c2.a - c1.a) * n + c1.a,
+      (c2.a - c1.a) * n + c1.a
     );
   }
 
diff --git a/lib/common/events.ts b/lib/common/events.ts
index 42834bf..09db7be 100644
--- a/lib/common/events.ts
+++ b/lib/common/events.ts
@@ -44,7 +44,7 @@ export const globalEvents = new EventEmitter();
 let ignoreWindowFocus = false;
 
 export const setupGlobalEvents = (
-  options: { ignoreWindowFocus?: boolean } = {},
+  options: { ignoreWindowFocus?: boolean } = {}
 ): void => {
   ignoreWindowFocus = !!options.ignoreWindowFocus;
 };
diff --git a/lib/common/format.ts b/lib/common/format.ts
index a87db8b..c19cf8f 100644
--- a/lib/common/format.ts
+++ b/lib/common/format.ts
@@ -30,7 +30,7 @@ const SI_BASE_INDEX = SI_SYMBOLS.indexOf(' ');
 export function formatSiUnit(
   value: number,
   minBase1000 = -SI_BASE_INDEX,
-  unit = '',
+  unit = ''
 ): string {
   if (!Number.isFinite(value)) {
     return value.toString();
@@ -121,7 +121,7 @@ const SI_BASE_TEN_UNITS = [
 export function formatSiBaseTenUnit(
   value: number,
   minBase1000 = 0,
-  unit = '',
+  unit = ''
 ): string {
   if (!Number.isFinite(value)) {
     return 'NaN';
@@ -145,7 +145,7 @@ export function formatSiBaseTenUnit(
  */
 export function formatTime(
   val: number,
-  formatType: 'short' | 'default' = 'default',
+  formatType: 'short' | 'default' = 'default'
 ): string {
   const totalSeconds = Math.floor(val / 10);
   const hours = Math.floor(totalSeconds / 3600);
diff --git a/lib/common/math.ts b/lib/common/math.ts
index d55d750..d6aaeb2 100644
--- a/lib/common/math.ts
+++ b/lib/common/math.ts
@@ -55,7 +55,7 @@ export function inRange(value: number, range: number[]): boolean {
  */
 export function keyOfMatchingRange(
   value: number,
-  ranges: Record<string, any>,
+  ranges: Record<string, any>
 ): string | undefined {
   for (const rangeName of Object.keys(ranges)) {
     const range = ranges[rangeName];
diff --git a/lib/common/react.ts b/lib/common/react.ts
index eea313a..7e7fb22 100644
--- a/lib/common/react.ts
+++ b/lib/common/react.ts
@@ -32,7 +32,7 @@ export function normalizeChildren<T>(children: T | T[]): T[] {
  */
 export function shallowDiffers(
   a: Record<string, any>,
-  b: Record<string, any>,
+  b: Record<string, any>
 ): boolean {
   let i: string;
   for (i in a) {
diff --git a/lib/common/string.ts b/lib/common/string.ts
index fd90c35..3b832f0 100644
--- a/lib/common/string.ts
+++ b/lib/common/string.ts
@@ -17,7 +17,7 @@
  */
 export function createSearch<TObj>(
   searchText: string,
-  stringifier = (obj: TObj) => JSON.stringify(obj),
+  stringifier = (obj: TObj) => JSON.stringify(obj)
 ): (obj: TObj) => boolean {
   const preparedSearchText = searchText.toLowerCase().trim();
 
@@ -190,7 +190,7 @@ export function decodeHtmlEntities(str: string): string {
       // Basic entities
       .replace(
         /&(nbsp|amp|quot|lt|gt|apos);/g,
-        (_match, entity) => TRANSLATIONS[entity],
+        (_match, entity) => TRANSLATIONS[entity]
       )
       // Decimal entities
       .replace(/&#?([0-9]+);/gi, (_match, numStr) => {
diff --git a/lib/common/timer.ts b/lib/common/timer.ts
index 96c5207..efe42de 100644
--- a/lib/common/timer.ts
+++ b/lib/common/timer.ts
@@ -7,7 +7,7 @@
 export function debounce<F extends (...args: any[]) => any>(
   fn: F,
   time: number,
-  immediate = false,
+  immediate = false
 ): (...args: Parameters<F>) => void {
   let timeout: ReturnType<typeof setTimeout> | null;
   return (...args: Parameters<F>) => {
@@ -32,7 +32,7 @@ export function debounce<F extends (...args: any[]) => any>(
  */
 export function throttle<F extends (...args: any[]) => any>(
   fn: F,
-  time: number,
+  time: number
 ): (...args: Parameters<F>) => void {
   let previouslyRun: number | null;
   let queuedToRun: ReturnType<typeof setTimeout> | null;
@@ -47,7 +47,7 @@ export function throttle<F extends (...args: any[]) => any>(
     } else {
       queuedToRun = setTimeout(
         () => invokeFn(...args),
-        time - (now - (previouslyRun ?? 0)),
+        time - (now - (previouslyRun ?? 0))
       );
     }
   };
diff --git a/lib/components/BlockQuote.tsx b/lib/components/BlockQuote.tsx
index cd1f358..becef0a 100644
--- a/lib/components/BlockQuote.tsx
+++ b/lib/components/BlockQuote.tsx
@@ -1,9 +1,8 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/BlockQuote.module.scss';
 import { Box, type BoxProps } from './Box';
 
 export function BlockQuote(props: BoxProps) {
   const { className, ...rest } = props;
 
-  return <Box className={classes([styles.blockQuote, className])} {...rest} />;
+  return <Box className={classes(['BlockQuote', className])} {...rest} />;
 }
diff --git a/lib/components/Box.tsx b/lib/components/Box.tsx
index 81218f7..855d2f8 100644
--- a/lib/components/Box.tsx
+++ b/lib/components/Box.tsx
@@ -249,6 +249,6 @@ export function Box(props: BoxProps & DangerDoNotUse) {
       ...computedProps,
       className: computedClassName,
     },
-    children,
+    children
   );
 }
diff --git a/lib/components/Button.tsx b/lib/components/Button.tsx
index 24c539e..ad55177 100644
--- a/lib/components/Button.tsx
+++ b/lib/components/Button.tsx
@@ -8,10 +8,8 @@ import {
   useRef,
   useState,
 } from 'react';
-
 import { KEY, isEscape } from '../common/keys';
 import { type BooleanLike, classes } from '../common/react';
-import styles from '../styles/components/Button.module.scss';
 import {
   Box,
   type BoxProps,
@@ -111,19 +109,20 @@ export function Button(props: Props) {
   let buttonContent = (
     <div
       className={classes([
-        styles.button,
-        fluid && styles.fluid,
-        disabled && styles.disabled,
-        selected && styles.selected,
-        circular && styles.circular,
-        compact && styles.compact,
-        verticalAlignContent && styles.flex,
-        verticalAlignContent && fluid && styles.flex__fluid,
+        'Button',
+        fluid && 'Button--fluid',
+        disabled && 'Button--disabled',
+        selected && 'Button--selected',
+        circular && 'Button--circular',
+        compact && 'Button--compact',
+        iconPosition && `Button--iconPosition--${iconPosition}`,
+        verticalAlignContent && 'Button--flex',
+        verticalAlignContent && fluid && 'Button--flex--fluid',
         verticalAlignContent &&
-          styles[`verticalAlignContent__${verticalAlignContent}`],
+          `Button--verticalAlignContent--${verticalAlignContent}`,
         color && typeof color === 'string'
-          ? styles[`color__${color}`]
-          : styles.color__default,
+          ? `Button--color--${color}`
+          : 'Button--color--default',
         className,
         computeBoxClassName(rest),
       ])}
@@ -154,7 +153,7 @@ export function Button(props: Props) {
       }}
       {...computeBoxProps(rest)}
     >
-      <div className={styles.content}>
+      <div className="Button__content">
         {icon && iconPosition !== 'right' && (
           <Icon
             mr={toDisplay ? 1 : 0}
@@ -169,7 +168,10 @@ export function Button(props: Props) {
           toDisplay
         ) : (
           <span
-            className={classes([styles.ellipsis, icon && styles.textMargin])}
+            className={classes([
+              'Button--ellipsis',
+              icon && 'Button__textMargin',
+            ])}
           >
             {toDisplay}
           </span>
@@ -333,9 +335,10 @@ function ButtonInput(props: InputProps) {
   let buttonContent = (
     <Box
       className={classes([
-        styles.button,
-        fluid && styles.fluid,
-        styles[`color__${color}`],
+        'Button',
+        fluid && 'Button--fluid',
+        disabled && 'Button--disabled',
+        `Button--color--${color}`,
       ])}
       {...rest}
       onClick={() => setInInput(true)}
diff --git a/lib/components/ColorBox.tsx b/lib/components/ColorBox.tsx
index e1d5cff..771adda 100644
--- a/lib/components/ColorBox.tsx
+++ b/lib/components/ColorBox.tsx
@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
 
 import { classes } from '../common/react';
-import styles from '../styles/components/ColorBox.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 
 type Props = {
@@ -16,11 +15,7 @@ export function ColorBox(props: Props) {
 
   return (
     <div
-      className={classes([
-        styles.colorBox,
-        className,
-        computeBoxClassName(rest),
-      ])}
+      className={classes(['ColorBox', className, computeBoxClassName(rest)])}
       {...computeBoxProps(rest)}
     >
       {content || ''}
diff --git a/lib/components/Dialog.tsx b/lib/components/Dialog.tsx
index 175cbb4..fa68437 100644
--- a/lib/components/Dialog.tsx
+++ b/lib/components/Dialog.tsx
@@ -1,4 +1,3 @@
-import styles from '../styles/components/Dialog.module.scss';
 import { Box } from './Box';
 import { Button } from './Button';
 
@@ -13,10 +12,10 @@ type DialogProps = {
 export function Dialog(props: DialogProps) {
   const { title, onClose, children, width, height } = props;
   return (
-    <div className={styles.dialog}>
-      <Box className={styles.content} width={width || '370px'} height={height}>
-        <div className={styles.header}>
-          <div className={styles.title}>{title}</div>
+    <div className="Dialog">
+      <Box className="Dialog__content" width={width || '370px'} height={height}>
+        <div className="Dialog__header">
+          <div className="Dialog__title">{title}</div>
           <Box mr={2}>
             <Button
               mr="-3px"
@@ -47,7 +46,7 @@ function DialogButton(props: DialogButtonProps) {
   return (
     <Button
       onClick={onClick}
-      className={styles.button}
+      className="Dialog__button"
       verticalAlignContent="middle"
     >
       {children}
@@ -68,10 +67,10 @@ export function UnsavedChangesDialog(props: UnsavedChangesDialogProps) {
   const { documentName, onSave, onDiscard, onClose } = props;
   return (
     <Dialog title="Notepad" onClose={onClose}>
-      <div className={styles.body}>
+      <div className="Dialog__body">
         Do you want to save changes to {documentName}?
       </div>
-      <div className={styles.footer}>
+      <div className="Dialog__footer">
         <DialogButton onClick={onSave}>Save</DialogButton>
         <DialogButton onClick={onDiscard}>Don&apos;t Save</DialogButton>
         <DialogButton onClick={onClose}>Cancel</DialogButton>
diff --git a/lib/components/Dimmer.tsx b/lib/components/Dimmer.tsx
index 2d1855c..a5532d0 100644
--- a/lib/components/Dimmer.tsx
+++ b/lib/components/Dimmer.tsx
@@ -1,12 +1,12 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/Dimmer.module.scss';
+
 import { Box, type BoxProps } from './Box';
 
 export function Dimmer(props: BoxProps) {
   const { className, children, ...rest } = props;
 
   return (
-    <Box className={classes([styles.dimmer, className])} {...rest}>
+    <Box className={classes(['Dimmer', className])} {...rest}>
       <div className="Dimmer__inner">{children}</div>
     </Box>
   );
diff --git a/lib/components/Divider.tsx b/lib/components/Divider.tsx
index 539f353..3204c3e 100644
--- a/lib/components/Divider.tsx
+++ b/lib/components/Divider.tsx
@@ -1,5 +1,4 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/Divider.module.scss';
 
 type Props = Partial<{
   hidden: boolean;
@@ -12,8 +11,9 @@ export function Divider(props: Props) {
   return (
     <div
       className={classes([
-        hidden && styles.hidden,
-        vertical ? styles.vertical : styles.horizontal,
+        'Divider',
+        hidden && 'Divider--hidden',
+        vertical ? 'Divider--vertical' : 'Divider--horizontal',
       ])}
     />
   );
diff --git a/lib/components/Flex.tsx b/lib/components/Flex.tsx
index 4b2f083..d1c5d56 100644
--- a/lib/components/Flex.tsx
+++ b/lib/components/Flex.tsx
@@ -1,5 +1,5 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/Flex.module.scss';
+
 import {
   type BoxProps,
   computeBoxClassName,
@@ -65,8 +65,8 @@ export type FlexProps = Partial<{
 
 export function computeFlexClassName(props: FlexProps) {
   return classes([
-    styles.flex,
-    props.inline && styles.inline,
+    'Flex',
+    props.inline && 'Flex--inline',
     computeBoxClassName(props),
   ]);
 }
@@ -96,6 +96,10 @@ export function Flex(props) {
   );
 }
 
+export const computeFlexItemClassName = (props: FlexItemProps) => {
+  return classes(['Flex__item', computeBoxClassName(props)]);
+};
+
 export type FlexItemProps = Partial<{
   /** This allows the default alignment (or the one specified by align-items) to be overridden for individual flex items. */
   align: string | boolean;
@@ -155,7 +159,7 @@ function FlexItem(props) {
   const { className, ...rest } = props;
   return (
     <div
-      className={classes([className, computeBoxClassName(props)])}
+      className={classes([className, computeFlexItemClassName(props)])}
       {...computeFlexItemProps(rest)}
     />
   );
diff --git a/lib/components/Icon.tsx b/lib/components/Icon.tsx
index 4250f46..806c363 100644
--- a/lib/components/Icon.tsx
+++ b/lib/components/Icon.tsx
@@ -1,7 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 
 import { type BooleanLike, classes } from '../common/react';
-import style from '../styles/components/Icon.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 
 type Props = {
@@ -59,7 +58,7 @@ export function Icon(props: Props) {
   return (
     <i
       className={classes([
-        style.icon,
+        'Icon',
         iconClass,
         className,
         computeBoxClassName(rest),
@@ -80,11 +79,7 @@ export function IconStack(props: IconStackProps) {
   const { className, children, ...rest } = props;
   return (
     <span
-      className={classes([
-        style.iconStack,
-        className,
-        computeBoxClassName(rest),
-      ])}
+      className={classes(['IconStack', className, computeBoxClassName(rest)])}
       {...computeBoxProps(rest)}
     >
       {children}
diff --git a/lib/components/ImageButton.tsx b/lib/components/ImageButton.tsx
index 2caec72..85947b4 100644
--- a/lib/components/ImageButton.tsx
+++ b/lib/components/ImageButton.tsx
@@ -8,7 +8,7 @@ import type { Placement } from '@popperjs/core';
 import type { ReactNode } from 'react';
 
 import { type BooleanLike, classes } from '../common/react';
-import styles from '../styles/components/ImageButton.module.scss';
+
 import { type BoxProps, computeBoxProps } from './Box';
 import { DmIcon } from './DmIcon';
 import { Icon } from './Icon';
@@ -115,14 +115,14 @@ export function ImageButton(props: Props) {
   let buttonContent = (
     <div
       className={classes([
-        styles.container,
-        buttons && styles.hasButtons,
-        !onClick && !onRightClick && styles.noAction,
-        selected && styles.selected,
-        disabled && styles.disabled,
+        'container',
+        buttons && 'hasButtons',
+        !onClick && !onRightClick && 'noAction',
+        selected && 'selected',
+        disabled && 'disabled',
         color && typeof color === 'string'
-          ? styles[`color__${color}`]
-          : styles.color__default,
+          ? `color__${color}`
+          : 'color__default',
       ])}
       tabIndex={!disabled ? 0 : undefined}
       onClick={(event) => {
@@ -143,7 +143,7 @@ export function ImageButton(props: Props) {
       }}
       style={{ width: !fluid ? `calc(${imageSize}px + 0.5em + 2px)` : 'auto' }}
     >
-      <div className={classes([styles.image])}>
+      <div className="image">
         {base64 || asset || imageSrc ? (
           <Image
             className={classes((!base64 && !imageSrc && asset) || [])}
@@ -164,28 +164,24 @@ export function ImageButton(props: Props) {
         )}
       </div>
       {fluid ? (
-        <div className={classes([styles.info])}>
+        <div className="info">
           {title && (
-            <span
-              className={classes([styles.title, children && styles.divider])}
-            >
+            <span className={classes(['title', children && 'divider'])}>
               {title}
             </span>
           )}
-          {children && (
-            <span className={classes([styles.contentFluid])}>{children}</span>
-          )}
+          {children && <span className="contentFluid">{children}</span>}
         </div>
       ) : (
         children && (
           <span
             className={classes([
-              styles.content,
-              selected && styles.contentSelected,
-              disabled && styles.contentDisabled,
+              'content',
+              selected && 'contentSelected',
+              disabled && 'contentDisabled',
               color && typeof color === 'string'
-                ? styles[`contentColor__${color}`]
-                : styles.contentColor__default,
+                ? `contentColor__${color}`
+                : 'contentColor__default',
             ])}
           >
             {children}
@@ -205,23 +201,19 @@ export function ImageButton(props: Props) {
 
   return (
     <div
-      className={classes([
-        styles.ImageButton,
-        fluid && styles.fluid,
-        className,
-      ])}
+      className={classes(['ImageButton', fluid && 'fluid', className])}
       {...computeBoxProps(rest)}
     >
       {buttonContent}
       {buttons && (
         <div
           className={classes([
-            styles.buttonsContainer,
-            buttonsAlt && styles.buttonsAltContainer,
-            !children && styles.buttonsEmpty,
+            'buttonsContainer',
+            buttonsAlt && 'buttonsAltContainer',
+            !children && 'buttonsEmpty',
             fluid && color && typeof color === 'string'
-              ? styles[`buttonsContainerColor__${color}`]
-              : fluid && styles.buttonsContainerColor__default,
+              ? `buttonsContainerColor__${color}`
+              : fluid && 'buttonsContainerColor__default',
           ])}
           style={{
             width: buttonsAlt ? `calc(${imageSize}px + 0.5em)` : 'auto',
diff --git a/lib/components/Input.tsx b/lib/components/Input.tsx
index 91e2798..b858376 100644
--- a/lib/components/Input.tsx
+++ b/lib/components/Input.tsx
@@ -8,7 +8,7 @@ import {
 import { KEY, isEscape } from '../common/keys';
 import { classes } from '../common/react';
 import { debounce } from '../common/timer';
-import styles from '../styles/components/Input.module.scss';
+
 import { Box, type BoxProps } from './Box';
 
 type ConditionalProps =
@@ -65,7 +65,7 @@ type OptionalProps = Partial<{
 
 type Props = OptionalProps & ConditionalProps & BoxProps;
 
-export function toInputValue(value: string | number | undefined) {
+export function toInputValue(value: string | number | undefined): string {
   return typeof value !== 'number' && typeof value !== 'string'
     ? ''
     : String(value);
@@ -171,16 +171,16 @@ export function Input(props: Props) {
   return (
     <Box
       className={classes([
-        styles.input,
-        fluid && styles.fluid,
-        monospace && styles.monospace,
+        'Input',
+        fluid && 'Input--fluid',
+        monospace && 'Input--monospace',
         className,
       ])}
       {...rest}
     >
-      <div className={styles.baseline}>.</div>
+      <div className="Input__baseline">.</div>
       <input
-        className={styles.inner}
+        className="Input__input"
         disabled={disabled}
         maxLength={maxLength}
         onBlur={(event) => onChange?.(event, event.target.value)}
diff --git a/lib/components/Knob.tsx b/lib/components/Knob.tsx
index e0424af..1e4165a 100644
--- a/lib/components/Knob.tsx
+++ b/lib/components/Knob.tsx
@@ -1,6 +1,5 @@
 import { keyOfMatchingRange, scale } from '../common/math';
 import { type BooleanLike, classes } from '../common/react';
-import styles from '../styles/components/Knob.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 import { DraggableControl } from './DraggableControl';
 
@@ -116,9 +115,9 @@ export function Knob(props: Props) {
         return (
           <div
             className={classes([
-              styles.knob,
-              styles[`color__${effectiveColor}`],
-              bipolar && styles.bipolar,
+              'Knob',
+              `Knob--color--${effectiveColor}`,
+              bipolar && 'Knob--bipolar',
               className,
               computeBoxClassName(rest),
             ])}
@@ -131,33 +130,33 @@ export function Knob(props: Props) {
             })}
             onMouseDown={handleDragStart}
           >
-            <div className={styles.circle}>
+            <div className="Knob__circle">
               <div
-                className={styles.cursorBox}
+                className="Knob__cursorBox"
                 style={{
                   transform: `rotate(${rotation}deg)`,
                 }}
               >
-                <div className={styles.cursor} />
+                <div className="Knob__cursor" />
               </div>
             </div>
             {dragging && (
-              <div className={styles.popupValue}>{displayElement}</div>
+              <div className="Knob__popupValue">{displayElement}</div>
             )}
             <svg
-              className={classes([styles.ring, styles.ringTrackPivot])}
+              className="Knob__ring Knob__ringTrackPivot"
               viewBox="0 0 100 100"
             >
               <circle className="Knob__ringTrack" cx="50" cy="50" r="50" />
               <title>track</title>
             </svg>
             <svg
-              className={classes([styles.ring, styles.ringFillPivot])}
+              className="Knob__ring Knob__ringFillPivot"
               viewBox="0 0 100 100"
             >
               <title>fill</title>
               <circle
-                className={styles.ringFill}
+                className="Knob__ringFill"
                 style={{
                   strokeDashoffset: Math.max(
                     ((bipolar ? 2.75 : 2.0) - scaledFillValue * 1.5) *
diff --git a/lib/components/LabeledList.tsx b/lib/components/LabeledList.tsx
index e2b7ad1..4115647 100644
--- a/lib/components/LabeledList.tsx
+++ b/lib/components/LabeledList.tsx
@@ -1,7 +1,6 @@
 import type { PropsWithChildren, ReactNode } from 'react';
 
 import { type BooleanLike, classes } from '../common/react';
-import styles from '../styles/components/LabeledList.module.scss';
 import { Box, unit } from './Box';
 import { Divider } from './Divider';
 import { Tooltip } from './Tooltip';
@@ -99,9 +98,9 @@ function LabeledListItem(props: LabeledListItemProps) {
       as="td"
       color={labelColor}
       className={classes([
-        styles.cell,
+        'LabeledList__cell',
         // Kinda flipped because we want nowrap as default. Cleaner CSS this way though.
-        !labelWrap && styles.label__nowrap,
+        !labelWrap && 'LabeledList__label--nowrap',
       ])}
       verticalAlign={verticalAlign}
     >
@@ -110,13 +109,13 @@ function LabeledListItem(props: LabeledListItemProps) {
   );
 
   return (
-    <tr className={classes([styles.row, className])}>
+    <tr className={classes(['LabeledList__row', className])}>
       {labelChild}
       <Box
         as="td"
         color={color}
         textAlign={textAlign}
-        className={styles.cell}
+        className="LabeledList__cell"
         // @ts-ignore
         colSpan={buttons ? undefined : 2}
         verticalAlign={verticalAlign}
@@ -125,7 +124,7 @@ function LabeledListItem(props: LabeledListItemProps) {
         {children}
       </Box>
       {buttons && (
-        <td className={classes([styles.cell, styles.buttons])}>{buttons}</td>
+        <td className="LabeledList__cell LabeledList__buttons">{buttons}</td>
       )}
     </tr>
   );
diff --git a/lib/components/MenuBar.tsx b/lib/components/MenuBar.tsx
index ac22df2..317e691 100644
--- a/lib/components/MenuBar.tsx
+++ b/lib/components/MenuBar.tsx
@@ -6,7 +6,6 @@
 import { Component, type ReactNode, type RefObject, createRef } from 'react';
 
 import { classes } from '../common/react';
-import styles from '../styles/components/MenuBar.module.scss';
 import { Box } from './Box';
 import { Icon } from './Icon';
 
@@ -45,7 +44,7 @@ class Menu extends Component<MenuProps> {
     const { width, children } = this.props;
     return (
       <div
-        className={styles.menu}
+        className="Menubar__menu"
         style={{
           width: width,
         }}
@@ -95,16 +94,16 @@ class MenuBarButton extends Component<MenuBarDropdownProps> {
       <div ref={this.menuRef}>
         <Box
           className={classes([
-            styles.button,
-            styles.font,
-            styles.hover,
+            'MenuBar__MenuBarButton',
+            'MenuBar__font',
+            'MenuBar__hover',
             className,
           ])}
           {...rest}
           onClick={disabled ? () => null : onClick}
           onMouseOver={onMouseOver}
         >
-          <span className={styles.button__text}>{display}</span>
+          <span className="MenuBar__MenuBarButton-text">{display}</span>
         </Box>
         {open && (
           <Menu
@@ -179,14 +178,14 @@ function MenuItemToggle(props) {
   return (
     <Box
       className={classes([
-        styles.font,
-        styles.item,
-        styles.toggle,
-        styles.hover,
+        'MenuBar__font',
+        'MenuBar__MenuItem',
+        'MenuBar__MenuItemToggle',
+        'MenuBar__hover',
       ])}
       onClick={() => onClick(value)}
     >
-      <div className={styles.toggle__check}>
+      <div className="MenuBar__MenuItemToggle__check">
         {checked && <Icon size={1.3} name="check" />}
       </div>
       {displayText}
@@ -200,7 +199,11 @@ function MenuItem(props) {
   const { value, displayText, onClick } = props;
   return (
     <Box
-      className={classes([styles.font, styles.item, styles.hover])}
+      className={classes([
+        'MenuBar__font',
+        'MenuBar__MenuItem',
+        'MenuBar__hover',
+      ])}
       onClick={() => onClick(value)}
     >
       {displayText}
@@ -211,7 +214,7 @@ function MenuItem(props) {
 Dropdown.MenuItem = MenuItem;
 
 function Separator() {
-  return <div className={styles.separator} />;
+  return <div className="MenuBar__Separator" />;
 }
 
 Dropdown.Separator = Separator;
@@ -222,7 +225,7 @@ type MenuBarProps = {
 
 export function MenuBar(props: MenuBarProps) {
   const { children } = props;
-  return <Box className={styles.menuBar}>{children}</Box>;
+  return <Box className="MenuBar">{children}</Box>;
 }
 
 MenuBar.Dropdown = Dropdown;
diff --git a/lib/components/Modal.tsx b/lib/components/Modal.tsx
index d8ec803..fa08192 100644
--- a/lib/components/Modal.tsx
+++ b/lib/components/Modal.tsx
@@ -1,5 +1,4 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/Modal.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 import { Dimmer } from './Dimmer';
 
@@ -9,11 +8,7 @@ export function Modal(props: BoxProps) {
   return (
     <Dimmer>
       <div
-        className={classes([
-          styles.modal,
-          className,
-          computeBoxClassName(rest),
-        ])}
+        className={classes(['Modal', className, computeBoxClassName(rest)])}
         {...computeBoxProps(rest)}
       >
         {children}
diff --git a/lib/components/NoticeBox.tsx b/lib/components/NoticeBox.tsx
index 3fb3ae8..af90fac 100644
--- a/lib/components/NoticeBox.tsx
+++ b/lib/components/NoticeBox.tsx
@@ -1,5 +1,4 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/NoticeBox.module.scss';
 import { Box, type BoxProps } from './Box';
 
 type Props = ExclusiveProps & BoxProps;
@@ -36,12 +35,11 @@ export function NoticeBox(props: Props) {
   return (
     <Box
       className={classes([
-        styles.noticeBox,
-        color && styles[`color__${color}`],
-        info && styles.info,
-        success && styles.success,
-        warning && styles.warning,
-        danger && styles.danger,
+        'NoticeBox',
+        color && `NoticeBox--color--${color}`,
+        info && 'NoticeBox--type--info',
+        success && 'NoticeBox--type--success',
+        danger && 'NoticeBox--type--danger',
         className,
       ])}
       {...rest}
diff --git a/lib/components/NumberInput.tsx b/lib/components/NumberInput.tsx
index 9489571..e29edb0 100644
--- a/lib/components/NumberInput.tsx
+++ b/lib/components/NumberInput.tsx
@@ -10,7 +10,7 @@ import {
 import { KEY, isEscape } from '../common/keys';
 import { clamp, round } from '../common/math';
 import { type BooleanLike, classes } from '../common/react';
-import styles from '../styles/components/NumberInput.module.scss';
+
 import { AnimatedNumber } from './AnimatedNumber';
 import { Box } from './Box';
 
@@ -269,7 +269,7 @@ export class NumberInput extends Component<Props, State> {
     }
 
     const contentElement = (
-      <div className={styles.content}>
+      <div className="NumberInput__content">
         {animated && !dragging ? (
           <AnimatedNumber value={displayValue} format={format} />
         ) : format ? (
@@ -285,8 +285,8 @@ export class NumberInput extends Component<Props, State> {
     return (
       <Box
         className={classes([
-          styles.numberInput,
-          fluid && styles.fluid,
+          'NumberInput',
+          fluid && 'NumberInput--fluid',
           className,
         ])}
         minWidth={width}
@@ -295,9 +295,9 @@ export class NumberInput extends Component<Props, State> {
         fontSize={fontSize}
         onMouseDown={this.handleDragStart}
       >
-        <div className={styles.barContainer}>
+        <div className="NumberInput__barContainer">
           <div
-            className={styles.bar}
+            className="NumberInput__bar"
             style={{
               height: `${clamp(
                 ((displayValue - minValue) / (maxValue - minValue)) * 100,
@@ -310,7 +310,7 @@ export class NumberInput extends Component<Props, State> {
         {contentElement}
         <input
           ref={this.inputRef}
-          className={styles.inner}
+          className="NumberInput__input"
           style={{
             display: !editing ? 'none' : 'inline',
             height: height,
diff --git a/lib/components/Popper.tsx b/lib/components/Popper.tsx
index 667be64..220452a 100644
--- a/lib/components/Popper.tsx
+++ b/lib/components/Popper.tsx
@@ -39,7 +39,7 @@ export function Popper(props: PropsWithChildren<Props>) {
   const [referenceElement, setReferenceElement] =
     useState<HTMLDivElement | null>(null);
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(
-    null,
+    null
   );
 
   // One would imagine we could just use useref here, but it's against react-popper documentation and causes a positioning bug
diff --git a/lib/components/ProgressBar.tsx b/lib/components/ProgressBar.tsx
index 9fe6d65..b7e1024 100644
--- a/lib/components/ProgressBar.tsx
+++ b/lib/components/ProgressBar.tsx
@@ -2,7 +2,6 @@ import type { CSSProperties, PropsWithChildren } from 'react';
 import { CSS_COLORS } from '../common/constants';
 import { clamp01, keyOfMatchingRange, scale, toFixed } from '../common/math';
 import { classes } from '../common/react';
-import styles from '../styles/components/ProgressBar.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 
 type Props = {
@@ -93,7 +92,7 @@ export function ProgressBar(props: Props) {
   return (
     <div className={classes(outerClasses)} {...outerProps}>
       <div
-        className={classes([styles.fill, styles.fill__animated])}
+        className="ProgressBar__fill ProgressBar__fill--animated"
         style={fillStyles}
       />
       <div className={styles.content}>
diff --git a/lib/components/RoundGauge.tsx b/lib/components/RoundGauge.tsx
index b10275f..7bd5bce 100644
--- a/lib/components/RoundGauge.tsx
+++ b/lib/components/RoundGauge.tsx
@@ -5,7 +5,6 @@
  */
 import { clamp01, keyOfMatchingRange, scale } from '../common/math';
 import { classes } from '../common/react';
-import styles from '../styles/components/RoundGauge.module.scss';
 import { AnimatedNumber } from './AnimatedNumber';
 import {
   Box,
@@ -124,7 +123,7 @@ export function RoundGauge(props: Props) {
     <Box inline>
       <div
         className={classes([
-          styles.roundGauge,
+          'RoundGauge',
           className,
           computeBoxClassName(rest),
         ])}
@@ -140,22 +139,22 @@ export function RoundGauge(props: Props) {
           {(alertAfter || alertBefore) && (
             <g
               className={classes([
-                styles.alert,
-                alertColor ? styles[`alert__${alertColor}`] : '',
+                'RoundGauge__alert',
+                alertColor ? `active RoundGauge__alert--${alertColor}` : '',
               ])}
             >
               <path d="M48.211,14.578C48.55,13.9 49.242,13.472 50,13.472C50.758,13.472 51.45,13.9 51.789,14.578C54.793,20.587 60.795,32.589 63.553,38.106C63.863,38.726 63.83,39.462 63.465,40.051C63.101,40.641 62.457,41 61.764,41C55.996,41 44.004,41 38.236,41C37.543,41 36.899,40.641 36.535,40.051C36.17,39.462 36.137,38.726 36.447,38.106C39.205,32.589 45.207,20.587 48.211,14.578ZM50,34.417C51.426,34.417 52.583,35.574 52.583,37C52.583,38.426 51.426,39.583 50,39.583C48.574,39.583 47.417,38.426 47.417,37C47.417,35.574 48.574,34.417 50,34.417ZM50,32.75C50,32.75 53,31.805 53,22.25C53,20.594 51.656,19.25 50,19.25C48.344,19.25 47,20.594 47,22.25C47,31.805 50,32.75 50,32.75Z" />
             </g>
           )}
           <g>
-            <circle className={styles.ringTrack} cx="50" cy="50" r="45" />
+            <circle className="RoundGauge__ringTrack" cx="50" cy="50" r="45" />
           </g>
           <g>
             {Object.keys(scaledRanges).map((x, i) => {
               const col_ranges = scaledRanges[x];
               return (
                 <circle
-                  className={classes([styles.ringFill, styles[`color__${x}`]])}
+                  className={`RoundGauge__ringFill RoundGauge--color--${x}`}
                   key={i}
                   style={{
                     strokeDashoffset: Math.max(
@@ -172,11 +171,19 @@ export function RoundGauge(props: Props) {
             })}
           </g>
           <g
-            className={styles.needle}
+            className="RoundGauge__needle"
             transform={`rotate(${clampedValue * 180 - 90} 50 50)`}
           >
-            <polygon className={styles.needleLine} points="46,50 50,0 54,50" />
-            <circle className={styles.needleMiddle} cx="50" cy="50" r="8" />
+            <polygon
+              className="RoundGauge__needleLine"
+              points="46,50 50,0 54,50"
+            />
+            <circle
+              className="RoundGauge__needleMiddle"
+              cx="50"
+              cy="50"
+              r="8"
+            />
           </g>
           <title>alert</title>
         </svg>
diff --git a/lib/components/Section.tsx b/lib/components/Section.tsx
index c83877b..1f36b34 100644
--- a/lib/components/Section.tsx
+++ b/lib/components/Section.tsx
@@ -2,7 +2,6 @@ import { type ReactNode, useEffect, useRef } from 'react';
 
 import { addScrollableNode, removeScrollableNode } from '../common/events';
 import { canRender, classes } from '../common/react';
-import styles from '../styles/components/Section.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 
 type Props = Partial<{
@@ -98,29 +97,29 @@ export const Section = (props: Props) => {
     <div
       id={container_id || ''}
       className={classes([
-        styles.section,
-        fill && styles.fill,
-        fitted && styles.fitted,
-        scrollable && styles.scrollable,
-        scrollableHorizontal && styles.scrollableHorizontal,
-        flexGrow && styles.sectionFlex,
+        'Section',
+        fill && 'Section--fill',
+        fitted && 'Section--fitted',
+        scrollable && 'Section--scrollable',
+        scrollableHorizontal && 'Section--scrollableHorizontal',
+        flexGrow && 'Section__flex',
         className,
         computeBoxClassName(rest),
       ])}
       {...computeBoxProps(rest)}
     >
       {hasTitle && (
-        <div className={styles.title}>
-          <span className={styles.titleText}>{title}</span>
-          <div className={styles.buttons}>{buttons}</div>
+        <div className="Section__title">
+          <span className="Section__titleText">{title}</span>
+          <div className="Section__buttons">{buttons}</div>
         </div>
       )}
-      <div className={styles.rest}>
+      <div className="Section__rest">
         <div
           className={classes([
-            styles.content,
-            !!stretchContents && styles.stretchContents,
-            !!noTopPadding && styles.noTopPadding,
+            'Section__content',
+            !!stretchContents && 'content__stretchContents',
+            !!noTopPadding && 'content__noTopPadding',
           ])}
           onScroll={onScroll}
           // For posterity: the forwarded ref needs to be here specifically
diff --git a/lib/components/Slider.tsx b/lib/components/Slider.tsx
index 2f527f3..958e5cd 100644
--- a/lib/components/Slider.tsx
+++ b/lib/components/Slider.tsx
@@ -2,8 +2,7 @@ import type { PropsWithChildren } from 'react';
 
 import { clamp01, keyOfMatchingRange, scale } from '../common/math';
 import { classes } from '../common/react';
-import progStyles from '../styles/components/ProgressBar.module.scss';
-import styles from '../styles/components/Slider.module.scss';
+
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 import { DraggableControl } from './DraggableControl';
 
@@ -120,9 +119,9 @@ export function Slider(props: Props) {
         return (
           <div
             className={classes([
-              styles.slider,
-              progStyles.progressBar,
-              progStyles[`color__${effectiveColor}`],
+              'Slider',
+              'ProgressBar',
+              `ProgressBar--color--${effectiveColor}`,
               className,
               computeBoxClassName(rest),
             ])}
@@ -131,8 +130,8 @@ export function Slider(props: Props) {
           >
             <div
               className={classes([
-                progStyles.fill,
-                hasFillValue && progStyles.fill__animated,
+                'ProgressBar__fill',
+                hasFillValue && 'ProgressBar__fill--animated',
               ])}
               style={{
                 width: `${clamp01(scaledFillValue) * 100}%`,
@@ -140,24 +139,24 @@ export function Slider(props: Props) {
               }}
             />
             <div
-              className={progStyles.fill}
+              className="ProgressBar__fill"
               style={{
                 width: `${clamp01(Math.min(scaledFillValue, scaledDisplayValue)) * 100}%`,
               }}
             />
             <div
-              className={styles.cursorOffset}
+              className="Slider__cursorOffset"
               style={{
                 width: `${clamp01(scaledDisplayValue) * 100}%`,
               }}
             >
-              <div className={styles.cursor} />
-              <div className={styles.pointer} />
+              <div className="Slider__cursor" />
+              <div className="Slider__pointer" />
               {dragging && (
-                <div className={styles.popupValue}>{displayElement}</div>
+                <div className="Slider__popupValue">{displayElement}</div>
               )}
             </div>
-            <div className={progStyles.content}>
+            <div className="ProgressBar__content">
               {hasContent ? children : displayElement}
             </div>
             {inputElement}
diff --git a/lib/components/Stack.tsx b/lib/components/Stack.tsx
index 0453306..fe0ea93 100644
--- a/lib/components/Stack.tsx
+++ b/lib/components/Stack.tsx
@@ -6,7 +6,6 @@
 import type { RefObject } from 'react';
 
 import { classes } from '../common/react';
-import styles from '../styles/components/Stack.module.scss';
 import { computeBoxClassName } from './Box';
 import {
   type FlexItemProps,
@@ -37,10 +36,11 @@ export function Stack(props: Props) {
   return (
     <div
       className={classes([
-        fill && styles.fill,
-        vertical ? styles.vertical : styles.horizontal,
-        zebra && styles.zebra,
-        reverse && styles[`reverse${vertical ? '__vertical' : ''}`],
+        'Stack',
+        fill && 'Stack--fill',
+        vertical ? 'Stack--vertical' : 'Stack--horizontal',
+        zebra && 'Stack--zebra',
+        reverse && `Stack--reverse${vertical ? '--vertical' : ''}`,
         className,
         computeFlexClassName(props),
       ])}
@@ -62,7 +62,7 @@ function StackItem(props: StackItemProps) {
 
   return (
     <div
-      className={classes([styles.item, className, computeBoxClassName(rest)])}
+      className={classes(['Stack__item', className, computeBoxClassName(rest)])}
       ref={innerRef}
       {...computeFlexItemProps(rest)}
     />
@@ -82,9 +82,9 @@ function StackDivider(props: StackDividerProps) {
   return (
     <div
       className={classes([
-        styles.item,
-        styles.divider,
-        hidden && styles.divider__hidden,
+        'Stack__item',
+        'Stack__divider',
+        hidden && 'Stack__divider--hidden',
         className,
         computeBoxClassName(rest),
       ])}
diff --git a/lib/components/StyleableSection.tsx b/lib/components/StyleableSection.tsx
index 8fadb06..e5ebee3 100644
--- a/lib/components/StyleableSection.tsx
+++ b/lib/components/StyleableSection.tsx
@@ -1,6 +1,5 @@
 import type { PropsWithChildren, ReactNode } from 'react';
 
-import styles from '../styles/components/Section.module.scss';
 import { Box } from './Box';
 
 type Props = Partial<{
@@ -19,15 +18,15 @@ export function StyleableSection(props: Props) {
   return (
     <Box style={style}>
       {/* Yes, this box (line above) is missing the "Section" class. This is very intentional, as the layout looks *ugly* with it.*/}
-      <Box className={styles.title} style={titleStyle}>
-        <Box className={styles.titleText} style={textStyle}>
+      <Box className="Section__title" style={titleStyle}>
+        <Box className=
+          "Section__titleText" style={textStyle}>
           {title}
         </Box>
-        <div className={styles.buttons}>{titleSubtext}</div>
+        <div className="Section__buttons">{titleSubtext}</div>      </Box>
+      <Box className="Section__rest">
+        <Box className="Section__content" >{children}</Box>
       </Box>
-      <Box className={styles.rest}>
-        <Box className={styles.content}>{children}</Box>
-      </Box>
-    </Box>
+    </Box >
   );
 }
diff --git a/lib/components/Table.tsx b/lib/components/Table.tsx
index 19e7f49..92a1cef 100644
--- a/lib/components/Table.tsx
+++ b/lib/components/Table.tsx
@@ -1,5 +1,5 @@
 import { classes } from '../common/react';
-import styles from '../styles/components/Table.module.scss';
+
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 
 type Props = Partial<{
@@ -14,8 +14,8 @@ export function Table(props: Props) {
   return (
     <table
       className={classes([
-        styles.table,
-        collapsing && styles.collapsing,
+        'Table',
+        collapsing && 'Table--collapsing',
         className,
         computeBoxClassName(rest),
       ])}
@@ -38,8 +38,8 @@ export function TableRow(props: RowProps) {
   return (
     <tr
       className={classes([
-        styles.row,
-        header && styles.row__header,
+        'Table__row',
+        header && 'Table__row--header',
         className,
         computeBoxClassName(props),
       ])}
@@ -69,9 +69,9 @@ export function TableCell(props: CellProps) {
   return (
     <td
       className={classes([
-        styles.cell,
-        collapsing && styles.cell__collapsing,
-        header && styles.cell__header,
+        'Table__cell',
+        collapsing && 'Table__cell--collapsing',
+        header && 'Table__cell--header',
         className,
         computeBoxClassName(props),
       ])}
diff --git a/lib/components/Tabs.tsx b/lib/components/Tabs.tsx
index 11faa6a..773e6bf 100644
--- a/lib/components/Tabs.tsx
+++ b/lib/components/Tabs.tsx
@@ -1,7 +1,5 @@
 import type { PropsWithChildren, ReactNode } from 'react';
-
 import { canRender, classes } from '../common/react';
-import styles from '../styles/components/Tabs.module.scss';
 import { type BoxProps, computeBoxClassName, computeBoxProps } from './Box';
 import { Icon } from './Icon';
 
@@ -33,10 +31,10 @@ export function Tabs(props: Props) {
   return (
     <div
       className={classes([
-        styles.tabs,
-        vertical ? styles.vertical : styles.horizontal,
-        fill && styles.fill,
-        fluid && styles.fluid,
+        'Tabs',
+        vertical ? 'Tabs--vertical' : 'Tabs--horizontal',
+        fill && 'Tabs--fill',
+        fluid && 'Tabs--fluid',
         className,
         computeBoxClassName(rest),
       ])}
@@ -71,28 +69,24 @@ function Tab(props: TabProps) {
   return (
     <div
       className={classes([
-        styles.tab,
-        styles.tabs__tab,
-        styles[`color__${color}`],
-        selected && styles.selected,
+        'Tab',
+        'Tabs__Tab',
+        `Tab--color--${color}`,
+        selected && 'Tab--selected',
         className,
         computeBoxClassName(rest),
       ])}
       onClick={handleClick}
       {...computeBoxProps(rest)}
     >
-      {(canRender(leftSlot) && (
-        <div className={styles.tab__left}>{leftSlot}</div>
-      )) ||
+      {(canRender(leftSlot) && <div className="Tab__left">{leftSlot}</div>) ||
         (!!icon && (
-          <div className={styles.tab__left}>
+          <div className="Tab__left">
             <Icon name={icon} spin={iconSpin} />
           </div>
         ))}
-      <div className={styles.tab__text}>{children}</div>
-      {canRender(rightSlot) && (
-        <div className={styles.tab__right}>{rightSlot}</div>
-      )}
+      <div className="Tab__text">{children}</div>
+      {canRender(rightSlot) && <div className="Tab__right">{rightSlot}</div>}
     </div>
   );
 }
diff --git a/lib/components/TextArea.tsx b/lib/components/TextArea.tsx
index 8d5e2eb..b4efad1 100644
--- a/lib/components/TextArea.tsx
+++ b/lib/components/TextArea.tsx
@@ -7,10 +7,8 @@ import {
   useState,
 } from 'react';
 import type { KeyboardEvent, SyntheticEvent } from 'react';
-
 import { KEY, isEscape } from '../common/keys';
 import { classes } from '../common/react';
-import styles from '../styles/components/TextArea.module.scss';
 import { Box, type BoxProps } from './Box';
 import { toInputValue } from './Input';
 
@@ -133,17 +131,27 @@ export const TextArea = forwardRef(
     return (
       <Box
         className={classes([
-          styles.textArea,
-          fluid && styles.fluid,
-          noborder && styles.noborder,
+          'TextArea',
+          fluid && 'TextArea--fluid',
+          noborder && 'TextArea--noborder',
           className,
         ])}
         {...rest}
       >
         {!!displayedValue && (
-          <div className={styles.wrapper}>
+          <div
+            style={{
+              height: '100%',
+              overflow: 'hidden',
+              position: 'absolute',
+              width: '100%',
+            }}
+          >
             <div
-              className={classes([styles.inner, styles.custom])}
+              className={classes([
+                'TextArea__textarea',
+                'TextArea__textarea_custom',
+              ])}
               style={{
                 transform: `translateY(-${scrolledAmount}px)`,
               }}
@@ -154,9 +162,9 @@ export const TextArea = forwardRef(
         )}
         <textarea
           className={classes([
-            styles.inner,
-            scrollbar && styles.scrollable,
-            nowrap && styles.nowrap,
+            'TextArea__textarea',
+            scrollbar && 'TextArea__textarea--scrollable',
+            nowrap && 'TextArea__nowrap',
           ])}
           maxLength={maxLength}
           onBlur={(event) => onChange?.(event, event.target.value)}
diff --git a/lib/components/Tooltip.tsx b/lib/components/Tooltip.tsx
index 8fd6932..f84f023 100644
--- a/lib/components/Tooltip.tsx
+++ b/lib/components/Tooltip.tsx
@@ -7,8 +7,6 @@ import {
 import { Component, type ReactNode } from 'react';
 import { findDOMNode, render } from 'react-dom';
 
-import styles from '../styles/components/Tooltip.module.scss';
-
 type Props = {
   /** The content to display in the tooltip */
   content: ReactNode;
@@ -82,7 +80,7 @@ export class Tooltip extends Component<Props, State> {
       let renderedTooltip = Tooltip.renderedTooltip;
       if (renderedTooltip === undefined) {
         renderedTooltip = document.createElement('div');
-        renderedTooltip.className = styles.tooltip;
+        renderedTooltip.className = 'Tooltip';
         document.body.appendChild(renderedTooltip);
         Tooltip.renderedTooltip = renderedTooltip;
       }
diff --git a/lib/components/VirtualList.tsx b/lib/components/VirtualList.tsx
index f3d3225..350a638 100644
--- a/lib/components/VirtualList.tsx
+++ b/lib/components/VirtualList.tsx
@@ -56,12 +56,12 @@ export function VirtualList(props: PropsWithChildren) {
   }, [adjustExtents]);
 
   return (
-    <div className={'VirtualList'}>
-      <div className={'VirtualList__Container'} ref={containerRef}>
+    <div className="VirtualList">
+      <div className="VirtualList__Container" ref={containerRef}>
         {Array.isArray(children) ? children.slice(0, visibleElements) : null}
       </div>
       <div
-        className={'VirtualList__Padding'}
+        className="VirtualList__Padding"
         style={{ paddingBottom: `${padding}px` }}
       />
     </div>
diff --git a/lib/styles/atomic/candystripe.scss b/lib/styles/atomic/candystripe.scss
deleted file mode 100644
index 30159bf..0000000
--- a/lib/styles/atomic/candystripe.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.candystripe:nth-child(odd) {
-  background-color: rgba(0, 0, 0, 0.25);
-}
diff --git a/lib/styles/atomic/centered-image.scss b/lib/styles/atomic/centered-image.scss
deleted file mode 100644
index cce5bfd..0000000
--- a/lib/styles/atomic/centered-image.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.centered-image {
-  position: absolute;
-  height: 100%;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%) translateY(-50%) scale(0.8);
-}
diff --git a/lib/styles/atomic/color.scss b/lib/styles/atomic/color.scss
deleted file mode 100644
index a228c93..0000000
--- a/lib/styles/atomic/color.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../colors";
-
-$fg-map: colors.$fg-map !default;
-$bg-map: colors.$bg-map !default;
-
-@each $color-name, $color-value in $fg-map {
-  .color-#{$color-name} {
-    color: $color-value !important;
-  }
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color-bg-#{$color-name} {
-    background-color: $color-value !important;
-  }
-}
diff --git a/lib/styles/atomic/debug-layout.scss b/lib/styles/atomic/debug-layout.scss
deleted file mode 100644
index d015185..0000000
--- a/lib/styles/atomic/debug-layout.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.debug-layout,
-.debug-layout *:not(g):not(path) {
-  color: rgba(255, 255, 255, 0.9) !important;
-  background: transparent !important;
-  outline: 1px solid rgba(255, 255, 255, 0.5) !important;
-  box-shadow: none !important;
-  filter: none !important;
-
-  &:hover {
-    outline-color: rgba(255, 255, 255, 0.8) !important;
-  }
-}
diff --git a/lib/styles/atomic/fit-text.scss b/lib/styles/atomic/fit-text.scss
deleted file mode 100644
index 1d49e13..0000000
--- a/lib/styles/atomic/fit-text.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-$mqIterations: 19;
-@mixin fontResize($iterations) {
-  $i: 1;
-  @while $i <= $iterations {
-    @media all and (min-width: 100px * $i) {
-      .fit-text {
-        font-size: 0.1em * $i;
-      }
-    }
-    $i: $i + 1;
-  }
-}
-
-@include fontResize($mqIterations);
diff --git a/lib/styles/atomic/links.scss b/lib/styles/atomic/links.scss
deleted file mode 100644
index 3227b15..0000000
--- a/lib/styles/atomic/links.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@use "../colors";
-
-a {
-  &:link,
-  &:visited {
-    color: colors.$blue;
-  }
-  &:hover,
-  &:active {
-    color: colors.$primary;
-  }
-}
diff --git a/lib/styles/atomic/outline.scss b/lib/styles/atomic/outline.scss
deleted file mode 100644
index 355b97b..0000000
--- a/lib/styles/atomic/outline.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../colors";
-
-.outline-dotted {
-  outline-style: dotted !important;
-}
-
-.outline-dashed {
-  outline-style: dashed !important;
-}
-
-.outline-solid {
-  outline-style: solid !important;
-}
-
-.outline-double {
-  outline-style: double !important;
-}
-
-.outline-groove {
-  outline-style: groove !important;
-}
-
-.outline-ridge {
-  outline-style: ridge !important;
-}
-
-.outline-inset {
-  outline-style: inset !important;
-}
-
-.outline-outset {
-  outline-style: outset !important;
-}
-
-$fg-map: colors.$fg-map !default;
-$bg-map: colors.$bg-map !default;
-
-@each $color-name, $color-value in $fg-map {
-  .outline-color-#{$color-name} {
-    outline: 0.167rem solid $color-value !important;
-  }
-}
diff --git a/lib/styles/atomic/text.scss b/lib/styles/atomic/text.scss
deleted file mode 100644
index 4889041..0000000
--- a/lib/styles/atomic/text.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-baseline {
-  text-align: baseline;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.text-nowrap {
-  white-space: nowrap;
-}
-
-.text-pre {
-  white-space: pre;
-}
-
-.text-bold {
-  font-weight: bold;
-}
-
-.text-italic {
-  font-style: italic;
-}
-
-.text-underline {
-  text-decoration: underline;
-}
diff --git a/lib/styles/base.scss b/lib/styles/base.scss
deleted file mode 100644
index e9f3a8f..0000000
--- a/lib/styles/base.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "sass:math";
-
-$color-fg: #ffffff !default;
-$color-bg: #252525 !default;
-$color-bg-section: rgba(0, 0, 0, 0.33) !default;
-$color-bg-grad-spread: 2% !default;
-$color-bg-start: color.adjust(
-  $color-bg,
-  $lightness: $color-bg-grad-spread
-) !default;
-$color-bg-end: color.adjust(
-  $color-bg,
-  $lightness: -$color-bg-grad-spread
-) !default;
-
-$unit: 12px;
-$font-size: 1 * $unit !default;
-$border-radius: 0.16em !default;
-
-@function em($px) {
-  @return 1em * math.div($px, $unit);
-}
-
-@function rem($px) {
-  @return 1rem * math.div($px, $unit);
-}
diff --git a/lib/styles/colors.scss b/lib/styles/colors.scss
deleted file mode 100644
index e1e16f1..0000000
--- a/lib/styles/colors.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "sass:map";
-@use "sass:meta";
-
-// Base colors
-$black: #000000 !default;
-$white: #ffffff !default;
-$red: #db2828 !default;
-$orange: #f2711c !default;
-$yellow: #fbd608 !default;
-$olive: #b5cc18 !default;
-$green: #20b142 !default;
-$teal: #00b5ad !default;
-$blue: #2185d0 !default;
-$violet: #6435c9 !default;
-$purple: #a333c8 !default;
-$pink: #e03997 !default;
-$brown: #a5673f !default;
-$grey: #767676 !default;
-$light-grey: #aaa !default;
-
-$primary: #4972a1 !default;
-$good: #5baa27 !default;
-$average: #f08f11 !default;
-$bad: #db2828 !default;
-$label: #7e90a7 !default;
-
-// Background and foreground color lightness ratios
-$bg-lightness: -15% !default;
-$fg-lightness: 10% !default;
-
-@function bg($color) {
-  @return color.scale($color, $lightness: $bg-lightness);
-}
-
-@function fg($color) {
-  @return color.scale($color, $lightness: $fg-lightness);
-}
-
-// Mappings of color names
-
-$_gen_map: (
-  "black": $black,
-  "white": $white,
-  "red": $red,
-  "orange": $orange,
-  "yellow": $yellow,
-  "olive": $olive,
-  "green": $green,
-  "teal": $teal,
-  "blue": $blue,
-  "violet": $violet,
-  "purple": $purple,
-  "pink": $pink,
-  "brown": $brown,
-  "grey": $grey,
-  "light-grey": $light-grey,
-  "good": $good,
-  "average": $average,
-  "bad": $bad,
-  "label": $label,
-);
-
-// Foreground color names for which to generate a color map
-$fg-map-keys: map.keys($_gen_map) !default;
-// Background color names for which to generate a color map
-$bg-map-keys: map.keys($_gen_map) !default;
-
-$fg-map: ();
-@each $color-name in $fg-map-keys {
-  $fg-map: map.merge(
-    $fg-map,
-    (
-      $color-name: fg(map.get($_gen_map, $color-name)),
-    )
-  );
-}
-
-$bg-map: ();
-@each $color-name in $bg-map-keys {
-  $bg-map: map.merge(
-    $bg-map,
-    (
-      $color-name: bg(map.get($_gen_map, $color-name)),
-    )
-  );
-}
diff --git a/lib/styles/components/BlockQuote.module.scss b/lib/styles/components/BlockQuote.module.scss
deleted file mode 100644
index 2095f44..0000000
--- a/lib/styles/components/BlockQuote.module.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../colors";
-
-$color-default: colors.fg(colors.$label) !default;
-
-.blockQuote {
-  color: $color-default;
-  border-left: base.em(2px) solid $color-default;
-  padding-left: 0.5em;
-  margin-bottom: 0.5em;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
diff --git a/lib/styles/components/BlockQuote.module.scss.d.ts b/lib/styles/components/BlockQuote.module.scss.d.ts
deleted file mode 100644
index 6c70cb7..0000000
--- a/lib/styles/components/BlockQuote.module.scss.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly blockQuote: "blockQuote";
-};
-export = classNames;
diff --git a/lib/styles/components/Button.module.scss b/lib/styles/components/Button.module.scss
deleted file mode 100644
index 5088335..0000000
--- a/lib/styles/components/Button.module.scss
+++ /dev/null
@@ -1,157 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-$color-default: colors.bg(colors.$primary) !default;
-$color-disabled: #999999 !default;
-$color-selected: colors.bg(colors.$green) !default;
-$color-caution: colors.bg(colors.$yellow) !default;
-$color-danger: colors.bg(colors.$red) !default;
-$color-transparent-text: rgba(255, 255, 255, 0.5) !default;
-$border-radius: base.$border-radius !default;
-$bg-map: colors.$bg-map !default;
-
-@mixin button-color($color) {
-  // Adapt text color to background luminance to ensure high contast
-  $luminance: luminance($color);
-  $text-color: if($luminance > 0.4, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-
-  transition:
-    color 50ms,
-    background-color 50ms;
-  background-color: $color;
-  color: $text-color;
-
-  &:focus {
-    transition:
-      color 100ms,
-      background-color 100ms;
-  }
-
-  &:hover {
-    background-color: lighten($color, 30%);
-    color: $text-color;
-  }
-}
-
-.button {
-  position: relative;
-  display: inline-block;
-  line-height: 1.667em;
-  padding: 0 0.5em;
-  margin-right: base.em(2px);
-  white-space: nowrap;
-  outline: 0;
-  border-radius: $border-radius;
-  margin-bottom: base.em(2px);
-  // Disable selection in buttons
-  user-select: none;
-  -ms-user-select: none;
-
-  &:last-child {
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-
-  .fa,
-  .fas,
-  .far {
-    margin-left: -0.25em;
-    margin-right: -0.25em;
-    min-width: 1.333em;
-    text-align: center;
-  }
-}
-
-.dropdown {
-  line-height: base.em(16px);
-  height: base.em(22px);
-  padding: 0.2rem 0.5rem;
-}
-
-.ellipsis {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.fluid {
-  display: block;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.circular {
-  border-radius: 50%;
-}
-
-.compact {
-  padding: 0 0.25em;
-  line-height: 1.333em;
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    @include button-color($color-value);
-  }
-}
-
-.color__default {
-  @include button-color($color-default);
-}
-
-.color__caution {
-  @include button-color($color-caution);
-}
-
-.color__danger {
-  @include button-color($color-danger);
-}
-
-.color__transparent {
-  @include button-color(base.$color-bg);
-  background-color: rgba(base.$color-bg, 0);
-  color: $color-transparent-text;
-}
-
-.disabled {
-  background-color: $color-disabled !important;
-}
-
-.selected {
-  @include button-color($color-selected);
-}
-
-.flex {
-  display: inline-flex; //Inline even for fluid
-  flex-direction: column;
-}
-
-.flex__fluid {
-  width: 100%;
-}
-
-.verticalAlignContent__top {
-  justify-content: flex-start;
-}
-
-.verticalAlignContent__middle {
-  justify-content: center;
-}
-
-.verticalAlignContent__bottom {
-  justify-content: flex-end;
-}
-
-.content {
-  display: block;
-  align-self: stretch;
-}
-
-.textMargin {
-  margin-left: 0.4rem;
-}
diff --git a/lib/styles/components/Button.module.scss.d.ts b/lib/styles/components/Button.module.scss.d.ts
deleted file mode 100644
index 931844b..0000000
--- a/lib/styles/components/Button.module.scss.d.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-declare const classNames: {
-  readonly button: "button";
-  readonly fa: "fa";
-  readonly fas: "fas";
-  readonly far: "far";
-  readonly dropdown: "dropdown";
-  readonly ellipsis: "ellipsis";
-  readonly fluid: "fluid";
-  readonly circular: "circular";
-  readonly compact: "compact";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-  readonly color__default: "color__default";
-  readonly color__caution: "color__caution";
-  readonly color__danger: "color__danger";
-  readonly color__transparent: "color__transparent";
-  readonly disabled: "disabled";
-  readonly selected: "selected";
-  readonly flex: "flex";
-  readonly flex__fluid: "flex__fluid";
-  readonly verticalAlignContent__top: "verticalAlignContent__top";
-  readonly verticalAlignContent__middle: "verticalAlignContent__middle";
-  readonly verticalAlignContent__bottom: "verticalAlignContent__bottom";
-  readonly content: "content";
-  readonly textMargin: "textMargin";
-};
-export = classNames;
diff --git a/lib/styles/components/ColorBox.module.scss b/lib/styles/components/ColorBox.module.scss
deleted file mode 100644
index 28158ff..0000000
--- a/lib/styles/components/ColorBox.module.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.colorBox {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  line-height: 1em;
-  text-align: center;
-}
diff --git a/lib/styles/components/ColorBox.module.scss.d.ts b/lib/styles/components/ColorBox.module.scss.d.ts
deleted file mode 100644
index 0121f07..0000000
--- a/lib/styles/components/ColorBox.module.scss.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly colorBox: "colorBox";
-};
-export = classNames;
diff --git a/lib/styles/components/Dialog.module.scss b/lib/styles/components/Dialog.module.scss
deleted file mode 100644
index 243f086..0000000
--- a/lib/styles/components/Dialog.module.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-@use "../base";
-
-$background-color: base.$color-bg !default;
-
-.dialog {
-  position: fixed;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.content {
-  background-color: $background-color;
-  font-family: Consolas, monospace;
-  font-size: base.em(14px);
-  display: flex;
-  flex-direction: column;
-}
-
-.header {
-  display: flex;
-  height: 2em;
-  line-height: 1.928em;
-  background-color: rgba(0, 0, 0, 0.5);
-  user-select: none;
-}
-
-.title {
-  display: inline;
-  font-style: italic;
-  margin-left: 1rem;
-  margin-right: 2rem;
-  flex-grow: 1;
-  opacity: 0.33;
-}
-
-.body {
-  margin: 2rem 1rem 2rem 1rem;
-  flex-grow: 1;
-}
-
-.footer {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding: 1rem;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.button {
-  margin: 0 1rem 0 1rem;
-  height: 2rem;
-  min-width: 6rem;
-  text-align: center;
-}
diff --git a/lib/styles/components/Dialog.module.scss.d.ts b/lib/styles/components/Dialog.module.scss.d.ts
deleted file mode 100644
index dffd70d..0000000
--- a/lib/styles/components/Dialog.module.scss.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-declare const classNames: {
-  readonly dialog: "dialog";
-  readonly content: "content";
-  readonly header: "header";
-  readonly title: "title";
-  readonly body: "body";
-  readonly footer: "footer";
-  readonly button: "button";
-};
-export = classNames;
diff --git a/lib/styles/components/Dimmer.module.scss b/lib/styles/components/Dimmer.module.scss
deleted file mode 100644
index 2a35c7d..0000000
--- a/lib/styles/components/Dimmer.module.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-$background-dimness: 0.75 !default;
-
-.dimmer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  // Fill positioned parent
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  // Dim everything around it
-  background-color: rgba(0, 0, 0, $background-dimness);
-  z-index: 1;
-}
diff --git a/lib/styles/components/Dimmer.module.scss.d.ts b/lib/styles/components/Dimmer.module.scss.d.ts
deleted file mode 100644
index f74e583..0000000
--- a/lib/styles/components/Dimmer.module.scss.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly dimmer: "dimmer";
-};
-export = classNames;
diff --git a/lib/styles/components/Divider.module.scss b/lib/styles/components/Divider.module.scss
deleted file mode 100644
index 7b53813..0000000
--- a/lib/styles/components/Divider.module.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$color: rgba(255, 255, 255, 0.1) !default;
-$thickness: base.em(2px) !default;
-$spacing: 0.5em;
-
-.horizontal {
-  margin: $spacing 0;
-
-  &:not(.hidden) {
-    border-top: $thickness solid $color;
-  }
-}
-
-.vertical {
-  height: 100%;
-  margin: 0 $spacing;
-
-  &:not(.hidden) {
-    border-left: $thickness solid $color;
-  }
-}
diff --git a/lib/styles/components/Divider.module.scss.d.ts b/lib/styles/components/Divider.module.scss.d.ts
deleted file mode 100644
index a291afa..0000000
--- a/lib/styles/components/Divider.module.scss.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare const classNames: {
-  readonly horizontal: "horizontal";
-  readonly hidden: "hidden";
-  readonly vertical: "vertical";
-};
-export = classNames;
diff --git a/lib/styles/components/Dropdown.scss b/lib/styles/components/Dropdown.scss
deleted file mode 100644
index cc8b561..0000000
--- a/lib/styles/components/Dropdown.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-.Dropdown {
-  display: flex;
-  align-items: flex-start;
-}
-
-.Dropdown__control {
-  flex: 1;
-  font-family: Verdana, sans-serif;
-  font-size: base.em(12px);
-  overflow: hidden;
-  user-select: none;
-  width: base.em(100px);
-}
-
-.Dropdown__arrow-button {
-  float: right;
-  padding-left: 0.35em;
-  width: 1.2em;
-  border-left: base.em(1px) solid rgba(0, 0, 0, 0.25);
-}
-
-.Dropdown__menu {
-  overflow-y: auto;
-  align-items: center;
-  max-height: base.em(200px);
-  border-radius: 0 0 base.em(2px) base.em(2px);
-  color: #fff;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.75);
-}
-
-.Dropdown__menu-scroll {
-  overflow-y: scroll;
-}
-
-.Dropdown__menuentry {
-  padding: base.em(2px) base.em(4px);
-  font-family: Verdana, sans-serif;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-  transition: background-color 100ms ease-out;
-
-  &.selected {
-    background-color: rgba(255, 255, 255, 0.5) !important;
-    transition: background-color 0ms;
-  }
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-    transition: background-color 0ms;
-  }
-}
-
-.Dropdown__over {
-  top: auto;
-  bottom: 100%;
-}
-
-.Dropdown__selected-text {
-  display: inline-block;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: base.em(17px);
-  width: calc(100% - 1.2em);
-}
diff --git a/lib/styles/components/Flex.module.scss b/lib/styles/components/Flex.module.scss
deleted file mode 100644
index 0b56d9b..0000000
--- a/lib/styles/components/Flex.module.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.flex {
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.inline {
-  display: inline-flex;
-}
diff --git a/lib/styles/components/Flex.module.scss.d.ts b/lib/styles/components/Flex.module.scss.d.ts
deleted file mode 100644
index 906228f..0000000
--- a/lib/styles/components/Flex.module.scss.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare const classNames: {
-  readonly flex: "flex";
-  readonly inline: "inline";
-};
-export = classNames;
diff --git a/lib/styles/components/Icon.module.scss b/lib/styles/components/Icon.module.scss
deleted file mode 100644
index f660bbd..0000000
--- a/lib/styles/components/Icon.module.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @file
- * @copyright 2020
- * @author ThePotato97 (https://github.com/ThePotato97)
- * @license ISC
- */
-
-.iconStack > .icon {
-  position: absolute;
-  width: 100%;
-  text-align: center;
-}
-
-.iconStack {
-  position: relative;
-  display: inline-block;
-  height: 1.2em;
-  line-height: 2em;
-  vertical-align: middle;
-
-  &:after {
-    color: transparent;
-    content: ".";
-  }
-}
diff --git a/lib/styles/components/Icon.module.scss.d.ts b/lib/styles/components/Icon.module.scss.d.ts
deleted file mode 100644
index b18ce58..0000000
--- a/lib/styles/components/Icon.module.scss.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare const classNames: {
-  readonly iconStack: "iconStack";
-  readonly icon: "icon";
-};
-export = classNames;
diff --git a/lib/styles/components/ImageButton.module.scss b/lib/styles/components/ImageButton.module.scss
deleted file mode 100644
index 65faf3d..0000000
--- a/lib/styles/components/ImageButton.module.scss
+++ /dev/null
@@ -1,272 +0,0 @@
-/**
- * @file
- * @copyright 2024 Aylong (https://github.com/AyIong)
- * @license MIT
- */
-
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-$color-default: colors.bg(base.$color-bg-section) !default;
-$color-disabled: #631d1d !default;
-$color-selected: colors.bg(colors.$green) !default;
-$color-divider: rgba(255, 255, 255, 0.1) !default;
-$divider-thickness: base.em(2px) !default;
-$bg-map: colors.$bg-map !default;
-
-@mixin button-style(
-  $color,
-  $border-color: rgba(lighten($color, 50%), 0.2),
-  $border-width: 1px 0 0 0,
-  $opacity: 0.2,
-  $hoverable: true,
-  $transition-duration: 0.2s
-) {
-  $luminance: luminance($color);
-  $text-color: if($luminance > 0.3, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-
-  background-color: rgba($color, $opacity);
-  color: $text-color;
-  border: solid $border-color;
-  border-width: $border-width;
-  transition:
-    background-color $transition-duration,
-    border-color $transition-duration;
-
-  @if $hoverable {
-    &:hover {
-      background-color: rgba(lighten($color, 50%), $opacity);
-    }
-  }
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    @include button-style($color-value, $border-width: 1px);
-  }
-
-  .contentColor__#{$color-name} {
-    @include button-style(
-      $color-value,
-      $border-color: lighten($color-value, 25%),
-      $opacity: 1,
-      $hoverable: false
-    );
-  }
-
-  .buttonsContainerColor__#{$color-name} {
-    @include button-style(
-      $color-value,
-      $border-width: 1px 1px 1px 0,
-      $opacity: 0.33,
-      $hoverable: false,
-      $transition-duration: 0
-    );
-  }
-}
-
-.color__default {
-  @include button-style(lighten($color-default, 85%), $border-width: 1px);
-}
-
-.disabled {
-  background-color: rgba($color-disabled, 0.25) !important;
-  border-color: rgba($color-disabled, 0.25) !important;
-}
-
-.selected {
-  @include button-style(
-    $color-selected,
-    $border-color: rgba($color-selected, 0.25),
-    $border-width: 1px
-  );
-}
-
-.contentColor__default {
-  @include button-style(
-    lighten($color-default, 80%),
-    $border-color: lighten($color-default, 100%),
-    $opacity: 1,
-    $hoverable: false
-  );
-}
-
-.contentDisabled {
-  background-color: $color-disabled !important;
-  border-top: 1px solid lighten($color-disabled, 25%) !important;
-}
-
-.contentSelected {
-  @include button-style(
-    $color-selected,
-    $border-color: lighten($color-selected, 25%),
-    $opacity: 1,
-    $hoverable: false
-  );
-}
-
-.buttonsContainerColor__default {
-  @include button-style(
-    lighten($color-default, 85%),
-    $border-width: 1px 1px 1px 0,
-    $hoverable: false,
-    $transition-duration: 0
-  );
-}
-
-.ImageButton {
-  display: inline-table;
-  position: relative;
-  text-align: center;
-  margin: 0.25em;
-  user-select: none;
-  -ms-user-select: none;
-
-  .noAction {
-    pointer-events: none;
-  }
-
-  .container {
-    display: flex;
-    flex-direction: column;
-    border-radius: 0.33em;
-  }
-
-  .image {
-    position: relative;
-    align-self: center;
-    pointer-events: none;
-    overflow: hidden;
-    line-height: 0;
-    padding: 0.25em;
-    border-radius: 0.33em;
-  }
-
-  .buttonsContainer {
-    display: flex;
-    position: absolute;
-    overflow: hidden;
-    left: 1px;
-    bottom: 1.8em;
-    max-width: 100%;
-    z-index: 1;
-
-    &.buttonsAltContainer {
-      overflow: visible;
-      flex-direction: column;
-      pointer-events: none;
-      top: 1px;
-      bottom: inherit !important;
-    }
-
-    &.buttonsEmpty {
-      bottom: 1px;
-    }
-
-    & > * {
-      /* I know !important is bad, but here's no other way */
-      margin: 0 !important;
-      padding: 0 0.2em !important;
-      border-radius: 0 !important;
-    }
-  }
-
-  .content {
-    -ms-user-select: none;
-    user-select: none;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    padding: 0.25em 0.5em;
-    margin: -1px;
-    border-radius: 0 0 0.33em 0.33em;
-    z-index: 2;
-  }
-}
-
-.fluid {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  text-align: center;
-  margin: 0 0 0.5em 0;
-  user-select: none;
-  -ms-user-select: none;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  .info {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    flex: 1;
-  }
-
-  .title {
-    font-weight: bold;
-    padding: 0.5em;
-
-    &.divider {
-      margin: 0 0.5em;
-      border-bottom: $divider-thickness solid $color-divider;
-    }
-  }
-
-  .contentFluid {
-    padding: 0.5em;
-    color: white;
-  }
-
-  .container {
-    flex-direction: row;
-    flex: 1;
-
-    &.hasButtons {
-      border-radius: 0.33em 0 0 0.33em;
-      border-width: 1px 0 1px 1px;
-    }
-  }
-
-  .image {
-    padding: 0;
-  }
-
-  .buttonsContainer {
-    position: relative;
-    left: inherit;
-    bottom: inherit;
-    border-radius: 0 0.33em 0.33em 0;
-
-    &.buttonsEmpty {
-      bottom: inherit;
-    }
-
-    &.buttonsAltContainer {
-      overflow: hidden;
-      pointer-events: auto;
-      top: inherit;
-
-      & > * {
-        border-top: 1px solid rgba(255, 255, 255, 0.075);
-
-        &:first-child {
-          border-top: 0;
-        }
-      }
-    }
-
-    & > * {
-      display: inline-flex;
-      flex-direction: column;
-      justify-content: center;
-      text-align: center;
-      white-space: pre-wrap;
-      line-height: base.em(14px);
-      height: 100%;
-      border-left: 1px solid rgba(255, 255, 255, 0.075);
-    }
-  }
-}
diff --git a/lib/styles/components/ImageButton.module.scss.d.ts b/lib/styles/components/ImageButton.module.scss.d.ts
deleted file mode 100644
index 2600219..0000000
--- a/lib/styles/components/ImageButton.module.scss.d.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-declare const classNames: {
-  readonly color__black: "color__black";
-  readonly contentColor__black: "contentColor__black";
-  readonly buttonsContainerColor__black: "buttonsContainerColor__black";
-  readonly color__white: "color__white";
-  readonly contentColor__white: "contentColor__white";
-  readonly buttonsContainerColor__white: "buttonsContainerColor__white";
-  readonly color__red: "color__red";
-  readonly contentColor__red: "contentColor__red";
-  readonly buttonsContainerColor__red: "buttonsContainerColor__red";
-  readonly color__orange: "color__orange";
-  readonly contentColor__orange: "contentColor__orange";
-  readonly buttonsContainerColor__orange: "buttonsContainerColor__orange";
-  readonly color__yellow: "color__yellow";
-  readonly contentColor__yellow: "contentColor__yellow";
-  readonly buttonsContainerColor__yellow: "buttonsContainerColor__yellow";
-  readonly color__olive: "color__olive";
-  readonly contentColor__olive: "contentColor__olive";
-  readonly buttonsContainerColor__olive: "buttonsContainerColor__olive";
-  readonly color__green: "color__green";
-  readonly contentColor__green: "contentColor__green";
-  readonly buttonsContainerColor__green: "buttonsContainerColor__green";
-  readonly color__teal: "color__teal";
-  readonly contentColor__teal: "contentColor__teal";
-  readonly buttonsContainerColor__teal: "buttonsContainerColor__teal";
-  readonly color__blue: "color__blue";
-  readonly contentColor__blue: "contentColor__blue";
-  readonly buttonsContainerColor__blue: "buttonsContainerColor__blue";
-  readonly color__violet: "color__violet";
-  readonly contentColor__violet: "contentColor__violet";
-  readonly buttonsContainerColor__violet: "buttonsContainerColor__violet";
-  readonly color__purple: "color__purple";
-  readonly contentColor__purple: "contentColor__purple";
-  readonly buttonsContainerColor__purple: "buttonsContainerColor__purple";
-  readonly color__pink: "color__pink";
-  readonly contentColor__pink: "contentColor__pink";
-  readonly buttonsContainerColor__pink: "buttonsContainerColor__pink";
-  readonly color__brown: "color__brown";
-  readonly contentColor__brown: "contentColor__brown";
-  readonly buttonsContainerColor__brown: "buttonsContainerColor__brown";
-  readonly color__grey: "color__grey";
-  readonly contentColor__grey: "contentColor__grey";
-  readonly buttonsContainerColor__grey: "buttonsContainerColor__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly "contentColor__light-grey": "contentColor__light-grey";
-  readonly "buttonsContainerColor__light-grey": "buttonsContainerColor__light-grey";
-  readonly color__good: "color__good";
-  readonly contentColor__good: "contentColor__good";
-  readonly buttonsContainerColor__good: "buttonsContainerColor__good";
-  readonly color__average: "color__average";
-  readonly contentColor__average: "contentColor__average";
-  readonly buttonsContainerColor__average: "buttonsContainerColor__average";
-  readonly color__bad: "color__bad";
-  readonly contentColor__bad: "contentColor__bad";
-  readonly buttonsContainerColor__bad: "buttonsContainerColor__bad";
-  readonly color__label: "color__label";
-  readonly contentColor__label: "contentColor__label";
-  readonly buttonsContainerColor__label: "buttonsContainerColor__label";
-  readonly color__default: "color__default";
-  readonly disabled: "disabled";
-  readonly selected: "selected";
-  readonly contentColor__default: "contentColor__default";
-  readonly contentDisabled: "contentDisabled";
-  readonly contentSelected: "contentSelected";
-  readonly buttonsContainerColor__default: "buttonsContainerColor__default";
-  readonly ImageButton: "ImageButton";
-  readonly noAction: "noAction";
-  readonly container: "container";
-  readonly image: "image";
-  readonly buttonsContainer: "buttonsContainer";
-  readonly buttonsAltContainer: "buttonsAltContainer";
-  readonly buttonsEmpty: "buttonsEmpty";
-  readonly content: "content";
-  readonly fluid: "fluid";
-  readonly info: "info";
-  readonly title: "title";
-  readonly divider: "divider";
-  readonly contentFluid: "contentFluid";
-  readonly hasButtons: "hasButtons";
-};
-export = classNames;
diff --git a/lib/styles/components/Input.module.scss b/lib/styles/components/Input.module.scss
deleted file mode 100644
index 46d171d..0000000
--- a/lib/styles/components/Input.module.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$text-color: base.$color-fg !default;
-$background-color: #0a0a0a !default;
-$border-color: #88bfff !default;
-$border-radius: base.$border-radius !default;
-
-.input {
-  position: relative;
-  display: inline-block;
-  width: base.em(120px);
-  border: base.em(1px) solid rgba($border-color, 0.75);
-  border-radius: $input-radius;
-  color: $text-color;
-  background-color: $background-color;
-  padding: 0 base.em(4px);
-  margin-right: base.em(2px);
-  line-height: base.em(17px);
-  overflow: visible;
-}
-
-.fluid {
-  display: block;
-  width: auto;
-}
-
-.baseline {
-  display: inline-block;
-  color: transparent;
-}
-
-.inner {
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border: 0;
-  outline: 0;
-  width: 100%;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-  height: base.em(17px);
-  margin: 0;
-  padding: 0 0.5em;
-  font-family: Verdana, sans-serif;
-  background-color: transparent;
-  color: $text-color;
-  color: inherit;
-
-  &:-ms-input-placeholder {
-    font-style: italic;
-    color: #777;
-    color: rgba(255, 255, 255, 0.45);
-  }
-}
-
-.monospace .inner {
-  font-family: "Consolas", monospace;
-}
diff --git a/lib/styles/components/Input.module.scss.d.ts b/lib/styles/components/Input.module.scss.d.ts
deleted file mode 100644
index 9e938e9..0000000
--- a/lib/styles/components/Input.module.scss.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-declare const classNames: {
-  readonly input: "input";
-  readonly fluid: "fluid";
-  readonly baseline: "baseline";
-  readonly inner: "inner";
-  readonly monospace: "monospace";
-};
-export = classNames;
diff --git a/lib/styles/components/Knob.module.scss b/lib/styles/components/Knob.module.scss
deleted file mode 100644
index ed79f2d..0000000
--- a/lib/styles/components/Knob.module.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-$bg-map: colors.$bg-map !default;
-$fg-map: colors.$fg-map !default;
-$ring-color: #6a96c9 !default;
-$knob-color: #333333 !default;
-$popup-background-color: #000000 !default;
-$popup-text-color: #ffffff !default;
-
-$inner-padding: 0.1em;
-
-.knob {
-  position: relative;
-  font-size: 1rem;
-  width: 2.6em;
-  height: 2.6em;
-  margin: 0 auto;
-  margin-bottom: -0.2em;
-  cursor: n-resize;
-
-  // Adjusts a baseline in a way, that makes knob middle-aligned
-  // when it flows with the text.
-  &:after {
-    content: ".";
-    color: transparent;
-    line-height: 2.5em;
-  }
-}
-
-.circle {
-  position: absolute;
-  top: $inner-padding;
-  bottom: $inner-padding;
-  left: $inner-padding;
-  right: $inner-padding;
-  margin: 0.3em;
-  background-color: $knob-color;
-  background-image: linear-gradient(
-    to bottom,
-    rgba(255, 255, 255, 0.15) 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  border-radius: 50%;
-  box-shadow: 0 0.05em 0.5em 0 rgba(0, 0, 0, 0.5);
-}
-
-.cursorBox {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.cursor {
-  position: relative;
-  top: 0.05em;
-  margin: 0 auto;
-  width: 0.2em;
-  height: 0.8em;
-  background-color: rgba(255, 255, 255, 0.9);
-}
-
-.popupValue {
-  position: absolute;
-  top: -2rem;
-  right: 50%;
-  font-size: 1rem;
-  text-align: center;
-  padding: 0.25rem 0.5rem;
-  color: $popup-text-color;
-  background-color: $popup-background-color;
-  transform: translateX(50%);
-  white-space: nowrap;
-}
-
-.ring {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: $inner-padding;
-}
-
-$pi: 3.1416;
-
-.ringTrackPivot {
-  transform: rotateZ(135deg);
-}
-
-.ringTrack {
-  // transform-origin: 50% 50%;
-  fill: transparent;
-  stroke: rgba(255, 255, 255, 0.1);
-  stroke-width: 8;
-  stroke-linecap: round;
-  stroke-dasharray: 75 * $pi;
-}
-
-.ringFillPivot {
-  transform: rotateZ(135deg);
-}
-
-.bipolar .ringFillPivot {
-  transform: rotateZ(270deg);
-}
-
-.ringFill {
-  fill: transparent;
-  stroke: $ring-color;
-  stroke-width: 8;
-  stroke-linecap: round;
-  stroke-dasharray: 100 * $pi;
-  transition: stroke 50ms ease-out;
-}
-
-@each $color-name, $color-value in $fg-map {
-  .color__#{$color-name} {
-    .ringFill {
-      stroke: $color-value;
-    }
-  }
-}
diff --git a/lib/styles/components/Knob.module.scss.d.ts b/lib/styles/components/Knob.module.scss.d.ts
deleted file mode 100644
index 984ec15..0000000
--- a/lib/styles/components/Knob.module.scss.d.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-declare const classNames: {
-  readonly knob: "knob";
-  readonly circle: "circle";
-  readonly cursorBox: "cursorBox";
-  readonly cursor: "cursor";
-  readonly popupValue: "popupValue";
-  readonly ring: "ring";
-  readonly ringTrackPivot: "ringTrackPivot";
-  readonly ringTrack: "ringTrack";
-  readonly ringFillPivot: "ringFillPivot";
-  readonly bipolar: "bipolar";
-  readonly ringFill: "ringFill";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-};
-export = classNames;
diff --git a/lib/styles/components/LabeledList.module.scss b/lib/styles/components/LabeledList.module.scss
deleted file mode 100644
index a434bdd..0000000
--- a/lib/styles/components/LabeledList.module.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-.labeledList {
-  display: table;
-  // IE8: Does not support calc
-  width: 100%;
-  // Compensate for negative margin
-  width: calc(100% + 1em);
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin: -0.25em -0.5em;
-  margin-bottom: 0;
-  padding: 0;
-}
-
-.row {
-  display: table-row;
-}
-
-.row:last-child .cell {
-  padding-bottom: 0;
-}
-
-.cell {
-  display: table-cell;
-  margin: 0;
-  padding: 0.25em 0.5em;
-  border: 0;
-  text-align: left;
-}
-
-.label__nowrap {
-  width: 1%;
-  white-space: nowrap;
-  min-width: 5em;
-}
-
-.buttons {
-  width: 0.1%;
-  white-space: nowrap;
-  text-align: right;
-  padding-top: base.em(1px);
-  padding-bottom: 0;
-}
diff --git a/lib/styles/components/LabeledList.module.scss.d.ts b/lib/styles/components/LabeledList.module.scss.d.ts
deleted file mode 100644
index b27f6fc..0000000
--- a/lib/styles/components/LabeledList.module.scss.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-declare const classNames: {
-  readonly labeledList: "labeledList";
-  readonly row: "row";
-  readonly cell: "cell";
-  readonly label__nowrap: "label__nowrap";
-  readonly buttons: "buttons";
-};
-export = classNames;
diff --git a/lib/styles/components/MenuBar.module.scss b/lib/styles/components/MenuBar.module.scss
deleted file mode 100644
index dd592e3..0000000
--- a/lib/styles/components/MenuBar.module.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-@use "sass:color";
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$separator-color: base.$color-bg-section;
-$background-color: base.$color-bg !default;
-$dropdown-z-index: 5;
-
-.menuBar {
-  display: flex;
-}
-
-.font {
-  font-family: Verdana, sans-serif;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-}
-
-.hover {
-  &:hover {
-    background-color: color.adjust($background-color, $lightness: 30%);
-    transition: background-color 0ms;
-  }
-}
-
-.button {
-  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
-}
-
-.menu {
-  position: absolute;
-  z-index: $dropdown-z-index;
-  background-color: $background-color;
-  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
-  box-shadow: 4px 6px 5px -2px rgba(0, 0, 0, 0.55);
-}
-
-.item {
-  z-index: $dropdown-z-index;
-  transition: background-color 100ms ease-out;
-  background-color: $background-color;
-  white-space: nowrap;
-  padding: 0.3rem 2rem 0.3rem 3rem;
-}
-
-.toggle {
-  padding: 0.3rem 2rem 0.3rem 0;
-}
-
-.toggle__check {
-  display: inline-block;
-  vertical-align: middle;
-  min-width: 3rem;
-  margin-left: 0.3rem;
-}
-
-.over {
-  top: auto;
-  bottom: 100%;
-}
-
-.button__text {
-  text-overflow: clip;
-  white-space: nowrap;
-  height: base.em(17px);
-}
-
-.separator {
-  display: block;
-  margin: 0.3rem 0.3rem 0.3rem 2.3rem;
-  border-top: 1px solid $separator-color;
-}
diff --git a/lib/styles/components/MenuBar.module.scss.d.ts b/lib/styles/components/MenuBar.module.scss.d.ts
deleted file mode 100644
index 9a03648..0000000
--- a/lib/styles/components/MenuBar.module.scss.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-declare const classNames: {
-  readonly menuBar: "menuBar";
-  readonly font: "font";
-  readonly hover: "hover";
-  readonly button: "button";
-  readonly menu: "menu";
-  readonly item: "item";
-  readonly toggle: "toggle";
-  readonly toggle__check: "toggle__check";
-  readonly over: "over";
-  readonly button__text: "button__text";
-  readonly separator: "separator";
-};
-export = classNames;
diff --git a/lib/styles/components/Modal.module.scss b/lib/styles/components/Modal.module.scss
deleted file mode 100644
index 5749ec6..0000000
--- a/lib/styles/components/Modal.module.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$background-color: base.$color-bg !default;
-
-.modal {
-  background-color: $background-color;
-  max-width: calc(100% - 1rem);
-  padding: 1rem;
-}
diff --git a/lib/styles/components/Modal.module.scss.d.ts b/lib/styles/components/Modal.module.scss.d.ts
deleted file mode 100644
index 13c9548..0000000
--- a/lib/styles/components/Modal.module.scss.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly modal: "modal";
-};
-export = classNames;
diff --git a/lib/styles/components/NoticeBox.module.scss b/lib/styles/components/NoticeBox.module.scss
deleted file mode 100644
index 5d075d1..0000000
--- a/lib/styles/components/NoticeBox.module.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-// NoticeBox
-$background-color: #bb9b68 !default;
-$color-stripes: rgba(0, 0, 0, 0.1) !default;
-$color-border: #272727 !default;
-$bg-map: colors.$bg-map !default;
-
-.noticeBox {
-  // Adapt text color to background luminance to ensure high contast
-  $luminance: luminance($background-color);
-  $text-color: if($luminance > 0.35, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-
-  padding: 0.33em 0.5em;
-  margin-bottom: 0.5em;
-  box-shadow: none;
-  font-weight: bold;
-  font-style: italic;
-  color: $text-color;
-  background-color: $background-color;
-  background-image: repeating-linear-gradient(
-    -45deg,
-    transparent,
-    transparent base.em(10px),
-    $color-stripes base.em(10px),
-    $color-stripes base.em(20px)
-  );
-}
-
-@mixin box-color($color) {
-  $luminance: luminance($color);
-  $text-color: if($luminance > 0.35, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-  color: $text-color;
-  background-color: color.adjust($color, $saturation: -15%, $lightness: -15%);
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    @include box-color($color-value);
-  }
-}
-
-.info {
-  @include box-color(colors.$blue);
-}
-
-.success {
-  @include box-color(colors.$green);
-}
-
-.warning {
-  @include box-color(colors.$orange);
-}
-
-.danger {
-  @include box-color(colors.$red);
-}
diff --git a/lib/styles/components/NoticeBox.module.scss.d.ts b/lib/styles/components/NoticeBox.module.scss.d.ts
deleted file mode 100644
index ac291c6..0000000
--- a/lib/styles/components/NoticeBox.module.scss.d.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-declare const classNames: {
-  readonly noticeBox: "noticeBox";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-  readonly info: "info";
-  readonly success: "success";
-  readonly warning: "warning";
-  readonly danger: "danger";
-};
-export = classNames;
diff --git a/lib/styles/components/NumberInput.module.scss b/lib/styles/components/NumberInput.module.scss
deleted file mode 100644
index 27e3f6e..0000000
--- a/lib/styles/components/NumberInput.module.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "../base" as base;
-
-$text-color: base.$color-fg !default;
-$background-color: #0a0a0a !default;
-$border-color: #88bfff !default;
-$border-radius: base.$border-radius !default;
-
-.numberInput {
-  position: relative;
-  display: inline-block;
-  border: base.em(1px) solid rgba($border-color, 0.75);
-  border-radius: $border-radius;
-  color: $border-color;
-  background-color: $background-color;
-  padding: 0 base.em(4px);
-  margin-right: base.em(2px);
-  line-height: base.em(17px);
-  text-align: right;
-  overflow: visible;
-  cursor: n-resize;
-}
-
-.fluid {
-  display: block;
-}
-
-.content {
-  margin-left: 0.5em;
-}
-
-.barContainer {
-  position: absolute;
-  top: base.em(2px);
-  bottom: base.em(2px);
-  left: base.em(2px);
-}
-
-.bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: base.em(3px);
-  box-sizing: border-box;
-  border-bottom: base.em(1px) solid $border-color;
-  background-color: $border-color;
-}
-
-.inner {
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border: 0;
-  outline: 0;
-  width: 100%;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-  height: base.em(17px);
-  margin: 0;
-  padding: 0 0.5em;
-  font-family: Verdana, sans-serif;
-  background-color: $background-color;
-  color: $text-color;
-  text-align: right;
-}
diff --git a/lib/styles/components/NumberInput.module.scss.d.ts b/lib/styles/components/NumberInput.module.scss.d.ts
deleted file mode 100644
index d614c98..0000000
--- a/lib/styles/components/NumberInput.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare const classNames: {
-  readonly numberInput: "numberInput";
-  readonly fluid: "fluid";
-  readonly content: "content";
-  readonly barContainer: "barContainer";
-  readonly bar: "bar";
-  readonly inner: "inner";
-};
-export = classNames;
diff --git a/lib/styles/components/ProgressBar.module.scss b/lib/styles/components/ProgressBar.module.scss
deleted file mode 100644
index c09b6bd..0000000
--- a/lib/styles/components/ProgressBar.module.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-$color-default-fill: colors.bg(colors.$primary) !default;
-$background-color: rgba(0, 0, 0, 0) !default;
-$border-radius: base.$border-radius !default;
-$bg-map: colors.$bg-map !default;
-
-.progressBar {
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  padding: 0 0.5em;
-  border-width: base.em(1px) !important;
-  border-style: solid !important;
-  border-radius: $border-radius;
-  background-color: $background-color;
-  transition: border-color 900ms ease-out;
-}
-
-.fill {
-  position: absolute;
-  top: -0.5px;
-  left: 0px;
-  bottom: -0.5px;
-}
-
-.fill__animated {
-  transition:
-    background-color 900ms ease-out,
-    width 900ms ease-out;
-}
-
-.content {
-  position: relative;
-  line-height: base.em(17px);
-  width: 100%;
-  text-align: right;
-}
-
-.color__default {
-  border: base.em(1px) solid $color-default-fill;
-
-  .fill {
-    background-color: $color-default-fill;
-  }
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    border-color: $color-value !important;
-
-    .fill {
-      background-color: $color-value;
-    }
-  }
-}
diff --git a/lib/styles/components/ProgressBar.module.scss.d.ts b/lib/styles/components/ProgressBar.module.scss.d.ts
deleted file mode 100644
index a03551f..0000000
--- a/lib/styles/components/ProgressBar.module.scss.d.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-declare const classNames: {
-  readonly progressBar: "progressBar";
-  readonly fill: "fill";
-  readonly fill__animated: "fill__animated";
-  readonly content: "content";
-  readonly color__default: "color__default";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-};
-export = classNames;
diff --git a/lib/styles/components/RoundGauge.module.scss b/lib/styles/components/RoundGauge.module.scss
deleted file mode 100644
index 2b125e9..0000000
--- a/lib/styles/components/RoundGauge.module.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * Copyright (c) 2020 bobbahbrown (https://github.com/bobbahbrown)
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../colors";
-@use "../functions" as *;
-
-$fg-map: colors.$fg-map !default;
-$ring-color: #6a96c9 !default;
-
-.roundGauge {
-  font-size: 1rem;
-  width: 2.6em;
-  height: 1.3em;
-  margin: 0 auto;
-  margin-bottom: 0.2em;
-}
-
-$pi: 3.1416;
-
-.ringTrack {
-  fill: transparent;
-  stroke: rgba(255, 255, 255, 0.1);
-  stroke-width: 10;
-  stroke-dasharray: 50 * $pi;
-  stroke-dashoffset: 50 * $pi;
-}
-
-.ringFill {
-  fill: transparent;
-  stroke: $ring-color;
-  stroke-width: 10;
-  stroke-dasharray: 100 * $pi;
-  transition: stroke 50ms ease-out;
-}
-
-.needle,
-.ringFill {
-  transition: transform 50ms ease-in-out;
-}
-
-.needleLine,
-.needleMiddle {
-  fill: colors.$bad;
-}
-
-.alert {
-  fill-rule: evenodd;
-  clip-rule: evenodd;
-  stroke-linejoin: round;
-  stroke-miterlimit: 2;
-  fill: rgba(255, 255, 255, 0.1);
-}
-
-.alert.max {
-  fill: colors.$bad;
-}
-
-@each $color-name, $color-value in $fg-map {
-  .color__#{$color-name}.ringFill {
-    stroke: $color-value;
-  }
-}
-
-@each $color-name, $color-value in $fg-map {
-  .alert__#{$color-name} {
-    fill: $color-value;
-    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
-    animation: alertAnim 1s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
-  }
-}
-
-@keyframes alertAnim {
-  0% {
-    opacity: 0.1;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.1;
-  }
-}
diff --git a/lib/styles/components/RoundGauge.module.scss.d.ts b/lib/styles/components/RoundGauge.module.scss.d.ts
deleted file mode 100644
index 80f3efc..0000000
--- a/lib/styles/components/RoundGauge.module.scss.d.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-declare const classNames: {
-  readonly roundGauge: "roundGauge";
-  readonly ringTrack: "ringTrack";
-  readonly ringFill: "ringFill";
-  readonly needle: "needle";
-  readonly needleLine: "needleLine";
-  readonly needleMiddle: "needleMiddle";
-  readonly alert: "alert";
-  readonly max: "max";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-  readonly alert__black: "alert__black";
-  readonly alert__white: "alert__white";
-  readonly alert__red: "alert__red";
-  readonly alert__orange: "alert__orange";
-  readonly alert__yellow: "alert__yellow";
-  readonly alert__olive: "alert__olive";
-  readonly alert__green: "alert__green";
-  readonly alert__teal: "alert__teal";
-  readonly alert__blue: "alert__blue";
-  readonly alert__violet: "alert__violet";
-  readonly alert__purple: "alert__purple";
-  readonly alert__pink: "alert__pink";
-  readonly alert__brown: "alert__brown";
-  readonly alert__grey: "alert__grey";
-  readonly "alert__light-grey": "alert__light-grey";
-  readonly alert__good: "alert__good";
-  readonly alert__average: "alert__average";
-  readonly alert__bad: "alert__bad";
-  readonly alert__label: "alert__label";
-};
-export = classNames;
diff --git a/lib/styles/components/Section.module.scss b/lib/styles/components/Section.module.scss
deleted file mode 100644
index be6ee79..0000000
--- a/lib/styles/components/Section.module.scss
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "../base";
-@use "../colors";
-@use "../functions";
-
-$title-text-color: base.$color-fg !default;
-$background-color: base.$color-bg-section !default;
-$separator-color: colors.$primary !default;
-
-.section {
-  position: relative;
-  margin-bottom: 0.5em;
-  background-color: functions.fake-alpha($background-color, base.$color-bg);
-  background-color: $background-color;
-  box-sizing: border-box;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.title {
-  position: relative;
-  padding: 0.5em;
-  border-bottom: base.em(2px) solid $separator-color;
-}
-
-.titleText {
-  font-size: base.em(14px);
-  font-weight: bold;
-  color: $title-text-color;
-}
-
-.buttons {
-  position: absolute;
-  display: inline-block;
-  right: 0.5em;
-  margin-top: base.em(-1px);
-}
-
-.rest {
-  position: relative;
-}
-
-.content {
-  padding: 0.66em 0.5em;
-}
-
-.fitted > .rest > .content {
-  padding: 0;
-}
-
-.fill {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.fill > .rest {
-  flex-grow: 1;
-}
-
-.fill > .rest > .content {
-  height: 100%;
-}
-
-.fill.scrollable > .rest > .content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.scrollable {
-  overflow-x: hidden;
-  overflow-y: hidden;
-
-  & > .rest > .content {
-    overflow-y: scroll;
-    overflow-x: hidden;
-  }
-}
-
-.scrollableHorizontal {
-  overflow-x: hidden;
-  overflow-y: hidden;
-
-  & > .rest > .content {
-    overflow-y: hidden;
-    overflow-x: scroll;
-  }
-}
-
-.scrollable.scrollableHorizontal {
-  overflow-x: hidden;
-  overflow-y: hidden;
-
-  & > .rest > .content {
-    overflow-y: scroll;
-    overflow-x: scroll;
-  }
-}
-
-// Nested sections
-.section .section {
-  background-color: transparent;
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-
-  // Remove extra space above the first nested section
-  &:first-child {
-    margin-top: -0.5em;
-  }
-}
-
-// Level 2 section title
-.section .section .titleText {
-  font-size: base.em(13px);
-}
-
-// Level 3 section title
-.section .section .section .titleText {
-  font-size: base.em(12px);
-}
-
-.sectionFlex {
-  display: flex;
-  flex-flow: column;
-}
-
-.sectionFlex .content {
-  overflow: auto;
-  flex-grow: 1;
-}
-
-.noTopPadding {
-  padding-top: 0;
-}
-
-.stretchContents {
-  height: calc(100% - 3rem);
-}
diff --git a/lib/styles/components/Section.module.scss.d.ts b/lib/styles/components/Section.module.scss.d.ts
deleted file mode 100644
index 931a500..0000000
--- a/lib/styles/components/Section.module.scss.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare const classNames: {
-  readonly section: "section";
-  readonly title: "title";
-  readonly titleText: "titleText";
-  readonly buttons: "buttons";
-  readonly rest: "rest";
-  readonly content: "content";
-  readonly fitted: "fitted";
-  readonly fill: "fill";
-  readonly scrollable: "scrollable";
-  readonly scrollableHorizontal: "scrollableHorizontal";
-  readonly sectionFlex: "sectionFlex";
-  readonly noTopPadding: "noTopPadding";
-  readonly stretchContents: "stretchContents";
-};
-export = classNames;
diff --git a/lib/styles/components/Slider.module.scss b/lib/styles/components/Slider.module.scss
deleted file mode 100644
index 131331b..0000000
--- a/lib/styles/components/Slider.module.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$cursor-color: base.$color-fg !default;
-$popup-background-color: #000000 !default;
-$popup-text-color: #ffffff !default;
-
-.slider {
-  cursor: e-resize;
-}
-
-.cursorOffset {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  transition: none !important;
-}
-
-.cursor {
-  position: absolute;
-  top: 0;
-  right: base.em(-1px);
-  bottom: 0;
-  width: 0;
-  border-left: base.em(2px) solid $cursor-color;
-}
-
-.pointer {
-  position: absolute;
-  right: base.em(-5px);
-  bottom: base.em(-4px);
-  width: 0;
-  height: 0;
-  border-left: base.em(5px) solid transparent;
-  border-right: base.em(5px) solid transparent;
-  border-bottom: base.em(5px) solid $cursor-color;
-}
-
-.popupValue {
-  position: absolute;
-  right: 0;
-  top: -2rem;
-  font-size: 1rem;
-  padding: 0.25rem 0.5rem;
-  color: $popup-text-color;
-  background-color: $popup-background-color;
-  transform: translateX(50%);
-  white-space: nowrap;
-}
diff --git a/lib/styles/components/Slider.module.scss.d.ts b/lib/styles/components/Slider.module.scss.d.ts
deleted file mode 100644
index 543179a..0000000
--- a/lib/styles/components/Slider.module.scss.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-declare const classNames: {
-  readonly slider: "slider";
-  readonly cursorOffset: "cursorOffset";
-  readonly cursor: "cursor";
-  readonly pointer: "pointer";
-  readonly popupValue: "popupValue";
-};
-export = classNames;
diff --git a/lib/styles/components/Stack.module.scss b/lib/styles/components/Stack.module.scss
deleted file mode 100644
index 032c66e..0000000
--- a/lib/styles/components/Stack.module.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Copyright (c) 2021 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$zebra-background-color: base.$color-bg-section !default;
-$color: rgba(255, 255, 255, 0.1) !default;
-$thickness: base.em(2px) !default;
-
-.fill {
-  height: 100%;
-}
-
-.horizontal > .item {
-  margin-left: 0.5em;
-
-  &:first-child {
-    margin-left: 0;
-  }
-}
-
-.vertical > .item {
-  margin-top: 0.5em;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-.reverse > .item {
-  margin-left: 0;
-  margin-right: 0.5em;
-
-  &:first-child {
-    margin-right: 0;
-  }
-}
-
-.reverse__vertical > .item {
-  margin-top: 0;
-  margin-bottom: 0.5em;
-
-  &:first-child {
-    margin-bottom: 0;
-  }
-}
-
-.zebra > .item:nth-child(even) {
-  background-color: $zebra-background-color;
-}
-
-.horizontal > .divider:not(.divider__hidden) {
-  border-left: $thickness solid $color;
-}
-
-.vertical > .divider:not(.divider__hidden) {
-  border-top: $thickness solid $color;
-}
diff --git a/lib/styles/components/Stack.module.scss.d.ts b/lib/styles/components/Stack.module.scss.d.ts
deleted file mode 100644
index 080f87a..0000000
--- a/lib/styles/components/Stack.module.scss.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-declare const classNames: {
-  readonly fill: "fill";
-  readonly horizontal: "horizontal";
-  readonly item: "item";
-  readonly vertical: "vertical";
-  readonly reverse: "reverse";
-  readonly reverse__vertical: "reverse__vertical";
-  readonly zebra: "zebra";
-  readonly divider: "divider";
-  readonly divider__hidden: "divider__hidden";
-};
-export = classNames;
diff --git a/lib/styles/components/Table.module.scss b/lib/styles/components/Table.module.scss
deleted file mode 100644
index 4776ae2..0000000
--- a/lib/styles/components/Table.module.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-.table {
-  display: table;
-  width: 100%;
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin: 0;
-}
-
-.collapsing {
-  width: auto;
-}
-
-.row {
-  display: table-row;
-}
-
-.cell {
-  display: table-cell;
-  padding: 0 0.25em;
-
-  &:first-child {
-    padding-left: 0;
-  }
-
-  &:last-child {
-    padding-right: 0;
-  }
-}
-
-.row__header .cell,
-.cell__header {
-  font-weight: bold;
-  padding-bottom: 0.5em;
-}
-
-.cell__collapsing {
-  width: 1%;
-  white-space: nowrap;
-}
diff --git a/lib/styles/components/Table.module.scss.d.ts b/lib/styles/components/Table.module.scss.d.ts
deleted file mode 100644
index a8fe8db..0000000
--- a/lib/styles/components/Table.module.scss.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-declare const classNames: {
-  readonly table: "table";
-  readonly collapsing: "collapsing";
-  readonly row: "row";
-  readonly cell: "cell";
-  readonly row__header: "row__header";
-  readonly cell__header: "cell__header";
-  readonly cell__collapsing: "cell__collapsing";
-};
-export = classNames;
diff --git a/lib/styles/components/Tabs.module.scss b/lib/styles/components/Tabs.module.scss
deleted file mode 100644
index 78af208..0000000
--- a/lib/styles/components/Tabs.module.scss
+++ /dev/null
@@ -1,144 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "sass:math";
-@use "../base";
-@use "../colors";
-
-$color-default: color.scale(
-  colors.fg(colors.$primary),
-  $lightness: 75%
-) !default;
-$text-color: rgba(255, 255, 255, 0.5) !default;
-$text-color-selected: color.scale($color-default, $lightness: 25%) !default;
-$tab-color: transparent !default;
-$tab-color-hovered: rgba(255, 255, 255, 0.075) !default;
-$tab-color-selected: rgba(255, 255, 255, 0.125) !default;
-$border-radius: base.$border-radius !default;
-$fg-map: colors.$fg-map !default;
-
-.tabs {
-  display: flex;
-  align-items: stretch;
-  overflow: hidden;
-  background-color: base.$color-bg-section;
-}
-
-.fill {
-  height: 100%;
-}
-
-// Interoperability with sections
-:global(.section) .tabs {
-  background-color: transparent;
-}
-
-:global(.section):not(:global(.section--fitted)) .tabs {
-  margin: 0 -0.5em 0.5em;
-
-  &:first-child {
-    margin-top: -0.5em;
-  }
-}
-
-.vertical {
-  flex-direction: column;
-  padding: 0.25em 0 0.25em 0.25em;
-}
-
-.horizontal {
-  margin-bottom: 0.5em;
-  padding: 0.25em 0.25em 0 0.25em;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.tabs__tab {
-  flex-grow: 0;
-}
-
-.fluid .tabs__tab {
-  flex-grow: 1;
-}
-
-.tab {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: $tab-color;
-  color: $text-color;
-  min-height: 2.25em;
-  min-width: 4em;
-}
-
-.tab:not(.selected):hover {
-  background-color: $tab-color-hovered;
-}
-
-.selected {
-  background-color: $tab-color-selected;
-  color: $text-color-selected;
-}
-
-.tab__text {
-  flex-grow: 1;
-  margin: 0 0.5em;
-}
-
-.tab__left {
-  min-width: 1.5em;
-  text-align: center;
-  margin-left: 0.25em;
-}
-
-.tab__right {
-  min-width: 1.5em;
-  text-align: center;
-  margin-right: 0.25em;
-}
-
-.horizontal {
-  .tab {
-    border-top: math.div(1em, 6) solid transparent;
-    border-bottom: math.div(1em, 6) solid transparent;
-    border-top-left-radius: 0.25em;
-    border-top-right-radius: 0.25em;
-  }
-
-  .selected {
-    border-bottom: math.div(1em, 6) solid $color-default;
-  }
-}
-
-.vertical {
-  .tab {
-    min-height: 2em;
-    border-left: math.div(1em, 6) solid transparent;
-    border-right: math.div(1em, 6) solid transparent;
-    border-top-left-radius: 0.25em;
-    border-bottom-left-radius: 0.25em;
-  }
-
-  .selected {
-    border-right: math.div(1em, 6) solid $color-default;
-  }
-}
-
-@each $color-name, $color-value in $fg-map {
-  .selected.color__#{$color-name} {
-    color: color.scale($color-value, $lightness: 25%);
-  }
-
-  .horizontal .selected .color__#{$color-name} {
-    border-bottom-color: $color-value;
-  }
-
-  .vertical .selected .color__#{$color-name} {
-    border-right-color: $color-value;
-  }
-}
diff --git a/lib/styles/components/Tabs.module.scss.d.ts b/lib/styles/components/Tabs.module.scss.d.ts
deleted file mode 100644
index bfcc2e6..0000000
--- a/lib/styles/components/Tabs.module.scss.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-declare const classNames: {
-  readonly tabs: "tabs";
-  readonly fill: "fill";
-  readonly section: "section";
-  readonly "section--fitted": "section--fitted";
-  readonly vertical: "vertical";
-  readonly horizontal: "horizontal";
-  readonly tabs__tab: "tabs__tab";
-  readonly fluid: "fluid";
-  readonly tab: "tab";
-  readonly selected: "selected";
-  readonly tab__text: "tab__text";
-  readonly tab__left: "tab__left";
-  readonly tab__right: "tab__right";
-  readonly color__black: "color__black";
-  readonly color__white: "color__white";
-  readonly color__red: "color__red";
-  readonly color__orange: "color__orange";
-  readonly color__yellow: "color__yellow";
-  readonly color__olive: "color__olive";
-  readonly color__green: "color__green";
-  readonly color__teal: "color__teal";
-  readonly color__blue: "color__blue";
-  readonly color__violet: "color__violet";
-  readonly color__purple: "color__purple";
-  readonly color__pink: "color__pink";
-  readonly color__brown: "color__brown";
-  readonly color__grey: "color__grey";
-  readonly "color__light-grey": "color__light-grey";
-  readonly color__good: "color__good";
-  readonly color__average: "color__average";
-  readonly color__bad: "color__bad";
-  readonly color__label: "color__label";
-};
-export = classNames;
diff --git a/lib/styles/components/TextArea.module.scss b/lib/styles/components/TextArea.module.scss
deleted file mode 100644
index 19ebbdb..0000000
--- a/lib/styles/components/TextArea.module.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-
-$text-color: base.$color-fg !default;
-$background-color: #0a0a0a !default;
-$border-color: #88bfff !default;
-$border-radius: base.$border-radius !default;
-
-.textArea {
-  position: relative;
-  display: inline-block;
-  border: base.em(1px) solid $border-color;
-  border-radius: $border-radius;
-  background-color: $background-color;
-  margin-right: base.em(2px);
-  line-height: base.em(17px);
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.fluid {
-  display: block;
-  width: auto;
-  height: auto;
-}
-
-.noborder {
-  border: 0px;
-}
-
-.inner .scrollable {
-  overflow: auto;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-
-.inner {
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border: 0;
-  outline: 0;
-  width: 100%;
-  height: 100%;
-  font-size: 1em;
-  line-height: base.em(17px);
-  min-height: base.em(17px);
-  margin: 0;
-  padding: 0 0.5em;
-  font-family: inherit;
-  background-color: transparent;
-  color: inherit;
-  box-sizing: border-box;
-  // Make sure the div and the textarea wrap words in the same way
-  word-wrap: break-word;
-  overflow: hidden;
-
-  &:-ms-input-placeholder {
-    font-style: italic;
-    color: #777;
-    color: rgba(255, 255, 255, 0.45);
-  }
-}
-
-.custom {
-  overflow: visible;
-  white-space: pre-wrap;
-}
-
-.nowrap {
-  white-space: nowrap;
-  overflow-wrap: normal;
-  overflow-x: scroll;
-}
-
-.wrapper {
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
-  position: absolute;
-}
diff --git a/lib/styles/components/TextArea.module.scss.d.ts b/lib/styles/components/TextArea.module.scss.d.ts
deleted file mode 100644
index d2fd82b..0000000
--- a/lib/styles/components/TextArea.module.scss.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-declare const classNames: {
-  readonly textArea: "textArea";
-  readonly fluid: "fluid";
-  readonly noborder: "noborder";
-  readonly inner: "inner";
-  readonly scrollable: "scrollable";
-  readonly custom: "custom";
-  readonly nowrap: "nowrap";
-  readonly wrapper: "wrapper";
-};
-export = classNames;
diff --git a/lib/styles/components/Tooltip.module.scss b/lib/styles/components/Tooltip.module.scss
deleted file mode 100644
index f0c3277..0000000
--- a/lib/styles/components/Tooltip.module.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "../base";
-@use "../functions" as *;
-
-$color: #ffffff !default;
-$background-color: #000000 !default;
-$border-radius: base.$border-radius !default;
-
-.tooltip {
-  z-index: 2;
-  padding: 0.5em 0.75em;
-  pointer-events: none;
-  text-align: left;
-  transition: opacity 150ms ease-out;
-  background-color: $background-color;
-  color: $color;
-  box-shadow: 0.1em 0.1em 1.25em -0.1em rgba(0, 0, 0, 0.5);
-  border-radius: $border-radius;
-  max-width: base.em(250px);
-}
diff --git a/lib/styles/components/Tooltip.module.scss.d.ts b/lib/styles/components/Tooltip.module.scss.d.ts
deleted file mode 100644
index b1e3426..0000000
--- a/lib/styles/components/Tooltip.module.scss.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly tooltip: "tooltip";
-};
-export = classNames;
diff --git a/lib/styles/functions.scss b/lib/styles/functions.scss
deleted file mode 100644
index 1fb786c..0000000
--- a/lib/styles/functions.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:color";
-@use "sass:map";
-@use "sass:math";
-@use "sass:meta";
-
-//  Type-casting
-// --------------------------------------------------------
-
-// Get a unit-less numeric value
-@function num($value) {
-  @if meta.type-of($value) != number {
-    @error 'Could not convert `#{$value}` - must be `type-of number`';
-    @return null;
-  }
-  @if math.unit($value) == "%" {
-    @return math.div($value, 100%);
-  }
-  @return math.div($value, $value * 0 + 1);
-}
-
-//  Color
-// --------------------------------------------------------
-
-// Increases perceptual color lightness.
-@function lighten($color, $percent) {
-  $scaled: hsl(
-    color.channel($color, "hue", $space: hsl),
-    color.channel($color, "saturation", $space: hsl),
-    color.channel($color, "lightness", $space: hsl) * (1 + num($percent))
-  );
-  $mixed: color.mix(#ffffff, $color, 100% * num($percent));
-  @return color.mix($scaled, $mixed, 75%);
-}
-
-// Returns the NTSC luminance of `$color` as a float (between 0 and 1).
-// 1 is pure white, 0 is pure black.
-@function luminance($color) {
-  $colors: (
-    "red": color.channel($color, "red", $space: rgb),
-    "green": color.channel($color, "green", $space: rgb),
-    "blue": color.channel($color, "blue", $space: rgb),
-  );
-
-  @each $name, $value in $colors {
-    $adjusted: 0;
-    $value: math.div($value, 255);
-    @if $value < 0.03928 {
-      $value: math.div($value, 12.92);
-    } @else {
-      $value: math.div($value + 0.055, 1.055);
-      $value: math.pow($value, 2.4);
-    }
-
-    $colors: map.merge(
-      $colors,
-      (
-        $name: $value,
-      )
-    );
-  }
-
-  @return (map.get($colors, "red") * 0.2126) +
-    (map.get($colors, "green") * 0.7152) + (map.get($colors, "blue") * 0.0722);
-}
-
-// Blends an RGBA color with a static background color based on its
-// alpha channel. Returns an RGB color, which is compatible with IE8.
-@function fake-alpha($color-rgba, $color-background) {
-  @return color.mix(
-    color.change($color-rgba, $alpha: 1),
-    $color-background,
-    color.alpha($color-rgba) * 100%
-  );
-}
diff --git a/lib/styles/main.scss b/lib/styles/main.scss
deleted file mode 100644
index ed56732..0000000
--- a/lib/styles/main.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "sass:meta";
-@use "base";
-
-// Core styles
-@include meta.load-css("./reset.scss");
-
-// Atomic classes
-@include meta.load-css("./atomic/candystripe.scss");
-@include meta.load-css("./atomic/centered-image.scss");
-@include meta.load-css("./atomic/color.scss");
-@include meta.load-css("./atomic/debug-layout.scss");
-@include meta.load-css("./atomic/fit-text.scss");
-@include meta.load-css("./atomic/links.scss");
-@include meta.load-css("./atomic/outline.scss");
-@include meta.load-css("./atomic/text.scss");
diff --git a/lib/styles/reset.scss b/lib/styles/reset.scss
deleted file mode 100644
index 8ac6463..0000000
--- a/lib/styles/reset.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use "base";
-
-html,
-body {
-  box-sizing: border-box;
-  height: 100%;
-  margin: 0;
-  font-size: base.$font-size;
-}
-
-html {
-  overflow: hidden;
-  cursor: default; // Reset the cursor.
-}
-
-body {
-  overflow: auto;
-  font-family: Verdana, Geneva, sans-serif;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  display: block;
-  margin: 0;
-  padding: 6px 0;
-  padding: 0.5rem 0;
-}
-
-h1 {
-  font-size: 18px;
-  font-size: 1.5rem;
-}
-
-h2 {
-  font-size: 16px;
-  font-size: 1.333rem;
-}
-
-h3 {
-  font-size: 14px;
-  font-size: 1.167rem;
-}
-
-h4 {
-  font-size: 12px;
-  font-size: 1rem;
-}
-
-td,
-th {
-  vertical-align: baseline;
-  text-align: left;
-}
diff --git a/package.json b/package.json
index 4c38823..6dbb30c 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,14 @@
   "name": "tgui-core",
   "version": "1.2.1",
   "description": "TGUI core component library",
-  "keywords": ["TGUI", "library", "typescript"],
-  "files": ["dist"],
+  "keywords": [
+    "TGUI",
+    "library",
+    "typescript"
+  ],
+  "files": [
+    "dist"
+  ],
   "exports": {
     "./components": {
       "import": "./dist/components/index.js",
@@ -41,12 +47,9 @@
     "@vitejs/plugin-react-swc": "^3.7.1",
     "glob": "^11.0.0",
     "react-popper": "^2.3.0",
-    "sass": "^1.80.6",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-sass-dts": "^1.3.29"
+    "typescript": "^5.5.3",
+    "vite": "^5.3.4",
+    "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 037431c..23c0bcd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,101 +35,40 @@ importers:
         version: 1.18.5
       '@vitejs/plugin-react-swc':
         specifier: ^3.7.1
-        version: 3.7.1(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6))
+        version: 3.7.1(vite@5.3.4(@types/node@22.9.0)(sass@1.80.6))
       glob:
         specifier: ^11.0.0
         version: 11.0.0
       react-popper:
         specifier: ^2.3.0
         version: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      sass:
-        specifier: ^1.80.6
-        version: 1.80.6
       typescript:
-        specifier: ^5.6.3
-        version: 5.6.3
+        specifier: ^5.5.3
+        version: 5.5.3
       vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)
+        specifier: ^5.3.4
+        version: 5.3.4(@types/node@22.9.0)(sass@1.80.6)
       vite-plugin-dts:
-        specifier: ^4.3.0
-        version: 4.3.0(@types/node@22.9.0)(rollup@4.24.4)(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6))
-      vite-plugin-lib-inject-css:
-        specifier: ^2.1.1
-        version: 2.1.1(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6))
-      vite-plugin-sass-dts:
-        specifier: ^1.3.29
-        version: 1.3.29(postcss@8.4.47)(prettier@3.3.1)(sass-embedded@1.80.6)(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6))
+        specifier: ^3.9.1
+        version: 3.9.1(@types/node@22.9.0)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.4(@types/node@22.9.0)(sass@1.80.6))
 
 packages:
 
-  '@ast-grep/napi-darwin-arm64@0.22.4':
-    resolution: {integrity: sha512-q0F3tIqQh+zxNUTFr56vkxwh+f88rlnWyJYA1EjrtkQ6j4Yw/KgdMW3WfIxVEdglAJ3dcRg2w4uOXHTwnmfQIg==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@ast-grep/napi-darwin-x64@0.22.4':
-    resolution: {integrity: sha512-Ci5IQdlXua+XXQ7qjv5210Hm9lU2w5d7heYS09sOpB/Wnd1KhdZVbSSOnx9pnVbp4CDv3ADQy7FM6HBJGxoyXg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@ast-grep/napi-linux-arm64-gnu@0.22.4':
-    resolution: {integrity: sha512-5U6iOrbIOY/MpGcQBJSS418kLZtqkTMY51EH0H+aRh1MB5mKgcpyUuIJnFxI22uvjI/ZUkgp7Mh+S+Y+OgvD/g==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@ast-grep/napi-linux-x64-gnu@0.22.4':
-    resolution: {integrity: sha512-xG3OnyCQ4WTj1z2ir8dBZPUe0IvAexEcNwc2s81wxz1g2MB0TUt94VQF25wXtmgCm9v/3lNA/422nkALus88pA==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@ast-grep/napi-linux-x64-musl@0.22.4':
-    resolution: {integrity: sha512-f+/cUaRjxpZdqefe91ud+YYOLeIl6MwISXh7ao1ywA+7/qtlm1ds/dMHZtNvcl3cw9ujmI+enp8wIOd4nUakhw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@ast-grep/napi-win32-arm64-msvc@0.22.4':
-    resolution: {integrity: sha512-+ch/Z3/FJ67mbv2A1T8layLoH2NF/Lxv2Z9u4bdqQHqz/dXZTkYMbry7yIcRccbRsYlWbfVO8iOGDF+RdeiTAw==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@ast-grep/napi-win32-ia32-msvc@0.22.4':
-    resolution: {integrity: sha512-q1ElrjsPfrhItHnwolC16oTDjsh1tX2xirVVIAwmbK4+Wini3/6HDRpxOOIHr9QmkfGioabEJATZl7uQJiziUQ==}
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@ast-grep/napi-win32-x64-msvc@0.22.4':
-    resolution: {integrity: sha512-Xk/0ZWA422+9osSCkdOTgHnub2UtuUNHMgPtsGDLslHzp0PhozXi2NV6st5OBEgOkwIeSyxoTtLTVZ56+lL1rw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@ast-grep/napi@0.22.4':
-    resolution: {integrity: sha512-2kBrpVLGivW316WDb25ulau2nWYlyp+N+jLsVdoO3F2Ik80y6uilAbV80gw9SZwlnqRJjzADAYqkXs/lVsc+AA==}
-    engines: {node: '>= 10'}
-
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+  '@babel/helper-string-parser@7.24.6':
+    resolution: {integrity: sha512-WdJjwMEkmBicq5T9fm/cHND3+UlFa2Yj8ALLgmoSQAJZysYbBjw+azChSGPN4DSPLXOcooGRvDwZWMcF/mLO2Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+  '@babel/helper-validator-identifier@7.24.6':
+    resolution: {integrity: sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.2':
-    resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
+  '@babel/parser@7.24.6':
+    resolution: {integrity: sha512-eNZXdfU35nJC2h24RznROuOpO94h6x8sg9ju0tT9biNtLZ2vuP8SduLqqV+/8+cebSLV9SJEAN5Z3zQbJG/M+Q==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/types@7.26.0':
-    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
+  '@babel/types@7.24.6':
+    resolution: {integrity: sha512-WaMsgi6Q8zMgMth93GvWPXkhAIEobfsIkLTacoVZoK1J0CevIPGYY2Vo5YvJGqyHqXM6P4ppOYGsIRU8MM9pFQ==}
     engines: {node: '>=6.9.0'}
 
   '@biomejs/biome@1.9.4':
@@ -185,9 +124,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@bufbuild/protobuf@2.2.2':
-    resolution: {integrity: sha512-UNtPCbrwrenpmrXuRwn9jYpPoweNXj8X5sMvYgsqYyaH8jQ6LfUJSk3dJLnBK+6sfYPrF4iAIo5sd5HQ+tg75A==}
-
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
@@ -333,21 +269,18 @@ packages:
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  '@jridgewell/sourcemap-codec@1.5.0':
-    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
-
-  '@microsoft/api-extractor-model@7.29.8':
-    resolution: {integrity: sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==}
+  '@microsoft/api-extractor-model@7.28.13':
+    resolution: {integrity: sha512-39v/JyldX4MS9uzHcdfmjjfS6cYGAoXV+io8B5a338pkHiSt+gy2eXQ0Q7cGFJ7quSa1VqqlMdlPrB6sLR/cAw==}
 
-  '@microsoft/api-extractor@7.47.11':
-    resolution: {integrity: sha512-lrudfbPub5wzBhymfFtgZKuBvXxoSIAdrvS2UbHjoMT2TjIEddq6Z13pcve7A03BAouw0x8sW8G4txdgfiSwpQ==}
+  '@microsoft/api-extractor@7.43.0':
+    resolution: {integrity: sha512-GFhTcJpB+MI6FhvXEI9b2K0snulNLWHqC/BbcJtyNYcKUiw7l3Lgis5ApsYncJ0leALX7/of4XfmXk+maT111w==}
     hasBin: true
 
-  '@microsoft/tsdoc-config@0.17.0':
-    resolution: {integrity: sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==}
+  '@microsoft/tsdoc-config@0.16.2':
+    resolution: {integrity: sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==}
 
-  '@microsoft/tsdoc@0.15.0':
-    resolution: {integrity: sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==}
+  '@microsoft/tsdoc@0.14.2':
+    resolution: {integrity: sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==}
 
   '@parcel/watcher-android-arm64@2.5.0':
     resolution: {integrity: sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==}
@@ -438,8 +371,8 @@ packages:
   '@popperjs/core@2.11.8':
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
-  '@rollup/pluginutils@5.1.3':
-    resolution: {integrity: sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==}
+  '@rollup/pluginutils@5.1.0':
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -447,180 +380,170 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.24.4':
-    resolution: {integrity: sha512-jfUJrFct/hTA0XDM5p/htWKoNNTbDLY0KRwEt6pyOA6k2fmk0WVwl65PdUdJZgzGEHWx+49LilkcSaumQRyNQw==}
+  '@rollup/rollup-android-arm-eabi@4.18.0':
+    resolution: {integrity: sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.24.4':
-    resolution: {integrity: sha512-j4nrEO6nHU1nZUuCfRKoCcvh7PIywQPUCBa2UsootTHvTHIoIu2BzueInGJhhvQO/2FTRdNYpf63xsgEqH9IhA==}
+  '@rollup/rollup-android-arm64@4.18.0':
+    resolution: {integrity: sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.24.4':
-    resolution: {integrity: sha512-GmU/QgGtBTeraKyldC7cDVVvAJEOr3dFLKneez/n7BvX57UdhOqDsVwzU7UOnYA7AAOt+Xb26lk79PldDHgMIQ==}
+  '@rollup/rollup-darwin-arm64@4.18.0':
+    resolution: {integrity: sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.24.4':
-    resolution: {integrity: sha512-N6oDBiZCBKlwYcsEPXGDE4g9RoxZLK6vT98M8111cW7VsVJFpNEqvJeIPfsCzbf0XEakPslh72X0gnlMi4Ddgg==}
+  '@rollup/rollup-darwin-x64@4.18.0':
+    resolution: {integrity: sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.24.4':
-    resolution: {integrity: sha512-py5oNShCCjCyjWXCZNrRGRpjWsF0ic8f4ieBNra5buQz0O/U6mMXCpC1LvrHuhJsNPgRt36tSYMidGzZiJF6mw==}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@rollup/rollup-freebsd-x64@4.24.4':
-    resolution: {integrity: sha512-L7VVVW9FCnTTp4i7KrmHeDsDvjB4++KOBENYtNYAiYl96jeBThFfhP6HVxL74v4SiZEVDH/1ILscR5U9S4ms4g==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.4':
-    resolution: {integrity: sha512-10ICosOwYChROdQoQo589N5idQIisxjaFE/PAnX2i0Zr84mY0k9zul1ArH0rnJ/fpgiqfu13TFZR5A5YJLOYZA==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
+    resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.4':
-    resolution: {integrity: sha512-ySAfWs69LYC7QhRDZNKqNhz2UKN8LDfbKSMAEtoEI0jitwfAG2iZwVqGACJT+kfYvvz3/JgsLlcBP+WWoKCLcw==}
+  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
+    resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.4':
-    resolution: {integrity: sha512-uHYJ0HNOI6pGEeZ/5mgm5arNVTI0nLlmrbdph+pGXpC9tFHFDQmDMOEqkmUObRfosJqpU8RliYoGz06qSdtcjg==}
+  '@rollup/rollup-linux-arm64-gnu@4.18.0':
+    resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.24.4':
-    resolution: {integrity: sha512-38yiWLemQf7aLHDgTg85fh3hW9stJ0Muk7+s6tIkSUOMmi4Xbv5pH/5Bofnsb6spIwD5FJiR+jg71f0CH5OzoA==}
+  '@rollup/rollup-linux-arm64-musl@4.18.0':
+    resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.4':
-    resolution: {integrity: sha512-q73XUPnkwt9ZNF2xRS4fvneSuaHw2BXuV5rI4cw0fWYVIWIBeDZX7c7FWhFQPNTnE24172K30I+dViWRVD9TwA==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
+    resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.4':
-    resolution: {integrity: sha512-Aie/TbmQi6UXokJqDZdmTJuZBCU3QBDA8oTKRGtd4ABi/nHgXICulfg1KI6n9/koDsiDbvHAiQO3YAUNa/7BCw==}
+  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
+    resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.4':
-    resolution: {integrity: sha512-P8MPErVO/y8ohWSP9JY7lLQ8+YMHfTI4bAdtCi3pC2hTeqFJco2jYspzOzTUB8hwUWIIu1xwOrJE11nP+0JFAQ==}
+  '@rollup/rollup-linux-s390x-gnu@4.18.0':
+    resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.24.4':
-    resolution: {integrity: sha512-K03TljaaoPK5FOyNMZAAEmhlyO49LaE4qCsr0lYHUKyb6QacTNF9pnfPpXnFlFD3TXuFbFbz7tJ51FujUXkXYA==}
+  '@rollup/rollup-linux-x64-gnu@4.18.0':
+    resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.24.4':
-    resolution: {integrity: sha512-VJYl4xSl/wqG2D5xTYncVWW+26ICV4wubwN9Gs5NrqhJtayikwCXzPL8GDsLnaLU3WwhQ8W02IinYSFJfyo34Q==}
+  '@rollup/rollup-linux-x64-musl@4.18.0':
+    resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.4':
-    resolution: {integrity: sha512-ku2GvtPwQfCqoPFIJCqZ8o7bJcj+Y54cZSr43hHca6jLwAiCbZdBUOrqE6y29QFajNAzzpIOwsckaTFmN6/8TA==}
+  '@rollup/rollup-win32-arm64-msvc@4.18.0':
+    resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.4':
-    resolution: {integrity: sha512-V3nCe+eTt/W6UYNr/wGvO1fLpHUrnlirlypZfKCT1fG6hWfqhPgQV/K/mRBXBpxc0eKLIF18pIOFVPh0mqHjlg==}
+  '@rollup/rollup-win32-ia32-msvc@4.18.0':
+    resolution: {integrity: sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.24.4':
-    resolution: {integrity: sha512-LTw1Dfd0mBIEqUVCxbvTE/LLo+9ZxVC9k99v1v4ahg9Aak6FpqOfNu5kRkeTAn0wphoC4JU7No1/rL+bBCEwhg==}
+  '@rollup/rollup-win32-x64-msvc@4.18.0':
+    resolution: {integrity: sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
     cpu: [x64]
     os: [win32]
 
-  '@rushstack/node-core-library@5.9.0':
-    resolution: {integrity: sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==}
+  '@rushstack/node-core-library@4.0.2':
+    resolution: {integrity: sha512-hyES82QVpkfQMeBMteQUnrhASL/KHPhd7iJ8euduwNJG4mu2GSOKybf0rOEjOm1Wz7CwJEUm9y0yD7jg2C1bfg==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
       '@types/node':
         optional: true
 
-  '@rushstack/rig-package@0.5.3':
-    resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==}
+  '@rushstack/rig-package@0.5.2':
+    resolution: {integrity: sha512-mUDecIJeH3yYGZs2a48k+pbhM6JYwWlgjs2Ca5f2n1G2/kgdgP9D/07oglEGf6mRyXEnazhEENeYTSNDRCwdqA==}
 
-  '@rushstack/terminal@0.14.2':
-    resolution: {integrity: sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==}
+  '@rushstack/terminal@0.10.0':
+    resolution: {integrity: sha512-UbELbXnUdc7EKwfH2sb8ChqNgapUOdqcCIdQP4NGxBpTZV2sQyeekuK3zmfQSa/MN+/7b4kBogl2wq0vpkpYGw==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
       '@types/node':
         optional: true
 
-  '@rushstack/ts-command-line@4.23.0':
-    resolution: {integrity: sha512-jYREBtsxduPV6ptNq8jOKp9+yx0ld1Tb/Tkdnlj8gTjazl1sF3DwX2VbluyYrNd0meWIL0bNeer7WDf5tKFjaQ==}
+  '@rushstack/ts-command-line@4.19.1':
+    resolution: {integrity: sha512-J7H768dgcpG60d7skZ5uSSwyCZs/S2HrWP1Ds8d1qYAyaaeJmpmmLr9BVw97RjFzmQPOYnoXcKA4GkqDCkduQg==}
 
-  '@swc/core-darwin-arm64@1.9.1':
-    resolution: {integrity: sha512-2/ncHSCdAh5OHem1fMITrWEzzl97OdMK1PHc9CkxSJnphLjRubfxB5sbc5tDhcO68a5tVy+DxwaBgDec3PXnOg==}
+  '@swc/core-darwin-arm64@1.9.2':
+    resolution: {integrity: sha512-nETmsCoY29krTF2PtspEgicb3tqw7Ci5sInTI03EU5zpqYbPjoPH99BVTjj0OsF53jP5MxwnLI5Hm21lUn1d6A==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@swc/core-darwin-x64@1.9.1':
-    resolution: {integrity: sha512-4MDOFC5zmNqRJ9RGFOH95oYf27J9HniLVpB1pYm2gGeNHdl2QvDMtx2QTuMHQ6+OTn/3y1BHYuhBGp7d405oLA==}
+  '@swc/core-darwin-x64@1.9.2':
+    resolution: {integrity: sha512-9gD+bwBz8ZByjP6nZTXe/hzd0tySIAjpDHgkFiUrc+5zGF+rdTwhcNrzxNHJmy6mw+PW38jqII4uspFHUqqxuQ==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
 
-  '@swc/core-linux-arm-gnueabihf@1.9.1':
-    resolution: {integrity: sha512-eVW/BjRW8/HpLe3+1jRU7w7PdRLBgnEEYTkHJISU8805/EKT03xNZn6CfaBpKfeAloY4043hbGzE/NP9IahdpQ==}
+  '@swc/core-linux-arm-gnueabihf@1.9.2':
+    resolution: {integrity: sha512-kYq8ief1Qrn+WmsTWAYo4r+Coul4dXN6cLFjiPZ29Cv5pyU+GFvSPAB4bEdMzwy99rCR0u2P10UExaeCjurjvg==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
 
-  '@swc/core-linux-arm64-gnu@1.9.1':
-    resolution: {integrity: sha512-8m3u1v8R8NgI/9+cHMkzk14w87blSy3OsQPWPfhOL+XPwhyLPvat+ahQJb2nZmltjTgkB4IbzKFSfbuA34LmNA==}
+  '@swc/core-linux-arm64-gnu@1.9.2':
+    resolution: {integrity: sha512-n0W4XiXlmEIVqxt+rD3ZpkogsEWUk1jJ+i5bQNgB+1JuWh0fBE8c/blDgTQXa0GB5lTPVDZQussgdNOCnAZwiA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-arm64-musl@1.9.1':
-    resolution: {integrity: sha512-hpT0sQAZnW8l02I289yeyFfT9llGO9PzKDxUq8pocKtioEHiElRqR53juCWoSmzuWi+6KX7zUJ0NKCBrc8pmDg==}
+  '@swc/core-linux-arm64-musl@1.9.2':
+    resolution: {integrity: sha512-8xzrOmsyCC1zrx2Wzx/h8dVsdewO1oMCwBTLc1gSJ/YllZYTb04pNm6NsVbzUX2tKddJVRgSJXV10j/NECLwpA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-x64-gnu@1.9.1':
-    resolution: {integrity: sha512-sGFdpdAYusk/ropHiwtXom2JrdaKPxl8MqemRv6dvxZq1Gm/GdmOowxdXIPjCgBGMgoXVcgNviH6CgiO5q+UtA==}
+  '@swc/core-linux-x64-gnu@1.9.2':
+    resolution: {integrity: sha512-kZrNz/PjRQKcchWF6W292jk3K44EoVu1ad5w+zbS4jekIAxsM8WwQ1kd+yjUlN9jFcF8XBat5NKIs9WphJCVXg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-linux-x64-musl@1.9.1':
-    resolution: {integrity: sha512-YtNLNwIWs0Z2+XgBs6+LrCIGtfCDtNr4S4b6Q5HDOreEIGzSvhkef8eyBI5L+fJ2eGov4b7iEo61C4izDJS5RA==}
+  '@swc/core-linux-x64-musl@1.9.2':
+    resolution: {integrity: sha512-TTIpR4rjMkhX1lnFR+PSXpaL83TrQzp9znRdp2TzYrODlUd/R20zOwSo9vFLCyH6ZoD47bccY7QeGZDYT3nlRg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-win32-arm64-msvc@1.9.1':
-    resolution: {integrity: sha512-qSxD3uZW2vSiHqUt30vUi0PB92zDh9bjqh5YKpfhhVa7h1vt/xXhlid8yMvSNToTfzhRrTEffOAPUr7WVoyQUA==}
+  '@swc/core-win32-arm64-msvc@1.9.2':
+    resolution: {integrity: sha512-+Eg2d4icItKC0PMjZxH7cSYFLWk0aIp94LNmOw6tPq0e69ax6oh10upeq0D1fjWsKLmOJAWEvnXlayZcijEXDw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
 
-  '@swc/core-win32-ia32-msvc@1.9.1':
-    resolution: {integrity: sha512-C3fPEwyX/WRPlX6zIToNykJuz1JkZX0sk8H1QH2vpnKuySUkt/Ur5K2FzLgSWzJdbfxstpgS151/es0VGAD+ZA==}
+  '@swc/core-win32-ia32-msvc@1.9.2':
+    resolution: {integrity: sha512-nLWBi4vZDdM/LkiQmPCakof8Dh1/t5EM7eudue04V1lIcqx9YHVRS3KMwEaCoHLGg0c312Wm4YgrWQd9vwZ5zQ==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
 
-  '@swc/core-win32-x64-msvc@1.9.1':
-    resolution: {integrity: sha512-2XZ+U1AyVsOAXeH6WK1syDm7+gwTjA8fShs93WcbxnK7HV+NigDlvr4124CeJLTHyh3fMh1o7+CnQnaBJhlysQ==}
+  '@swc/core-win32-x64-msvc@1.9.2':
+    resolution: {integrity: sha512-ik/k+JjRJBFkXARukdU82tSVx0CbExFQoQ78qTO682esbYXzjdB5eLVkoUbwen299pnfr88Kn4kyIqFPTje8Xw==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
 
-  '@swc/core@1.9.1':
-    resolution: {integrity: sha512-OnPc+Kt5oy3xTvr/KCUOqE9ptJcWbyQgAUr1ydh9EmbBcmJTaO1kfQCxm/axzJi6sKeDTxL9rX5zvLOhoYIaQw==}
+  '@swc/core@1.9.2':
+    resolution: {integrity: sha512-dYyEkO6mRYtZFpnOsnYzv9rY69fHAHoawYOjGOEcxk9WYtaJhowMdP/w6NcOKnz2G7GlZaenjkzkMa6ZeQeMsg==}
     engines: {node: '>=10'}
     peerDependencies:
       '@swc/helpers': '*'
@@ -631,14 +554,14 @@ packages:
   '@swc/counter@0.1.3':
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
 
-  '@swc/types@0.1.14':
-    resolution: {integrity: sha512-PbSmTiYCN+GMrvfjrMo9bdY+f2COnwbdnoMw7rqU/PI5jXpKjxOGZ0qqZCImxnT81NkNsKnmEpvu+hRXLBeCJg==}
+  '@swc/types@0.1.15':
+    resolution: {integrity: sha512-XKaZ+dzDIQ9Ot9o89oJQ/aluI17+VvUnIpYJTcZtvv1iYX6MzHh3Ik2CSR7MdPKpPwfZXHBeCingb2b4PoDVdw==}
 
   '@types/argparse@1.0.38':
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
 
-  '@types/estree@1.0.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+  '@types/estree@1.0.5':
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
   '@types/node@22.9.0':
     resolution: {integrity: sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==}
@@ -660,61 +583,34 @@ packages:
     peerDependencies:
       vite: ^4 || ^5
 
-  '@volar/language-core@2.4.10':
-    resolution: {integrity: sha512-hG3Z13+nJmGaT+fnQzAkS0hjJRa2FCeqZt6Bd+oGNhUkQ+mTFsDETg5rqUTxyzIh5pSOGY7FHCWUS8G82AzLCA==}
-
-  '@volar/source-map@2.4.10':
-    resolution: {integrity: sha512-OCV+b5ihV0RF3A7vEvNyHPi4G4kFa6ukPmyVocmqm5QzOd8r5yAtiNvaPEjl8dNvgC/lj4JPryeeHLdXd62rWA==}
+  '@volar/language-core@1.11.1':
+    resolution: {integrity: sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==}
 
-  '@volar/typescript@2.4.10':
-    resolution: {integrity: sha512-F8ZtBMhSXyYKuBfGpYwqA5rsONnOwAVvjyE7KPYJ7wgZqo2roASqNWUnianOomJX5u1cxeRooHV59N0PhvEOgw==}
+  '@volar/source-map@1.11.1':
+    resolution: {integrity: sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==}
 
-  '@vue/compiler-core@3.5.12':
-    resolution: {integrity: sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==}
+  '@volar/typescript@1.11.1':
+    resolution: {integrity: sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==}
 
-  '@vue/compiler-dom@3.5.12':
-    resolution: {integrity: sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==}
+  '@vue/compiler-core@3.4.27':
+    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
 
-  '@vue/compiler-vue2@2.7.16':
-    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
+  '@vue/compiler-dom@3.4.27':
+    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
 
-  '@vue/language-core@2.1.6':
-    resolution: {integrity: sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==}
+  '@vue/language-core@1.8.27':
+    resolution: {integrity: sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@vue/shared@3.5.12':
-    resolution: {integrity: sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==}
-
-  acorn@8.14.0:
-    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  ajv-draft-04@1.0.0:
-    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
-    peerDependencies:
-      ajv: ^8.5.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
-  ajv-formats@3.0.1:
-    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
-    peerDependencies:
-      ajv: ^8.0.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
-  ajv@8.12.0:
-    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+  '@vue/shared@3.4.27':
+    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
 
-  ajv@8.13.0:
-    resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
@@ -748,13 +644,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  buffer-builder@0.2.0:
-    resolution: {integrity: sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==}
-
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   chokidar@4.0.1:
     resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
     engines: {node: '>= 14.16.0'}
@@ -766,11 +655,9 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  colorjs.io@0.5.2:
-    resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
-
-  compare-versions@6.1.1:
-    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
+  commander@9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
+    engines: {node: ^12.20.0 || >=14}
 
   computeds@0.0.1:
     resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
@@ -778,9 +665,6 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  confbox@0.1.8:
-    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
-
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -791,8 +675,8 @@ packages:
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
-  debug@4.3.7:
-    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+  debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -829,6 +713,9 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -872,16 +759,12 @@ packages:
   immutable@4.3.6:
     resolution: {integrity: sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==}
 
-  immutable@4.3.7:
-    resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
-
   import-lazy@4.0.0:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
 
-  is-core-module@2.15.1:
-    resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
-    engines: {node: '>= 0.4'}
+  is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
 
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
@@ -912,8 +795,8 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  json-schema-traverse@1.0.0:
-    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
@@ -921,9 +804,11 @@ packages:
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
 
-  local-pkg@0.5.0:
-    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
-    engines: {node: '>=14'}
+  lodash.get@4.4.2:
+    resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
+
+  lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
 
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
@@ -943,9 +828,6 @@ packages:
   magic-string@0.30.10:
     resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
 
-  magic-string@0.30.12:
-    resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
-
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -957,22 +839,19 @@ packages:
   minimatch@3.0.8:
     resolution: {integrity: sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==}
 
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+  minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  mlly@1.7.2:
-    resolution: {integrity: sha512-tN3dvVHYVz4DhSXinXIk7u9syPYaJvio118uomkovAtWBT+RdbP6Lfh/5Lvo519YMmwBafwlh20IPTXIStscpA==}
-
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+  ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
-  muggle-string@0.4.1:
-    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+  muggle-string@0.3.1:
+    resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
 
   nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
@@ -999,41 +878,17 @@ packages:
     resolution: {integrity: sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==}
     engines: {node: 20 || >=22}
 
-  pathe@1.1.2:
-    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
-
   picocolors@1.0.1:
     resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
 
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
-
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.2:
-    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
-    engines: {node: '>=12'}
-
-  pkg-types@1.2.1:
-    resolution: {integrity: sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==}
-
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
-  postcss@8.4.47:
-    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
+  postcss@8.4.39:
+    resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
     engines: {node: ^10 || ^12 || >=14}
 
-  prettier@3.3.1:
-    resolution: {integrity: sha512-7CAwy5dRsxs8PHXT3twixW9/OEll8MLE0VRPCJyl7CkS6VHGPSlsVaWTiASPTyGyYRyApxlaWTzwUxVNrhcwDg==}
-    engines: {node: '>=14'}
-    hasBin: true
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -1061,147 +916,18 @@ packages:
     resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
     engines: {node: '>= 14.16.0'}
 
-  require-from-string@2.0.2:
-    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
-    engines: {node: '>=0.10.0'}
+  resolve@1.19.0:
+    resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
 
   resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
 
-  rollup@4.24.4:
-    resolution: {integrity: sha512-vGorVWIsWfX3xbcyAS+I047kFKapHYivmkaT63Smj77XwvLSJos6M1xGqZnBPFQFBRZDOcG1QnYEIxAvTr/HjA==}
+  rollup@4.18.0:
+    resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
-
-  sass-embedded-android-arm64@1.80.6:
-    resolution: {integrity: sha512-4rC4ZGM/k4ENVjLXnK3JTst8e8FI9MHSol2Fl7dCdYyJ3KLnlt4qL4AEYfU8zq1tcBb7CBOSZVR+CzCKubnXdg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [android]
-
-  sass-embedded-android-arm@1.80.6:
-    resolution: {integrity: sha512-UeUKMTRsnz4/dh7IzvhjONxa4/jmVp539CHDd8VZOsqg9M3HcNJNIkUzQWbuwZ+nSlWrTuo7Tvn3XlypopCBzw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm]
-    os: [android]
-
-  sass-embedded-android-ia32@1.80.6:
-    resolution: {integrity: sha512-Lxz2SXE2KdHnynuHF+D6flDvrd55/zaEAWUeka9MxEr6FmR66d8UBOIy5ETwCSUd//S/SE5Jl6oTnHppgD1zNA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [ia32]
-    os: [android]
-
-  sass-embedded-android-riscv64@1.80.6:
-    resolution: {integrity: sha512-hKdxY/oOqB+JJhSoBTDM5DJO1j/xtxQgayh2cLCCUx37IQQe3SEdc3V2JFf/4mIo5peaS4cjqwwSATF+l2zaXg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [riscv64]
-    os: [android]
-
-  sass-embedded-android-x64@1.80.6:
-    resolution: {integrity: sha512-Eap2Fi3kTx/rVLBsOnOp5RYPr5+lFjTZ652zR24dmYFe9/sDgasakJIOPjOvD2bRuL9z0uWEY1AXVeeOPeZKrg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [android]
-
-  sass-embedded-darwin-arm64@1.80.6:
-    resolution: {integrity: sha512-0mnAx8Vq6Gxj3PQt3imgITfK33hhqrSKpyHSuab71gZZni5opsdtoggq2JawW+1taRFTEZwbZJLKZ0MBDbwCCA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
-  sass-embedded-darwin-x64@1.80.6:
-    resolution: {integrity: sha512-Ib20yNZFOrJ7YVT+ltoe+JQNKPcRclM3iLAK69XZZYcSeFM/72SCoQBAaVGIpT23dxDp7FXiE4lO602c3xTRwQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
-  sass-embedded-linux-arm64@1.80.6:
-    resolution: {integrity: sha512-n5r98pBXawrQQKaxIYCMM1zDpnngsqxTkOrmvsYLFiAMCSbR0lWf/7sBB33k/Pm0D6dsbp3jpHilCoQNKI3jIw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  sass-embedded-linux-arm@1.80.6:
-    resolution: {integrity: sha512-QR0Q6TZox/ThuU2r9c0s3fKCgU2rXAEocpitdgxFp6tta+GsQlMFV3oON2unAa8Bwnuxkmf0YOaK0Oy/TwzkXw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  sass-embedded-linux-ia32@1.80.6:
-    resolution: {integrity: sha512-O6dWZdcOkryRdDCxVMGOeVowgblpDgVcAuRtZ1F1X7XfbpDriTQm64D+9vVZIrywYSPoJfQMJJ662cr0wUs9IQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [ia32]
-    os: [linux]
-
-  sass-embedded-linux-musl-arm64@1.80.6:
-    resolution: {integrity: sha512-VeUSHUi3MAsvOlg9QI4X/2j04h1659aE+7qKP/282CYBTrGkjFGSXZhIki9WKWDgIpDiSInRYXfQQRWhPhjCDg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  sass-embedded-linux-musl-arm@1.80.6:
-    resolution: {integrity: sha512-X9FC8s8fvQGRiXc+eATlZ57N44Iq3nNa0M0ugi3ysdJwkaNYvOeS4QzBHKQAaw3QiTqdxTnLUHHVBkyzdCi9pw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  sass-embedded-linux-musl-ia32@1.80.6:
-    resolution: {integrity: sha512-GqitS2Nab8ah0+wfCqaxW1hnI1piC08FimL6+lM9YWK5DbCOOF82IapbvJOy0feUmd/wNnHmyNTgE9h0zVMFdQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [ia32]
-    os: [linux]
-
-  sass-embedded-linux-musl-riscv64@1.80.6:
-    resolution: {integrity: sha512-ySs15z7QSRRQK/aByEEqaJLYW/sTpfynefNPZCtsVNVEzNRwy+DRpxNChtxo+QjKq97ocXETbdG5KLik7QOTJg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [riscv64]
-    os: [linux]
-
-  sass-embedded-linux-musl-x64@1.80.6:
-    resolution: {integrity: sha512-DzeNqU/SN0mWFznoOH4RtVGcrg3Eoa41pUQhKMtrhNbCmIE1zNDunUiAEVTNpdHJF4nxf7ELUPXWmStM31CbUQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  sass-embedded-linux-riscv64@1.80.6:
-    resolution: {integrity: sha512-AyoHJ3icV9xuJjq1YzJqpEj2XfiC/KBkVYTUrCELKiXP0DN1gi/BpUwZNCAgCM3CyEdMef4LQM/ztCYJxYzdyg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [riscv64]
-    os: [linux]
-
-  sass-embedded-linux-x64@1.80.6:
-    resolution: {integrity: sha512-EohsE9CEqx0ycylnsEj/0DNPG99Tb0qAVZspiAs5xHFCJjXOFfp3cRQu0BRf+lZ1b72IhPFXymzVtojvzUHb7g==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  sass-embedded-win32-arm64@1.80.6:
-    resolution: {integrity: sha512-29wETQi1ykeVvpd4zMVokpQKFSOZskGJzZawuuNCdo7BHjHKIRDsqbz8YT1CewHPBshI0hfD21fenmjxYjGXPQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [win32]
-
-  sass-embedded-win32-ia32@1.80.6:
-    resolution: {integrity: sha512-1s3OpK2iTIfIL/a91QhAQnffsbuWfnsM8Lx4Fxt0f7ErnxjCV6q8MUFTV/UhcLtLyTFnPCA62DLjp2KGCjMI9A==}
-    engines: {node: '>=14.0.0'}
-    cpu: [ia32]
-    os: [win32]
-
-  sass-embedded-win32-x64@1.80.6:
-    resolution: {integrity: sha512-0pH4Zr9silHkcmLPC0ghnD3DI0vMsjA7dKvGR32/RbbjOSvHV5cDQRLiuVJAPp34dfMA7kJd1ysSchRdH0igAQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [win32]
-
-  sass-embedded@1.80.6:
-    resolution: {integrity: sha512-Og4aqBnaA3oJfIpHaLuNATAqzBRgUJDYJy2X15V59cot2wYOtiT/ciPnyuq1o7vpDEeOkHhEd+mSviSlXoETug==}
-    engines: {node: '>=16.0.0'}
-    hasBin: true
-
   sass@1.80.6:
     resolution: {integrity: sha512-ccZgdHNiBF1NHBsWvacvT5rju3y1d/Eu+8Ex6c21nHp2lZGLBEtuwc415QfiI1PJa1TpCo3iXwwSRjRpn2Ckjg==}
     engines: {node: '>=14.0.0'}
@@ -1215,6 +941,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -1231,10 +962,6 @@ packages:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
 
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
-
   source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
@@ -1274,26 +1001,24 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-
   typescript@5.4.2:
     resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@5.6.3:
-    resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
+  typescript@5.5.3:
+    resolution: {integrity: sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  ufo@1.5.4:
-    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
-
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
@@ -1304,11 +1029,12 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  varint@6.0.0:
-    resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==}
+  validator@13.12.0:
+    resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==}
+    engines: {node: '>= 0.10'}
 
-  vite-plugin-dts@4.3.0:
-    resolution: {integrity: sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==}
+  vite-plugin-dts@3.9.1:
+    resolution: {integrity: sha512-rVp2KM9Ue22NGWB8dNtWEr+KekN3rIgz1tWD050QnRGlriUCmaDwa7qA5zDEjbXg5lAXhYMSBJtx3q3hQIJZSg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -1317,22 +1043,8 @@ packages:
       vite:
         optional: true
 
-  vite-plugin-lib-inject-css@2.1.1:
-    resolution: {integrity: sha512-RIMeVnqBK/8I0E9nnQWzws6pdj5ilRMPJSnXYb6nWxNR4EmDPnksnb/ACoR5Fy7QfzULqS4gtQMrjwnNCC9zoA==}
-    peerDependencies:
-      vite: '*'
-
-  vite-plugin-sass-dts@1.3.29:
-    resolution: {integrity: sha512-N0OnqpEZBWeMJL6LHCmeQMRe7bfZrVwImZRzpyIn/YUF7xSzjoPAJCrplIUB2CsOpTOqByt1BjyZVoglGcRYdQ==}
-    engines: {node: '>=20'}
-    peerDependencies:
-      postcss: ^8
-      prettier: ^2.7 || ^3
-      sass-embedded: ^1.78.0
-      vite: '>=3'
-
-  vite@5.4.10:
-    resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
+  vite@5.3.4:
+    resolution: {integrity: sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -1340,7 +1052,6 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
-      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -1353,8 +1064,6 @@ packages:
         optional: true
       sass:
         optional: true
-      sass-embedded:
-        optional: true
       stylus:
         optional: true
       sugarss:
@@ -1362,8 +1071,14 @@ packages:
       terser:
         optional: true
 
-  vscode-uri@3.0.8:
-    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+  vue-template-compiler@2.7.16:
+    resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
+
+  vue-tsc@1.8.27:
+    resolution: {integrity: sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
 
   warning@4.0.3:
     resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
@@ -1384,55 +1099,26 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-snapshots:
-
-  '@ast-grep/napi-darwin-arm64@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-darwin-x64@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-linux-arm64-gnu@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-linux-x64-gnu@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-linux-x64-musl@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-win32-arm64-msvc@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-win32-ia32-msvc@0.22.4':
-    optional: true
-
-  '@ast-grep/napi-win32-x64-msvc@0.22.4':
-    optional: true
+  z-schema@5.0.5:
+    resolution: {integrity: sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==}
+    engines: {node: '>=8.0.0'}
+    hasBin: true
 
-  '@ast-grep/napi@0.22.4':
-    optionalDependencies:
-      '@ast-grep/napi-darwin-arm64': 0.22.4
-      '@ast-grep/napi-darwin-x64': 0.22.4
-      '@ast-grep/napi-linux-arm64-gnu': 0.22.4
-      '@ast-grep/napi-linux-x64-gnu': 0.22.4
-      '@ast-grep/napi-linux-x64-musl': 0.22.4
-      '@ast-grep/napi-win32-arm64-msvc': 0.22.4
-      '@ast-grep/napi-win32-ia32-msvc': 0.22.4
-      '@ast-grep/napi-win32-x64-msvc': 0.22.4
+snapshots:
 
-  '@babel/helper-string-parser@7.25.9': {}
+  '@babel/helper-string-parser@7.24.6': {}
 
-  '@babel/helper-validator-identifier@7.25.9': {}
+  '@babel/helper-validator-identifier@7.24.6': {}
 
-  '@babel/parser@7.26.2':
+  '@babel/parser@7.24.6':
     dependencies:
-      '@babel/types': 7.26.0
+      '@babel/types': 7.24.6
 
-  '@babel/types@7.26.0':
+  '@babel/types@7.24.6':
     dependencies:
-      '@babel/helper-string-parser': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/helper-string-parser': 7.24.6
+      '@babel/helper-validator-identifier': 7.24.6
+      to-fast-properties: 2.0.0
 
   '@biomejs/biome@1.9.4':
     optionalDependencies:
@@ -1469,8 +1155,6 @@ snapshots:
   '@biomejs/cli-win32-x64@1.9.4':
     optional: true
 
-  '@bufbuild/protobuf@2.2.2': {}
-
   '@esbuild/aix-ppc64@0.21.5':
     optional: true
 
@@ -1551,25 +1235,23 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
-  '@jridgewell/sourcemap-codec@1.5.0': {}
-
-  '@microsoft/api-extractor-model@7.29.8(@types/node@22.9.0)':
+  '@microsoft/api-extractor-model@7.28.13(@types/node@22.9.0)':
     dependencies:
-      '@microsoft/tsdoc': 0.15.0
-      '@microsoft/tsdoc-config': 0.17.0
-      '@rushstack/node-core-library': 5.9.0(@types/node@22.9.0)
+      '@microsoft/tsdoc': 0.14.2
+      '@microsoft/tsdoc-config': 0.16.2
+      '@rushstack/node-core-library': 4.0.2(@types/node@22.9.0)
     transitivePeerDependencies:
       - '@types/node'
 
-  '@microsoft/api-extractor@7.47.11(@types/node@22.9.0)':
+  '@microsoft/api-extractor@7.43.0(@types/node@22.9.0)':
     dependencies:
-      '@microsoft/api-extractor-model': 7.29.8(@types/node@22.9.0)
-      '@microsoft/tsdoc': 0.15.0
-      '@microsoft/tsdoc-config': 0.17.0
-      '@rushstack/node-core-library': 5.9.0(@types/node@22.9.0)
-      '@rushstack/rig-package': 0.5.3
-      '@rushstack/terminal': 0.14.2(@types/node@22.9.0)
-      '@rushstack/ts-command-line': 4.23.0(@types/node@22.9.0)
+      '@microsoft/api-extractor-model': 7.28.13(@types/node@22.9.0)
+      '@microsoft/tsdoc': 0.14.2
+      '@microsoft/tsdoc-config': 0.16.2
+      '@rushstack/node-core-library': 4.0.2(@types/node@22.9.0)
+      '@rushstack/rig-package': 0.5.2
+      '@rushstack/terminal': 0.10.0(@types/node@22.9.0)
+      '@rushstack/ts-command-line': 4.19.1(@types/node@22.9.0)
       lodash: 4.17.21
       minimatch: 3.0.8
       resolve: 1.22.8
@@ -1579,14 +1261,14 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  '@microsoft/tsdoc-config@0.17.0':
+  '@microsoft/tsdoc-config@0.16.2':
     dependencies:
-      '@microsoft/tsdoc': 0.15.0
-      ajv: 8.12.0
+      '@microsoft/tsdoc': 0.14.2
+      ajv: 6.12.6
       jju: 1.4.0
-      resolve: 1.22.8
+      resolve: 1.19.0
 
-  '@microsoft/tsdoc@0.15.0': {}
+  '@microsoft/tsdoc@0.14.2': {}
 
   '@parcel/watcher-android-arm64@2.5.0':
     optional: true
@@ -1654,157 +1336,149 @@ snapshots:
 
   '@popperjs/core@2.11.8': {}
 
-  '@rollup/pluginutils@5.1.3(rollup@4.24.4)':
+  '@rollup/pluginutils@5.1.0(rollup@4.18.0)':
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.5
       estree-walker: 2.0.2
-      picomatch: 4.0.2
+      picomatch: 2.3.1
     optionalDependencies:
-      rollup: 4.24.4
-
-  '@rollup/rollup-android-arm-eabi@4.24.4':
-    optional: true
+      rollup: 4.18.0
 
-  '@rollup/rollup-android-arm64@4.24.4':
+  '@rollup/rollup-android-arm-eabi@4.18.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.24.4':
+  '@rollup/rollup-android-arm64@4.18.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.24.4':
+  '@rollup/rollup-darwin-arm64@4.18.0':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.24.4':
+  '@rollup/rollup-darwin-x64@4.18.0':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.24.4':
+  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.4':
+  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.4':
+  '@rollup/rollup-linux-arm64-gnu@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.4':
+  '@rollup/rollup-linux-arm64-musl@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.24.4':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.4':
+  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.4':
+  '@rollup/rollup-linux-s390x-gnu@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.4':
+  '@rollup/rollup-linux-x64-gnu@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.24.4':
+  '@rollup/rollup-linux-x64-musl@4.18.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.24.4':
+  '@rollup/rollup-win32-arm64-msvc@4.18.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.4':
+  '@rollup/rollup-win32-ia32-msvc@4.18.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.4':
+  '@rollup/rollup-win32-x64-msvc@4.18.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.24.4':
-    optional: true
-
-  '@rushstack/node-core-library@5.9.0(@types/node@22.9.0)':
+  '@rushstack/node-core-library@4.0.2(@types/node@22.9.0)':
     dependencies:
-      ajv: 8.13.0
-      ajv-draft-04: 1.0.0(ajv@8.13.0)
-      ajv-formats: 3.0.1(ajv@8.13.0)
       fs-extra: 7.0.1
       import-lazy: 4.0.0
       jju: 1.4.0
       resolve: 1.22.8
       semver: 7.5.4
+      z-schema: 5.0.5
     optionalDependencies:
       '@types/node': 22.9.0
 
-  '@rushstack/rig-package@0.5.3':
+  '@rushstack/rig-package@0.5.2':
     dependencies:
       resolve: 1.22.8
       strip-json-comments: 3.1.1
 
-  '@rushstack/terminal@0.14.2(@types/node@22.9.0)':
+  '@rushstack/terminal@0.10.0(@types/node@22.9.0)':
     dependencies:
-      '@rushstack/node-core-library': 5.9.0(@types/node@22.9.0)
+      '@rushstack/node-core-library': 4.0.2(@types/node@22.9.0)
       supports-color: 8.1.1
     optionalDependencies:
       '@types/node': 22.9.0
 
-  '@rushstack/ts-command-line@4.23.0(@types/node@22.9.0)':
+  '@rushstack/ts-command-line@4.19.1(@types/node@22.9.0)':
     dependencies:
-      '@rushstack/terminal': 0.14.2(@types/node@22.9.0)
+      '@rushstack/terminal': 0.10.0(@types/node@22.9.0)
       '@types/argparse': 1.0.38
       argparse: 1.0.10
       string-argv: 0.3.2
     transitivePeerDependencies:
       - '@types/node'
 
-  '@swc/core-darwin-arm64@1.9.1':
+  '@swc/core-darwin-arm64@1.9.2':
     optional: true
 
-  '@swc/core-darwin-x64@1.9.1':
+  '@swc/core-darwin-x64@1.9.2':
     optional: true
 
-  '@swc/core-linux-arm-gnueabihf@1.9.1':
+  '@swc/core-linux-arm-gnueabihf@1.9.2':
     optional: true
 
-  '@swc/core-linux-arm64-gnu@1.9.1':
+  '@swc/core-linux-arm64-gnu@1.9.2':
     optional: true
 
-  '@swc/core-linux-arm64-musl@1.9.1':
+  '@swc/core-linux-arm64-musl@1.9.2':
     optional: true
 
-  '@swc/core-linux-x64-gnu@1.9.1':
+  '@swc/core-linux-x64-gnu@1.9.2':
     optional: true
 
-  '@swc/core-linux-x64-musl@1.9.1':
+  '@swc/core-linux-x64-musl@1.9.2':
     optional: true
 
-  '@swc/core-win32-arm64-msvc@1.9.1':
+  '@swc/core-win32-arm64-msvc@1.9.2':
     optional: true
 
-  '@swc/core-win32-ia32-msvc@1.9.1':
+  '@swc/core-win32-ia32-msvc@1.9.2':
     optional: true
 
-  '@swc/core-win32-x64-msvc@1.9.1':
+  '@swc/core-win32-x64-msvc@1.9.2':
     optional: true
 
-  '@swc/core@1.9.1':
+  '@swc/core@1.9.2':
     dependencies:
       '@swc/counter': 0.1.3
-      '@swc/types': 0.1.14
+      '@swc/types': 0.1.15
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.9.1
-      '@swc/core-darwin-x64': 1.9.1
-      '@swc/core-linux-arm-gnueabihf': 1.9.1
-      '@swc/core-linux-arm64-gnu': 1.9.1
-      '@swc/core-linux-arm64-musl': 1.9.1
-      '@swc/core-linux-x64-gnu': 1.9.1
-      '@swc/core-linux-x64-musl': 1.9.1
-      '@swc/core-win32-arm64-msvc': 1.9.1
-      '@swc/core-win32-ia32-msvc': 1.9.1
-      '@swc/core-win32-x64-msvc': 1.9.1
+      '@swc/core-darwin-arm64': 1.9.2
+      '@swc/core-darwin-x64': 1.9.2
+      '@swc/core-linux-arm-gnueabihf': 1.9.2
+      '@swc/core-linux-arm64-gnu': 1.9.2
+      '@swc/core-linux-arm64-musl': 1.9.2
+      '@swc/core-linux-x64-gnu': 1.9.2
+      '@swc/core-linux-x64-musl': 1.9.2
+      '@swc/core-win32-arm64-msvc': 1.9.2
+      '@swc/core-win32-ia32-msvc': 1.9.2
+      '@swc/core-win32-x64-msvc': 1.9.2
 
   '@swc/counter@0.1.3': {}
 
-  '@swc/types@0.1.14':
+  '@swc/types@0.1.15':
     dependencies:
       '@swc/counter': 0.1.3
 
   '@types/argparse@1.0.38': {}
 
-  '@types/estree@1.0.6': {}
+  '@types/estree@1.0.5': {}
 
   '@types/node@22.9.0':
     dependencies:
@@ -1823,80 +1497,60 @@ snapshots:
 
   '@types/webpack-env@1.18.5': {}
 
-  '@vitejs/plugin-react-swc@3.7.1(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6))':
+  '@vitejs/plugin-react-swc@3.7.1(vite@5.3.4(@types/node@22.9.0)(sass@1.80.6))':
     dependencies:
-      '@swc/core': 1.9.1
-      vite: 5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)
+      '@swc/core': 1.9.2
+      vite: 5.3.4(@types/node@22.9.0)(sass@1.80.6)
     transitivePeerDependencies:
       - '@swc/helpers'
 
-  '@volar/language-core@2.4.10':
+  '@volar/language-core@1.11.1':
     dependencies:
-      '@volar/source-map': 2.4.10
+      '@volar/source-map': 1.11.1
 
-  '@volar/source-map@2.4.10': {}
+  '@volar/source-map@1.11.1':
+    dependencies:
+      muggle-string: 0.3.1
 
-  '@volar/typescript@2.4.10':
+  '@volar/typescript@1.11.1':
     dependencies:
-      '@volar/language-core': 2.4.10
+      '@volar/language-core': 1.11.1
       path-browserify: 1.0.1
-      vscode-uri: 3.0.8
 
-  '@vue/compiler-core@3.5.12':
+  '@vue/compiler-core@3.4.27':
     dependencies:
-      '@babel/parser': 7.26.2
-      '@vue/shared': 3.5.12
+      '@babel/parser': 7.24.6
+      '@vue/shared': 3.4.27
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.2.1
-
-  '@vue/compiler-dom@3.5.12':
-    dependencies:
-      '@vue/compiler-core': 3.5.12
-      '@vue/shared': 3.5.12
+      source-map-js: 1.2.0
 
-  '@vue/compiler-vue2@2.7.16':
+  '@vue/compiler-dom@3.4.27':
     dependencies:
-      de-indent: 1.0.2
-      he: 1.2.0
+      '@vue/compiler-core': 3.4.27
+      '@vue/shared': 3.4.27
 
-  '@vue/language-core@2.1.6(typescript@5.6.3)':
+  '@vue/language-core@1.8.27(typescript@5.5.3)':
     dependencies:
-      '@volar/language-core': 2.4.10
-      '@vue/compiler-dom': 3.5.12
-      '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.12
+      '@volar/language-core': 1.11.1
+      '@volar/source-map': 1.11.1
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
       computeds: 0.0.1
-      minimatch: 9.0.5
-      muggle-string: 0.4.1
+      minimatch: 9.0.4
+      muggle-string: 0.3.1
       path-browserify: 1.0.1
+      vue-template-compiler: 2.7.16
     optionalDependencies:
-      typescript: 5.6.3
-
-  '@vue/shared@3.5.12': {}
-
-  acorn@8.14.0: {}
-
-  ajv-draft-04@1.0.0(ajv@8.13.0):
-    optionalDependencies:
-      ajv: 8.13.0
+      typescript: 5.5.3
 
-  ajv-formats@3.0.1(ajv@8.13.0):
-    optionalDependencies:
-      ajv: 8.13.0
-
-  ajv@8.12.0:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-      uri-js: 4.4.1
+  '@vue/shared@3.4.27': {}
 
-  ajv@8.13.0:
+  ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
   ansi-regex@5.0.1: {}
@@ -1929,13 +1583,10 @@ snapshots:
       fill-range: 7.1.1
     optional: true
 
-  buffer-builder@0.2.0: {}
-
-  camelcase-css@2.0.1: {}
-
   chokidar@4.0.1:
     dependencies:
       readdirp: 4.0.2
+    optional: true
 
   color-convert@2.0.1:
     dependencies:
@@ -1943,16 +1594,13 @@ snapshots:
 
   color-name@1.1.4: {}
 
-  colorjs.io@0.5.2: {}
-
-  compare-versions@6.1.1: {}
+  commander@9.5.0:
+    optional: true
 
   computeds@0.0.1: {}
 
   concat-map@0.0.1: {}
 
-  confbox@0.1.8: {}
-
   cross-spawn@7.0.3:
     dependencies:
       path-key: 3.1.1
@@ -1963,9 +1611,9 @@ snapshots:
 
   de-indent@1.0.2: {}
 
-  debug@4.3.7:
+  debug@4.3.4:
     dependencies:
-      ms: 2.1.3
+      ms: 2.1.2
 
   detect-libc@1.0.3:
     optional: true
@@ -2008,6 +1656,8 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
+  fast-json-stable-stringify@2.1.0: {}
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -2048,13 +1698,12 @@ snapshots:
 
   he@1.2.0: {}
 
-  immutable@4.3.6: {}
-
-  immutable@4.3.7: {}
+  immutable@4.3.6:
+    optional: true
 
   import-lazy@4.0.0: {}
 
-  is-core-module@2.15.1:
+  is-core-module@2.13.1:
     dependencies:
       hasown: 2.0.2
 
@@ -2083,7 +1732,7 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
-  json-schema-traverse@1.0.0: {}
+  json-schema-traverse@0.4.1: {}
 
   jsonfile@4.0.0:
     optionalDependencies:
@@ -2091,10 +1740,9 @@ snapshots:
 
   kolorist@1.8.0: {}
 
-  local-pkg@0.5.0:
-    dependencies:
-      mlly: 1.7.2
-      pkg-types: 1.2.1
+  lodash.get@4.4.2: {}
+
+  lodash.isequal@4.5.0: {}
 
   lodash@4.17.21: {}
 
@@ -2112,10 +1760,6 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  magic-string@0.30.12:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
@@ -2130,22 +1774,15 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.11
 
-  minimatch@9.0.5:
+  minimatch@9.0.4:
     dependencies:
       brace-expansion: 2.0.1
 
   minipass@7.1.2: {}
 
-  mlly@1.7.2:
-    dependencies:
-      acorn: 8.14.0
-      pathe: 1.1.2
-      pkg-types: 1.2.1
-      ufo: 1.5.4
-
-  ms@2.1.3: {}
+  ms@2.1.2: {}
 
-  muggle-string@0.4.1: {}
+  muggle-string@0.3.1: {}
 
   nanoid@3.3.7: {}
 
@@ -2165,35 +1802,15 @@ snapshots:
       lru-cache: 11.0.0
       minipass: 7.1.2
 
-  pathe@1.1.2: {}
-
   picocolors@1.0.1: {}
 
-  picocolors@1.1.1: {}
+  picomatch@2.3.1: {}
 
-  picomatch@2.3.1:
-    optional: true
-
-  picomatch@4.0.2: {}
-
-  pkg-types@1.2.1:
-    dependencies:
-      confbox: 0.1.8
-      mlly: 1.7.2
-      pathe: 1.1.2
-
-  postcss-js@4.0.1(postcss@8.4.47):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.47
-
-  postcss@8.4.47:
+  postcss@8.4.39:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  prettier@3.3.1: {}
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
 
   punycode@2.3.1: {}
 
@@ -2217,135 +1834,42 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  readdirp@4.0.2: {}
+  readdirp@4.0.2:
+    optional: true
 
-  require-from-string@2.0.2: {}
+  resolve@1.19.0:
+    dependencies:
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
 
   resolve@1.22.8:
     dependencies:
-      is-core-module: 2.15.1
+      is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  rollup@4.24.4:
+  rollup@4.18.0:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.24.4
-      '@rollup/rollup-android-arm64': 4.24.4
-      '@rollup/rollup-darwin-arm64': 4.24.4
-      '@rollup/rollup-darwin-x64': 4.24.4
-      '@rollup/rollup-freebsd-arm64': 4.24.4
-      '@rollup/rollup-freebsd-x64': 4.24.4
-      '@rollup/rollup-linux-arm-gnueabihf': 4.24.4
-      '@rollup/rollup-linux-arm-musleabihf': 4.24.4
-      '@rollup/rollup-linux-arm64-gnu': 4.24.4
-      '@rollup/rollup-linux-arm64-musl': 4.24.4
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.4
-      '@rollup/rollup-linux-riscv64-gnu': 4.24.4
-      '@rollup/rollup-linux-s390x-gnu': 4.24.4
-      '@rollup/rollup-linux-x64-gnu': 4.24.4
-      '@rollup/rollup-linux-x64-musl': 4.24.4
-      '@rollup/rollup-win32-arm64-msvc': 4.24.4
-      '@rollup/rollup-win32-ia32-msvc': 4.24.4
-      '@rollup/rollup-win32-x64-msvc': 4.24.4
+      '@rollup/rollup-android-arm-eabi': 4.18.0
+      '@rollup/rollup-android-arm64': 4.18.0
+      '@rollup/rollup-darwin-arm64': 4.18.0
+      '@rollup/rollup-darwin-x64': 4.18.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.18.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.18.0
+      '@rollup/rollup-linux-arm64-gnu': 4.18.0
+      '@rollup/rollup-linux-arm64-musl': 4.18.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.18.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.18.0
+      '@rollup/rollup-linux-s390x-gnu': 4.18.0
+      '@rollup/rollup-linux-x64-gnu': 4.18.0
+      '@rollup/rollup-linux-x64-musl': 4.18.0
+      '@rollup/rollup-win32-arm64-msvc': 4.18.0
+      '@rollup/rollup-win32-ia32-msvc': 4.18.0
+      '@rollup/rollup-win32-x64-msvc': 4.18.0
       fsevents: 2.3.3
 
-  rxjs@7.8.1:
-    dependencies:
-      tslib: 2.8.1
-
-  sass-embedded-android-arm64@1.80.6:
-    optional: true
-
-  sass-embedded-android-arm@1.80.6:
-    optional: true
-
-  sass-embedded-android-ia32@1.80.6:
-    optional: true
-
-  sass-embedded-android-riscv64@1.80.6:
-    optional: true
-
-  sass-embedded-android-x64@1.80.6:
-    optional: true
-
-  sass-embedded-darwin-arm64@1.80.6:
-    optional: true
-
-  sass-embedded-darwin-x64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-arm64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-arm@1.80.6:
-    optional: true
-
-  sass-embedded-linux-ia32@1.80.6:
-    optional: true
-
-  sass-embedded-linux-musl-arm64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-musl-arm@1.80.6:
-    optional: true
-
-  sass-embedded-linux-musl-ia32@1.80.6:
-    optional: true
-
-  sass-embedded-linux-musl-riscv64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-musl-x64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-riscv64@1.80.6:
-    optional: true
-
-  sass-embedded-linux-x64@1.80.6:
-    optional: true
-
-  sass-embedded-win32-arm64@1.80.6:
-    optional: true
-
-  sass-embedded-win32-ia32@1.80.6:
-    optional: true
-
-  sass-embedded-win32-x64@1.80.6:
-    optional: true
-
-  sass-embedded@1.80.6:
-    dependencies:
-      '@bufbuild/protobuf': 2.2.2
-      buffer-builder: 0.2.0
-      colorjs.io: 0.5.2
-      immutable: 4.3.7
-      rxjs: 7.8.1
-      supports-color: 8.1.1
-      varint: 6.0.0
-    optionalDependencies:
-      sass-embedded-android-arm: 1.80.6
-      sass-embedded-android-arm64: 1.80.6
-      sass-embedded-android-ia32: 1.80.6
-      sass-embedded-android-riscv64: 1.80.6
-      sass-embedded-android-x64: 1.80.6
-      sass-embedded-darwin-arm64: 1.80.6
-      sass-embedded-darwin-x64: 1.80.6
-      sass-embedded-linux-arm: 1.80.6
-      sass-embedded-linux-arm64: 1.80.6
-      sass-embedded-linux-ia32: 1.80.6
-      sass-embedded-linux-musl-arm: 1.80.6
-      sass-embedded-linux-musl-arm64: 1.80.6
-      sass-embedded-linux-musl-ia32: 1.80.6
-      sass-embedded-linux-musl-riscv64: 1.80.6
-      sass-embedded-linux-musl-x64: 1.80.6
-      sass-embedded-linux-riscv64: 1.80.6
-      sass-embedded-linux-x64: 1.80.6
-      sass-embedded-win32-arm64: 1.80.6
-      sass-embedded-win32-ia32: 1.80.6
-      sass-embedded-win32-x64: 1.80.6
-
   sass@1.80.6:
     dependencies:
       chokidar: 4.0.1
@@ -2353,6 +1877,7 @@ snapshots:
       source-map-js: 1.2.0
     optionalDependencies:
       '@parcel/watcher': 2.5.0
+    optional: true
 
   scheduler@0.23.2:
     dependencies:
@@ -2362,6 +1887,8 @@ snapshots:
     dependencies:
       lru-cache: 6.0.0
 
+  semver@7.6.2: {}
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -2372,8 +1899,6 @@ snapshots:
 
   source-map-js@1.2.0: {}
 
-  source-map-js@1.2.1: {}
-
   source-map@0.6.1: {}
 
   sprintf-js@1.0.3: {}
@@ -2408,18 +1933,16 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  to-fast-properties@2.0.0: {}
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
     optional: true
 
-  tslib@2.8.1: {}
-
   typescript@5.4.2: {}
 
-  typescript@5.6.3: {}
-
-  ufo@1.5.4: {}
+  typescript@5.5.3: {}
 
   undici-types@6.19.8: {}
 
@@ -2429,54 +1952,46 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  varint@6.0.0: {}
+  validator@13.12.0: {}
 
-  vite-plugin-dts@4.3.0(@types/node@22.9.0)(rollup@4.24.4)(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)):
+  vite-plugin-dts@3.9.1(@types/node@22.9.0)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.4(@types/node@22.9.0)(sass@1.80.6)):
     dependencies:
-      '@microsoft/api-extractor': 7.47.11(@types/node@22.9.0)
-      '@rollup/pluginutils': 5.1.3(rollup@4.24.4)
-      '@volar/typescript': 2.4.10
-      '@vue/language-core': 2.1.6(typescript@5.6.3)
-      compare-versions: 6.1.1
-      debug: 4.3.7
+      '@microsoft/api-extractor': 7.43.0(@types/node@22.9.0)
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
+      '@vue/language-core': 1.8.27(typescript@5.5.3)
+      debug: 4.3.4
       kolorist: 1.8.0
-      local-pkg: 0.5.0
-      magic-string: 0.30.12
-      typescript: 5.6.3
+      magic-string: 0.30.10
+      typescript: 5.5.3
+      vue-tsc: 1.8.27(typescript@5.5.3)
     optionalDependencies:
-      vite: 5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)
+      vite: 5.3.4(@types/node@22.9.0)(sass@1.80.6)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-lib-inject-css@2.1.1(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)):
-    dependencies:
-      '@ast-grep/napi': 0.22.4
-      magic-string: 0.30.10
-      picocolors: 1.0.1
-      vite: 5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)
-
-  vite-plugin-sass-dts@1.3.29(postcss@8.4.47)(prettier@3.3.1)(sass-embedded@1.80.6)(vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)):
-    dependencies:
-      postcss: 8.4.47
-      postcss-js: 4.0.1(postcss@8.4.47)
-      prettier: 3.3.1
-      sass-embedded: 1.80.6
-      vite: 5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6)
-
-  vite@5.4.10(@types/node@22.9.0)(sass-embedded@1.80.6)(sass@1.80.6):
+  vite@5.3.4(@types/node@22.9.0)(sass@1.80.6):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.47
-      rollup: 4.24.4
+      postcss: 8.4.39
+      rollup: 4.18.0
     optionalDependencies:
       '@types/node': 22.9.0
       fsevents: 2.3.3
       sass: 1.80.6
-      sass-embedded: 1.80.6
 
-  vscode-uri@3.0.8: {}
+  vue-template-compiler@2.7.16:
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+
+  vue-tsc@1.8.27(typescript@5.5.3):
+    dependencies:
+      '@volar/typescript': 1.11.1
+      '@vue/language-core': 1.8.27(typescript@5.5.3)
+      semver: 7.6.2
+      typescript: 5.5.3
 
   warning@4.0.3:
     dependencies:
@@ -2499,3 +2014,11 @@ snapshots:
       strip-ansi: 7.1.0
 
   yallist@4.0.0: {}
+
+  z-schema@5.0.5:
+    dependencies:
+      lodash.get: 4.4.2
+      lodash.isequal: 4.5.0
+      validator: 13.12.0
+    optionalDependencies:
+      commander: 9.5.0
diff --git a/vite.config.ts b/vite.config.ts
index 52a4755..aa50d02 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,23 +1,13 @@
-import { fileURLToPath } from 'node:url';
-
 import { extname, relative } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import react from '@vitejs/plugin-react-swc';
 import { glob } from 'glob';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
-import { libInjectCss } from 'vite-plugin-lib-inject-css';
-import sassDts from 'vite-plugin-sass-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  css: {
-    preprocessorOptions: {
-      scss: {
-        api: 'modern',
-      },
-    },
-  },
-  plugins: [react(), libInjectCss(), dts({ include: ['lib'] }), sassDts()],
+  plugins: [react(), dts({ include: ['lib'] })],
   build: {
     lib: {
       entry: 'lib/components/index.ts',
@@ -41,7 +31,7 @@ export default defineConfig({
             // The absolute path to the entry file
             // lib/nested/foo.ts becomes /project/lib/nested/foo.ts
             fileURLToPath(new URL(file, import.meta.url)),
-          ]),
+          ])
       ),
     },
   },