From 85d11ec1858a81abe6b39d45bce0a4817fca297e Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Mon, 30 Dec 2024 01:05:27 +0100
Subject: [PATCH 01/47] Rework Dialog component + focus outline refactoring.

---
 biome.jsonc                                       | 6 ++++++
 src/components/containers/Dialog/Dialog.tsx       | 1 -
 src/components/containers/Panel/Panel.module.scss | 1 +
 src/layouts/util/Scroller.tsx                     | 2 +-
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/biome.jsonc b/biome.jsonc
index 255afc92..fbb44450 100644
--- a/biome.jsonc
+++ b/biome.jsonc
@@ -33,6 +33,12 @@
       "style": {
         "useImportType": "off",
         "noUnusedTemplateLiteral": "off"
+      },
+      "a11y": {
+        // Putting `tabindex` on non-interactive elements is often necessary, for example for scrolling content.
+        // https://ux.stackexchange.com/questions/119952/when-is-it-wrong-to-put-tabindex-0-on-non-interactive-content
+        // https://stackoverflow.com/questions/53597209/tabindex-on-el-that-are-interactive-under-certain-conditions
+        "noNoninteractiveTabindex": "off"
       }
     }
   }
diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index 95948216..03b23cea 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -17,7 +17,6 @@ import cl from './Dialog.module.scss';
 
 export { cl as DialogClassNames };
 
-
 export type ActionIconProps = ComponentProps<typeof Button> & {
   /** There must be `label` on an icon-only button, for accessibility. */
   label: Required<ComponentProps<typeof Button>>['label'],
diff --git a/src/components/containers/Panel/Panel.module.scss b/src/components/containers/Panel/Panel.module.scss
index 21b1f72b..6abd9082 100644
--- a/src/components/containers/Panel/Panel.module.scss
+++ b/src/components/containers/Panel/Panel.module.scss
@@ -9,6 +9,7 @@
   --bk-panel-border-color: #{bk.$theme-card-border-default};
   
   overflow: hidden;
+  overflow-y: auto;
   
   min-height: 4rem;
   padding: 22px 26px; // FIXME
diff --git a/src/layouts/util/Scroller.tsx b/src/layouts/util/Scroller.tsx
index 889127e1..253a1159 100644
--- a/src/layouts/util/Scroller.tsx
+++ b/src/layouts/util/Scroller.tsx
@@ -1,5 +1,5 @@
 
-import { classNames as cx } from '../../util/componentUtil.tsx';
+import { classNames as cx } from '../../util/componentUtil.ts';
 
 import cl from './Scroller.module.scss';
 

From 36562e6a67915cd6659f53792653020230b95bc9 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Mon, 30 Dec 2024 18:32:25 +0100
Subject: [PATCH 02/47] Implement new ModalProvider component (first draft).

---
 .../ModalProvider/ModalProvider.module.scss   | 37 +++++++++++++++
 .../ModalProvider/ModalProvider.stories.tsx   | 36 ++++++++++++++
 .../overlays/ModalProvider/ModalProvider.tsx  | 40 ++++++++++++++++
 .../ModalProvider/useControlledDialog.ts      | 47 +++++++++++++++++++
 4 files changed, 160 insertions(+)
 create mode 100644 src/components/overlays/ModalProvider/ModalProvider.module.scss
 create mode 100644 src/components/overlays/ModalProvider/ModalProvider.stories.tsx
 create mode 100644 src/components/overlays/ModalProvider/ModalProvider.tsx
 create mode 100644 src/components/overlays/ModalProvider/useControlledDialog.ts

diff --git a/src/components/overlays/ModalProvider/ModalProvider.module.scss b/src/components/overlays/ModalProvider/ModalProvider.module.scss
new file mode 100644
index 00000000..49e7b20d
--- /dev/null
+++ b/src/components/overlays/ModalProvider/ModalProvider.module.scss
@@ -0,0 +1,37 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@use '../../../styling/defs.scss' as bk;
+
+@layer baklava.components {
+  .bk-modal-provider {
+    @include bk.component-base(bk-modal-provider);
+    
+    --bk-modal-provider-background-color: light-dark(#{bk.$color-neutral-700}, #{bk.$color-neutral-50});
+    --bk-modal-provider-text-color: light-dark(#{bk.$color-neutral-50}, #{bk.$color-neutral-700});
+    
+    cursor: default;
+    
+    overflow-y: auto;
+    
+    max-width: 30rem;
+    max-height: 8lh;
+    
+    margin: bk.$sizing-s;
+    padding: bk.$sizing-s;
+    border-radius: bk.$sizing-s;
+    background: var(--bk-modal-provider-background-color);
+    
+    @include bk.text-layout;
+    color: var(--bk-modal-provider-text-color);
+    @include bk.font(bk.$font-family-body);
+    font-size: bk.$font-size-m;
+    
+    @media (prefers-reduced-motion: no-preference) {
+      --transition-duration: 150ms;
+      transition:
+        opacity var(--transition-duration) ease-out;
+    }
+  }
+}
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
new file mode 100644
index 00000000..2294ae60
--- /dev/null
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -0,0 +1,36 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from '../../actions/Button/Button.tsx';
+
+import { ModalProvider } from './ModalProvider.tsx';
+
+
+type ModalProviderArgs = React.ComponentProps<typeof ModalProvider>;
+type Story = StoryObj<ModalProviderArgs>;
+
+export default {
+  component: ModalProvider,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  tags: ['autodocs'],
+  argTypes: {
+  },
+  args: {
+  },
+  render: (args) => <ModalProvider {...args}/>,
+} satisfies Meta<ModalProviderArgs>;
+
+
+export const ModalProviderStandard: Story = {
+  args: {
+    children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    content: ref => <dialog open ref={ref}>Content</dialog>,
+  },
+};
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
new file mode 100644
index 00000000..c5fcb7d1
--- /dev/null
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -0,0 +1,40 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+
+import { useControlledDialog } from './useControlledDialog.ts';
+
+import cl from './ModalProvider.module.scss';
+
+
+export { cl as ModalProviderClassNames };
+
+
+export type ModalProviderProps = {
+  /** The trigger that activates the modal overlay. */
+  children: (activate: () => void) => React.ReactNode,
+  
+  /** The content to be shown in the modal overlay. */
+  content: (ref: React.RefCallback<HTMLDialogElement>) => React.ReactNode,
+};
+/**
+ * Provider around a trigger (e.g. button) to display a modal overlay on trigger activation.
+ */
+export const ModalProvider = (props: ModalProviderProps) => {
+  const { children, content } = props;
+  
+  const [active, setActive] = React.useState(false);
+  const activate = React.useCallback(() => { setActive(true); }, []);
+  const deactivate = React.useCallback(() => { setActive(false); }, []);
+  
+  const dialogRef = useControlledDialog(active, deactivate);
+  
+  return (
+    <>
+      {active && content(dialogRef)}
+      {children(activate)}
+    </>
+  );
+};
diff --git a/src/components/overlays/ModalProvider/useControlledDialog.ts b/src/components/overlays/ModalProvider/useControlledDialog.ts
new file mode 100644
index 00000000..9c3ef895
--- /dev/null
+++ b/src/components/overlays/ModalProvider/useControlledDialog.ts
@@ -0,0 +1,47 @@
+
+import * as React from 'react';
+
+
+type UseControlledDialogOptions = {
+  handleBackdropClick?: undefined | boolean,
+};
+
+type ControlledDialogProps = React.ComponentProps<'dialog'>;
+
+/**
+ * Control the activation state of the given `<dialog>` element through the given `active` boolean.
+ */
+export const useControlledDialog = (
+  active: boolean,
+  onDeactivate: () => void,
+  options?: undefined | UseControlledDialogOptions,
+) => {
+  const { handleBackdropClick = true } = options ?? {};
+  
+  const dialogRef = React.useRef<HTMLDialogElement>(null);
+  
+  React.useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) { return; }
+    
+    const isDialogOpen = dialog.matches(':modal');
+    if (active && !isDialogOpen) {
+      dialog.open = false; // Make sure the <dialog> does not already have a non-modal `open`
+      dialog.showModal();
+    } else if (!active && isDialogOpen) {
+      dialog.close();
+    }
+  }, [active]);
+  
+  const handleDialogClose = React.useCallback(() => { onDeactivate(); }, [onDeactivate]);
+  const refCallback: React.RefCallback<HTMLDialogElement> = React.useCallback((dialog: HTMLDialogElement) => {
+    dialogRef.current = dialog;
+    dialog.addEventListener('close', handleDialogClose);
+    
+    return () => {
+      dialog.removeEventListener('close', handleDialogClose);
+    };
+  }, [handleDialogClose]);
+  
+  return refCallback;
+};

From 628cde9987dc15f470808cfe769f2eb98c831193 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Mon, 30 Dec 2024 23:46:13 +0100
Subject: [PATCH 03/47] Implement useControlledDialog().

---
 src/components/actions/Button/Button.tsx      |  32 ++++--
 .../ModalProvider/ModalProvider.stories.tsx   |  12 ++-
 .../overlays/ModalProvider/ModalProvider.tsx  |  10 +-
 .../ModalProvider/useControlledDialog.ts      | 102 +++++++++++++++---
 4 files changed, 126 insertions(+), 30 deletions(-)

diff --git a/src/components/actions/Button/Button.tsx b/src/components/actions/Button/Button.tsx
index 0a70c4e0..2f048b50 100644
--- a/src/components/actions/Button/Button.tsx
+++ b/src/components/actions/Button/Button.tsx
@@ -32,9 +32,16 @@ export type ButtonProps = React.PropsWithChildren<Omit<ComponentProps<'button'>,
   /** What variant the button is, from higher prominance to lower. */
   variant?: undefined | 'primary' | 'secondary' | 'tertiary',
   
+  /**
+   * Whether the button is disabled. This is meant for essentially permanent disabled buttons, not for buttons that
+   * are just temporarily non-interactive. Use `nonactive` for the latter. Disabled buttons cannot be focused.
+   */
+  disabled?: undefined | boolean,
+  
   /**
    * Whether the button is in "nonactive" state. This is a variant of `disabled`, but instead of completely graying
-   * out the button, it only becomes a muted variation of the button's appearance. When true, also implies `disabled`.
+   * out the button, it only becomes a muted variation of the button's appearance. Nonactive buttons are useful for
+   * temporarily states such as while an action is currently ongoing. Nonactive buttons are still focusable.
    */
   nonactive?: undefined | boolean,
   
@@ -53,6 +60,7 @@ export const Button = (props: ButtonProps) => {
     unstyled = false,
     trimmed = false,
     label,
+    disabled = false,
     nonactive = false,
     variant = 'tertiary',
     onPress,
@@ -63,24 +71,31 @@ export const Button = (props: ButtonProps) => {
   const [isPressPending, startPressTransition] = React.useTransition();
   
   const isPending = isPressPending;
-  const isInteractive = !propsRest.disabled && !nonactive && !isPending;
+  const isInteractive = !disabled && !nonactive && !isPending;
   const isNonactive = nonactive || isPending;
   
   const handlePress = React.useCallback(() => {
     if (typeof onPress !== 'function') { return; }
     
-    startPressTransition(async () => {
-      await Promise.race([onPress(), timeout(asyncTimeout)]);
-    });
+    const onPressResult = onPress();
+    
+    // Note: do not start a transition unless `onPress` is actually async, because otherwise sync press actions
+    // will cause a brief rerender with disabled state and loading indicator, which messes with things like
+    // button focus.
+    if (onPressResult instanceof Promise) {
+      startPressTransition(async () => {
+        await Promise.race([onPressResult, timeout(asyncTimeout)]);
+      });
+    }
   }, [onPress, asyncTimeout]);
   
   const handleClick = React.useCallback(async (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+    if (!isInteractive) { return; }
+    
     // `onClick` should not be used in most cases, only if the consumer needs low level control over click events.
     // Instead, use `onPress` or a `<form>` component with `action`.
     props.onClick?.(event); // Call this first, to allow cancellation
     
-    if (!isInteractive) { return; }
-    
     if (typeof onPress === 'function') {
       event.preventDefault();
       handlePress();
@@ -122,9 +137,10 @@ export const Button = (props: ButtonProps) => {
   return (
     <button
       aria-label={accessibleName}
+      aria-disabled={!isInteractive}
+      disabled={disabled}
       {...propsRest}
       type={buttonType} // Not overridable
-      disabled={!isInteractive}
       className={cx({
         bk: true,
         [cl['bk-button']]: !unstyled,
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index 2294ae60..14c2db62 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -5,8 +5,10 @@
 import * as React from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
+import { LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
 
 import { Button } from '../../actions/Button/Button.tsx';
+import { Dialog } from '../../containers/Dialog/Dialog.tsx';
 
 import { ModalProvider } from './ModalProvider.tsx';
 
@@ -31,6 +33,14 @@ export default {
 export const ModalProviderStandard: Story = {
   args: {
     children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
-    content: ref => <dialog open ref={ref}>Content</dialog>,
+    content: ({ close, ...props }) =>
+      <Dialog {...props} onCloseAction={close}><LoremIpsum paragraphs={5}/></Dialog>,
+  },
+};
+
+export const ModalProviderWithBasicDialog: Story = {
+  args: {
+    children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    content: props => <dialog {...props}>Content</dialog>,
   },
 };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index c5fcb7d1..c17f7047 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -4,7 +4,7 @@
 
 import * as React from 'react';
 
-import { useControlledDialog } from './useControlledDialog.ts';
+import { useControlledDialog, type ControlledDialogProps } from './useControlledDialog.ts';
 
 import cl from './ModalProvider.module.scss';
 
@@ -17,7 +17,7 @@ export type ModalProviderProps = {
   children: (activate: () => void) => React.ReactNode,
   
   /** The content to be shown in the modal overlay. */
-  content: (ref: React.RefCallback<HTMLDialogElement>) => React.ReactNode,
+  content: (props: ControlledDialogProps) => React.ReactNode,
 };
 /**
  * Provider around a trigger (e.g. button) to display a modal overlay on trigger activation.
@@ -29,11 +29,13 @@ export const ModalProvider = (props: ModalProviderProps) => {
   const activate = React.useCallback(() => { setActive(true); }, []);
   const deactivate = React.useCallback(() => { setActive(false); }, []);
   
-  const dialogRef = useControlledDialog(active, deactivate);
+  const dialogProps = useControlledDialog(active, deactivate, {
+    allowUserClose: true,
+  });
   
   return (
     <>
-      {active && content(dialogRef)}
+      {active && content(dialogProps)}
       {children(activate)}
     </>
   );
diff --git a/src/components/overlays/ModalProvider/useControlledDialog.ts b/src/components/overlays/ModalProvider/useControlledDialog.ts
index 9c3ef895..a98849b3 100644
--- a/src/components/overlays/ModalProvider/useControlledDialog.ts
+++ b/src/components/overlays/ModalProvider/useControlledDialog.ts
@@ -2,11 +2,20 @@
 import * as React from 'react';
 
 
-type UseControlledDialogOptions = {
-  handleBackdropClick?: undefined | boolean,
+export type UseControlledDialogOptions = {
+  /**
+   * Whether to allow the user to close the modal through the browser (e.g. with the Escape key). Disabling this may
+   * be useful in cases where we need the user to stay in the modal (e.g. pending confirmation, pending form submit).
+   */
+  allowUserClose?: undefined | boolean,
+  
+  /** Whether the user clicking the backdrop should close the modal. */
+  shouldCloseOnBackdropClick?: undefined | boolean,
 };
 
-type ControlledDialogProps = React.ComponentProps<'dialog'>;
+export type ControlledDialogProps = React.ComponentProps<'dialog'> & {
+  close: () => void,
+};
 
 /**
  * Control the activation state of the given `<dialog>` element through the given `active` boolean.
@@ -15,33 +24,92 @@ export const useControlledDialog = (
   active: boolean,
   onDeactivate: () => void,
   options?: undefined | UseControlledDialogOptions,
-) => {
-  const { handleBackdropClick = true } = options ?? {};
+): ControlledDialogProps => {
+  const {
+    allowUserClose = true,
+    shouldCloseOnBackdropClick = true,
+  } = options ?? {};
   
   const dialogRef = React.useRef<HTMLDialogElement>(null);
+  //const lastActiveElementRef = React.useRef<Element>(null);
   
+  // Sync active state with <dialog> DOM state
   React.useEffect(() => {
     const dialog = dialogRef.current;
     if (!dialog) { return; }
     
     const isDialogOpen = dialog.matches(':modal');
     if (active && !isDialogOpen) {
-      dialog.open = false; // Make sure the <dialog> does not already have a non-modal `open`
-      dialog.showModal();
+      // Save a reference to the last focused element before opening the modal
+      //lastActiveElementRef.current = document.activeElement;
+      
+      try {
+        dialog.open = false; // Make sure the <dialog> does not already have a non-modal `open`
+        dialog.showModal();
+      } catch (error: unknown) {
+        console.error(`Unable to open modal dialog`, error);
+        onDeactivate();
+      }
     } else if (!active && isDialogOpen) {
       dialog.close();
     }
-  }, [active]);
+  }, [active, onDeactivate]);
+  
+  // Handle dialog `close` event
+  const handleDialogClose = React.useCallback(() => {
+    /*
+    // XXX This is probably not necessary, browsers do this out of the box already
+    // Restore focus to last active element before the user opened the modal
+    const lastActiveElement = lastActiveElementRef.current;
+    if (lastActiveElement && 'focus' in lastActiveElement && typeof lastActiveElement.focus === 'function') {
+      lastActiveElement.focus();
+    }
+    */
+    
+    onDeactivate(); // Sync with the consumer
+  }, [onDeactivate]);
+  
+  const handleDialogClick = React.useCallback((event: React.MouseEvent<HTMLDialogElement>) => {
+    const dialog: HTMLDialogElement = event.currentTarget;
+    const target: EventTarget = event.target;
+    
+    // We want to determine whether the click was on the `<dialog>` backdrop. For the event, the backdrop is considered
+    // just a part of the `<dialog>` element. So we need to check both that the target is the `<dialog>` *and also*
+    // that the click landed outside of the element content boundary.
+    // Source: https://stackoverflow.com/questions/25864259/how-to-close-dialog-tag-by-clicking-on-its-backdrop
+    let isClickOnBackdrop = false;
+    if (target === dialog) {
+      const rect = dialog.getBoundingClientRect();
+      const isInsideDialog = rect.top <= event.clientY
+        && event.clientY <= rect.top + rect.height
+        && rect.left <= event.clientX
+        && event.clientX <= rect.left + rect.width;
+      isClickOnBackdrop = !isInsideDialog;
+    }
+    
+    if (allowUserClose && shouldCloseOnBackdropClick && isClickOnBackdrop) {
+      dialog.close();
+    }
+  }, [allowUserClose, shouldCloseOnBackdropClick]);
   
-  const handleDialogClose = React.useCallback(() => { onDeactivate(); }, [onDeactivate]);
-  const refCallback: React.RefCallback<HTMLDialogElement> = React.useCallback((dialog: HTMLDialogElement) => {
-    dialogRef.current = dialog;
-    dialog.addEventListener('close', handleDialogClose);
+  const handleDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDialogElement>) => {
+    if (event.key === 'Escape' && !allowUserClose) {
+      event.preventDefault();
+    }
+  }, [allowUserClose]);
+  
+  const dialogProps: ControlledDialogProps = {
+    ref: dialogRef,
+    open: undefined, // Leave the `open` attribute to the browser to manage
+    
+    onClose: handleDialogClose,
+    // Note: we don't need keyboard accessibility for this `onClick`, the backdrop is not (and should not be) an
+    // interactive element. This is a visual only convenience, screen readers should use the other close mechanisms.
+    onClick: shouldCloseOnBackdropClick ? handleDialogClick : undefined,
+    onKeyDown: handleDialogKeyDown,
     
-    return () => {
-      dialog.removeEventListener('close', handleDialogClose);
-    };
-  }, [handleDialogClose]);
+    close: () => { dialogRef.current?.close(); },
+  };
   
-  return refCallback;
+  return dialogProps;
 };

From 21ec9bd21767b98084a985577561690cb6cfe3b2 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Tue, 31 Dec 2024 14:40:24 +0100
Subject: [PATCH 04/47] Refactor useControlledDialog().

---
 .../ModalProvider/ModalProvider.stories.tsx   |  8 +--
 .../overlays/ModalProvider/ModalProvider.tsx  | 12 ++--
 .../ModalProvider/useControlledDialog.ts      | 67 ++++++++++++-------
 3 files changed, 54 insertions(+), 33 deletions(-)

diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index 14c2db62..ba66cfd9 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -17,11 +17,11 @@ type ModalProviderArgs = React.ComponentProps<typeof ModalProvider>;
 type Story = StoryObj<ModalProviderArgs>;
 
 export default {
+  tags: ['autodocs'],
   component: ModalProvider,
   parameters: {
     layout: 'fullscreen',
   },
-  tags: ['autodocs'],
   argTypes: {
   },
   args: {
@@ -33,14 +33,14 @@ export default {
 export const ModalProviderStandard: Story = {
   args: {
     children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
-    content: ({ close, ...props }) =>
-      <Dialog {...props} onCloseAction={close}><LoremIpsum paragraphs={5}/></Dialog>,
+    content: ({ close, dialogProps }) =>
+      <Dialog {...dialogProps} onCloseAction={close}><LoremIpsum paragraphs={5}/></Dialog>,
   },
 };
 
 export const ModalProviderWithBasicDialog: Story = {
   args: {
     children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
-    content: props => <dialog {...props}>Content</dialog>,
+    content: ({ close, dialogProps }) => <dialog {...dialogProps}>Content</dialog>,
   },
 };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index c17f7047..3f50c5e2 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -18,18 +18,22 @@ export type ModalProviderProps = {
   
   /** The content to be shown in the modal overlay. */
   content: (props: ControlledDialogProps) => React.ReactNode,
+  
+  /** Whether the modal should be active by default. */
+  activeDefault?: undefined | boolean,
 };
 /**
  * Provider around a trigger (e.g. button) to display a modal overlay on trigger activation.
  */
 export const ModalProvider = (props: ModalProviderProps) => {
-  const { children, content } = props;
+  const { children, content, activeDefault = false } = props;
   
-  const [active, setActive] = React.useState(false);
+  const [active, setActive] = React.useState(activeDefault);
   const activate = React.useCallback(() => { setActive(true); }, []);
-  const deactivate = React.useCallback(() => { setActive(false); }, []);
   
-  const dialogProps = useControlledDialog(active, deactivate, {
+  const dialogProps = useControlledDialog({
+    active,
+    onActiveStateChange: setActive,
     allowUserClose: true,
   });
   
diff --git a/src/components/overlays/ModalProvider/useControlledDialog.ts b/src/components/overlays/ModalProvider/useControlledDialog.ts
index a98849b3..bb625f09 100644
--- a/src/components/overlays/ModalProvider/useControlledDialog.ts
+++ b/src/components/overlays/ModalProvider/useControlledDialog.ts
@@ -2,7 +2,13 @@
 import * as React from 'react';
 
 
-export type UseControlledDialogOptions = {
+export type UseControlledDialogArgs = {
+  /** Whether the dialog is currently active. */
+  active: boolean,
+  
+  /** A callback that will be called when the dialog changes active state. */
+  onActiveStateChange: (active: boolean) => void,
+  
   /**
    * Whether to allow the user to close the modal through the browser (e.g. with the Escape key). Disabling this may
    * be useful in cases where we need the user to stay in the modal (e.g. pending confirmation, pending form submit).
@@ -13,26 +19,36 @@ export type UseControlledDialogOptions = {
   shouldCloseOnBackdropClick?: undefined | boolean,
 };
 
-export type ControlledDialogProps = React.ComponentProps<'dialog'> & {
+export type ControlledDialogProps = {
   close: () => void,
+  dialogProps: React.ComponentProps<'dialog'>,
 };
 
 /**
  * Control the activation state of the given `<dialog>` element through the given `active` boolean.
  */
-export const useControlledDialog = (
-  active: boolean,
-  onDeactivate: () => void,
-  options?: undefined | UseControlledDialogOptions,
-): ControlledDialogProps => {
+export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDialogProps => {
   const {
+    active,
+    onActiveStateChange,
     allowUserClose = true,
     shouldCloseOnBackdropClick = true,
-  } = options ?? {};
+  } = args;
   
   const dialogRef = React.useRef<HTMLDialogElement>(null);
   //const lastActiveElementRef = React.useRef<Element>(null);
   
+  const requestDialogClose = React.useCallback(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) { console.warn(`Unable to close dialog: reference does not exist.`); return; }
+    
+    try {
+      dialog.close();
+    } catch (error: unknown) {
+      console.error(`Failed to close dialog`, error);
+    }
+  }, []);
+  
   // Sync active state with <dialog> DOM state
   React.useEffect(() => {
     const dialog = dialogRef.current;
@@ -48,12 +64,12 @@ export const useControlledDialog = (
         dialog.showModal();
       } catch (error: unknown) {
         console.error(`Unable to open modal dialog`, error);
-        onDeactivate();
+        onActiveStateChange(false);
       }
     } else if (!active && isDialogOpen) {
       dialog.close();
     }
-  }, [active, onDeactivate]);
+  }, [active, onActiveStateChange]);
   
   // Handle dialog `close` event
   const handleDialogClose = React.useCallback(() => {
@@ -66,9 +82,10 @@ export const useControlledDialog = (
     }
     */
     
-    onDeactivate(); // Sync with the consumer
-  }, [onDeactivate]);
+    onActiveStateChange(false); // Sync with the consumer
+  }, [onActiveStateChange]);
   
+  // Handle dialog `click` event
   const handleDialogClick = React.useCallback((event: React.MouseEvent<HTMLDialogElement>) => {
     const dialog: HTMLDialogElement = event.currentTarget;
     const target: EventTarget = event.target;
@@ -92,24 +109,24 @@ export const useControlledDialog = (
     }
   }, [allowUserClose, shouldCloseOnBackdropClick]);
   
+  // Handle dialog `keydown` event
   const handleDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDialogElement>) => {
     if (event.key === 'Escape' && !allowUserClose) {
       event.preventDefault();
     }
   }, [allowUserClose]);
   
-  const dialogProps: ControlledDialogProps = {
-    ref: dialogRef,
-    open: undefined, // Leave the `open` attribute to the browser to manage
-    
-    onClose: handleDialogClose,
-    // Note: we don't need keyboard accessibility for this `onClick`, the backdrop is not (and should not be) an
-    // interactive element. This is a visual only convenience, screen readers should use the other close mechanisms.
-    onClick: shouldCloseOnBackdropClick ? handleDialogClick : undefined,
-    onKeyDown: handleDialogKeyDown,
-    
-    close: () => { dialogRef.current?.close(); },
+  return {
+    close: requestDialogClose,
+    dialogProps: {
+      ref: dialogRef,
+      open: undefined, // Leave the `open` attribute to the browser to manage
+      
+      onClose: handleDialogClose,
+      // Note: we don't need keyboard accessibility for this `onClick`, the backdrop is not (and should not be) an
+      // interactive element. This is a visual only convenience, screen readers should use the other close mechanisms.
+      onClick: shouldCloseOnBackdropClick ? handleDialogClick : undefined,
+      onKeyDown: handleDialogKeyDown,
+    },
   };
-  
-  return dialogProps;
 };

From e9de2dfbae7431d1c86c38fb4a8aa25b4383cabb Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Tue, 31 Dec 2024 19:37:41 +0100
Subject: [PATCH 05/47] Update ModalProvider.

---
 .../overlays/ModalProvider/ModalProvider.module.scss        | 2 --
 .../overlays/ModalProvider/ModalProvider.stories.tsx        | 6 +++---
 src/components/overlays/ModalProvider/ModalProvider.tsx     | 6 ++++--
 .../overlays/ModalProvider/useControlledDialog.ts           | 3 +++
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/overlays/ModalProvider/ModalProvider.module.scss b/src/components/overlays/ModalProvider/ModalProvider.module.scss
index 49e7b20d..1991d481 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.module.scss
+++ b/src/components/overlays/ModalProvider/ModalProvider.module.scss
@@ -13,8 +13,6 @@
     
     cursor: default;
     
-    overflow-y: auto;
-    
     max-width: 30rem;
     max-height: 8lh;
     
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index ba66cfd9..55e1795e 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -32,15 +32,15 @@ export default {
 
 export const ModalProviderStandard: Story = {
   args: {
-    children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    children: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
     content: ({ close, dialogProps }) =>
-      <Dialog {...dialogProps} onCloseAction={close}><LoremIpsum paragraphs={5}/></Dialog>,
+      <Dialog {...dialogProps} title="Modal dialog" onRequestClose={close}><LoremIpsum paragraphs={5}/></Dialog>,
   },
 };
 
 export const ModalProviderWithBasicDialog: Story = {
   args: {
-    children: activate => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    children: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
     content: ({ close, dialogProps }) => <dialog {...dialogProps}>Content</dialog>,
   },
 };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index 3f50c5e2..a1e3e97f 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -14,7 +14,7 @@ export { cl as ModalProviderClassNames };
 
 export type ModalProviderProps = {
   /** The trigger that activates the modal overlay. */
-  children: (activate: () => void) => React.ReactNode,
+  children: (triggerProps: { active: boolean, activate: () => void }) => React.ReactNode,
   
   /** The content to be shown in the modal overlay. */
   content: (props: ControlledDialogProps) => React.ReactNode,
@@ -31,6 +31,8 @@ export const ModalProvider = (props: ModalProviderProps) => {
   const [active, setActive] = React.useState(activeDefault);
   const activate = React.useCallback(() => { setActive(true); }, []);
   
+  const triggerProps = { active, activate };
+  
   const dialogProps = useControlledDialog({
     active,
     onActiveStateChange: setActive,
@@ -40,7 +42,7 @@ export const ModalProvider = (props: ModalProviderProps) => {
   return (
     <>
       {active && content(dialogProps)}
-      {children(activate)}
+      {children(triggerProps)}
     </>
   );
 };
diff --git a/src/components/overlays/ModalProvider/useControlledDialog.ts b/src/components/overlays/ModalProvider/useControlledDialog.ts
index bb625f09..3ecd165b 100644
--- a/src/components/overlays/ModalProvider/useControlledDialog.ts
+++ b/src/components/overlays/ModalProvider/useControlledDialog.ts
@@ -1,3 +1,6 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
 

From c4d208cad50ccdb147eb2be1575040d201d60b2c Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Tue, 31 Dec 2024 19:43:10 +0100
Subject: [PATCH 06/47] Tweak plopfile.

---
 plopfile.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/plopfile.ts b/plopfile.ts
index 67fa7e80..3c5d12ee 100644
--- a/plopfile.ts
+++ b/plopfile.ts
@@ -64,7 +64,7 @@ const componentTemplate = {
       /** Whether this component should be unstyled. */
       unstyled?: undefined | boolean,
       
-      /** Some property specific to \`{{{component-name}}}\` */
+      /** Some property specific to \`{{{component-name}}}\`. */
       variant?: undefined | 'x' | 'y',
     }>;
     {{"\\n"~}}
@@ -173,12 +173,11 @@ const componentTemplate = {
     
     export default {
       component: {{{component-name}}},
+      tags: ['autodocs'],
       parameters: {
         layout: '{{storybook-layout}}',
       },
-      tags: ['autodocs'],
-      argTypes: {
-      },
+      argTypes: {},
       args: {
         children: 'Example',
       },
@@ -186,8 +185,12 @@ const componentTemplate = {
     } satisfies Meta<{{{component-name}}}Args>;
     
     
-    export const Standard: Story = {
-      name: '{{{component-name}}}',
+    export const {{{component-name}}}Standard: Story = {};
+    
+    export const {{{component-name}}}WithVariant: Story = {
+      args: {
+        variant: 'x',
+      },
     };
   ` + '\n',
 };

From 71d4127b62bdc79046a818fa8869a9d820e109ba Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Tue, 31 Dec 2024 19:43:26 +0100
Subject: [PATCH 07/47] New component: DialogModal.

---
 .../DialogModal/DialogModal.module.scss       | 28 +++++++++
 .../DialogModal/DialogModal.stories.tsx       | 46 +++++++++++++++
 .../overlays/DialogModal/DialogModal.tsx      | 59 +++++++++++++++++++
 3 files changed, 133 insertions(+)
 create mode 100644 src/components/overlays/DialogModal/DialogModal.module.scss
 create mode 100644 src/components/overlays/DialogModal/DialogModal.stories.tsx
 create mode 100644 src/components/overlays/DialogModal/DialogModal.tsx

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
new file mode 100644
index 00000000..d59c67e8
--- /dev/null
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -0,0 +1,28 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@use '../../../styling/defs.scss' as bk;
+
+@layer baklava.components {
+  .bk-dialog-modal {
+    @include bk.component-base(bk-dialog-modal);
+    
+    &.bk-dialog-modal--full-screen {
+      // FIXME: test this on mobile for potential overflow/shifting. May need to use `dvh`/`dvw` instead?
+      inset: 0;
+      margin: 0;
+      width: auto;
+      height: auto;
+    }
+    
+    &.bk-dialog-modal--slide-over {
+      inset: 0;
+      margin: 0;
+      width: auto;
+      height: auto;
+      
+      margin-inline-start: 20vw;
+    }
+  }
+}
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
new file mode 100644
index 00000000..ef89b6e1
--- /dev/null
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -0,0 +1,46 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { DialogModal } from './DialogModal.tsx';
+
+
+type DialogModalArgs = React.ComponentProps<typeof DialogModal>;
+type Story = StoryObj<DialogModalArgs>;
+
+export default {
+  component: DialogModal,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen',
+  },
+  argTypes: {},
+  args: {
+    title: 'Modal dialog',
+  },
+  render: (args) => <DialogModal {...args}/>,
+} satisfies Meta<DialogModalArgs>;
+
+
+export const DialogModalStandard: Story = {
+};
+
+export const DialogModalFullScreen: Story = {
+  args: {
+    display: 'full-screen',
+    title: 'Full screen modal dialog',
+    showCloseAction: true,
+  },
+};
+
+export const DialogModalSlideOver: Story = {
+  args: {
+    display: 'slide-over',
+    title: 'Slide over modal dialog',
+    showCloseAction: true,
+  },
+};
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
new file mode 100644
index 00000000..adac45be
--- /dev/null
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -0,0 +1,59 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+import { classNames as cx, type ComponentProps } from '../../../util/componentUtil.ts';
+
+import { Button } from '../../actions/Button/Button.tsx';
+import { Dialog } from '../../containers/Dialog/Dialog.tsx';
+import { ModalProvider, type ModalProviderProps } from '../ModalProvider/ModalProvider.tsx';
+
+import cl from './DialogModal.module.scss';
+
+
+export { cl as DialogModalClassNames };
+
+export type DialogModalProps = ComponentProps<typeof Dialog> & {
+  /** Whether this component should be unstyled. */
+  unstyled?: undefined | boolean,
+  
+  /** How to display the modal in the viewport. Default: 'center'. */
+  display?: undefined | 'center' | 'full-screen' | 'slide-over',
+  
+  trigger: ModalProviderProps['children'],
+  
+  providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
+};
+/**
+ * A dialog component displayed as a modal when activating the given trigger.
+ */
+export const DialogModal = (props: DialogModalProps) => {
+  const { unstyled = false, display = 'center', ...propsRest } = props;
+  
+  return (
+    <ModalProvider
+      content={({ close, dialogProps }) =>
+        <Dialog
+          flat={['full-screen', 'slide-over'].includes(display)}
+          {...dialogProps}
+          onRequestClose={close}
+          {...propsRest}
+          className={cx(
+            { bk: true },
+            { [cl['bk-dialog-modal']]: !unstyled },
+            { [cl['bk-dialog-modal--center']]: display === 'center' },
+            { [cl['bk-dialog-modal--full-screen']]: display === 'full-screen' },
+            { [cl['bk-dialog-modal--slide-over']]: display === 'slide-over' },
+            dialogProps.className,
+            propsRest.className,
+          )}
+        />
+      }
+    >
+      {({ active, activate }) =>
+        <Button variant="primary" label="Open modal" onPress={activate}/>
+      }
+    </ModalProvider>
+  );
+};

From a40a83754a929fdf3b0ff60cbd362f0ee7ac958b Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Thu, 2 Jan 2025 00:51:57 +0100
Subject: [PATCH 08/47] Update DialogModal transitions.

---
 .../DialogModal/DialogModal.module.scss       | 70 +++++++++++++++++++
 .../DialogModal/DialogModal.stories.tsx       |  3 +
 .../overlays/DialogModal/DialogModal.tsx      | 21 ++++--
 3 files changed, 89 insertions(+), 5 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index d59c67e8..67ecb853 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -4,10 +4,80 @@
 
 @use '../../../styling/defs.scss' as bk;
 
+@mixin dialog-entry-exit($entry-dur: 200ms, $exit-dur: 180ms) {
+  transition-property: overlay, display, opacity, scale;
+  transition-behavior: allow-discrete;
+  transition-duration: $exit-dur; // Exit
+  transition-timing-function: ease-out; // Exit
+  
+  // Open state styling
+  opacity: 1;
+  scale: 1;
+  
+  // Entry transition styling
+  @starting-style {
+    transition-duration: $entry-dur;
+    transition-timing-function: ease-in;
+    opacity: 0;
+    scale: 1.1;
+  }
+  
+  // Exit transition styling
+  &:not([open]) {
+    opacity: 0;
+    scale: 0.98;
+  }
+  
+  
+  $blur: 2px; // Should be in px, not rem (blur effect should be constant)
+  &::backdrop {
+    transition-property: overlay, display, background-color, backdrop-filter;
+    transition-behavior: allow-discrete;
+    transition-duration: $exit-dur; // Exit
+    transition-timing-function: ease-out; // Exit
+    
+    // Open state styling
+    background-color: light-dark(rgb(0 0 0 / 10%), rgb(0 0 0 / 20%));
+    backdrop-filter: blur($blur) opacity(1);
+    
+    // Entry transition styling
+    @starting-style {
+      transition-duration: $entry-dur;
+      transition-timing-function: ease-in;
+      background-color: transparent;
+      backdrop-filter: blur($blur) opacity(0);
+    }
+  }
+  // Exit transition styling
+  // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
+  &:not([open])::backdrop {
+    background-color: transparent;
+    backdrop-filter: blur($blur) opacity(0);
+  }
+}
+
 @layer baklava.components {
   .bk-dialog-modal {
     @include bk.component-base(bk-dialog-modal);
     
+    // Basic modal positioning
+    position: fixed;
+    inset: 0;
+    
+    // Entry and exit animations
+    @include dialog-entry-exit;
+    
+    
+    //
+    // Display variants
+    //
+    
+    &.bk-dialog-modal--center {
+      margin: auto;
+      width: fit-content;
+      height: fit-content;
+    }
+    
     &.bk-dialog-modal--full-screen {
       // FIXME: test this on mobile for potential overflow/shifting. May need to use `dvh`/`dvw` instead?
       inset: 0;
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index ef89b6e1..6fed7c76 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -6,6 +6,8 @@ import * as React from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { Button } from '../../actions/Button/Button.tsx';
+
 import { DialogModal } from './DialogModal.tsx';
 
 
@@ -21,6 +23,7 @@ export default {
   argTypes: {},
   args: {
     title: 'Modal dialog',
+    trigger: ({ active, activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
   },
   render: (args) => <DialogModal {...args}/>,
 } satisfies Meta<DialogModalArgs>;
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index adac45be..81dddf04 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -21,15 +21,26 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
   /** How to display the modal in the viewport. Default: 'center'. */
   display?: undefined | 'center' | 'full-screen' | 'slide-over',
   
+  /** The size of the modal. Applies to modals with `display="center"`. */
+  size?: undefined | 'small' | 'medium' | 'large',
+  
+  /** The modal trigger. */
   trigger: ModalProviderProps['children'],
   
+  /** Any additional props to pass to the modal provider. */
   providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
 };
 /**
  * A dialog component displayed as a modal when activating the given trigger.
  */
 export const DialogModal = (props: DialogModalProps) => {
-  const { unstyled = false, display = 'center', ...propsRest } = props;
+  const {
+    children,
+    trigger,
+    unstyled = false,
+    display = 'center',
+    ...propsRest
+  } = props;
   
   return (
     <ModalProvider
@@ -48,12 +59,12 @@ export const DialogModal = (props: DialogModalProps) => {
             dialogProps.className,
             propsRest.className,
           )}
-        />
+        >
+          {children}
+        </Dialog>
       }
     >
-      {({ active, activate }) =>
-        <Button variant="primary" label="Open modal" onPress={activate}/>
-      }
+      {trigger}
     </ModalProvider>
   );
 };

From a94260eb4235e1436012b1fb7bd3fbd9aa20c3bf Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Thu, 2 Jan 2025 20:38:59 +0100
Subject: [PATCH 09/47] Work on DialogModal.

---
 .../DialogModal/DialogModal.module.scss       | 127 +++++++++++++-----
 .../DialogModal/DialogModal.stories.tsx       |  15 ++-
 .../overlays/DialogModal/DialogModal.tsx      |   6 +-
 .../overlays/ModalProvider/ModalProvider.tsx  |  25 +++-
 .../Dialog}/useControlledDialog.ts            |   0
 src/util/hooks/useDebounce.ts                 |  36 +++++
 6 files changed, 171 insertions(+), 38 deletions(-)
 rename src/components/{overlays/ModalProvider => util/Dialog}/useControlledDialog.ts (100%)
 create mode 100644 src/util/hooks/useDebounce.ts

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index 67ecb853..8faefb40 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -4,68 +4,99 @@
 
 @use '../../../styling/defs.scss' as bk;
 
-@mixin dialog-entry-exit($entry-dur: 200ms, $exit-dur: 180ms) {
+// Note: `$blur` should be in px, not rem (blur effect should be independent of any font size scaling)
+@mixin dialog-backdrop($entry-dur: 200ms, $exit-dur: 180ms, $blur: 2px) {
+  &::backdrop {
+    transition-property: overlay, display, background-color, backdrop-filter;
+    transition-timing-function: linear;
+    transition-behavior: allow-discrete;
+    
+    // Open state styling
+    background-color: light-dark(rgb(0 0 0 / 10%), rgb(0 0 0 / 20%));
+    backdrop-filter: blur($blur) opacity(1);
+    
+    // Entry transition styling
+    transition-duration: $entry-dur;
+    @starting-style {
+      background-color: transparent;
+      backdrop-filter: blur($blur) opacity(0);
+    }
+  }
+  // Exit transition styling
+  // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
+  &:not([open])::backdrop {
+    transition-duration: $exit-dur;
+    background-color: transparent;
+    backdrop-filter: blur($blur) opacity(0);
+  }
+}
+
+@mixin dialog-fade-in($entry-dur: 200ms, $exit-dur: 180ms, $scale: 1) {
   transition-property: overlay, display, opacity, scale;
+  transition-timing-function: ease-out;
   transition-behavior: allow-discrete;
-  transition-duration: $exit-dur; // Exit
-  transition-timing-function: ease-out; // Exit
   
   // Open state styling
   opacity: 1;
   scale: 1;
   
   // Entry transition styling
+  transition-duration: $entry-dur;
   @starting-style {
-    transition-duration: $entry-dur;
-    transition-timing-function: ease-in;
     opacity: 0;
-    scale: 1.1;
+    scale: $scale;
   }
   
   // Exit transition styling
   &:not([open]) {
+    transition-duration: $exit-dur;
+    transition-timing-function: ease-in;
     opacity: 0;
-    scale: 0.98;
+    scale: calc(1 - (($scale - 1) * 0.2)); // Multiply by 0.2 to make the scale out effect a bit more subtle
   }
+}
+
+@mixin dialog-slide-over($entry-dur: 200ms, $exit-dur: 180ms) {
+  transition-property: overlay, display, translate;
+  transition-timing-function: ease-out;
+  transition-behavior: allow-discrete;
   
+  // Open state styling
+  translate: 0;
   
-  $blur: 2px; // Should be in px, not rem (blur effect should be constant)
-  &::backdrop {
-    transition-property: overlay, display, background-color, backdrop-filter;
-    transition-behavior: allow-discrete;
-    transition-duration: $exit-dur; // Exit
-    transition-timing-function: ease-out; // Exit
-    
-    // Open state styling
-    background-color: light-dark(rgb(0 0 0 / 10%), rgb(0 0 0 / 20%));
-    backdrop-filter: blur($blur) opacity(1);
-    
-    // Entry transition styling
-    @starting-style {
-      transition-duration: $entry-dur;
-      transition-timing-function: ease-in;
-      background-color: transparent;
-      backdrop-filter: blur($blur) opacity(0);
-    }
+  // Entry transition styling
+  transition-duration: $entry-dur;
+  @starting-style {
+    translate: 80vw 0;
   }
+  
   // Exit transition styling
-  // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
-  &:not([open])::backdrop {
-    background-color: transparent;
-    backdrop-filter: blur($blur) opacity(0);
+  &:not([open]) {
+    transition-duration: $exit-dur;
+    transition-timing-function: ease-in;
+    translate: 80vw 0;
   }
 }
 
+
 @layer baklava.components {
   .bk-dialog-modal {
     @include bk.component-base(bk-dialog-modal);
     
+    --bk-dialog-modal-entry-dur: 200ms;
+    --bk-dialog-modal-exit-dur: 180ms;
+    --bk-dialog-modal-fade-scale: 1;
+    
     // Basic modal positioning
     position: fixed;
     inset: 0;
+    max-width: 100vw;
+    max-height: 100vh;
     
-    // Entry and exit animations
-    @include dialog-entry-exit;
+    @include dialog-backdrop(
+      $entry-dur: var(--bk-dialog-modal-entry-dur),
+      $exit-dur: var(--bk-dialog-modal-exit-dur),
+    );
     
     
     //
@@ -76,6 +107,26 @@
       margin: auto;
       width: fit-content;
       height: fit-content;
+      
+      @include dialog-fade-in(
+        $entry-dur: var(--bk-dialog-modal-entry-dur),
+        $exit-dur: var(--bk-dialog-modal-exit-dur),
+        $scale: var(--bk-dialog-modal-fade-scale),
+      );
+      
+      max-height: calc(100vh - 5vw); // The larger the viewport width, the more breathing room in height
+      &.bk-dialog-modal--small {
+        --bk-dialog-modal-fade-scale: 1.05;
+        max-width: 30vw;
+      }
+      &.bk-dialog-modal--medium {
+        --bk-dialog-modal-fade-scale: 1.04;
+        max-width: 50vw;
+      }
+      &.bk-dialog-modal--large {
+        --bk-dialog-modal-fade-scale: 1.03;
+        max-width: 60vw;
+      }
     }
     
     &.bk-dialog-modal--full-screen {
@@ -84,6 +135,13 @@
       margin: 0;
       width: auto;
       height: auto;
+      
+      --bk-dialog-modal-entry-dur: 120ms;
+      --bk-dialog-modal-exit-dur: 120ms;
+      @include dialog-fade-in(
+        $entry-dur: var(--bk-dialog-modal-entry-dur),
+        $exit-dur: var(--bk-dialog-modal-exit-dur),
+      );
     }
     
     &.bk-dialog-modal--slide-over {
@@ -93,6 +151,13 @@
       height: auto;
       
       margin-inline-start: 20vw;
+      
+      --bk-dialog-modal-entry-dur: 300ms;
+      --bk-dialog-modal-exit-dur: 250ms;
+      @include dialog-slide-over(
+        $entry-dur: var(--bk-dialog-modal-entry-dur),
+        $exit-dur: var(--bk-dialog-modal-exit-dur),
+      );
     }
   }
 }
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 6fed7c76..f7fa17f7 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -5,6 +5,7 @@
 import * as React from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
+import { LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
 
 import { Button } from '../../actions/Button/Button.tsx';
 
@@ -24,12 +25,24 @@ export default {
   args: {
     title: 'Modal dialog',
     trigger: ({ active, activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    children: <LoremIpsum paragraphs={15}/>,
   },
   render: (args) => <DialogModal {...args}/>,
 } satisfies Meta<DialogModalArgs>;
 
 
-export const DialogModalStandard: Story = {
+export const DialogModalStandard: Story = {};
+
+export const DialogModalSmall: Story = {
+  args: {
+    size: 'small',
+  },
+};
+
+export const DialogModalLarge: Story = {
+  args: {
+    size: 'large',
+  },
 };
 
 export const DialogModalFullScreen: Story = {
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 81dddf04..c9dea505 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -21,7 +21,7 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
   /** How to display the modal in the viewport. Default: 'center'. */
   display?: undefined | 'center' | 'full-screen' | 'slide-over',
   
-  /** The size of the modal. Applies to modals with `display="center"`. */
+  /** The size of the modal. Note: does not apply to full screen modals. */
   size?: undefined | 'small' | 'medium' | 'large',
   
   /** The modal trigger. */
@@ -39,6 +39,7 @@ export const DialogModal = (props: DialogModalProps) => {
     trigger,
     unstyled = false,
     display = 'center',
+    size = 'medium',
     ...propsRest
   } = props;
   
@@ -56,6 +57,9 @@ export const DialogModal = (props: DialogModalProps) => {
             { [cl['bk-dialog-modal--center']]: display === 'center' },
             { [cl['bk-dialog-modal--full-screen']]: display === 'full-screen' },
             { [cl['bk-dialog-modal--slide-over']]: display === 'slide-over' },
+            { [cl['bk-dialog-modal--small']]: size === 'small' },
+            { [cl['bk-dialog-modal--medium']]: size === 'medium' },
+            { [cl['bk-dialog-modal--large']]: size === 'large' },
             dialogProps.className,
             propsRest.className,
           )}
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index a1e3e97f..35ce69c3 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -4,7 +4,8 @@
 
 import * as React from 'react';
 
-import { useControlledDialog, type ControlledDialogProps } from './useControlledDialog.ts';
+import { useDebounce } from '../../../util/hooks/useDebounce.ts';
+import { useControlledDialog, type ControlledDialogProps } from '../../util/Dialog/useControlledDialog.ts';
 
 import cl from './ModalProvider.module.scss';
 
@@ -21,16 +22,30 @@ export type ModalProviderProps = {
   
   /** Whether the modal should be active by default. */
   activeDefault?: undefined | boolean,
+  
+  /** How long to keep the dialog in the DOM for exit animation purposes. Default: 2 seconds. */
+  exitAnimationDelay?: undefined | number,
 };
 /**
  * Provider around a trigger (e.g. button) to display a modal overlay on trigger activation.
  */
 export const ModalProvider = (props: ModalProviderProps) => {
-  const { children, content, activeDefault = false } = props;
+  const {
+    children,
+    content,
+    activeDefault = false,
+    exitAnimationDelay = 100_000,
+  } = props;
+  
+  const [active, setActiveInternal] = React.useState(activeDefault);
+  const [activeWithDelay, setActiveWithDelay] = useDebounce(active, exitAnimationDelay);
   
-  const [active, setActive] = React.useState(activeDefault);
-  const activate = React.useCallback(() => { setActive(true); }, []);
+  const setActive = React.useCallback((active: boolean) => {
+    setActiveInternal(active);
+    if (active) { setActiveWithDelay(true); } // Skip the delay when activating (should only be for deactivation)
+  }, [setActiveWithDelay]);
   
+  const activate = React.useCallback(() => { setActive(true); }, [setActive]);
   const triggerProps = { active, activate };
   
   const dialogProps = useControlledDialog({
@@ -41,7 +56,7 @@ export const ModalProvider = (props: ModalProviderProps) => {
   
   return (
     <>
-      {active && content(dialogProps)}
+      {activeWithDelay && content(dialogProps)}
       {children(triggerProps)}
     </>
   );
diff --git a/src/components/overlays/ModalProvider/useControlledDialog.ts b/src/components/util/Dialog/useControlledDialog.ts
similarity index 100%
rename from src/components/overlays/ModalProvider/useControlledDialog.ts
rename to src/components/util/Dialog/useControlledDialog.ts
diff --git a/src/util/hooks/useDebounce.ts b/src/util/hooks/useDebounce.ts
new file mode 100644
index 00000000..5223e582
--- /dev/null
+++ b/src/util/hooks/useDebounce.ts
@@ -0,0 +1,36 @@
+
+import * as React from 'react';
+
+
+type TimeoutRef = ReturnType<typeof globalThis.setTimeout>;
+type UseDebounceResult<S> = [S, React.Dispatch<React.SetStateAction<S>>];
+
+// Adopted from: https://github.com/uidotdev/usehooks
+export const useDebounce = <S>(value: S, delay: number /* ms */): UseDebounceResult<S> => {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+  const timeoutHandleRef = React.useRef<TimeoutRef>(null);
+  
+  React.useEffect(() => {
+    timeoutHandleRef.current = globalThis.setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    
+    return () => {
+      const timeoutHandle = timeoutHandleRef.current;
+      if (timeoutHandle) {
+        globalThis.clearTimeout(timeoutHandle);
+      }
+    };
+  }, [value, delay]);
+  
+  const setDebouncedManually = React.useCallback((value: React.SetStateAction<S>) => {
+    setDebouncedValue(value);
+    
+    const timeoutHandle = timeoutHandleRef.current;
+    if (timeoutHandle) {
+      globalThis.clearTimeout(timeoutHandle);
+    }
+  }, []);
+  
+  return [debouncedValue, setDebouncedManually];
+};

From eb331f7b2f6783cf6ce4c30d38c5002831b82285 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Thu, 2 Jan 2025 20:54:02 +0100
Subject: [PATCH 10/47] Remove biome exception.

---
 biome.jsonc | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/biome.jsonc b/biome.jsonc
index fbb44450..255afc92 100644
--- a/biome.jsonc
+++ b/biome.jsonc
@@ -33,12 +33,6 @@
       "style": {
         "useImportType": "off",
         "noUnusedTemplateLiteral": "off"
-      },
-      "a11y": {
-        // Putting `tabindex` on non-interactive elements is often necessary, for example for scrolling content.
-        // https://ux.stackexchange.com/questions/119952/when-is-it-wrong-to-put-tabindex-0-on-non-interactive-content
-        // https://stackoverflow.com/questions/53597209/tabindex-on-el-that-are-interactive-under-certain-conditions
-        "noNoninteractiveTabindex": "off"
       }
     }
   }

From 99da117692f6fefa095d6a2df209bb58bf4b0cf6 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Thu, 2 Jan 2025 20:54:53 +0100
Subject: [PATCH 11/47] Remove overflow-y: auto.

---
 src/components/containers/Panel/Panel.module.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/containers/Panel/Panel.module.scss b/src/components/containers/Panel/Panel.module.scss
index 6abd9082..21b1f72b 100644
--- a/src/components/containers/Panel/Panel.module.scss
+++ b/src/components/containers/Panel/Panel.module.scss
@@ -9,7 +9,6 @@
   --bk-panel-border-color: #{bk.$theme-card-border-default};
   
   overflow: hidden;
-  overflow-y: auto;
   
   min-height: 4rem;
   padding: 22px 26px; // FIXME

From 2244274c4c28b1984e5f25d96352ad17d1f832d4 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 01:03:56 +0100
Subject: [PATCH 12/47] Update Dialog styling.

---
 .../actions/Button/Button.module.scss         |   1 +
 src/components/actions/Button/Button.tsx      |   2 +-
 src/components/containers/Banner/Banner.tsx   |   8 +-
 .../containers/Dialog/Dialog.module.scss      |  38 ++--
 .../containers/Dialog/Dialog.stories.tsx      |  28 +--
 src/components/containers/Dialog/Dialog.tsx   | 163 +++++++++++-------
 src/styling/context/theming.scss              |   2 +-
 src/typography/Heading/Heading.mixins.scss    |  12 +-
 8 files changed, 151 insertions(+), 103 deletions(-)

diff --git a/src/components/actions/Button/Button.module.scss b/src/components/actions/Button/Button.module.scss
index 06e2c3c5..58d1c6a3 100644
--- a/src/components/actions/Button/Button.module.scss
+++ b/src/components/actions/Button/Button.module.scss
@@ -14,6 +14,7 @@
     align-self: flex-start;
     
     cursor: pointer;
+    user-select: none;
     
     margin: 0;
     padding: 0;
diff --git a/src/components/actions/Button/Button.tsx b/src/components/actions/Button/Button.tsx
index 2f048b50..a990ec51 100644
--- a/src/components/actions/Button/Button.tsx
+++ b/src/components/actions/Button/Button.tsx
@@ -122,7 +122,7 @@ export const Button = (props: ButtonProps) => {
   // context. Use `SubmitButton` instead.
   // biome-ignore lint/suspicious/noExplicitAny: `type` is not in the public type but can be there for internal use
   const type: unknown = (propsRest as any).type;
-  let buttonType: undefined | 'submit' = undefined;
+  let buttonType: 'button' | 'submit' = 'button';
   
   if (type === 'submit') {
     throw new Error(`Button component cannot have type 'submit', use SubmitButton instead.`);
diff --git a/src/components/containers/Banner/Banner.tsx b/src/components/containers/Banner/Banner.tsx
index eff16511..257c4100 100644
--- a/src/components/containers/Banner/Banner.tsx
+++ b/src/components/containers/Banner/Banner.tsx
@@ -36,11 +36,11 @@ const BannerVariantIcon = ({ variant, ...propsRest }: BannerVariantIconProps) =>
 };
 
 
-export type ActionButtonProps = ComponentProps<typeof Button>;
+type ActionButtonProps = ComponentProps<typeof Button>;
 /**
  * A customized version of the `<Button/>` component specifically meant to be used for banner actions.
  */
-export const ActionButton = (props: ActionButtonProps) => {
+const ActionButton = (props: ActionButtonProps) => {
   return (
     <Button trimmed
       {...props}
@@ -49,7 +49,7 @@ export const ActionButton = (props: ActionButtonProps) => {
   );
 };
 
-export type ActionIconProps = ComponentProps<typeof Button> & {
+type ActionIconProps = ComponentProps<typeof Button> & {
   /** There must be `label` on an icon-only button, for accessibility. */
   label: Required<ComponentProps<typeof Button>>['label'],
   
@@ -59,7 +59,7 @@ export type ActionIconProps = ComponentProps<typeof Button> & {
 /**
  * An action that is rendered as just an icon.
  */
-export const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
+const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
   return (
     <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : buttonProps.label}>
       <Button trimmed
diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index d1c6e82a..7956e9bd 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -17,7 +17,6 @@
     margin: 0;
     padding: 0; // Do not apply padding on the outermost container (do it on the lower level elements instead)
     
-    //box-shadow: 0 8px 10px 1px rgba(0 0 0 / 14%), 0 3px 14px 2px rgba(0 0 0 / 12%), 0 5px 5px -3px rgba(0 0 0 / 3%);
     border-radius: bk.$radius-3;
     &.bk-dialog--flat {
       border: none;
@@ -36,40 +35,47 @@
       top: 0;
       z-index: 1;
       
-      padding-block: var(--bk-dialog-padding-block) 0;
+      padding-block: var(--bk-dialog-padding-block) (bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
-      
       background: var(--bk-dialog-background-color);
       
-      --header-shadow-size: calc(var(--bk-sizing-1) / 2);
-      //box-shadow: 0 var(--header-shadow-size) 0 0 rgba(0 0 0 / 12%);
-      /* Clip everything except the bottom shadow (-1px for weird clipping behavior with scroll) */
-      //clip-path: inset(-1px -1px calc(-1 * var(--header-shadow-size)) -1px);
-      
       display: flex;
       flex-direction: row;
-      align-items: baseline;
+      align-items: center;
+      gap: bk.$spacing-4;
       
-      .bk-dialog__action { --keep: ; }
-      :nth-child(1 of .bk-dialog__action) { // XXX https://github.com/parcel-bundler/lightningcss/issues/883
+      .bk-dialog__header__title {
+        @include bk.text-one-line;
+      }
+      
+      .bk-dialog__header__actions {
         margin-inline-start: auto;
       }
     }
     
     .bk-dialog__content {
-      flex: 1; /* Make sure we cover all available space */
+      flex: 1;
       
-      margin-block: bk.$spacing-7 bk.$spacing-9;
+      margin-block: (bk.$spacing-7 / 2) (bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
     }
     
     .bk-dialog__actions {
-      padding: var(--bk-dialog-inset);
-      padding-top: 0;
+      position: sticky;
+      bottom: 0;
+      z-index: 1;
+      
+      padding-block: (bk.$spacing-7 / 2) bk.$spacing-9;
+      padding-inline: var(--bk-dialog-padding-inline);
+      // In Figma, actions have an indent. But that might be only if the content itself has an indent, need to check.
+      //padding-inline-start: calc(var(--bk-dialog-padding-inline) + bk.$spacing-8);
+      
+      background: var(--bk-dialog-background-color);
       
       display: flex;
       flex-direction: row;
-      gap: 0.8rem;
+      align-items: center;
+      gap: bk.$spacing-4;
     }
     
     // State: focus
diff --git a/src/components/containers/Dialog/Dialog.stories.tsx b/src/components/containers/Dialog/Dialog.stories.tsx
index bbdd21f6..8a534d4d 100644
--- a/src/components/containers/Dialog/Dialog.stories.tsx
+++ b/src/components/containers/Dialog/Dialog.stories.tsx
@@ -6,8 +6,9 @@ import * as React from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
 import { LayoutDecorator } from '../../../util/storybook/LayoutDecorator.tsx';
+import { loremIpsum, LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
 
-import { LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
+import { Button } from '../../actions/Button/Button.tsx';
 
 import { Dialog } from './Dialog.tsx';
 
@@ -22,40 +23,41 @@ export default {
     layout: 'padded',
   },
   decorators: [
-    Story => <LayoutDecorator size="large" style={{ maxHeight: '15lh' }}><Story/></LayoutDecorator>,
+    Story => <LayoutDecorator size="large" style={{ maxHeight: '20lh' }}><Story/></LayoutDecorator>,
   ],
   args: {
     title: 'Dialog title',
+    children: <LoremIpsum paragraphs={3}/>,
+    actions: (
+      <Button variant="primary" label="Submit"/>
+    ),
     onRequestClose: () => {},
   },
 } satisfies Meta<DialogArgs>;
 
 
-export const DialogStandard: Story = {
+export const DialogStandard: Story = {};
+
+export const DialogWithoutClose: Story = {
   args: {
-    children: <LoremIpsum paragraphs={3}/>,
+    showCloseIcon: false,
   },
 };
 
-export const DialogWithClose: Story = {
+export const DialogWithFocus: Story = {
   args: {
-    children: <LoremIpsum paragraphs={3}/>,
-    showCloseAction: true,
+    className: 'pseudo-focus-visible',
   },
 };
 
-export const DialogWithFocus: Story = {
+export const DialogWithTitleOverflow: Story = {
   args: {
-    className: 'pseudo-focus-visible',
-    children: <LoremIpsum paragraphs={3}/>,
-    showCloseAction: true,
+    title: loremIpsum(),
   },
 };
 
 export const DialogFlat: Story = {
   args: {
-    children: <LoremIpsum paragraphs={3}/>,
     flat: true,
-    showCloseAction: true,
   },
 };
diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index 03b23cea..a4260516 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -17,7 +17,7 @@ import cl from './Dialog.module.scss';
 
 export { cl as DialogClassNames };
 
-export type ActionIconProps = ComponentProps<typeof Button> & {
+type ActionIconProps = ComponentProps<typeof Button> & {
   /** There must be `label` on an icon-only button, for accessibility. */
   label: Required<ComponentProps<typeof Button>>['label'],
   
@@ -27,7 +27,7 @@ export type ActionIconProps = ComponentProps<typeof Button> & {
 /**
  * An action that is rendered as just an icon.
  */
-export const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
+const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
   return (
     <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : buttonProps.label}>
       <Button unstyled
@@ -38,6 +38,27 @@ export const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
   );
 };
 
+type ActionButtonProps = ComponentProps<typeof Button> & {
+  /** Optional tooltip text. */
+  tooltip?: undefined | ComponentProps<typeof TooltipProvider>['tooltip'],
+};
+/**
+ * An action that is rendered as just an icon.
+ */
+const ActionButton = ({ tooltip = null, ...buttonProps }: ActionButtonProps) => {
+  return (
+    <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : null}>
+      <Button unstyled
+        {...buttonProps}
+        className={cx(cl['bk-dialog__action'], cl['bk-dialog__action--button'], buttonProps.className)}
+      />
+    </TooltipProvider>
+  );
+};
+
+const CancelAction = (props: ComponentProps<typeof Button>) =>
+  <Button variant="secondary" label="Cancel" {...props}/>;
+
 export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
   /** Whether the component should include the default styling. Default: false. */
   unstyled?: undefined | boolean,
@@ -48,70 +69,88 @@ export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
   /** The title of the dialog, to be displayed in the dialog header. */
   title: React.ReactNode,
   
-  /** If specified, a close action is displayed. Default: true. */
-  showCloseAction?: undefined | boolean,
+  /** If specified, a close icon is displayed in the header. Default: true. */
+  showCloseIcon?: undefined | boolean,
+  
+  /** If specified, a close action is displayed in the footer. Default: true. */
+  showCancelAction?: undefined | boolean,
   
   /** Callback that is called when the user requests the dialog to close. */
   onRequestClose?: undefined | (() => void), // Note: cannot name this `onClose`, dialog already has an `onClose` prop
+  
+  /** Any additional actions to be shown in the dialog. */
+  actions?: undefined | React.ReactNode,
 };
 /**
  * The Dialog component displays an interaction with the user, for example a confirmation, or a form to be submitted.
  */
-export const Dialog = (props: DialogProps) => {
-  const {
-    children,
-    unstyled = false,
-    flat = false,
-    title,
-    showCloseAction = true,
-    onRequestClose,
-    ...propsRest
-  } = props;
-  
-  const dialogRef = React.useRef<HTMLDialogElement>(null);
-  const scrollerProps = useScroller();
-  
-  if (showCloseAction && typeof onRequestClose !== 'function') {
-    console.error(`Missing prop in <Dialog/>: 'onRequestClose' function`);
-  }
-  
-  return (
-    <dialog
-      open
-      {...scrollerProps}
-      {...propsRest}
-      ref={mergeRefs(dialogRef, propsRest.ref)}
-      className={cx(
-        'bk',
-        { [cl['bk-dialog']]: !unstyled },
-        { [cl['bk-dialog--flat']]: flat },
-        scrollerProps.className,
-        propsRest.className,
-      )}
-    >
-      <header className={cx(cl['bk-dialog__header'])}>
-        <H5>{title}</H5>
-        
-        {showCloseAction &&
-          <ActionIcon
-            label="Close dialog"
-            tooltip={null}
-            className={cx(cl['bk-dialog__action'], cl['bk-dialog__action-close'])}
-            onPress={onRequestClose}
-          >
-            <Icon icon="cross"/>
-          </ActionIcon>
-        }
-      </header>
-      
-      <section className={cx(cl['bk-dialog__content'], 'bk-body-text')}>
-        {children}
-      </section>
-      
-      {/* <footer className={cx(cl['bk-dialog__actions'])}>
-        <Button autoFocus variant="secondary" label="Cancel"/>
-        <Button variant="primary" label="Submit"/>
-      </footer> */}
-    </dialog>
-  );
-};
+export const Dialog = Object.assign(
+  (props: DialogProps) => {
+    const {
+      children,
+      unstyled = false,
+      flat = false,
+      title,
+      showCloseIcon = true,
+      showCancelAction = true,
+      onRequestClose,
+      actions,
+      ...propsRest
+    } = props;
+    
+    const dialogRef = React.useRef<HTMLDialogElement>(null);
+    const scrollerProps = useScroller();
+    
+    if ((showCloseIcon || showCancelAction) && typeof onRequestClose !== 'function') {
+      console.error(`Missing prop in <Dialog/>: 'onRequestClose' function`);
+    }
+    
+    return (
+      <dialog
+        open
+        {...scrollerProps}
+        {...propsRest}
+        ref={mergeRefs(dialogRef, propsRest.ref)}
+        className={cx(
+          'bk',
+          { [cl['bk-dialog']]: !unstyled },
+          { [cl['bk-dialog--flat']]: flat },
+          scrollerProps.className,
+          propsRest.className,
+        )}
+      >
+        <form>
+          <header className={cx(cl['bk-dialog__header'])}>
+            <H5 className={cx(cl['bk-dialog__header__title'])}>{title}</H5>
+            
+            <div className={cx(cl['bk-dialog__header__actions'])}>
+              {showCloseIcon &&
+                <ActionIcon
+                  autoFocus
+                  label="Close dialog"
+                  tooltip={null}
+                  className={cx(cl['bk-dialog__action'], cl['bk-dialog__action-close'])}
+                  onPress={onRequestClose}
+                >
+                  <Icon icon="cross"/>
+                </ActionIcon>
+              }
+            </div>
+          </header>
+          
+          <section className={cx(cl['bk-dialog__content'], 'bk-body-text')}>
+            {children}
+          </section>
+          
+          <footer className={cx(cl['bk-dialog__actions'])}>
+            {showCancelAction && <CancelAction/>}
+            {actions}
+          </footer>
+        </form>
+      </dialog>
+    );
+  },
+  {
+    CancelAction,
+  },
+);
diff --git a/src/styling/context/theming.scss b/src/styling/context/theming.scss
index 04596886..c3c1b505 100644
--- a/src/styling/context/theming.scss
+++ b/src/styling/context/theming.scss
@@ -15,7 +15,7 @@ a `light-dark()` expression in a variable and reuse that in a different theme. M
   --bk-page-color-text: #{bk.$theme-text-body-default};
   --bk-page-color-background: #{bk.$theme-page-default};
   --bk-focus-outline-color: light-dark(#81bcec, #81bcec); // FIXME: need the outline colors
-  --bk-focus-outline-width: 0.125rem;
+  --bk-focus-outline-width: 0.2rem;
 }
 
 /* This mixin should be used after every usage of `color-scheme` */
diff --git a/src/typography/Heading/Heading.mixins.scss b/src/typography/Heading/Heading.mixins.scss
index 1fec9b6f..a6b48df0 100644
--- a/src/typography/Heading/Heading.mixins.scss
+++ b/src/typography/Heading/Heading.mixins.scss
@@ -12,31 +12,31 @@
 
 @mixin h1 {
   @include heading;
-  font-size: 42px;
+  font-size: bk.$font-size-xxxl;
   font-weight: 300;
 }
 @mixin h2 {
   @include heading;
-  font-size: 30px;
+  font-size: bk.rem-from-px(30); // FIXME: token
   font-weight: 400;
 }
 @mixin h3 {
   @include heading;
-  font-size: 24px;
+  font-size: bk.rem-from-px(24); // FIXME: token
   font-weight: 400;
 }
 @mixin h4 {
   @include heading;
-  font-size: 20px;
+  font-size: bk.rem-from-px(20); // FIXME: token
   font-weight: 400;
 }
 @mixin h5 {
   @include heading;
-  font-size: 16px;
+  font-size: bk.rem-from-px(16); // FIXME: token
   font-weight: 600;
 }
 @mixin h6 {
   @include heading;
-  font-size: 16px;
+  font-size: bk.rem-from-px(16); // FIXME: token
   font-weight: 500;
 }

From 8ad56a81e272422152c7560752703602bb87df0c Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 01:04:21 +0100
Subject: [PATCH 13/47] Update DialogModal styling.

---
 src/components/overlays/DialogModal/DialogModal.stories.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index f7fa17f7..f053c3c8 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -19,7 +19,7 @@ export default {
   component: DialogModal,
   tags: ['autodocs'],
   parameters: {
-    layout: 'fullscreen',
+    layout: 'padded',
   },
   argTypes: {},
   args: {
@@ -27,7 +27,7 @@ export default {
     trigger: ({ active, activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
     children: <LoremIpsum paragraphs={15}/>,
   },
-  render: (args) => <DialogModal {...args}/>,
+  render: (args) => <><LoremIpsum paragraphs={2}/> <DialogModal {...args}/> <LoremIpsum paragraphs={2}/></>,
 } satisfies Meta<DialogModalArgs>;
 
 

From 6d4bab0118c0d8dfd655868480616d41ec203a37 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 22:34:45 +0100
Subject: [PATCH 14/47] Fix fractional px value rounding issues.

---
 .../Accordion/Accordion.module.scss           |  2 +-
 src/styling/defs.scss                         |  2 +-
 src/styling/global/global.scss                |  2 +-
 src/styling/global/reset.scss                 |  1 -
 src/styling/variables.scss                    | 36 +++++++++----------
 5 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/containers/Accordion/Accordion.module.scss b/src/components/containers/Accordion/Accordion.module.scss
index 727f3fe4..b22ed518 100644
--- a/src/components/containers/Accordion/Accordion.module.scss
+++ b/src/components/containers/Accordion/Accordion.module.scss
@@ -13,10 +13,10 @@
     
     .bk-accordion__item + .bk-accordion__item {
       --bk-disclosure-border-radius-top: 0;
-      border-top-width: 0;
     }
     .bk-accordion__item:has(+ .bk-accordion__item) {
       --bk-disclosure-border-radius-bottom: 0;
+      border-bottom-width: 0;
     }
   }
 }
diff --git a/src/styling/defs.scss b/src/styling/defs.scss
index c08437f0..dcd73e64 100644
--- a/src/styling/defs.scss
+++ b/src/styling/defs.scss
@@ -59,5 +59,5 @@
 }
 
 @function rem-from-px($size-in-px) {
-  @return math.div($size-in-px, 14) * 1rem;
+  @return round(math.div($size-in-px, 14) * 1rem, 1px);
 }
diff --git a/src/styling/global/global.scss b/src/styling/global/global.scss
index ebaead2b..f2043e5c 100644
--- a/src/styling/global/global.scss
+++ b/src/styling/global/global.scss
@@ -38,7 +38,7 @@
     // https://royalfig.github.io/fluid-typography-calculator
     //font-size: clamp(0.8rem, 0.76rem + 0.19999999999999996vw, 1rem);
     // https://utopia.fyi/type/calculator?c=320,12,1.2,1440,14,1.25,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
-    font-size: clamp(0.75rem, 0.7143rem + 0.1786vi, 0.875rem); // 1rem ~ 14px at 1440px max viewport size
+    font-size: round(clamp(0.75rem, 0.7143rem + 0.1786vi, 0.875rem), 1px); // 1rem ~ 14px at 1440px max viewport size
     
     /* https://css-tricks.com/how-to-tame-line-height-in-css/ */
     line-height: 1.6;
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index 87105419..ab26f7ee 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -7,7 +7,6 @@
 @mixin styles {
   @include meta.load-css('../lib/reset.css');
   
-  
   /* Custom reset overrides */
   
   // :focus-visible {
diff --git a/src/styling/variables.scss b/src/styling/variables.scss
index ddf41a9b..161b2c43 100644
--- a/src/styling/variables.scss
+++ b/src/styling/variables.scss
@@ -46,24 +46,24 @@ $sizing-xxl: $sizing-9 !default;
 
 // NEW
 // Reference: 1rem ~ 14px (at max 1440px size, and with default 1rem=16px browser font size)
-$spacing-1: math.div(4, 14) * 1rem !default; // ~4px
-$spacing-2: math.div(8, 14) * 1rem !default; // ~8px
-$spacing-3: math.div(12, 14) * 1rem !default; // ~12px
-$spacing-4: math.div(16, 14) * 1rem !default; // ~16px
-$spacing-5: math.div(18, 14) * 1rem !default; // ~18px
-$spacing-6: math.div(20, 14) * 1rem !default; // ~20px
-$spacing-7: math.div(24, 14) * 1rem !default; // ~24px
-$spacing-8: math.div(32, 14) * 1rem !default; // ~32px
-$spacing-9: math.div(40, 14) * 1rem !default; // ~40px
-$spacing-10: math.div(48, 14) * 1rem !default; // ~48px
-$spacing-11: math.div(64, 14) * 1rem !default; // ~64px
-$spacing-12: math.div(80, 14) * 1rem !default; // ~80px
-$spacing-13: math.div(96, 14) * 1rem !default; // ~96px
-$spacing-14: math.div(128, 14) * 1rem !default; // ~128px
-$spacing-15: math.div(160, 14) * 1rem !default; // ~160px
-$spacing-16: math.div(192, 14) * 1rem !default; // ~192px
-$spacing-17: math.div(224, 14) * 1rem !default; // ~224px
-$spacing-18: math.div(256, 14) * 1rem !default; // ~256px
+$spacing-1: round(math.div(4, 14) * 1rem, 1px) !default; // ~4px
+$spacing-2: round(math.div(8, 14) * 1rem, 1px) !default; // ~8px
+$spacing-3: round(math.div(12, 14) * 1rem, 1px) !default; // ~12px
+$spacing-4: round(math.div(16, 14) * 1rem, 1px) !default; // ~16px
+$spacing-5: round(math.div(18, 14) * 1rem, 1px) !default; // ~18px
+$spacing-6: round(math.div(20, 14) * 1rem, 1px) !default; // ~20px
+$spacing-7: round(math.div(24, 14) * 1rem, 1px) !default; // ~24px
+$spacing-8: round(math.div(32, 14) * 1rem, 1px) !default; // ~32px
+$spacing-9: round(math.div(40, 14) * 1rem, 1px) !default; // ~40px
+$spacing-10: round(math.div(48, 14) * 1rem, 1px) !default; // ~48px
+$spacing-11: round(math.div(64, 14) * 1rem, 1px) !default; // ~64px
+$spacing-12: round(math.div(80, 14) * 1rem, 1px) !default; // ~80px
+$spacing-13: round(math.div(96, 14) * 1rem, 1px) !default; // ~96px
+$spacing-14: round(math.div(128, 14) * 1rem, 1px) !default; // ~128px
+$spacing-15: round(math.div(160, 14) * 1rem, 1px) !default; // ~160px
+$spacing-16: round(math.div(192, 14) * 1rem, 1px) !default; // ~192px
+$spacing-17: round(math.div(224, 14) * 1rem, 1px) !default; // ~224px
+$spacing-18: round(math.div(256, 14) * 1rem, 1px) !default; // ~256px
 
 // these sizes do not match Figma variables
 $size-1: math.div(1, 14) * 1rem !default; // ~1px

From 0e5f6ea3225b8df6c6a751b5ef9977d74e92d65c Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 22:34:45 +0100
Subject: [PATCH 15/47] Fix fractional px value rounding issues.

---
 .../Accordion/Accordion.module.scss           |  2 +-
 src/styling/defs.scss                         |  2 +-
 src/styling/global/global.scss                |  2 +-
 src/styling/global/reset.scss                 |  1 -
 src/styling/variables.scss                    | 36 +++++++++----------
 5 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/containers/Accordion/Accordion.module.scss b/src/components/containers/Accordion/Accordion.module.scss
index 727f3fe4..b22ed518 100644
--- a/src/components/containers/Accordion/Accordion.module.scss
+++ b/src/components/containers/Accordion/Accordion.module.scss
@@ -13,10 +13,10 @@
     
     .bk-accordion__item + .bk-accordion__item {
       --bk-disclosure-border-radius-top: 0;
-      border-top-width: 0;
     }
     .bk-accordion__item:has(+ .bk-accordion__item) {
       --bk-disclosure-border-radius-bottom: 0;
+      border-bottom-width: 0;
     }
   }
 }
diff --git a/src/styling/defs.scss b/src/styling/defs.scss
index c08437f0..dcd73e64 100644
--- a/src/styling/defs.scss
+++ b/src/styling/defs.scss
@@ -59,5 +59,5 @@
 }
 
 @function rem-from-px($size-in-px) {
-  @return math.div($size-in-px, 14) * 1rem;
+  @return round(math.div($size-in-px, 14) * 1rem, 1px);
 }
diff --git a/src/styling/global/global.scss b/src/styling/global/global.scss
index ebaead2b..f2043e5c 100644
--- a/src/styling/global/global.scss
+++ b/src/styling/global/global.scss
@@ -38,7 +38,7 @@
     // https://royalfig.github.io/fluid-typography-calculator
     //font-size: clamp(0.8rem, 0.76rem + 0.19999999999999996vw, 1rem);
     // https://utopia.fyi/type/calculator?c=320,12,1.2,1440,14,1.25,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
-    font-size: clamp(0.75rem, 0.7143rem + 0.1786vi, 0.875rem); // 1rem ~ 14px at 1440px max viewport size
+    font-size: round(clamp(0.75rem, 0.7143rem + 0.1786vi, 0.875rem), 1px); // 1rem ~ 14px at 1440px max viewport size
     
     /* https://css-tricks.com/how-to-tame-line-height-in-css/ */
     line-height: 1.6;
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index 87105419..ab26f7ee 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -7,7 +7,6 @@
 @mixin styles {
   @include meta.load-css('../lib/reset.css');
   
-  
   /* Custom reset overrides */
   
   // :focus-visible {
diff --git a/src/styling/variables.scss b/src/styling/variables.scss
index ddf41a9b..161b2c43 100644
--- a/src/styling/variables.scss
+++ b/src/styling/variables.scss
@@ -46,24 +46,24 @@ $sizing-xxl: $sizing-9 !default;
 
 // NEW
 // Reference: 1rem ~ 14px (at max 1440px size, and with default 1rem=16px browser font size)
-$spacing-1: math.div(4, 14) * 1rem !default; // ~4px
-$spacing-2: math.div(8, 14) * 1rem !default; // ~8px
-$spacing-3: math.div(12, 14) * 1rem !default; // ~12px
-$spacing-4: math.div(16, 14) * 1rem !default; // ~16px
-$spacing-5: math.div(18, 14) * 1rem !default; // ~18px
-$spacing-6: math.div(20, 14) * 1rem !default; // ~20px
-$spacing-7: math.div(24, 14) * 1rem !default; // ~24px
-$spacing-8: math.div(32, 14) * 1rem !default; // ~32px
-$spacing-9: math.div(40, 14) * 1rem !default; // ~40px
-$spacing-10: math.div(48, 14) * 1rem !default; // ~48px
-$spacing-11: math.div(64, 14) * 1rem !default; // ~64px
-$spacing-12: math.div(80, 14) * 1rem !default; // ~80px
-$spacing-13: math.div(96, 14) * 1rem !default; // ~96px
-$spacing-14: math.div(128, 14) * 1rem !default; // ~128px
-$spacing-15: math.div(160, 14) * 1rem !default; // ~160px
-$spacing-16: math.div(192, 14) * 1rem !default; // ~192px
-$spacing-17: math.div(224, 14) * 1rem !default; // ~224px
-$spacing-18: math.div(256, 14) * 1rem !default; // ~256px
+$spacing-1: round(math.div(4, 14) * 1rem, 1px) !default; // ~4px
+$spacing-2: round(math.div(8, 14) * 1rem, 1px) !default; // ~8px
+$spacing-3: round(math.div(12, 14) * 1rem, 1px) !default; // ~12px
+$spacing-4: round(math.div(16, 14) * 1rem, 1px) !default; // ~16px
+$spacing-5: round(math.div(18, 14) * 1rem, 1px) !default; // ~18px
+$spacing-6: round(math.div(20, 14) * 1rem, 1px) !default; // ~20px
+$spacing-7: round(math.div(24, 14) * 1rem, 1px) !default; // ~24px
+$spacing-8: round(math.div(32, 14) * 1rem, 1px) !default; // ~32px
+$spacing-9: round(math.div(40, 14) * 1rem, 1px) !default; // ~40px
+$spacing-10: round(math.div(48, 14) * 1rem, 1px) !default; // ~48px
+$spacing-11: round(math.div(64, 14) * 1rem, 1px) !default; // ~64px
+$spacing-12: round(math.div(80, 14) * 1rem, 1px) !default; // ~80px
+$spacing-13: round(math.div(96, 14) * 1rem, 1px) !default; // ~96px
+$spacing-14: round(math.div(128, 14) * 1rem, 1px) !default; // ~128px
+$spacing-15: round(math.div(160, 14) * 1rem, 1px) !default; // ~160px
+$spacing-16: round(math.div(192, 14) * 1rem, 1px) !default; // ~192px
+$spacing-17: round(math.div(224, 14) * 1rem, 1px) !default; // ~224px
+$spacing-18: round(math.div(256, 14) * 1rem, 1px) !default; // ~256px
 
 // these sizes do not match Figma variables
 $size-1: math.div(1, 14) * 1rem !default; // ~1px

From 4d97b8250c988c9a2441b17edf242014ce19be0d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 23:01:18 +0100
Subject: [PATCH 16/47] Fix broken sizing calculations.

---
 src/components/containers/Banner/Banner.module.scss         | 2 +-
 src/components/containers/Dialog/Dialog.module.scss         | 6 +++---
 .../forms/fields/CheckboxField/CheckboxField.module.scss    | 1 -
 .../forms/fields/RadioField/RadioField.module.scss          | 1 -
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/containers/Banner/Banner.module.scss b/src/components/containers/Banner/Banner.module.scss
index 354174fc..0caae80e 100644
--- a/src/components/containers/Banner/Banner.module.scss
+++ b/src/components/containers/Banner/Banner.module.scss
@@ -16,7 +16,7 @@
     overflow: hidden; // Banners shouldn't scroll (max height on a banner doesn't really make sense)
     
     padding-block: bk.$spacing-2;
-    padding-inline: bk.$spacing-4 - bk.$radius-2;
+    padding-inline: calc(bk.$spacing-4 - bk.$radius-2);
     padding-inline-start: var(--bk-banner-indent); // Indent all of the content (e.g. for when the message wraps)
     
     border: bk.$size-1 var(--bk-banner-color-foreground) solid;
diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 71eba6c2..2270b6fa 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -35,7 +35,7 @@
       top: 0;
       z-index: 1;
       
-      padding-block: var(--bk-dialog-padding-block) (bk.$spacing-7 / 2);
+      padding-block: var(--bk-dialog-padding-block) calc(bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
       background: var(--bk-dialog-background-color);
       
@@ -58,7 +58,7 @@
     .bk-dialog__content {
       flex: 1;
       
-      margin-block: (bk.$spacing-7 / 2) (bk.$spacing-7 / 2);
+      margin-block: calc(bk.$spacing-7 / 2) calc(bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
     }
     
@@ -67,7 +67,7 @@
       bottom: 0;
       z-index: 1;
       
-      padding-block: (bk.$spacing-7 / 2) bk.$spacing-9;
+      padding-block: calc(bk.$spacing-7 / 2) bk.$spacing-9;
       padding-inline: var(--bk-dialog-padding-inline);
       // In Figma, actions have an indent. But that might be only if the content itself has an indent, need to check.
       //padding-inline-start: calc(var(--bk-dialog-padding-inline) + bk.$spacing-8);
diff --git a/src/components/forms/fields/CheckboxField/CheckboxField.module.scss b/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
index 981b7325..8a66d2c0 100644
--- a/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
+++ b/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
@@ -14,7 +14,6 @@
       margin-bottom: bk.$spacing-1;
 
       .bk-checkbox-field__title__icon {
-        font-size: 18px;
         margin-left: bk.$spacing-1;
       }
 
diff --git a/src/components/forms/fields/RadioField/RadioField.module.scss b/src/components/forms/fields/RadioField/RadioField.module.scss
index 3f175c23..85a4e1c9 100644
--- a/src/components/forms/fields/RadioField/RadioField.module.scss
+++ b/src/components/forms/fields/RadioField/RadioField.module.scss
@@ -14,7 +14,6 @@
       margin-bottom: bk.$spacing-1;
 
       .bk-radio-field__title__icon {
-        font-size: 18px;
         margin-left: bk.$spacing-1;
       }
 

From dbd42da9ef73719a525da8da4eec8fb72837d97d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 23:01:18 +0100
Subject: [PATCH 17/47] Fix broken sizing calculations.

---
 src/components/containers/Banner/Banner.module.scss         | 2 +-
 src/components/containers/Dialog/Dialog.module.scss         | 6 +++---
 .../forms/fields/CheckboxField/CheckboxField.module.scss    | 1 -
 .../forms/fields/RadioField/RadioField.module.scss          | 1 -
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/containers/Banner/Banner.module.scss b/src/components/containers/Banner/Banner.module.scss
index 354174fc..0caae80e 100644
--- a/src/components/containers/Banner/Banner.module.scss
+++ b/src/components/containers/Banner/Banner.module.scss
@@ -16,7 +16,7 @@
     overflow: hidden; // Banners shouldn't scroll (max height on a banner doesn't really make sense)
     
     padding-block: bk.$spacing-2;
-    padding-inline: bk.$spacing-4 - bk.$radius-2;
+    padding-inline: calc(bk.$spacing-4 - bk.$radius-2);
     padding-inline-start: var(--bk-banner-indent); // Indent all of the content (e.g. for when the message wraps)
     
     border: bk.$size-1 var(--bk-banner-color-foreground) solid;
diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 71eba6c2..2270b6fa 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -35,7 +35,7 @@
       top: 0;
       z-index: 1;
       
-      padding-block: var(--bk-dialog-padding-block) (bk.$spacing-7 / 2);
+      padding-block: var(--bk-dialog-padding-block) calc(bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
       background: var(--bk-dialog-background-color);
       
@@ -58,7 +58,7 @@
     .bk-dialog__content {
       flex: 1;
       
-      margin-block: (bk.$spacing-7 / 2) (bk.$spacing-7 / 2);
+      margin-block: calc(bk.$spacing-7 / 2) calc(bk.$spacing-7 / 2);
       padding-inline: var(--bk-dialog-padding-inline);
     }
     
@@ -67,7 +67,7 @@
       bottom: 0;
       z-index: 1;
       
-      padding-block: (bk.$spacing-7 / 2) bk.$spacing-9;
+      padding-block: calc(bk.$spacing-7 / 2) bk.$spacing-9;
       padding-inline: var(--bk-dialog-padding-inline);
       // In Figma, actions have an indent. But that might be only if the content itself has an indent, need to check.
       //padding-inline-start: calc(var(--bk-dialog-padding-inline) + bk.$spacing-8);
diff --git a/src/components/forms/fields/CheckboxField/CheckboxField.module.scss b/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
index 981b7325..8a66d2c0 100644
--- a/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
+++ b/src/components/forms/fields/CheckboxField/CheckboxField.module.scss
@@ -14,7 +14,6 @@
       margin-bottom: bk.$spacing-1;
 
       .bk-checkbox-field__title__icon {
-        font-size: 18px;
         margin-left: bk.$spacing-1;
       }
 
diff --git a/src/components/forms/fields/RadioField/RadioField.module.scss b/src/components/forms/fields/RadioField/RadioField.module.scss
index 3f175c23..85a4e1c9 100644
--- a/src/components/forms/fields/RadioField/RadioField.module.scss
+++ b/src/components/forms/fields/RadioField/RadioField.module.scss
@@ -14,7 +14,6 @@
       margin-bottom: bk.$spacing-1;
 
       .bk-radio-field__title__icon {
-        font-size: 18px;
         margin-left: bk.$spacing-1;
       }
 

From 57b760b31e889b4585d0fd036bcf06760492dacd Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Fri, 3 Jan 2025 23:35:42 +0100
Subject: [PATCH 18/47] Implement slideOverPosition.

---
 src/components/containers/Banner/Banner.tsx   |  2 +-
 .../containers/Dialog/Dialog.module.scss      |  6 ++
 src/components/containers/Dialog/Dialog.tsx   | 58 ++++++++++---------
 .../DialogModal/DialogModal.module.scss       | 44 +++++++++-----
 .../overlays/DialogModal/DialogModal.tsx      | 12 +++-
 5 files changed, 74 insertions(+), 48 deletions(-)

diff --git a/src/components/containers/Banner/Banner.tsx b/src/components/containers/Banner/Banner.tsx
index 257c4100..00d627c1 100644
--- a/src/components/containers/Banner/Banner.tsx
+++ b/src/components/containers/Banner/Banner.tsx
@@ -72,7 +72,7 @@ const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
 
 
 export type BannerProps = Omit<ComponentProps<'div'>, 'title'> & {
-  /** Whether the component should include the default styling. Defaults to false. */
+  /** Whether this component should be unstyled. */
   unstyled?: undefined | boolean,
   
   /** Whether to trim this component (strip any spacing around the element). */
diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 2270b6fa..2eb73023 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -14,6 +14,10 @@
     --bk-dialog-padding-block: #{bk.$spacing-8};
     --bk-dialog-padding-inline: #{bk.$spacing-8};
     
+    // The default `auto` inherits from the parent, which we do not want. In the future if `contain: user-select`
+    // becomes supported, we could use that instead.
+    user-select: text;
+    
     margin: 0;
     padding: 0; // Do not apply padding on the outermost container (do it on the lower level elements instead)
     
@@ -22,6 +26,8 @@
       border: none;
       border-radius: 0;
     }
+    background: var(--bk-dialog-background-color);
+    color: bk.$theme-modal-text-default;
     
     display: flex;
     flex-direction: column;
diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index b9a4e964..dd2d495e 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -60,7 +60,7 @@ const CancelAction = (props: ComponentProps<typeof Button>) =>
   <Button variant="secondary" label="Cancel" {...props}/>;
 
 export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
-  /** Whether the component should include the default styling. Default: false. */
+  /** Whether this component should be unstyled. Default: false. */
   unstyled?: undefined | boolean,
   
   /** Whether the dialog should be displayed as a flat panel (no shadows/borders/rounding). Default: false. */
@@ -80,6 +80,9 @@ export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
   
   /** Any additional actions to be shown in the dialog. */
   actions?: undefined | React.ReactNode,
+  
+  /** Whether to set autofocus on the close button. Default: false. */
+  autoFocusClose?: undefined | boolean,
 };
 /**
  * The Dialog component displays an interaction with the user, for example a confirmation, or a form to be submitted.
@@ -95,6 +98,7 @@ export const Dialog = Object.assign(
       showCancelAction = true,
       onRequestClose,
       actions,
+      autoFocusClose = false,
       ...propsRest
     } = props;
     
@@ -119,34 +123,32 @@ export const Dialog = Object.assign(
           propsRest.className,
         )}
       >
-        <form>
-          <header className={cx(cl['bk-dialog__header'])}>
-            <H5 className={cx(cl['bk-dialog__header__title'])}>{title}</H5>
-            
-            <div className={cx(cl['bk-dialog__header__actions'])}>
-              {showCloseIcon &&
-                <ActionIcon
-                  autoFocus
-                  label="Close dialog"
-                  tooltip={null}
-                  className={cx(cl['bk-dialog__header-action-close'])}
-                  onPress={onRequestClose}
-                >
-                  <Icon icon="cross"/>
-                </ActionIcon>
-              }
-            </div>
-          </header>
-          
-          <section className={cx(cl['bk-dialog__content'], 'bk-body-text')}>
-            {children}
-          </section>
+        <header className={cx(cl['bk-dialog__header'])}>
+          <H5 className={cx(cl['bk-dialog__header__title'])}>{title}</H5>
           
-          <footer className={cx(cl['bk-dialog__actions'])}>
-            {showCancelAction && <CancelAction/>}
-            {actions}
-          </footer>
-        </form>
+          <div className={cx(cl['bk-dialog__header__actions'])}>
+            {showCloseIcon &&
+              <ActionIcon
+                autoFocus={autoFocusClose}
+                label="Close dialog"
+                tooltip={null}
+                className={cx(cl['bk-dialog__header-action-close'])}
+                onPress={onRequestClose}
+              >
+                <Icon icon="cross"/>
+              </ActionIcon>
+            }
+          </div>
+        </header>
+        
+        <section className={cx(cl['bk-dialog__content'], 'bk-body-text')}>
+          {children}
+        </section>
+        
+        <footer className={cx(cl['bk-dialog__actions'])}>
+          {showCancelAction && <CancelAction/>}
+          {actions}
+        </footer>
       </dialog>
     );
   },
diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index 8faefb40..e2631c3a 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -56,7 +56,9 @@
   }
 }
 
-@mixin dialog-slide-over($entry-dur: 200ms, $exit-dur: 180ms) {
+@mixin dialog-slide-over($entry-dur: 200ms, $exit-dur: 180ms, $origin: right) {
+  $dir: if($origin==right, 1, -1);
+  
   transition-property: overlay, display, translate;
   transition-timing-function: ease-out;
   transition-behavior: allow-discrete;
@@ -67,14 +69,14 @@
   // Entry transition styling
   transition-duration: $entry-dur;
   @starting-style {
-    translate: 80vw 0;
+    translate: ($dir * 80vi) 0;
   }
   
   // Exit transition styling
   &:not([open]) {
     transition-duration: $exit-dur;
     transition-timing-function: ease-in;
-    translate: 80vw 0;
+    translate: ($dir * 80vi) 0;
   }
 }
 
@@ -90,8 +92,8 @@
     // Basic modal positioning
     position: fixed;
     inset: 0;
-    max-width: 100vw;
-    max-height: 100vh;
+    max-width: 100vi;
+    max-height: 100vb;
     
     @include dialog-backdrop(
       $entry-dur: var(--bk-dialog-modal-entry-dur),
@@ -114,23 +116,23 @@
         $scale: var(--bk-dialog-modal-fade-scale),
       );
       
-      max-height: calc(100vh - 5vw); // The larger the viewport width, the more breathing room in height
+      max-height: calc(100vb - 5vi); // The larger the viewport width, the more breathing room in height
       &.bk-dialog-modal--small {
         --bk-dialog-modal-fade-scale: 1.05;
-        max-width: 30vw;
+        max-width: 30vi;
       }
       &.bk-dialog-modal--medium {
         --bk-dialog-modal-fade-scale: 1.04;
-        max-width: 50vw;
+        max-width: 50vi;
       }
       &.bk-dialog-modal--large {
         --bk-dialog-modal-fade-scale: 1.03;
-        max-width: 60vw;
+        max-width: 60vi;
       }
     }
     
     &.bk-dialog-modal--full-screen {
-      // FIXME: test this on mobile for potential overflow/shifting. May need to use `dvh`/`dvw` instead?
+      // FIXME: test this on mobile for potential overflow/shifting. May need to use `dvb`/`dvi` instead?
       inset: 0;
       margin: 0;
       width: auto;
@@ -150,14 +152,24 @@
       width: auto;
       height: auto;
       
-      margin-inline-start: 20vw;
-      
       --bk-dialog-modal-entry-dur: 300ms;
       --bk-dialog-modal-exit-dur: 250ms;
-      @include dialog-slide-over(
-        $entry-dur: var(--bk-dialog-modal-entry-dur),
-        $exit-dur: var(--bk-dialog-modal-exit-dur),
-      );
+      &.bk-dialog-modal--slide-over--left {
+        margin-inline-end: 20vi;
+        @include dialog-slide-over(
+          $entry-dur: var(--bk-dialog-modal-entry-dur),
+          $exit-dur: var(--bk-dialog-modal-exit-dur),
+          $origin: left,
+        );
+      }
+      &.bk-dialog-modal--slide-over--right {
+        margin-inline-start: 20vi;
+        @include dialog-slide-over(
+          $entry-dur: var(--bk-dialog-modal-entry-dur),
+          $exit-dur: var(--bk-dialog-modal-exit-dur),
+          $origin: right,
+        );
+      }
     }
   }
 }
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index c9dea505..7cc94e72 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -2,10 +2,8 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as React from 'react';
 import { classNames as cx, type ComponentProps } from '../../../util/componentUtil.ts';
 
-import { Button } from '../../actions/Button/Button.tsx';
 import { Dialog } from '../../containers/Dialog/Dialog.tsx';
 import { ModalProvider, type ModalProviderProps } from '../ModalProvider/ModalProvider.tsx';
 
@@ -21,6 +19,9 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
   /** How to display the modal in the viewport. Default: 'center'. */
   display?: undefined | 'center' | 'full-screen' | 'slide-over',
   
+  /** If `display` is `slide-over`, from which side the modal should originate. */
+  slideOverPosition?: undefined | 'left' | 'right',
+  
   /** The size of the modal. Note: does not apply to full screen modals. */
   size?: undefined | 'small' | 'medium' | 'large',
   
@@ -39,6 +40,7 @@ export const DialogModal = (props: DialogModalProps) => {
     trigger,
     unstyled = false,
     display = 'center',
+    slideOverPosition = 'right',
     size = 'medium',
     ...propsRest
   } = props;
@@ -49,14 +51,18 @@ export const DialogModal = (props: DialogModalProps) => {
         <Dialog
           flat={['full-screen', 'slide-over'].includes(display)}
           {...dialogProps}
+          showCloseIcon
+          autoFocusClose
           onRequestClose={close}
           {...propsRest}
           className={cx(
-            { bk: true },
+            'bk',
             { [cl['bk-dialog-modal']]: !unstyled },
             { [cl['bk-dialog-modal--center']]: display === 'center' },
             { [cl['bk-dialog-modal--full-screen']]: display === 'full-screen' },
             { [cl['bk-dialog-modal--slide-over']]: display === 'slide-over' },
+            { [cl['bk-dialog-modal--slide-over--left']]: slideOverPosition === 'left' },
+            { [cl['bk-dialog-modal--slide-over--right']]: slideOverPosition === 'right' },
             { [cl['bk-dialog-modal--small']]: size === 'small' },
             { [cl['bk-dialog-modal--medium']]: size === 'medium' },
             { [cl['bk-dialog-modal--large']]: size === 'large' },

From cf7a3f9605cb4e2e30c5964c22d659dd2bb7d45d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 00:14:37 +0100
Subject: [PATCH 19/47] Implement ModalProviderRef.

---
 .../containers/Dialog/Dialog.module.scss      |   1 -
 .../containers/Dialog/Dialog.stories.tsx      |   4 +-
 src/components/containers/Dialog/Dialog.tsx   |  44 ++++----
 .../DialogModal/DialogModal.stories.tsx       |  13 ++-
 .../overlays/DialogModal/DialogModal.tsx      | 100 ++++++++++--------
 .../ModalProvider/ModalProvider.stories.tsx   |  19 ++++
 .../overlays/ModalProvider/ModalProvider.tsx  |  16 ++-
 src/styling/global/reset.scss                 |   4 +
 8 files changed, 127 insertions(+), 74 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 2eb73023..bbbeab6c 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -87,7 +87,6 @@
       
       .bk-dialog__action { --keep: ; }
       .bk-dialog__action--icon { --keep: ; }
-      .bk-dialog__action--button { --keep: ; }
     }
     
     // State: focus
diff --git a/src/components/containers/Dialog/Dialog.stories.tsx b/src/components/containers/Dialog/Dialog.stories.tsx
index 8a534d4d..a5af8adc 100644
--- a/src/components/containers/Dialog/Dialog.stories.tsx
+++ b/src/components/containers/Dialog/Dialog.stories.tsx
@@ -28,9 +28,7 @@ export default {
   args: {
     title: 'Dialog title',
     children: <LoremIpsum paragraphs={3}/>,
-    actions: (
-      <Button variant="primary" label="Submit"/>
-    ),
+    actions: <Dialog.SubmitAction/>,
     onRequestClose: () => {},
   },
 } satisfies Meta<DialogArgs>;
diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index dd2d495e..b33c2912 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -17,47 +17,43 @@ import cl from './Dialog.module.scss';
 
 export { cl as DialogClassNames };
 
-type ActionIconProps = ComponentProps<typeof Button> & {
-  /** There must be `label` on an icon-only button, for accessibility. */
-  label: Required<ComponentProps<typeof Button>>['label'],
-  
-  /** Optional custom tooltip text, if different from `label`. */
+type ActionProps = ComponentProps<typeof Button> & {
+  /** Optional tooltip text. */
   tooltip?: undefined | ComponentProps<typeof TooltipProvider>['tooltip'],
 };
 /**
- * An action that is rendered as just an icon.
+ * An action button to be displayed in the dialog footer.
  */
-const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
+const Action = ({ tooltip = null, ...buttonProps }: ActionProps) => {
   return (
-    <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : buttonProps.label}>
-      <Button unstyled
+    <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : null}>
+      <Button
         {...buttonProps}
-        className={cx(cl['bk-dialog__action'], cl['bk-dialog__action--icon'], buttonProps.className)}
+        className={cx(cl['bk-dialog__action'], buttonProps.className)}
       />
     </TooltipProvider>
   );
 };
 
-type ActionButtonProps = ComponentProps<typeof Button> & {
-  /** Optional tooltip text. */
-  tooltip?: undefined | ComponentProps<typeof TooltipProvider>['tooltip'],
+type ActionIconProps = Omit<ActionProps, 'label'> & {
+  /** There must be `label` on an icon-only button, for accessibility. */
+  label: Required<ComponentProps<typeof Button>>['label'],
 };
 /**
  * An action that is rendered as just an icon.
  */
-const ActionButton = ({ tooltip = null, ...buttonProps }: ActionButtonProps) => {
+const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
   return (
-    <TooltipProvider compact tooltip={typeof tooltip !== 'undefined' ? tooltip : null}>
-      <Button unstyled
-        {...buttonProps}
-        className={cx(cl['bk-dialog__action'], cl['bk-dialog__action--button'], buttonProps.className)}
-      />
-    </TooltipProvider>
+    <Action unstyled
+      {...buttonProps}
+      tooltip={typeof tooltip !== 'undefined' ? tooltip : buttonProps.label}
+      className={cx(cl['bk-dialog__action--icon'], buttonProps.className)}
+    />
   );
 };
 
-const CancelAction = (props: ComponentProps<typeof Button>) =>
-  <Button variant="secondary" label="Cancel" {...props}/>;
+const CancelAction = (props: ActionProps) => <Action variant="secondary" label="Cancel" {...props}/>;
+const SubmitAction = (props: ActionProps) => <Action variant="primary" label="Submit" {...props}/>;
 
 export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
   /** Whether this component should be unstyled. Default: false. */
@@ -153,7 +149,9 @@ export const Dialog = Object.assign(
     );
   },
   {
-    ActionButton,
+    Action,
+    ActionIcon,
     CancelAction,
+    SubmitAction,
   },
 );
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index f053c3c8..77a2351b 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -49,7 +49,6 @@ export const DialogModalFullScreen: Story = {
   args: {
     display: 'full-screen',
     title: 'Full screen modal dialog',
-    showCloseAction: true,
   },
 };
 
@@ -57,6 +56,16 @@ export const DialogModalSlideOver: Story = {
   args: {
     display: 'slide-over',
     title: 'Slide over modal dialog',
-    showCloseAction: true,
+  },
+};
+
+export const ConfirmationDialog: Story = {
+  args: {
+    trigger: ({ active, activate }) => <Button variant="primary" label="Delete" onPress={activate}/>,
+    display: 'center',
+    size: 'small',
+    title: 'Confirmation',
+    children: <>Are you sure you want to delete this item?</>,
+    actions: <DialogModal.SubmitAction label="Delete" onPress={() => { window.alert('Confirmed'); }}/>,
   },
 };
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 7cc94e72..925d0516 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -13,6 +13,8 @@ import cl from './DialogModal.module.scss';
 export { cl as DialogModalClassNames };
 
 export type DialogModalProps = ComponentProps<typeof Dialog> & {
+  modalRef?: undefined | React.RefObject<null | React.ComponentRef<typeof ModalProvider>>,
+  
   /** Whether this component should be unstyled. */
   unstyled?: undefined | boolean,
   
@@ -34,47 +36,57 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
 /**
  * A dialog component displayed as a modal when activating the given trigger.
  */
-export const DialogModal = (props: DialogModalProps) => {
-  const {
-    children,
-    trigger,
-    unstyled = false,
-    display = 'center',
-    slideOverPosition = 'right',
-    size = 'medium',
-    ...propsRest
-  } = props;
-  
-  return (
-    <ModalProvider
-      content={({ close, dialogProps }) =>
-        <Dialog
-          flat={['full-screen', 'slide-over'].includes(display)}
-          {...dialogProps}
-          showCloseIcon
-          autoFocusClose
-          onRequestClose={close}
-          {...propsRest}
-          className={cx(
-            'bk',
-            { [cl['bk-dialog-modal']]: !unstyled },
-            { [cl['bk-dialog-modal--center']]: display === 'center' },
-            { [cl['bk-dialog-modal--full-screen']]: display === 'full-screen' },
-            { [cl['bk-dialog-modal--slide-over']]: display === 'slide-over' },
-            { [cl['bk-dialog-modal--slide-over--left']]: slideOverPosition === 'left' },
-            { [cl['bk-dialog-modal--slide-over--right']]: slideOverPosition === 'right' },
-            { [cl['bk-dialog-modal--small']]: size === 'small' },
-            { [cl['bk-dialog-modal--medium']]: size === 'medium' },
-            { [cl['bk-dialog-modal--large']]: size === 'large' },
-            dialogProps.className,
-            propsRest.className,
-          )}
-        >
-          {children}
-        </Dialog>
-      }
-    >
-      {trigger}
-    </ModalProvider>
-  );
-};
+export const DialogModal = Object.assign(
+  (props: DialogModalProps) => {
+    const {
+      children,
+      modalRef,
+      trigger,
+      unstyled = false,
+      display = 'center',
+      slideOverPosition = 'right',
+      size = 'medium',
+      ...propsRest
+    } = props;
+    
+    return (
+      <ModalProvider
+        ref={modalRef}
+        content={({ close, dialogProps }) =>
+          <Dialog
+            flat={['full-screen', 'slide-over'].includes(display)}
+            {...dialogProps}
+            showCloseIcon
+            autoFocusClose
+            onRequestClose={close}
+            {...propsRest}
+            className={cx(
+              'bk',
+              { [cl['bk-dialog-modal']]: !unstyled },
+              { [cl['bk-dialog-modal--center']]: display === 'center' },
+              { [cl['bk-dialog-modal--full-screen']]: display === 'full-screen' },
+              { [cl['bk-dialog-modal--slide-over']]: display === 'slide-over' },
+              { [cl['bk-dialog-modal--slide-over--left']]: slideOverPosition === 'left' },
+              { [cl['bk-dialog-modal--slide-over--right']]: slideOverPosition === 'right' },
+              { [cl['bk-dialog-modal--small']]: size === 'small' },
+              { [cl['bk-dialog-modal--medium']]: size === 'medium' },
+              { [cl['bk-dialog-modal--large']]: size === 'large' },
+              dialogProps.className,
+              propsRest.className,
+            )}
+          >
+            {children}
+          </Dialog>
+        }
+      >
+        {trigger}
+      </ModalProvider>
+    );
+  },
+  {
+    Action: Dialog.Action,
+    ActionIcon: Dialog.ActionIcon,
+    CancelAction: Dialog.CancelAction,
+    SubmitAction: Dialog.SubmitAction,
+  },
+);
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index 55e1795e..3ae39bfd 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -44,3 +44,22 @@ export const ModalProviderWithBasicDialog: Story = {
     content: ({ close, dialogProps }) => <dialog {...dialogProps}>Content</dialog>,
   },
 };
+
+const ModalProviderWithRefControlled = (props: React.ComponentProps<typeof ModalProvider>) => {
+  const ref = React.useRef<React.ComponentRef<typeof ModalProvider>>(null);
+  
+  React.useEffect(() => {
+    globalThis.setTimeout(() => {
+      ref.current?.activate();
+    }, 1000);
+  });
+  
+  return <ModalProvider ref={ref} {...props}/>;
+};
+export const ModalProviderWithRef: Story = {
+  render: args => <ModalProviderWithRefControlled {...args}/>,
+  args: {
+    children: () => <>Modal will open automatically</>,
+    content: ({ dialogProps }) => <dialog {...dialogProps}>This modal was opened through a ref.</dialog>,
+  }
+};
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index 35ce69c3..ffb6f1b0 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -13,7 +13,14 @@ import cl from './ModalProvider.module.scss';
 export { cl as ModalProviderClassNames };
 
 
+export type ModalProviderRef = {
+  activate: () => void,
+  deactivate: () => void,
+};
+
 export type ModalProviderProps = {
+  ref?: undefined | React.RefObject<null | ModalProviderRef>,
+  
   /** The trigger that activates the modal overlay. */
   children: (triggerProps: { active: boolean, activate: () => void }) => React.ReactNode,
   
@@ -31,10 +38,11 @@ export type ModalProviderProps = {
  */
 export const ModalProvider = (props: ModalProviderProps) => {
   const {
+    ref,
     children,
     content,
     activeDefault = false,
-    exitAnimationDelay = 100_000,
+    exitAnimationDelay = 3000, // ms
   } = props;
   
   const [active, setActiveInternal] = React.useState(activeDefault);
@@ -46,6 +54,7 @@ export const ModalProvider = (props: ModalProviderProps) => {
   }, [setActiveWithDelay]);
   
   const activate = React.useCallback(() => { setActive(true); }, [setActive]);
+  const deactivate = React.useCallback(() => { setActive(false); }, [setActive]);
   const triggerProps = { active, activate };
   
   const dialogProps = useControlledDialog({
@@ -54,6 +63,11 @@ export const ModalProvider = (props: ModalProviderProps) => {
     allowUserClose: true,
   });
   
+  React.useImperativeHandle(ref, () => ({
+    activate,
+    deactivate,
+  }), [activate, deactivate]);
+  
   return (
     <>
       {activeWithDelay && content(dialogProps)}
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index ab26f7ee..129e5c55 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -58,6 +58,10 @@
     all: unset;
     display: revert;
     box-sizing: border-box;
+    
+    // Issue: if the parent has `user-select: none` (e.g. button), then the dialog will inherit this by default.
+    // In the future, if `contain: user-select` is implemented, we could use that instead.
+    user-select: text;
   }
   
   // Re-apply a few sensible defaults for dialogs. For reference, see the default user agent styling rules here:

From 5635351093c4cc50e7cf419c98c882d6d4bfecbd Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 00:22:35 +0100
Subject: [PATCH 20/47] Disable DialogModal animations when user has
 prefers-reduced-motion.

---
 .../overlays/DialogModal/DialogModal.module.scss     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index e2631c3a..bf680d7a 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -16,7 +16,7 @@
     backdrop-filter: blur($blur) opacity(1);
     
     // Entry transition styling
-    transition-duration: $entry-dur;
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $entry-dur; }
     @starting-style {
       background-color: transparent;
       backdrop-filter: blur($blur) opacity(0);
@@ -25,7 +25,7 @@
   // Exit transition styling
   // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
   &:not([open])::backdrop {
-    transition-duration: $exit-dur;
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
     background-color: transparent;
     backdrop-filter: blur($blur) opacity(0);
   }
@@ -41,7 +41,7 @@
   scale: 1;
   
   // Entry transition styling
-  transition-duration: $entry-dur;
+  @media (prefers-reduced-motion: no-preference) { transition-duration: $entry-dur; }
   @starting-style {
     opacity: 0;
     scale: $scale;
@@ -49,7 +49,7 @@
   
   // Exit transition styling
   &:not([open]) {
-    transition-duration: $exit-dur;
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
     transition-timing-function: ease-in;
     opacity: 0;
     scale: calc(1 - (($scale - 1) * 0.2)); // Multiply by 0.2 to make the scale out effect a bit more subtle
@@ -67,14 +67,14 @@
   translate: 0;
   
   // Entry transition styling
-  transition-duration: $entry-dur;
+  @media (prefers-reduced-motion: no-preference) { transition-duration: $entry-dur; }
   @starting-style {
     translate: ($dir * 80vi) 0;
   }
   
   // Exit transition styling
   &:not([open]) {
-    transition-duration: $exit-dur;
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
     transition-timing-function: ease-in;
     translate: ($dir * 80vi) 0;
   }

From 6c2eb635bb0951873b04b3d91cbcfe8d0903af3d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 14:05:49 +0100
Subject: [PATCH 21/47] Fix Dialog footer 1px bleed through.

---
 src/components/containers/Dialog/Dialog.module.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index bbbeab6c..17a0ef4f 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -70,10 +70,10 @@
     
     .bk-dialog__actions {
       position: sticky;
-      bottom: 0;
+      bottom: -1px; // -1px to prevent bleed through due to pixel rounding
       z-index: 1;
       
-      padding-block: calc(bk.$spacing-7 / 2) bk.$spacing-9;
+      padding-block: calc(bk.$spacing-7 / 2) calc(bk.$spacing-9 + 1px); // 1px to compensate for `bottom: -1px`
       padding-inline: var(--bk-dialog-padding-inline);
       // In Figma, actions have an indent. But that might be only if the content itself has an indent, need to check.
       //padding-inline-start: calc(var(--bk-dialog-padding-inline) + bk.$spacing-8);

From bb0be0bf764555560ea87d47991824355ffa52b8 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 16:33:18 +0100
Subject: [PATCH 22/47] Refactor useControlledDialog -> useModalDialog.

---
 .../DialogModal/DialogModal.module.scss       |  10 +-
 .../DialogModal/DialogModal.stories.tsx       |  25 ++++
 .../overlays/DialogModal/DialogModal.tsx      |  32 +++--
 .../ModalProvider/ModalProvider.stories.tsx   |  21 ++--
 .../overlays/ModalProvider/ModalProvider.tsx  | 114 +++++++++++-------
 ...eControlledDialog.ts => useModalDialog.ts} |  94 ++++++++++-----
 6 files changed, 197 insertions(+), 99 deletions(-)
 rename src/components/util/Dialog/{useControlledDialog.ts => useModalDialog.ts} (54%)

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index bf680d7a..3bda69a5 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -116,18 +116,20 @@
         $scale: var(--bk-dialog-modal-fade-scale),
       );
       
-      max-height: calc(100vb - 5vi); // The larger the viewport width, the more breathing room in height
+      // The larger the viewport width, the more breathing room in height
+      max-height: calc(100vb - min(5vi, 3lh));
+      
       &.bk-dialog-modal--small {
         --bk-dialog-modal-fade-scale: 1.05;
-        max-width: 30vi;
+        max-width: 60ch;
       }
       &.bk-dialog-modal--medium {
         --bk-dialog-modal-fade-scale: 1.04;
-        max-width: 50vi;
+        max-width: 100ch;
       }
       &.bk-dialog-modal--large {
         --bk-dialog-modal-fade-scale: 1.03;
-        max-width: 60vi;
+        max-width: 140ch;
       }
     }
     
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 77a2351b..1c4a16d9 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -59,6 +59,31 @@ export const DialogModalSlideOver: Story = {
   },
 };
 
+const DialogModalAutoOpen = (props: React.ComponentProps<typeof DialogModal>) => {
+  const ref = DialogModal.useModalRef(null);
+  
+  // biome-ignore lint/correctness/useExhaustiveDependencies: want to only trigger this once
+    React.useEffect(() => {
+    globalThis.setTimeout(() => {
+      ref.current?.activate();
+    }, 2000);
+  }, []);
+  
+  return <DialogModal modalRef={ref} {...props}/>;
+};
+export const DialogModalWithRef: Story = {
+  args: {
+    trigger: undefined,
+    children: 'This modal was automatically opened through a ref.',
+  },
+  render: (args) => (
+    <>
+      A modal will automatically open after 2 seconds.
+      <DialogModalAutoOpen {...args}/>
+    </>
+  ),
+};
+
 export const ConfirmationDialog: Story = {
   args: {
     trigger: ({ active, activate }) => <Button variant="primary" label="Delete" onPress={activate}/>,
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 925d0516..5a8ae634 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -2,6 +2,7 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import { mergeRefs } from '../../../util/reactUtil.ts';
 import { classNames as cx, type ComponentProps } from '../../../util/componentUtil.ts';
 
 import { Dialog } from '../../containers/Dialog/Dialog.tsx';
@@ -10,10 +11,12 @@ import { ModalProvider, type ModalProviderProps } from '../ModalProvider/ModalPr
 import cl from './DialogModal.module.scss';
 
 
+type Test = React.ComponentProps<typeof Dialog>['ref'];
+
 export { cl as DialogModalClassNames };
 
 export type DialogModalProps = ComponentProps<typeof Dialog> & {
-  modalRef?: undefined | React.RefObject<null | React.ComponentRef<typeof ModalProvider>>,
+  modalRef?: undefined | React.Ref<React.ComponentRef<typeof ModalProvider>>,
   
   /** Whether this component should be unstyled. */
   unstyled?: undefined | boolean,
@@ -27,8 +30,14 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
   /** The size of the modal. Note: does not apply to full screen modals. */
   size?: undefined | 'small' | 'medium' | 'large',
   
-  /** The modal trigger. */
-  trigger: ModalProviderProps['children'],
+  /**
+   * A modal trigger to render. Will be passed an `activate` callback to open the modal. Optional, if not specified
+   * you can manually trigger the modal through `modalRef` instead.
+   */
+  trigger?: undefined | ModalProviderProps['children'],
+  
+  /** Whether to allow users to close the dialog manually. */
+  allowUserClose?: undefined | boolean,
   
   /** Any additional props to pass to the modal provider. */
   providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
@@ -41,24 +50,26 @@ export const DialogModal = Object.assign(
     const {
       children,
       modalRef,
-      trigger,
       unstyled = false,
       display = 'center',
       slideOverPosition = 'right',
       size = 'medium',
+      trigger = () => null,
+      allowUserClose = true,
+      providerProps,
       ...propsRest
     } = props;
     
     return (
       <ModalProvider
-        ref={modalRef}
-        content={({ close, dialogProps }) =>
+        allowUserClose={allowUserClose}
+        dialog={({ close, dialogProps }) =>
           <Dialog
             flat={['full-screen', 'slide-over'].includes(display)}
             {...dialogProps}
-            showCloseIcon
-            autoFocusClose
-            onRequestClose={close}
+            showCloseIcon={allowUserClose}
+            autoFocusClose={allowUserClose}
+            onRequestClose={allowUserClose ? close : undefined}
             {...propsRest}
             className={cx(
               'bk',
@@ -78,12 +89,15 @@ export const DialogModal = Object.assign(
             {children}
           </Dialog>
         }
+        {...providerProps}
+        ref={mergeRefs(modalRef, providerProps?.ref)}
       >
         {trigger}
       </ModalProvider>
     );
   },
   {
+    useModalRef: ModalProvider.useRef,
     Action: Dialog.Action,
     ActionIcon: Dialog.ActionIcon,
     CancelAction: Dialog.CancelAction,
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index 3ae39bfd..c6a8c05e 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -33,7 +33,7 @@ export default {
 export const ModalProviderStandard: Story = {
   args: {
     children: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
-    content: ({ close, dialogProps }) =>
+    dialog: ({ close, dialogProps }) =>
       <Dialog {...dialogProps} title="Modal dialog" onRequestClose={close}><LoremIpsum paragraphs={5}/></Dialog>,
   },
 };
@@ -41,25 +41,26 @@ export const ModalProviderStandard: Story = {
 export const ModalProviderWithBasicDialog: Story = {
   args: {
     children: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
-    content: ({ close, dialogProps }) => <dialog {...dialogProps}>Content</dialog>,
+    dialog: ({ close, dialogProps }) => <dialog {...dialogProps}>Content</dialog>,
   },
 };
 
-const ModalProviderWithRefControlled = (props: React.ComponentProps<typeof ModalProvider>) => {
-  const ref = React.useRef<React.ComponentRef<typeof ModalProvider>>(null);
+const ModalProviderAutoOpen = (props: React.ComponentProps<typeof ModalProvider>) => {
+  const ref = ModalProvider.useRef(null);
   
-  React.useEffect(() => {
+  // biome-ignore lint/correctness/useExhaustiveDependencies: want to only trigger this once
+    React.useEffect(() => {
     globalThis.setTimeout(() => {
       ref.current?.activate();
-    }, 1000);
-  });
+    }, 2000);
+  }, []);
   
   return <ModalProvider ref={ref} {...props}/>;
 };
 export const ModalProviderWithRef: Story = {
-  render: args => <ModalProviderWithRefControlled {...args}/>,
+  render: args => <ModalProviderAutoOpen {...args}/>,
   args: {
-    children: () => <>Modal will open automatically</>,
-    content: ({ dialogProps }) => <dialog {...dialogProps}>This modal was opened through a ref.</dialog>,
+    children: () => <>Modal will open automatically after 2 seconds.</>,
+    dialog: ({ dialogProps }) => <dialog {...dialogProps}>This modal was opened through a ref.</dialog>,
   }
 };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index ffb6f1b0..404552cf 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -5,7 +5,7 @@
 import * as React from 'react';
 
 import { useDebounce } from '../../../util/hooks/useDebounce.ts';
-import { useControlledDialog, type ControlledDialogProps } from '../../util/Dialog/useControlledDialog.ts';
+import { useModalDialog, type ModalDialogProps } from '../../util/Dialog/useModalDialog.ts';
 
 import cl from './ModalProvider.module.scss';
 
@@ -13,65 +13,87 @@ import cl from './ModalProvider.module.scss';
 export { cl as ModalProviderClassNames };
 
 
-export type ModalProviderRef = {
+// Use an active state, but with a delay in unmounting to allow exit transitions time to animate
+export const useActiveWithUnmountDelay = (
+  activeDefault: boolean | (() => boolean),
+  unmountDelay = 3000, /*ms*/
+): [boolean, boolean, React.Dispatch<React.SetStateAction<boolean>>] => {
+  const [active, setActive] = React.useState(activeDefault);
+  const [shouldMount, setShouldMount] = useDebounce(active, unmountDelay);
+  
+  const setActiveWithUnmountDelay = React.useCallback((active: React.SetStateAction<boolean>) => {
+    setActive(active);
+    if (active) { setShouldMount(true); } // Skip the delay when activating (should only be for deactivation)
+  }, [setShouldMount]);
+  
+  React.useDebugValue(`Active: ${active} / Mounted: ${shouldMount}`);
+  
+  return [active, shouldMount, setActiveWithUnmountDelay];
+};
+
+export type ModalRef = {
+  active: boolean,
   activate: () => void,
   deactivate: () => void,
 };
 
+export const useRef = React.useRef<ModalRef>;
+
 export type ModalProviderProps = {
-  ref?: undefined | React.RefObject<null | ModalProviderRef>,
+  ref?: undefined | React.Ref<ModalRef>,
   
   /** The trigger that activates the modal overlay. */
   children: (triggerProps: { active: boolean, activate: () => void }) => React.ReactNode,
   
-  /** The content to be shown in the modal overlay. */
-  content: (props: ControlledDialogProps) => React.ReactNode,
+  /** The dialog to be shown in the modal overlay. */
+  dialog: (props: ModalDialogProps) => React.ReactNode,
   
   /** Whether the modal should be active by default. */
   activeDefault?: undefined | boolean,
   
-  /** How long to keep the dialog in the DOM for exit animation purposes. Default: 2 seconds. */
-  exitAnimationDelay?: undefined | number,
+  /** Whether to allow users to close the modal manually. */
+  allowUserClose?: undefined | boolean,
+  
+  /** How long to keep the dialog in the DOM for exit animation purposes. Default: 3 seconds. */
+  unmountDelay?: undefined | number,
 };
 /**
  * Provider around a trigger (e.g. button) to display a modal overlay on trigger activation.
  */
-export const ModalProvider = (props: ModalProviderProps) => {
-  const {
-    ref,
-    children,
-    content,
-    activeDefault = false,
-    exitAnimationDelay = 3000, // ms
-  } = props;
-  
-  const [active, setActiveInternal] = React.useState(activeDefault);
-  const [activeWithDelay, setActiveWithDelay] = useDebounce(active, exitAnimationDelay);
-  
-  const setActive = React.useCallback((active: boolean) => {
-    setActiveInternal(active);
-    if (active) { setActiveWithDelay(true); } // Skip the delay when activating (should only be for deactivation)
-  }, [setActiveWithDelay]);
-  
-  const activate = React.useCallback(() => { setActive(true); }, [setActive]);
-  const deactivate = React.useCallback(() => { setActive(false); }, [setActive]);
-  const triggerProps = { active, activate };
-  
-  const dialogProps = useControlledDialog({
-    active,
-    onActiveStateChange: setActive,
-    allowUserClose: true,
-  });
-  
-  React.useImperativeHandle(ref, () => ({
-    activate,
-    deactivate,
-  }), [activate, deactivate]);
-  
-  return (
-    <>
-      {activeWithDelay && content(dialogProps)}
-      {children(triggerProps)}
-    </>
-  );
-};
+export const ModalProvider = Object.assign(
+  (props: ModalProviderProps) => {
+    const {
+      ref,
+      children,
+      dialog,
+      activeDefault = false,
+      allowUserClose = false,
+      unmountDelay = 3000, // ms
+    } = props;
+    
+    const [active, shouldMount, setActive] = useActiveWithUnmountDelay(activeDefault, unmountDelay);
+    
+    const modalRef = React.useMemo<ModalRef>(() => ({
+      active,
+      activate: () => { setActive(true); },
+      deactivate: () => { setActive(false); },
+    }), [active, setActive]);
+    
+    React.useImperativeHandle(ref, () => modalRef, [modalRef]);
+    
+    const dialogProps = useModalDialog(modalRef, {
+      allowUserClose,
+      shouldCloseOnBackdropClick: allowUserClose,
+    });
+    
+    return (
+      <>
+        {shouldMount && dialog(dialogProps)}
+        {children(modalRef)}
+      </>
+    );
+  },
+  {
+    useRef,
+  },
+);
diff --git a/src/components/util/Dialog/useControlledDialog.ts b/src/components/util/Dialog/useModalDialog.ts
similarity index 54%
rename from src/components/util/Dialog/useControlledDialog.ts
rename to src/components/util/Dialog/useModalDialog.ts
index 3ecd165b..54a93213 100644
--- a/src/components/util/Dialog/useControlledDialog.ts
+++ b/src/components/util/Dialog/useModalDialog.ts
@@ -5,41 +5,46 @@
 import * as React from 'react';
 
 
-export type UseControlledDialogArgs = {
-  /** Whether the dialog is currently active. */
+export type ModalDialogController = {
+  /** Whether the dialog should be active. */
   active: boolean,
-  
-  /** A callback that will be called when the dialog changes active state. */
-  onActiveStateChange: (active: boolean) => void,
-  
+  /** Notify that the dialog has been opened. Change must be respected (otherwise no longer in sync). */
+  activate: () => void,
+  /** Notify that the dialog has been closed. Change must be respected (otherwise no longer in sync). */
+  deactivate: () => void,
+};
+
+export type UseModalDialogOptions = {
   /**
    * Whether to allow the user to close the modal through the browser (e.g. with the Escape key). Disabling this may
-   * be useful in cases where we need the user to stay in the modal (e.g. pending confirmation, pending form submit).
+   * be useful in cases where we need the user to stay in the modal (e.g. form validation, mandatory onboarding flows).
+   * Note: closing cannot be always be prevented (e.g. browser may force the dialog to close, or closed through JS).
    */
   allowUserClose?: undefined | boolean,
   
-  /** Whether the user clicking the backdrop should close the modal. */
+  /** Whether the user clicking the backdrop should close the modal. Only valid if `allowUserClose` is true. */
   shouldCloseOnBackdropClick?: undefined | boolean,
 };
 
-export type ControlledDialogProps = {
+export type ModalDialogProps = {
   close: () => void,
   dialogProps: React.ComponentProps<'dialog'>,
 };
 
-/**
- * Control the activation state of the given `<dialog>` element through the given `active` boolean.
+/*
+ * A utility hook to control the state of a <dialog> element used as a modal (with `.showModal()`).
  */
-export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDialogProps => {
+export const useModalDialog = (
+  controller: ModalDialogController,
+  options: UseModalDialogOptions,
+): ModalDialogProps => {
   const {
-    active,
-    onActiveStateChange,
     allowUserClose = true,
     shouldCloseOnBackdropClick = true,
-  } = args;
+  } = options;
   
   const dialogRef = React.useRef<HTMLDialogElement>(null);
-  //const lastActiveElementRef = React.useRef<Element>(null);
+  //const lastActiveElementRef = React.useRef<Element>(null); // Note: browsers track this automatically now
   
   const requestDialogClose = React.useCallback(() => {
     const dialog = dialogRef.current;
@@ -55,26 +60,53 @@ export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDi
   // Sync active state with <dialog> DOM state
   React.useEffect(() => {
     const dialog = dialogRef.current;
-    if (!dialog) { return; }
+    if (!dialog) { return; } // Nothing to sync with
     
-    const isDialogOpen = dialog.matches(':modal');
-    if (active && !isDialogOpen) {
+    const isDialogOpenModal = dialog.open && dialog.matches(':modal');
+    
+    if (controller.active && !isDialogOpenModal) { // Should be active but isn't
       // Save a reference to the last focused element before opening the modal
       //lastActiveElementRef.current = document.activeElement;
       
       try {
-        dialog.open = false; // Make sure the <dialog> does not already have a non-modal `open`
+        dialog.open = false; // Make sure the dialog is not open as a non-modal (i.e. through `.show()`)
         dialog.showModal();
       } catch (error: unknown) {
         console.error(`Unable to open modal dialog`, error);
-        onActiveStateChange(false);
+        controller.deactivate();
       }
-    } else if (!active && isDialogOpen) {
-      dialog.close();
+    } else if (!controller.active && isDialogOpenModal) { // Should not be active but is
+      try {
+        dialog.close();
+      } catch (error: unknown) {
+        console.error(`Unable to close modal dialog`, error);
+        controller.activate();
+      }
+    }
+  }, [controller]);
+  
+  // The `beforetoggle` event can be used to detect when a modal opens. Note: browser support is poor currently, but
+  // it's okay since we generally control the activation, not the user. In non-supporting browsers, if someone were to
+  // // manually call `.showModal()` through devtools they could potentially cause a desync.
+  // https://caniuse.com/mdn-api_htmlelement_toggle_event_dialog_elements
+  const handleDialogBeforeToggle = React.useCallback((event: React.ToggleEvent<HTMLDialogElement>) => {
+    if (event.newState === 'open') {
+      controller.activate();
+    }
+  }, [controller]);
+  
+  // Handle dialog `cancel` event. This event is called when the user requests the dialog to close (e.g. with Escape
+  // key). Can be canceled, though browsers do not always respect the cancelation (e.g. Chrome still closes when the
+  // Escape key is hit twice).
+  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event
+  const handleDialogCancel = React.useCallback((event: React.SyntheticEvent<HTMLDialogElement>) => {
+    if (!allowUserClose) {
+      event.preventDefault();
     }
-  }, [active, onActiveStateChange]);
+  }, [allowUserClose]);
   
-  // Handle dialog `close` event
+  // Handle dialog `close` event. This event is called when the dialog has already been closed (cannot be canceled).
+  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event
   const handleDialogClose = React.useCallback(() => {
     /*
     // XXX This is probably not necessary, browsers do this out of the box already
@@ -85,8 +117,8 @@ export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDi
     }
     */
     
-    onActiveStateChange(false); // Sync with the consumer
-  }, [onActiveStateChange]);
+    controller.deactivate(); // Sync with the controller
+  }, [controller]);
   
   // Handle dialog `click` event
   const handleDialogClick = React.useCallback((event: React.MouseEvent<HTMLDialogElement>) => {
@@ -108,9 +140,9 @@ export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDi
     }
     
     if (allowUserClose && shouldCloseOnBackdropClick && isClickOnBackdrop) {
-      dialog.close();
+      controller.deactivate();
     }
-  }, [allowUserClose, shouldCloseOnBackdropClick]);
+  }, [controller, allowUserClose, shouldCloseOnBackdropClick]);
   
   // Handle dialog `keydown` event
   const handleDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDialogElement>) => {
@@ -123,8 +155,10 @@ export const useControlledDialog = (args: UseControlledDialogArgs): ControlledDi
     close: requestDialogClose,
     dialogProps: {
       ref: dialogRef,
-      open: undefined, // Leave the `open` attribute to the browser to manage
+      open: undefined, // Do not set `open`, leave it to the browser to manage automatically
       
+      onBeforeToggle: handleDialogBeforeToggle,
+      onCancel: handleDialogCancel,
       onClose: handleDialogClose,
       // Note: we don't need keyboard accessibility for this `onClick`, the backdrop is not (and should not be) an
       // interactive element. This is a visual only convenience, screen readers should use the other close mechanisms.

From 4fe0d9fb1e13bbc041bcf8ad72abda752174253d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 17:39:46 +0100
Subject: [PATCH 23/47] Implement useModalRefWithSubject().

---
 .../DialogModal/DialogModal.stories.tsx       | 47 +++++++++++++++--
 .../overlays/DialogModal/DialogModal.tsx      | 50 +++++++++++++++----
 .../overlays/ModalProvider/ModalProvider.tsx  |  2 +-
 src/typography/BodyText/BodyText.mixins.scss  |  2 +-
 4 files changed, 84 insertions(+), 17 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 1c4a16d9..f45888c6 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -24,7 +24,7 @@ export default {
   argTypes: {},
   args: {
     title: 'Modal dialog',
-    trigger: ({ active, activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
+    trigger: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
     children: <LoremIpsum paragraphs={15}/>,
   },
   render: (args) => <><LoremIpsum paragraphs={2}/> <DialogModal {...args}/> <LoremIpsum paragraphs={2}/></>,
@@ -33,6 +33,19 @@ export default {
 
 export const DialogModalStandard: Story = {};
 
+export const DialogModalNoncloseable: Story = {
+  args: {
+    activeDefault: true,
+    allowUserClose: false,
+    children: ({ close }) => (
+      <article className="bk-body-text">
+        <p>It should not be possible to close this dialog, except through the following button:</p>
+        <p><Button variant="primary" label="Force close" onPress={close}/></p>
+      </article>
+    ),
+  },
+};
+
 export const DialogModalSmall: Story = {
   args: {
     size: 'small',
@@ -59,7 +72,7 @@ export const DialogModalSlideOver: Story = {
   },
 };
 
-const DialogModalAutoOpen = (props: React.ComponentProps<typeof DialogModal>) => {
+const DialogModalControlledWithRef = (props: React.ComponentProps<typeof DialogModal>) => {
   const ref = DialogModal.useModalRef(null);
   
   // biome-ignore lint/correctness/useExhaustiveDependencies: want to only trigger this once
@@ -79,14 +92,40 @@ export const DialogModalWithRef: Story = {
   render: (args) => (
     <>
       A modal will automatically open after 2 seconds.
-      <DialogModalAutoOpen {...args}/>
+      <DialogModalControlledWithRef {...args}/>
     </>
   ),
 };
 
+const DialogModalControlledWithSubject = (props: React.ComponentProps<typeof DialogModal>) => {
+  type Subject = { name: string };
+  const modal = DialogModal.useModalRefWithSubject<null | Subject>(null);
+  
+  return (
+    <article className="bk-body-text">
+      {modal.subject &&
+        <DialogModal {...props} modalRef={modal.modalRef} title={modal.subject.name}>
+          Details about {modal.subject.name} here.
+        </DialogModal>
+      }
+      
+      <p>A single details modal will be used, filled in with the subject based on which name was pressed.</p>
+      
+      <p><Button variant="primary" label="Open: Alice" onPress={() => { modal.activateWith({ name: 'Alice' }); }}/></p>
+      <p><Button variant="primary" label="Open: Bob" onPress={() => { modal.activateWith({ name: 'Bob' }); }}/></p>
+    </article>
+  );
+};
+export const DialogModalWithSubject: Story = {
+  args: {
+    trigger: undefined,
+  },
+  render: (args) => <DialogModalControlledWithSubject {...args}/>,
+};
+
 export const ConfirmationDialog: Story = {
   args: {
-    trigger: ({ active, activate }) => <Button variant="primary" label="Delete" onPress={activate}/>,
+    trigger: ({ activate }) => <Button variant="primary" label="Delete" onPress={activate}/>,
     display: 'center',
     size: 'small',
     title: 'Confirmation',
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 5a8ae634..5e699d3e 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -2,8 +2,10 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import * as React from 'react';
+import { flushSync } from 'react-dom';
 import { mergeRefs } from '../../../util/reactUtil.ts';
-import { classNames as cx, type ComponentProps } from '../../../util/componentUtil.ts';
+import { classNames as cx } from '../../../util/componentUtil.ts';
 
 import { Dialog } from '../../containers/Dialog/Dialog.tsx';
 import { ModalProvider, type ModalProviderProps } from '../ModalProvider/ModalProvider.tsx';
@@ -11,16 +13,35 @@ import { ModalProvider, type ModalProviderProps } from '../ModalProvider/ModalPr
 import cl from './DialogModal.module.scss';
 
 
-type Test = React.ComponentProps<typeof Dialog>['ref'];
-
 export { cl as DialogModalClassNames };
 
-export type DialogModalProps = ComponentProps<typeof Dialog> & {
-  modalRef?: undefined | React.Ref<React.ComponentRef<typeof ModalProvider>>,
+export const useModalRefWithSubject = <S,>(subjectInitial: S | (() => S), activeInitial = false) => {
+  const modalRef = ModalProvider.useRef(null);
+  const [subject, setSubject] = React.useState(subjectInitial);
+  
+  return {
+    modalRef,
+    subject,
+    activateWith: (subject: S | (() => S)) => {
+      // Use flushSync() to force the modal to render, in case the modal rendering is conditional
+      // on the subject being set.
+      flushSync(() => { setSubject(subject); });
+      
+      modalRef.current?.activate();
+    },
+  };
+};
+
+export type DialogModalProps = Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
+  /** Content of the modal. If a function, will be passed a dialog controller. */
+  children?: React.ReactNode | ModalProviderProps['dialog'],
   
   /** Whether this component should be unstyled. */
   unstyled?: undefined | boolean,
   
+  /** Whether the modal should be active by default. Default: false. */
+  activeDefault?: undefined | boolean,
+  
   /** How to display the modal in the viewport. Default: 'center'. */
   display?: undefined | 'center' | 'full-screen' | 'slide-over',
   
@@ -39,6 +60,9 @@ export type DialogModalProps = ComponentProps<typeof Dialog> & {
   /** Whether to allow users to close the dialog manually. */
   allowUserClose?: undefined | boolean,
   
+  /** A reference to the modal, for imperative control. */
+  modalRef?: undefined | React.Ref<React.ComponentRef<typeof ModalProvider>>,
+  
   /** Any additional props to pass to the modal provider. */
   providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
 };
@@ -49,27 +73,30 @@ export const DialogModal = Object.assign(
   (props: DialogModalProps) => {
     const {
       children,
-      modalRef,
       unstyled = false,
+      activeDefault = false,
       display = 'center',
       slideOverPosition = 'right',
       size = 'medium',
       trigger = () => null,
       allowUserClose = true,
+      modalRef,
       providerProps,
       ...propsRest
     } = props;
     
     return (
       <ModalProvider
+        activeDefault={activeDefault}
         allowUserClose={allowUserClose}
-        dialog={({ close, dialogProps }) =>
+        dialog={dialogController =>
           <Dialog
             flat={['full-screen', 'slide-over'].includes(display)}
-            {...dialogProps}
+            {...dialogController.dialogProps}
             showCloseIcon={allowUserClose}
             autoFocusClose={allowUserClose}
-            onRequestClose={allowUserClose ? close : undefined}
+            showCancelAction={allowUserClose}
+            onRequestClose={allowUserClose ? dialogController.close : undefined}
             {...propsRest}
             className={cx(
               'bk',
@@ -82,11 +109,11 @@ export const DialogModal = Object.assign(
               { [cl['bk-dialog-modal--small']]: size === 'small' },
               { [cl['bk-dialog-modal--medium']]: size === 'medium' },
               { [cl['bk-dialog-modal--large']]: size === 'large' },
-              dialogProps.className,
+              dialogController.dialogProps.className,
               propsRest.className,
             )}
           >
-            {children}
+            {typeof children === 'function' ? children(dialogController) : children}
           </Dialog>
         }
         {...providerProps}
@@ -98,6 +125,7 @@ export const DialogModal = Object.assign(
   },
   {
     useModalRef: ModalProvider.useRef,
+    useModalRefWithSubject,
     Action: Dialog.Action,
     ActionIcon: Dialog.ActionIcon,
     CancelAction: Dialog.CancelAction,
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index 404552cf..ab5e8013 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -48,7 +48,7 @@ export type ModalProviderProps = {
   /** The dialog to be shown in the modal overlay. */
   dialog: (props: ModalDialogProps) => React.ReactNode,
   
-  /** Whether the modal should be active by default. */
+  /** Whether the modal should be active by default. Default: false. */
   activeDefault?: undefined | boolean,
   
   /** Whether to allow users to close the modal manually. */
diff --git a/src/typography/BodyText/BodyText.mixins.scss b/src/typography/BodyText/BodyText.mixins.scss
index 946e3a05..ddd48f2e 100644
--- a/src/typography/BodyText/BodyText.mixins.scss
+++ b/src/typography/BodyText/BodyText.mixins.scss
@@ -221,7 +221,7 @@
     }
   }
   
-  > :first-child {
+  > :nth-child(1 of :not([hidden], dialog)) {
     margin-block-start: 0;
   }
 }

From a724071fbd174df0a85256270eba3291a3454ba0 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:41:06 +0100
Subject: [PATCH 24/47] Implement DialogModal.useConfirmationModal()

---
 src/components/containers/Dialog/Dialog.tsx   | 10 ++-
 .../DialogModal/DialogModal.stories.tsx       | 44 ++++++++---
 .../overlays/DialogModal/DialogModal.tsx      | 74 ++++++++++++++-----
 3 files changed, 97 insertions(+), 31 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index b33c2912..ed410973 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -141,10 +141,12 @@ export const Dialog = Object.assign(
           {children}
         </section>
         
-        <footer className={cx(cl['bk-dialog__actions'])}>
-          {showCancelAction && <CancelAction/>}
-          {actions}
-        </footer>
+        {(showCancelAction || actions) &&
+          <footer className={cx(cl['bk-dialog__actions'])}>
+            {showCancelAction && <CancelAction/>}
+            {actions}
+          </footer>
+        }
       </dialog>
     );
   },
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index f45888c6..63d57504 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -99,12 +99,12 @@ export const DialogModalWithRef: Story = {
 
 const DialogModalControlledWithSubject = (props: React.ComponentProps<typeof DialogModal>) => {
   type Subject = { name: string };
-  const modal = DialogModal.useModalRefWithSubject<null | Subject>(null);
+  const modal = DialogModal.useModalWithSubject<null | Subject>(null);
   
   return (
     <article className="bk-body-text">
       {modal.subject &&
-        <DialogModal {...props} modalRef={modal.modalRef} title={modal.subject.name}>
+        <DialogModal {...modal.props} {...props} title={modal.subject.name}>
           Details about {modal.subject.name} here.
         </DialogModal>
       }
@@ -123,13 +123,39 @@ export const DialogModalWithSubject: Story = {
   render: (args) => <DialogModalControlledWithSubject {...args}/>,
 };
 
-export const ConfirmationDialog: Story = {
+const DialogModalControlledConfirmation = (props: React.ComponentProps<typeof DialogModal>) => {
+  type Subject = { name: string };
+  const deleteConfirmer = DialogModal.useConfirmationModal<null | Subject>(null, {
+    onConfirm() { globalThis.alert('Confirmed'); },
+    onCancel() { globalThis.alert('Canceled'); },
+  });
+  
+  return (
+    <article className="bk-body-text">
+      {deleteConfirmer.subject &&
+        <DialogModal {...deleteConfirmer.props} {...props} title={deleteConfirmer.subject.name}>
+          Are you sure you want to delete "{deleteConfirmer.subject.name}"?
+        </DialogModal>
+      }
+      
+      <p>A single details modal will be used, filled in with the subject based on which name was pressed.</p>
+      
+      <p>
+        <Button variant="primary" label="Delete Item 1"
+          onPress={() => { deleteConfirmer.activateWith({ name: 'Item 1' }); }}
+        />
+      </p>
+      <p>
+        <Button variant="primary" label="Delete Item 2"
+          onPress={() => { deleteConfirmer.activateWith({ name: 'Item 2' }); }}
+        />
+      </p>
+    </article>
+  );
+};
+export const DialogModalConfirmation: Story = {
   args: {
-    trigger: ({ activate }) => <Button variant="primary" label="Delete" onPress={activate}/>,
-    display: 'center',
-    size: 'small',
-    title: 'Confirmation',
-    children: <>Are you sure you want to delete this item?</>,
-    actions: <DialogModal.SubmitAction label="Delete" onPress={() => { window.alert('Confirmed'); }}/>,
+    trigger: undefined,
   },
+  render: (args) => <DialogModalControlledConfirmation {...args}/>,
 };
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 5e699d3e..d1b8cd8c 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -15,23 +15,6 @@ import cl from './DialogModal.module.scss';
 
 export { cl as DialogModalClassNames };
 
-export const useModalRefWithSubject = <S,>(subjectInitial: S | (() => S), activeInitial = false) => {
-  const modalRef = ModalProvider.useRef(null);
-  const [subject, setSubject] = React.useState(subjectInitial);
-  
-  return {
-    modalRef,
-    subject,
-    activateWith: (subject: S | (() => S)) => {
-      // Use flushSync() to force the modal to render, in case the modal rendering is conditional
-      // on the subject being set.
-      flushSync(() => { setSubject(subject); });
-      
-      modalRef.current?.activate();
-    },
-  };
-};
-
 export type DialogModalProps = Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
   /** Content of the modal. If a function, will be passed a dialog controller. */
   children?: React.ReactNode | ModalProviderProps['dialog'],
@@ -66,6 +49,60 @@ export type DialogModalProps = Omit<React.ComponentProps<typeof Dialog>, 'childr
   /** Any additional props to pass to the modal provider. */
   providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
 };
+
+export type ModalWithSubject<S> = {
+  props: Partial<DialogModalProps>,
+  subject: S,
+  activateWith: (subject: S | (() => S)) => void,
+};
+/**
+ * Utility hook to get a reference to a `DialogModal` for imperative usage. To open, you can call `activate()`, or
+ * `activateWith()` if you want to include some subject data to be shown in the modal.
+ */
+export const useModalWithSubject = <S,>(subjectInitial: S | (() => S)): ModalWithSubject<S> => {
+  const modalRef = ModalProvider.useRef(null);
+  const [subject, setSubject] = React.useState(subjectInitial);
+  
+  return {
+    props: { modalRef },
+    subject,
+    activateWith: (subject: S | (() => S)) => {
+      // Use flushSync() to force the modal to render, in case the modal rendering is conditional
+      // on the subject being set.
+      flushSync(() => { setSubject(subject); });
+      
+      modalRef.current?.activate();
+    },
+  };
+};
+
+/**
+ * Similar to `useModalWithSubject`, but will be preconfigured for usage as a confirmation modal.
+ */
+export const useConfirmationModal = <S,>(
+  subjectInitial: S | (() => S),
+  config: { onConfirm: () => void, onCancel?: undefined | (() => void) },
+) => {
+  const modal = useModalWithSubject(subjectInitial);
+  return {
+    ...modal,
+    props: {
+      ...modal.props,
+      display: 'center' as const,
+      size: 'small' as const,
+      allowUserClose: false, // Force the user to explicitly select an action
+      title: 'Confirm',
+      children: 'Are you sure you want to perform this action?',
+      actions: (
+        <>
+          <Dialog.CancelAction label="Cancel" onPress={config.onCancel}/>
+          <Dialog.SubmitAction label="Confirm" onPress={config.onConfirm}/>
+        </>
+      ),
+    },
+  };
+};
+
 /**
  * A dialog component displayed as a modal when activating the given trigger.
  */
@@ -125,7 +162,8 @@ export const DialogModal = Object.assign(
   },
   {
     useModalRef: ModalProvider.useRef,
-    useModalRefWithSubject,
+    useModalWithSubject,
+    useConfirmationModal,
     Action: Dialog.Action,
     ActionIcon: Dialog.ActionIcon,
     CancelAction: Dialog.CancelAction,

From e5d82c56f7ab93e4baeb48052a62859be2ac0781 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:44:18 +0100
Subject: [PATCH 25/47] Fix build errors.

---
 .../forms/controls/DatePicker/DatePicker.module.scss          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/controls/DatePicker/DatePicker.module.scss b/src/components/forms/controls/DatePicker/DatePicker.module.scss
index 0ecf05d7..fc4afbfd 100644
--- a/src/components/forms/controls/DatePicker/DatePicker.module.scss
+++ b/src/components/forms/controls/DatePicker/DatePicker.module.scss
@@ -13,7 +13,7 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-right: -$caret-width;
+    margin-right: calc(-1 * $caret-width);
   }
 
   .bk-date-picker--input {
@@ -25,7 +25,7 @@
     width: $caret-width;
     height: $caret-width;
     position: relative;
-    left: -$caret-width;
+    left: calc(-1 * $caret-width);
     top: bk.rem-from-px(-1);
   }
 

From c7716101141e9917405e4e07185bb5c2ba25904f Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:44:18 +0100
Subject: [PATCH 26/47] Fix build errors.

---
 .../forms/controls/DatePicker/DatePicker.module.scss          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/controls/DatePicker/DatePicker.module.scss b/src/components/forms/controls/DatePicker/DatePicker.module.scss
index 0ecf05d7..fc4afbfd 100644
--- a/src/components/forms/controls/DatePicker/DatePicker.module.scss
+++ b/src/components/forms/controls/DatePicker/DatePicker.module.scss
@@ -13,7 +13,7 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-right: -$caret-width;
+    margin-right: calc(-1 * $caret-width);
   }
 
   .bk-date-picker--input {
@@ -25,7 +25,7 @@
     width: $caret-width;
     height: $caret-width;
     position: relative;
-    left: -$caret-width;
+    left: calc(-1 * $caret-width);
     top: bk.rem-from-px(-1);
   }
 

From 03710a11e38fbf8a47469bfb80a109b50613117d Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:51:54 +0100
Subject: [PATCH 27/47] Disable no-global-function-names stylelint rule until
 round() issue is fixed.

---
 stylelint.config.mjs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/stylelint.config.mjs b/stylelint.config.mjs
index b4b97eb3..3944e2d6 100644
--- a/stylelint.config.mjs
+++ b/stylelint.config.mjs
@@ -79,7 +79,8 @@ export default {
     ],
     
     // Expressions
-    //...
+    // Workaround for `round()`, re-enable once https://github.com/stylelint-scss/stylelint-scss/pull/1097 lands
+    'scss/no-global-function-names': null,
     
     // CSS extensions (e.g. CSS modules, or future CSS)
     //'property-no-unknown': [true, { ignoreProperties: [] }],

From 1399a24a91b3e0a1acecafb1324c1c036347a531 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:51:54 +0100
Subject: [PATCH 28/47] Disable no-global-function-names stylelint rule until
 round() issue is fixed.

---
 stylelint.config.mjs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/stylelint.config.mjs b/stylelint.config.mjs
index b4b97eb3..3944e2d6 100644
--- a/stylelint.config.mjs
+++ b/stylelint.config.mjs
@@ -79,7 +79,8 @@ export default {
     ],
     
     // Expressions
-    //...
+    // Workaround for `round()`, re-enable once https://github.com/stylelint-scss/stylelint-scss/pull/1097 lands
+    'scss/no-global-function-names': null,
     
     // CSS extensions (e.g. CSS modules, or future CSS)
     //'property-no-unknown': [true, { ignoreProperties: [] }],

From 8d6291782598ba76fc8ed0c3ce311c406e679cb7 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 19:54:15 +0100
Subject: [PATCH 29/47] Add missing license header.

---
 src/util/hooks/useDebounce.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/util/hooks/useDebounce.ts b/src/util/hooks/useDebounce.ts
index 5223e582..396ee351 100644
--- a/src/util/hooks/useDebounce.ts
+++ b/src/util/hooks/useDebounce.ts
@@ -1,3 +1,6 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
 

From e200789358b88ce5a70a818d8962e8d689301299 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sat, 4 Jan 2025 23:53:48 +0100
Subject: [PATCH 30/47] Implement SpinnerModal + allow ModalProvider to be
 controlled.

---
 package.json.js                               |  1 +
 plopfile.ts                                   | 13 ++--
 .../DialogModal/DialogModal.stories.tsx       |  5 +-
 .../overlays/DialogModal/DialogModal.tsx      |  8 ++-
 .../overlays/ModalProvider/ModalProvider.tsx  | 35 +++++++----
 .../SpinnerModal/SpinnerModal.module.scss     | 11 ++++
 .../SpinnerModal/SpinnerModal.stories.tsx     | 50 +++++++++++++++
 .../overlays/SpinnerModal/SpinnerModal.tsx    | 62 +++++++++++++++++++
 src/components/util/Dialog/useModalDialog.ts  | 15 ++++-
 src/styling/global/reset.scss                 |  2 +-
 src/util/reactUtil.ts                         | 14 ++++-
 11 files changed, 188 insertions(+), 28 deletions(-)
 create mode 100644 src/components/overlays/SpinnerModal/SpinnerModal.module.scss
 create mode 100644 src/components/overlays/SpinnerModal/SpinnerModal.stories.tsx
 create mode 100644 src/components/overlays/SpinnerModal/SpinnerModal.tsx

diff --git a/package.json.js b/package.json.js
index 3ff6f249..b3ae31c9 100644
--- a/package.json.js
+++ b/package.json.js
@@ -168,6 +168,7 @@ const packageConfig = {
     'react': '^19.0.0',
     'react-dom': '^19.0.0',
     'react-error-boundary': '^4.1.2',
+    //'@uidotdev/usehooks': '^2.4.1',
     
     '@floating-ui/react': '^0.26.28',
     'react-toastify': '^10.0.6',
diff --git a/plopfile.ts b/plopfile.ts
index 3c5d12ee..05d824b5 100644
--- a/plopfile.ts
+++ b/plopfile.ts
@@ -78,12 +78,13 @@ const componentTemplate = {
       return (
         <{{{element-type}}}
           {...propsRest}
-          className={cx({
-            bk: true,
-            [cl['bk-{{{kebabCase component-name}}}']]: !unstyled,
-            [cl['bk-{{{kebabCase component-name}}}--x']]: variant === 'x',
-            [cl['bk-{{{kebabCase component-name}}}--y']]: variant === 'y',
-          }, propsRest.className)}
+          className={cx(
+            'bk',
+            { [cl['bk-{{{kebabCase component-name}}}']]: !unstyled },
+            { [cl['bk-{{{kebabCase component-name}}}--x']]: variant === 'x' },
+            { [cl['bk-{{{kebabCase component-name}}}--y']]: variant === 'y' },
+            propsRest.className,
+          )}
         />
       );
     };
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 63d57504..661300ce 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -23,7 +23,7 @@ export default {
   },
   argTypes: {},
   args: {
-    title: 'Modal dialog',
+    title: 'Modal Dialog',
     trigger: ({ activate }) => <Button variant="primary" label="Open modal" onPress={activate}/>,
     children: <LoremIpsum paragraphs={15}/>,
   },
@@ -126,6 +126,7 @@ export const DialogModalWithSubject: Story = {
 const DialogModalControlledConfirmation = (props: React.ComponentProps<typeof DialogModal>) => {
   type Subject = { name: string };
   const deleteConfirmer = DialogModal.useConfirmationModal<null | Subject>(null, {
+    actionLabel: 'Delete',
     onConfirm() { globalThis.alert('Confirmed'); },
     onCancel() { globalThis.alert('Canceled'); },
   });
@@ -133,7 +134,7 @@ const DialogModalControlledConfirmation = (props: React.ComponentProps<typeof Di
   return (
     <article className="bk-body-text">
       {deleteConfirmer.subject &&
-        <DialogModal {...deleteConfirmer.props} {...props} title={deleteConfirmer.subject.name}>
+        <DialogModal {...deleteConfirmer.props} {...props} title="Confirm Delete">
           Are you sure you want to delete "{deleteConfirmer.subject.name}"?
         </DialogModal>
       }
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index d1b8cd8c..598470cc 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -81,7 +81,11 @@ export const useModalWithSubject = <S,>(subjectInitial: S | (() => S)): ModalWit
  */
 export const useConfirmationModal = <S,>(
   subjectInitial: S | (() => S),
-  config: { onConfirm: () => void, onCancel?: undefined | (() => void) },
+  config: {
+    actionLabel?: undefined | string,
+    onConfirm: () => void,
+    onCancel?: undefined | (() => void)
+  },
 ) => {
   const modal = useModalWithSubject(subjectInitial);
   return {
@@ -96,7 +100,7 @@ export const useConfirmationModal = <S,>(
       actions: (
         <>
           <Dialog.CancelAction label="Cancel" onPress={config.onCancel}/>
-          <Dialog.SubmitAction label="Confirm" onPress={config.onConfirm}/>
+          <Dialog.SubmitAction label={config.actionLabel || 'Confirm'} onPress={config.onConfirm}/>
         </>
       ),
     },
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index ab5e8013..a2db9599 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -15,20 +15,20 @@ export { cl as ModalProviderClassNames };
 
 // Use an active state, but with a delay in unmounting to allow exit transitions time to animate
 export const useActiveWithUnmountDelay = (
-  activeDefault: boolean | (() => boolean),
+  active: boolean,
+  setActive: React.Dispatch<React.SetStateAction<boolean>>,
   unmountDelay = 3000, /*ms*/
-): [boolean, boolean, React.Dispatch<React.SetStateAction<boolean>>] => {
-  const [active, setActive] = React.useState(activeDefault);
+): [boolean, React.Dispatch<React.SetStateAction<boolean>>] => {
   const [shouldMount, setShouldMount] = useDebounce(active, unmountDelay);
   
   const setActiveWithUnmountDelay = React.useCallback((active: React.SetStateAction<boolean>) => {
     setActive(active);
     if (active) { setShouldMount(true); } // Skip the delay when activating (should only be for deactivation)
-  }, [setShouldMount]);
+  }, [setActive, setShouldMount]);
   
   React.useDebugValue(`Active: ${active} / Mounted: ${shouldMount}`);
   
-  return [active, shouldMount, setActiveWithUnmountDelay];
+  return [shouldMount, setActiveWithUnmountDelay];
 };
 
 export type ModalRef = {
@@ -43,12 +43,18 @@ export type ModalProviderProps = {
   ref?: undefined | React.Ref<ModalRef>,
   
   /** The trigger that activates the modal overlay. */
-  children: (triggerProps: { active: boolean, activate: () => void }) => React.ReactNode,
+  children?: undefined | ((triggerProps: { active: boolean, activate: () => void }) => React.ReactNode),
   
   /** The dialog to be shown in the modal overlay. */
   dialog: (props: ModalDialogProps) => React.ReactNode,
   
-  /** Whether the modal should be active by default. Default: false. */
+  /** Whether the modal is active. Use this if you want the modal to be a controlled component. */
+  active?: undefined | boolean,
+  
+  /** If the modal is a controlled component, this callback will be called when the active state should change. */
+  onActiveChange?: undefined | React.Dispatch<React.SetStateAction<boolean>>,
+  
+  /** If uncontrolled, specifies whether the modal should be active by default. Default: false. */
   activeDefault?: undefined | boolean,
   
   /** Whether to allow users to close the modal manually. */
@@ -71,13 +77,16 @@ export const ModalProvider = Object.assign(
       unmountDelay = 3000, // ms
     } = props;
     
-    const [active, shouldMount, setActive] = useActiveWithUnmountDelay(activeDefault, unmountDelay);
+    const [activeUncontrolled, setActiveUncontrolled] = React.useState(activeDefault);
+    const active = typeof props.active !== 'undefined' ? props.active : activeUncontrolled;
+    const setActive = typeof props.onActiveChange !== 'undefined' ? props.onActiveChange : setActiveUncontrolled;
+    const [shouldMount, setActiveWithDelay] = useActiveWithUnmountDelay(active, setActive, unmountDelay);
     
     const modalRef = React.useMemo<ModalRef>(() => ({
-      active,
-      activate: () => { setActive(true); },
-      deactivate: () => { setActive(false); },
-    }), [active, setActive]);
+      active: active,
+      activate: () => { setActiveWithDelay(true); },
+      deactivate: () => { setActiveWithDelay(false); },
+    }), [active, setActiveWithDelay]);
     
     React.useImperativeHandle(ref, () => modalRef, [modalRef]);
     
@@ -89,7 +98,7 @@ export const ModalProvider = Object.assign(
     return (
       <>
         {shouldMount && dialog(dialogProps)}
-        {children(modalRef)}
+        {typeof children === 'function' ? children(modalRef) : children}
       </>
     );
   },
diff --git a/src/components/overlays/SpinnerModal/SpinnerModal.module.scss b/src/components/overlays/SpinnerModal/SpinnerModal.module.scss
new file mode 100644
index 00000000..926b3c82
--- /dev/null
+++ b/src/components/overlays/SpinnerModal/SpinnerModal.module.scss
@@ -0,0 +1,11 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@use '../../../styling/defs.scss' as bk;
+
+@layer baklava.components {
+  .bk-spinner-modal {
+    @include bk.component-base(bk-spinner-modal);
+  }
+}
diff --git a/src/components/overlays/SpinnerModal/SpinnerModal.stories.tsx b/src/components/overlays/SpinnerModal/SpinnerModal.stories.tsx
new file mode 100644
index 00000000..f9027212
--- /dev/null
+++ b/src/components/overlays/SpinnerModal/SpinnerModal.stories.tsx
@@ -0,0 +1,50 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
+
+import { Button } from '../../actions/Button/Button.tsx';
+
+import { SpinnerModal } from './SpinnerModal.tsx';
+
+
+type SpinnerModalArgs = React.ComponentProps<typeof SpinnerModal>;
+type Story = StoryObj<SpinnerModalArgs>;
+
+export default {
+  component: SpinnerModal,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+  render: (args) => <><LoremIpsum paragraphs={5}/><SpinnerModal {...args}/></>,
+} satisfies Meta<SpinnerModalArgs>;
+
+
+export const SpinnerModalStandard: Story = {};
+
+const SpinnerModalControlledWithTrigger = (props: SpinnerModalArgs) => {
+  const [isLoading, setIsLoading] = React.useState(false);
+  
+  React.useEffect(() => {
+    if (isLoading) {
+      globalThis.setTimeout(() => { setIsLoading(false); }, 3000);
+    }
+  }, [isLoading]);
+  
+  return (
+    <>
+      {isLoading && <SpinnerModal delay={0} {...props}/>}
+      <LoremIpsum paragraphs={2}/>
+      <Button variant="primary" label="Trigger spinner for 3 seconds" onPress={() => { setIsLoading(true); }}/>
+      <LoremIpsum paragraphs={2}/>
+    </>
+  );
+};
+export const SpinnerModalWithTrigger: Story = {
+  render: (args) => <SpinnerModalControlledWithTrigger {...args}/>,
+};
diff --git a/src/components/overlays/SpinnerModal/SpinnerModal.tsx b/src/components/overlays/SpinnerModal/SpinnerModal.tsx
new file mode 100644
index 00000000..c5887a36
--- /dev/null
+++ b/src/components/overlays/SpinnerModal/SpinnerModal.tsx
@@ -0,0 +1,62 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
+|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react';
+import { mergeRefs, useEffectOnce } from '../../../util/reactUtil.ts';
+import { classNames as cx, type ComponentProps } from '../../../util/componentUtil.ts';
+
+import { Spinner } from '../../graphics/Spinner/Spinner.tsx';
+import { type ModalProviderProps, ModalProvider } from '../ModalProvider/ModalProvider.tsx';
+
+import cl from './SpinnerModal.module.scss';
+
+
+export { cl as SpinnerModalClassNames };
+
+export type SpinnerModalProps = React.PropsWithChildren<ComponentProps<typeof Spinner> & {
+  /** A reference to the modal, for imperative control. */
+  modalRef?: undefined | React.Ref<React.ComponentRef<typeof ModalProvider>>,
+  
+  /** Any additional props to pass to the modal provider. */
+  providerProps?: undefined | Omit<ModalProviderProps, 'children'>,
+  
+  /** Delay until the spinner is visible. Useful to prevent flashing for short actions. Default: 1 second. */
+  delay?: undefined | number,
+}>;
+/**
+ * A loading spinner displayed as modal.
+ */
+export const SpinnerModal = (props: SpinnerModalProps) => {
+  const { modalRef, providerProps, delay = 1000, ...propsRest } = props;
+  
+  const [visible, setVisible] = React.useState(delay === 0);
+  
+  useEffectOnce(() => {
+    if (delay === 0) { return; }
+    globalThis.setTimeout(() => { setVisible(true); }, delay);
+  });
+  
+  return (
+    <ModalProvider
+      active={visible}
+      onActiveChange={setVisible}
+      allowUserClose={false}
+      unmountDelay={0} // No exit animation, once done we want the spinner away as fast as possible
+      dialog={({ dialogProps }) =>
+        <dialog {...dialogProps} inert>
+          <Spinner
+            size="large"
+            {...propsRest}
+            className={cx(
+              cl['bk-spinner-modal'],
+              propsRest.className,
+            )}
+          />
+        </dialog>
+      }
+      {...providerProps}
+      ref={mergeRefs(modalRef, providerProps?.ref)}
+    />
+  );
+};
diff --git a/src/components/util/Dialog/useModalDialog.ts b/src/components/util/Dialog/useModalDialog.ts
index 54a93213..d6ab9020 100644
--- a/src/components/util/Dialog/useModalDialog.ts
+++ b/src/components/util/Dialog/useModalDialog.ts
@@ -58,7 +58,7 @@ export const useModalDialog = (
   }, []);
   
   // Sync active state with <dialog> DOM state
-  React.useEffect(() => {
+  const sync = () => {
     const dialog = dialogRef.current;
     if (!dialog) { return; } // Nothing to sync with
     
@@ -83,7 +83,9 @@ export const useModalDialog = (
         controller.activate();
       }
     }
-  }, [controller]);
+  };
+  // biome-ignore lint/correctness/useExhaustiveDependencies: `controller` is used in `sync`
+  React.useEffect(sync, [controller]);
   
   // The `beforetoggle` event can be used to detect when a modal opens. Note: browser support is poor currently, but
   // it's okay since we generally control the activation, not the user. In non-supporting browsers, if someone were to
@@ -151,10 +153,17 @@ export const useModalDialog = (
     }
   }, [allowUserClose]);
   
+  // Sync when the ref changes. This helps prevent time issues where `active` is set to `true`, but the dialog is not
+  // yet mounted (and thus the ref is `null`). In that case our sync useEffect will be too early.
+  const dialogRefCallback: React.RefCallback<HTMLDialogElement> = (ref) => {
+    dialogRef.current = ref;
+    sync();
+  };
+  
   return {
     close: requestDialogClose,
     dialogProps: {
-      ref: dialogRef,
+      ref: dialogRefCallback,
       open: undefined, // Do not set `open`, leave it to the browser to manage automatically
       
       onBeforeToggle: handleDialogBeforeToggle,
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index 129e5c55..d355573f 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -103,6 +103,6 @@
   dialog::backdrop {
     position: fixed;
     inset: 0;
-    background: rgba(0 0 0 / 10%);
+    background: rgba(0 0 0 / 20%);
   }
 }
diff --git a/src/util/reactUtil.ts b/src/util/reactUtil.ts
index 5fbeff1f..173c543f 100644
--- a/src/util/reactUtil.ts
+++ b/src/util/reactUtil.ts
@@ -4,7 +4,7 @@
 
 /* Source: https://github.com/wojtekmaj/merge-refs/tree/main */
 
-import type * as React from 'react';
+import * as React from 'react';
 
 /**
  * A function that merges React refs into one.
@@ -46,3 +46,15 @@ export const mergeRefs = <T>(
 export const idToCssIdent = (id: string) => {
   return `--${id.replaceAll(':', '')}`;
 };
+
+export const useEffectOnce = (fn: () => void) => {
+  const isCalledRef = React.useRef(false);
+  
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Should run only once
+    React.useEffect(() => {
+    if (!isCalledRef.current) {
+      isCalledRef.current = true;
+      fn();
+    }
+  }, []);
+}

From ccca5a8d3c0c7d7b04fc2a69afee6962b03f4c11 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 00:11:51 +0100
Subject: [PATCH 31/47] Allow slide-over modals to have a customizable width.

---
 .../DialogModal/DialogModal.module.scss       | 20 ++++++++++++++-----
 .../DialogModal/DialogModal.stories.tsx       | 12 ++++++++++-
 .../overlays/ModalProvider/ModalProvider.tsx  |  1 -
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index 3bda69a5..b71ff0ca 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -56,7 +56,7 @@
   }
 }
 
-@mixin dialog-slide-over($entry-dur: 200ms, $exit-dur: 180ms, $origin: right) {
+@mixin dialog-slide-over($entry-dur: 200ms, $exit-dur: 180ms, $size: 0.8, $origin: right) {
   $dir: if($origin==right, 1, -1);
   
   transition-property: overlay, display, translate;
@@ -65,18 +65,23 @@
   
   // Open state styling
   translate: 0;
+  @if $origin == left {
+    margin-inline-end: calc((1 - $size) * 100vi);
+  } @else if $origin == right {
+    margin-inline-start: calc((1 - $size) * 100vi);
+  }
   
   // Entry transition styling
   @media (prefers-reduced-motion: no-preference) { transition-duration: $entry-dur; }
   @starting-style {
-    translate: ($dir * 80vi) 0;
+    translate: calc($dir * $size * 100vi) 0;
   }
   
   // Exit transition styling
   &:not([open]) {
     @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
     transition-timing-function: ease-in;
-    translate: ($dir * 80vi) 0;
+    translate: calc($dir * $size * 100vi) 0;
   }
 }
 
@@ -154,21 +159,26 @@
       width: auto;
       height: auto;
       
+      --bk-modal-slide-over-size: 0.8;
+      &.bk-dialog-modal--small { --bk-modal-slide-over-size: 0.3; }
+      &.bk-dialog-modal--medium { --bk-modal-slide-over-size: 0.5; }
+      &.bk-dialog-modal--large { --bk-modal-slide-over-size: 0.8; }
+      
       --bk-dialog-modal-entry-dur: 300ms;
       --bk-dialog-modal-exit-dur: 250ms;
       &.bk-dialog-modal--slide-over--left {
-        margin-inline-end: 20vi;
         @include dialog-slide-over(
           $entry-dur: var(--bk-dialog-modal-entry-dur),
           $exit-dur: var(--bk-dialog-modal-exit-dur),
+          $size: var(--bk-modal-slide-over-size),
           $origin: left,
         );
       }
       &.bk-dialog-modal--slide-over--right {
-        margin-inline-start: 20vi;
         @include dialog-slide-over(
           $entry-dur: var(--bk-dialog-modal-entry-dur),
           $exit-dur: var(--bk-dialog-modal-exit-dur),
+          $size: var(--bk-modal-slide-over-size),
           $origin: right,
         );
       }
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 661300ce..b13660a2 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -65,9 +65,19 @@ export const DialogModalFullScreen: Story = {
   },
 };
 
-export const DialogModalSlideOver: Story = {
+export const DialogModalSlideOverRight: Story = {
   args: {
     display: 'slide-over',
+    size: 'large',
+    slideOverPosition: 'right',
+    title: 'Slide over modal dialog',
+  },
+};
+export const DialogModalSlideOverLeft: Story = {
+  args: {
+    display: 'slide-over',
+    size: 'medium',
+    slideOverPosition: 'left',
     title: 'Slide over modal dialog',
   },
 };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index a2db9599..6e752227 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -12,7 +12,6 @@ import cl from './ModalProvider.module.scss';
 
 export { cl as ModalProviderClassNames };
 
-
 // Use an active state, but with a delay in unmounting to allow exit transitions time to animate
 export const useActiveWithUnmountDelay = (
   active: boolean,

From 22d6564b169ad9484d1452ff16bc4429d5bbf4b4 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 00:51:44 +0100
Subject: [PATCH 32/47] Add story for nested dialogs + fix close bubbling
 issue.

---
 .../overlays/DialogModal/DialogModal.stories.tsx | 16 ++++++++++++++++
 src/components/util/Dialog/useModalDialog.ts     |  6 +++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index b13660a2..5d3e2c10 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -33,6 +33,22 @@ export default {
 
 export const DialogModalStandard: Story = {};
 
+export const DialogModalNested: Story = {
+  args: {
+    title: 'Modal with a submodal',
+    className: 'outer',
+    children: (
+      <DialogModal
+        className="inner"
+        title="Submodal"
+        trigger={({ activate }) => <Button variant="primary" label="Open submodal" onPress={activate}/>}
+      >
+        This is a submodal. Closing this modal should keep the outer modal still open.
+      </DialogModal>
+    ),
+  },
+};
+
 export const DialogModalNoncloseable: Story = {
   args: {
     activeDefault: true,
diff --git a/src/components/util/Dialog/useModalDialog.ts b/src/components/util/Dialog/useModalDialog.ts
index d6ab9020..1ec32282 100644
--- a/src/components/util/Dialog/useModalDialog.ts
+++ b/src/components/util/Dialog/useModalDialog.ts
@@ -109,7 +109,11 @@ export const useModalDialog = (
   
   // Handle dialog `close` event. This event is called when the dialog has already been closed (cannot be canceled).
   // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event
-  const handleDialogClose = React.useCallback(() => {
+  const handleDialogClose = React.useCallback((event: React.SyntheticEvent<HTMLDialogElement>) => {
+    // Stop this event from closing parent dialog elements
+    // XXX `close` events shouldn't bubble, but at least in Chrome v131 it seems like it does?
+    event.stopPropagation();
+    
     /*
     // XXX This is probably not necessary, browsers do this out of the box already
     // Restore focus to last active element before the user opened the modal

From 42d610bcdcbf6cabe80722500e78abbbbd9f42eb Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 01:15:12 +0100
Subject: [PATCH 33/47] Replace Modal component with DialogModal.

---
 .storybook/preview.tsx                        |   7 +-
 app/lib.ts                                    |   4 +-
 .../DialogModal/DialogModal.module.scss       |  40 +++-
 .../DialogModal/DialogModal.stories.tsx       |  20 +-
 .../overlays/DialogModal/DialogModal.tsx      |   3 +-
 .../overlays/Modal/Modal.module.scss          | 187 ----------------
 .../overlays/Modal/Modal.stories.tsx          | 144 -------------
 src/components/overlays/Modal/Modal.tsx       | 201 ------------------
 .../overlays/ModalProvider/ModalProvider.tsx  |   8 +-
 src/layouts/AppLayout/AppLayout.stories.tsx   |  30 +--
 10 files changed, 67 insertions(+), 577 deletions(-)
 delete mode 100644 src/components/overlays/Modal/Modal.module.scss
 delete mode 100644 src/components/overlays/Modal/Modal.stories.tsx
 delete mode 100644 src/components/overlays/Modal/Modal.tsx

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index f6b2c5a2..c6362b09 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -63,10 +63,13 @@ const preview = {
             ],
             'overlays',
             [
+              'ModalProvider',
+              'SpinnerModal',
+              'DialogModal',
               'Tooltip',
               'TooltipProvider',
-              'Dropdown',
-              'Modal',
+              'DropdownMenu',
+              'Toast',
             ],
             'lists',
             [
diff --git a/app/lib.ts b/app/lib.ts
index a9dee7ed..4a981e2e 100644
--- a/app/lib.ts
+++ b/app/lib.ts
@@ -62,9 +62,11 @@ export { Stepper } from '../src/components/navigations/Stepper/Stepper.tsx';
 export { Tab, Tabs } from '../src/components/navigations/Tabs/Tabs.tsx';
 
 // Overlays
+export { ModalProvider } from '../src/components/overlays/ModalProvider/ModalProvider.tsx';
+export { SpinnerModal } from '../src/components/overlays/SpinnerModal/SpinnerModal.tsx';
+export { DialogModal } from '../src/components/overlays/DialogModal/DialogModal.tsx';
 export { DropdownMenu } from '../src/components/overlays/DropdownMenu/DropdownMenu.tsx';
 export { DropdownMenuProvider } from '../src/components/overlays/DropdownMenu/DropdownMenuProvider.tsx';
-export { Modal } from '../src/components/overlays/Modal/Modal.tsx';
 export { type ToastContent, ToastProvider, ToastMessage } from '../src/components/overlays/Toast/Toast.tsx';
 export { Tooltip } from '../src/components/overlays/Tooltip/Tooltip.tsx';
 export { TooltipProvider } from '../src/components/overlays/Tooltip/TooltipProvider.tsx';
diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index b71ff0ca..1712fe61 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -31,6 +31,29 @@
   }
 }
 
+@mixin dialog-backdrop-opaque($entry-dur: 200ms, $exit-dur: 180ms) {
+  &::backdrop {
+    transition-property: overlay, display, background-color;
+    transition-timing-function: linear;
+    transition-behavior: allow-discrete;
+    
+    // Open state styling
+    background-color: bk.$theme-page-default;
+    
+    // Entry transition styling
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $entry-dur; }
+    @starting-style {
+      background-color: transparent;
+    }
+  }
+  // Exit transition styling
+  // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
+  &:not([open])::backdrop {
+    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
+    background-color: transparent;
+  }
+}
+
 @mixin dialog-fade-in($entry-dur: 200ms, $exit-dur: 180ms, $scale: 1) {
   transition-property: overlay, display, opacity, scale;
   transition-timing-function: ease-out;
@@ -100,10 +123,12 @@
     max-width: 100vi;
     max-height: 100vb;
     
-    @include dialog-backdrop(
-      $entry-dur: var(--bk-dialog-modal-entry-dur),
-      $exit-dur: var(--bk-dialog-modal-exit-dur),
-    );
+    &:not(.bk-dialog-modal--full-screen) {
+      @include dialog-backdrop(
+        $entry-dur: var(--bk-dialog-modal-entry-dur),
+        $exit-dur: var(--bk-dialog-modal-exit-dur),
+      );
+    }
     
     
     //
@@ -140,7 +165,7 @@
     
     &.bk-dialog-modal--full-screen {
       // FIXME: test this on mobile for potential overflow/shifting. May need to use `dvb`/`dvi` instead?
-      inset: 0;
+      inset: 1rem;
       margin: 0;
       width: auto;
       height: auto;
@@ -151,6 +176,11 @@
         $entry-dur: var(--bk-dialog-modal-entry-dur),
         $exit-dur: var(--bk-dialog-modal-exit-dur),
       );
+      
+      @include dialog-backdrop-opaque(
+        $entry-dur: var(--bk-dialog-modal-entry-dur),
+        $exit-dur: var(--bk-dialog-modal-exit-dur),
+      );
     }
     
     &.bk-dialog-modal--slide-over {
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 5d3e2c10..5be4f7e3 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -33,6 +33,14 @@ export default {
 
 export const DialogModalStandard: Story = {};
 
+export const DialogModalSmall: Story = {
+  args: { size: 'small' },
+};
+
+export const DialogModalLarge: Story = {
+  args: { size: 'large' },
+};
+
 export const DialogModalNested: Story = {
   args: {
     title: 'Modal with a submodal',
@@ -62,18 +70,6 @@ export const DialogModalNoncloseable: Story = {
   },
 };
 
-export const DialogModalSmall: Story = {
-  args: {
-    size: 'small',
-  },
-};
-
-export const DialogModalLarge: Story = {
-  args: {
-    size: 'large',
-  },
-};
-
 export const DialogModalFullScreen: Story = {
   args: {
     display: 'full-screen',
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 598470cc..444bf719 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -130,9 +130,10 @@ export const DialogModal = Object.assign(
       <ModalProvider
         activeDefault={activeDefault}
         allowUserClose={allowUserClose}
+        shouldCloseOnBackdropClick={display !== 'full-screen'}
         dialog={dialogController =>
           <Dialog
-            flat={['full-screen', 'slide-over'].includes(display)}
+            flat={[/*'full-screen', */'slide-over'].includes(display)}
             {...dialogController.dialogProps}
             showCloseIcon={allowUserClose}
             autoFocusClose={allowUserClose}
diff --git a/src/components/overlays/Modal/Modal.module.scss b/src/components/overlays/Modal/Modal.module.scss
deleted file mode 100644
index 0391fc37..00000000
--- a/src/components/overlays/Modal/Modal.module.scss
+++ /dev/null
@@ -1,187 +0,0 @@
-/* Copyright (c) Fortanix, Inc.
-|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
-|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-@use '../../../styling/defs.scss' as bk;
-@use '../../containers/Panel/Panel.module.scss' as Panel;
-
-@layer baklava.components {
-  .bk-modal {
-    @include bk.component-base(bk-modal);
-    @include Panel.panel; // Reuse styling from `Panel`
-    
-    /* --bk-modal-background-color: color-mix(in srgb, var(--bk-panel-background-color) 80%, transparent); */
-    --bk-modal-background-color:  var(--bk-panel-background-color);
-    
-    margin: auto;
-    padding: 0;
-    height: fit-content;
-    min-height: bk.$spacing-16;
-    max-width: calc(100% - bk.$spacing-6);
-    max-height: calc(100% - bk.$spacing-6);
-    
-    box-shadow: 0 8px 10px 1px rgba(0 0 0 / 14%), 0 3px 14px 2px rgba(0 0 0 / 12%), 0 5px 5px -3px rgba(0 0 0 / 3%);
-    background-color: var(--bk-modal-background-color);
-    border-radius: bk.$sizing-2;
-    
-    display: none; /* flex */
-    flex-direction: column;
-    
-    &.bk-modal-small {
-      // 484px
-      width: calc(484 * bk.$size-1);
-    }
-    &.bk-modal-medium {
-      // 684px
-      width: calc(684 * bk.$size-1);
-    }
-    &.bk-modal-large {
-      // 784px
-      width: calc(784 * bk.$size-1);
-    }
-    &.bk-modal-x-large {
-      // 906px
-      width: calc(906 * bk.$size-1);
-    }
-    &.bk-modal-fullscreen {
-      width: calc(100% - bk.$spacing-3);
-      height: calc(100% - bk.$spacing-3);
-    }
-    .bk-modal__header {
-      position: sticky;
-      top: 0;
-      padding: 0;
-      
-      background: var(--bk-modal-background-color);
-      
-      display: flex;
-      flex-direction: row;
-      align-items: baseline;
-      margin-bottom: bk.$spacing-7;
-      
-      h1 {
-        font-size: 16px; // do not match bk variable sizes
-        font-weight: bk.$font-weight-semibold;
-      }
-      
-      :nth-child(1 of :global(.action)) {
-        margin-left: auto;
-      }
-    }
-    .bk-modal__close {
-      position: absolute;
-      right: bk.$spacing-8;
-      top: calc(bk.$spacing-8 - 8px);
-      z-index: 1;
-      font-size: 1.6em;
-    }
-    .bk-modal__container {
-      padding: bk.$spacing-8;
-      padding-bottom: bk.$spacing-9;
-      flex-direction: column;
-      overflow: hidden;
-      display: flex;
-      flex: 1;
-    }
-    .bk-modal__content {
-      flex: 1; /* Make sure we cover all available space */
-      // stylelint-disable-next-line declaration-property-value-disallowed-list
-      overflow: auto; // FIXME
-    }
-
-    transition:
-      opacity 1ms ease-out,
-      scale 1ms ease-out,
-      overlay 1ms ease-out allow-discrete,
-      display 1ms ease-out allow-discrete;
-    opacity: 0;
-    scale: 0.98 0.98;
-    transition-duration: 200ms; /* Exit transition duration */
-    
-    /* Variant: slide out */
-    --modal-slide-out-inset: var(--bk-sizing-3);
-    &:is(.bk-modal--slide-out-left, .bk-modal--slide-out-right) {
-      position: fixed;
-      inset: 0;
-      margin: 0;
-      width: 60vw;
-      height: auto;
-      max-height: 100%;
-      
-      &.bk-modal--slide-out-left {
-        right: auto;
-        transform-origin: center left;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-      &.bk-modal--slide-out-right {
-        left: auto;
-        transform-origin: center right;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-      
-      opacity: 1;
-      transform: scaleX(0);
-      &:modal {
-        transform: scaleX(1);
-        
-        @starting-style {
-          opacity: 1;
-          transform: scaleX(0);
-        }
-      }
-      
-      .bk-modal__content {
-        // stylelint-disable-next-line declaration-property-value-disallowed-list
-        overflow: auto; // FIXME
-      }
-    }
-    
-    /* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#animating_dialogs */
-    
-    &:modal {
-      display: flex;
-      opacity: 1;
-      scale: 1 1;
-      transition-duration: 120ms; /* Enter transition duration */
-      transition-timing-function: ease-in;
-      
-      @starting-style {
-        opacity: 0;
-        scale: 1.05 1.05;
-      }
-    }
-  }
-  
-  /* Note: `::backdrop` cannot be nested/scoped (at least in Chrome v120) */
-  .bk-modal::backdrop {
-    --transition-time: 200ms;
-    background-color: rgb(0 0 0 / 0%);
-    transition:
-      display var(--transition-time) allow-discrete,
-      overlay var(--transition-time) allow-discrete,
-      background-color var(--transition-time);
-  }
-  .bk-modal:modal::backdrop,
-  .bk-modal-spinner::backdrop {
-    background-color: rgb(0 0 0 / 20%);
-    backdrop-filter: blur(5px); /* Should be in px, not rem (blur effect should be constant) */
-  }
-  @starting-style {
-    .bk-modal:modal::backdrop {
-      background-color: rgb(0 0 0 / 0%);
-    }
-  }
-  
-  .bk-modal-spinner {
-    outline: none !important; // prevent blue border on Esc pressing
-    
-    .bk-modal__content {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      overflow: hidden;
-    }
-  }
-}
diff --git a/src/components/overlays/Modal/Modal.stories.tsx b/src/components/overlays/Modal/Modal.stories.tsx
deleted file mode 100644
index 1bc4af36..00000000
--- a/src/components/overlays/Modal/Modal.stories.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-/* Copyright (c) Fortanix, Inc.
-|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
-|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import * as React from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { ModalClassNames as cl } from './Modal.tsx';
-import { OverflowTester } from '../../../util/storybook/OverflowTester.tsx';
-import { Modal } from './Modal.tsx';
-import { Button } from '../../actions/Button/Button.tsx';
-import { Spinner } from '../../graphics/Spinner/Spinner.tsx';
-
-
-type ButtonArgs = React.ComponentProps<typeof Modal>;
-type Story = StoryObj<ButtonArgs>;
-
-export default {
-  component: Modal,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-  argTypes: {
-  },
-} satisfies Meta<ButtonArgs>;
-
-
-type ModalWithTriggerProps = Omit<React.ComponentProps<typeof Modal>, 'active' | 'onClose'> & {
-  triggerLabel?: string,
-};
-const ModalWithTrigger = ({ triggerLabel = 'Open modal', ...modalProps }: ModalWithTriggerProps) => {
-  const [active, setActive] = React.useState(false);
-  const onClose = React.useCallback(() => { setActive(false); }, []);
-  return (
-    <>
-      <Button variant="primary" onPress={() => { setActive(true); }}>{triggerLabel}</Button>
-      <Modal {...modalProps} active={active} onClose={onClose}/>
-    </>
-  );
-};
-
-const reusableModalChildren: React.JSX.Element = (
-  <>
-    <Modal.Header>
-      <h1>Modal title</h1>
-    </Modal.Header>
-    <Modal.Content>
-      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do iusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-      
-      <ModalWithTrigger triggerLabel="Open Submodal">
-        <Modal.Header>
-          <h1>Submodal title</h1>
-        </Modal.Header>
-        <Modal.Content>
-          <p>This is a submodal</p>
-          <OverflowTester/>
-        </Modal.Content>
-      </ModalWithTrigger>
-      
-      <OverflowTester/>
-    </Modal.Content>
-    <Modal.Footer>This is a modal footer with eventual action buttons</Modal.Footer>
-  </>
-);
-
-export const ModalSizeSmall: Story = {
-  render: () => (
-    <ModalWithTrigger size="small">
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-export const ModalSizeMedium: Story = {
-  render: () => (
-    <ModalWithTrigger size="medium">
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-export const ModalSizeLarge: Story = {
-  render: () => (
-    <ModalWithTrigger size="large">
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-export const ModalSizeXLarge: Story = {
-  render: () => (
-    <ModalWithTrigger size="x-large">
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-export const ModalSizeFullScreen: Story = {
-  render: () => (
-    <ModalWithTrigger size="fullscreen">
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-export const ModalUncloseable: Story = {
-  render: () => (
-    <ModalWithTrigger closeable={false}>
-      {reusableModalChildren}
-    </ModalWithTrigger>
-  ),
-};
-
-type ModalWithSpinnerTriggerProps = Omit<React.ComponentProps<typeof Modal>, 'active' | 'onClose'> & {
-  triggerLabel?: string,
-};
-const ModalWithSpinnerTrigger = ({ triggerLabel = 'Open modal with spinner (it will close in 5 seconds)', ...modalProps }: ModalWithSpinnerTriggerProps) => {
-  const [active, setActive] = React.useState(false);
-  const onPress = () => {
-    setActive(true);
-    setTimeout(() => {
-      setActive(false);
-    }, 5000);
-  }
-  const onClose = React.useCallback(() => { setActive(false); }, []);
-  return (
-    <>
-      <Button variant="primary" onPress={onPress}>{triggerLabel}</Button>
-      <Modal {...modalProps} active={active} onClose={onClose} closeable={false} className={cl['bk-modal-spinner']} size="fullscreen"/>
-    </>
-  );
-};
-
-export const ModalWithSpinner: Story = {
-  render: () => (
-    <ModalWithSpinnerTrigger unstyled={true}>
-      <Modal.Content>
-        <Spinner size="large" />
-      </Modal.Content>
-    </ModalWithSpinnerTrigger>
-  ),
-};
diff --git a/src/components/overlays/Modal/Modal.tsx b/src/components/overlays/Modal/Modal.tsx
deleted file mode 100644
index b36988de..00000000
--- a/src/components/overlays/Modal/Modal.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-/* Copyright (c) Fortanix, Inc.
-|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
-|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import { type ClassNameArgument, classNames as cx } from '../../../util/componentUtil.ts';
-import * as React from 'react';
-
-import { Icon } from '../../graphics/Icon/Icon.tsx';
-
-import cl from './Modal.module.scss';
-
-export { cl as ModalClassNames };
-
-
-type ModalHeaderProps = React.PropsWithChildren<{
-  unstyled?: boolean;
-  className?: ClassNameArgument;
-}>;
-
-/* Modal Header component */
-const ModalHeader = ({ children, unstyled, className }: ModalHeaderProps) => (
-  <header
-    className={cx(
-      {
-        bk: true,
-        [cl['bk-modal__header'] as string]: !unstyled,
-      },
-      className,
-    )}
-  >
-    {children}
-  </header>
-);
-
-type ModalContentProps = React.PropsWithChildren<{
-  unstyled?: boolean;
-  className?: ClassNameArgument;
-}>;
-
-/* Modal Content component */
-const ModalContent = ({ children, unstyled, className }: ModalContentProps) => (
-  <section
-    className={cx(
-      {
-        bk: true,
-        'body-text': true,
-        [cl['bk-modal__content'] as string]: !unstyled,
-      },
-      className,
-    )}
-  >
-    {children}
-  </section>
-);
-
-type ModalFooterProps = React.PropsWithChildren<{
-  unstyled?: boolean;
-  className?: ClassNameArgument;
-}>;
-
-/* Modal Footer component */
-const ModalFooter = ({ children, unstyled, className }: ModalFooterProps) => (
-  <footer
-    className={cx(
-      {
-        bk: true,
-        [cl['bk-modal__footer'] as string]: !unstyled,
-      },
-      className,
-    )}
-  >
-    {children}
-  </footer>
-);
-
-type ModalProps = React.PropsWithChildren<{
-  unstyled?: boolean;
-  size?: 'small' | 'medium' | 'large' | 'x-large' | 'fullscreen';
-  active: boolean;
-  className?: ClassNameArgument;
-  onClose: () => void;
-  closeable?: boolean;
-}>;
-
-/**
- * Modal component.
- */
-const Modal = ({
-  children,
-  unstyled,
-  className,
-  size = 'medium',
-  closeable = true,
-  active,
-  onClose,
-}: ModalProps) => {
-  const dialogRef = React.useRef<HTMLDialogElement>(null);
-
-  // Sync the `active` flag with the DOM dialog
-  React.useEffect(() => {
-    const dialog = dialogRef.current;
-    if (dialog === null) {
-      return;
-    }
-
-    if (active && !dialog.open) {
-      dialog.showModal();
-    } else if (!active && dialog.open) {
-      dialog.close();
-    }
-  }, [active]);
-
-  // Sync the dialog close event with the `active` flag
-  const handleCloseEvent = React.useCallback(
-    (event: Event): void => {
-      const dialog = dialogRef.current;
-      if (dialog === null) {
-        return;
-      }
-      
-      if (active && event.target === dialog) {
-        onClose();
-      }
-    },
-    [active, onClose],
-  );
-  React.useEffect(() => {
-    const dialog = dialogRef.current;
-    if (dialog === null) {
-      return;
-    }
-    
-    dialog.addEventListener('close', handleCloseEvent);
-    return () => {
-      dialog.removeEventListener('close', handleCloseEvent);
-    };
-  }, [handleCloseEvent]);
-
-  const close = React.useCallback(() => {
-    onClose();
-  }, [onClose]);
-
-  const handleDialogClick = React.useCallback(
-    (event: React.MouseEvent) => {
-      const dialog = dialogRef.current;
-      if (dialog !== null && event.target === dialog && closeable) {
-        // Note: clicking the backdrop just results in an event where the target is the `<dialog>` element. In order to
-        // distinguish between the backdrop and the modal content, we assume that the `<dialog>` is fully covered by
-        // another element. In our case, `bk-modal__content` must cover the whole `<dialog>` otherwise this will not work.
-        close();
-      }
-    },
-    [close, closeable],
-  );
-
-  // "onKeyDown" instead of "onCancel" as the latter is only fired after the cancel already initiated
-  const handleDialogKeyDown = (event: React.KeyboardEvent) => {
-    if (event.key === 'Escape' && !closeable) {
-      event.preventDefault();
-    }
-  };
-
-  return (
-    <dialog
-      ref={dialogRef}
-      className={cx(
-        {
-          bk: true,
-          [cl['bk-modal-small'] as string]: size === 'small',
-          [cl['bk-modal-medium'] as string]: size === 'medium',
-          [cl['bk-modal-large'] as string]: size === 'large',
-          [cl['bk-modal-x-large'] as string]: size === 'x-large',
-          [cl['bk-modal-fullscreen'] as string]: size === 'fullscreen',
-          [cl['bk-modal'] as string]: !unstyled,
-        },
-        className,
-      )}
-      onClick={handleDialogClick}
-      onKeyDown={handleDialogKeyDown}
-    >
-      {closeable && (
-        <button
-          type="button"
-          className={cx(cl['bk-modal__close'])}
-          onClick={close}
-        >
-          <Icon icon="cross" />
-        </button>
-      )}
-      <div className={cx(cl['bk-modal__container'])}>
-        {children}
-      </div>
-    </dialog>
-  );
-};
-
-Modal.Content = ModalContent;
-Modal.Header = ModalHeader;
-Modal.Footer = ModalFooter;
-
-export { Modal };
diff --git a/src/components/overlays/ModalProvider/ModalProvider.tsx b/src/components/overlays/ModalProvider/ModalProvider.tsx
index 6e752227..ad51b3d7 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.tsx
@@ -59,6 +59,9 @@ export type ModalProviderProps = {
   /** Whether to allow users to close the modal manually. */
   allowUserClose?: undefined | boolean,
   
+  /** Whether clicking on the backdrop should close the modal. Default: true */
+  shouldCloseOnBackdropClick?: undefined | boolean,
+  
   /** How long to keep the dialog in the DOM for exit animation purposes. Default: 3 seconds. */
   unmountDelay?: undefined | number,
 };
@@ -72,7 +75,8 @@ export const ModalProvider = Object.assign(
       children,
       dialog,
       activeDefault = false,
-      allowUserClose = false,
+      allowUserClose = true,
+      shouldCloseOnBackdropClick = true,
       unmountDelay = 3000, // ms
     } = props;
     
@@ -91,7 +95,7 @@ export const ModalProvider = Object.assign(
     
     const dialogProps = useModalDialog(modalRef, {
       allowUserClose,
-      shouldCloseOnBackdropClick: allowUserClose,
+      shouldCloseOnBackdropClick,
     });
     
     return (
diff --git a/src/layouts/AppLayout/AppLayout.stories.tsx b/src/layouts/AppLayout/AppLayout.stories.tsx
index b9627832..ea51b05a 100644
--- a/src/layouts/AppLayout/AppLayout.stories.tsx
+++ b/src/layouts/AppLayout/AppLayout.stories.tsx
@@ -2,11 +2,9 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import cx, { type Argument as ClassNameArgument } from 'classnames';
 import * as React from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
-import { userEvent, within } from '@storybook/test';
 
 import { OverflowTester } from '../../util/storybook/OverflowTester.tsx';
 import { Header } from './Header/Header.tsx';
@@ -17,13 +15,13 @@ import { Nav } from './Nav/Nav.tsx';
 import { Button } from '../../components/actions/Button/Button.tsx';
 import { Link } from '../../components/actions/Link/Link.tsx';
 import { Panel } from '../../components/containers/Panel/Panel.tsx';
-import { Modal } from '../../components/overlays/Modal/Modal.tsx';
+import { DialogModal } from '../../components/overlays/DialogModal/DialogModal.tsx';
 import { UserMenu } from './Header/UserMenu.tsx';
 
-import { AppLayout } from './AppLayout.tsx';
 import { SolutionSelector } from './Header/SolutionSelector.tsx';
 import { AccountSelector } from './Header/AccountSelector.tsx';
 import { Breadcrumbs } from './Breadcrumbs/Breadcrumbs.tsx';
+import { AppLayout } from './AppLayout.tsx';
 
 
 type AppLayoutArgs = React.ComponentProps<typeof AppLayout>;
@@ -41,21 +39,6 @@ export default {
 } satisfies Meta<AppLayoutArgs>;
 
 
-type ModalWithTriggerProps = Omit<React.ComponentProps<typeof Modal>, 'active' | 'onClose'> & {
-  triggerLabel?: string,
-  content?: React.ComponentProps<typeof Modal>['children'],
-};
-const ModalWithTrigger = ({ triggerLabel = 'Open modal', content, ...modalProps }: ModalWithTriggerProps) => {
-  const [active, setActive] = React.useState(false);
-  const onClose = React.useCallback(() => { setActive(false); }, [setActive]);
-  return (
-    <>
-      <Button variant="primary" onPress={() => { setActive(true); }}>{triggerLabel}</Button>
-      <Modal children={content} {...modalProps} active={active} onClose={onClose}/>
-    </>
-  );
-};
-
 export const Standard: Story = {
   args: {
     children: (
@@ -97,9 +80,12 @@ export const Standard: Story = {
           <Panel>
             <Panel.Heading>Panel</Panel.Heading>
             
-            <ModalWithTrigger>
-              <ModalWithTrigger/>
-            </ModalWithTrigger>
+            <DialogModal
+              title="Modal"
+              trigger={({ activate }) => <Button variant="primary" label="Open modal" onPress={() => { activate(); }}/>}
+            >
+              Test
+            </DialogModal>
           </Panel>
           <OverflowTester/>
         </main>

From 3828066c425d5018913be6371d43b29d3a171926 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 22:22:56 +0100
Subject: [PATCH 34/47] Work on DialogModal.

---
 .../containers/Dialog/Dialog.module.scss      |  11 +-
 src/components/containers/Dialog/Dialog.tsx   | 124 +++++++++++-------
 .../DialogModal/DialogModal.stories.tsx       |   2 +-
 .../overlays/DialogModal/DialogModal.tsx      |   8 +-
 .../ModalProvider/ModalProvider.stories.tsx   |   3 +-
 .../overlays/SpinnerModal/SpinnerModal.tsx    |   2 +-
 src/components/text/Tag/Tag.module.scss       |  31 +++--
 src/components/text/Tag/Tag.tsx               |   2 +-
 src/layouts/util/Scroller.module.scss         |   2 +
 src/layouts/util/Scroller.tsx                 |  10 +-
 src/styling/defs.scss                         |   4 +
 src/styling/global/accessibility.scss         |  22 +++-
 src/styling/global/reset.scss                 |  16 ++-
 13 files changed, 158 insertions(+), 79 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 17a0ef4f..0aa38579 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -38,10 +38,11 @@
     
     .bk-dialog__header {
       position: sticky;
-      top: 0;
+      top: -1px; // -1px to prevent bleed through due to pixel rounding
       z-index: 1;
       
       padding-block: var(--bk-dialog-padding-block) calc(bk.$spacing-7 / 2);
+      padding-block-start: calc(var(--bk-dialog-padding-block) + 1px); // 1px to compensate for `top: -1px`
       padding-inline: var(--bk-dialog-padding-inline);
       background: var(--bk-dialog-background-color);
       
@@ -62,6 +63,7 @@
     }
     
     .bk-dialog__content {
+      scroll-margin-top: 100lh; // Workaround for an issue where the content scroll behind the header on focus
       flex: 1;
       
       margin-block: calc(bk.$spacing-7 / 2) calc(bk.$spacing-7 / 2);
@@ -91,5 +93,12 @@
     
     // State: focus
     @include bk.focus-outset;
+    // .bk-dialog__content {
+    //   @include bk.focus-hidden;
+    // }
+    // @include bk.focus-hidden;
+    // &:has(.bk-dialog__content:focus-visible), .pseudo-focus-visible {
+    //   @include bk.focus-outset($selector: '&');
+    // }
   }
 }
diff --git a/src/components/containers/Dialog/Dialog.tsx b/src/components/containers/Dialog/Dialog.tsx
index ed410973..2f5ceac0 100644
--- a/src/components/containers/Dialog/Dialog.tsx
+++ b/src/components/containers/Dialog/Dialog.tsx
@@ -17,6 +17,18 @@ import cl from './Dialog.module.scss';
 
 export { cl as DialogClassNames };
 
+
+export type DialogContext = {
+  close: () => void,
+};
+export const DialogContext = React.createContext<null | DialogContext>(null);
+export const useDialogContext = () => {
+  const context = React.use(DialogContext);
+  if (context === null) { throw new Error(`Cannot read DialogContext: missing provider.`); }
+  return context;
+};
+
+
 type ActionProps = ComponentProps<typeof Button> & {
   /** Optional tooltip text. */
   tooltip?: undefined | ComponentProps<typeof TooltipProvider>['tooltip'],
@@ -52,8 +64,16 @@ const ActionIcon = ({ tooltip, ...buttonProps }: ActionIconProps) => {
   );
 };
 
-const CancelAction = (props: ActionProps) => <Action variant="secondary" label="Cancel" {...props}/>;
-const SubmitAction = (props: ActionProps) => <Action variant="primary" label="Submit" {...props}/>;
+const CancelAction = (props: ActionProps) => {
+  const context = useDialogContext();
+  const handlePress = () => { props.onPress?.(); context.close(); };
+  return <Action variant="secondary" label="Cancel" {...props} onPress={handlePress}/>;
+};
+const SubmitAction = (props: ActionProps) => {
+  const context = useDialogContext();
+  const handlePress = () => { props.onPress?.(); context.close(); };
+  return <Action variant="primary" label="Submit" {...props} onPress={handlePress}/>;
+};
 
 export type DialogProps = Omit<ComponentProps<'dialog'>, 'title'> & {
   /** Whether this component should be unstyled. Default: false. */
@@ -98,56 +118,72 @@ export const Dialog = Object.assign(
       ...propsRest
     } = props;
     
+    const dialogId = React.useId();
     const dialogRef = React.useRef<HTMLDialogElement>(null);
-    const scrollerProps = useScroller();
+    const scrollerProps = useScroller(); // FIXME: add `{ hasFocusableChild: true }`?
     
     if ((showCloseIcon || showCancelAction) && typeof onRequestClose !== 'function') {
       console.error(`Missing prop in <Dialog/>: 'onRequestClose' function`);
     }
     
+    const dialogContext = React.useMemo<DialogContext>(() => ({
+      close: onRequestClose ?? (() => { console.warn('Missing `onRequestClose` callback.'); })
+    }), [onRequestClose]);
+    
     return (
-      <dialog
-        open
-        {...scrollerProps}
-        {...propsRest}
-        ref={mergeRefs(dialogRef, propsRest.ref)}
-        className={cx(
-          'bk',
-          { [cl['bk-dialog']]: !unstyled },
-          { [cl['bk-dialog--flat']]: flat },
-          scrollerProps.className,
-          propsRest.className,
-        )}
-      >
-        <header className={cx(cl['bk-dialog__header'])}>
-          <H5 className={cx(cl['bk-dialog__header__title'])}>{title}</H5>
+      <DialogContext value={dialogContext}>
+        <dialog
+          open
+          //role="dialog" // Default role. Change this to `role="alertdialog"` for things like confirmation modals.
+          aria-labelledby={`${dialogId}-title`}
+          aria-describedby={`${dialogId}-content`}
+          {...scrollerProps}
+          {...propsRest}
+          ref={mergeRefs(dialogRef, propsRest.ref)}
+          className={cx(
+            'bk',
+            { [cl['bk-dialog']]: !unstyled },
+            { [cl['bk-dialog--flat']]: flat },
+            scrollerProps.className,
+            propsRest.className,
+          )}
+        >
+          <header className={cx(cl['bk-dialog__header'])}>
+            <H5 id={`${dialogId}-title`} className={cx(cl['bk-dialog__header__title'])}>{title}</H5>
+            
+            <div className={cx(cl['bk-dialog__header__actions'])}>
+              {showCloseIcon &&
+                <ActionIcon
+                  autoFocus={autoFocusClose}
+                  label="Close dialog"
+                  tooltip={null}
+                  className={cx(cl['bk-dialog__header-action-close'])}
+                  onPress={onRequestClose}
+                >
+                  <Icon icon="cross"/>
+                </ActionIcon>
+              }
+            </div>
+          </header>
+          
+          <section
+            id={`${dialogId}-content`} // Used with `aria-describedby`
+            role="document" // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/document_role
+            // FIXME: make this focusable instead of the <dialog> as per guidelines on MDN?
+            //tabIndex={0}
+            className={cx(cl['bk-dialog__content'], 'bk-body-text')}
+          >
+            {children}
+          </section>
           
-          <div className={cx(cl['bk-dialog__header__actions'])}>
-            {showCloseIcon &&
-              <ActionIcon
-                autoFocus={autoFocusClose}
-                label="Close dialog"
-                tooltip={null}
-                className={cx(cl['bk-dialog__header-action-close'])}
-                onPress={onRequestClose}
-              >
-                <Icon icon="cross"/>
-              </ActionIcon>
-            }
-          </div>
-        </header>
-        
-        <section className={cx(cl['bk-dialog__content'], 'bk-body-text')}>
-          {children}
-        </section>
-        
-        {(showCancelAction || actions) &&
-          <footer className={cx(cl['bk-dialog__actions'])}>
-            {showCancelAction && <CancelAction/>}
-            {actions}
-          </footer>
-        }
-      </dialog>
+          {(showCancelAction || actions) &&
+            <footer className={cx(cl['bk-dialog__actions'])}>
+              {showCancelAction && <CancelAction/>}
+              {actions}
+            </footer>
+          }
+        </dialog>
+      </DialogContext>
     );
   },
   {
diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 5be4f7e3..495f8629 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -57,7 +57,7 @@ export const DialogModalNested: Story = {
   },
 };
 
-export const DialogModalNoncloseable: Story = {
+export const DialogModalUncloseable: Story = {
   args: {
     activeDefault: true,
     allowUserClose: false,
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 444bf719..63c207a2 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -92,6 +92,9 @@ export const useConfirmationModal = <S,>(
     ...modal,
     props: {
       ...modal.props,
+      // A confirmation modal must use the `role="alertdialog"` rather than the default `role="dialog"`.
+      // See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role
+      role: 'alertdialog',
       display: 'center' as const,
       size: 'small' as const,
       allowUserClose: false, // Force the user to explicitly select an action
@@ -133,12 +136,13 @@ export const DialogModal = Object.assign(
         shouldCloseOnBackdropClick={display !== 'full-screen'}
         dialog={dialogController =>
           <Dialog
-            flat={[/*'full-screen', */'slide-over'].includes(display)}
+            aria-modal="true"
+            flat={['slide-over'].includes(display)}
             {...dialogController.dialogProps}
             showCloseIcon={allowUserClose}
             autoFocusClose={allowUserClose}
             showCancelAction={allowUserClose}
-            onRequestClose={allowUserClose ? dialogController.close : undefined}
+            onRequestClose={dialogController.close}
             {...propsRest}
             className={cx(
               'bk',
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index c6a8c05e..2918290b 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -61,6 +61,7 @@ export const ModalProviderWithRef: Story = {
   render: args => <ModalProviderAutoOpen {...args}/>,
   args: {
     children: () => <>Modal will open automatically after 2 seconds.</>,
-    dialog: ({ dialogProps }) => <dialog {...dialogProps}>This modal was opened through a ref.</dialog>,
+    dialog: ({ dialogProps }) =>
+      <dialog aria-modal="true" {...dialogProps}>This modal was opened through a ref.</dialog>,
   }
 };
diff --git a/src/components/overlays/SpinnerModal/SpinnerModal.tsx b/src/components/overlays/SpinnerModal/SpinnerModal.tsx
index c5887a36..693531bd 100644
--- a/src/components/overlays/SpinnerModal/SpinnerModal.tsx
+++ b/src/components/overlays/SpinnerModal/SpinnerModal.tsx
@@ -44,7 +44,7 @@ export const SpinnerModal = (props: SpinnerModalProps) => {
       allowUserClose={false}
       unmountDelay={0} // No exit animation, once done we want the spinner away as fast as possible
       dialog={({ dialogProps }) =>
-        <dialog {...dialogProps} inert>
+        <dialog {...dialogProps} inert aria-modal="true">
           <Spinner
             size="large"
             {...propsRest}
diff --git a/src/components/text/Tag/Tag.module.scss b/src/components/text/Tag/Tag.module.scss
index 427cf31a..9d82d302 100644
--- a/src/components/text/Tag/Tag.module.scss
+++ b/src/components/text/Tag/Tag.module.scss
@@ -7,25 +7,30 @@
 @layer baklava.components {
   .bk-tag {
     @include bk.component-base(bk-tag);
-
-    background: bk.$theme-tag-background-default;
+    
+    flex-shrink: 0;
+    
+    padding: bk.$size-2 bk.$spacing-2;
     border-radius: bk.$size-2;
+    background: bk.$theme-tag-background-default;
     color: bk.$theme-tag-text-default;
+    
     display: flex;
     align-items: center;
+    column-gap: bk.$spacing-2;
     font-size: bk.$font-size-xs;
-    padding: bk.$size-2 bk.$spacing-2 bk.$size-3;
-    flex-shrink: 0;
-
-    &.bk-tag--with-close-button {
-      padding-right: 0;
-    }
-
-    .bk-tag__icon {
-      cursor: pointer;
-      font-size: 1.2em;
+    
+    --bk-tag--with-close-button { --keep: ; }
+    
+    .bk-tag__action {
+      font-size: 0.9em;
       color: bk.$theme-tag-icon-default;
-      padding: bk.$size-2 bk.$spacing-2 bk.$size-2 bk.$spacing-2;
+      
+      display: flex;
+      
+      .bk-tag__icon {
+        display: block;
+      }
     }
   }
 }
diff --git a/src/components/text/Tag/Tag.tsx b/src/components/text/Tag/Tag.tsx
index b0d1c28e..4b1c77b3 100644
--- a/src/components/text/Tag/Tag.tsx
+++ b/src/components/text/Tag/Tag.tsx
@@ -47,7 +47,7 @@ export const Tag = (props: TagProps) => {
     >
       {content}
       {onRemove && (
-        <Button unstyled onPress={onRemove} aria-label="Remove tag">
+        <Button unstyled onPress={onRemove} aria-label="Remove tag" className={cl['bk-tag__action']}>
           <Icon icon="cross" className={cl['bk-tag__icon']}/>
         </Button>
       )}
diff --git a/src/layouts/util/Scroller.module.scss b/src/layouts/util/Scroller.module.scss
index c24f2d12..016141ea 100644
--- a/src/layouts/util/Scroller.module.scss
+++ b/src/layouts/util/Scroller.module.scss
@@ -4,6 +4,8 @@
 
 @layer baklava.overrides {
   .bk-util-scroller {
+    overscroll-behavior: none;
+    
     // stylelint-disable-next-line declaration-property-value-disallowed-list
     &.bk-util-scroller--vertical { overflow-y: auto; }
     
diff --git a/src/layouts/util/Scroller.tsx b/src/layouts/util/Scroller.tsx
index 815056b1..f15e911c 100644
--- a/src/layouts/util/Scroller.tsx
+++ b/src/layouts/util/Scroller.tsx
@@ -8,7 +8,14 @@ import cl from './Scroller.module.scss';
 
 
 type UseScrollerArgs = {
+  /**
+   * Set this to true if you know for sure there is a focusable child inside the scroller that can be used
+   * for keyboard scrolling purposes. If true, this scroller will not be made focusable. Default: false.
+   */
+  hasFocusableChild?: undefined | boolean,
+  /** Whether to include scroller styling automatically. Default: true. */
   includeStyling?: undefined | boolean,
+  /** Which direction(s) can be scrolled in. Default: vertical. */
   scrollDirection?: undefined | 'vertical' | 'horizontal' | 'both',
 };
 
@@ -25,6 +32,7 @@ type ScrollerProps = {
  */
 export const useScroller = (args: UseScrollerArgs = {}): ScrollerProps => {
   const {
+    hasFocusableChild = false,
     includeStyling = true,
     scrollDirection = 'vertical',
   } = args;
@@ -37,7 +45,7 @@ export const useScroller = (args: UseScrollerArgs = {}): ScrollerProps => {
   );
   
   return {
-    tabIndex: 0,
+    tabIndex: hasFocusableChild ? undefined : 0,
     className: includeStyling ? className : undefined,
   };
 };
diff --git a/src/styling/defs.scss b/src/styling/defs.scss
index dcd73e64..a75a07e2 100644
--- a/src/styling/defs.scss
+++ b/src/styling/defs.scss
@@ -45,6 +45,10 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  
+  // Add a little bit of padding to prevent parts of characters getting cut off in some browsers. For example,
+  // try the letter "J" and view it in Safari, the bottom extender of the "J" overflows the text box and gets cut off.
+  padding-inline: 0.3ch;
 }
 
 @mixin flex-center() {
diff --git a/src/styling/global/accessibility.scss b/src/styling/global/accessibility.scss
index abe36733..38076e1f 100644
--- a/src/styling/global/accessibility.scss
+++ b/src/styling/global/accessibility.scss
@@ -2,17 +2,25 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@mixin focus-hidden($override-layer: true) {
+  --bk-focus-color-anim: transparent; // Start transparent for animation purposes
+  
+  &, &.pseudo-focus-visible {
+    box-shadow: none if($override-layer, !important, null);
+    outline: none if($override-layer, !important, null);
+  }
+}
+
 // Configure an element with a focus outline outset from the element.
-@mixin focus-outset($override-layer: true) {
+@mixin focus-outset($selector: '&:focus-visible, &.pseudo-focus-visible', $override-layer: true) {
   --bk-focus-color-anim: transparent; // Start transparent for animation purposes
   
   box-shadow: none if($override-layer, !important, null); // Remove focus-inset, if any
-  
   outline: var(--bk-focus-outline-width) solid var(--bk-focus-color-anim) if($override-layer, !important, null);
   
-  // Add `.pseudo-focus-visible` for visual testing purposes
-  &:focus-visible, &.pseudo-focus-visible {
-    --bk-focus-color-anim: var(--bk-focus-outline-color);
+  // Should add `.pseudo-focus-visible` here for visual testing purposes
+  #{$selector} {
+    --bk-focus-color-anim: var(--bk-focus-outline-color) #{if($override-layer, !important, null)};
   }
   
   @media (prefers-reduced-motion: no-preference) {
@@ -22,7 +30,7 @@
 
 // Configure an element with a focus outline inset into the element. This can be useful for elements
 // that have overflow hidden and thus can't have an exterior outline.
-@mixin focus-inset($override-layer: true) {
+@mixin focus-inset($selector: '&:focus-visible, &.pseudo-focus-visible', $override-layer: true) {
   --bk-focus-color-anim: transparent; // Start transparent for animation purposes
   
   outline: none if($override-layer, !important, null); // Remove focus-outset, if any
@@ -35,7 +43,7 @@
     inset calc(-1 * $w) calc(-1 * $w) var(--bk-focus-color-anim) if($override-layer, !important, null);
   
   // Add `.pseudo-focus-visible` for visual testing purposes
-  &:focus-visible, &.pseudo-focus-visible {
+  #{$selector} {
     --bk-focus-color-anim: var(--bk-focus-outline-color);
   }
   
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index d355573f..288c474a 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -85,13 +85,14 @@
   whether it's going to be used as a modal or not, if we also want exit transitions.
   
   This reset assumes you do *not* apply an exit transition. If you do want an exit transition, you must also apply
-  the `position: fixed` (etc.) styling on the base `dialog`.
+  the `position: fixed` (etc.) styling on the base `dialog`. Or you can use `aria-model="true"` and opt in to base
+  styling that way.
   
   - https://github.com/w3c/csswg-drafts/issues/9912 - "User-agent styles for top layer transitions"
   - https://github.com/whatwg/html/pull/9387#issuecomment-1599722425
   - https://issues.chromium.org/issues/40270744 - `:-internal-dialog-in-top-layer`
   */
-  dialog:modal {
+  dialog[aria-modal='true'], dialog:modal {
     position: fixed;
     inset: 0;
     
@@ -99,10 +100,11 @@
     //place-self: center; // In the future can use this instead of `margin: auto`
     width: fit-content;
     height: fit-content;
-  }
-  dialog::backdrop {
-    position: fixed;
-    inset: 0;
-    background: rgba(0 0 0 / 20%);
+    
+    &::backdrop {
+      position: fixed;
+      inset: 0;
+      background: rgba(0 0 0 / 20%);
+    }
   }
 }

From b3e1007d6d3be4e3478687d0db1fa0a156dbcd41 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 22:57:52 +0100
Subject: [PATCH 35/47] Refactor useConfirmationModal().

---
 .../DialogModal/DialogModal.stories.tsx       | 17 ++++---
 .../overlays/DialogModal/DialogModal.tsx      | 45 +++++++++++++++----
 src/util/types.ts                             |  6 +++
 3 files changed, 53 insertions(+), 15 deletions(-)

diff --git a/src/components/overlays/DialogModal/DialogModal.stories.tsx b/src/components/overlays/DialogModal/DialogModal.stories.tsx
index 495f8629..5fcb5b1e 100644
--- a/src/components/overlays/DialogModal/DialogModal.stories.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.stories.tsx
@@ -121,7 +121,7 @@ export const DialogModalWithRef: Story = {
 
 const DialogModalControlledWithSubject = (props: React.ComponentProps<typeof DialogModal>) => {
   type Subject = { name: string };
-  const modal = DialogModal.useModalWithSubject<null | Subject>(null);
+  const modal = DialogModal.useModalWithSubject<Subject>();
   
   return (
     <article className="bk-body-text">
@@ -147,10 +147,11 @@ export const DialogModalWithSubject: Story = {
 
 const DialogModalControlledConfirmation = (props: React.ComponentProps<typeof DialogModal>) => {
   type Subject = { name: string };
-  const deleteConfirmer = DialogModal.useConfirmationModal<null | Subject>(null, {
+  const [deleted, setDeleted] = React.useState(new Set());
+  const deleteConfirmer = DialogModal.useConfirmationModal<Subject>({
     actionLabel: 'Delete',
-    onConfirm() { globalThis.alert('Confirmed'); },
-    onCancel() { globalThis.alert('Canceled'); },
+    onConfirm(subject) { setDeleted(deleted => new Set([...deleted, subject.name])); },
+    onCancel(subject) { console.log(`Canceled deleting ${subject.name}`); },
   });
   
   return (
@@ -164,12 +165,16 @@ const DialogModalControlledConfirmation = (props: React.ComponentProps<typeof Di
       <p>A single details modal will be used, filled in with the subject based on which name was pressed.</p>
       
       <p>
-        <Button variant="primary" label="Delete Item 1"
+        <Button variant="primary"
+          label={deleted.has('Item 1') ? 'Deleted' : `Delete Item 1`}
+          disabled={deleted.has('Item 1')}
           onPress={() => { deleteConfirmer.activateWith({ name: 'Item 1' }); }}
         />
       </p>
       <p>
-        <Button variant="primary" label="Delete Item 2"
+        <Button variant="primary"
+          label={deleted.has('Item 2') ? 'Deleted' : `Delete Item 2`}
+          disabled={deleted.has('Item 2')}
           onPress={() => { deleteConfirmer.activateWith({ name: 'Item 2' }); }}
         />
       </p>
diff --git a/src/components/overlays/DialogModal/DialogModal.tsx b/src/components/overlays/DialogModal/DialogModal.tsx
index 63c207a2..1f3c6353 100644
--- a/src/components/overlays/DialogModal/DialogModal.tsx
+++ b/src/components/overlays/DialogModal/DialogModal.tsx
@@ -2,6 +2,8 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import type { NonUndefined } from '../../../util/types.ts';
+
 import * as React from 'react';
 import { flushSync } from 'react-dom';
 import { mergeRefs } from '../../../util/reactUtil.ts';
@@ -52,16 +54,22 @@ export type DialogModalProps = Omit<React.ComponentProps<typeof Dialog>, 'childr
 
 export type ModalWithSubject<S> = {
   props: Partial<DialogModalProps>,
-  subject: S,
+  subject: undefined | S,
   activateWith: (subject: S | (() => S)) => void,
 };
 /**
  * Utility hook to get a reference to a `DialogModal` for imperative usage. To open, you can call `activate()`, or
  * `activateWith()` if you want to include some subject data to be shown in the modal.
  */
-export const useModalWithSubject = <S,>(subjectInitial: S | (() => S)): ModalWithSubject<S> => {
+export const useModalWithSubject = <S,>(
+  config?: undefined | {
+    subjectInitial?: undefined | S | (() => undefined | S),
+  },
+): ModalWithSubject<S> => {
+  const { subjectInitial } = config ?? {};
+  
   const modalRef = ModalProvider.useRef(null);
-  const [subject, setSubject] = React.useState(subjectInitial);
+  const [subject, setSubject] = React.useState<undefined | S>(subjectInitial);
   
   return {
     props: { modalRef },
@@ -80,14 +88,15 @@ export const useModalWithSubject = <S,>(subjectInitial: S | (() => S)): ModalWit
  * Similar to `useModalWithSubject`, but will be preconfigured for usage as a confirmation modal.
  */
 export const useConfirmationModal = <S,>(
-  subjectInitial: S | (() => S),
   config: {
+    subjectInitial?: undefined | S | (() => undefined | S),
     actionLabel?: undefined | string,
-    onConfirm: () => void,
-    onCancel?: undefined | (() => void)
+    onConfirm: (subject: NonUndefined<S>) => void,
+    onCancel?: undefined | ((subject: NonUndefined<S>) => void)
   },
 ) => {
-  const modal = useModalWithSubject(subjectInitial);
+  const { subjectInitial, actionLabel, onConfirm, onCancel } = config;
+  const modal = useModalWithSubject({ subjectInitial });
   return {
     ...modal,
     props: {
@@ -102,8 +111,26 @@ export const useConfirmationModal = <S,>(
       children: 'Are you sure you want to perform this action?',
       actions: (
         <>
-          <Dialog.CancelAction label="Cancel" onPress={config.onCancel}/>
-          <Dialog.SubmitAction label={config.actionLabel || 'Confirm'} onPress={config.onConfirm}/>
+          <Dialog.CancelAction label="Cancel"
+            onPress={() => {
+              const subject = modal.subject;
+              if (typeof subject === 'undefined') {
+                console.error(`Unexpected: missing subject in confirmation`);
+                return;
+              }
+              onCancel?.(subject);
+            }}
+          />
+          <Dialog.SubmitAction label={actionLabel || 'Confirm'}
+            onPress={() => {
+              const subject = modal.subject;
+              if (typeof subject === 'undefined') {
+                console.error(`Unexpected: missing subject in confirmation`);
+                return;
+              }
+              onConfirm(subject);
+            }}
+          />
         </>
       ),
     },
diff --git a/src/util/types.ts b/src/util/types.ts
index a2349d12..4b7dc0b7 100644
--- a/src/util/types.ts
+++ b/src/util/types.ts
@@ -2,6 +2,12 @@
 |* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+// TypeScript has `NonNullable` built in, but not `NonUndefined`.
+// Note: when TS refines non-undefined, it produces `T & ({} | null)`. Do not define this type as
+// `T extends undefined ? never : T`, because you cannot `T & ({} | null)` cannot be assigned to such a conditional.
+// https://www.typescriptlang.org/play/?#code/LAKAxg9gdgzgLgAgGZQQXgQHgCoBoB8AFAIYBOA5gFwLYCU6+CA3qAmwgJZIKFwCeABwCmEbmXLo0GAOQBXKABMhSDlCELp9FiHa6EpIXFmkoAblbsAvhbbjzIS-aA
+export type NonUndefined<T> = T & ({} | null);
+
 // https://stackoverflow.com/questions/39419170/how-do-i-check-that-a-switch-block-is-exhaustive-in-typescript
 export const assertUnreachable = (x: never): never => {
   throw new Error(`Unexpected case`);

From 29d744636618c64d5310167b25f069bfe33b1ec4 Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Sun, 5 Jan 2025 23:00:57 +0100
Subject: [PATCH 36/47] Fix type error.

---
 src/layouts/util/Scroller.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/util/Scroller.tsx b/src/layouts/util/Scroller.tsx
index f15e911c..391e70b0 100644
--- a/src/layouts/util/Scroller.tsx
+++ b/src/layouts/util/Scroller.tsx
@@ -20,7 +20,7 @@ type UseScrollerArgs = {
 };
 
 type ScrollerProps = {
-  tabIndex: number,
+  tabIndex?: undefined | number,
   // Note: don't use `ClassNameArgument`, because that forces all consumers to apply `cx()`
   className?: undefined | string,
 };

From 6c66420368c0a030be251783058352b1e664ee00 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Mon, 6 Jan 2025 23:50:15 +0100
Subject: [PATCH 37/47] Fix review comments.

---
 src/components/containers/Dialog/Dialog.module.scss        | 7 -------
 src/components/containers/Dialog/Dialog.stories.tsx        | 2 --
 .../overlays/ModalProvider/ModalProvider.stories.tsx       | 2 +-
 3 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index 0aa38579..d49a5610 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -93,12 +93,5 @@
     
     // State: focus
     @include bk.focus-outset;
-    // .bk-dialog__content {
-    //   @include bk.focus-hidden;
-    // }
-    // @include bk.focus-hidden;
-    // &:has(.bk-dialog__content:focus-visible), .pseudo-focus-visible {
-    //   @include bk.focus-outset($selector: '&');
-    // }
   }
 }
diff --git a/src/components/containers/Dialog/Dialog.stories.tsx b/src/components/containers/Dialog/Dialog.stories.tsx
index a5af8adc..a066aa92 100644
--- a/src/components/containers/Dialog/Dialog.stories.tsx
+++ b/src/components/containers/Dialog/Dialog.stories.tsx
@@ -8,8 +8,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { LayoutDecorator } from '../../../util/storybook/LayoutDecorator.tsx';
 import { loremIpsum, LoremIpsum } from '../../../util/storybook/LoremIpsum.tsx';
 
-import { Button } from '../../actions/Button/Button.tsx';
-
 import { Dialog } from './Dialog.tsx';
 
 
diff --git a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
index 2918290b..3a42ed2f 100644
--- a/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
+++ b/src/components/overlays/ModalProvider/ModalProvider.stories.tsx
@@ -49,7 +49,7 @@ const ModalProviderAutoOpen = (props: React.ComponentProps<typeof ModalProvider>
   const ref = ModalProvider.useRef(null);
   
   // biome-ignore lint/correctness/useExhaustiveDependencies: want to only trigger this once
-    React.useEffect(() => {
+  React.useEffect(() => {
     globalThis.setTimeout(() => {
       ref.current?.activate();
     }, 2000);

From 422eeb52cb9b14970238d26d48c9907c9af78976 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 16:28:27 +0100
Subject: [PATCH 38/47] Fix vite-plugin-dts issues + add installation test.

---
 .github/workflows/ci.yaml             |    1 +
 biome.jsonc                           |    1 +
 package-lock.json                     |  326 +-
 package.json                          |    5 +-
 package.json.js                       |    3 +-
 scripts/verify.ts                     |    1 -
 tests/installation/.gitignore         |   24 +
 tests/installation/eslint.config.js   |   28 +
 tests/installation/index.html         |   13 +
 tests/installation/package-lock.json  | 6583 +++++++++++++++++++++++++
 tests/installation/package.json       |   32 +
 tests/installation/public/.gitkeep    |    0
 tests/installation/src/App.css        |    0
 tests/installation/src/App.tsx        |   75 +
 tests/installation/src/index.scss     |    2 +
 tests/installation/src/main.tsx       |   11 +
 tests/installation/src/vite-env.d.ts  |    1 +
 tests/installation/tsconfig.app.json  |   26 +
 tests/installation/tsconfig.json      |    7 +
 tests/installation/tsconfig.node.json |   24 +
 tests/installation/vite.config.ts     |   21 +
 tsconfig.app.json                     |    4 +-
 tsconfig.node.json                    |    4 +
 vite.config.ts                        |    2 +-
 24 files changed, 6983 insertions(+), 211 deletions(-)
 create mode 100644 tests/installation/.gitignore
 create mode 100644 tests/installation/eslint.config.js
 create mode 100644 tests/installation/index.html
 create mode 100644 tests/installation/package-lock.json
 create mode 100644 tests/installation/package.json
 create mode 100644 tests/installation/public/.gitkeep
 create mode 100644 tests/installation/src/App.css
 create mode 100644 tests/installation/src/App.tsx
 create mode 100644 tests/installation/src/index.scss
 create mode 100644 tests/installation/src/main.tsx
 create mode 100644 tests/installation/src/vite-env.d.ts
 create mode 100644 tests/installation/tsconfig.app.json
 create mode 100644 tests/installation/tsconfig.json
 create mode 100644 tests/installation/tsconfig.node.json
 create mode 100644 tests/installation/vite.config.ts

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index e988b096..ed8ce60d 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -30,3 +30,4 @@ jobs:
     #- run: npm run build --if-present
     - run: npm run verify verify:source
     - run: npm test
+    - run: cd tests/installation && npm ci && npm test
diff --git a/biome.jsonc b/biome.jsonc
index 255afc92..a1407195 100644
--- a/biome.jsonc
+++ b/biome.jsonc
@@ -24,6 +24,7 @@
   "linter": {
     "enabled": true,
     "include": ["app/**/*", "src/**/*", "tests/**/*"],
+    "ignore": ["tests/installation/**/*"],
     "rules": {
       "recommended": true,
       "complexity": {
diff --git a/package-lock.json b/package-lock.json
index 4304667c..18ed3450 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -58,7 +58,7 @@
         "typescript-plugin-css-modules": "^5.0.1",
         "vite": "^5.4.11",
         "vite-css-modules": "^1.6.0",
-        "vite-plugin-dts": "^4.3.0",
+        "vite-plugin-dts": "^4.4.0",
         "vite-plugin-lib-inject-css": "^2.1.1",
         "vite-plugin-svg-icons": "^2.0.1",
         "vitest": "^2.1.8"
@@ -2228,19 +2228,18 @@
       }
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.47.11",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.47.11.tgz",
-      "integrity": "sha512-lrudfbPub5wzBhymfFtgZKuBvXxoSIAdrvS2UbHjoMT2TjIEddq6Z13pcve7A03BAouw0x8sW8G4txdgfiSwpQ==",
+      "version": "7.48.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.48.1.tgz",
+      "integrity": "sha512-HN9Osa1WxqLM66RaqB5nPAadx+nTIQmY/XtkFdaJvusjG8Tus++QqZtD7KPZDSkhEMGHsYeSyeU8qUzCDUXPjg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.29.8",
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0",
+        "@microsoft/api-extractor-model": "7.30.1",
+        "@microsoft/tsdoc": "~0.15.1",
+        "@microsoft/tsdoc-config": "~0.17.1",
+        "@rushstack/node-core-library": "5.10.1",
         "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.14.2",
-        "@rushstack/ts-command-line": "4.23.0",
+        "@rushstack/terminal": "0.14.4",
+        "@rushstack/ts-command-line": "4.23.2",
         "lodash": "~4.17.15",
         "minimatch": "~3.0.3",
         "resolve": "~1.22.1",
@@ -2253,15 +2252,14 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.29.8",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.29.8.tgz",
-      "integrity": "sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==",
+      "version": "7.30.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.30.1.tgz",
+      "integrity": "sha512-CTS2PlASJHxVY8hqHORVb1HdECWOEMcMnM6/kDkPr0RZapAFSIHhg9D4jxuE8g+OWYHtPc10LCpmde5pylTRlA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0"
+        "@microsoft/tsdoc": "~0.15.1",
+        "@microsoft/tsdoc-config": "~0.17.1",
+        "@rushstack/node-core-library": "5.10.1"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
@@ -2269,7 +2267,6 @@
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2280,7 +2277,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -2293,7 +2289,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
       "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2306,7 +2301,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -2317,42 +2311,25 @@
         "node": ">=10"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
-      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/@microsoft/api-extractor/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/@microsoft/tsdoc": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.0.tgz",
-      "integrity": "sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==",
-      "dev": true,
-      "license": "MIT"
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.1.tgz",
+      "integrity": "sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==",
+      "dev": true
     },
     "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.0.tgz",
-      "integrity": "sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.1.tgz",
+      "integrity": "sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/tsdoc": "0.15.0",
+        "@microsoft/tsdoc": "0.15.1",
         "ajv": "~8.12.0",
         "jju": "~1.4.0",
         "resolve": "~1.22.2"
@@ -2363,7 +2340,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -2970,15 +2946,14 @@
       "license": "MIT"
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.2.tgz",
-      "integrity": "sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
-        "picomatch": "^2.3.1"
+        "picomatch": "^4.0.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2992,19 +2967,6 @@
         }
       }
     },
-    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.27.4",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
@@ -3240,11 +3202,10 @@
       ]
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.9.0.tgz",
-      "integrity": "sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==",
+      "version": "5.10.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.10.1.tgz",
+      "integrity": "sha512-BSb/KcyBHmUQwINrgtzo6jiH0HlGFmrUy33vO6unmceuVKTEyL2q+P0fQq2oB5hvXVWOEUhxB2QvlkZluvUEmg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ajv": "~8.13.0",
         "ajv-draft-04": "~1.0.0",
@@ -3269,7 +3230,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
       "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "json-schema-traverse": "^1.0.0",
@@ -3286,7 +3246,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -3299,7 +3258,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -3314,28 +3272,25 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/@rushstack/rig-package": {
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
       "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "resolve": "~1.22.1",
         "strip-json-comments": "~3.1.1"
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.2.tgz",
-      "integrity": "sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==",
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.4.tgz",
+      "integrity": "sha512-NxACqERW0PHq8Rpq1V6v5iTHEwkRGxenjEW+VWqRYQ8T9puUzgmGHmEZUaUEDHAe9Qyvp0/Ew04sAiQw9XjhJg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.9.0",
+        "@rushstack/node-core-library": "5.10.1",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -3352,7 +3307,6 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3364,13 +3318,12 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.23.0.tgz",
-      "integrity": "sha512-jYREBtsxduPV6ptNq8jOKp9+yx0ld1Tb/Tkdnlj8gTjazl1sF3DwX2VbluyYrNd0meWIL0bNeer7WDf5tKFjaQ==",
+      "version": "4.23.2",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.23.2.tgz",
+      "integrity": "sha512-JJ7XZX5K3ThBBva38aomgsPv1L7FV6XmSOcR6HtM7HDFZJkepqT65imw26h9ggGqMjsY0R9jcl30tzKcVj9aOQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.14.2",
+        "@rushstack/terminal": "0.14.4",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -3381,7 +3334,6 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -4465,8 +4417,7 @@
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
       "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/aria-query": {
       "version": "5.0.4",
@@ -4890,57 +4841,52 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.5.tgz",
-      "integrity": "sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==",
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.11.tgz",
+      "integrity": "sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/source-map": "2.4.5"
+        "@volar/source-map": "2.4.11"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.5.tgz",
-      "integrity": "sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw==",
-      "dev": true,
-      "license": "MIT"
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.11.tgz",
+      "integrity": "sha512-ZQpmafIGvaZMn/8iuvCFGrW3smeqkq/IIh9F1SdSx9aUl0J4Iurzd6/FhmjNO5g2ejF3rT45dKskgXWiofqlZQ==",
+      "dev": true
     },
     "node_modules/@volar/typescript": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.5.tgz",
-      "integrity": "sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==",
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.11.tgz",
+      "integrity": "sha512-2DT+Tdh88Spp5PyPbqhyoYavYCPDsqbHLFwcUI9K1NlY1YgUJvujGdrqUp0zWxnW7KWNTr3xSpMuv2WnaTKDAw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "2.4.5",
+        "@volar/language-core": "2.4.11",
         "path-browserify": "^1.0.1",
         "vscode-uri": "^3.0.8"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.10.tgz",
-      "integrity": "sha512-iXWlk+Cg/ag7gLvY0SfVucU8Kh2CjysYZjhhP70w9qI4MvSox4frrP+vDGvtQuzIcgD8+sxM6lZvCtdxGunTAA==",
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.10",
+        "@vue/shared": "3.5.13",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.10.tgz",
-      "integrity": "sha512-DyxHC6qPcktwYGKOIy3XqnHRrrXyWR2u91AjP+nLkADko380srsC2DC3s7Y1Rk6YfOlxOlvEQKa9XXmLI+W4ZA==",
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.10",
-        "@vue/shared": "3.5.10"
+        "@vue/compiler-core": "3.5.13",
+        "@vue/shared": "3.5.13"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -4948,24 +4894,22 @@
       "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
       "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "de-indent": "^1.0.2",
         "he": "^1.2.0"
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.6.tgz",
-      "integrity": "sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==",
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.10.tgz",
+      "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "~2.4.1",
-        "@vue/compiler-dom": "^3.4.0",
+        "@volar/language-core": "~2.4.8",
+        "@vue/compiler-dom": "^3.5.0",
         "@vue/compiler-vue2": "^2.7.16",
-        "@vue/shared": "^3.4.0",
-        "computeds": "^0.0.1",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^0.2.0",
         "minimatch": "^9.0.3",
         "muggle-string": "^0.4.1",
         "path-browserify": "^1.0.1"
@@ -4984,7 +4928,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -4996,11 +4939,10 @@
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.10.tgz",
-      "integrity": "sha512-VkkBhU97Ki+XJ0xvl4C9YJsIZ2uIlQ7HqPpZOS3m9VCvmROPaChZU6DexdMJqvz9tbgG+4EtFVrSuailUq5KGQ==",
-      "dev": true,
-      "license": "MIT"
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "dev": true
     },
     "node_modules/acorn": {
       "version": "8.14.0",
@@ -5054,7 +4996,6 @@
       "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
       "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
       "dev": true,
-      "license": "MIT",
       "peerDependencies": {
         "ajv": "^8.5.0"
       },
@@ -5069,7 +5010,6 @@
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
       "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -5082,6 +5022,12 @@
         }
       }
     },
+    "node_modules/alien-signals": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.2.tgz",
+      "integrity": "sha512-cZIRkbERILsBOXTQmMrxc9hgpxglstn69zm+F1ARf4aPAzdAFYd6sBq87ErO0Fj3DV94tglcyHG5kQz9nDC/8A==",
+      "dev": true
+    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -6342,13 +6288,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/computeds": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
-      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -6357,11 +6296,10 @@
       "license": "MIT"
     },
     "node_modules/confbox": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.7.tgz",
-      "integrity": "sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==",
-      "dev": true,
-      "license": "MIT"
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true
     },
     "node_modules/constant-case": {
       "version": "3.0.4",
@@ -6766,15 +6704,13 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -7216,7 +7152,6 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -8285,7 +8220,6 @@
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
       "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.1.2",
         "jsonfile": "^4.0.0",
@@ -8300,7 +8234,6 @@
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
       "dev": true,
-      "license": "MIT",
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -8310,7 +8243,6 @@
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -9069,7 +9001,6 @@
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
       "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -11349,8 +11280,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
       "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/joi": {
       "version": "17.13.3",
@@ -11903,14 +11833,13 @@
       }
     },
     "node_modules/local-pkg": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz",
-      "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.1.tgz",
+      "integrity": "sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "mlly": "^1.4.2",
-        "pkg-types": "^1.0.3"
+        "mlly": "^1.7.3",
+        "pkg-types": "^1.2.1"
       },
       "engines": {
         "node": ">=14"
@@ -12058,11 +11987,10 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.12",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
-      "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
@@ -12437,16 +12365,15 @@
       }
     },
     "node_modules/mlly": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
-      "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.3.tgz",
+      "integrity": "sha512-xUsx5n/mN0uQf4V548PKQ+YShA4/IW0KI1dZhrNrPCLG+xizETbHTkOa1f8/xut9JRPp8kQuMnz0oqwkTiLo/A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "acorn": "^8.11.3",
+        "acorn": "^8.14.0",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.1.1",
-        "ufo": "^1.5.3"
+        "pkg-types": "^1.2.1",
+        "ufo": "^1.5.4"
       }
     },
     "node_modules/mrmime": {
@@ -12470,8 +12397,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/mustache": {
       "version": "4.2.0",
@@ -13542,8 +13468,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/path-case": {
       "version": "3.0.4",
@@ -13785,14 +13710,13 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.0.tgz",
-      "integrity": "sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.0.tgz",
+      "integrity": "sha512-kS7yWjVFCkIw9hqdJBoMxDdzEngmkr5FXeWZZfQ6GoYacjVnsW6l2CcYW/0ThD0vF4LPJgVYnrg4d0uuhwYQbg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "confbox": "^0.1.7",
-        "mlly": "^1.7.1",
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.3",
         "pathe": "^1.1.2"
       }
     },
@@ -14348,7 +14272,6 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -16228,7 +16151,6 @@
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
       "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.6.19"
       }
@@ -17950,8 +17872,7 @@
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
       "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/uglify-js": {
       "version": "3.19.3",
@@ -18152,7 +18073,6 @@
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -18360,21 +18280,20 @@
       }
     },
     "node_modules/vite-plugin-dts": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.3.0.tgz",
-      "integrity": "sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.4.0.tgz",
+      "integrity": "sha512-CJ6phvnnPLF+aFk8Jz2ZcMBLleJ4gKJOXb9We5Kzmsp5bPuD+uMDeVefjFNYSXZ+wdcqnf+Yp2P7oA5hBKQTlQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor": "^7.47.11",
-        "@rollup/pluginutils": "^5.1.0",
-        "@volar/typescript": "^2.4.4",
-        "@vue/language-core": "2.1.6",
+        "@microsoft/api-extractor": "^7.48.1",
+        "@rollup/pluginutils": "^5.1.4",
+        "@volar/typescript": "^2.4.11",
+        "@vue/language-core": "2.1.10",
         "compare-versions": "^6.1.1",
-        "debug": "^4.3.6",
+        "debug": "^4.4.0",
         "kolorist": "^1.8.0",
-        "local-pkg": "^0.5.0",
-        "magic-string": "^0.30.11"
+        "local-pkg": "^0.5.1",
+        "magic-string": "^0.30.17"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -18983,8 +18902,7 @@
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
       "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/wait-on": {
       "version": "7.2.0",
diff --git a/package.json b/package.json
index 014ab4a2..e9cdce9e 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "glob": "^11.0.0",
     "vite": "^5.4.11",
     "@vitejs/plugin-react": "^4.3.4",
-    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-dts": "^4.4.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "typescript": "^5.7.2",
@@ -134,6 +134,7 @@
     "react-datepicker": {
       "react": "$react",
       "react-dom": "$react-dom"
-    }
+    },
+    "typescript": "^5.7.2"
   }
 }
diff --git a/package.json.js b/package.json.js
index b3ae31c9..3351859a 100644
--- a/package.json.js
+++ b/package.json.js
@@ -110,7 +110,7 @@ const packageConfig = {
     // Build
     'vite': '^5.4.11', // Cannot use vite v6, blocked by https://github.com/privatenumber/vite-css-modules/issues/13
     '@vitejs/plugin-react': '^4.3.4',
-    'vite-plugin-dts': '^4.3.0',
+    'vite-plugin-dts': '^4.4.0',
     'vite-plugin-lib-inject-css': '^2.1.1',
     'vite-plugin-svg-icons': '^2.0.1',
     
@@ -200,6 +200,7 @@ const packageConfig = {
       'react': '$react',
       'react-dom': '$react-dom',
     },
+    'typescript': '^5.7.2',
   },
 };
 
diff --git a/scripts/verify.ts b/scripts/verify.ts
index 1b8f19c9..559f5160 100644
--- a/scripts/verify.ts
+++ b/scripts/verify.ts
@@ -5,7 +5,6 @@ import * as pathUtil from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { type PathLike, createReadStream } from 'node:fs';
 import * as fs from 'node:fs/promises';
-import { exec } from 'node:child_process';
 import { AsyncLocalStorage } from 'node:async_hooks';
 
 
diff --git a/tests/installation/.gitignore b/tests/installation/.gitignore
new file mode 100644
index 00000000..a547bf36
--- /dev/null
+++ b/tests/installation/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/tests/installation/eslint.config.js b/tests/installation/eslint.config.js
new file mode 100644
index 00000000..092408a9
--- /dev/null
+++ b/tests/installation/eslint.config.js
@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)
diff --git a/tests/installation/index.html b/tests/installation/index.html
new file mode 100644
index 00000000..50e8a573
--- /dev/null
+++ b/tests/installation/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fortanix Baklava</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/tests/installation/package-lock.json b/tests/installation/package-lock.json
new file mode 100644
index 00000000..ab27a75e
--- /dev/null
+++ b/tests/installation/package-lock.json
@@ -0,0 +1,6583 @@
+{
+  "name": "project",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "project",
+      "version": "0.0.0",
+      "dependencies": {
+        "@fortanix/baklava": "file:../..",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.11.1",
+        "@types/react": "^19.0.1",
+        "@types/react-dom": "^19.0.1",
+        "@vitejs/plugin-react": "^4.3.2",
+        "eslint": "^9.11.1",
+        "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+        "eslint-plugin-react-refresh": "^0.4.12",
+        "globals": "^15.9.0",
+        "typescript": "^5.5.3",
+        "typescript-eslint": "^8.7.0",
+        "vite": "^5.4.8",
+        "vite-plugin-svg-icons": "^2.0.1"
+      }
+    },
+    "../..": {
+      "version": "1.0.0-beta-20250102",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@floating-ui/react": "^0.26.28",
+        "classnames": "^2.5.1",
+        "date-fns": "^4.1.0",
+        "effect": "^3.11.3",
+        "message-tag": "^0.10.0",
+        "optics-ts": "^2.4.1",
+        "react": "^19.0.0",
+        "react-datepicker": "^7.5.0",
+        "react-dom": "^19.0.0",
+        "react-error-boundary": "^4.1.2",
+        "react-hook-form": "^7.54.0",
+        "react-toastify": "^10.0.6"
+      },
+      "devDependencies": {
+        "@biomejs/biome": "^1.9.4",
+        "@chromatic-com/storybook": "^3.2.2",
+        "@percy/cli": "^1.30.4",
+        "@percy/storybook": "^6.0.3",
+        "@storybook/addon-a11y": "^8.4.7",
+        "@storybook/addon-designs": "^8.0.4",
+        "@storybook/addon-essentials": "^8.4.7",
+        "@storybook/addon-interactions": "^8.4.7",
+        "@storybook/addon-links": "^8.4.7",
+        "@storybook/addon-storysource": "^8.4.7",
+        "@storybook/blocks": "^8.4.7",
+        "@storybook/react": "^8.4.7",
+        "@storybook/react-vite": "^8.4.7",
+        "@storybook/test": "^8.4.7",
+        "@storybook/test-runner": "^0.21.0",
+        "@types/node": "^22.10.1",
+        "@types/react": "^19.0.1",
+        "@types/react-dom": "^19.0.1",
+        "@vitejs/plugin-react": "^4.3.4",
+        "@vitest/ui": "^2.1.8",
+        "axe-playwright": "^2.0.3",
+        "chromatic": "^11.20.0",
+        "glob": "^11.0.0",
+        "lightningcss": "^1.28.2",
+        "plop": "^4.0.1",
+        "sass-embedded": "^1.83.0",
+        "storybook": "^8.4.7",
+        "storybook-dark-mode": "^4.0.2",
+        "stylelint": "^16.11.0",
+        "stylelint-config-standard-scss": "^14.0.0",
+        "tsx": "^4.19.2",
+        "typescript": "^5.7.2",
+        "typescript-plugin-css-modules": "^5.0.1",
+        "vite": "^5.4.11",
+        "vite-css-modules": "^1.6.0",
+        "vite-plugin-dts": "^4.4.0",
+        "vite-plugin-lib-inject-css": "^2.1.1",
+        "vite-plugin-svg-icons": "^2.0.1",
+        "vitest": "^2.1.8"
+      },
+      "peerDependencies": {
+        "react": ">= 19.0.0",
+        "react-dom": ">= 19.0.0"
+      }
+    },
+    "../wd": {
+      "extraneous": true
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
+      "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
+      "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.26.0",
+        "@babel/generator": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.0",
+        "@babel/parser": "^7.26.0",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.26.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
+      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
+      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
+      "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.26.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.25.9.tgz",
+      "integrity": "sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.25.9.tgz",
+      "integrity": "sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.1.tgz",
+      "integrity": "sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.5",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz",
+      "integrity": "sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.2.0.tgz",
+      "integrity": "sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
+      "integrity": "sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.5.tgz",
+      "integrity": "sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz",
+      "integrity": "sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==",
+      "dev": true,
+      "dependencies": {
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@fortanix/baklava": {
+      "resolved": "../..",
+      "link": true
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "dev": true,
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz",
+      "integrity": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.30.1.tgz",
+      "integrity": "sha512-pSWY+EVt3rJ9fQ3IqlrEUtXh3cGqGtPDH1FQlNZehO2yYxCHEX1SPsz1M//NXwYfbTlcKr9WObLnJX9FsS9K1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.30.1.tgz",
+      "integrity": "sha512-/NA2qXxE3D/BRjOJM8wQblmArQq1YoBVJjrjoTSBS09jgUisq7bqxNHJ8kjCHeV21W/9WDGwJEWSN0KQ2mtD/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.30.1.tgz",
+      "integrity": "sha512-r7FQIXD7gB0WJ5mokTUgUWPl0eYIH0wnxqeSAhuIwvnnpjdVB8cRRClyKLQr7lgzjctkbp5KmswWszlwYln03Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.30.1.tgz",
+      "integrity": "sha512-x78BavIwSH6sqfP2xeI1hd1GpHL8J4W2BXcVM/5KYKoAD3nNsfitQhvWSw+TFtQTLZ9OmlF+FEInEHyubut2OA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.30.1.tgz",
+      "integrity": "sha512-HYTlUAjbO1z8ywxsDFWADfTRfTIIy/oUlfIDmlHYmjUP2QRDTzBuWXc9O4CXM+bo9qfiCclmHk1x4ogBjOUpUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.30.1.tgz",
+      "integrity": "sha512-1MEdGqogQLccphhX5myCJqeGNYTNcmTyaic9S7CG3JhwuIByJ7J05vGbZxsizQthP1xpVx7kd3o31eOogfEirw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.30.1.tgz",
+      "integrity": "sha512-PaMRNBSqCx7K3Wc9QZkFx5+CX27WFpAMxJNiYGAXfmMIKC7jstlr32UhTgK6T07OtqR+wYlWm9IxzennjnvdJg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.30.1.tgz",
+      "integrity": "sha512-B8Rcyj9AV7ZlEFqvB5BubG5iO6ANDsRKlhIxySXcF1axXYUyqwBok+XZPgIYGBgs7LDXfWfifxhw0Ik57T0Yug==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.30.1.tgz",
+      "integrity": "sha512-hqVyueGxAj3cBKrAI4aFHLV+h0Lv5VgWZs9CUGqr1z0fZtlADVV1YPOij6AhcK5An33EXaxnDLmJdQikcn5NEw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.30.1.tgz",
+      "integrity": "sha512-i4Ab2vnvS1AE1PyOIGp2kXni69gU2DAUVt6FSXeIqUCPIR3ZlheMW3oP2JkukDfu3PsexYRbOiJrY+yVNSk9oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.30.1.tgz",
+      "integrity": "sha512-fARcF5g296snX0oLGkVxPmysetwUk2zmHcca+e9ObOovBR++9ZPOhqFUM61UUZ2EYpXVPN1redgqVoBB34nTpQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.30.1.tgz",
+      "integrity": "sha512-GLrZraoO3wVT4uFXh67ElpwQY0DIygxdv0BNW9Hkm3X34wu+BkqrDrkcsIapAY+N2ATEbvak0XQ9gxZtCIA5Rw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.30.1.tgz",
+      "integrity": "sha512-0WKLaAUUHKBtll0wvOmh6yh3S0wSU9+yas923JIChfxOaaBarmb/lBKPF0w/+jTVozFnOXJeRGZ8NvOxvk/jcw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.30.1.tgz",
+      "integrity": "sha512-GWFs97Ruxo5Bt+cvVTQkOJ6TIx0xJDD/bMAOXWJg8TCSTEK8RnFeOeiFTxKniTc4vMIaWvCplMAFBt9miGxgkA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.30.1.tgz",
+      "integrity": "sha512-UtgGb7QGgXDIO+tqqJ5oZRGHsDLO8SlpE4MhqpY9Llpzi5rJMvrK6ZGhsRCST2abZdBqIBeXW6WPD5fGK5SDwg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.30.1.tgz",
+      "integrity": "sha512-V9U8Ey2UqmQsBT+xTOeMzPzwDzyXmnAoO4edZhL7INkwQcaW1Ckv3WJX3qrrp/VHaDkEWIBWhRwP47r8cdrOow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.30.1.tgz",
+      "integrity": "sha512-WabtHWiPaFF47W3PkHnjbmWawnX/aE57K47ZDT1BXTS5GgrBUEpvOzq0FI0V/UYzQJgdb8XlhVNH8/fwV8xDjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.30.1.tgz",
+      "integrity": "sha512-pxHAU+Zv39hLUTdQQHUVHf4P+0C47y/ZloorHpzs2SXMRqeAWmGghzAhfOlzFHHwjvgokdFAhC4V+6kC1lRRfw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.30.1.tgz",
+      "integrity": "sha512-D6qjsXGcvhTjv0kI4fU8tUuBDF/Ueee4SVX79VfNDXZa64TfCW1Slkb6Z7O1p7vflqZjcmOVdZlqf8gvJxc6og==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.6.8",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
+      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "22.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
+      "integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~6.20.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.3.tgz",
+      "integrity": "sha512-UavfHguIjnnuq9O67uXfgy/h3SRJbidAYvNjLceB+2RIKVRBzVsh0QO+Pw6BCSQqFS9xwzKfwstXx0m6AbAREA==",
+      "dev": true,
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz",
+      "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==",
+      "dev": true,
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@types/svgo": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@types/svgo/-/svgo-2.6.4.tgz",
+      "integrity": "sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
+      "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/type-utils": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
+      "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
+      "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
+      "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
+      "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
+      "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/visitor-keys": "8.19.1",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
+      "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.19.1",
+        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.19.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
+      "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.19.1",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.4.tgz",
+      "integrity": "sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.26.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-source": "^7.25.9",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.14.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true,
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "dependencies": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.24.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
+      "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001688",
+        "electron-to-chromium": "^1.5.73",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.1"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "dependencies": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001690",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
+      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/class-utils/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "dev": true,
+      "dependencies": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dev": true,
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-select/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/css-select/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true
+    },
+    "node_modules/domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.78",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.78.tgz",
+      "integrity": "sha512-UmwIt7HRKN1rsJfddG5UG7rCTCTAKoS9JeOy/R0zSenAyaZ8SU3RuXlwcratxhdxGRNpk03iq8O7BA3W7ibLVw==",
+      "dev": true
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+      "dev": true
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz",
+      "integrity": "sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.19.0",
+        "@eslint/core": "^0.9.0",
+        "@eslint/eslintrc": "^3.2.0",
+        "@eslint/js": "9.17.0",
+        "@eslint/plugin-kit": "^0.2.3",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.1",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
+      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.16.tgz",
+      "integrity": "sha512-slterMlxAhov/DZO8NScf6mEeMBBXodFUolijDvrtTxyezyLoTQaa73FyYus/VbTdftd8wBgBxPMRk3poleXNQ==",
+      "dev": true,
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
+      "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "dependencies": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
+      "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
+      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+      "dev": true,
+      "dependencies": {
+        "map-cache": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "15.14.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-15.14.0.tgz",
+      "integrity": "sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dev": true,
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-value/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^1.3.1",
+        "domhandler": "^2.3.0",
+        "domutils": "^1.5.1",
+        "entities": "^1.1.1",
+        "inherits": "^2.0.1",
+        "readable-stream": "^3.1.1"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+      "dev": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.0.tgz",
+      "integrity": "sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dev": true,
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/js-base64": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
+      "dev": true
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dev": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/loader-utils/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "dev": true,
+      "dependencies": {
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "dev": true
+    },
+    "node_modules/merge-options": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-1.0.1.tgz",
+      "integrity": "sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-obj": "^1.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "dependencies": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-deep/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "dev": true,
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "dev": true,
+      "dependencies": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-copy/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-visit/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.pick/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
+      "integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
+      "dev": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-prefix-selector": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/postcss-prefix-selector/-/postcss-prefix-selector-1.16.1.tgz",
+      "integrity": "sha512-Umxu+FvKMwlY6TyDzGFoSUnzW+NOfMBLyC1tAkIjgX+Z/qGspJeRjVC903D7mx7TuBpJlwti2ibXtWuA7fKMeQ==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": ">4 <9"
+      }
+    },
+    "node_modules/posthtml": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.9.2.tgz",
+      "integrity": "sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==",
+      "dev": true,
+      "dependencies": {
+        "posthtml-parser": "^0.2.0",
+        "posthtml-render": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/posthtml-parser": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.2.1.tgz",
+      "integrity": "sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==",
+      "dev": true,
+      "dependencies": {
+        "htmlparser2": "^3.8.3",
+        "isobject": "^2.1.0"
+      }
+    },
+    "node_modules/posthtml-rename-id": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/posthtml-rename-id/-/posthtml-rename-id-1.0.12.tgz",
+      "integrity": "sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "1.0.5"
+      }
+    },
+    "node_modules/posthtml-rename-id/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/posthtml-render": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.4.0.tgz",
+      "integrity": "sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/posthtml-svg-mode": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/posthtml-svg-mode/-/posthtml-svg-mode-1.0.3.tgz",
+      "integrity": "sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==",
+      "dev": true,
+      "dependencies": {
+        "merge-options": "1.0.1",
+        "posthtml": "^0.9.2",
+        "posthtml-parser": "^0.2.1",
+        "posthtml-render": "^1.0.6"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/query-string": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+      "integrity": "sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==",
+      "dev": true,
+      "dependencies": {
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/react": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
+      "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz",
+      "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
+      "dependencies": {
+        "scheduler": "^0.25.0"
+      },
+      "peerDependencies": {
+        "react": "^19.0.0"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-not/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-not/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "deprecated": "https://github.com/lydell/resolve-url#deprecated",
+      "dev": true
+    },
+    "node_modules/ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.30.1.tgz",
+      "integrity": "sha512-mlJ4glW020fPuLi7DkM/lN97mYEZGWeqBnrljzN0gs7GLctqX3lNWxKQ7Gl712UAX+6fog/L3jh4gb7R6aVi3w==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.30.1",
+        "@rollup/rollup-android-arm64": "4.30.1",
+        "@rollup/rollup-darwin-arm64": "4.30.1",
+        "@rollup/rollup-darwin-x64": "4.30.1",
+        "@rollup/rollup-freebsd-arm64": "4.30.1",
+        "@rollup/rollup-freebsd-x64": "4.30.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.30.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.30.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.30.1",
+        "@rollup/rollup-linux-arm64-musl": "4.30.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.30.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.30.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.30.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.30.1",
+        "@rollup/rollup-linux-x64-gnu": "4.30.1",
+        "@rollup/rollup-linux-x64-musl": "4.30.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.30.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.30.1",
+        "@rollup/rollup-win32-x64-msvc": "4.30.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-array-concat/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+      "dev": true,
+      "dependencies": {
+        "ret": "~0.1.10"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
+      "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA=="
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "dependencies": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/snapdragon/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/snapdragon/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+      "dev": true,
+      "dependencies": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
+      "dev": true
+    },
+    "node_modules/split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
+      "dev": true
+    },
+    "node_modules/static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/svg-baker": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/svg-baker/-/svg-baker-1.7.0.tgz",
+      "integrity": "sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==",
+      "dev": true,
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "clone": "^2.1.1",
+        "he": "^1.1.1",
+        "image-size": "^0.5.1",
+        "loader-utils": "^1.1.0",
+        "merge-options": "1.0.1",
+        "micromatch": "3.1.0",
+        "postcss": "^5.2.17",
+        "postcss-prefix-selector": "^1.6.0",
+        "posthtml-rename-id": "^1.0",
+        "posthtml-svg-mode": "^1.0.3",
+        "query-string": "^4.3.2",
+        "traverse": "^0.6.6"
+      }
+    },
+    "node_modules/svg-baker/node_modules/ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "dev": true,
+      "dependencies": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/chalk": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^2.2.1",
+        "escape-string-regexp": "^1.0.2",
+        "has-ansi": "^2.0.0",
+        "strip-ansi": "^3.0.0",
+        "supports-color": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/chalk/node_modules/supports-color": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+      "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/has-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+      "integrity": "sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/micromatch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.0.tgz",
+      "integrity": "sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==",
+      "dev": true,
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.2.2",
+        "define-property": "^1.0.0",
+        "extend-shallow": "^2.0.1",
+        "extglob": "^2.0.2",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^5.0.2",
+        "nanomatch": "^1.2.1",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/postcss": {
+      "version": "5.2.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
+      "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^1.1.3",
+        "js-base64": "^2.1.9",
+        "source-map": "^0.5.6",
+        "supports-color": "^3.2.3"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/svg-baker/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/supports-color": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+      "integrity": "sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/svg-baker/node_modules/to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "dev": true,
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-object-path/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/traverse": {
+      "version": "0.6.10",
+      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.10.tgz",
+      "integrity": "sha512-hN4uFRxbK+PX56DxYiGHsTn2dME3TVr9vbNqlQGcGcPhJAn+tdP126iA+TArMpI4YSgnTkMWyoLl5bf81Hi5TA==",
+      "dev": true,
+      "dependencies": {
+        "gopd": "^1.0.1",
+        "typedarray.prototype.slice": "^1.0.3",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
+      "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typedarray.prototype.slice": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/typedarray.prototype.slice/-/typedarray.prototype.slice-1.0.5.tgz",
+      "integrity": "sha512-q7QNVDGTdl702bVFiI5eY4l/HkgCM6at9KhcFbgUAzezHFbOVy4+0O/lCjsABEQwbZPravVfBIiBVGo89yzHFg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "math-intrinsics": "^1.1.0",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
+      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.19.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.19.1.tgz",
+      "integrity": "sha512-LKPUQpdEMVOeKluHi8md7rwLcoXHhwvWp3x+sJkMuq3gGm9yaYJtPo8sRZSblMFJ5pcOGCAak/scKf1mvZDlQw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.19.1",
+        "@typescript-eslint/parser": "8.19.1",
+        "@typescript-eslint/utils": "8.19.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.20.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "dev": true
+    },
+    "node_modules/union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "dev": true,
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+      "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+      "dev": true,
+      "dependencies": {
+        "get-value": "^2.0.3",
+        "has-values": "^0.1.4",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dev": true,
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-values": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+      "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "deprecated": "Please see https://github.com/lydell/urix#deprecated",
+      "dev": true
+    },
+    "node_modules/use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+      "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-svg-icons": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-svg-icons/-/vite-plugin-svg-icons-2.0.1.tgz",
+      "integrity": "sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==",
+      "dev": true,
+      "dependencies": {
+        "@types/svgo": "^2.6.1",
+        "cors": "^2.8.5",
+        "debug": "^4.3.3",
+        "etag": "^1.8.1",
+        "fs-extra": "^10.0.0",
+        "pathe": "^0.2.0",
+        "svg-baker": "1.7.0",
+        "svgo": "^2.8.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/tests/installation/package.json b/tests/installation/package.json
new file mode 100644
index 00000000..bd850bb4
--- /dev/null
+++ b/tests/installation/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "@fortanix/baklava-test",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "tsc -b"
+  },
+  "dependencies": {
+    "@fortanix/baklava": "file:../..",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.11.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^9.11.1",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "globals": "^15.9.0",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.7.0",
+    "vite": "^5.4.8",
+    "vite-plugin-svg-icons": "^2.0.1"
+  }
+}
diff --git a/tests/installation/public/.gitkeep b/tests/installation/public/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/tests/installation/src/App.css b/tests/installation/src/App.css
new file mode 100644
index 00000000..e69de29b
diff --git a/tests/installation/src/App.tsx b/tests/installation/src/App.tsx
new file mode 100644
index 00000000..e39cbd12
--- /dev/null
+++ b/tests/installation/src/App.tsx
@@ -0,0 +1,75 @@
+
+import {
+  Icon,
+  Button,
+  Link,
+  DialogModal,
+  Panel,
+  AppLayout,
+  Logo,
+  Header,
+  UserMenu,
+  AccountSelector,
+  SolutionSelector,
+  Nav,
+  Sidebar,
+  Breadcrumbs,
+} from '@fortanix/baklava';
+
+export const App = () => {
+  return (
+    <AppLayout>
+      <header slot="header" className="bk-theme--dark">
+        <Link unstyled href="#" slot="logo">
+          <Logo/>
+        </Link>
+        <Header slot="actions">
+          <UserMenu userName="Anand Kashyap"/>
+          {/* <UserMenu userName="Anand Kashyap – Very Long Name That Will Overflow"/> */}
+          <AccountSelector className="select-action"/>
+          <SolutionSelector className="select-action"/>
+        </Header>
+      </header>
+      {/* Container around the sidebar that grows to full height, allowing the sidebar to be sticky */}
+      <div slot="sidebar" className="bk-theme--dark">
+        <Sidebar className="bk-app-layout__sidebar">
+          <Nav>
+            <Nav.NavItem active icon="dashboard" label="Dashboard" href="#"/>
+            <Nav.NavItem icon="dashboard" label="Groups" href="#"/>
+          </Nav>
+        </Sidebar>
+      </div>
+      <main slot="content">
+        <Icon icon="accounts"/>
+        
+        <Breadcrumbs
+          items={[
+            {
+              title: 'Fortanix Armor',
+              href: '#',
+            },
+            {
+              title: 'Dashboard',
+              href: '#',
+            }
+          ]}
+        />
+        <Panel>
+          <Panel.Heading>Panel</Panel.Heading>
+          
+          <DialogModal
+            title="Modal"
+            trigger={({ activate }) => <Button label="Open modal" onPress={activate}/>}
+          >
+            Test
+          </DialogModal>
+        </Panel>
+      </main>
+      <footer slot="footer">
+        <span className="version">Version: 4.24.2343</span>
+      </footer>
+    </AppLayout>
+  );
+};
+
+export default App;
diff --git a/tests/installation/src/index.scss b/tests/installation/src/index.scss
new file mode 100644
index 00000000..54a245b1
--- /dev/null
+++ b/tests/installation/src/index.scss
@@ -0,0 +1,2 @@
+
+//@use '@fortanix/baklava/styling/variables.scss';
diff --git a/tests/installation/src/main.tsx b/tests/installation/src/main.tsx
new file mode 100644
index 00000000..7a7c5929
--- /dev/null
+++ b/tests/installation/src/main.tsx
@@ -0,0 +1,11 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App.tsx';
+
+import 'virtual:svg-icons-register';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
diff --git a/tests/installation/src/vite-env.d.ts b/tests/installation/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/tests/installation/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tests/installation/tsconfig.app.json b/tests/installation/tsconfig.app.json
new file mode 100644
index 00000000..2470438b
--- /dev/null
+++ b/tests/installation/tsconfig.app.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
diff --git a/tests/installation/tsconfig.json b/tests/installation/tsconfig.json
new file mode 100644
index 00000000..1ffef600
--- /dev/null
+++ b/tests/installation/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tests/installation/tsconfig.node.json b/tests/installation/tsconfig.node.json
new file mode 100644
index 00000000..8cd7f18d
--- /dev/null
+++ b/tests/installation/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/tests/installation/vite.config.ts b/tests/installation/vite.config.ts
new file mode 100644
index 00000000..203495d0
--- /dev/null
+++ b/tests/installation/vite.config.ts
@@ -0,0 +1,21 @@
+
+import path from 'node:path';
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    
+    // Handle SVG sprite icons
+    createSvgIconsPlugin({
+      iconDirs: [path.resolve(__dirname, 'node_modules/@fortanix/baklava/src/assets/icons')],
+      symbolId: 'baklava-icon-[name]',
+      inject: 'body-last',
+      customDomId: 'baklava-icon-sprite',
+    }),
+  ],
+});
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 30523f33..63690376 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -5,7 +5,7 @@
     // Emission
     "noEmit": true, // Do not emit by default (only type check)
     //"emitDeclarationOnly": false,
-    "target": "ES2023", // JavaScript language version to emit
+    "target": "ESNext", // JavaScript language version to emit
     "module": "ESNext", // The type of file to emit (CommonJS/ESM/etc.)
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
@@ -23,7 +23,7 @@
     },
     
     // Type checking
-    "lib": ["ES2024", "DOM", "DOM.Iterable"], // Library declaration files to include (globally)
+    "lib": ["ES2023", "DOM", "DOM.Iterable"], // Library declaration files to include (globally)
     "skipLibCheck": true, // Do not type check declaration files (for performance)
     "noErrorTruncation": true,
     
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 36dfa946..ae64384a 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -42,5 +42,9 @@
   "include": [
     "vite.config.ts",
     "scripts/**/*",
+    "tests/**/*",
   ],
+  "exclude": [
+    "tests/installation/**/*",
+  ]
 }
diff --git a/vite.config.ts b/vite.config.ts
index 446b457b..7016bb06 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -53,7 +53,7 @@ export default defineConfig({
       rollupTypes: true,
       
       //include: [path.resolve(__dirname, 'app')],
-      tsconfigPath: path.resolve(__dirname, 'tsconfig.json'),
+      tsconfigPath: path.resolve(__dirname, 'tsconfig.app.json'),
     }),
   ],
   

From 87fa3a14104ac3a28689b519f7b99734ecb7d11b Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 18:40:57 +0100
Subject: [PATCH 39/47] Disable vite-plugin-dts rollupTypes option for now.

---
 package-lock.json | 13 +++++++++++++
 package.json      |  3 +--
 package.json.js   |  1 -
 vite.config.ts    |  2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 18ed3450..c68ac3d7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2311,6 +2311,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
+      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/@microsoft/api-extractor/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
diff --git a/package.json b/package.json
index e9cdce9e..587bfd87 100644
--- a/package.json
+++ b/package.json
@@ -134,7 +134,6 @@
     "react-datepicker": {
       "react": "$react",
       "react-dom": "$react-dom"
-    },
-    "typescript": "^5.7.2"
+    }
   }
 }
diff --git a/package.json.js b/package.json.js
index 3351859a..7a59234f 100644
--- a/package.json.js
+++ b/package.json.js
@@ -200,7 +200,6 @@ const packageConfig = {
       'react': '$react',
       'react-dom': '$react-dom',
     },
-    'typescript': '^5.7.2',
   },
 };
 
diff --git a/vite.config.ts b/vite.config.ts
index 7016bb06..30c2918c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -50,7 +50,7 @@ export default defineConfig({
       root: '../', //vite.root + ../ = ./ = (dts.root)
       staticImport: true,
       insertTypesEntry: true,
-      rollupTypes: true,
+      //rollupTypes: true, // Issue: https://github.com/qmhc/vite-plugin-dts/issues/399
       
       //include: [path.resolve(__dirname, 'app')],
       tsconfigPath: path.resolve(__dirname, 'tsconfig.app.json'),

From 80967fc437d51eaa61f9fc6edfa3aca4cdcf11d0 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 21:40:20 +0100
Subject: [PATCH 40/47] Release v1.0.0-beta-20250107

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

diff --git a/package-lock.json b/package-lock.json
index c68ac3d7..22539b0a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@fortanix/baklava",
-  "version": "1.0.0-beta-20250102",
+  "version": "1.0.0-beta-20250107",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@fortanix/baklava",
-      "version": "1.0.0-beta-20250102",
+      "version": "1.0.0-beta-20250107",
       "license": "MPL-2.0",
       "dependencies": {
         "@floating-ui/react": "^0.26.28",
diff --git a/package.json b/package.json
index 587bfd87..f4e1566b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "//": "NOTE: This is a generated file. Do not edit this file directly, edit package.json.js instead.",
   "name": "@fortanix/baklava",
-  "version": "1.0.0-beta-20250102",
+  "version": "1.0.0-beta-20250107",
   "license": "MPL-2.0",
   "author": "Fortanix",
   "description": "Fortanix Baklava design system",
diff --git a/package.json.js b/package.json.js
index 7a59234f..f338afbe 100644
--- a/package.json.js
+++ b/package.json.js
@@ -8,7 +8,7 @@ import * as fs from 'node:fs';
 
 const packageConfig = {
   name: '@fortanix/baklava',
-  version: '1.0.0-beta-20250102',
+  version: '1.0.0-beta-20250107',
   license: 'MPL-2.0',
   author: 'Fortanix',
   description: 'Fortanix Baklava design system',

From b5eaa2ae774f48c660c55fcfea022367b6f06193 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 21:41:00 +0100
Subject: [PATCH 41/47] Update CONTRIBUTING.md

---
 CONTRIBUTING.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 3300be12..8d89df0e 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -40,3 +40,17 @@ To create a new release:
   - Hit "Publish the release".
 
 - Once the release has been created, a GitHub Actions workflow will automatically run to publish this release to npm.
+
+
+**Script:**
+
+```console
+VERSION=x.y.z
+git co -b release/v${VERSION}
+sed -i '' "s/version: '.*'/version: '${VERSION}'/" package.json.js
+npm run install-project
+git add package.json.js package.json package-lock.json
+git ci -m "Release v${VERSION}"
+git push -u origin HEAD
+npm run automate github:create-release-pr
+```

From 255b4c7cd42bceafc1b4c066e2c59330136ac29a Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 21:43:06 +0100
Subject: [PATCH 42/47] Replace CHANGELOG.md with just a link to GitHub
 releases.

---
 .storybook/preview.tsx | 1 -
 CHANGELOG.md           | 4 +---
 src/docs/Changelog.mdx | 7 -------
 3 files changed, 1 insertion(+), 11 deletions(-)
 delete mode 100644 src/docs/Changelog.mdx

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index c6362b09..9642e260 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -26,7 +26,6 @@ const preview = {
             'Colors',
             'Typography',
             'Iconography',
-            'Change log',
           ],
           'typography',
           [
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f63fbb5a..99ea59c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,4 @@
 
 # Change Log
 
-**v1.0.0**
-
-* Initial release.
+See [releases](https://github.com/fortanix/baklava/releases).
diff --git a/src/docs/Changelog.mdx b/src/docs/Changelog.mdx
deleted file mode 100644
index a0b28fc2..00000000
--- a/src/docs/Changelog.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-
-import { Meta, Markdown } from '@storybook/blocks';
-import Changelog from '../../CHANGELOG.md?raw';
-
-<Meta title="Docs/Change log"/>
-
-<Markdown>{Changelog}</Markdown>

From cef948f9ebdc777a70d4d268cf3ec12ebf93b7e6 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 21:43:35 +0100
Subject: [PATCH 43/47] Update CONTRIBUTING.md

---
 CONTRIBUTING.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 8d89df0e..a176df57 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -53,4 +53,5 @@ git add package.json.js package.json package-lock.json
 git ci -m "Release v${VERSION}"
 git push -u origin HEAD
 npm run automate github:create-release-pr
+# Follow instructions from above command
 ```

From f9523fd568e41bad8ebe74b5586fddbb4ce169f6 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Tue, 7 Jan 2025 22:10:35 +0100
Subject: [PATCH 44/47] (#63) Update react-datepicker and remove workaround.

---
 package-lock.json                             | 820 ++++++++----------
 package.json                                  |  28 +-
 package.json.js                               |  26 +-
 .../forms/controls/DatePicker/DatePicker.tsx  |  34 +-
 .../DatePickerRange.stories.tsx               |   9 +-
 .../DatePickerRange/DatePickerRange.tsx       |  49 +-
 .../DateTimePicker/DateTimePicker.stories.tsx |   6 +-
 .../DateTimePicker/DateTimePicker.tsx         |  58 +-
 stylelint.config.mjs                          |   2 +-
 9 files changed, 460 insertions(+), 572 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4304667c..55d86974 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,20 +12,20 @@
         "@floating-ui/react": "^0.26.28",
         "classnames": "^2.5.1",
         "date-fns": "^4.1.0",
-        "effect": "^3.11.3",
+        "effect": "^3.12.1",
         "message-tag": "^0.10.0",
         "optics-ts": "^2.4.1",
         "react": "^19.0.0",
-        "react-datepicker": "^7.5.0",
+        "react-datepicker": "^7.6.0",
         "react-dom": "^19.0.0",
-        "react-error-boundary": "^4.1.2",
-        "react-hook-form": "^7.54.0",
+        "react-error-boundary": "^5.0.0",
+        "react-hook-form": "^7.54.2",
         "react-toastify": "^10.0.6"
       },
       "devDependencies": {
         "@biomejs/biome": "^1.9.4",
-        "@chromatic-com/storybook": "^3.2.2",
-        "@percy/cli": "^1.30.4",
+        "@chromatic-com/storybook": "^3.2.3",
+        "@percy/cli": "^1.30.6",
         "@percy/storybook": "^6.0.3",
         "@storybook/addon-a11y": "^8.4.7",
         "@storybook/addon-designs": "^8.0.4",
@@ -38,27 +38,27 @@
         "@storybook/react-vite": "^8.4.7",
         "@storybook/test": "^8.4.7",
         "@storybook/test-runner": "^0.21.0",
-        "@types/node": "^22.10.1",
-        "@types/react": "^19.0.1",
-        "@types/react-dom": "^19.0.1",
+        "@types/node": "^22.10.5",
+        "@types/react": "^19.0.3",
+        "@types/react-dom": "^19.0.2",
         "@vitejs/plugin-react": "^4.3.4",
         "@vitest/ui": "^2.1.8",
         "axe-playwright": "^2.0.3",
-        "chromatic": "^11.20.0",
+        "chromatic": "^11.22.0",
         "glob": "^11.0.0",
         "lightningcss": "^1.28.2",
         "plop": "^4.0.1",
-        "sass-embedded": "^1.83.0",
+        "sass-embedded": "^1.83.1",
         "storybook": "^8.4.7",
         "storybook-dark-mode": "^4.0.2",
-        "stylelint": "^16.11.0",
+        "stylelint": "^16.12.0",
         "stylelint-config-standard-scss": "^14.0.0",
         "tsx": "^4.19.2",
         "typescript": "^5.7.2",
         "typescript-plugin-css-modules": "^5.0.1",
         "vite": "^5.4.11",
         "vite-css-modules": "^1.6.0",
-        "vite-plugin-dts": "^4.3.0",
+        "vite-plugin-dts": "^4.4.0",
         "vite-plugin-lib-inject-css": "^2.1.1",
         "vite-plugin-svg-icons": "^2.0.1",
         "vitest": "^2.1.8"
@@ -909,9 +909,9 @@
       "dev": true
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.2.tgz",
-      "integrity": "sha512-xmXt/GW0hAPbzNTrxYuVo43Adrtjue4DeVrsoIIEeJdGaPNNeNf+DHMlJKOBdlHmCnFUoe9R/0mLM9zUp5bKWw==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.3.tgz",
+      "integrity": "sha512-3+hfANx79kIjP1qrOSLxpoAXOiYUA0S7A0WI0A24kASrv7USFNNW8etR5TjUilMb0LmqKUn3wDwUK2h6aceQ9g==",
       "dev": true,
       "dependencies": {
         "chromatic": "^11.15.0",
@@ -1496,10 +1496,9 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
-      "license": "MIT"
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg=="
     },
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
@@ -2228,19 +2227,18 @@
       }
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.47.11",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.47.11.tgz",
-      "integrity": "sha512-lrudfbPub5wzBhymfFtgZKuBvXxoSIAdrvS2UbHjoMT2TjIEddq6Z13pcve7A03BAouw0x8sW8G4txdgfiSwpQ==",
+      "version": "7.48.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.48.1.tgz",
+      "integrity": "sha512-HN9Osa1WxqLM66RaqB5nPAadx+nTIQmY/XtkFdaJvusjG8Tus++QqZtD7KPZDSkhEMGHsYeSyeU8qUzCDUXPjg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.29.8",
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0",
+        "@microsoft/api-extractor-model": "7.30.1",
+        "@microsoft/tsdoc": "~0.15.1",
+        "@microsoft/tsdoc-config": "~0.17.1",
+        "@rushstack/node-core-library": "5.10.1",
         "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.14.2",
-        "@rushstack/ts-command-line": "4.23.0",
+        "@rushstack/terminal": "0.14.4",
+        "@rushstack/ts-command-line": "4.23.2",
         "lodash": "~4.17.15",
         "minimatch": "~3.0.3",
         "resolve": "~1.22.1",
@@ -2253,15 +2251,14 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.29.8",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.29.8.tgz",
-      "integrity": "sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==",
+      "version": "7.30.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.30.1.tgz",
+      "integrity": "sha512-CTS2PlASJHxVY8hqHORVb1HdECWOEMcMnM6/kDkPr0RZapAFSIHhg9D4jxuE8g+OWYHtPc10LCpmde5pylTRlA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/tsdoc": "~0.15.0",
-        "@microsoft/tsdoc-config": "~0.17.0",
-        "@rushstack/node-core-library": "5.9.0"
+        "@microsoft/tsdoc": "~0.15.1",
+        "@microsoft/tsdoc-config": "~0.17.1",
+        "@rushstack/node-core-library": "5.10.1"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
@@ -2269,7 +2266,6 @@
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2280,7 +2276,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -2293,7 +2288,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
       "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2306,7 +2300,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -2322,7 +2315,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
       "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
       "dev": true,
-      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -2335,24 +2327,21 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/@microsoft/tsdoc": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.0.tgz",
-      "integrity": "sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==",
-      "dev": true,
-      "license": "MIT"
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.1.tgz",
+      "integrity": "sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==",
+      "dev": true
     },
     "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.0.tgz",
-      "integrity": "sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.1.tgz",
+      "integrity": "sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/tsdoc": "0.15.0",
+        "@microsoft/tsdoc": "0.15.1",
         "ajv": "~8.12.0",
         "jju": "~1.4.0",
         "resolve": "~1.22.2"
@@ -2363,7 +2352,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -2724,20 +2712,20 @@
       }
     },
     "node_modules/@percy/cli": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.30.4.tgz",
-      "integrity": "sha512-60mtqfi0GYhFJOWaHqs/C+VbQW/SRLoE1M2Hz30b7EsHBEDDXNQest3mDB8xhtKrLaP2r/QfOvcZmiuA93IsYA==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.30.6.tgz",
+      "integrity": "sha512-bR6niEywRPMXe3Koadk9ryQtCYP62LOTVQddi8I6STlOy8iEUsD2GMa8Sw4oU9hvD250Im0zpe5jP08BwrSfnw==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-app": "1.30.4",
-        "@percy/cli-build": "1.30.4",
-        "@percy/cli-command": "1.30.4",
-        "@percy/cli-config": "1.30.4",
-        "@percy/cli-exec": "1.30.4",
-        "@percy/cli-snapshot": "1.30.4",
-        "@percy/cli-upload": "1.30.4",
-        "@percy/client": "1.30.4",
-        "@percy/logger": "1.30.4"
+        "@percy/cli-app": "1.30.6",
+        "@percy/cli-build": "1.30.6",
+        "@percy/cli-command": "1.30.6",
+        "@percy/cli-config": "1.30.6",
+        "@percy/cli-exec": "1.30.6",
+        "@percy/cli-snapshot": "1.30.6",
+        "@percy/cli-upload": "1.30.6",
+        "@percy/client": "1.30.6",
+        "@percy/logger": "1.30.6"
       },
       "bin": {
         "percy": "bin/run.cjs"
@@ -2747,39 +2735,39 @@
       }
     },
     "node_modules/@percy/cli-app": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.30.4.tgz",
-      "integrity": "sha512-UB1Oc3v3BolPrANisJdVcEAR031YXvKZFE2Mmp47nmpe2L0Wtg80AlAWbnJnTNILwTAe0GQbi/jZKEbuWl6eXA==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.30.6.tgz",
+      "integrity": "sha512-IjsWqXcjjXBPErU87Zrvui2k8nogz6trXVUpiGVkPGlFXeGjQXzB95wUECRDqvDTRRrisW1p/XVJi62dUAOX2A==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4",
-        "@percy/cli-exec": "1.30.4"
+        "@percy/cli-command": "1.30.6",
+        "@percy/cli-exec": "1.30.6"
       },
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@percy/cli-build": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.30.4.tgz",
-      "integrity": "sha512-0OmUWkyfjSLKqpN2DYvy/0v3xO3I9dJeQ0ZrbtpsCSHCHMLupv8CHP9kjxnbguTiOG+SJMhj1az4J8BNdtw29w==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.30.6.tgz",
+      "integrity": "sha512-8MxuqrjIn2pxuGOVm2V1XkVNrC88a2Xog6qC9omqf69LQfFB5hR1+s40M/MC/9oM8MJFRsNJJ5PUDRHOwgM02Q==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4"
+        "@percy/cli-command": "1.30.6"
       },
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@percy/cli-command": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.30.4.tgz",
-      "integrity": "sha512-OGEDPgCqQd/VeeMECD0P8pOdiDLcMSlPHT/aD70+7/9v5BOe0I2OoYbc4nterYPvM8FkTPlZXQtW1uh5AlBTJg==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.30.6.tgz",
+      "integrity": "sha512-k+/5GTXcbPfgKV6N7yqqt2E3OwQYJl/+fXQZSy7LAfNMR9X0w26ah2ErznyaCsLTPeDyurAJ7SPIOXHsq28uRA==",
       "dev": true,
       "dependencies": {
-        "@percy/config": "1.30.4",
-        "@percy/core": "1.30.4",
-        "@percy/logger": "1.30.4"
+        "@percy/config": "1.30.6",
+        "@percy/core": "1.30.6",
+        "@percy/logger": "1.30.6"
       },
       "bin": {
         "percy-cli-readme": "bin/readme.js"
@@ -2789,25 +2777,25 @@
       }
     },
     "node_modules/@percy/cli-config": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.30.4.tgz",
-      "integrity": "sha512-J30y6DTaA6M8r0xABUlqyVG5jSTpyw8siYZ5xEwAm6WNSWPxLuc4DQwb8SEinzpckmjiPGM5SxiWn+Q7vcx9xw==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.30.6.tgz",
+      "integrity": "sha512-hKsadKRizSxe+SuuDItDZV0qd32FNpfUYHhpA1gxkAhAtgZy4d1bINmKgrB6I55cSD1yYZgRGXI1e2+NI5q5ig==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4"
+        "@percy/cli-command": "1.30.6"
       },
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@percy/cli-exec": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.30.4.tgz",
-      "integrity": "sha512-4sxqwFmJZe2jIAgfSH+VTbNtPFOWLGvGk5U8GEqbYeI6YkGX7aPsA+zi25sFLbxum0LlTvS6IXiYVTeFBeRWCQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.30.6.tgz",
+      "integrity": "sha512-N/vdTi5NJWT7AqQt8XgheGgB+vByZtX/WkpG5/a0WsJltOIYJKM0ZZIaUxZsUtXwgustdrEFchlAin/87aasvg==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4",
-        "@percy/logger": "1.30.4",
+        "@percy/cli-command": "1.30.6",
+        "@percy/logger": "1.30.6",
         "cross-spawn": "^7.0.3",
         "which": "^2.0.2"
       },
@@ -2816,12 +2804,12 @@
       }
     },
     "node_modules/@percy/cli-snapshot": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.30.4.tgz",
-      "integrity": "sha512-TFtmEpFp5FxXkhdud4xLCkSgN41l+/QfzXEvbTQzp3UciPxSg5KdfDJc96m+H3lGRxTq0LAULlt6apj4kSc40w==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.30.6.tgz",
+      "integrity": "sha512-D5qYBLVXBmIYloVfCGfIwYBg3vUXWaTA0dne0aEvIVWBN7QRKncFTHeehGe4CXal9tceFbJyx7yJCu3XXP10hg==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4",
+        "@percy/cli-command": "1.30.6",
         "yaml": "^2.0.0"
       },
       "engines": {
@@ -2829,12 +2817,12 @@
       }
     },
     "node_modules/@percy/cli-upload": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.30.4.tgz",
-      "integrity": "sha512-ODiU5j2fkvx/D/zbRQXfdgInvyWyAdZThdeDa0nNZJUTrgtw9BD95P2qdQvyCUGYOQQ8y+e2+UqovZUwhIhVyQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.30.6.tgz",
+      "integrity": "sha512-5buyO7tljBOeCKARLegoxT8NvtiZs/kIXt63d7BRVTfJKa7rn/2Xw0Y/DVseGixHFryZ6C//osvE50nHifcKYw==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "1.30.4",
+        "@percy/cli-command": "1.30.6",
         "fast-glob": "^3.2.11",
         "image-size": "^1.0.0"
       },
@@ -2843,13 +2831,13 @@
       }
     },
     "node_modules/@percy/client": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.30.4.tgz",
-      "integrity": "sha512-+22GyM2azrSRF4hPwlE/wyzLq6uPogTvrmHYqJlc3JETQHw1gzKlNNfPrgHTyr3Jzh+s3MHg0DMMtALL6Zz5uw==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.30.6.tgz",
+      "integrity": "sha512-iHcYK4djy/WA3ZqIVcgOmuOtDeMiGDmJZ0DlDG38HMmAPgXHSThNXNz9bnXb2OSJFxXVRdlAE8DoqFK5FnwNsg==",
       "dev": true,
       "dependencies": {
-        "@percy/env": "1.30.4",
-        "@percy/logger": "1.30.4",
+        "@percy/env": "1.30.6",
+        "@percy/logger": "1.30.6",
         "pako": "^2.1.0"
       },
       "engines": {
@@ -2857,12 +2845,12 @@
       }
     },
     "node_modules/@percy/config": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.30.4.tgz",
-      "integrity": "sha512-69LwatDi4whqUe9ZwJ3IvoGDpMappPct4JHRwk5ui9KHA5ov5JQ9sYTe0DGVShw0zJTx8CCRv5PPyiPsKMJfHQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.30.6.tgz",
+      "integrity": "sha512-qYUu4TVLJgtG/RIwa/AM+d3f1xH4D3uSvCoWUhX4y5rK5QDZ0UqWEvDOD6CJDn8i1xXi4ZY/JB7HKYKUTHeppQ==",
       "dev": true,
       "dependencies": {
-        "@percy/logger": "1.30.4",
+        "@percy/logger": "1.30.6",
         "ajv": "^8.6.2",
         "cosmiconfig": "^8.0.0",
         "yaml": "^2.0.0"
@@ -2872,17 +2860,17 @@
       }
     },
     "node_modules/@percy/core": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.30.4.tgz",
-      "integrity": "sha512-QhIyZc/FDD2JTsVNOTJUSw0OqImJQScchev+idZyE+27SE69A8cf0TRurTMyPLMl/ULO1/RUidE83AT87z4jBQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.30.6.tgz",
+      "integrity": "sha512-G0ULd3pHz8s4RajxUGTWGx8Ngl+jhOjIPNxOBtKh0ywgAnbvUWNWLKYvs9QinZcoPGfWgwc5+1btbeJxTAVGQg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
-        "@percy/client": "1.30.4",
-        "@percy/config": "1.30.4",
-        "@percy/dom": "1.30.4",
-        "@percy/logger": "1.30.4",
-        "@percy/webdriver-utils": "1.30.4",
+        "@percy/client": "1.30.6",
+        "@percy/config": "1.30.6",
+        "@percy/dom": "1.30.6",
+        "@percy/logger": "1.30.6",
+        "@percy/webdriver-utils": "1.30.6",
         "content-disposition": "^0.5.4",
         "cross-spawn": "^7.0.3",
         "extract-zip": "^2.0.1",
@@ -2900,36 +2888,36 @@
       }
     },
     "node_modules/@percy/dom": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.30.4.tgz",
-      "integrity": "sha512-TlsK5Cx70Nv7tzPOMnHGncWN1QBViT+H5aDp0KLdrqXm8s6F175MRYjc1MAq+/VFHxKXcLg8czN5vif9j+06Vg==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.30.6.tgz",
+      "integrity": "sha512-pMlzYYJfgVdNYbw1iJIQZxXzszL3EmIrbGvvpkred3RciJ4T3/pFlqiLiPS7TTUovMFFgRjTR1gLOH1eeWyM5A==",
       "dev": true
     },
     "node_modules/@percy/env": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.30.4.tgz",
-      "integrity": "sha512-lT4QM8bvKwa8BHEkRDCJkFMYnQPILnkGGTiPzwbdmd6vnJO/pLXYkCGx10Pl/YmLPdFgBLF9if6Nwh1uVkR1Jw==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.30.6.tgz",
+      "integrity": "sha512-GU3ZcyiCUM3KiRmcpa5fpOIkuHBUonvBhNeg1jErZFEZFQDNm238SFnKQFEJIYCX96W5Q9qqXMwjApj7qBpiWg==",
       "dev": true,
       "dependencies": {
-        "@percy/logger": "1.30.4"
+        "@percy/logger": "1.30.6"
       },
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@percy/logger": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.30.4.tgz",
-      "integrity": "sha512-NstfiVL8vh2iJ5VSv258k0pGLWWjjA05ikih5INeijPaBU87+A0WDaF1O0+wtcHMEmWGHPqIcS+TV47p+UMo7Q==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.30.6.tgz",
+      "integrity": "sha512-HDhAIjjqOlpAIqClu+fvuWSA2cvxh3aMHtKN3gRdRMppHCvyyfmVbKd1PoLPV7Z0SQzZkyaBMAjiRXWMPksLig==",
       "dev": true,
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@percy/sdk-utils": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/sdk-utils/-/sdk-utils-1.30.4.tgz",
-      "integrity": "sha512-G0is92dYAHYlq6dXHGl/R6vwiJtGdAy9TIDXY5ShXtUMWE8sRJwisgvo9LavZKqCoOVqLvmizMxG//NAN2pTMQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/sdk-utils/-/sdk-utils-1.30.6.tgz",
+      "integrity": "sha512-LSayDfxAaXJaSv5SIDKMf7EjDl+k4kufYO88YQwc9+9Yr58qqrPFon11x0PvJdA2IDGBo1G6QbvpLUO0Vem2FQ==",
       "dev": true,
       "engines": {
         "node": ">=14"
@@ -2950,13 +2938,13 @@
       }
     },
     "node_modules/@percy/webdriver-utils": {
-      "version": "1.30.4",
-      "resolved": "https://registry.npmjs.org/@percy/webdriver-utils/-/webdriver-utils-1.30.4.tgz",
-      "integrity": "sha512-yoBlAMKTpyb5nW+79218I5ttlDVXfzCIrM0pqnDirnUqNlACPHY7eqZ0bWE7Y4jYCt9jrPdwYgWkfMEW9hhdXQ==",
+      "version": "1.30.6",
+      "resolved": "https://registry.npmjs.org/@percy/webdriver-utils/-/webdriver-utils-1.30.6.tgz",
+      "integrity": "sha512-B1M9HWP3ZEM5CuDSMUx+68mrrKm9/JjJ0KO/OLztRh+v7TOsgOWpHMHalurwEIfoNf/olduQ4/Vv9TPrTSj72Q==",
       "dev": true,
       "dependencies": {
-        "@percy/config": "1.30.4",
-        "@percy/sdk-utils": "1.30.4"
+        "@percy/config": "1.30.6",
+        "@percy/sdk-utils": "1.30.6"
       },
       "engines": {
         "node": ">=14"
@@ -2970,15 +2958,14 @@
       "license": "MIT"
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.2.tgz",
-      "integrity": "sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
-        "picomatch": "^2.3.1"
+        "picomatch": "^4.0.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2992,19 +2979,6 @@
         }
       }
     },
-    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.27.4",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
@@ -3240,11 +3214,10 @@
       ]
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.9.0.tgz",
-      "integrity": "sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==",
+      "version": "5.10.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.10.1.tgz",
+      "integrity": "sha512-BSb/KcyBHmUQwINrgtzo6jiH0HlGFmrUy33vO6unmceuVKTEyL2q+P0fQq2oB5hvXVWOEUhxB2QvlkZluvUEmg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ajv": "~8.13.0",
         "ajv-draft-04": "~1.0.0",
@@ -3269,7 +3242,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
       "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "json-schema-traverse": "^1.0.0",
@@ -3286,7 +3258,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -3299,7 +3270,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -3314,28 +3284,25 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/@rushstack/rig-package": {
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
       "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "resolve": "~1.22.1",
         "strip-json-comments": "~3.1.1"
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.14.2",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.2.tgz",
-      "integrity": "sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==",
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.4.tgz",
+      "integrity": "sha512-NxACqERW0PHq8Rpq1V6v5iTHEwkRGxenjEW+VWqRYQ8T9puUzgmGHmEZUaUEDHAe9Qyvp0/Ew04sAiQw9XjhJg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.9.0",
+        "@rushstack/node-core-library": "5.10.1",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -3352,7 +3319,6 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3364,13 +3330,12 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.23.0.tgz",
-      "integrity": "sha512-jYREBtsxduPV6ptNq8jOKp9+yx0ld1Tb/Tkdnlj8gTjazl1sF3DwX2VbluyYrNd0meWIL0bNeer7WDf5tKFjaQ==",
+      "version": "4.23.2",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.23.2.tgz",
+      "integrity": "sha512-JJ7XZX5K3ThBBva38aomgsPv1L7FV6XmSOcR6HtM7HDFZJkepqT65imw26h9ggGqMjsY0R9jcl30tzKcVj9aOQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.14.2",
+        "@rushstack/terminal": "0.14.4",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -3381,7 +3346,6 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -4465,8 +4429,7 @@
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
       "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/aria-query": {
       "version": "5.0.4",
@@ -4608,9 +4571,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "22.10.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz",
-      "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==",
+      "version": "22.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
+      "integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
       "dev": true,
       "dependencies": {
         "undici-types": "~6.20.0"
@@ -4637,21 +4600,21 @@
       }
     },
     "node_modules/@types/react": {
-      "version": "19.0.1",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.1.tgz",
-      "integrity": "sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==",
+      "version": "19.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.3.tgz",
+      "integrity": "sha512-UavfHguIjnnuq9O67uXfgy/h3SRJbidAYvNjLceB+2RIKVRBzVsh0QO+Pw6BCSQqFS9xwzKfwstXx0m6AbAREA==",
       "dev": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "19.0.1",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.1.tgz",
-      "integrity": "sha512-hljHij7MpWPKF6u5vojuyfV0YA4YURsQG7KT6SzV0Zs2BXAtgdTxG6A229Ub/xiWV4w/7JL8fi6aAyjshH4meA==",
+      "version": "19.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz",
+      "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==",
       "dev": true,
-      "dependencies": {
-        "@types/react": "*"
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
       }
     },
     "node_modules/@types/resolve": {
@@ -4890,57 +4853,52 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.5.tgz",
-      "integrity": "sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==",
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.11.tgz",
+      "integrity": "sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/source-map": "2.4.5"
+        "@volar/source-map": "2.4.11"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.5.tgz",
-      "integrity": "sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw==",
-      "dev": true,
-      "license": "MIT"
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.11.tgz",
+      "integrity": "sha512-ZQpmafIGvaZMn/8iuvCFGrW3smeqkq/IIh9F1SdSx9aUl0J4Iurzd6/FhmjNO5g2ejF3rT45dKskgXWiofqlZQ==",
+      "dev": true
     },
     "node_modules/@volar/typescript": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.5.tgz",
-      "integrity": "sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==",
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.11.tgz",
+      "integrity": "sha512-2DT+Tdh88Spp5PyPbqhyoYavYCPDsqbHLFwcUI9K1NlY1YgUJvujGdrqUp0zWxnW7KWNTr3xSpMuv2WnaTKDAw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "2.4.5",
+        "@volar/language-core": "2.4.11",
         "path-browserify": "^1.0.1",
         "vscode-uri": "^3.0.8"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.10.tgz",
-      "integrity": "sha512-iXWlk+Cg/ag7gLvY0SfVucU8Kh2CjysYZjhhP70w9qI4MvSox4frrP+vDGvtQuzIcgD8+sxM6lZvCtdxGunTAA==",
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.10",
+        "@vue/shared": "3.5.13",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.10.tgz",
-      "integrity": "sha512-DyxHC6qPcktwYGKOIy3XqnHRrrXyWR2u91AjP+nLkADko380srsC2DC3s7Y1Rk6YfOlxOlvEQKa9XXmLI+W4ZA==",
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.10",
-        "@vue/shared": "3.5.10"
+        "@vue/compiler-core": "3.5.13",
+        "@vue/shared": "3.5.13"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -4948,24 +4906,22 @@
       "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
       "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "de-indent": "^1.0.2",
         "he": "^1.2.0"
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.6.tgz",
-      "integrity": "sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==",
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.10.tgz",
+      "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "~2.4.1",
-        "@vue/compiler-dom": "^3.4.0",
+        "@volar/language-core": "~2.4.8",
+        "@vue/compiler-dom": "^3.5.0",
         "@vue/compiler-vue2": "^2.7.16",
-        "@vue/shared": "^3.4.0",
-        "computeds": "^0.0.1",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^0.2.0",
         "minimatch": "^9.0.3",
         "muggle-string": "^0.4.1",
         "path-browserify": "^1.0.1"
@@ -4984,7 +4940,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -4996,11 +4951,10 @@
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.10.tgz",
-      "integrity": "sha512-VkkBhU97Ki+XJ0xvl4C9YJsIZ2uIlQ7HqPpZOS3m9VCvmROPaChZU6DexdMJqvz9tbgG+4EtFVrSuailUq5KGQ==",
-      "dev": true,
-      "license": "MIT"
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "dev": true
     },
     "node_modules/acorn": {
       "version": "8.14.0",
@@ -5054,7 +5008,6 @@
       "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
       "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
       "dev": true,
-      "license": "MIT",
       "peerDependencies": {
         "ajv": "^8.5.0"
       },
@@ -5069,7 +5022,6 @@
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
       "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -5082,6 +5034,12 @@
         }
       }
     },
+    "node_modules/alien-signals": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.2.tgz",
+      "integrity": "sha512-cZIRkbERILsBOXTQmMrxc9hgpxglstn69zm+F1ARf4aPAzdAFYd6sBq87ErO0Fj3DV94tglcyHG5kQz9nDC/8A==",
+      "dev": true
+    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -5342,7 +5300,6 @@
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -6005,9 +5962,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.20.0",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.20.0.tgz",
-      "integrity": "sha512-Btdli1qoAI01UKmk3Iqe6vKhAhePRXqNI/2uKKy2R16q7SN/5kLTqhd1JI20LFOZSnH3xSJaUXeJ2xZOJB//3A==",
+      "version": "11.22.0",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.22.0.tgz",
+      "integrity": "sha512-u1kAPR9lj9aFzsCp0iWPXBbsKgcxFU7iJO6mFbgNHGVg+YPBqiJMuvgB8EQHdNbHjk5amFnGnIz/Ww8fK3t9Hw==",
       "dev": true,
       "bin": {
         "chroma": "dist/bin.js",
@@ -6342,13 +6299,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/computeds": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
-      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -6357,11 +6307,10 @@
       "license": "MIT"
     },
     "node_modules/confbox": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.7.tgz",
-      "integrity": "sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==",
-      "dev": true,
-      "license": "MIT"
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true
     },
     "node_modules/constant-case": {
       "version": "3.0.4",
@@ -6766,15 +6715,13 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -7160,11 +7107,11 @@
       "license": "MIT"
     },
     "node_modules/effect": {
-      "version": "3.11.3",
-      "resolved": "https://registry.npmjs.org/effect/-/effect-3.11.3.tgz",
-      "integrity": "sha512-pbdB97Ejdbu7YvnkOf5J8y9J0ZIveAK+uKUZJpZGqUyTfykpL9VqfzahjWfdkseDqsktEZS7bFuJ9IBowVWNpA==",
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-3.12.1.tgz",
+      "integrity": "sha512-aAZdh56Yp1ehOFYeMcHHctTtxfqm6kkOdZFTXK6Zf0QoaKKc1hPG6ocjrKOc0axE8JbG4eZw351ogNLrM4vo9w==",
       "dependencies": {
-        "fast-check": "^3.21.0"
+        "fast-check": "^3.23.1"
       }
     },
     "node_modules/electron-to-chromium": {
@@ -7216,7 +7163,6 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -7781,9 +7727,9 @@
       }
     },
     "node_modules/fast-check": {
-      "version": "3.22.0",
-      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.22.0.tgz",
-      "integrity": "sha512-8HKz3qXqnHYp/VCNn2qfjHdAdcI8zcSqOyX64GOMukp7SL2bfzfeDKjSd+UyECtejccaZv3LcvZTm9YDD22iCQ==",
+      "version": "3.23.2",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
+      "integrity": "sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==",
       "funding": [
         {
           "type": "individual",
@@ -7794,7 +7740,6 @@
           "url": "https://opencollective.com/fast-check"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "pure-rand": "^6.1.0"
       },
@@ -8285,7 +8230,6 @@
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
       "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.1.2",
         "jsonfile": "^4.0.0",
@@ -8300,7 +8244,6 @@
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
       "dev": true,
-      "license": "MIT",
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -8310,7 +8253,6 @@
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -9026,9 +8968,9 @@
       }
     },
     "node_modules/image-size": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz",
-      "integrity": "sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.2.0.tgz",
+      "integrity": "sha512-4S8fwbO6w3GeCVN6OPtA9I5IGKkcDMPcKndtUlpJuCwu7JLjtj7JZpwqLuyY2nrmQT3AWsCJLSKPsc2mPBSl3w==",
       "dev": true,
       "dependencies": {
         "queue": "6.0.2"
@@ -9069,7 +9011,6 @@
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
       "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -11349,8 +11290,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
       "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/joi": {
       "version": "17.13.3",
@@ -11375,7 +11315,8 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
     },
     "node_modules/js-yaml": {
       "version": "4.1.0",
@@ -11903,14 +11844,13 @@
       }
     },
     "node_modules/local-pkg": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz",
-      "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.1.tgz",
+      "integrity": "sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "mlly": "^1.4.2",
-        "pkg-types": "^1.0.3"
+        "mlly": "^1.7.3",
+        "pkg-types": "^1.2.1"
       },
       "engines": {
         "node": ">=14"
@@ -11966,8 +11906,7 @@
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
       "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/log-symbols": {
       "version": "6.0.0",
@@ -12016,6 +11955,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -12058,11 +11998,10 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.12",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
-      "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
@@ -12437,16 +12376,15 @@
       }
     },
     "node_modules/mlly": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
-      "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.3.tgz",
+      "integrity": "sha512-xUsx5n/mN0uQf4V548PKQ+YShA4/IW0KI1dZhrNrPCLG+xizETbHTkOa1f8/xut9JRPp8kQuMnz0oqwkTiLo/A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "acorn": "^8.11.3",
+        "acorn": "^8.14.0",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.1.1",
-        "ufo": "^1.5.3"
+        "pkg-types": "^1.2.1",
+        "ufo": "^1.5.4"
       }
     },
     "node_modules/mrmime": {
@@ -12470,8 +12408,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/mustache": {
       "version": "4.2.0",
@@ -13066,6 +13003,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -13542,8 +13480,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/path-case": {
       "version": "3.0.4",
@@ -13785,14 +13722,13 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.0.tgz",
-      "integrity": "sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.0.tgz",
+      "integrity": "sha512-kS7yWjVFCkIw9hqdJBoMxDdzEngmkr5FXeWZZfQ6GoYacjVnsW6l2CcYW/0ThD0vF4LPJgVYnrg4d0uuhwYQbg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "confbox": "^0.1.7",
-        "mlly": "^1.7.1",
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.3",
         "pathe": "^1.1.2"
       }
     },
@@ -14302,23 +14238,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "license": "MIT"
-    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -14348,7 +14267,6 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -14438,19 +14356,31 @@
       }
     },
     "node_modules/react-datepicker": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-7.5.0.tgz",
-      "integrity": "sha512-6MzeamV8cWSOcduwePHfGqY40acuGlS1cG//ePHT6bVbLxWyqngaStenfH03n1wbzOibFggF66kWaBTb1SbTtQ==",
-      "license": "MIT",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-7.6.0.tgz",
+      "integrity": "sha512-9cQH6Z/qa4LrGhzdc3XoHbhrxNcMi9MKjZmYgF/1MNNaJwvdSjv3Xd+jjvrEEbKEf71ZgCA3n7fQbdwd70qCRw==",
       "dependencies": {
-        "@floating-ui/react": "^0.26.23",
+        "@floating-ui/react": "^0.27.0",
         "clsx": "^2.1.1",
-        "date-fns": "^3.6.0",
-        "prop-types": "^15.8.1"
+        "date-fns": "^3.6.0"
       },
       "peerDependencies": {
-        "react": "^16.9.0 || ^17 || ^18",
-        "react-dom": "^16.9.0 || ^17 || ^18"
+        "react": "^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/react-datepicker/node_modules/@floating-ui/react": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.3.tgz",
+      "integrity": "sha512-CLHnes3ixIFFKVQDdICjel8muhFLOBdQH7fgtHNPY8UbCNqbeKZ262G7K66lGQOUQWWnYocf7ZbUsLJgGfsLHg==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.2",
+        "@floating-ui/utils": "^0.2.9",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
       }
     },
     "node_modules/react-datepicker/node_modules/date-fns": {
@@ -14506,10 +14436,9 @@
       }
     },
     "node_modules/react-error-boundary": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-4.1.2.tgz",
-      "integrity": "sha512-GQDxZ5Jd+Aq/qUxbCm1UtzmL/s++V7zKgE8yMktJiCQXCCFZnMZh9ng+6/Ne6PjNSXH0L9CjeOEREfRnq6Duag==",
-      "license": "MIT",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-5.0.0.tgz",
+      "integrity": "sha512-tnjAxG+IkpLephNcePNA7v6F/QpWLH8He65+DmedchDwg162JZqx4NmbXj0mlAYVVEd81OW7aFhmbsScYfiAFQ==",
       "dependencies": {
         "@babel/runtime": "^7.12.5"
       },
@@ -14518,9 +14447,9 @@
       }
     },
     "node_modules/react-hook-form": {
-      "version": "7.54.0",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.0.tgz",
-      "integrity": "sha512-PS05+UQy/IdSbJNojBypxAo9wllhHgGmyr8/dyGQcPoiMf3e7Dfb9PWYVRco55bLbxH9S+1yDDJeTdlYCSxO3A==",
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
       "engines": {
         "node": ">=18.0.0"
       },
@@ -15165,9 +15094,9 @@
       }
     },
     "node_modules/sass-embedded": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.83.0.tgz",
-      "integrity": "sha512-/8cYZeL39evUqe0o//193na51Q1VWZ61qhxioQvLJwOtWIrX+PgNhCyD8RSuTtmzc4+6+waFZf899bfp/MCUwA==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.83.1.tgz",
+      "integrity": "sha512-LdKG6nxLEzpXbMUt0if12PhUNonGvy91n7IWHOZRZjvA6AWm9oVdhpO+KEXN/Sc+jjGvQeQcav9+Z8DwmII/pA==",
       "dev": true,
       "dependencies": {
         "@bufbuild/protobuf": "^2.0.0",
@@ -15186,32 +15115,32 @@
         "node": ">=16.0.0"
       },
       "optionalDependencies": {
-        "sass-embedded-android-arm": "1.83.0",
-        "sass-embedded-android-arm64": "1.83.0",
-        "sass-embedded-android-ia32": "1.83.0",
-        "sass-embedded-android-riscv64": "1.83.0",
-        "sass-embedded-android-x64": "1.83.0",
-        "sass-embedded-darwin-arm64": "1.83.0",
-        "sass-embedded-darwin-x64": "1.83.0",
-        "sass-embedded-linux-arm": "1.83.0",
-        "sass-embedded-linux-arm64": "1.83.0",
-        "sass-embedded-linux-ia32": "1.83.0",
-        "sass-embedded-linux-musl-arm": "1.83.0",
-        "sass-embedded-linux-musl-arm64": "1.83.0",
-        "sass-embedded-linux-musl-ia32": "1.83.0",
-        "sass-embedded-linux-musl-riscv64": "1.83.0",
-        "sass-embedded-linux-musl-x64": "1.83.0",
-        "sass-embedded-linux-riscv64": "1.83.0",
-        "sass-embedded-linux-x64": "1.83.0",
-        "sass-embedded-win32-arm64": "1.83.0",
-        "sass-embedded-win32-ia32": "1.83.0",
-        "sass-embedded-win32-x64": "1.83.0"
+        "sass-embedded-android-arm": "1.83.1",
+        "sass-embedded-android-arm64": "1.83.1",
+        "sass-embedded-android-ia32": "1.83.1",
+        "sass-embedded-android-riscv64": "1.83.1",
+        "sass-embedded-android-x64": "1.83.1",
+        "sass-embedded-darwin-arm64": "1.83.1",
+        "sass-embedded-darwin-x64": "1.83.1",
+        "sass-embedded-linux-arm": "1.83.1",
+        "sass-embedded-linux-arm64": "1.83.1",
+        "sass-embedded-linux-ia32": "1.83.1",
+        "sass-embedded-linux-musl-arm": "1.83.1",
+        "sass-embedded-linux-musl-arm64": "1.83.1",
+        "sass-embedded-linux-musl-ia32": "1.83.1",
+        "sass-embedded-linux-musl-riscv64": "1.83.1",
+        "sass-embedded-linux-musl-x64": "1.83.1",
+        "sass-embedded-linux-riscv64": "1.83.1",
+        "sass-embedded-linux-x64": "1.83.1",
+        "sass-embedded-win32-arm64": "1.83.1",
+        "sass-embedded-win32-ia32": "1.83.1",
+        "sass-embedded-win32-x64": "1.83.1"
       }
     },
     "node_modules/sass-embedded-android-arm": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.83.0.tgz",
-      "integrity": "sha512-uwFSXzJlfbd4Px189xE5l+cxN8+TQpXdQgJec7TIrb4HEY7imabtpYufpVdqUVwT1/uiis5V4+qIEC4Vl5XObQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.83.1.tgz",
+      "integrity": "sha512-FKfrmwDG84L5cfn8fmIew47qnCFFUdcoOTCzOw8ROItkRhLLH0hnIm6gEpG5T6OFf6kxzUxvE9D0FvYQUznZrw==",
       "cpu": [
         "arm"
       ],
@@ -15225,9 +15154,9 @@
       }
     },
     "node_modules/sass-embedded-android-arm64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.83.0.tgz",
-      "integrity": "sha512-GBiCvM4a2rkWBLdYDxI6XYnprfk5U5c81g69RC2X6kqPuzxzx8qTArQ9M6keFK4+iDQ5N9QTwFCr0KbZTn+ZNQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.83.1.tgz",
+      "integrity": "sha512-S63rlLPGCA9FCqYYOobDJrwcuBX0zbSOl7y0jT9DlfqeqNOkC6NIT1id6RpMFCs3uhd4gbBS2E/5WPv5J5qwbw==",
       "cpu": [
         "arm64"
       ],
@@ -15241,9 +15170,9 @@
       }
     },
     "node_modules/sass-embedded-android-ia32": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.83.0.tgz",
-      "integrity": "sha512-5ATPdGo2SICqAhiJl/Z8KQ23zH4sGgobGgux0TnrNtt83uHZ+r+To/ubVJ7xTkZxed+KJZnIpolGD8dQyQqoTg==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.83.1.tgz",
+      "integrity": "sha512-AGlY2vFLJhF2hN0qOz12f4eDs6x0b5BUapOpgfRrqQLHIfJhxkvi39bInsiBgQ57U0jb4I7AaS2e2e+sj7+Rqw==",
       "cpu": [
         "ia32"
       ],
@@ -15257,9 +15186,9 @@
       }
     },
     "node_modules/sass-embedded-android-riscv64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.83.0.tgz",
-      "integrity": "sha512-aveknUOB8GZewOzVn2Uwk+DKcncTR50Q6vtzslNMGbYnxtgQNHzy8A1qVEviNUruex+pHofppeMK4iMPFAbiEQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.83.1.tgz",
+      "integrity": "sha512-OyU4AnfAUVd/wBaT60XvHidmQdaEsVUnxvI71oyPM/id1v97aWTZX3SmGkwGb7uA/q6Soo2uNalgvOSNJn7PwA==",
       "cpu": [
         "riscv64"
       ],
@@ -15273,9 +15202,9 @@
       }
     },
     "node_modules/sass-embedded-android-x64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.83.0.tgz",
-      "integrity": "sha512-WqIay/72ncyf9Ph4vS742J3a73wZihWmzFUwpn1OD6lme1Aj4eWzWIve5IVnlTEJgcZcDHu6ECID9IZgehJKoA==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.83.1.tgz",
+      "integrity": "sha512-NY5rwffhF4TnhXVErZnfFIjHqU3MNoWxCuSHumRN3dDI8hp8+IF59W5+Qw9AARlTXvyb+D0u5653aLSea5F40w==",
       "cpu": [
         "x64"
       ],
@@ -15289,9 +15218,9 @@
       }
     },
     "node_modules/sass-embedded-darwin-arm64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.83.0.tgz",
-      "integrity": "sha512-XQl9QqgxFFIPm/CzHhmppse5o9ocxrbaAdC2/DAnlAqvYWBBtgFqPjGoYlej13h9SzfvNoogx+y9r+Ap+e+hYg==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.83.1.tgz",
+      "integrity": "sha512-w1SBcSkIgIWgUfB7IKcPoTbSwnS3Kag5PVv3e3xfW6ZCsDweYZLQntUd2WGgaoekdm1uIbVuvPxnDH2t880iGQ==",
       "cpu": [
         "arm64"
       ],
@@ -15305,9 +15234,9 @@
       }
     },
     "node_modules/sass-embedded-darwin-x64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.83.0.tgz",
-      "integrity": "sha512-ERQ7Tvp1kFOW3ux4VDFIxb7tkYXHYc+zJpcrbs0hzcIO5ilIRU2tIOK1OrNwrFO6Qxyf7AUuBwYKLAtIU/Nz7g==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.83.1.tgz",
+      "integrity": "sha512-RWrmLtUhEP5kvcGOAFdr99/ebZ/eW9z3FAktLldvgl2k96WSTC1Zr2ctL0E+Y+H3uLahEZsshIFk6RkVIRKIsA==",
       "cpu": [
         "x64"
       ],
@@ -15321,9 +15250,9 @@
       }
     },
     "node_modules/sass-embedded-linux-arm": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.83.0.tgz",
-      "integrity": "sha512-baG9RYBJxUFmqwDNC9h9ZFElgJoyO3jgHGjzEZ1wHhIS9anpG+zZQvO8bHx3dBpKEImX+DBeLX+CxsFR9n81gQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.83.1.tgz",
+      "integrity": "sha512-y7rHuRgjg2YM284rin068PsEdthPljSGb653Slut5Wba4A2IP11UNVraSl6Je2AYTuoPRjQX0g7XdsrjXlzC3g==",
       "cpu": [
         "arm"
       ],
@@ -15337,9 +15266,9 @@
       }
     },
     "node_modules/sass-embedded-linux-arm64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.83.0.tgz",
-      "integrity": "sha512-syEAVTJt4qhaMLxrSwOWa46zdqHJdnqJkLUK+t9aCr8xqBZLPxSUeIGji76uOehQZ1C+KGFj6n9xstHN6wzOJw==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.83.1.tgz",
+      "integrity": "sha512-HVIytzj8OO18fmBY6SVRIYErcJ+Nd9a5RNF6uArav/CqvwPLATlUV8dwqSyWQIzSsQUhDF/vFIlJIoNLKKzD3A==",
       "cpu": [
         "arm64"
       ],
@@ -15353,9 +15282,9 @@
       }
     },
     "node_modules/sass-embedded-linux-ia32": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.83.0.tgz",
-      "integrity": "sha512-RRBxQxMpoxu5+XcSSc6QR/o9asEwUzR8AbCS83RaXcdTIHTa/CccQsiAoDDoPlRsMTLqnzs0LKL4CfOsf7zBbA==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.83.1.tgz",
+      "integrity": "sha512-/pc+jHllyvfaYYLTRCoXseRc4+V3Z7IDPqsviTcfVdICAoR9mgK2RtIuIZanhm1NP/lDylDOgvj1NtjcA2dNvg==",
       "cpu": [
         "ia32"
       ],
@@ -15369,9 +15298,9 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-arm": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.83.0.tgz",
-      "integrity": "sha512-Yc7u2TelCfBab+PRob9/MNJFh3EooMiz4urvhejXkihTiKSHGCv5YqDdtWzvyb9tY2Jb7YtYREVuHwfdVn3dTQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.83.1.tgz",
+      "integrity": "sha512-sFM8GXOVoeR91j9MiwNRcFXRpTA7u4185SaGuvUjcRMb84mHvtWOJPGDvgZqbWdVClBRJp6J7+CShliWngy/og==",
       "cpu": [
         "arm"
       ],
@@ -15385,9 +15314,9 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-arm64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.83.0.tgz",
-      "integrity": "sha512-Y7juhPHClUO2H5O+u+StRy6SEAcwZ+hTEk5WJdEmo1Bb1gDtfHvJaWB/iFZJ2tW0W1e865AZeUrC4OcOFjyAQA==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.83.1.tgz",
+      "integrity": "sha512-wjSIYYqdIQp3DjliSTYNFg04TVqQf/3Up/Stahol0Qf/TTjLkjHHtT2jnDaZI5GclHi2PVJqQF3wEGB8bGJMzQ==",
       "cpu": [
         "arm64"
       ],
@@ -15401,9 +15330,9 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-ia32": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.83.0.tgz",
-      "integrity": "sha512-arQeYwGmwXV8byx5G1PtSzZWW1jbkfR5qrIHMEbTFSAvAxpqjgSvCvrHMOFd73FcMxVaYh4BX9LQNbKinkbEdg==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.83.1.tgz",
+      "integrity": "sha512-iwhTH5gwmoGt3VH6dn4WV8N6eWvthKAvUX5XPURq7e9KEsc7QP8YNHagwaAJh7TAPopb32buyEg6oaUmzxUI+Q==",
       "cpu": [
         "ia32"
       ],
@@ -15417,9 +15346,9 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-riscv64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.83.0.tgz",
-      "integrity": "sha512-E6uzlIWz59rut+Z3XR6mLG915zNzv07ISvj3GUNZENdHM7dF8GQ//ANoIpl5PljMQKp89GnYdvo6kj2gnaBf/g==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.83.1.tgz",
+      "integrity": "sha512-FjFNWHU1n0Q6GpK1lAHQL5WmzlPjL8DTVLkYW2A/dq8EsutAdi3GfpeyWZk9bte8kyWdmPUWG3BHlnQl22xdoA==",
       "cpu": [
         "riscv64"
       ],
@@ -15433,9 +15362,9 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-x64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.83.0.tgz",
-      "integrity": "sha512-eAMK6tyGqvqr21r9g8BnR3fQc1rYFj85RGduSQ3xkITZ6jOAnOhuU94N5fwRS852Hpws0lXhET+7JHXgg3U18w==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.83.1.tgz",
+      "integrity": "sha512-BUfYR5TIDvgGHWhxSIKwTJocXU88ECZ0BW89RJqtvr7m83fKdf5ylTFCOieU7BwcA7SORUeZzcQzVFIdPUM3BQ==",
       "cpu": [
         "x64"
       ],
@@ -15449,9 +15378,9 @@
       }
     },
     "node_modules/sass-embedded-linux-riscv64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.83.0.tgz",
-      "integrity": "sha512-Ojpi78pTv02sy2fUYirRGXHLY3fPnV/bvwuC2i5LwPQw2LpCcFyFTtN0c5h4LJDk9P6wr+/ZB/JXU8tHIOlK+Q==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.83.1.tgz",
+      "integrity": "sha512-KOBGSpMrJi8y+H+za3vAAVQImPUvQa5eUrvTbbOl+wkU7WAGhOu8xrxgmYYiz3pZVBBcfRjz4I2jBcDFKJmWSw==",
       "cpu": [
         "riscv64"
       ],
@@ -15465,9 +15394,9 @@
       }
     },
     "node_modules/sass-embedded-linux-x64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.83.0.tgz",
-      "integrity": "sha512-3iLjlXdoPfgZRtX4odhRvka1BQs5mAXqfCtDIQBgh/o0JnGPzJIWWl9bYLpHxK8qb+uyVBxXYgXpI0sCzArBOw==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.83.1.tgz",
+      "integrity": "sha512-swUsMHKqlEU9dZQ/I5WADDaXz+QkmJS27x/Oeh+oz41YgZ0ppKd0l4Vwjn0LgOQn+rxH1zLFv6xXDycvj68F/w==",
       "cpu": [
         "x64"
       ],
@@ -15481,9 +15410,9 @@
       }
     },
     "node_modules/sass-embedded-win32-arm64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.83.0.tgz",
-      "integrity": "sha512-iOHw/8/t2dlTW3lOFwG5eUbiwhEyGWawivlKWJ8lkXH7fjMpVx2VO9zCFAm8RvY9xOHJ9sf1L7g5bx3EnNP9BQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.83.1.tgz",
+      "integrity": "sha512-6lONEBN5TaFD5L/y68zUugryXqm4RAFuLdaOPeZQRu+7ay/AmfhtFYfE5gRssnIcIx1nlcoq7zA3UX+SN2jo1Q==",
       "cpu": [
         "arm64"
       ],
@@ -15497,9 +15426,9 @@
       }
     },
     "node_modules/sass-embedded-win32-ia32": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.83.0.tgz",
-      "integrity": "sha512-2PxNXJ8Pad4geVcTXY4rkyTr5AwbF8nfrCTDv0ulbTvPhzX2mMKEGcBZUXWn5BeHZTBc6whNMfS7d5fQXR9dDQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.83.1.tgz",
+      "integrity": "sha512-HxZDkAE9n6Gb8Rz6xd67VHuo5FkUSQ4xPb7cHKa4pE0ndwH5Oc0uEhbqjJobpgmnuTm1rQYNU2nof1sFhy2MFA==",
       "cpu": [
         "ia32"
       ],
@@ -15513,9 +15442,9 @@
       }
     },
     "node_modules/sass-embedded-win32-x64": {
-      "version": "1.83.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.83.0.tgz",
-      "integrity": "sha512-muBXkFngM6eLTNqOV0FQi7Dv9s+YRQ42Yem26mosdan/GmJQc81deto6uDTgrYn+bzFNmiXcOdfm+0MkTWK3OQ==",
+      "version": "1.83.1",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.83.1.tgz",
+      "integrity": "sha512-5Q0aPfUaqRek8Ee1AqTUIC0o6yQSA8QwyhCgh7upsnHG3Ltm8pkJOYjzm+UgYPJeoMNppDjdDlRGQISE7qzd4g==",
       "cpu": [
         "x64"
       ],
@@ -15746,7 +15675,6 @@
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
       "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "astral-regex": "^2.0.0",
@@ -16228,7 +16156,6 @@
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
       "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.6.19"
       }
@@ -16456,9 +16383,9 @@
       }
     },
     "node_modules/stylelint": {
-      "version": "16.11.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.11.0.tgz",
-      "integrity": "sha512-zrl4IrKmjJQ+h9FoMp69UMCq5SxeHk0URhxUBj4d3ISzo/DplOFBJZc7t7Dr6otB+1bfbbKNLOmCDpzKSlW+Nw==",
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.12.0.tgz",
+      "integrity": "sha512-F8zZ3L/rBpuoBZRvI4JVT20ZanPLXfQLzMOZg1tzPflRVh9mKpOZ8qcSIhh1my3FjAjZWG4T2POwGnmn6a6hbg==",
       "dev": true,
       "funding": [
         {
@@ -16507,7 +16434,7 @@
         "string-width": "^4.2.3",
         "supports-hyperlinks": "^3.1.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.8.2",
+        "table": "^6.9.0",
         "write-file-atomic": "^5.0.1"
       },
       "bin": {
@@ -17375,11 +17302,10 @@
       "license": "MIT"
     },
     "node_modules/table": {
-      "version": "6.8.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.2.tgz",
-      "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.9.0.tgz",
+      "integrity": "sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==",
       "dev": true,
-      "license": "BSD-3-Clause",
       "dependencies": {
         "ajv": "^8.0.1",
         "lodash.truncate": "^4.4.2",
@@ -17395,15 +17321,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/table/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -17418,7 +17342,6 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -17950,8 +17873,7 @@
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
       "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/uglify-js": {
       "version": "3.19.3",
@@ -18152,7 +18074,6 @@
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -18360,21 +18281,20 @@
       }
     },
     "node_modules/vite-plugin-dts": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.3.0.tgz",
-      "integrity": "sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.4.0.tgz",
+      "integrity": "sha512-CJ6phvnnPLF+aFk8Jz2ZcMBLleJ4gKJOXb9We5Kzmsp5bPuD+uMDeVefjFNYSXZ+wdcqnf+Yp2P7oA5hBKQTlQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor": "^7.47.11",
-        "@rollup/pluginutils": "^5.1.0",
-        "@volar/typescript": "^2.4.4",
-        "@vue/language-core": "2.1.6",
+        "@microsoft/api-extractor": "^7.48.1",
+        "@rollup/pluginutils": "^5.1.4",
+        "@volar/typescript": "^2.4.11",
+        "@vue/language-core": "2.1.10",
         "compare-versions": "^6.1.1",
-        "debug": "^4.3.6",
+        "debug": "^4.4.0",
         "kolorist": "^1.8.0",
-        "local-pkg": "^0.5.0",
-        "magic-string": "^0.30.11"
+        "local-pkg": "^0.5.1",
+        "magic-string": "^0.30.17"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -18983,8 +18903,7 @@
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
       "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/wait-on": {
       "version": "7.2.0",
@@ -19364,11 +19283,10 @@
       "dev": true
     },
     "node_modules/yaml": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
-      "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
       "dev": true,
-      "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
       },
diff --git a/package.json b/package.json
index 014ab4a2..4e01181b 100644
--- a/package.json
+++ b/package.json
@@ -68,12 +68,12 @@
     "glob": "^11.0.0",
     "vite": "^5.4.11",
     "@vitejs/plugin-react": "^4.3.4",
-    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-dts": "^4.4.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "typescript": "^5.7.2",
-    "@types/node": "^22.10.1",
-    "stylelint": "^16.11.0",
+    "@types/node": "^22.10.5",
+    "stylelint": "^16.12.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "@biomejs/biome": "^1.9.4",
     "vitest": "^2.1.8",
@@ -91,17 +91,17 @@
     "@storybook/addon-links": "^8.4.7",
     "@storybook/addon-storysource": "^8.4.7",
     "@storybook/addon-designs": "^8.0.4",
-    "chromatic": "^11.20.0",
-    "@chromatic-com/storybook": "^3.2.2",
+    "chromatic": "^11.22.0",
+    "@chromatic-com/storybook": "^3.2.3",
     "storybook-dark-mode": "^4.0.2",
-    "@percy/cli": "^1.30.4",
+    "@percy/cli": "^1.30.6",
     "@percy/storybook": "^6.0.3",
     "vite-css-modules": "^1.6.0",
     "typescript-plugin-css-modules": "^5.0.1",
-    "sass-embedded": "^1.83.0",
+    "sass-embedded": "^1.83.1",
     "lightningcss": "^1.28.2",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.1"
+    "@types/react": "^19.0.3",
+    "@types/react-dom": "^19.0.2"
   },
   "dependencies": {
     "date-fns": "^4.1.0",
@@ -109,13 +109,13 @@
     "classnames": "^2.5.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-error-boundary": "^4.1.2",
+    "react-error-boundary": "^5.0.0",
     "@floating-ui/react": "^0.26.28",
     "react-toastify": "^10.0.6",
-    "effect": "^3.11.3",
-    "react-hook-form": "^7.54.0",
-    "optics-ts": "^2.4.1",
-    "react-datepicker": "^7.5.0"
+    "react-datepicker": "^7.6.0",
+    "effect": "^3.12.1",
+    "react-hook-form": "^7.54.2",
+    "optics-ts": "^2.4.1"
   },
   "peerDependencies": {
     "react": ">= 19.0.0",
diff --git a/package.json.js b/package.json.js
index b3ae31c9..7ce7b115 100644
--- a/package.json.js
+++ b/package.json.js
@@ -110,14 +110,14 @@ const packageConfig = {
     // Build
     'vite': '^5.4.11', // Cannot use vite v6, blocked by https://github.com/privatenumber/vite-css-modules/issues/13
     '@vitejs/plugin-react': '^4.3.4',
-    'vite-plugin-dts': '^4.3.0',
+    'vite-plugin-dts': '^4.4.0',
     'vite-plugin-lib-inject-css': '^2.1.1',
     'vite-plugin-svg-icons': '^2.0.1',
     
     // Static analysis
     'typescript': '^5.7.2',
-    '@types/node': '^22.10.1',
-    'stylelint': '^16.11.0',
+    '@types/node': '^22.10.5',
+    'stylelint': '^16.12.0',
     'stylelint-config-standard-scss': '^14.0.0',
     '@biomejs/biome': '^1.9.4',
     
@@ -139,22 +139,22 @@ const packageConfig = {
     '@storybook/addon-links': '^8.4.7',
     '@storybook/addon-storysource': '^8.4.7',
     '@storybook/addon-designs': '^8.0.4',
-    'chromatic': '^11.20.0',
-    '@chromatic-com/storybook': '^3.2.2', // Chromatic integration for Storybook
+    'chromatic': '^11.22.0',
+    '@chromatic-com/storybook': '^3.2.3', // Chromatic integration for Storybook
     //'storybook-addon-pseudo-states': '^3.1.1',
     'storybook-dark-mode': '^4.0.2',
-    '@percy/cli': '^1.30.4',
+    '@percy/cli': '^1.30.6',
     '@percy/storybook': '^6.0.3',
     
     // Styling
     'vite-css-modules': '^1.6.0',
     'typescript-plugin-css-modules': '^5.0.1',
-    'sass-embedded': '^1.83.0',
+    'sass-embedded': '^1.83.1',
     'lightningcss': '^1.28.2',
     
     // React
-    '@types/react': '^19.0.1',
-    '@types/react-dom': '^19.0.1',
+    '@types/react': '^19.0.3',
+    '@types/react-dom': '^19.0.2',
   },
   
   // Dependencies needed when running the generated build
@@ -167,17 +167,17 @@ const packageConfig = {
     'classnames': '^2.5.1',
     'react': '^19.0.0',
     'react-dom': '^19.0.0',
-    'react-error-boundary': '^4.1.2',
+    'react-error-boundary': '^5.0.0',
     //'@uidotdev/usehooks': '^2.4.1',
     
     '@floating-ui/react': '^0.26.28',
     'react-toastify': '^10.0.6',
+    'react-datepicker': '^7.6.0',
     
-    'effect': '^3.11.3',
-    'react-hook-form': '^7.54.0',
+    'effect': '^3.12.1',
+    'react-hook-form': '^7.54.2',
     
     'optics-ts': '^2.4.1',
-    "react-datepicker": "^7.5.0",
   },
   peerDependencies: {
     'react': '>= 19.0.0',
diff --git a/src/components/forms/controls/DatePicker/DatePicker.tsx b/src/components/forms/controls/DatePicker/DatePicker.tsx
index 6ab7d499..beea5612 100644
--- a/src/components/forms/controls/DatePicker/DatePicker.tsx
+++ b/src/components/forms/controls/DatePicker/DatePicker.tsx
@@ -5,7 +5,7 @@
 import * as React from 'react';
 import ReactDatePicker from 'react-datepicker';
 
-import { classNames as cx, type ClassNameArgument, type ComponentProps } from '../../../../util/componentUtil.ts';
+import { classNames as cx, type ComponentProps } from '../../../../util/componentUtil.ts';
 
 import { Icon } from '../../../graphics/Icon/Icon.tsx';
 import { Input } from '../Input/Input.tsx';
@@ -14,15 +14,7 @@ import 'react-datepicker/dist/react-datepicker.css';
 import cl from './DatePicker.module.scss';
 
 
-type GenericProps = {
-  /** Whether this component should be unstyled. */
-  unstyled?: undefined | boolean,
-
-  /** An optional class name to be appended to the class list. */
-  className?: undefined | ClassNameArgument,
-};
-
-type ReactDatePickerProps = Omit<ComponentProps<typeof ReactDatePicker>, 'onChange'> & {
+type DatePickerProps = Omit<ComponentProps<typeof ReactDatePicker>, 'onChange'> & {
   // Note: need to disable the following features in order to use `ReactDatePicker` as a plain date picker.
   selectsRange?: never,
   selectsMultiple?: never,
@@ -31,11 +23,11 @@ type ReactDatePickerProps = Omit<ComponentProps<typeof ReactDatePicker>, 'onChan
   selected: Date | null,
 };
 
-export type DatePickerProps = GenericProps & ReactDatePickerProps;
-
+/**
+ * Date picker form control.
+ */
 export const DatePicker = (props: DatePickerProps) => {
   const {
-    unstyled = false,
     className,
     dateFormat = 'MM/dd/yyyy',
     placeholderText = 'MM/DD/YYYY',
@@ -45,20 +37,20 @@ export const DatePicker = (props: DatePickerProps) => {
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
 
   return (
-    <div className={cx(
-      'bk',
-      { [cl['bk-date-picker']]: !unstyled },
-      className,
-    )}>
+    <div
+      className={cx(
+        'bk',
+        cl['bk-date-picker'],
+        className,
+      )}
+    >
       <ReactDatePicker
         dateFormat={dateFormat}
         placeholderText={placeholderText}
         showIcon
         icon={<Icon icon="calendar"/>}
         customInput={
-          <Input className={cx(
-            { [cl['bk-date-picker--input']]: !unstyled },
-          )}/>
+          <Input className={cx([cl['bk-date-picker--input']])}/>
         }
         onCalendarClose={() => setIsOpen(false)}
         onCalendarOpen={() => setIsOpen(true)}
diff --git a/src/components/forms/controls/DatePickerRange/DatePickerRange.stories.tsx b/src/components/forms/controls/DatePickerRange/DatePickerRange.stories.tsx
index 799dd7af..9e20f9b8 100644
--- a/src/components/forms/controls/DatePickerRange/DatePickerRange.stories.tsx
+++ b/src/components/forms/controls/DatePickerRange/DatePickerRange.stories.tsx
@@ -43,13 +43,8 @@ export const Standard: Story = {
           {...args}
           selected={startDate}
           onChange={onChange}
-          // There is a bug for startDate and endDate on the original library;
-          // it was already merged to master, but not released yet.
-          // https://github.com/Hacker0x01/react-datepicker/pull/5260
-          // biome-ignore lint/suspicious/noExplicitAny: bug in library, see above
-          startDate={startDate as any}
-          // biome-ignore lint/suspicious/noExplicitAny: bug in library, see above
-          endDate={endDate as any}
+          startDate={startDate}
+          endDate={endDate}
           inline={true}
         />
         {/* with a fixed width to avoid content moving around while selecting */}
diff --git a/src/components/forms/controls/DatePickerRange/DatePickerRange.tsx b/src/components/forms/controls/DatePickerRange/DatePickerRange.tsx
index 6fb4a62b..73f2414e 100644
--- a/src/components/forms/controls/DatePickerRange/DatePickerRange.tsx
+++ b/src/components/forms/controls/DatePickerRange/DatePickerRange.tsx
@@ -3,42 +3,30 @@
 |* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
+import { classNames as cx, type ComponentProps } from '../../../../util/componentUtil.ts';
 import ReactDatePicker from 'react-datepicker';
 
-import { classNames as cx, type ClassNameArgument, type ComponentProps } from '../../../../util/componentUtil.ts';
+import { Input } from '../Input/Input.tsx';
 
 import 'react-datepicker/dist/react-datepicker.css';
 import cl from './DatePickerRange.module.scss';
 
-import { Input } from '../Input/Input.tsx';
-
-
-type GenericProps = {
-  /** Whether this component should be unstyled. */
-  unstyled?: undefined | boolean,
 
-  /** An optional class name to be appended to the class list. */
-  className?: ClassNameArgument,
-};
-
-type ReactDatePickerRangeProps = Omit<ComponentProps<typeof ReactDatePicker>, 'onChange'> & {
+export type DatePickerRangeProps = Omit<ComponentProps<typeof ReactDatePicker>, 'onChange'> & {
   // Note: need to disable the following features in order to use `ReactDatePicker` as a plain date picker.
   selectsRange?: never,
   selectsMultiple?: never,
   showMonthYearDropdown?: never,
-  onChange: ((date: [Date | null, Date | null], event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | undefined) => void),
-  // There is a bug for startDate and endDate on the original library;
-  // it was already merged to master, but not released yet.
-  // https://github.com/Hacker0x01/react-datepicker/pull/5260
-  startDate?: Date | null,
-  endDate?: Date | null,
+  onChange: (
+    date: [null | Date, null | Date],
+    event?: undefined | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
+  ) => void,
 };
-
-export type DatePickerRangeProps = GenericProps & ReactDatePickerRangeProps;
-
+/**
+ * Similar to `DatePicker`, but allows selecting a range (start and end).
+ */
 export const DatePickerRange = (props: DatePickerRangeProps) => {
   const {
-    unstyled = false,
     className,
     dateFormat = 'MM/dd/yyyy',
     placeholderText = 'MM/DD/YYYY',
@@ -46,23 +34,20 @@ export const DatePickerRange = (props: DatePickerRangeProps) => {
   } = props;
   
   return (
-    <div className={cx(
-      'bk',
-      { [cl['bk-date-picker-range']]: !unstyled },
-      className,
-    )}>
+    <div
+      className={cx(
+        'bk',
+        cl['bk-date-picker-range'],
+        className,
+      )}
+    >
       <ReactDatePicker
         selectsRange
-        // everything else is the same
         dateFormat={dateFormat}
         placeholderText={placeholderText}
         customInput={<Input className={cl['bk-date-picker-range--input']}/>}
         {...propsRest}
         onChange={props.onChange}
-        // biome-ignore lint/suspicious/noExplicitAny: bug in library, see above
-        startDate={props.startDate as any}
-        // biome-ignore lint/suspicious/noExplicitAny: bug in library, see above
-        endDate={props.endDate as any}
       />
     </div>
   );
diff --git a/src/components/forms/controls/DateTimePicker/DateTimePicker.stories.tsx b/src/components/forms/controls/DateTimePicker/DateTimePicker.stories.tsx
index fc1d6b53..8236a19e 100644
--- a/src/components/forms/controls/DateTimePicker/DateTimePicker.stories.tsx
+++ b/src/components/forms/controls/DateTimePicker/DateTimePicker.stories.tsx
@@ -28,15 +28,15 @@ export default {
 
 export const Standard: Story = {
   render: (args) => {
-    const [date, setDate] = React.useState<Date | null>(new Date(2024, 10, 12, 9, 41));
+    const [date, setDate] = React.useState<null | Date>(new Date(2024, 10, 12, 9, 41));
 
     return (
       // with a fixed height to avoid hiding the bottom part of the calendar
-      <div style={{height: '500px'}}>
+      <div style={{ height: '500px' }}>
         <DateTimePicker
           {...args}
           date={date}
-          onChange={(date: Date | null) => setDate(date)}
+          onChange={(date: null | Date) => setDate(date)}
         />
         <p>Date selected: {date?.toDateString()} - {date?.toTimeString()}</p>
       </div>
diff --git a/src/components/forms/controls/DateTimePicker/DateTimePicker.tsx b/src/components/forms/controls/DateTimePicker/DateTimePicker.tsx
index f417a140..83f5a055 100644
--- a/src/components/forms/controls/DateTimePicker/DateTimePicker.tsx
+++ b/src/components/forms/controls/DateTimePicker/DateTimePicker.tsx
@@ -4,7 +4,7 @@
 
 import * as React from 'react';
 
-import { classNames as cx, type ClassNameArgument } from '../../../../util/componentUtil.ts';
+import { classNames as cx, type ComponentProps } from '../../../../util/componentUtil.ts';
 
 import { DatePicker } from '../DatePicker/DatePicker.tsx';
 import { TimePicker, type Time } from '../TimePicker/TimePicker.tsx';
@@ -12,18 +12,12 @@ import { TimePicker, type Time } from '../TimePicker/TimePicker.tsx';
 import cl from './DateTimePicker.module.scss';
 
 
-export type DateTimePickerProps = {
-  /** Whether this component should be unstyled. */
-  unstyled?: undefined | boolean,
-
-  /** An optional class name to be appended to the class list. */
-  className?: undefined | ClassNameArgument,
-  
+export type DateTimePickerProps = Omit<ComponentProps<'div'>, 'onChange'> & {
   /** A Date object to hold the date and time. */
-  date: Date | null,
+  date: null | Date,
   
   /** A callback function that is called when either the date or the time picker is changed. */
-  onChange: ((date: Date | null, event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void),
+  onChange: ((date: null | Date, event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void),
   
   /** A string for the date format, such as MM/dd/yyyy. */
   dateFormat?: undefined | string,
@@ -31,19 +25,22 @@ export type DateTimePickerProps = {
   /** A string for the placeholder text, such as MM/DD/YYYY. */
   placeholderText?: undefined | string,
 };
-
-export const DateTimePicker = ({
-  unstyled = false,
-  className,
-  date,
-  onChange,
-  dateFormat = 'MM/dd/yyyy',
-  placeholderText = 'MM/DD/YYYY',
-}: DateTimePickerProps) => {
-  // Time from date object.
+/**
+ * Date + time picker form control.
+ */
+export const DateTimePicker = (props: DateTimePickerProps) => {
+  const {
+    date,
+    onChange,
+    dateFormat = 'MM/dd/yyyy',
+    placeholderText = 'MM/DD/YYYY',
+    ...propsRest
+  } = props;
+  
+  // Time from `Date` object
   const time = { hours: date?.getHours() || 0, minutes: date?.getMinutes() || 0 };
   
-  // Manually update upstream Date object when time is updated.
+  // Manually update upstream `Date` object when time is updated
   const onTimeUpdate = (time: Time) => {
     if (date) {
       const newDate = new Date(date);
@@ -52,13 +49,16 @@ export const DateTimePicker = ({
       onChange(newDate);
     }
   };
-
+  
   return (
-    <div className={cx(
-      'bk',
-      { [cl['bk-date-time-picker']]: !unstyled },
-      className,
-    )}>
+    <div
+      {...propsRest}
+      className={cx(
+        'bk',
+        cl['bk-date-time-picker'],
+        propsRest.className,
+      )}
+    >
       <DatePicker
         selected={date}
         onChange={onChange}
@@ -68,9 +68,7 @@ export const DateTimePicker = ({
       <TimePicker
         time={time}
         onUpdate={onTimeUpdate}
-        className={cx(
-          { [cl['bk-date-time-picker--time-picker']]: !unstyled },
-        )}
+        className={cx(cl['bk-date-time-picker--time-picker'])}
       />
     </div>
   );
diff --git a/stylelint.config.mjs b/stylelint.config.mjs
index 3944e2d6..79546c3a 100644
--- a/stylelint.config.mjs
+++ b/stylelint.config.mjs
@@ -86,7 +86,7 @@ export default {
     //'property-no-unknown': [true, { ignoreProperties: [] }],
     //'scss/at-rule-no-unknown': [true, { ignoreAtRules: [] }],
     'selector-pseudo-class-no-unknown': [true, { ignorePseudoClasses: ['global', 'local'] }],
-    'selector-pseudo-element-no-unknown': [true, { ignorePseudoElements: ['details-content'] }],
+    'selector-pseudo-element-no-unknown': [true, { ignorePseudoElements: [] }],
     
     'no-descending-specificity': null, // Does not work properly with a lot of nesting (see docs page also)
   },

From cf78c29249c2778751deabf7a231223d51d98a94 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Wed, 8 Jan 2025 00:10:33 +0100
Subject: [PATCH 45/47] Fix DialogModal rendering issues.

---
 .../containers/Dialog/Dialog.module.scss      |  2 ++
 .../DialogModal/DialogModal.module.scss       | 30 ++++++++++++++++---
 src/components/util/Dialog/useModalDialog.ts  |  2 ++
 src/styling/global/reset.scss                 | 12 +++++---
 4 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/components/containers/Dialog/Dialog.module.scss b/src/components/containers/Dialog/Dialog.module.scss
index d49a5610..412a11b1 100644
--- a/src/components/containers/Dialog/Dialog.module.scss
+++ b/src/components/containers/Dialog/Dialog.module.scss
@@ -14,6 +14,8 @@
     --bk-dialog-padding-block: #{bk.$spacing-8};
     --bk-dialog-padding-inline: #{bk.$spacing-8};
     
+    overflow: hidden;
+    
     // The default `auto` inherits from the parent, which we do not want. In the future if `contain: user-select`
     // becomes supported, we could use that instead.
     user-select: text;
diff --git a/src/components/overlays/DialogModal/DialogModal.module.scss b/src/components/overlays/DialogModal/DialogModal.module.scss
index 1712fe61..358f171e 100644
--- a/src/components/overlays/DialogModal/DialogModal.module.scss
+++ b/src/components/overlays/DialogModal/DialogModal.module.scss
@@ -25,7 +25,12 @@
   // Exit transition styling
   // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
   &:not([open])::backdrop {
-    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
+    transition-duration: 0ms;
+    @supports (overlay: auto) { // Only in supported browsers
+      @media (prefers-reduced-motion: no-preference) {
+        transition-duration: $exit-dur;
+      }
+    }
     background-color: transparent;
     backdrop-filter: blur($blur) opacity(0);
   }
@@ -49,7 +54,12 @@
   // Exit transition styling
   // Note: cannot nest the following inside `::backdrop`, since `:not()` needs to apply to the dialog not `::backdrop`
   &:not([open])::backdrop {
-    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
+    transition-duration: 0ms;
+    @supports (overlay: auto) { // Only in supported browsers
+      @media (prefers-reduced-motion: no-preference) {
+        transition-duration: $exit-dur;
+      }
+    }
     background-color: transparent;
   }
 }
@@ -72,7 +82,12 @@
   
   // Exit transition styling
   &:not([open]) {
-    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
+    transition-duration: 0ms;
+    @supports (overlay: auto) { // Only in supported browsers
+      @media (prefers-reduced-motion: no-preference) {
+        transition-duration: $exit-dur;
+      }
+    }
     transition-timing-function: ease-in;
     opacity: 0;
     scale: calc(1 - (($scale - 1) * 0.2)); // Multiply by 0.2 to make the scale out effect a bit more subtle
@@ -102,7 +117,12 @@
   
   // Exit transition styling
   &:not([open]) {
-    @media (prefers-reduced-motion: no-preference) { transition-duration: $exit-dur; }
+    transition-duration: 0ms;
+    @supports (overlay: auto) { // Only in supported browsers
+      @media (prefers-reduced-motion: no-preference) {
+        transition-duration: $exit-dur;
+      }
+    }
     transition-timing-function: ease-in;
     translate: calc($dir * $size * 100vi) 0;
   }
@@ -117,6 +137,8 @@
     --bk-dialog-modal-exit-dur: 180ms;
     --bk-dialog-modal-fade-scale: 1;
     
+    overflow: hidden;
+    
     // Basic modal positioning
     position: fixed;
     inset: 0;
diff --git a/src/components/util/Dialog/useModalDialog.ts b/src/components/util/Dialog/useModalDialog.ts
index 1ec32282..23c1b3df 100644
--- a/src/components/util/Dialog/useModalDialog.ts
+++ b/src/components/util/Dialog/useModalDialog.ts
@@ -146,6 +146,8 @@ export const useModalDialog = (
     }
     
     if (allowUserClose && shouldCloseOnBackdropClick && isClickOnBackdrop) {
+      event.stopPropagation();
+      event.preventDefault();
       controller.deactivate();
     }
   }, [controller, allowUserClose, shouldCloseOnBackdropClick]);
diff --git a/src/styling/global/reset.scss b/src/styling/global/reset.scss
index 288c474a..96d36455 100644
--- a/src/styling/global/reset.scss
+++ b/src/styling/global/reset.scss
@@ -58,10 +58,6 @@
     all: unset;
     display: revert;
     box-sizing: border-box;
-    
-    // Issue: if the parent has `user-select: none` (e.g. button), then the dialog will inherit this by default.
-    // In the future, if `contain: user-select` is implemented, we could use that instead.
-    user-select: text;
   }
   
   // Re-apply a few sensible defaults for dialogs. For reference, see the default user agent styling rules here:
@@ -70,9 +66,17 @@
     display: block;
     position: static;
     
+    // Issue: if the parent has `user-select: none` (e.g. button), then the dialog will inherit this by default.
+    // In the future, if `contain: user-select` is implemented, we could use that instead.
+    user-select: text;
+    
     &:not([open]) {
       display: none;
     }
+    
+    &::backdrop {
+      user-select: none; // Without this, clicking on the backdrop selects the dialog text in Firefox
+    }
   }
   /*
   Note: the `:modal` pseudo-class applies when the modal is in the top layer *and* currently open. That means that it

From 24d09acfe999d9fb789ae26d3946c212259b9fd3 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Wed, 8 Jan 2025 00:26:28 +0100
Subject: [PATCH 46/47] Disable Chromatic workflow.

---
 .github/workflows/chromatic.yaml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/chromatic.yaml b/.github/workflows/chromatic.yaml
index 1e662de5..0554cb03 100644
--- a/.github/workflows/chromatic.yaml
+++ b/.github/workflows/chromatic.yaml
@@ -7,6 +7,7 @@ on:
 
 jobs:
   chromatic:
+    if: false # Temporarily disable until https://github.com/fortanix/baklava/issues/81 is resolved
     name: Run Chromatic
     runs-on: ubuntu-latest
     steps:

From 5c27f506fef697c74f7619d5a487d765b9f8d343 Mon Sep 17 00:00:00 2001
From: mkrause <maikelkrause@gmail.com>
Date: Fri, 10 Jan 2025 17:36:17 +0100
Subject: [PATCH 47/47] Update CONTRIBUTING.md

---
 CONTRIBUTING.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a176df57..7f46379c 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -44,7 +44,7 @@ To create a new release:
 
 **Script:**
 
-```console
+```shell
 VERSION=x.y.z
 git co -b release/v${VERSION}
 sed -i '' "s/version: '.*'/version: '${VERSION}'/" package.json.js
@@ -55,3 +55,15 @@ git push -u origin HEAD
 npm run automate github:create-release-pr
 # Follow instructions from above command
 ```
+
+## Publishing to npm
+
+To publish to npm:
+
+```shell
+npm publish --scope=@fortanix --access=public --dry-run # --tag=beta
+```
+
+Set the --tag as appropriate: beta for beta releases, or remove the --tag if you want to publish a stable release. Remove the --dry-run once you’ve confirmed there are no issues.
+
+**Note: you rarely need to do this manually. Instead, see the "Release workflow" above, which will trigger an npm publish automatically upon creation of a GitHub release.**