diff --git a/.dependency-cruiser.cjs b/.dependency-cruiser.cjs
index f9bfc6cf9..e3dff679b 100644
--- a/.dependency-cruiser.cjs
+++ b/.dependency-cruiser.cjs
@@ -224,6 +224,7 @@ module.exports = {
           '[.](?:spec|test)[.](?:js|mjs|cjs|jsx|ts|mts|cts|tsx|ls|coffee|litcoffee|coffee[.]md)$',
           'theme-web',
           'tsup',
+          '.stories.',
         ],
       },
       to: {
diff --git a/packages/panda-preset/package.json b/packages/panda-preset/package.json
index 0f1a5a04f..fa9e564f3 100644
--- a/packages/panda-preset/package.json
+++ b/packages/panda-preset/package.json
@@ -13,7 +13,7 @@
     ".": "./dist/preset.js"
   },
   "dependencies": {
-    "@pandacss/dev": "0.40.1"
+    "@pandacss/dev": "0.46.0"
   },
   "devDependencies": {
     "@leather.io/tokens": "workspace:*",
diff --git a/packages/ui/package.json b/packages/ui/package.json
index bc07a664f..26970a4a8 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -70,38 +70,38 @@
     "@microsoft/api-extractor": "7.47.6",
     "@pandacss/dev": "0.46.0",
     "@react-native-async-storage/async-storage": "1.23.1",
-    "@storybook/addon-actions": "^8.3.2",
-    "@storybook/addon-docs": "^8.3.2",
-    "@storybook/addon-essentials": "^8.3.2",
-    "@storybook/addon-interactions": "^8.3.2",
-    "@storybook/addon-links": "^8.3.2",
-    "@storybook/addon-onboarding": "^8.3.2",
+    "@storybook/addon-actions": "8.3.2",
+    "@storybook/addon-docs": "8.3.2",
+    "@storybook/addon-essentials": "8.3.2",
+    "@storybook/addon-interactions": "8.3.2",
+    "@storybook/addon-links": "8.3.2",
+    "@storybook/addon-onboarding": "8.3.2",
     "@storybook/addon-ondevice-actions": "7.6.20",
     "@storybook/addon-ondevice-controls": "7.6.20",
     "@storybook/addon-styling-webpack": "1.0.0",
     "@storybook/addon-webpack5-compiler-swc": "1.0.5",
-    "@storybook/blocks": "^8.3.2",
-    "@storybook/manager-api": "^8.3.2",
-    "@storybook/react": "^8.3.2",
+    "@storybook/blocks": "8.3.2",
+    "@storybook/manager-api": "8.3.2",
+    "@storybook/react": "8.3.2",
     "@storybook/react-native": "7.6.20",
-    "@storybook/react-webpack5": "^8.3.2",
-    "@storybook/test": "^8.3.2",
-    "@storybook/theming": "^8.3.2",
+    "@storybook/react-webpack5": "8.3.2",
+    "@storybook/test": "8.3.2",
+    "@storybook/theming": "8.3.2",
     "@svgr/webpack": "8.1.0",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
     "babel-preset-expo": "11.0.6",
     "concurrently": "8.2.2",
-    "css-loader": "6.10.0",
+    "css-loader": "7.1.2",
     "esbuild-plugin-copy": "2.1.1",
     "esbuild-plugin-svgr": "2.1.0",
     "eslint": "8.53.0",
     "eslint-config-universe": "12.0.0",
     "postcss-loader": "8.1.1",
-    "postcss-preset-env": "9.4.0",
+    "postcss-preset-env": "10.0.3",
     "react-native-svg-transformer": "1.3.0",
-    "storybook": "^8.3.2",
-    "style-loader": "3.3.4",
+    "storybook": "8.3.2",
+    "style-loader": "4.0.0",
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "tslib": "2.6.2",
     "tsup": "8.1.0",
diff --git a/packages/ui/src/.storybook-web/index.css b/packages/ui/src/.storybook-web/index.css
index 009ed44b9..e27a23b77 100644
--- a/packages/ui/src/.storybook-web/index.css
+++ b/packages/ui/src/.storybook-web/index.css
@@ -1 +1 @@
-@layer reset, base, tokens, recipes, utilities;
\ No newline at end of file
+@layer reset, base, tokens, recipes, utilities;
diff --git a/packages/ui/src/.storybook-web/main.ts b/packages/ui/src/.storybook-web/main.ts
index 515953bff..8ff4c0622 100644
--- a/packages/ui/src/.storybook-web/main.ts
+++ b/packages/ui/src/.storybook-web/main.ts
@@ -48,7 +48,7 @@ const config: StorybookConfig = {
     },
   },
   staticDirs: ['../assets', '../assets-web'],
-  stories: ['../**/*.mdx', '../**/*.web.stories.@(ts|tsx)'],
+  stories: ['../**/*.web.stories.@(ts|tsx)'],
   swc: () => ({
     jsc: {
       transform: {
diff --git a/packages/ui/src/components/animate-height/animate-height.web.tsx b/packages/ui/src/components/animate-height/animate-height.web.tsx
new file mode 100644
index 000000000..ae2815079
--- /dev/null
+++ b/packages/ui/src/components/animate-height/animate-height.web.tsx
@@ -0,0 +1,24 @@
+import { useRef, useState } from 'react';
+
+import { motion } from 'framer-motion';
+
+import { HasChildren } from '../../utils/has-children';
+import { useElementHeightListener } from '../../utils/use-element-height-listener.web';
+
+// https://github.com/framer/motion/discussions/1884#discussioncomment-5861808
+
+export function AnimateChangeInHeight({ children }: HasChildren) {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const [height, setHeight] = useState<number | 'auto'>('auto');
+  useElementHeightListener(containerRef, height => setHeight(height));
+
+  return (
+    <motion.div
+      style={{ height, overflow: 'hidden' }}
+      animate={{ height }}
+      transition={{ duration: 0.15 }}
+    >
+      <div ref={containerRef}>{children}</div>
+    </motion.div>
+  );
+}
diff --git a/packages/ui/src/components/approver/animations/approver-animation.web.tsx b/packages/ui/src/components/approver/animations/approver-animation.web.tsx
new file mode 100644
index 000000000..0c86e5101
--- /dev/null
+++ b/packages/ui/src/components/approver/animations/approver-animation.web.tsx
@@ -0,0 +1,77 @@
+import { motion, stagger, useAnimate } from 'framer-motion';
+import { css } from 'leather-styles/css';
+import { HasChildren } from 'src/utils/has-children';
+import { useOnMount } from 'src/utils/use-on-mount';
+
+const animationSelector = '& > *:not(.skip-animation)';
+
+export const childElementInitialAnimationState = css({
+  [animationSelector]: { opacity: 0, transform: 'translateY(-16px)' },
+});
+
+const staggerMenuItems = stagger(0.06, { startDelay: 0.36 });
+
+export function useApproverChildrenEntryAnimation() {
+  const [scope, animate] = useAnimate();
+
+  useOnMount(() => {
+    // Animation throws if there are no children
+    try {
+      animate(
+        animationSelector,
+        { opacity: 1, transform: 'translateY(0)' },
+        {
+          duration: 0.36,
+          delay: staggerMenuItems,
+          ease: 'easeOut',
+        }
+      );
+    } catch (_e) {}
+  });
+
+  return scope;
+}
+
+interface ApproverHeaderAnimationProps extends HasChildren {
+  delay?: number;
+}
+export function ApproverHeaderAnimation({ delay = 0, ...props }: ApproverHeaderAnimationProps) {
+  return (
+    <motion.div
+      initial={{ x: -18, opacity: 0 }}
+      animate={{ x: 0, opacity: 1, transition: { duration: 0.4, delay, ease: 'easeOut' } }}
+      {...props}
+    />
+  );
+}
+
+const actionsContainerDelay = 0.88;
+export function ApproverActionsAnimationContainer(props: HasChildren) {
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{
+        opacity: 1,
+        transition: { duration: 0.3, delay: actionsContainerDelay, ease: 'easeOut' },
+      }}
+      {...props}
+    />
+  );
+}
+
+interface ApproverActionAnimationProps extends HasChildren {
+  index: number;
+}
+export function ApproverActionAnimation({ children, index }: ApproverActionAnimationProps) {
+  const delay = actionsContainerDelay + 0.04 + (index + 1) * 0.06;
+  return (
+    <motion.div
+      style={{ display: 'flex' }}
+      className={css({ '& > *': { flex: 1 } })}
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1, transition: { duration: 0.28, delay, ease: 'easeOut' } }}
+    >
+      {children}
+    </motion.div>
+  );
+}
diff --git a/packages/ui/src/components/approver/approver-context.shared.ts b/packages/ui/src/components/approver/approver-context.shared.ts
new file mode 100644
index 000000000..4d0fd0dbe
--- /dev/null
+++ b/packages/ui/src/components/approver/approver-context.shared.ts
@@ -0,0 +1,36 @@
+import { createContext, useContext } from 'react';
+
+import { useOnMount } from 'src/utils/use-on-mount';
+
+import { ChildRegister, useRegisterChildren } from '../../utils/use-register-children';
+
+type ApproverChildren = 'header' | 'actions' | 'advanced' | 'section' | 'subheader';
+
+interface ApproverContext extends ChildRegister<ApproverChildren> {
+  isDisplayingAdvancedView: boolean;
+  setIsDisplayingAdvancedView(val: boolean): void;
+}
+
+const approverContext = createContext<ApproverContext | null>(null);
+
+export const ApproverProvider = approverContext.Provider;
+
+export function useApproverContext() {
+  const context = useContext(approverContext);
+  if (!context) throw new Error('`useApproverContext` must be used within a `ApproverProvider`');
+  return context;
+}
+
+export function useRegisterApproverChildren() {
+  return useRegisterChildren<ApproverChildren>();
+}
+
+export function useRegisterApproverChild(child: ApproverChildren) {
+  const { registerChild, deregisterChild, childCount } = useApproverContext();
+  if (childCount.actions > 1) throw new Error('Only one `Approver.Actions` is allowed');
+  if (childCount.advanced > 1) throw new Error('Only one `Approver.Advanced` is allowed');
+  useOnMount(() => {
+    registerChild(child);
+    return () => deregisterChild(child);
+  });
+}
diff --git a/packages/ui/src/components/approver/approver.web.tsx b/packages/ui/src/components/approver/approver.web.tsx
new file mode 100644
index 000000000..7dfb12392
--- /dev/null
+++ b/packages/ui/src/components/approver/approver.web.tsx
@@ -0,0 +1,34 @@
+import { useState } from 'react';
+
+import { HTMLStyledProps } from 'leather-styles/jsx';
+
+import { ApproverProvider, useRegisterApproverChildren } from './approver-context.shared';
+import { ApproverActions } from './components/approver-actions.web';
+import { ApproverAdvanced } from './components/approver-advanced.web';
+import { ApproverContainer } from './components/approver-container.web';
+import { ApproverHeader } from './components/approver-header.web';
+import { ApproverSection } from './components/approver-section.web';
+import { ApproverStatus } from './components/approver-status.web';
+import { ApproverSubheader } from './components/approver-subheader.web';
+
+function Approver(props: HTMLStyledProps<'main'>) {
+  const [isDisplayingAdvancedView, setIsDisplayingAdvancedView] = useState(false);
+  const childRegister = useRegisterApproverChildren();
+
+  return (
+    <ApproverProvider
+      value={{ ...childRegister, isDisplayingAdvancedView, setIsDisplayingAdvancedView }}
+    >
+      <ApproverContainer {...props} />
+    </ApproverProvider>
+  );
+}
+
+Approver.Header = ApproverHeader;
+Approver.Status = ApproverStatus;
+Approver.Subheader = ApproverSubheader;
+Approver.Section = ApproverSection;
+Approver.Advanced = ApproverAdvanced;
+Approver.Actions = ApproverActions;
+
+export { Approver };
diff --git a/packages/ui/src/components/approver/components/approver-actions.web.tsx b/packages/ui/src/components/approver/components/approver-actions.web.tsx
new file mode 100644
index 000000000..75f3ee967
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-actions.web.tsx
@@ -0,0 +1,34 @@
+import { css } from 'leather-styles/css';
+import { Flex, styled } from 'leather-styles/jsx';
+
+import type { HasChildren } from '../../../utils/has-children';
+import {
+  ApproverActionAnimation,
+  ApproverActionsAnimationContainer,
+} from '../animations/approver-animation.web';
+import { useRegisterApproverChild } from '../approver-context.shared';
+
+const stretchChildrenStyles = css({ '& > *': { flex: 1 } });
+
+interface ApproverActionsProps extends HasChildren {
+  actions: React.ReactNode[];
+}
+export function ApproverActions({ children, actions }: ApproverActionsProps) {
+  useRegisterApproverChild('actions');
+  return (
+    <styled.footer pos="sticky" mt="auto" bottom={0} className="skip-animation">
+      <ApproverActionsAnimationContainer>
+        <styled.div background="ink.background-primary" p="space.05">
+          {children}
+          <Flex width="100%" gap="space.04" className={stretchChildrenStyles}>
+            {actions.map((action, index) => (
+              <ApproverActionAnimation key={index} index={index}>
+                {action}
+              </ApproverActionAnimation>
+            ))}
+          </Flex>
+        </styled.div>
+      </ApproverActionsAnimationContainer>
+    </styled.footer>
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-advanced.web.tsx b/packages/ui/src/components/approver/components/approver-advanced.web.tsx
new file mode 100644
index 000000000..bdb70d769
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-advanced.web.tsx
@@ -0,0 +1,62 @@
+import { useRef } from 'react';
+
+import { AnimatePresence, motion } from 'framer-motion';
+import { Flex } from 'leather-styles/jsx';
+import { AnimateChangeInHeight } from 'src/components/animate-height/animate-height.web';
+import { Button } from 'src/components/button/button.web';
+import { Flag } from 'src/components/flag/flag.web';
+import { ChevronDownIcon } from 'src/icons/chevron-down-icon.web';
+import { HasChildren } from 'src/utils/has-children';
+import { getScrollParent } from 'src/utils/utils.web';
+
+import { delay } from '@leather.io/utils';
+
+import { useApproverContext, useRegisterApproverChild } from '../approver-context.shared';
+
+const slightPauseForContentEnterAnimation = () => delay(120);
+
+export function ApproverAdvanced({ children }: HasChildren) {
+  const { isDisplayingAdvancedView, setIsDisplayingAdvancedView } = useApproverContext();
+  useRegisterApproverChild('advanced');
+
+  const ref = useRef<HTMLButtonElement>(null);
+
+  async function handleToggleAdvancedView() {
+    setIsDisplayingAdvancedView(!isDisplayingAdvancedView);
+    if (ref.current && !isDisplayingAdvancedView) {
+      await slightPauseForContentEnterAnimation();
+      const scrollPosition = ref.current.offsetTop;
+      const scrollParent = getScrollParent(ref.current);
+      scrollParent?.parentElement?.scroll({ top: scrollPosition, behavior: 'smooth' });
+    }
+  }
+
+  return (
+    <>
+      <Button
+        ref={ref}
+        variant="ghost"
+        textAlign="left"
+        mt="space.03"
+        mb={!isDisplayingAdvancedView ? 'space.03' : 0}
+        px="space.05"
+        onClick={handleToggleAdvancedView}
+      >
+        <Flag img={<ChevronDownIcon variant="small" />} reverse>
+          {isDisplayingAdvancedView ? 'Hide' : 'Show'} advanced details
+        </Flag>
+      </Button>
+      <AnimateChangeInHeight>
+        <Flex justifyContent="center" flexDir="column">
+          <AnimatePresence>
+            {isDisplayingAdvancedView && (
+              <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>
+                {children}
+              </motion.div>
+            )}
+          </AnimatePresence>
+        </Flex>
+      </AnimateChangeInHeight>
+    </>
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-container.web.tsx b/packages/ui/src/components/approver/components/approver-container.web.tsx
new file mode 100644
index 000000000..40810c247
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-container.web.tsx
@@ -0,0 +1,40 @@
+import { css } from 'leather-styles/css';
+import { Flex, HTMLStyledProps, styled } from 'leather-styles/jsx';
+
+import {
+  childElementInitialAnimationState,
+  useApproverChildrenEntryAnimation,
+} from '../animations/approver-animation.web';
+
+const applyMarginsToLastApproverSection = css({
+  '& .approver-section:last-child': { mb: 'space.03' },
+});
+
+export function ApproverContainer({ children, ...props }: HTMLStyledProps<'main'>) {
+  const scope = useApproverChildrenEntryAnimation();
+
+  return (
+    <styled.main
+      display="flex"
+      flexDir="column"
+      pos="relative"
+      minH="100%"
+      maxW="640px"
+      mx="auto"
+      className={applyMarginsToLastApproverSection}
+      alignItems="center"
+      boxShadow="0px 12px 24px 0px rgba(18, 16, 15, 0.08), 0px 4px 8px 0px rgba(18, 16, 15, 0.08), 0px 0px 2px 0px rgba(18, 16, 15, 0.08)"
+      {...props}
+    >
+      <Flex
+        className={childElementInitialAnimationState}
+        ref={scope}
+        flexDir="column"
+        flex={1}
+        background="ink.background-secondary"
+      >
+        {children}
+      </Flex>
+    </styled.main>
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-header.web.tsx b/packages/ui/src/components/approver/components/approver-header.web.tsx
new file mode 100644
index 000000000..12164da06
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-header.web.tsx
@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+
+import { Box, styled } from 'leather-styles/jsx';
+import { Favicon } from 'src/components/favicon/favicon.web';
+import { Flag } from 'src/components/flag/flag.web';
+
+import { isString } from '@leather.io/utils';
+
+import { ApproverHeaderAnimation } from '../animations/approver-animation.web';
+import { useRegisterApproverChild } from '../approver-context.shared';
+
+interface ApproverHeaderProps {
+  title: ReactNode;
+  requester: ReactNode;
+  iconTooltip?: ReactNode;
+}
+export function ApproverHeader({ title, requester, iconTooltip }: ApproverHeaderProps) {
+  useRegisterApproverChild('header');
+  return (
+    <styled.header p="space.05" className="skip-animation" pos="relative">
+      <ApproverHeaderAnimation>
+        <styled.h1 textStyle="heading.03" mr={iconTooltip ? 'space.06' : ''}>
+          {title}
+        </styled.h1>
+      </ApproverHeaderAnimation>
+      <ApproverHeaderAnimation delay={0.04}>
+        <Flag
+          mt="space.03"
+          textStyle="label.03"
+          align="middle"
+          img={isString(requester) ? <Favicon origin={requester} /> : requester}
+        >
+          Requested by {requester}
+        </Flag>
+      </ApproverHeaderAnimation>
+      {iconTooltip && (
+        <Box pos="absolute" top="space.05" right="space.05" mt="space.01">
+          {iconTooltip}
+        </Box>
+      )}
+    </styled.header>
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-section.web.tsx b/packages/ui/src/components/approver/components/approver-section.web.tsx
new file mode 100644
index 000000000..0d6991146
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-section.web.tsx
@@ -0,0 +1,19 @@
+import { styled } from 'leather-styles/jsx';
+import { HasChildren } from 'src/utils/has-children';
+
+import { useRegisterApproverChild } from '../approver-context.shared';
+
+export function ApproverSection(props: HasChildren) {
+  useRegisterApproverChild('section');
+  return (
+    <styled.section
+      className="approver-section"
+      mt="space.03"
+      px="space.05"
+      py="space.03"
+      rounded="sm"
+      background="ink.background-primary"
+      {...props}
+    />
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-status.web.tsx b/packages/ui/src/components/approver/components/approver-status.web.tsx
new file mode 100644
index 000000000..9a6a50d62
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-status.web.tsx
@@ -0,0 +1,58 @@
+import { css } from 'leather-styles/css';
+import { styled } from 'leather-styles/jsx';
+import { BulletSeparator } from 'src/components/bullet-separator/bullet-separator.web';
+
+type ApproverStatusName = 'completed' | 'error' | 'pending';
+
+export const loadingStripedGradient = css({
+  pos: 'relative',
+  overflow: 'hidden',
+  _before: {
+    content: '""',
+    position: 'absolute',
+    width: '500px',
+    height: '500px',
+    backgroundImage:
+      'repeating-linear-gradient(45deg, #F07D12, #F07D12 16px, #FFB977 16px, #FFB977 32px)',
+    animation: 'barberpole 40s linear infinite',
+    backgroundSize: '193% 100%',
+  },
+});
+
+interface StatusIndicatorLineProps {
+  status: ApproverStatusName;
+}
+function StatusIndicatorLine({ status }: StatusIndicatorLineProps) {
+  switch (status) {
+    case 'pending':
+      return <styled.div height="4px" className={loadingStripedGradient} />;
+    case 'error':
+      return <styled.div height="4px" bg="red.action-primary-default" />;
+    case 'completed':
+      return <styled.div height="4px" bg="green.action-primary-default" />;
+    default:
+      return null;
+  }
+}
+
+interface ApproverStatusProps {
+  status: ApproverStatusName;
+}
+export function ApproverStatus({ status }: ApproverStatusProps) {
+  return (
+    <styled.div pos="relative">
+      <StatusIndicatorLine status={status} />
+      <styled.div
+        textStyle="label.03"
+        background="ink.background-primary"
+        px="space.05"
+        py="space.03"
+      >
+        <BulletSeparator spacing="space.02">
+          <styled.span textTransform="capitalize">{status}</styled.span>
+          <styled.span>Some mock date</styled.span>
+        </BulletSeparator>
+      </styled.div>
+    </styled.div>
+  );
+}
diff --git a/packages/ui/src/components/approver/components/approver-subheader.web.tsx b/packages/ui/src/components/approver/components/approver-subheader.web.tsx
new file mode 100644
index 000000000..7b1e1353c
--- /dev/null
+++ b/packages/ui/src/components/approver/components/approver-subheader.web.tsx
@@ -0,0 +1,20 @@
+import { type HTMLStyledProps, styled } from 'leather-styles/jsx';
+
+import { useRegisterApproverChild } from '../approver-context.shared';
+
+type ApproverSubheaderProps = HTMLStyledProps<'h2'>;
+
+export function ApproverSubheader(props: ApproverSubheaderProps) {
+  useRegisterApproverChild('subheader');
+  return (
+    <styled.h2
+      display="flex"
+      textStyle="label.01"
+      alignItems="center"
+      minH="40px"
+      mb="space.03"
+      gap="space.01"
+      {...props}
+    />
+  );
+}
diff --git a/packages/ui/src/components/approver/stories/approver-demo.web.tsx b/packages/ui/src/components/approver/stories/approver-demo.web.tsx
new file mode 100644
index 000000000..fce82a6e6
--- /dev/null
+++ b/packages/ui/src/components/approver/stories/approver-demo.web.tsx
@@ -0,0 +1,118 @@
+import { TooltipProvider } from '@radix-ui/react-tooltip';
+import { Box, Circle, styled } from 'leather-styles/jsx';
+import { InfoCircleIcon } from 'src/icons/index.web';
+
+import { Button } from '../../button/button.web';
+import { Callout } from '../../callout/callout.web';
+import { Flag } from '../../flag/flag.web';
+import { ItemLayout } from '../../item-layout/item-layout.web';
+import { Pressable } from '../../pressable/pressable.web';
+import { BasicTooltip } from '../../tooltip';
+import { Approver } from '../approver.web';
+
+export function ApproverDemo() {
+  return (
+    <styled.div minH="100vh">
+      <Approver>
+        <Approver.Header
+          title="Some prompt that bre"
+          requester="gamma.io"
+          iconTooltip={
+            <TooltipProvider delayDuration={300}>
+              <BasicTooltip label="Some tooltip">
+                <InfoCircleIcon color="ink.action-primary-default" variant="small" />
+              </BasicTooltip>
+            </TooltipProvider>
+          }
+        />
+        <Callout title="Some callout">Hey watch out for this sketchy app</Callout>
+        <Approver.Section>
+          <Approver.Subheader>Demo section 1</Approver.Subheader>
+          <Flag
+            img={<Circle size="40px" backgroundColor="ink.border-default" />}
+            align="top"
+            mb="space.03"
+          >
+            <Box width="90%" height="16px" backgroundColor="ink.border-default" />
+            <Box width="75%" height="12px" backgroundColor="ink.border-default" mt="space.02" />
+          </Flag>
+        </Approver.Section>
+        <Approver.Section>
+          <Approver.Subheader>Demo section 2</Approver.Subheader>
+          <ItemLayout
+            titleLeft="Example"
+            titleRight="Example"
+            captionLeft="Example"
+            captionRight="Example"
+            flagImg={<Circle size="40px" backgroundColor="ink.border-default" />}
+          />
+        </Approver.Section>
+        <Approver.Advanced>
+          <Approver.Section>
+            Section 3
+            <Pressable onClick={() => {}} mt="space.03">
+              <ItemLayout
+                captionLeft="Example"
+                captionRight="Example"
+                flagImg={<Circle size="40px" backgroundColor="ink.border-default" />}
+                titleLeft="Example"
+                titleRight="Example"
+                // mb="space.03"
+              />
+            </Pressable>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+          <Approver.Section>
+            <Approver.Subheader>Demo section 1</Approver.Subheader>
+            <Flag img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+              <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+            </Flag>
+          </Approver.Section>
+        </Approver.Advanced>
+        <Approver.Actions
+          actions={[
+            <Button key={0} variant="outline">
+              Cancel
+            </Button>,
+            <Button key={1}>Approve</Button>,
+          ]}
+        />
+      </Approver>
+    </styled.div>
+  );
+}
diff --git a/packages/ui/src/components/approver/stories/approver.web.stories.tsx b/packages/ui/src/components/approver/stories/approver.web.stories.tsx
new file mode 100644
index 000000000..a3848da33
--- /dev/null
+++ b/packages/ui/src/components/approver/stories/approver.web.stories.tsx
@@ -0,0 +1,158 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Box, Circle, Flex } from 'leather-styles/jsx';
+import { ZapIcon } from 'src/icons/index.web';
+
+import { Button } from '../../button/button.web';
+import { Flag } from '../../flag/flag.web';
+import { ItemLayout } from '../../item-layout/item-layout.web';
+import { Pressable } from '../../pressable/pressable.web';
+import { Approver } from '../approver.web';
+
+const meta: Meta<typeof Approver> = {
+  component: Approver,
+  tags: ['autodocs'],
+  title: 'Feature/Approver',
+  render: ({ children, ...args }) => (
+    <Flex maxW="390px" h="680px" border="1px solid lightgrey" overflowY="auto">
+      <Approver {...args}>{children}</Approver>
+    </Flex>
+  ),
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Approver>;
+
+function DemoApproverContent() {
+  return (
+    <>
+      {' '}
+      <Approver.Section>
+        <Approver.Subheader>
+          Subheader with icon <ZapIcon variant="small" />
+        </Approver.Subheader>
+        <Pressable>
+          <ItemLayout
+            flagImg={<Circle size="40px" backgroundColor="ink.border-default" />}
+            titleLeft={<Box width="180px" height="14px" backgroundColor="ink.border-default" />}
+            titleRight={<Box width="50px" height="14px" backgroundColor="ink.border-default" />}
+            captionLeft={<Box width="70px" height="12px" backgroundColor="ink.border-default" />}
+            captionRight={<Box width="40px" height="12px" backgroundColor="ink.border-default" />}
+          />
+        </Pressable>
+        <Approver.Subheader mt="space.05">Subheader 2</Approver.Subheader>
+        <Flag
+          img={<Circle size="40px" backgroundColor="ink.border-default" />}
+          align="top"
+          mb="space.03"
+        >
+          <Box width="90%" height="16px" backgroundColor="ink.border-default" />
+          <Box width="75%" height="12px" backgroundColor="ink.border-default" mt="space.02" />
+        </Flag>
+      </Approver.Section>
+      <Approver.Section>
+        <Approver.Subheader>Example rich content with avatar</Approver.Subheader>
+        <ItemLayout
+          titleLeft="Michelly token"
+          titleRight="100 MICA"
+          captionLeft="SIP-10"
+          captionRight="$894,891"
+          flagImg={<Circle size="40px" backgroundColor="ink.border-default" />}
+        />
+      </Approver.Section>
+      <Approver.Advanced>
+        <Approver.Section>
+          <Approver.Subheader>In the advanced section</Approver.Subheader>
+          <Pressable onClick={() => {}} mt="space.03" mb="space.03">
+            <ItemLayout
+              titleLeft="Pressable"
+              titleRight="Mr. Clicky"
+              captionLeft="Interactive item"
+              captionRight="Click me"
+              flagImg={<Circle size="40px" backgroundColor="ink.border-default" />}
+            />
+          </Pressable>
+        </Approver.Section>
+        <Approver.Section>
+          <Approver.Subheader>Inputs & Outputs</Approver.Subheader>
+          <Flag align="top" img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+            <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+          </Flag>
+        </Approver.Section>
+        <Approver.Section>
+          <Approver.Subheader>Transaction raw data</Approver.Subheader>
+          <Flag align="top" img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+            <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+          </Flag>
+        </Approver.Section>
+        <Approver.Section>
+          <Approver.Subheader>Additional info</Approver.Subheader>
+          <Flag align="top" img={<Circle size="40px" backgroundColor="ink.border-default" />}>
+            <Box width="100%" height="20px" backgroundColor="ink.border-default" />
+          </Flag>
+        </Approver.Section>
+      </Approver.Advanced>
+    </>
+  );
+}
+
+export const Pending: Story = {
+  args: {
+    children: (
+      <>
+        <Approver.Header title="Some prompt that breaks two lines" requester="gamma.io" />
+        <Approver.Status status="pending" />
+        <DemoApproverContent />
+        <Approver.Actions
+          actions={[
+            <Button key={0} variant="outline">
+              Cancel
+            </Button>,
+            <Button key={1}>Approve</Button>,
+          ]}
+        />
+      </>
+    ),
+  },
+};
+export const Completed: Story = {
+  args: {
+    children: (
+      <>
+        <Approver.Header title="Completed" requester="alexlab.co" />
+        <Approver.Status status="completed" />
+        <DemoApproverContent />
+        <Approver.Actions
+          actions={[
+            <Button key={0} variant="outline">
+              Cancel
+            </Button>,
+            <Button key={1}>Approve</Button>,
+          ]}
+        />
+      </>
+    ),
+  },
+};
+
+export const ActionsAlignToBottom: Story = {
+  args: {
+    children: (
+      <>
+        <Approver.Header
+          title="Action align to bottom of page"
+          requester="…… even when there's no content to push it there"
+        />
+
+        <Approver.Actions
+          actions={[
+            <Button key={0} variant="outline">
+              Cancel
+            </Button>,
+            <Button key={1}>Approve</Button>,
+          ]}
+        />
+      </>
+    ),
+  },
+};
diff --git a/packages/ui/src/components/bullet-separator/bullet-separator.shared.tsx b/packages/ui/src/components/bullet-separator/bullet-separator.shared.tsx
index 9781990bd..c160c6536 100644
--- a/packages/ui/src/components/bullet-separator/bullet-separator.shared.tsx
+++ b/packages/ui/src/components/bullet-separator/bullet-separator.shared.tsx
@@ -1,17 +1,23 @@
 import { ReactNode, cloneElement, isValidElement } from 'react';
 
+import { ensureArray } from '@leather.io/utils';
+
 interface BulletSeparatorSeparatorProps {
   children: ReactNode;
   operator: ReactNode;
 }
 export function BulletSeparator({ children, operator }: BulletSeparatorSeparatorProps) {
-  const parsedChildren = Array.isArray(children) ? children : [children];
+  const parsedChildren = ensureArray(children);
   const content = parsedChildren
     .flatMap((child: ReactNode, index: number) => {
-      if (!isValidElement(child)) return null;
-      return [cloneElement(child, { key: index }), operator];
+      if (!isValidElement(child) || !isValidElement(operator)) return null;
+      return [
+        cloneElement(child, { key: 'element-' + index }),
+        cloneElement(operator, { key: 'operator-' + index }),
+      ];
     })
-    .filter((val: ReactNode) => val !== null)
+    .filter(val => val !== null)
     .slice(0, -1);
-  return <>{content}</>;
+
+  return content;
 }
diff --git a/packages/ui/src/components/bullet-separator/bullet-separator.web.stories.tsx b/packages/ui/src/components/bullet-separator/bullet-separator.web.stories.tsx
index 102fc2b59..8fed7a4fa 100644
--- a/packages/ui/src/components/bullet-separator/bullet-separator.web.stories.tsx
+++ b/packages/ui/src/components/bullet-separator/bullet-separator.web.stories.tsx
@@ -19,21 +19,23 @@ type Story = StoryObj<typeof Component>;
 
 export const BulletSeparator: Story = {
   render: () => (
-    <Component>
-      <span style={{ margin: '0 8px' }}>Item 1</span>
-      <span style={{ margin: '0 8px' }}>Item 2</span>
-      <span style={{ margin: '0 8px' }}>Item 3</span>
-    </Component>
+    <>
+      <Component spacing="space.03">
+        <span>Item 1</span>
+        <span>Item 2</span>
+        <span>Item 3</span>
+      </Component>
+    </>
   ),
 };
 
 export const WithCaption: Story = {
   render: () => (
     <Caption>
-      <Component>
-        <span style={{ margin: '0 6px' }}>Item 1</span>
-        <span style={{ margin: '0 6px' }}>Item 2</span>
-        <span style={{ margin: '0 6px' }}>Item 3</span>
+      <Component spacing="space.03">
+        <span>Item 1</span>
+        <span>Item 2</span>
+        <span>Item 3</span>
       </Component>
     </Caption>
   ),
@@ -42,10 +44,10 @@ export const WithCaption: Story = {
 export const WithTitle: Story = {
   render: () => (
     <Title>
-      <Component>
-        <span style={{ margin: '0 6px' }}>Item 1</span>
-        <span style={{ margin: '0 6px' }}>Item 2</span>
-        <span style={{ margin: '0 6px' }}>Item 3</span>
+      <Component spacing="space.02">
+        <span>Item 1</span>
+        <span>Item 2</span>
+        <span>Item 3</span>
       </Component>
     </Title>
   ),
diff --git a/packages/ui/src/components/bullet-separator/bullet-separator.web.tsx b/packages/ui/src/components/bullet-separator/bullet-separator.web.tsx
index 69ddaf950..390372268 100644
--- a/packages/ui/src/components/bullet-separator/bullet-separator.web.tsx
+++ b/packages/ui/src/components/bullet-separator/bullet-separator.web.tsx
@@ -1,27 +1,31 @@
 import { ReactNode } from 'react';
 
-import { Circle } from 'leather-styles/jsx';
+import { Box, BoxProps, Circle } from 'leather-styles/jsx';
+import { SpacingToken } from 'leather-styles/tokens';
 
 import { BulletSeparator as BulletSeparatorContainer } from './bullet-separator.shared';
 
-function BulletOperator() {
+function BulletOperator(props: BoxProps) {
   return (
-    <Circle
-      display="inline-block"
-      verticalAlign="middle"
-      bg="currentColor"
-      size="3px"
-      // Visual adjustment for correct centering on retina displays
-      transform="translateY(-0.5px)"
-    />
+    <Box display="inline-block" verticalAlign="middle" {...props}>
+      <Circle
+        bg="currentColor"
+        size="3px"
+        // Visual adjustment for correct centering on retina displays
+        transform="translateY(-0.5px)"
+      />
+    </Box>
   );
 }
 
 interface BulletSeparatorSeparatorProps {
   children: ReactNode;
+  spacing?: SpacingToken;
 }
-export function BulletSeparator({ children }: BulletSeparatorSeparatorProps) {
+export function BulletSeparator({ children, spacing }: BulletSeparatorSeparatorProps) {
   return (
-    <BulletSeparatorContainer operator={<BulletOperator />}>{children}</BulletSeparatorContainer>
+    <BulletSeparatorContainer operator={<BulletOperator px={spacing} />}>
+      {children}
+    </BulletSeparatorContainer>
   );
 }
diff --git a/packages/ui/src/components/button/button.web.tsx b/packages/ui/src/components/button/button.web.tsx
index 6eb811ea1..cb3fd0ef3 100644
--- a/packages/ui/src/components/button/button.web.tsx
+++ b/packages/ui/src/components/button/button.web.tsx
@@ -1,3 +1,5 @@
+import { forwardRef } from 'react';
+
 import { styled } from 'leather-styles/jsx';
 import { type ButtonVariantProps, button as buttonRecipe } from 'leather-styles/recipes';
 
@@ -9,10 +11,11 @@ export type ButtonProps = Omit<
 > &
   ButtonVariantProps;
 
-export function Button(props: ButtonProps) {
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
   const { children, fullWidth, size, trigger, invert, type = 'button', variant, ...rest } = props;
   return (
     <StyledButton
+      ref={ref}
       className={buttonRecipe({ fullWidth, size, invert, trigger, variant })}
       type={type}
       {...rest}
@@ -20,4 +23,4 @@ export function Button(props: ButtonProps) {
       {children}
     </StyledButton>
   );
-}
+});
diff --git a/packages/ui/src/components/favicon/favicon.web.tsx b/packages/ui/src/components/favicon/favicon.web.tsx
new file mode 100644
index 000000000..b6e37a090
--- /dev/null
+++ b/packages/ui/src/components/favicon/favicon.web.tsx
@@ -0,0 +1,19 @@
+import { useState } from 'react';
+
+interface FaviconProps {
+  origin: string;
+  size?: 16 | 32;
+}
+export function Favicon({ origin, size = 16 }: FaviconProps) {
+  const [hasError, setHasError] = useState(false);
+  if (hasError) return null;
+  return (
+    <img
+      src={`https://www.google.com/s2/favicons?domain=${origin}&sz=${size * 2}`}
+      width={size}
+      height={size}
+      alt={`Favicon of ${origin}`}
+      onError={() => setHasError(true)}
+    />
+  );
+}
diff --git a/packages/ui/src/components/input/input.web.tsx b/packages/ui/src/components/input/input.web.tsx
index a454cac25..7579dff95 100644
--- a/packages/ui/src/components/input/input.web.tsx
+++ b/packages/ui/src/components/input/input.web.tsx
@@ -1,5 +1,6 @@
 import {
   type ComponentProps,
+  FormEvent,
   LegacyRef,
   createContext,
   forwardRef,
@@ -11,12 +12,11 @@ import {
 
 import { sva } from 'leather-styles/css';
 import { SystemStyleObject } from 'leather-styles/types';
+import { useOnMount } from 'src/utils/use-on-mount';
 
 import { propIfDefined } from '@leather.io/utils';
 
 import { createStyleContext } from '../../utils/style-context.web';
-//FIXME leather-io/issues#64: This is a double up of a hook that already exists in the codebase.
-import { useOnMount } from './use-on-mount';
 
 const hackyDelayOneMs = 1;
 
@@ -162,7 +162,7 @@ function Root({ hasError, shrink, ...props }: RootProps) {
   );
 }
 
-const FieldBase = withContext('input', 'input');
+const FieldBase = withContext<HTMLInputElement, any>('input', 'input');
 
 const Field = forwardRef(({ type, ...props }: ComponentProps<'input'>, ref) => {
   const { setHasValue } = useInputContext();
@@ -194,7 +194,7 @@ const Field = forwardRef(({ type, ...props }: ComponentProps<'input'>, ref) => {
       ref={innerRef}
       {...inputTypeProps}
       {...props}
-      onInput={e => {
+      onInput={(e: FormEvent<HTMLInputElement>) => {
         // Note: this logic to determine if the field is empty may have to be
         // made dynamic to `input=type`, and potentially made configurable with
         // a callback passed to `Input.Root` e.g.
diff --git a/packages/ui/src/components/input/use-on-mount.ts b/packages/ui/src/components/input/use-on-mount.ts
deleted file mode 100644
index a05d49907..000000000
--- a/packages/ui/src/components/input/use-on-mount.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useEffect } from 'react';
-
-import { isFunction } from '@leather.io/utils';
-
-/**
- * @deprecated
- * FIXME leather-io/issues#64": This is a double up of a hook that already exists in the codebase.
- * This is a double up of a hook that already exists in the codebase.
- * see the Leather wallet extension app/common/hooks/use-on-mount.ts
- * Do not perpetuate its use. It's only here to support the legacy codebase.
- * Could potentially be replaced with useEffect(() => effect(), []) in most cases.
- */
-export function useOnMount(effect: () => void | (() => void) | Promise<unknown>) {
-  useEffect(() => {
-    const fn = effect();
-    return () => (isFunction(fn) ? fn() : undefined);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-}
diff --git a/packages/ui/src/components/text/text.native.stories.tsx b/packages/ui/src/components/text/text.native.stories.tsx
index e1af64e85..927cc8ccc 100644
--- a/packages/ui/src/components/text/text.native.stories.tsx
+++ b/packages/ui/src/components/text/text.native.stories.tsx
@@ -27,21 +27,21 @@ export const TextStory = {
   argTypes: {
     variant: {
       control: { type: 'radio' },
-      options: {
-        heading01: 'heading01',
-        heading02: 'heading02',
-        heading03: 'heading03',
-        heading04: 'heading04',
-        heading05: 'heading05',
-        label01: 'label01',
-        label02: 'label02',
-        label03: 'label03',
-        body01: 'body01',
-        body02: 'body02',
-        caption01: 'caption01',
-        code: 'code',
-        default: undefined,
-      },
+      options: [
+        'heading01',
+        'heading02',
+        'heading03',
+        'heading04',
+        'heading05',
+        'label01',
+        'label02',
+        'label03',
+        'body01',
+        'body02',
+        'caption01',
+        'code',
+        undefined,
+      ],
     },
     children: {
       control: { type: 'text' },
diff --git a/packages/ui/src/utils/has-children.tsx b/packages/ui/src/utils/has-children.tsx
new file mode 100644
index 000000000..dbe5bcaff
--- /dev/null
+++ b/packages/ui/src/utils/has-children.tsx
@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export interface HasChildren {
+  children?: ReactNode;
+}
diff --git a/packages/ui/src/utils/style-context.web.tsx b/packages/ui/src/utils/style-context.web.tsx
index 8cba84f26..0b3d85670 100644
--- a/packages/ui/src/utils/style-context.web.tsx
+++ b/packages/ui/src/utils/style-context.web.tsx
@@ -1,69 +1,103 @@
+// Copied from Panda docs. This logic is needed when composing together sva
+// components, so they can share style state between slots.
+// https://panda-css.com/docs/concepts/slot-recipes#styling-jsx-compound-components
 import {
-  ComponentProps,
-  ElementType,
-  JSX,
+  type ElementType,
+  type ForwardRefExoticComponent,
+  type PropsWithoutRef,
+  type RefAttributes,
   createContext,
-  createElement,
   forwardRef,
   useContext,
 } from 'react';
 
-// Copied from Panda docs. This logic is needed when composing together sva
-// components, so they can share style state between slots.
-// https://panda-css.com/docs/concepts/slot-recipes#styling-jsx-compound-components
-type GenericProps = Record<string, unknown>;
-interface StyleRecipe {
-  (props?: GenericProps): Record<string, string>;
-  splitVariantProps(props: GenericProps): any;
+import { cx } from 'leather-styles/css';
+import { type StyledComponent, isCssProperty, styled } from 'leather-styles/jsx';
+
+type Props = Record<string, unknown>;
+interface Recipe {
+  (props?: Props): Props;
+  splitVariantProps: (props: Props) => [Props, Props];
+}
+type Slot<R extends Recipe> = keyof ReturnType<R>;
+interface Options {
+  forwardProps?: string[];
 }
-type StyleSlot<R extends StyleRecipe> = keyof ReturnType<R>;
-type StyleSlotRecipe<R extends StyleRecipe> = Record<StyleSlot<R>, string>;
-type StyleVariantProps<R extends StyleRecipe> = Parameters<R>[0];
-type CombineProps<T, U> = Omit<T, keyof U> & U;
 
-const cx = (...args: (string | undefined)[]) => args.filter(Boolean).join(' ');
+const shouldForwardProp = (prop: string, variantKeys: string[], options: Options = {}) =>
+  options.forwardProps?.includes(prop) || (!variantKeys.includes(prop) && !isCssProperty(prop));
 
-interface ComponentVariants<T extends ElementType, R extends StyleRecipe> {
-  (props: CombineProps<ComponentProps<T>, StyleVariantProps<R>>): JSX.Element;
-}
+export const createStyleContext = <R extends Recipe>(recipe: R) => {
+  const StyleContext = createContext<Record<Slot<R>, string> | null>(null);
 
-export const createStyleContext = <R extends StyleRecipe>(recipe: R) => {
-  const StyleContext = createContext<StyleSlotRecipe<R> | null>(null);
+  // eslint-disable-next-line
+  const withRootProvider = <P extends {}>(Component: ElementType) => {
+    function StyledComponent(props: P) {
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const slotStyles = recipe(variantProps) as Record<Slot<R>, string>;
 
-  const withProvider = <T extends ElementType>(
-    Component: T,
-    slot?: StyleSlot<R>
-  ): ComponentVariants<T, R> => {
-    const StyledComponent = forwardRef((props: ComponentProps<T>, ref) => {
+      return (
+        <StyleContext.Provider value={slotStyles}>
+          <Component {...otherProps} />
+        </StyleContext.Provider>
+      );
+    }
+    return StyledComponent;
+  };
+
+  const withProvider = <T, P extends { className?: string | undefined }>(
+    Component: ElementType,
+    slot: Slot<R>,
+    options?: Options
+  ): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> => {
+    const StyledComponent = styled(
+      Component,
+      {},
+      {
+        shouldForwardProp: (prop, variantKeys) => shouldForwardProp(prop, variantKeys, options),
+      }
+    ) as StyledComponent<ElementType>;
+    const StyledSlotProvider = forwardRef<T, P>((props, ref) => {
       const [variantProps, otherProps] = recipe.splitVariantProps(props);
-      const slotStyles = recipe(variantProps) as StyleSlotRecipe<R>;
+      const slotStyles = recipe(variantProps) as Record<Slot<R>, string>;
+
       return (
         <StyleContext.Provider value={slotStyles}>
-          <Component
-            ref={ref}
+          <StyledComponent
             {...otherProps}
-            className={cx(slotStyles[slot ?? ''], otherProps.className)}
+            ref={ref}
+            className={cx(slotStyles?.[slot], props.className)}
           />
         </StyleContext.Provider>
       );
     });
-    return StyledComponent as unknown as ComponentVariants<T, R>;
+    // eslint-disable-next-line
+    // @ts-expect-error
+    StyledSlotProvider.displayName = Component.displayName || Component.name;
+
+    return StyledSlotProvider;
   };
 
-  const withContext = <T extends ElementType>(Component: T, slot?: StyleSlot<R>): T => {
-    if (!slot) return Component;
-    const StyledComponent = forwardRef((props: ComponentProps<T>, ref) => {
+  const withContext = <T, P extends { className?: string | undefined }>(
+    Component: ElementType,
+    slot: Slot<R>
+  ): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> => {
+    const StyledComponent = styled(Component);
+    const StyledSlotComponent = forwardRef<T, P>((props, ref) => {
       const slotStyles = useContext(StyleContext);
-      return createElement(Component, {
-        ...props,
-        className: cx(slotStyles?.[slot ?? ''], props.className),
-        ref,
-      });
+      return (
+        <StyledComponent {...props} ref={ref} className={cx(slotStyles?.[slot], props.className)} />
+      );
     });
-    return StyledComponent as unknown as T;
+    // eslint-disable-next-line
+    // @ts-expect-error
+    StyledSlotComponent.displayName = Component.displayName || Component.name;
+
+    return StyledSlotComponent;
   };
 
   return {
+    withRootProvider,
     withProvider,
     withContext,
   };
diff --git a/packages/ui/src/utils/use-element-height-listener.web.ts b/packages/ui/src/utils/use-element-height-listener.web.ts
new file mode 100644
index 000000000..006e1a68c
--- /dev/null
+++ b/packages/ui/src/utils/use-element-height-listener.web.ts
@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+export function useElementHeightListener(
+  ref: React.RefObject<HTMLDivElement>,
+  listener: (height: number) => void
+) {
+  useEffect(() => {
+    if (!ref.current) return;
+
+    const resizeObserver = new ResizeObserver(entries => {
+      const observedHeight = entries[0].contentRect.height;
+      listener(observedHeight);
+    });
+
+    resizeObserver.observe(ref.current);
+
+    return () => {
+      // Cleanup the observer when the component is unmounted
+      resizeObserver.disconnect();
+    };
+  }, [listener, ref]);
+}
diff --git a/packages/ui/src/utils/use-on-mount.ts b/packages/ui/src/utils/use-on-mount.ts
new file mode 100644
index 000000000..88b3c0510
--- /dev/null
+++ b/packages/ui/src/utils/use-on-mount.ts
@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+
+import { isFunction } from '@leather.io/utils';
+
+export function useOnMount(effect: () => void | (() => void) | Promise<unknown>) {
+  useEffect(() => {
+    const fn = effect();
+    return () => (isFunction(fn) ? fn() : undefined);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+}
diff --git a/packages/ui/src/utils/use-register-children.ts b/packages/ui/src/utils/use-register-children.ts
new file mode 100644
index 000000000..2ff33b5fe
--- /dev/null
+++ b/packages/ui/src/utils/use-register-children.ts
@@ -0,0 +1,27 @@
+import { useState } from 'react';
+
+export function useRegisterChildren<T extends string>() {
+  const [childCount, setChildCount] = useState<Record<T, number>>({} as Record<T, number>);
+
+  function registerChild(child: T) {
+    setChildCount(children => ({ ...children, [child]: (children[child] || 0) + 1 }));
+  }
+
+  function deregisterChild(child: T) {
+    setChildCount(children => ({ ...children, [child]: (children[child] || 0) - 1 }));
+  }
+
+  function hasChild(child: T) {
+    return childCount[child] > 0;
+  }
+
+  return {
+    childCount,
+    children: Object.keys(childCount) as T[],
+    registerChild,
+    deregisterChild,
+    hasChild,
+  };
+}
+
+export type ChildRegister<T extends string> = ReturnType<typeof useRegisterChildren<T>>;
diff --git a/packages/ui/src/utils/utils.web.ts b/packages/ui/src/utils/utils.web.ts
new file mode 100644
index 000000000..7292c30d8
--- /dev/null
+++ b/packages/ui/src/utils/utils.web.ts
@@ -0,0 +1,5 @@
+export function getScrollParent(node: HTMLElement | null) {
+  if (node === null) return null;
+  if (node.scrollHeight > node.clientHeight) return node;
+  return getScrollParent(node.parentNode as HTMLElement);
+}
diff --git a/packages/ui/tsconfig.web.json b/packages/ui/tsconfig.web.json
index f1fd5d941..794b3f16e 100644
--- a/packages/ui/tsconfig.web.json
+++ b/packages/ui/tsconfig.web.json
@@ -11,8 +11,8 @@
     }
   },
   "include": [
-    "**/*.web.ts",
-    "**/*.web.tsx",
+    "**/*.web.{ts,tsx}",
+    "**/*.web.{ts,tsx}",
     "web.ts",
     "**/*.shared.tsx",
     "global.d.ts",
diff --git a/packages/ui/web.ts b/packages/ui/web.ts
index 2b18cb03e..f5a1664a4 100644
--- a/packages/ui/web.ts
+++ b/packages/ui/web.ts
@@ -28,3 +28,4 @@ export { shimmerStyles } from './src/components/skeleton-loader/shimmer.styles.w
 export { SkeletonLoader } from './src/components/skeleton-loader/skeleton-loader.web';
 export { Icon } from './src/icons/icon/icon.web';
 export * from './src/icons/index.web';
+export * from './src/components/approver/approver.web';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4daf866a0..db4452919 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -588,15 +588,15 @@ importers:
   packages/panda-preset:
     dependencies:
       '@pandacss/dev':
-        specifier: 0.40.1
-        version: 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
+        specifier: 0.46.0
+        version: 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
     devDependencies:
       '@leather.io/tokens':
         specifier: workspace:*
         version: link:../tokens
       tsup:
         specifier: 8.1.0
-        version: 8.1.0(@microsoft/api-extractor@7.47.9(@types/node@22.5.5))(@swc/core@1.7.26)(postcss@8.4.38)(typescript@5.6.2)
+        version: 8.1.0(@microsoft/api-extractor@7.47.9(@types/node@22.5.5))(@swc/core@1.7.26)(postcss@8.4.45)(typescript@5.6.2)
 
   packages/prettier-config:
     dependencies:
@@ -926,22 +926,22 @@ importers:
         specifier: 1.23.1
         version: 1.23.1(react-native@0.74.1(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))(@react-native/assets-registry@0.73.1)(@types/react@18.2.79)(react@18.2.0))
       '@storybook/addon-actions':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)
       '@storybook/addon-docs':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)(webpack-sources@3.2.3)
       '@storybook/addon-essentials':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)(webpack-sources@3.2.3)
       '@storybook/addon-interactions':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)
       '@storybook/addon-links':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(react@18.2.0)(storybook@8.3.2)
       '@storybook/addon-onboarding':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(react@18.2.0)(storybook@8.3.2)
       '@storybook/addon-ondevice-actions':
         specifier: 7.6.20
@@ -956,25 +956,25 @@ importers:
         specifier: 1.0.5
         version: 1.0.5(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
       '@storybook/blocks':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(storybook@8.3.2)
       '@storybook/manager-api':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)
       '@storybook/react':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(@storybook/test@8.3.2(storybook@8.3.2))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(storybook@8.3.2)(typescript@5.5.4)
       '@storybook/react-native':
         specifier: 7.6.20
         version: 7.6.20(babel-plugin-macros@3.1.0)(react-dom@18.2.0(react@18.2.0))(react-native-safe-area-context@4.10.1(react-native@0.74.1(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))(@react-native/assets-registry@0.73.1)(@types/react@18.2.79)(react@18.2.0))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))(@react-native/assets-registry@0.73.1)(@types/react@18.2.79)(react@18.2.0))(react@18.2.0)(typescript@5.5.4)
       '@storybook/react-webpack5':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(@storybook/test@8.3.2(storybook@8.3.2))(@swc/core@1.7.26)(esbuild@0.21.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(storybook@8.3.2)(typescript@5.5.4)
       '@storybook/test':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)
       '@storybook/theming':
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2(storybook@8.3.2)
       '@svgr/webpack':
         specifier: 8.1.0
@@ -992,8 +992,8 @@ importers:
         specifier: 8.2.2
         version: 8.2.2
       css-loader:
-        specifier: 6.10.0
-        version: 6.10.0(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
+        specifier: 7.1.2
+        version: 7.1.2(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
       esbuild-plugin-copy:
         specifier: 2.1.1
         version: 2.1.1(esbuild@0.21.5)
@@ -1010,17 +1010,17 @@ importers:
         specifier: 8.1.1
         version: 8.1.1(postcss@8.4.47)(typescript@5.5.4)(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
       postcss-preset-env:
-        specifier: 9.4.0
-        version: 9.4.0(postcss@8.4.47)
+        specifier: 10.0.3
+        version: 10.0.3(postcss@8.4.47)
       react-native-svg-transformer:
         specifier: 1.3.0
         version: 1.3.0(react-native-svg@15.2.0(react-native@0.74.1(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))(@react-native/assets-registry@0.73.1)(@types/react@18.2.79)(react@18.2.0))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))(@react-native/assets-registry@0.73.1)(@types/react@18.2.79)(react@18.2.0))(typescript@5.5.4)
       storybook:
-        specifier: ^8.3.2
+        specifier: 8.3.2
         version: 8.3.2
       style-loader:
-        specifier: 3.3.4
-        version: 3.3.4(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
+        specifier: 4.0.0
+        version: 4.0.0(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))
       tsconfig-paths-webpack-plugin:
         specifier: 4.1.0
         version: 4.1.0
@@ -1106,6 +1106,9 @@ packages:
     resolution: {integrity: sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/generator@7.2.0':
+    resolution: {integrity: sha512-BA75MVfRlFQG2EZgFYIwyT1r6xSkwfP2bdkY/kLZusEYWiJs4xCowab/alaEaT0wSvmVuXGqiefeBlP+7V1yKg==}
+
   '@babel/generator@7.25.6':
     resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
     engines: {node: '>=6.9.0'}
@@ -2074,47 +2077,47 @@ packages:
     resolution: {integrity: sha512-OC5xJgaXM9eC9UgiAV17HZrCDP1gM1gs2yMdSRFjM6ydu9LddybntMKgWU3ffRHjCjK6wDTrC31jo932Czrs+A==}
     hasBin: true
 
-  '@csstools/cascade-layer-name-parser@1.0.13':
-    resolution: {integrity: sha512-MX0yLTwtZzr82sQ0zOjqimpZbzjMaK/h2pmlrLK7DCzlmiZLYFpoO94WmN1akRVo6ll/TdpHb53vihHLUMyvng==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/cascade-layer-name-parser@2.0.1':
+    resolution: {integrity: sha512-G9ZYN5+yr/E6xYSiy1BwOEFP5p88ZtWo8sL4NztKBkRRAwRkzVGa70M+D+fYHugMID5jkLeNt5X9jYd5EaVuyg==}
+    engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
+      '@csstools/css-parser-algorithms': ^3.0.1
+      '@csstools/css-tokenizer': ^3.0.1
 
-  '@csstools/color-helpers@4.2.1':
-    resolution: {integrity: sha512-CEypeeykO9AN7JWkr1OEOQb0HRzZlPWGwV0Ya6DuVgFdDi6g3ma/cPZ5ZPZM4AWQikDpq/0llnGGlIL+j8afzw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/color-helpers@5.0.1':
+    resolution: {integrity: sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==}
+    engines: {node: '>=18'}
 
-  '@csstools/css-calc@1.2.4':
-    resolution: {integrity: sha512-tfOuvUQeo7Hz+FcuOd3LfXVp+342pnWUJ7D2y8NUpu1Ww6xnTbHLpz018/y6rtbHifJ3iIEf9ttxXd8KG7nL0Q==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/css-calc@2.0.1':
+    resolution: {integrity: sha512-e59V+sNp6e5m+9WnTUydA1DQO70WuKUdseflRpWmXxocF/h5wWGIxUjxfvLtajcmwstH0vm6l0reKMzcyI757Q==}
+    engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
+      '@csstools/css-parser-algorithms': ^3.0.1
+      '@csstools/css-tokenizer': ^3.0.1
 
-  '@csstools/css-color-parser@2.0.5':
-    resolution: {integrity: sha512-lRZSmtl+DSjok3u9hTWpmkxFZnz7stkbZxzKc08aDUsdrWwhSgWo8yq9rq9DaFUtbAyAq2xnH92fj01S+pwIww==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/css-color-parser@3.0.2':
+    resolution: {integrity: sha512-mNg7A6HnNjlm0we/pDS9dUafOuBxcanN0TBhEGeIk6zZincuk0+mAbnBqfVs29NlvWHZ8diwTG6g5FeU8246sA==}
+    engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
+      '@csstools/css-parser-algorithms': ^3.0.1
+      '@csstools/css-tokenizer': ^3.0.1
 
-  '@csstools/css-parser-algorithms@2.7.1':
-    resolution: {integrity: sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/css-parser-algorithms@3.0.1':
+    resolution: {integrity: sha512-lSquqZCHxDfuTg/Sk2hiS0mcSFCEBuj49JfzPHJogDBT0mGCyY5A1AQzBWngitrp7i1/HAZpIgzF/VjhOEIJIg==}
+    engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-tokenizer': ^2.4.1
+      '@csstools/css-tokenizer': ^3.0.1
 
-  '@csstools/css-tokenizer@2.4.1':
-    resolution: {integrity: sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/css-tokenizer@3.0.1':
+    resolution: {integrity: sha512-UBqaiu7kU0lfvaP982/o3khfXccVlHPWp0/vwwiIgDF0GmqqqxoiXC/6FCjlS9u92f7CoEz6nXKQnrn1kIAkOw==}
+    engines: {node: '>=18'}
 
-  '@csstools/media-query-list-parser@2.1.13':
-    resolution: {integrity: sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/media-query-list-parser@3.0.1':
+    resolution: {integrity: sha512-HNo8gGD02kHmcbX6PvCoUuOQvn4szyB9ca63vZHKX5A81QytgDG4oxG4IaEfHTlEZSZ6MjPEMWIVU+zF2PZcgw==}
+    engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
+      '@csstools/css-parser-algorithms': ^3.0.1
+      '@csstools/css-tokenizer': ^3.0.1
 
   '@csstools/postcss-cascade-layers@4.0.6':
     resolution: {integrity: sha512-Xt00qGAQyqAODFiFEJNkTpSUz5VfYqnDLECdlA/Vv17nl/OIV5QfTRHGAXrBGG5YcJyHpJ+GF9gF/RZvOQz4oA==}
@@ -2122,179 +2125,191 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-color-function@3.0.19':
-    resolution: {integrity: sha512-d1OHEXyYGe21G3q88LezWWx31ImEDdmINNDy0LyLNN9ChgN2bPxoubUPiHf9KmwypBMaHmNcMuA/WZOKdZk/Lg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-cascade-layers@5.0.0':
+    resolution: {integrity: sha512-h+VunB3KXaoWTWEPBcdVk8Kz1eZ/CtDD+HXgKw5JLdbsViLEQdKUtFYH73VIQigdodng8s5DCrrwNQY7pnuWBA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-color-mix-function@2.0.19':
-    resolution: {integrity: sha512-mLvQlMX+keRYr16AuvuV8WYKUwF+D0DiCqlBdvhQ0KYEtcQl9/is9Ssg7RcIys8x0jIn2h1zstS4izckdZj9wg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-color-function@4.0.2':
+    resolution: {integrity: sha512-q/W3RXh66SM7WqxW3/KU6koL8nOgqyB/wrcU3+ThXnNtXY2+k8UgdE301ISJpMt6PDyYgC7eMaIBo535RvFIgw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-exponential-functions@1.0.9':
-    resolution: {integrity: sha512-x1Avr15mMeuX7Z5RJUl7DmjhUtg+Amn5DZRD0fQ2TlTFTcJS8U1oxXQ9e5mA62S2RJgUU6db20CRoJyDvae2EQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-color-mix-function@3.0.2':
+    resolution: {integrity: sha512-zG9PHNzZVCRk6eprm+T/ybrnuiwLdO+RR7+GCtNut+NZJGtPJj6bfPOEX23aOlMslLcRAlN6QOpxH3tovn+WpA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-font-format-keywords@3.0.2':
-    resolution: {integrity: sha512-E0xz2sjm4AMCkXLCFvI/lyl4XO6aN1NCSMMVEOngFDJ+k2rDwfr6NDjWljk1li42jiLNChVX+YFnmfGCigZKXw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-content-alt-text@2.0.1':
+    resolution: {integrity: sha512-TWjjewVZqdkjavsi8a2THuXgkhUum1k/m4QJpZpzOv72q6WnaoQZGSj5t5uCs7ymJr0H3qj6JcXMwMApSWUOGQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-gamut-mapping@1.0.11':
-    resolution: {integrity: sha512-KrHGsUPXRYxboXmJ9wiU/RzDM7y/5uIefLWKFSc36Pok7fxiPyvkSHO51kh+RLZS1W5hbqw9qaa6+tKpTSxa5g==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-exponential-functions@2.0.1':
+    resolution: {integrity: sha512-A/MG8es3ylFzZ30oYIQUyJcMOfTfCs0dqqBMzeuzaPRlx4q/72WG+BbKe/pL9BUNIWsM0Q8jn3e3la8enjHJJA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-gradients-interpolation-method@4.0.20':
-    resolution: {integrity: sha512-ZFl2JBHano6R20KB5ZrB8KdPM2pVK0u+/3cGQ2T8VubJq982I2LSOvQ4/VtxkAXjkPkk1rXt4AD1ni7UjTZ1Og==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-font-format-keywords@4.0.0':
+    resolution: {integrity: sha512-usBzw9aCRDvchpok6C+4TXC57btc4bJtmKQWOHQxOVKen1ZfVqBUuCZ/wuqdX5GHsD0NRSr9XTP+5ID1ZZQBXw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-hwb-function@3.0.18':
-    resolution: {integrity: sha512-3ifnLltR5C7zrJ+g18caxkvSRnu9jBBXCYgnBznRjxm6gQJGnnCO9H6toHfywNdNr/qkiVf2dymERPQLDnjLRQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-gamut-mapping@2.0.2':
+    resolution: {integrity: sha512-/1ur3ca9RWg/KnbLlxaDswyjLSGoaHNDruAzrVhkn5axgd7LOH6JHCBRhrKDafdMw9bf4MQrYFoaLfHAPekLFg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-ic-unit@3.0.7':
-    resolution: {integrity: sha512-YoaNHH2wNZD+c+rHV02l4xQuDpfR8MaL7hD45iJyr+USwvr0LOheeytJ6rq8FN6hXBmEeoJBeXXgGmM8fkhH4g==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-gradients-interpolation-method@5.0.2':
+    resolution: {integrity: sha512-qRpvA4sduAfiV9yZG4OM7q/h2Qhr3lg+GrHe9NZwuzWnfSDLGh+Dh4Ea6fQ+1++jdKXW/Cb4/vHRp0ssQYra4w==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-initial@1.0.1':
-    resolution: {integrity: sha512-wtb+IbUIrIf8CrN6MLQuFR7nlU5C7PwuebfeEXfjthUha1+XZj2RVi+5k/lukToA24sZkYAiSJfHM8uG/UZIdg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-hwb-function@4.0.2':
+    resolution: {integrity: sha512-RUBVCyJE1hTsf9vGp3zrALeMollkAlHRFKm+T36y67nLfOOf+6GNQsdTGFAyLrY65skcm8ddC26Jp1n9ZIauEA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-is-pseudo-class@4.0.8':
-    resolution: {integrity: sha512-0aj591yGlq5Qac+plaWCbn5cpjs5Sh0daovYUKJUOMjIp70prGH/XPLp7QjxtbFXz3CTvb0H9a35dpEuIuUi3Q==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-ic-unit@4.0.0':
+    resolution: {integrity: sha512-9QT5TDGgx7wD3EEMN3BSUG6ckb6Eh5gSPT5kZoVtUuAonfPmLDJyPhqR4ntPpMYhUKAMVKAg3I/AgzqHMSeLhA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-light-dark-function@1.0.8':
-    resolution: {integrity: sha512-x0UtpCyVnERsplUeoaY6nEtp1HxTf4lJjoK/ULEm40DraqFfUdUSt76yoOyX5rGY6eeOUOkurHyYlFHVKv/pew==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-initial@2.0.0':
+    resolution: {integrity: sha512-dv2lNUKR+JV+OOhZm9paWzYBXOCi+rJPqJ2cJuhh9xd8USVrd0cBEPczla81HNOyThMQWeCcdln3gZkQV2kYxA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-float-and-clear@2.0.1':
-    resolution: {integrity: sha512-SsrWUNaXKr+e/Uo4R/uIsqJYt3DaggIh/jyZdhy/q8fECoJSKsSMr7nObSLdvoULB69Zb6Bs+sefEIoMG/YfOA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-is-pseudo-class@5.0.0':
+    resolution: {integrity: sha512-E/CjrT03BL06WmrjupnrT0VUBTvxJdoW1hRVeXFa9qatWtvcLLw0j8hP372G4A9PpSGEMXi3/AoHzPf7DNryCQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-overflow@1.0.1':
-    resolution: {integrity: sha512-Kl4lAbMg0iyztEzDhZuQw8Sj9r2uqFDcU1IPl+AAt2nue8K/f1i7ElvKtXkjhIAmKiy5h2EY8Gt/Cqg0pYFDCw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-light-dark-function@2.0.2':
+    resolution: {integrity: sha512-QAWWDJtJ7ywzhaMe09QwhjhuwB0XN04fW1MFwoEJMcYyiQub4a57mVFV+ngQEekUhsqe/EtKVCzyOx4q3xshag==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-overscroll-behavior@1.0.1':
-    resolution: {integrity: sha512-+kHamNxAnX8ojPCtV8WPcUP3XcqMFBSDuBuvT6MHgq7oX4IQxLIXKx64t7g9LiuJzE7vd06Q9qUYR6bh4YnGpQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-logical-float-and-clear@3.0.0':
+    resolution: {integrity: sha512-SEmaHMszwakI2rqKRJgE+8rpotFfne1ZS6bZqBoQIicFyV+xT1UF42eORPxJkVJVrH9C0ctUgwMSn3BLOIZldQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-resize@2.0.1':
-    resolution: {integrity: sha512-W5Gtwz7oIuFcKa5SmBjQ2uxr8ZoL7M2bkoIf0T1WeNqljMkBrfw1DDA8/J83k57NQ1kcweJEjkJ04pUkmyee3A==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-logical-overflow@2.0.0':
+    resolution: {integrity: sha512-spzR1MInxPuXKEX2csMamshR4LRaSZ3UXVaRGjeQxl70ySxOhMpP2252RAFsg8QyyBXBzuVOOdx1+bVO5bPIzA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-viewport-units@2.0.11':
-    resolution: {integrity: sha512-ElITMOGcjQtvouxjd90WmJRIw1J7KMP+M+O87HaVtlgOOlDt1uEPeTeii8qKGe2AiedEp0XOGIo9lidbiU2Ogg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-logical-overscroll-behavior@2.0.0':
+    resolution: {integrity: sha512-e/webMjoGOSYfqLunyzByZj5KKe5oyVg/YSbie99VEaSDE2kimFm0q1f6t/6Jo+VVCQ/jbe2Xy+uX+C4xzWs4w==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-media-minmax@1.1.8':
-    resolution: {integrity: sha512-KYQCal2i7XPNtHAUxCECdrC7tuxIWQCW+s8eMYs5r5PaAiVTeKwlrkRS096PFgojdNCmHeG0Cb7njtuNswNf+w==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-logical-resize@3.0.0':
+    resolution: {integrity: sha512-DFbHQOFW/+I+MY4Ycd/QN6Dg4Hcbb50elIJCfnwkRTCX05G11SwViI5BbBlg9iHRl4ytB7pmY5ieAFk3ws7yyg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-media-queries-aspect-ratio-number-values@2.0.11':
-    resolution: {integrity: sha512-YD6jrib20GRGQcnOu49VJjoAnQ/4249liuz7vTpy/JfgqQ1Dlc5eD4HPUMNLOw9CWey9E6Etxwf/xc/ZF8fECA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-logical-viewport-units@3.0.1':
+    resolution: {integrity: sha512-JsfaoTiBqIuRE+CYL4ZpYKOqJ965GyiMH4b8UrY0Z7i5GfMiHZrK7xtTB29piuyKQzrW+Z8w3PAExhwND9cuAQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-nested-calc@3.0.2':
-    resolution: {integrity: sha512-ySUmPyawiHSmBW/VI44+IObcKH0v88LqFe0d09Sb3w4B1qjkaROc6d5IA3ll9kjD46IIX/dbO5bwFN/swyoyZA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-media-minmax@2.0.1':
+    resolution: {integrity: sha512-EMa3IgUip+F/MwH4r2KfIA9ym9hQkT2PpR9MOukdomfGGCFuw9V3n/iIOBKziN1qfeddsYoOvtYOKQcHU2yIjg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-normalize-display-values@3.0.2':
-    resolution: {integrity: sha512-fCapyyT/dUdyPtrelQSIV+d5HqtTgnNP/BEG9IuhgXHt93Wc4CfC1bQ55GzKAjWrZbgakMQ7MLfCXEf3rlZJOw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.1':
+    resolution: {integrity: sha512-JTzMQz//INahTALkvXnC5lC2fJKzwb5PY443T2zaM9hAzM7nzHMLIlEfFgdtBahVIBtBSalMefdxNr99LGW1lQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-oklab-function@3.0.19':
-    resolution: {integrity: sha512-e3JxXmxjU3jpU7TzZrsNqSX4OHByRC3XjItV3Ieo/JEQmLg5rdOL4lkv/1vp27gXemzfNt44F42k/pn0FpE21Q==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-nested-calc@4.0.0':
+    resolution: {integrity: sha512-jMYDdqrQQxE7k9+KjstC3NbsmC063n1FTPLCgCRS2/qHUbHM0mNy9pIn4QIiQGs9I/Bg98vMqw7mJXBxa0N88A==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-progressive-custom-properties@3.3.0':
-    resolution: {integrity: sha512-W2oV01phnILaRGYPmGFlL2MT/OgYjQDrL9sFlbdikMFi6oQkFki9B86XqEWR7HCsTZFVq7dbzr/o71B75TKkGg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-normalize-display-values@4.0.0':
+    resolution: {integrity: sha512-HlEoG0IDRoHXzXnkV4in47dzsxdsjdz6+j7MLjaACABX2NfvjFS6XVAnpaDyGesz9gK2SC7MbNwdCHusObKJ9Q==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-relative-color-syntax@2.0.19':
-    resolution: {integrity: sha512-MxUMSNvio1WwuS6WRLlQuv6nNPXwIWUFzBBAvL/tBdWfiKjiJnAa6eSSN5gtaacSqUkQ/Ce5Z1OzLRfeaWhADA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-oklab-function@4.0.2':
+    resolution: {integrity: sha512-2iSK/T77PHMeorakBAk/WLxSodfIJ/lmi6nxEkuruXfhGH7fByZim4Fw6ZJf4B73SVieRSH2ep8zvYkA2ZfRtA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-scope-pseudo-class@3.0.1':
-    resolution: {integrity: sha512-3ZFonK2gfgqg29gUJ2w7xVw2wFJ1eNWVDONjbzGkm73gJHVCYK5fnCqlLr+N+KbEfv2XbWAO0AaOJCFB6Fer6A==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-progressive-custom-properties@4.0.0':
+    resolution: {integrity: sha512-XQPtROaQjomnvLUSy/bALTR5VCtTVUFwYs1SblvYgLSeTo2a/bMNwUwo2piXw5rTv/FEYiy5yPSXBqg9OKUx7Q==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-stepped-value-functions@3.0.10':
-    resolution: {integrity: sha512-MZwo0D0TYrQhT5FQzMqfy/nGZ28D1iFtpN7Su1ck5BPHS95+/Y5O9S4kEvo76f2YOsqwYcT8ZGehSI1TnzuX2g==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-relative-color-syntax@3.0.2':
+    resolution: {integrity: sha512-aBpuUdpJBswNGfw6lOkhown2cZ0YXrMjASye56nkoRpgRe9yDF4BM1fvEuakrCDiaeoUzVaI4SF6+344BflXfQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-text-decoration-shorthand@3.0.7':
-    resolution: {integrity: sha512-+cptcsM5r45jntU6VjotnkC9GteFR7BQBfZ5oW7inLCxj7AfLGAzMbZ60hKTP13AULVZBdxky0P8um0IBfLHVA==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-scope-pseudo-class@4.0.0':
+    resolution: {integrity: sha512-+ZUOBtVMDcmHZcZqsP/jcNRriEILfWQflTI3tCTA+/RheXAg57VkFGyPDAilpQSqlCpxWLWG8VUFKFtZJPwuOg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-trigonometric-functions@3.0.10':
-    resolution: {integrity: sha512-G9G8moTc2wiad61nY5HfvxLiM/myX0aYK4s1x8MQlPH29WDPxHQM7ghGgvv2qf2xH+rrXhztOmjGHJj4jsEqXw==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-stepped-value-functions@4.0.1':
+    resolution: {integrity: sha512-dk3KqVcIEYzy9Mvx8amoBbk123BWgd5DfjXDiPrEqxGma37PG7m/MoMmHQhuVHIjvPDHoJwyIZi2yy7j0RA5fw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-unset-value@3.0.1':
-    resolution: {integrity: sha512-dbDnZ2ja2U8mbPP0Hvmt2RMEGBiF1H7oY6HYSpjteXJGihYwgxgTr6KRbbJ/V6c+4wd51M+9980qG4gKVn5ttg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-text-decoration-shorthand@4.0.1':
+    resolution: {integrity: sha512-xPZIikbx6jyzWvhms27uugIc0I4ykH4keRvoa3rxX5K7lEhkbd54rjj/dv60qOCTisoS+3bmwJTeyV1VNBrXaw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/selector-resolve-nested@1.1.0':
-    resolution: {integrity: sha512-uWvSaeRcHyeNenKg8tp17EVDRkpflmdyvbE0DHo6D/GdBb6PDnCYYU6gRpXhtICMGMcahQmj2zGxwFM/WC8hCg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/postcss-trigonometric-functions@4.0.1':
+    resolution: {integrity: sha512-QHOYuN3bzS/rcpAygFhJxJUtD8GuJEWF6f9Zm518Tq/cSMlcTgU+v0geyi5EqbmYxKMig2oKCKUSGqOj9gehkg==}
+    engines: {node: '>=18'}
     peerDependencies:
-      postcss-selector-parser: ^6.0.13
+      postcss: ^8.4
+
+  '@csstools/postcss-unset-value@4.0.0':
+    resolution: {integrity: sha512-cBz3tOCI5Fw6NIFEwU3RiwK6mn3nKegjpJuzCndoGq3BZPkUjnsq7uQmIeMNeMbMk7YD2MfKcgCpZwX5jyXqCA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/selector-resolve-nested@2.0.0':
+    resolution: {integrity: sha512-oklSrRvOxNeeOW1yARd4WNCs/D09cQjunGZUgSq6vM8GpzFswN+8rBZyJA29YFZhOTQ6GFzxgLDNtVbt9wPZMA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss-selector-parser: ^6.1.0
 
   '@csstools/selector-specificity@3.1.1':
     resolution: {integrity: sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==}
@@ -2302,9 +2317,15 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^6.0.13
 
-  '@csstools/utilities@1.0.0':
-    resolution: {integrity: sha512-tAgvZQe/t2mlvpNosA4+CkMiZ2azISW5WPAcdSalZlEjQvUfghHxfQcrCiK/7/CrfAWVxyM88kGFYO82heIGDg==}
-    engines: {node: ^14 || ^16 || >=18}
+  '@csstools/selector-specificity@4.0.0':
+    resolution: {integrity: sha512-189nelqtPd8++phaHNwYovKZI0FOzH1vQEE3QhHHkNIGrg5fSs9CbYP3RvfEH5geztnIA9Jwq91wyOIwAW5JIQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss-selector-parser: ^6.1.0
+
+  '@csstools/utilities@2.0.0':
+    resolution: {integrity: sha512-5VdOr0Z71u+Yp3ozOx8T11N703wIFGVRgOWbOZMKgglPJsWA54MRIoMNVMa7shUToIhx5J8vX4sOZgD2XiihiQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -2480,7 +2501,7 @@ packages:
 
   '@expo/bunyan@4.0.1':
     resolution: {integrity: sha512-+Lla7nYSiHZirgK+U/uYzsLv/X+HaJienbD5AKX1UQZHYfWaP+9uuQluRB4GrEVWF0GZ7vEVp/jzaOT9k/SQlg==}
-    engines: {node: '>=0.10.0'}
+    engines: {'0': node >=0.10.0}
 
   '@expo/cli@0.18.28':
     resolution: {integrity: sha512-fvbVPId6s6etindzP6Nzos/CS1NurMVy4JKozjebArHr63tBid5i/UY5Pp+4wTCAM20gB2SjRdwcwoL6HFC4Iw==}
@@ -2720,6 +2741,10 @@ packages:
     resolution: {integrity: sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  '@jest/types@24.9.0':
+    resolution: {integrity: sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==}
+    engines: {node: '>= 6'}
+
   '@jest/types@26.6.2':
     resolution: {integrity: sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==}
     engines: {node: '>= 10.14.2'}
@@ -2879,95 +2904,49 @@ packages:
     resolution: {integrity: sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  '@pandacss/config@0.40.1':
-    resolution: {integrity: sha512-Pzm0GpsrV8OoXgrBJ+V7aaKG39ytbLex1XsRKY6JThkAAz0rE2P8k4nbSQU8WXuG7mbOijBKYybi/cxRAIUL1w==}
-
   '@pandacss/config@0.46.0':
     resolution: {integrity: sha512-XihWGVSCQ+mAOV6MoeOoRmW7C27t23KCwMfmEJebGUdQifCeJg3qFMewhs5sQgJIDRNBTlIM78dUrnK9PT000Q==}
 
-  '@pandacss/core@0.40.1':
-    resolution: {integrity: sha512-12Eu6ReCYZYu6Y/cX5YvGUS8eJkCVJYR8njWAqJmSg+rg/vqmkAM+KL8qdYw95WiTzih1dPaSq+MqkiX3N9hUg==}
-
   '@pandacss/core@0.46.0':
     resolution: {integrity: sha512-aSPg6twZSnEfnV43pso03gUxJGZdmnnK15scBqLYhGnPuwIa0UP7E7x6dAfI0oY1Wf6/7lpW5b9RFHt9+aFmEQ==}
 
-  '@pandacss/dev@0.40.1':
-    resolution: {integrity: sha512-61vy1KjwfVdWTaQtwY4ghmvwPhcRRVnfwpAG5S/kogw0p1rIp7a8vDHi31CjbPxO4qccjhNNzVVGDzaqnzHf+w==}
-    hasBin: true
-
   '@pandacss/dev@0.46.0':
     resolution: {integrity: sha512-GdigfWVALAPJ5RQpKjBn4KKc67+rKsHiqNd6xao52Q8dttRxvAn1nhk95vVpTbKuLbfIYX4EiVihXxKeFdiSow==}
     hasBin: true
 
-  '@pandacss/extractor@0.40.1':
-    resolution: {integrity: sha512-eHTAiNBLPxOYsf4pqbwhxjqejzaYx6EGFvdxznKohO++ihPgoph4/zl6WZx+/Ncb/IcHKMXpIBghQmmE68LIyA==}
-
   '@pandacss/extractor@0.46.0':
     resolution: {integrity: sha512-kuOmK1CfhnUXrTgwZdl5wH5g0bGeOzxxr8mCUG+P1SgCNxhTpvWkBM7Fv/0Tp35EJxVErxYXBWpVewSpq8x8rQ==}
 
-  '@pandacss/generator@0.40.1':
-    resolution: {integrity: sha512-kidMyFPVuJYue4uah9uL4iNdhCPikTPCsc8j9IwrcrKPT6uhLqdeBQEF3Kxs0Pik8v+cMaDV0BSSceCujxHzhA==}
-
   '@pandacss/generator@0.46.0':
     resolution: {integrity: sha512-Irg05W+lESSzP+qgvSAibridKBH6y9P9lEGEAyImNZmsTrGeF7zX7yfs1mnGT/4zK4Ts6uosO1aZ8tz9YFHJCg==}
 
-  '@pandacss/is-valid-prop@0.40.1':
-    resolution: {integrity: sha512-YcWecr6zecEiCqRi/zoCONcokG64T2LiEOCEYZMhqX9ma/KsKNd4oZO6r001/1ZUSBSVD6ZIb95h/N4gctfayg==}
-
   '@pandacss/is-valid-prop@0.46.0':
     resolution: {integrity: sha512-XkR+8GwkDxSG9B0DJe2hOv4d9SHvLkjxQQTd/6NpAJhUDSCNTXSUlBN1ef0/Tst1BExGm8BZkizOgjAN3QEDlg==}
 
-  '@pandacss/logger@0.40.1':
-    resolution: {integrity: sha512-UnxDZGWj4e2Cl9XJWBp5WTJiWmfXIbyYLXt0tOlVIGTiBfZtsqVnT/uD3g71QSJgyUCyYqCx/zHJTIsKIm2/HQ==}
-
   '@pandacss/logger@0.46.0':
     resolution: {integrity: sha512-g2qPxp/OK2sVGO7var1kG0wxTuVEElk2U3zuPlwBY1xPYURT4eFB8LnxCzVZgERaNYlmaMby/RzKh8ESW/KxFw==}
 
-  '@pandacss/node@0.40.1':
-    resolution: {integrity: sha512-r00E85hAFmU49H0JgEwRqf2R5P6CIAydLcTTGrqYEvC8NrP2Y2vsnNENYwDT6PChAzjIZxtZK5myYki3qkfWTA==}
-
   '@pandacss/node@0.46.0':
     resolution: {integrity: sha512-r+Y1V/Hbgcwd2SIlQmHjUtjef9xuzcgL7OBWBkF1jiJelWnHhEVvPCCRCQIiXTRfitOFfByA+ZGQhbYHbSx7EQ==}
 
-  '@pandacss/parser@0.40.1':
-    resolution: {integrity: sha512-tcBw29Qzxe7BSyf3G76d4ux8rCnqzg4kIApOZQFPrPLGzkc6/TO59HQr3gz8YQbD0HhO2QzjnUkVwCuOpCJoOQ==}
-
   '@pandacss/parser@0.46.0':
     resolution: {integrity: sha512-WFP6sZMtKLOdlqBSS10IxLcQ7Tkwi4USfuxqmvJchwFoGgvmhezZQ9v0gw9VtFOpppHGfde7uERoSoSti8MwSA==}
 
-  '@pandacss/postcss@0.40.1':
-    resolution: {integrity: sha512-PunPSjbDYRw9ljLf4iGKpndAxUkDhptaVATVhHALA1zC31qjF86/ZQRTvMpbBKkIi18x0WKW4lQVA7NFb7+iYg==}
-
   '@pandacss/postcss@0.46.0':
     resolution: {integrity: sha512-rnv1uYFuM/UAjW+5H4l8pabzrnzOjSMBKqUpIMdbudJ9M2UWp+fD6aOrVF/84Yxh6QTw0pgZ/1xeA26Bqbb9xw==}
 
-  '@pandacss/preset-base@0.40.1':
-    resolution: {integrity: sha512-uPevTES6MonoCSLa5BLHcIkj0hJE6Nynlnaqyen4BPESJFh+ylzVjQa8K3RpOAtD6phVgWsjf21cjmKfnxo+0Q==}
-
   '@pandacss/preset-base@0.46.0':
     resolution: {integrity: sha512-FC2Zab4KI1/cuzjE6blNY6n1FzOyV/XJS/SK7v/sq8hSSwdvmDkp/55hFUmergDBPbrpvGa5MLrmI/H1qrSxVQ==}
 
-  '@pandacss/preset-panda@0.40.1':
-    resolution: {integrity: sha512-rNw+mfU3rhQzOgUkKTZqQ6y0qRMua5Z8AVuWUrSPYCERsxmbdAVrdoOfkCjiZ+Kf+nWGumlDca9IWxI5vYlSMw==}
-
   '@pandacss/preset-panda@0.46.0':
     resolution: {integrity: sha512-v3droD6C87uiclPCXBXOJA06vjfVgw2qgQcetbmXSkLcdVwJGuWgc5KKKFPSZlWtCAw16A84OTlKFMmSVZwyqw==}
 
-  '@pandacss/shared@0.40.1':
-    resolution: {integrity: sha512-FBI2AaaYQZoA7TU/qa9z4FVGU3eQDC/cXobTOzmvewpVb+kFSjPo9hralYAViq+5EFRAJOFM7NMqQH0Enitjnw==}
-
   '@pandacss/shared@0.46.0':
     resolution: {integrity: sha512-8OHjzvH2vwdT9ySVzu/rzvoV8SIeSvnNRXEQs68iI+16tl2UukwlBa+pZYnc97VJFU/O6hEhr0RK2N9RKwCNgQ==}
 
-  '@pandacss/token-dictionary@0.40.1':
-    resolution: {integrity: sha512-vpeGGJMd1dasGD2siEqSxtg9wAYNHVnafJSL+QCtarRSwVf9/ETw48md6CvGX7Iq6mfUpNJaa1JkBmhnQUVuNg==}
-
   '@pandacss/token-dictionary@0.46.0':
     resolution: {integrity: sha512-FRIBZnnEiaALDs0MYdqGchcXW7OXI5rNm1C1I6/9TlBWPvbIUg/2T+oraiO1DUwUNJTVkx5Rd0fVuBDOlHrH5g==}
 
-  '@pandacss/types@0.40.1':
-    resolution: {integrity: sha512-znHd2Qc9zv/3e86CkM04Dv5b3dTymucfAvbvkUrvz4AT1KME7BQ1YEQRpaXgdE4UI5waV+Rv0Tx7Dmtt//4yWQ==}
-
   '@pandacss/types@0.46.0':
     resolution: {integrity: sha512-OFp5lGeJ50Kv5hg3zYwNsp0EcZLPItCp/CgYkbdKcfZAjvnEFNgWItRXAKwu1M+1Z0TL6yEz9pvkvWKEyMmJMg==}
 
@@ -4383,10 +4362,10 @@ packages:
   '@storybook/node-logger@7.6.20':
     resolution: {integrity: sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==}
 
-  '@storybook/node-logger@8.3.1':
-    resolution: {integrity: sha512-+Xf2fyS9gJUk8kU9Z1fj4xKyH/X9ewIZR5ZmFj6qvvSH9PUsnozZo5A5xh4hm0k86ebiajVi+yEVAtjZr2qG2g==}
+  '@storybook/node-logger@8.3.2':
+    resolution: {integrity: sha512-/gkOKgDZjbSFVmykDdpQJ7tN6R16u1z/yrYVpSmEz4Y/U4gGvz7EFrzrPnONcDvpT2s7XqHyRxGOttr9PMXDSQ==}
     peerDependencies:
-      storybook: ^8.3.1
+      storybook: ^8.3.2
 
   '@storybook/preset-react-webpack@8.3.2':
     resolution: {integrity: sha512-qzkbbh8NlZp/BLlINSq07AigQ961wuPBfRu8abDzDFpMcN9QOURNSXETruz6Btt7i3VItamwM5DitB4mK8pfdQ==}
@@ -4798,6 +4777,9 @@ packages:
   '@types/istanbul-lib-report@3.0.3':
     resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
 
+  '@types/istanbul-reports@1.1.2':
+    resolution: {integrity: sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==}
+
   '@types/istanbul-reports@3.0.4':
     resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
 
@@ -4903,6 +4885,9 @@ packages:
   '@types/tough-cookie@4.0.5':
     resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
 
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
@@ -4915,6 +4900,9 @@ packages:
   '@types/yargs-parser@21.0.3':
     resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
 
+  '@types/yargs@13.0.12':
+    resolution: {integrity: sha512-qCxJE1qgz2y0hA4pIxjBR+PelCH0U5CK1XJXFwCNqfmliatKp47UCXXE9Dyk1OXBDLvsCF57TqQEJaeLfDYEOQ==}
+
   '@types/yargs@15.0.19':
     resolution: {integrity: sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==}
 
@@ -5099,9 +5087,6 @@ packages:
   '@vitest/utils@2.0.5':
     resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
 
-  '@vitest/utils@2.1.1':
-    resolution: {integrity: sha512-Y6Q9TsI+qJ2CC0ZKj6VBb+T8UPz593N113nnUykqwANqhgf3QkZeHFlusgKLTqrnVHbj/XDKZcDHol+dxVT+rQ==}
-
   '@vue/compiler-core@3.4.19':
     resolution: {integrity: sha512-gj81785z0JNzRcU0Mq98E56e4ltO1yf8k5PQ+tV/7YHnbZkrM0fyFyuttnN8ngJZjbpofWE/m4qjKBiLl8Ju4w==}
 
@@ -5532,8 +5517,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-react-compiler@0.0.0:
-    resolution: {integrity: sha512-Kigl0V36a/6hLVH7+CCe1CCtU3mFBqBd829V//VtuG7I/pyq+B2QZJqOefd63snQmdfCryNhO9XW1FbGPBvYDA==}
+  babel-plugin-react-compiler@0.0.0-experimental-6067d4e-20240919:
+    resolution: {integrity: sha512-3BHXXnd3GzOkHHWMhYLARTUa03PyMzhbAA3ptG+WXujJu0mx1BT3CslcqDlKMh7j508uspT5JCXRZh0ZIN9a0g==}
 
   babel-plugin-react-native-web@0.19.12:
     resolution: {integrity: sha512-eYZ4+P6jNcB37lObWIg0pUbi7+3PKoU1Oie2j0C8UF3cXyXoR74tO2NBjI/FORb2LJyItJZEAmjU5pSaJYEL1w==}
@@ -5659,11 +5644,6 @@ packages:
   browser-process-hrtime@1.0.0:
     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
 
-  browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   browserslist@4.23.3:
     resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -5814,9 +5794,6 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001660:
-    resolution: {integrity: sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==}
-
   caniuse-lite@1.0.30001662:
     resolution: {integrity: sha512-sgMUVwLmGseH8ZIrm1d51UbrhqMCH3jvS7gF/M6byuHOnKyLOBL7W8yz5V02OHwgLGA36o/AFhWzzh4uc5aqTA==}
 
@@ -6190,15 +6167,15 @@ packages:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
     engines: {node: '>=8'}
 
-  css-blank-pseudo@6.0.2:
-    resolution: {integrity: sha512-J/6m+lsqpKPqWHOifAFtKFeGLOzw3jR92rxQcwRUfA/eTuZzKfKlxOmYDx2+tqOPQAueNvBiY8WhAeHu5qNmTg==}
-    engines: {node: ^14 || ^16 || >=18}
+  css-blank-pseudo@7.0.0:
+    resolution: {integrity: sha512-v9xXYGdm6LIn4iHEfu3egk/PM1g/yJr8uwTIj6E44kurv5dE/4y3QW7WdVmZ0PVnqfTuK+C0ClZcEEiaKWBL9Q==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  css-has-pseudo@6.0.5:
-    resolution: {integrity: sha512-ZTv6RlvJJZKp32jPYnAJVhowDCrRrHUTAxsYSuUPBEDJjzws6neMnzkRblxtgmv1RgcV5dhH2gn7E3wA9Wt6lw==}
-    engines: {node: ^14 || ^16 || >=18}
+  css-has-pseudo@7.0.0:
+    resolution: {integrity: sha512-vO6k9bBt4/eEZ2PeHmS2VXjJga5SBy6O1ESyaOkse5/lvp6piFqg8Sh5KTU7X33M7Uh/oqo+M3EeMktQrZoTCQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -6217,9 +6194,21 @@ packages:
       webpack:
         optional: true
 
-  css-prefers-color-scheme@9.0.1:
-    resolution: {integrity: sha512-iFit06ochwCKPRiWagbTa1OAWCvWWVdEnIFd8BaRrgO8YrrNh4RAWUQTFcYX5tdFZgFl1DJ3iiULchZyEbnF4g==}
-    engines: {node: ^14 || ^16 || >=18}
+  css-loader@7.1.2:
+    resolution: {integrity: sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  css-prefers-color-scheme@10.0.0:
+    resolution: {integrity: sha512-VCtXZAWivRglTZditUfB4StnsWr6YVZ2PRtuxQLKTNRdtAf8tpzaVPE9zXIF3VaSc7O70iK/j1+NXxyQCqdPjQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -6248,8 +6237,8 @@ packages:
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
-  cssdb@7.11.2:
-    resolution: {integrity: sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==}
+  cssdb@8.1.1:
+    resolution: {integrity: sha512-kRbSRgZoxtZNl5snb3nOzBkFOt5AwnephcUTIEFc2DebKG9PN50/cHarlwOooTxYQ/gxsnKs3BxykhNLmfvyLg==}
 
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
@@ -6574,8 +6563,8 @@ packages:
   effect@3.5.7:
     resolution: {integrity: sha512-PzEncc0R3ZZhqNTR+fXrSX+anF/4Ai6ftKie1ZrUUWY7WPE7d4KjB6wjpeWoGMOC7xWFPGSkBBUudyJN1mx3+g==}
 
-  electron-to-chromium@1.5.25:
-    resolution: {integrity: sha512-kMb204zvK3PsSlgvvwzI3wBIcAw15tRkYk+NQdsjdDtcQWTp2RABbMQ9rUBy8KNEOM+/E6ep+XC3AykiWZld4g==}
+  electron-to-chromium@1.5.26:
+    resolution: {integrity: sha512-Z+OMe9M/V6Ep9n/52+b7lkvYEps26z4Yz3vjWL1V61W0q+VLF1pOHhMY17sa4roz4AWmULSI8E6SAojZA5L0YQ==}
 
   elliptic@6.5.7:
     resolution: {integrity: sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==}
@@ -7224,10 +7213,6 @@ packages:
   file-system-cache@2.3.0:
     resolution: {integrity: sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==}
 
-  filesize@10.1.2:
-    resolution: {integrity: sha512-Dx770ai81ohflojxhU+oG+Z2QGvKdYxgEr9OSA8UVrqhwNHjfH9A8f5NKfg83fEH8ZFA5N5llJo5T3PIoZ4CRA==}
-    engines: {node: '>= 10.4.0'}
-
   filesize@10.1.6:
     resolution: {integrity: sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==}
     engines: {node: '>= 10.4.0'}
@@ -7914,10 +7899,6 @@ packages:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
 
-  is-core-module@2.15.0:
-    resolution: {integrity: sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==}
-    engines: {node: '>= 0.4'}
-
   is-core-module@2.15.1:
     resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
     engines: {node: '>= 0.4'}
@@ -8524,12 +8505,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-arm64@1.23.0:
-    resolution: {integrity: sha512-kl4Pk3Q2lnE6AJ7Qaij47KNEfY2/UXRZBT/zqGA24B8qwkgllr/j7rclKOf1axcslNXvvUdztjo4Xqh39Yq1aA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
   lightningcss-darwin-arm64@1.25.1:
     resolution: {integrity: sha512-G4Dcvv85bs5NLENcu/s1f7ehzE3D5ThnlWSDwE190tWXRQCQaqwcuHe+MGSVI/slm0XrxnaayXY+cNl3cSricw==}
     engines: {node: '>= 12.0.0'}
@@ -8548,12 +8523,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.23.0:
-    resolution: {integrity: sha512-KeRFCNoYfDdcolcFXvokVw+PXCapd2yHS1Diko1z1BhRz/nQuD5XyZmxjWdhmhN/zj5sH8YvWsp0/lPLVzqKpg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
   lightningcss-darwin-x64@1.25.1:
     resolution: {integrity: sha512-dYWuCzzfqRueDSmto6YU5SoGHvZTMU1Em9xvhcdROpmtOQLorurUZz8+xFxZ51lCO2LnYbfdjZ/gCqWEkwixNg==}
     engines: {node: '>= 12.0.0'}
@@ -8566,12 +8535,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.23.0:
-    resolution: {integrity: sha512-xhnhf0bWPuZxcqknvMDRFFo2TInrmQRWZGB0f6YoAsZX8Y+epfjHeeOIGCfAmgF0DgZxHwYc8mIR5tQU9/+ROA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-
   lightningcss-freebsd-x64@1.25.1:
     resolution: {integrity: sha512-hXoy2s9A3KVNAIoKz+Fp6bNeY+h9c3tkcx1J3+pS48CqAt+5bI/R/YY4hxGL57fWAIquRjGKW50arltD6iRt/w==}
     engines: {node: '>= 12.0.0'}
@@ -8590,12 +8553,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm-gnueabihf@1.23.0:
-    resolution: {integrity: sha512-fBamf/bULvmWft9uuX+bZske236pUZEoUlaHNBjnueaCTJ/xd8eXgb0cEc7S5o0Nn6kxlauMBnqJpF70Bgq3zg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm]
-    os: [linux]
-
   lightningcss-linux-arm-gnueabihf@1.25.1:
     resolution: {integrity: sha512-tWyMgHFlHlp1e5iW3EpqvH5MvsgoN7ZkylBbG2R2LWxnvH3FuWCJOhtGcYx9Ks0Kv0eZOBud789odkYLhyf1ng==}
     engines: {node: '>= 12.0.0'}
@@ -8614,12 +8571,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.23.0:
-    resolution: {integrity: sha512-RS7sY77yVLOmZD6xW2uEHByYHhQi5JYWmgVumYY85BfNoVI3DupXSlzbw+b45A9NnVKq45+oXkiN6ouMMtTwfg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
   lightningcss-linux-arm64-gnu@1.25.1:
     resolution: {integrity: sha512-Xjxsx286OT9/XSnVLIsFEDyDipqe4BcLeB4pXQ/FEA5+2uWCCuAEarUNQumRucnj7k6ftkAHUEph5r821KBccQ==}
     engines: {node: '>= 12.0.0'}
@@ -8638,12 +8589,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.23.0:
-    resolution: {integrity: sha512-cU00LGb6GUXCwof6ACgSMKo3q7XYbsyTj0WsKHLi1nw7pV0NCq8nFTn6ZRBYLoKiV8t+jWl0Hv8KkgymmK5L5g==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
   lightningcss-linux-arm64-musl@1.25.1:
     resolution: {integrity: sha512-IhxVFJoTW8wq6yLvxdPvyHv4NjzcpN1B7gjxrY3uaykQNXPHNIpChLB52+wfH+yS58zm1PL4LemUp8u9Cfp6Bw==}
     engines: {node: '>= 12.0.0'}
@@ -8662,12 +8607,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.23.0:
-    resolution: {integrity: sha512-q4jdx5+5NfB0/qMbXbOmuC6oo7caPnFghJbIAV90cXZqgV8Am3miZhC4p+sQVdacqxfd+3nrle4C8icR3p1AYw==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
   lightningcss-linux-x64-gnu@1.25.1:
     resolution: {integrity: sha512-RXIaru79KrREPEd6WLXfKfIp4QzoppZvD3x7vuTKkDA64PwTzKJ2jaC43RZHRt8BmyIkRRlmywNhTRMbmkPYpA==}
     engines: {node: '>= 12.0.0'}
@@ -8686,12 +8625,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.23.0:
-    resolution: {integrity: sha512-G9Ri3qpmF4qef2CV/80dADHKXRAQeQXpQTLx7AiQrBYQHqBjB75oxqj06FCIe5g4hNCqLPnM9fsO4CyiT1sFSQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
   lightningcss-linux-x64-musl@1.25.1:
     resolution: {integrity: sha512-TdcNqFsAENEEFr8fJWg0Y4fZ/nwuqTRsIr7W7t2wmDUlA8eSXVepeeONYcb+gtTj1RaXn/WgNLB45SFkz+XBZA==}
     engines: {node: '>= 12.0.0'}
@@ -8716,12 +8649,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.23.0:
-    resolution: {integrity: sha512-1rcBDJLU+obPPJM6qR5fgBUiCdZwZLafZM5f9kwjFLkb/UBNIzmae39uCSmh71nzPCTXZqHbvwu23OWnWEz+eg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [win32]
-
   lightningcss-win32-x64-msvc@1.25.1:
     resolution: {integrity: sha512-9KZZkmmy9oGDSrnyHuxP6iMhbsgChUiu/NSgOx+U1I/wTngBStDf2i2aGRCHvFqj19HqqBEI4WuGVQBa2V6e0A==}
     engines: {node: '>= 12.0.0'}
@@ -8738,10 +8665,6 @@ packages:
     resolution: {integrity: sha512-yV5UR7og+Og7lQC+70DA7a8ta1uiOPnWPJfxa0wnxylev5qfo4P+4iMpzWAdYWOca4jdNQZii+bDL/l+4hUXIA==}
     engines: {node: '>= 12.0.0'}
 
-  lightningcss@1.23.0:
-    resolution: {integrity: sha512-SEArWKMHhqn/0QzOtclIwH5pXIYQOUEkF8DgICd/105O+GCgd7jxjNod/QPnBCSWvpRHQBGVz5fQ9uScby03zA==}
-    engines: {node: '>= 12.0.0'}
-
   lightningcss@1.25.1:
     resolution: {integrity: sha512-V0RMVZzK1+rCHpymRv4URK2lNhIRyO8g7U7zOFwVAhJuat74HtkjIQpQRKNCwFEYkRGpafOpmXXLoaoBcyVtBg==}
     engines: {node: '>= 12.0.0'}
@@ -8897,9 +8820,6 @@ packages:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
 
-  magic-string@0.30.10:
-    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
-
   magic-string@0.30.11:
     resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
 
@@ -9790,9 +9710,9 @@ packages:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
 
-  postcss-attribute-case-insensitive@6.0.3:
-    resolution: {integrity: sha512-KHkmCILThWBRtg+Jn1owTnHPnFit4OkqS+eKiGEOPIGke54DCeYGJ6r0Fx/HjfE9M9kznApCLcU0DvnPchazMQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-attribute-case-insensitive@7.0.0:
+    resolution: {integrity: sha512-ETMUHIw67Kyv9Q81nden/NuJbRh+4/S963giXpfSLd5eaKK8kd1UdAHMVRV/NG/w/N6Cq8B0qZIZbZZWU/67+A==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -9802,45 +9722,45 @@ packages:
     peerDependencies:
       postcss: ^8.4.6
 
-  postcss-color-functional-notation@6.0.14:
-    resolution: {integrity: sha512-dNUX+UH4dAozZ8uMHZ3CtCNYw8fyFAmqqdcyxMr7PEdM9jLXV19YscoYO0F25KqZYhmtWKQ+4tKrIZQrwzwg7A==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-color-functional-notation@7.0.2:
+    resolution: {integrity: sha512-c2WkR0MS73s+P5SgY1KBaSEE61Rj+miW095rkWDnMQxbTCQkp6y/jft8U0QMxEsI4k1Pd4PdV+TP9/1zIDR6XQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-color-hex-alpha@9.0.4:
-    resolution: {integrity: sha512-XQZm4q4fNFqVCYMGPiBjcqDhuG7Ey2xrl99AnDJMyr5eDASsAGalndVgHZF8i97VFNy1GQeZc4q2ydagGmhelQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-color-hex-alpha@10.0.0:
+    resolution: {integrity: sha512-1kervM2cnlgPs2a8Vt/Qbe5cQ++N7rkYo/2rz2BkqJZIHQwaVuJgQH38REHrAi4uM0b1fqxMkWYmese94iMp3w==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-color-rebeccapurple@9.0.3:
-    resolution: {integrity: sha512-ruBqzEFDYHrcVq3FnW3XHgwRqVMrtEPLBtD7K2YmsLKVc2jbkxzzNEctJKsPCpDZ+LeMHLKRDoSShVefGc+CkQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-color-rebeccapurple@10.0.0:
+    resolution: {integrity: sha512-JFta737jSP+hdAIEhk1Vs0q0YF5P8fFcj+09pweS8ktuGuZ8pPlykHsk6mPxZ8awDl4TrcxUqJo9l1IhVr/OjQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-media@10.0.8:
-    resolution: {integrity: sha512-V1KgPcmvlGdxTel4/CyQtBJEFhMVpEmRGFrnVtgfGIHj5PJX9vO36eFBxKBeJn+aCDTed70cc+98Mz3J/uVdGQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-custom-media@11.0.1:
+    resolution: {integrity: sha512-vfBliYVgEEJUFXCRPQ7jYt1wlD322u+/5GT0tZqMVYFInkpDHfjhU3nk2quTRW4uFc/umOOqLlxvrEOZRvloMw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-properties@13.3.12:
-    resolution: {integrity: sha512-oPn/OVqONB2ZLNqN185LDyaVByELAA/u3l2CS2TS16x2j2XsmV4kd8U49+TMxmUsEU9d8fB/I10E6U7kB0L1BA==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-custom-properties@14.0.1:
+    resolution: {integrity: sha512-SB4GjuZjIq5GQFNbxFrirQPbkdbJooyNy8bh+fcJ8ZG0oasJTflTTtR4geb56h+FBVDIb9Hx4v/NiG2caOj8nQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-selectors@7.1.12:
-    resolution: {integrity: sha512-ctIoprBMJwByYMGjXG0F7IT2iMF2hnamQ+aWZETyBM0aAlyaYdVZTeUkk8RB+9h9wP+NdN3f01lfvKl2ZSqC0g==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-custom-selectors@8.0.1:
+    resolution: {integrity: sha512-2McIpyhAeKhUzVqrP4ZyMBpK5FuD+Y9tpQwhcof49652s7gez8057cSaOg/epYcKlztSYxb0GHfi7W5h3JoGUg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-dir-pseudo-class@8.0.1:
-    resolution: {integrity: sha512-uULohfWBBVoFiZXgsQA24JV6FdKIidQ+ZqxOouhWwdE+qJlALbkS5ScB43ZTjPK+xUZZhlaO/NjfCt5h4IKUfw==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-dir-pseudo-class@9.0.0:
+    resolution: {integrity: sha512-T59BG9lURiXmhcJMyKbyjNAK3KCyEQYEhaz9GAETHXfIy9XbGQeyz+H0zIwRJlrP4KKRPJolNYe3QjQPemMjBA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -9856,21 +9776,21 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-double-position-gradients@5.0.7:
-    resolution: {integrity: sha512-1xEhjV9u1s4l3iP5lRt1zvMjI/ya8492o9l/ivcxHhkO3nOz16moC4JpMxDUGrOs4R3hX+KWT7gKoV842cwRgg==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-double-position-gradients@6.0.0:
+    resolution: {integrity: sha512-JkIGah3RVbdSEIrcobqj4Gzq0h53GG4uqDPsho88SgY84WnpkTpI0k50MFK/sX7XqVisZ6OqUfFnoUO6m1WWdg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-focus-visible@9.0.1:
-    resolution: {integrity: sha512-N2VQ5uPz3Z9ZcqI5tmeholn4d+1H14fKXszpjogZIrFbhaq0zNAtq8sAnw6VLiqGbL8YBzsnu7K9bBkTqaRimQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-focus-visible@10.0.0:
+    resolution: {integrity: sha512-GJjzvTj7JY+zN7wVBQ4osdKX53QLUdr6r2rSEkBUqrEMDKu3fHMHKOY9rirdirbHCx3IETnK25EtpPARR2KWNw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-focus-within@8.0.1:
-    resolution: {integrity: sha512-NFU3xcY/xwNaapVb+1uJ4n23XImoC86JNwkY/uduytSl2s9Ekc2EpzmRR63+ExitnW3Mab3Fba/wRPCT5oDILA==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-focus-within@9.0.0:
+    resolution: {integrity: sha512-QwflAWUToNZvQLGbc4qJhrQO8yZ5617L6hSNzNWDoqRX4FoIh9fbJbEjy0nvFPciaaOoCaeqcxBwYPbFU0HvBw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -9879,21 +9799,21 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
-  postcss-gap-properties@5.0.1:
-    resolution: {integrity: sha512-k2z9Cnngc24c0KF4MtMuDdToROYqGMMUQGcE6V0odwjHyOHtaDBlLeRBV70y9/vF7KIbShrTRZ70JjsI1BZyWw==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-gap-properties@6.0.0:
+    resolution: {integrity: sha512-Om0WPjEwiM9Ru+VhfEDPZJAKWUd0mV1HmNXqp2C29z80aQ2uP9UVhLc7e3aYMIor/S5cVhoPgYQ7RtfeZpYTRw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-image-set-function@6.0.3:
-    resolution: {integrity: sha512-i2bXrBYzfbRzFnm+pVuxVePSTCRiNmlfssGI4H0tJQvDue+yywXwUxe68VyzXs7cGtMaH6MCLY6IbCShrSroCw==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-image-set-function@7.0.0:
+    resolution: {integrity: sha512-QL7W7QNlZuzOwBTeXEmbVckNt1FSmhQtbMRvGGqqU4Nf4xk6KUEQhAoWuMzwbSv5jxiRiSZ5Tv7eiDB9U87znA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-lab-function@6.0.19:
-    resolution: {integrity: sha512-vwln/mgvFrotJuGV8GFhpAOu9iGf3pvTBr6dLPDmUcqVD5OsQpEFyQMAFTxSxWXGEzBj6ld4pZ/9GDfEpXvo0g==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-lab-function@7.0.2:
+    resolution: {integrity: sha512-h4ARGLIBtC1PmCHsLgTWWj8j1i1CXoaht4A5RlITDX2z9AeFBak0YlY6sdF4oJGljrep+Dg2SSccIj4QnFbRDg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -9922,30 +9842,18 @@ packages:
       webpack:
         optional: true
 
-  postcss-logical@7.0.1:
-    resolution: {integrity: sha512-8GwUQZE0ri0K0HJHkDv87XOLC8DE0msc+HoWLeKdtjDZEwpZ5xuK3QdV6FhmHSQW40LPkg43QzvATRAI3LsRkg==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-logical@8.0.0:
+    resolution: {integrity: sha512-HpIdsdieClTjXLOyYdUPAX/XQASNIwdKt5hoZW08ZOAiI+tbV0ta1oclkpVkW5ANU+xJvk3KkA0FejkjGLXUkg==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-merge-rules@7.0.0:
-    resolution: {integrity: sha512-Zty3VlOsD6VSjBMu6PiHCVpLegtBT/qtZRVBcSeyEZ6q1iU5qTYT0WtEoLRV+YubZZguS5/ycfP+NRiKfjv6aw==}
-    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
   postcss-merge-rules@7.0.2:
     resolution: {integrity: sha512-VAR47UNvRsdrTHLe7TV1CeEtF9SJYR5ukIB9U4GZyZOptgtsS20xSxy+k5wMrI3udST6O1XuIn7cjQkg7sDAAw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-minify-selectors@7.0.0:
-    resolution: {integrity: sha512-f00CExZhD6lNw2vTZbcnmfxVgaVKzUw6IRsIFX3JTT8GdsoABc1WnhhGwL1i8YPJ3sSWw39fv7XPtvLb+3Uitw==}
-    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
   postcss-minify-selectors@7.0.2:
     resolution: {integrity: sha512-dCzm04wqW1uqLmDZ41XYNBJfjgps3ZugDpogAmJXoCb5oCiTzIX4oPXXKxDpTvWOnKxQKR4EbV4ZawJBLcdXXA==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
@@ -9982,9 +9890,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
 
-  postcss-nesting@12.1.5:
-    resolution: {integrity: sha512-N1NgI1PDCiAGWPTYrwqm8wpjv0bgDmkYHH72pNsqTCv9CObxjxftdYu6AKtGN+pnJa7FQjMm3v4sp8QJbFsYdQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-nesting@13.0.0:
+    resolution: {integrity: sha512-TCGQOizyqvEkdeTPM+t6NYwJ3EJszYE/8t8ILxw/YoeUvz2rz7aM8XTAmBWh9/DJjfaaabL88fWrsVHSPF2zgA==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -9994,15 +9902,15 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-opacity-percentage@2.0.0:
-    resolution: {integrity: sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-opacity-percentage@3.0.0:
+    resolution: {integrity: sha512-K6HGVzyxUxd/VgZdX04DCtdwWJ4NGLG212US4/LA1TLAbHgmAsTWVR86o+gGIbFtnTkfOpb9sCRBx8K7HO66qQ==}
+    engines: {node: '>=18'}
     peerDependencies:
-      postcss: ^8.2
+      postcss: ^8.4
 
-  postcss-overflow-shorthand@5.0.1:
-    resolution: {integrity: sha512-XzjBYKLd1t6vHsaokMV9URBt2EwC9a7nDhpQpjoPk2HRTSQfokPfyAS/Q7AOrzUu6q+vp/GnrDBGuj/FCaRqrQ==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-overflow-shorthand@6.0.0:
+    resolution: {integrity: sha512-BdDl/AbVkDjoTofzDQnwDdm/Ym6oS9KgmO7Gr+LHYjNWJ6ExORe4+3pcLQsLA9gIROMkiGVjjwZNoL/mpXHd5Q==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -10011,21 +9919,21 @@ packages:
     peerDependencies:
       postcss: ^8
 
-  postcss-place@9.0.1:
-    resolution: {integrity: sha512-JfL+paQOgRQRMoYFc2f73pGuG/Aw3tt4vYMR6UA3cWVMxivviPTnMFnFTczUJOA4K2Zga6xgQVE+PcLs64WC8Q==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-place@10.0.0:
+    resolution: {integrity: sha512-5EBrMzat2pPAxQNWYavwAfoKfYcTADJ8AXGVPcUZ2UkNloUTWzJQExgrzrDkh3EKzmAx1evfTAzF9I8NGcc+qw==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-preset-env@9.4.0:
-    resolution: {integrity: sha512-5X2UA4Dn4xo7sJFCxlzW/dAGo71Oxh/K5DVls33hd2e3j06OKnW5FJQTw2hB0wTnGv0f6WcMaVBGFqcEfAgwlw==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-preset-env@10.0.3:
+    resolution: {integrity: sha512-1nrZ4IeBXEEj53IMoRKE+k/Ub6nQb3gFjaxTeyUNG5zv3JQclFDY5GKKhAi3nsa1lnPMWgzQX+/1y6wUt2+I7Q==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-pseudo-class-any-link@9.0.2:
-    resolution: {integrity: sha512-HFSsxIqQ9nA27ahyfH37cRWGk3SYyQLpk0LiWw/UGMV4VKT5YG2ONee4Pz/oFesnK0dn2AjcyequDbIjKJgB0g==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-pseudo-class-any-link@10.0.0:
+    resolution: {integrity: sha512-bde8VE08Gq3ekKDq2BQ0ESOjNX54lrFDK3U9zABPINaqHblbZL/4Wfo5Y2vk6U64yVd/sjDwTzuiisFBpGNNIQ==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
@@ -10034,16 +9942,12 @@ packages:
     peerDependencies:
       postcss: ^8.0.3
 
-  postcss-selector-not@7.0.2:
-    resolution: {integrity: sha512-/SSxf/90Obye49VZIfc0ls4H0P6i6V1iHv0pzZH8SdgvZOPFkF37ef1r5cyWcMflJSFJ5bfuoluTnFnBBFiuSA==}
-    engines: {node: ^14 || ^16 || >=18}
+  postcss-selector-not@8.0.0:
+    resolution: {integrity: sha512-g/juh7A83GWc3+kWL8BiS3YUIJb3XNqIVKz1kGvgN3OhoGCsPncy1qo/+q61tjy5r87OxBhSY1+hcH3yOhEW+g==}
+    engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-selector-parser@6.0.16:
-    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
-    engines: {node: '>=4'}
-
   postcss-selector-parser@6.1.1:
     resolution: {integrity: sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==}
     engines: {node: '>=4'}
@@ -10055,10 +9959,6 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.4.45:
     resolution: {integrity: sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==}
     engines: {node: ^10 || ^12 || >=14}
@@ -10067,10 +9967,6 @@ packages:
     resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
 
-  preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
-    engines: {node: '>=10'}
-
   preferred-pm@3.1.4:
     resolution: {integrity: sha512-lEHd+yEm22jXdCphDrkvIJQU66EuLojPPtvZkpKIkiD+l0DMThF/niqZKJSoU8Vl7iuvtmzyMhir9LdVy5WMnA==}
     engines: {node: '>=10'}
@@ -10105,6 +10001,10 @@ packages:
   pretty-error@4.0.0:
     resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==}
 
+  pretty-format@24.9.0:
+    resolution: {integrity: sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==}
+    engines: {node: '>= 6'}
+
   pretty-format@26.6.2:
     resolution: {integrity: sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==}
     engines: {node: '>= 10'}
@@ -11173,6 +11073,12 @@ packages:
     peerDependencies:
       webpack: ^5.0.0
 
+  style-loader@4.0.0:
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      webpack: ^5.27.0
+
   styleq@0.1.3:
     resolution: {integrity: sha512-3ZUifmCDCQanjeej1f6kyl/BeP/Vae5EYkQ9iJfUm/QwZvlgnZzyflqAsAWYURdtea8Vkvswu2GrC57h3qffcA==}
 
@@ -11435,6 +11341,10 @@ packages:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
     engines: {node: '>=8'}
 
+  trim-right@1.0.1:
+    resolution: {integrity: sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==}
+    engines: {node: '>=0.10.0'}
+
   triplesec@4.0.3:
     resolution: {integrity: sha512-fug70e1nJoCMxsXQJlETisAALohm84vl++IiTTHEqM7Lgqwz62jrlwqOC/gJEAJjO/ByN127sEcioB56HW3wIw==}
 
@@ -12100,10 +12010,6 @@ packages:
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
-  which-pm@2.0.0:
-    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
-    engines: {node: '>=8.15'}
-
   which-pm@2.2.0:
     resolution: {integrity: sha512-MOiaDbA5ZZgUjkeMWM5EkJp4loW5ZRoa5bc3/aeMox/PJelMhE6t7S/mLuiY43DBupyxH+S0U1bTui9kWUlmsw==}
     engines: {node: '>=8.15'}
@@ -12294,6 +12200,12 @@ packages:
   yup@1.3.3:
     resolution: {integrity: sha512-v8QwZSsHH2K3/G9WSkp6mZKO+hugKT1EmnMqLNUcfu51HU9MDyhlETT/JgtzprnrnQHPWsjc6MUDMBp/l9fNnw==}
 
+  zod-validation-error@2.1.0:
+    resolution: {integrity: sha512-VJh93e2wb4c3tWtGgTa0OF/dTt/zoPCPzXq4V11ZjxmEAFaPi/Zss1xIZdEB5RD8GD00U0/iVXgqkF77RV7pdQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.18.0
+
   zod@3.23.6:
     resolution: {integrity: sha512-RTHJlZhsRbuA8Hmp/iNL7jnfc4nZishjsanDAfEY1QpDQZCahUp3xDzl+zfweE9BklxMUcgBgS1b7Lvie/ZVwA==}
 
@@ -12345,10 +12257,18 @@ snapshots:
 
   '@babel/generator@7.17.7':
     dependencies:
-      '@babel/types': 7.17.0
+      '@babel/types': 7.25.6
       jsesc: 2.5.2
       source-map: 0.5.7
 
+  '@babel/generator@7.2.0':
+    dependencies:
+      '@babel/types': 7.25.6
+      jsesc: 2.5.2
+      lodash: 4.17.21
+      source-map: 0.5.7
+      trim-right: 1.0.1
+
   '@babel/generator@7.25.6':
     dependencies:
       '@babel/types': 7.25.6
@@ -13439,7 +13359,7 @@ snapshots:
       '@babel/helper-function-name': 7.24.7
       '@babel/helper-hoist-variables': 7.24.7
       '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/parser': 7.25.3
+      '@babel/parser': 7.25.6
       '@babel/types': 7.25.6
       debug: 4.3.7
       globals: 11.12.0
@@ -13783,249 +13703,251 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@csstools/cascade-layer-name-parser@1.0.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
+  '@csstools/cascade-layer-name-parser@2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)':
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
 
-  '@csstools/color-helpers@4.2.1': {}
+  '@csstools/color-helpers@5.0.1': {}
 
-  '@csstools/css-calc@1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
+  '@csstools/css-calc@2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)':
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
 
-  '@csstools/css-color-parser@2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
+  '@csstools/css-color-parser@3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)':
     dependencies:
-      '@csstools/color-helpers': 4.2.1
-      '@csstools/css-calc': 1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/color-helpers': 5.0.1
+      '@csstools/css-calc': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
 
-  '@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1)':
+  '@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1)':
     dependencies:
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-tokenizer': 3.0.1
 
-  '@csstools/css-tokenizer@2.4.1': {}
+  '@csstools/css-tokenizer@3.0.1': {}
 
-  '@csstools/media-query-list-parser@2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
+  '@csstools/media-query-list-parser@3.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)':
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-
-  '@csstools/postcss-cascade-layers@4.0.6(postcss@8.4.38)':
-    dependencies:
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.1)
-      postcss: 8.4.38
-      postcss-selector-parser: 6.1.1
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
 
   '@csstools/postcss-cascade-layers@4.0.6(postcss@8.4.45)':
     dependencies:
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.1)
+      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
       postcss: 8.4.45
-      postcss-selector-parser: 6.1.1
+      postcss-selector-parser: 6.1.2
 
-  '@csstools/postcss-cascade-layers@4.0.6(postcss@8.4.47)':
+  '@csstools/postcss-cascade-layers@5.0.0(postcss@8.4.47)':
     dependencies:
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.1)
+      '@csstools/selector-specificity': 4.0.0(postcss-selector-parser@6.1.2)
       postcss: 8.4.47
-      postcss-selector-parser: 6.1.1
+      postcss-selector-parser: 6.1.2
 
-  '@csstools/postcss-color-function@3.0.19(postcss@8.4.47)':
+  '@csstools/postcss-color-function@4.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-color-mix-function@2.0.19(postcss@8.4.47)':
+  '@csstools/postcss-color-mix-function@3.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-exponential-functions@1.0.9(postcss@8.4.47)':
+  '@csstools/postcss-content-alt-text@2.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-calc': 1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-font-format-keywords@3.0.2(postcss@8.4.47)':
+  '@csstools/postcss-exponential-functions@2.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-calc': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      postcss: 8.4.47
+
+  '@csstools/postcss-font-format-keywords@4.0.0(postcss@8.4.47)':
+    dependencies:
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-gamut-mapping@1.0.11(postcss@8.4.47)':
+  '@csstools/postcss-gamut-mapping@2.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
       postcss: 8.4.47
 
-  '@csstools/postcss-gradients-interpolation-method@4.0.20(postcss@8.4.47)':
+  '@csstools/postcss-gradients-interpolation-method@5.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-hwb-function@3.0.18(postcss@8.4.47)':
+  '@csstools/postcss-hwb-function@4.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-ic-unit@3.0.7(postcss@8.4.47)':
+  '@csstools/postcss-ic-unit@4.0.0(postcss@8.4.47)':
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-initial@1.0.1(postcss@8.4.47)':
+  '@csstools/postcss-initial@2.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
-  '@csstools/postcss-is-pseudo-class@4.0.8(postcss@8.4.47)':
+  '@csstools/postcss-is-pseudo-class@5.0.0(postcss@8.4.47)':
     dependencies:
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
+      '@csstools/selector-specificity': 4.0.0(postcss-selector-parser@6.1.2)
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  '@csstools/postcss-light-dark-function@1.0.8(postcss@8.4.47)':
+  '@csstools/postcss-light-dark-function@2.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-logical-float-and-clear@2.0.1(postcss@8.4.47)':
+  '@csstools/postcss-logical-float-and-clear@3.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
-  '@csstools/postcss-logical-overflow@1.0.1(postcss@8.4.47)':
+  '@csstools/postcss-logical-overflow@2.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
-  '@csstools/postcss-logical-overscroll-behavior@1.0.1(postcss@8.4.47)':
+  '@csstools/postcss-logical-overscroll-behavior@2.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
-  '@csstools/postcss-logical-resize@2.0.1(postcss@8.4.47)':
+  '@csstools/postcss-logical-resize@3.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-logical-viewport-units@2.0.11(postcss@8.4.47)':
+  '@csstools/postcss-logical-viewport-units@3.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-media-minmax@1.1.8(postcss@8.4.47)':
+  '@csstools/postcss-media-minmax@2.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-calc': 1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
+      '@csstools/css-calc': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
       postcss: 8.4.47
 
-  '@csstools/postcss-media-queries-aspect-ratio-number-values@2.0.11(postcss@8.4.47)':
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
       postcss: 8.4.47
 
-  '@csstools/postcss-nested-calc@3.0.2(postcss@8.4.47)':
+  '@csstools/postcss-nested-calc@4.0.0(postcss@8.4.47)':
     dependencies:
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-normalize-display-values@3.0.2(postcss@8.4.47)':
+  '@csstools/postcss-normalize-display-values@4.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-oklab-function@3.0.19(postcss@8.4.47)':
+  '@csstools/postcss-oklab-function@4.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-progressive-custom-properties@3.3.0(postcss@8.4.47)':
+  '@csstools/postcss-progressive-custom-properties@4.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-relative-color-syntax@2.0.19(postcss@8.4.47)':
+  '@csstools/postcss-relative-color-syntax@3.0.2(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  '@csstools/postcss-scope-pseudo-class@3.0.1(postcss@8.4.47)':
+  '@csstools/postcss-scope-pseudo-class@4.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  '@csstools/postcss-stepped-value-functions@3.0.10(postcss@8.4.47)':
+  '@csstools/postcss-stepped-value-functions@4.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-calc': 1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-calc': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
       postcss: 8.4.47
 
-  '@csstools/postcss-text-decoration-shorthand@3.0.7(postcss@8.4.47)':
+  '@csstools/postcss-text-decoration-shorthand@4.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/color-helpers': 4.2.1
+      '@csstools/color-helpers': 5.0.1
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-trigonometric-functions@3.0.10(postcss@8.4.47)':
+  '@csstools/postcss-trigonometric-functions@4.0.1(postcss@8.4.47)':
     dependencies:
-      '@csstools/css-calc': 1.2.4(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/css-calc': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
       postcss: 8.4.47
 
-  '@csstools/postcss-unset-value@3.0.1(postcss@8.4.47)':
+  '@csstools/postcss-unset-value@4.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
-  '@csstools/selector-resolve-nested@1.1.0(postcss-selector-parser@6.1.2)':
+  '@csstools/selector-resolve-nested@2.0.0(postcss-selector-parser@6.1.2)':
     dependencies:
       postcss-selector-parser: 6.1.2
 
-  '@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.1)':
+  '@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.2)':
     dependencies:
-      postcss-selector-parser: 6.1.1
+      postcss-selector-parser: 6.1.2
 
-  '@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.2)':
+  '@csstools/selector-specificity@4.0.0(postcss-selector-parser@6.1.2)':
     dependencies:
       postcss-selector-parser: 6.1.2
 
-  '@csstools/utilities@1.0.0(postcss@8.4.47)':
+  '@csstools/utilities@2.0.0(postcss@8.4.47)':
     dependencies:
       postcss: 8.4.47
 
@@ -15905,6 +15827,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@jest/types@24.9.0':
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-reports': 1.1.2
+      '@types/yargs': 13.0.12
+
   '@jest/types@26.6.2':
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
@@ -16165,19 +16093,6 @@ snapshots:
     dependencies:
       semver: 7.6.3
 
-  '@pandacss/config@0.40.1':
-    dependencies:
-      '@pandacss/logger': 0.40.1
-      '@pandacss/preset-base': 0.40.1
-      '@pandacss/preset-panda': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/types': 0.40.1
-      bundle-n-require: 1.1.1
-      escalade: 3.1.2
-      merge-anything: 5.1.7
-      microdiff: 1.3.2
-      typescript: 5.3.3
-
   '@pandacss/config@0.46.0':
     dependencies:
       '@pandacss/logger': 0.46.0
@@ -16191,29 +16106,6 @@ snapshots:
       microdiff: 1.3.2
       typescript: 5.3.3
 
-  '@pandacss/core@0.40.1':
-    dependencies:
-      '@csstools/postcss-cascade-layers': 4.0.6(postcss@8.4.38)
-      '@pandacss/is-valid-prop': 0.40.1
-      '@pandacss/logger': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/token-dictionary': 0.40.1
-      '@pandacss/types': 0.40.1
-      browserslist: 4.23.0
-      hookable: 5.5.3
-      lightningcss: 1.23.0
-      lodash.merge: 4.6.2
-      outdent: 0.8.0
-      postcss: 8.4.38
-      postcss-discard-duplicates: 7.0.0(postcss@8.4.38)
-      postcss-discard-empty: 7.0.0(postcss@8.4.38)
-      postcss-merge-rules: 7.0.0(postcss@8.4.38)
-      postcss-minify-selectors: 7.0.0(postcss@8.4.38)
-      postcss-nested: 6.0.1(postcss@8.4.38)
-      postcss-normalize-whitespace: 7.0.0(postcss@8.4.38)
-      postcss-selector-parser: 6.0.16
-      ts-pattern: 5.0.8
-
   '@pandacss/core@0.46.0':
     dependencies:
       '@csstools/postcss-cascade-layers': 4.0.6(postcss@8.4.45)
@@ -16237,29 +16129,29 @@ snapshots:
       postcss-selector-parser: 6.1.1
       ts-pattern: 5.0.8
 
-  '@pandacss/dev@0.40.1(jsdom@25.0.0)(typescript@5.6.2)':
+  '@pandacss/dev@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
     dependencies:
       '@clack/prompts': 0.7.0
-      '@pandacss/config': 0.40.1
-      '@pandacss/logger': 0.40.1
-      '@pandacss/node': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      '@pandacss/postcss': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      '@pandacss/preset-panda': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/token-dictionary': 0.40.1
-      '@pandacss/types': 0.40.1
+      '@pandacss/config': 0.46.0
+      '@pandacss/logger': 0.46.0
+      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/postcss': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/preset-panda': 0.46.0
+      '@pandacss/shared': 0.46.0
+      '@pandacss/token-dictionary': 0.46.0
+      '@pandacss/types': 0.46.0
       cac: 6.7.14
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/dev@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+  '@pandacss/dev@0.46.0(jsdom@25.0.0)(typescript@5.6.2)':
     dependencies:
       '@clack/prompts': 0.7.0
       '@pandacss/config': 0.46.0
       '@pandacss/logger': 0.46.0
-      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
-      '@pandacss/postcss': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
+      '@pandacss/postcss': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
       '@pandacss/preset-panda': 0.46.0
       '@pandacss/shared': 0.46.0
       '@pandacss/token-dictionary': 0.46.0
@@ -16269,38 +16161,24 @@ snapshots:
       - jsdom
       - typescript
 
-  '@pandacss/extractor@0.40.1(jsdom@25.0.0)(typescript@5.6.2)':
+  '@pandacss/extractor@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
     dependencies:
-      '@pandacss/shared': 0.40.1
-      ts-evaluator: 1.2.0(jsdom@25.0.0)(typescript@5.6.2)
+      '@pandacss/shared': 0.46.0
+      ts-evaluator: 1.2.0(jsdom@25.0.0)(typescript@5.5.4)
       ts-morph: 21.0.1
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/extractor@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+  '@pandacss/extractor@0.46.0(jsdom@25.0.0)(typescript@5.6.2)':
     dependencies:
       '@pandacss/shared': 0.46.0
-      ts-evaluator: 1.2.0(jsdom@25.0.0)(typescript@5.5.4)
+      ts-evaluator: 1.2.0(jsdom@25.0.0)(typescript@5.6.2)
       ts-morph: 21.0.1
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/generator@0.40.1':
-    dependencies:
-      '@pandacss/core': 0.40.1
-      '@pandacss/is-valid-prop': 0.40.1
-      '@pandacss/logger': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/token-dictionary': 0.40.1
-      '@pandacss/types': 0.40.1
-      javascript-stringify: 2.1.0
-      outdent: 0.8.0
-      pluralize: 8.0.0
-      postcss: 8.4.38
-      ts-pattern: 5.0.8
-
   '@pandacss/generator@0.46.0':
     dependencies:
       '@pandacss/core': 0.46.0
@@ -16315,63 +16193,56 @@ snapshots:
       postcss: 8.4.45
       ts-pattern: 5.0.8
 
-  '@pandacss/is-valid-prop@0.40.1': {}
-
   '@pandacss/is-valid-prop@0.46.0': {}
 
-  '@pandacss/logger@0.40.1':
-    dependencies:
-      '@pandacss/types': 0.40.1
-      kleur: 4.1.5
-
   '@pandacss/logger@0.46.0':
     dependencies:
       '@pandacss/types': 0.46.0
       kleur: 4.1.5
 
-  '@pandacss/node@0.40.1(jsdom@25.0.0)(typescript@5.6.2)':
-    dependencies:
-      '@pandacss/config': 0.40.1
-      '@pandacss/core': 0.40.1
-      '@pandacss/extractor': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      '@pandacss/generator': 0.40.1
-      '@pandacss/logger': 0.40.1
-      '@pandacss/parser': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      '@pandacss/shared': 0.40.1
-      '@pandacss/token-dictionary': 0.40.1
-      '@pandacss/types': 0.40.1
-      browserslist: 4.23.0
+  '@pandacss/node@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+    dependencies:
+      '@pandacss/config': 0.46.0
+      '@pandacss/core': 0.46.0
+      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/generator': 0.46.0
+      '@pandacss/logger': 0.46.0
+      '@pandacss/parser': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/shared': 0.46.0
+      '@pandacss/token-dictionary': 0.46.0
+      '@pandacss/types': 0.46.0
+      browserslist: 4.23.3
       chokidar: 3.6.0
       fast-glob: 3.3.2
       file-size: 1.0.0
-      filesize: 10.1.2
+      filesize: 10.1.6
       fs-extra: 11.2.0
       glob-parent: 6.0.2
       is-glob: 4.0.3
       lodash.merge: 4.6.2
       look-it-up: 2.1.0
       outdent: 0.8.0
+      package-manager-detector: 0.1.0
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
       pluralize: 8.0.0
-      postcss: 8.4.38
-      preferred-pm: 3.1.2
+      postcss: 8.4.45
       prettier: 3.2.5
       ts-morph: 21.0.1
       ts-pattern: 5.0.8
-      tsconfck: 3.0.2(typescript@5.6.2)
+      tsconfck: 3.0.2(typescript@5.5.4)
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/node@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+  '@pandacss/node@0.46.0(jsdom@25.0.0)(typescript@5.6.2)':
     dependencies:
       '@pandacss/config': 0.46.0
       '@pandacss/core': 0.46.0
-      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
       '@pandacss/generator': 0.46.0
       '@pandacss/logger': 0.46.0
-      '@pandacss/parser': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/parser': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
       '@pandacss/shared': 0.46.0
       '@pandacss/token-dictionary': 0.46.0
       '@pandacss/types': 0.46.0
@@ -16394,32 +16265,32 @@ snapshots:
       prettier: 3.2.5
       ts-morph: 21.0.1
       ts-pattern: 5.0.8
-      tsconfck: 3.0.2(typescript@5.5.4)
+      tsconfck: 3.0.2(typescript@5.6.2)
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/parser@0.40.1(jsdom@25.0.0)(typescript@5.6.2)':
+  '@pandacss/parser@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
     dependencies:
-      '@pandacss/config': 0.40.1
-      '@pandacss/core': 0.40.1
-      '@pandacss/extractor': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      '@pandacss/logger': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/types': 0.40.1
+      '@pandacss/config': 0.46.0
+      '@pandacss/core': 0.46.0
+      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/logger': 0.46.0
+      '@pandacss/shared': 0.46.0
+      '@pandacss/types': 0.46.0
       '@vue/compiler-sfc': 3.4.19
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       ts-morph: 21.0.1
       ts-pattern: 5.0.8
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/parser@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+  '@pandacss/parser@0.46.0(jsdom@25.0.0)(typescript@5.6.2)':
     dependencies:
       '@pandacss/config': 0.46.0
       '@pandacss/core': 0.46.0
-      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/extractor': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
       '@pandacss/logger': 0.46.0
       '@pandacss/shared': 0.46.0
       '@pandacss/types': 0.46.0
@@ -16431,49 +16302,32 @@ snapshots:
       - jsdom
       - typescript
 
-  '@pandacss/postcss@0.40.1(jsdom@25.0.0)(typescript@5.6.2)':
+  '@pandacss/postcss@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
     dependencies:
-      '@pandacss/node': 0.40.1(jsdom@25.0.0)(typescript@5.6.2)
-      postcss: 8.4.38
+      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      postcss: 8.4.45
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/postcss@0.46.0(jsdom@25.0.0)(typescript@5.5.4)':
+  '@pandacss/postcss@0.46.0(jsdom@25.0.0)(typescript@5.6.2)':
     dependencies:
-      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.5.4)
+      '@pandacss/node': 0.46.0(jsdom@25.0.0)(typescript@5.6.2)
       postcss: 8.4.45
     transitivePeerDependencies:
       - jsdom
       - typescript
 
-  '@pandacss/preset-base@0.40.1':
-    dependencies:
-      '@pandacss/types': 0.40.1
-
   '@pandacss/preset-base@0.46.0':
     dependencies:
       '@pandacss/types': 0.46.0
 
-  '@pandacss/preset-panda@0.40.1':
-    dependencies:
-      '@pandacss/types': 0.40.1
-
   '@pandacss/preset-panda@0.46.0':
     dependencies:
       '@pandacss/types': 0.46.0
 
-  '@pandacss/shared@0.40.1': {}
-
   '@pandacss/shared@0.46.0': {}
 
-  '@pandacss/token-dictionary@0.40.1':
-    dependencies:
-      '@pandacss/logger': 0.40.1
-      '@pandacss/shared': 0.40.1
-      '@pandacss/types': 0.40.1
-      ts-pattern: 5.0.8
-
   '@pandacss/token-dictionary@0.46.0':
     dependencies:
       '@pandacss/logger': 0.46.0
@@ -16481,8 +16335,6 @@ snapshots:
       '@pandacss/types': 0.46.0
       ts-pattern: 5.0.8
 
-  '@pandacss/types@0.40.1': {}
-
   '@pandacss/types@0.46.0': {}
 
   '@pkgjs/parseargs@0.11.0':
@@ -18398,7 +18250,7 @@ snapshots:
 
   '@storybook/addon-styling-webpack@1.0.0(storybook@8.3.2)(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5))':
     dependencies:
-      '@storybook/node-logger': 8.3.1(storybook@8.3.2)
+      '@storybook/node-logger': 8.3.2(storybook@8.3.2)
       webpack: 5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)
     transitivePeerDependencies:
       - storybook
@@ -18647,7 +18499,7 @@ snapshots:
   '@storybook/instrumenter@8.3.2(storybook@8.3.2)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@vitest/utils': 2.1.1
+      '@vitest/utils': 2.0.5
       storybook: 8.3.2
       util: 0.12.5
 
@@ -18677,7 +18529,7 @@ snapshots:
 
   '@storybook/node-logger@7.6.20': {}
 
-  '@storybook/node-logger@8.3.1(storybook@8.3.2)':
+  '@storybook/node-logger@8.3.2(storybook@8.3.2)':
     dependencies:
       storybook: 8.3.2
 
@@ -19183,7 +19035,7 @@ snapshots:
 
   '@types/elliptic@6.4.18':
     dependencies:
-      '@types/bn.js': 4.11.6
+      '@types/bn.js': 5.1.6
 
   '@types/escodegen@0.0.6': {}
 
@@ -19225,7 +19077,7 @@ snapshots:
 
   '@types/hast@3.0.4':
     dependencies:
-      '@types/unist': 3.0.3
+      '@types/unist': 2.0.11
 
   '@types/html-minifier-terser@6.1.0': {}
 
@@ -19241,6 +19093,11 @@ snapshots:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
 
+  '@types/istanbul-reports@1.1.2':
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-lib-report': 3.0.3
+
   '@types/istanbul-reports@3.0.4':
     dependencies:
       '@types/istanbul-lib-report': 3.0.3
@@ -19353,6 +19210,8 @@ snapshots:
 
   '@types/tough-cookie@4.0.5': {}
 
+  '@types/unist@2.0.11': {}
+
   '@types/unist@3.0.3': {}
 
   '@types/use-sync-external-store@0.0.3': {}
@@ -19361,6 +19220,10 @@ snapshots:
 
   '@types/yargs-parser@21.0.3': {}
 
+  '@types/yargs@13.0.12':
+    dependencies:
+      '@types/yargs-parser': 21.0.3
+
   '@types/yargs@15.0.19':
     dependencies:
       '@types/yargs-parser': 21.0.3
@@ -19716,12 +19579,6 @@ snapshots:
       loupe: 3.1.1
       tinyrainbow: 1.2.0
 
-  '@vitest/utils@2.1.1':
-    dependencies:
-      '@vitest/pretty-format': 2.1.1
-      loupe: 3.1.1
-      tinyrainbow: 1.2.0
-
   '@vue/compiler-core@3.4.19':
     dependencies:
       '@babel/parser': 7.25.6
@@ -19759,7 +19616,7 @@ snapshots:
       '@vue/shared': 3.4.19
       estree-walker: 2.0.2
       magic-string: 0.30.11
-      postcss: 8.4.45
+      postcss: 8.4.47
       source-map-js: 1.2.1
 
   '@vue/compiler-sfc@3.5.6':
@@ -20262,7 +20119,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-react-compiler@0.0.0: {}
+  babel-plugin-react-compiler@0.0.0-experimental-6067d4e-20240919:
+    dependencies:
+      '@babel/generator': 7.2.0
+      '@babel/types': 7.25.6
+      chalk: 4.1.2
+      invariant: 2.2.4
+      pretty-format: 24.9.0
+      zod: 3.23.6
+      zod-validation-error: 2.1.0(zod@3.23.6)
 
   babel-plugin-react-native-web@0.19.12: {}
 
@@ -20300,7 +20165,7 @@ snapshots:
       '@babel/preset-react': 7.24.7(@babel/core@7.24.6)
       '@babel/preset-typescript': 7.24.7(@babel/core@7.24.6)
       '@react-native/babel-preset': 0.74.87(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))
-      babel-plugin-react-compiler: 0.0.0
+      babel-plugin-react-compiler: 0.0.0-experimental-6067d4e-20240919
       babel-plugin-react-native-web: 0.19.12
       debug: 4.3.7
       expo: 51.0.26(gpq5f2y2tjpkpkkstwn56ovcry)
@@ -20339,7 +20204,7 @@ snapshots:
       '@babel/preset-react': 7.24.7(@babel/core@7.24.6)
       '@babel/preset-typescript': 7.24.7(@babel/core@7.24.6)
       '@react-native/babel-preset': 0.74.87(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))
-      babel-plugin-react-compiler: 0.0.0
+      babel-plugin-react-compiler: 0.0.0-experimental-6067d4e-20240919
       babel-plugin-react-native-web: 0.19.12
       debug: 4.3.7
       expo: 51.0.26(myqknr2ojwjf6ytdd6j6fwllau)
@@ -20378,7 +20243,7 @@ snapshots:
       '@babel/preset-react': 7.24.7(@babel/core@7.24.6)
       '@babel/preset-typescript': 7.24.7(@babel/core@7.24.6)
       '@react-native/babel-preset': 0.74.87(@babel/core@7.24.6)(@babel/preset-env@7.25.4(@babel/core@7.24.6))
-      babel-plugin-react-compiler: 0.0.0
+      babel-plugin-react-compiler: 0.0.0-experimental-6067d4e-20240919
       babel-plugin-react-native-web: 0.19.12
       debug: 4.3.7
       expo: 51.0.26(gpq5f2y2tjpkpkkstwn56ovcry)
@@ -20604,17 +20469,10 @@ snapshots:
 
   browser-process-hrtime@1.0.0: {}
 
-  browserslist@4.23.0:
-    dependencies:
-      caniuse-lite: 1.0.30001662
-      electron-to-chromium: 1.5.25
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.0(browserslist@4.23.0)
-
   browserslist@4.23.3:
     dependencies:
-      caniuse-lite: 1.0.30001660
-      electron-to-chromium: 1.5.25
+      caniuse-lite: 1.0.30001662
+      electron-to-chromium: 1.5.26
       node-releases: 2.0.18
       update-browserslist-db: 1.1.0(browserslist@4.23.3)
 
@@ -20791,8 +20649,6 @@ snapshots:
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001660: {}
-
   caniuse-lite@1.0.30001662: {}
 
   case-sensitive-paths-webpack-plugin@2.4.0: {}
@@ -21203,14 +21059,14 @@ snapshots:
 
   crypto-random-string@2.0.0: {}
 
-  css-blank-pseudo@6.0.2(postcss@8.4.47):
+  css-blank-pseudo@7.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  css-has-pseudo@6.0.5(postcss@8.4.47):
+  css-has-pseudo@7.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
+      '@csstools/selector-specificity': 4.0.0(postcss-selector-parser@6.1.2)
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
@@ -21232,7 +21088,20 @@ snapshots:
     optionalDependencies:
       webpack: 5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)
 
-  css-prefers-color-scheme@9.0.1(postcss@8.4.47):
+  css-loader@7.1.2(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.47)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.47)
+      postcss-modules-scope: 3.2.0(postcss@8.4.47)
+      postcss-modules-values: 4.0.0(postcss@8.4.47)
+      postcss-value-parser: 4.2.0
+      semver: 7.6.3
+    optionalDependencies:
+      webpack: 5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)
+
+  css-prefers-color-scheme@10.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
 
@@ -21271,14 +21140,10 @@ snapshots:
 
   css.escape@1.5.1: {}
 
-  cssdb@7.11.2: {}
+  cssdb@8.1.1: {}
 
   cssesc@3.0.0: {}
 
-  cssnano-utils@5.0.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   cssnano-utils@5.0.0(postcss@8.4.45):
     dependencies:
       postcss: 8.4.45
@@ -21636,7 +21501,7 @@ snapshots:
 
   effect@3.5.7: {}
 
-  electron-to-chromium@1.5.25: {}
+  electron-to-chromium@1.5.26: {}
 
   elliptic@6.5.7:
     dependencies:
@@ -23219,8 +23084,6 @@ snapshots:
       fs-extra: 11.1.1
       ramda: 0.29.0
 
-  filesize@10.1.2: {}
-
   filesize@10.1.6: {}
 
   fill-range@7.1.1:
@@ -23945,10 +23808,6 @@ snapshots:
     dependencies:
       ci-info: 3.9.0
 
-  is-core-module@2.15.0:
-    dependencies:
-      hasown: 2.0.2
-
   is-core-module@2.15.1:
     dependencies:
       hasown: 2.0.2
@@ -24747,9 +24606,6 @@ snapshots:
   lightningcss-darwin-arm64@1.19.0:
     optional: true
 
-  lightningcss-darwin-arm64@1.23.0:
-    optional: true
-
   lightningcss-darwin-arm64@1.25.1:
     optional: true
 
@@ -24759,18 +24615,12 @@ snapshots:
   lightningcss-darwin-x64@1.19.0:
     optional: true
 
-  lightningcss-darwin-x64@1.23.0:
-    optional: true
-
   lightningcss-darwin-x64@1.25.1:
     optional: true
 
   lightningcss-darwin-x64@1.27.0:
     optional: true
 
-  lightningcss-freebsd-x64@1.23.0:
-    optional: true
-
   lightningcss-freebsd-x64@1.25.1:
     optional: true
 
@@ -24780,9 +24630,6 @@ snapshots:
   lightningcss-linux-arm-gnueabihf@1.19.0:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.23.0:
-    optional: true
-
   lightningcss-linux-arm-gnueabihf@1.25.1:
     optional: true
 
@@ -24792,9 +24639,6 @@ snapshots:
   lightningcss-linux-arm64-gnu@1.19.0:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.23.0:
-    optional: true
-
   lightningcss-linux-arm64-gnu@1.25.1:
     optional: true
 
@@ -24804,9 +24648,6 @@ snapshots:
   lightningcss-linux-arm64-musl@1.19.0:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.23.0:
-    optional: true
-
   lightningcss-linux-arm64-musl@1.25.1:
     optional: true
 
@@ -24816,9 +24657,6 @@ snapshots:
   lightningcss-linux-x64-gnu@1.19.0:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.23.0:
-    optional: true
-
   lightningcss-linux-x64-gnu@1.25.1:
     optional: true
 
@@ -24828,9 +24666,6 @@ snapshots:
   lightningcss-linux-x64-musl@1.19.0:
     optional: true
 
-  lightningcss-linux-x64-musl@1.23.0:
-    optional: true
-
   lightningcss-linux-x64-musl@1.25.1:
     optional: true
 
@@ -24843,9 +24678,6 @@ snapshots:
   lightningcss-win32-x64-msvc@1.19.0:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.23.0:
-    optional: true
-
   lightningcss-win32-x64-msvc@1.25.1:
     optional: true
 
@@ -24865,20 +24697,6 @@ snapshots:
       lightningcss-linux-x64-musl: 1.19.0
       lightningcss-win32-x64-msvc: 1.19.0
 
-  lightningcss@1.23.0:
-    dependencies:
-      detect-libc: 1.0.3
-    optionalDependencies:
-      lightningcss-darwin-arm64: 1.23.0
-      lightningcss-darwin-x64: 1.23.0
-      lightningcss-freebsd-x64: 1.23.0
-      lightningcss-linux-arm-gnueabihf: 1.23.0
-      lightningcss-linux-arm64-gnu: 1.23.0
-      lightningcss-linux-arm64-musl: 1.23.0
-      lightningcss-linux-x64-gnu: 1.23.0
-      lightningcss-linux-x64-musl: 1.23.0
-      lightningcss-win32-x64-msvc: 1.23.0
-
   lightningcss@1.25.1:
     dependencies:
       detect-libc: 1.0.3
@@ -25029,10 +24847,6 @@ snapshots:
 
   lz-string@1.5.0: {}
 
-  magic-string@0.30.10:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-
   magic-string@0.30.11:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -26116,7 +25930,7 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-attribute-case-insensitive@6.0.3(postcss@8.4.47):
+  postcss-attribute-case-insensitive@7.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
@@ -26126,86 +25940,78 @@ snapshots:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-color-functional-notation@6.0.14(postcss@8.4.47):
+  postcss-color-functional-notation@7.0.2(postcss@8.4.47):
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  postcss-color-hex-alpha@9.0.4(postcss@8.4.47):
+  postcss-color-hex-alpha@10.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-color-rebeccapurple@9.0.3(postcss@8.4.47):
+  postcss-color-rebeccapurple@10.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-custom-media@10.0.8(postcss@8.4.47):
+  postcss-custom-media@11.0.1(postcss@8.4.47):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 1.0.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
+      '@csstools/cascade-layer-name-parser': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/media-query-list-parser': 3.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
       postcss: 8.4.47
 
-  postcss-custom-properties@13.3.12(postcss@8.4.47):
+  postcss-custom-properties@14.0.1(postcss@8.4.47):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 1.0.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/cascade-layer-name-parser': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-custom-selectors@7.1.12(postcss@8.4.47):
+  postcss-custom-selectors@8.0.1(postcss@8.4.47):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 1.0.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/cascade-layer-name-parser': 2.0.1(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-dir-pseudo-class@8.0.1(postcss@8.4.47):
+  postcss-dir-pseudo-class@9.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-discard-duplicates@7.0.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-duplicates@7.0.0(postcss@8.4.45):
     dependencies:
       postcss: 8.4.45
 
-  postcss-discard-empty@7.0.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-
   postcss-discard-empty@7.0.0(postcss@8.4.45):
     dependencies:
       postcss: 8.4.45
 
-  postcss-double-position-gradients@5.0.7(postcss@8.4.47):
+  postcss-double-position-gradients@6.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-focus-visible@9.0.1(postcss@8.4.47):
+  postcss-focus-visible@10.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-focus-within@8.0.1(postcss@8.4.47):
+  postcss-focus-within@9.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
@@ -26214,31 +26020,31 @@ snapshots:
     dependencies:
       postcss: 8.4.47
 
-  postcss-gap-properties@5.0.1(postcss@8.4.47):
+  postcss-gap-properties@6.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
 
-  postcss-image-set-function@6.0.3(postcss@8.4.47):
+  postcss-image-set-function@7.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-lab-function@6.0.19(postcss@8.4.47):
+  postcss-lab-function@7.0.2(postcss@8.4.47):
     dependencies:
-      '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/utilities': 1.0.0(postcss@8.4.47)
+      '@csstools/css-color-parser': 3.0.2(@csstools/css-parser-algorithms@3.0.1(@csstools/css-tokenizer@3.0.1))(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1)
+      '@csstools/css-tokenizer': 3.0.1
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/utilities': 2.0.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  postcss-load-config@4.0.2(postcss@8.4.38):
+  postcss-load-config@4.0.2(postcss@8.4.45):
     dependencies:
       lilconfig: 3.1.2
       yaml: 2.5.1
     optionalDependencies:
-      postcss: 8.4.38
+      postcss: 8.4.45
 
   postcss-load-config@4.0.2(postcss@8.4.47):
     dependencies:
@@ -26258,37 +26064,24 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  postcss-logical@7.0.1(postcss@8.4.47):
+  postcss-logical@8.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-merge-rules@7.0.0(postcss@8.4.38):
-    dependencies:
-      browserslist: 4.23.3
-      caniuse-api: 3.0.0
-      cssnano-utils: 5.0.0(postcss@8.4.38)
-      postcss: 8.4.38
-      postcss-selector-parser: 6.1.2
-
   postcss-merge-rules@7.0.2(postcss@8.4.45):
     dependencies:
       browserslist: 4.23.3
       caniuse-api: 3.0.0
       cssnano-utils: 5.0.0(postcss@8.4.45)
       postcss: 8.4.45
-      postcss-selector-parser: 6.1.1
-
-  postcss-minify-selectors@7.0.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
       postcss-selector-parser: 6.1.2
 
   postcss-minify-selectors@7.0.2(postcss@8.4.45):
     dependencies:
       cssesc: 3.0.0
       postcss: 8.4.45
-      postcss-selector-parser: 6.1.1
+      postcss-selector-parser: 6.1.2
 
   postcss-modules-extract-imports@3.1.0(postcss@8.4.47):
     dependencies:
@@ -26311,38 +26104,28 @@ snapshots:
       icss-utils: 5.1.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  postcss-nested@6.0.1(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.1.1
-
   postcss-nested@6.0.1(postcss@8.4.45):
     dependencies:
       postcss: 8.4.45
-      postcss-selector-parser: 6.1.1
+      postcss-selector-parser: 6.1.2
 
-  postcss-nesting@12.1.5(postcss@8.4.47):
+  postcss-nesting@13.0.0(postcss@8.4.47):
     dependencies:
-      '@csstools/selector-resolve-nested': 1.1.0(postcss-selector-parser@6.1.2)
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
+      '@csstools/selector-resolve-nested': 2.0.0(postcss-selector-parser@6.1.2)
+      '@csstools/selector-specificity': 4.0.0(postcss-selector-parser@6.1.2)
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-normalize-whitespace@7.0.0(postcss@8.4.38):
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-
   postcss-normalize-whitespace@7.0.0(postcss@8.4.45):
     dependencies:
       postcss: 8.4.45
       postcss-value-parser: 4.2.0
 
-  postcss-opacity-percentage@2.0.0(postcss@8.4.47):
+  postcss-opacity-percentage@3.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
 
-  postcss-overflow-shorthand@5.0.1(postcss@8.4.47):
+  postcss-overflow-shorthand@6.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
@@ -26351,76 +26134,77 @@ snapshots:
     dependencies:
       postcss: 8.4.47
 
-  postcss-place@9.0.1(postcss@8.4.47):
+  postcss-place@10.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-preset-env@9.4.0(postcss@8.4.47):
-    dependencies:
-      '@csstools/postcss-cascade-layers': 4.0.6(postcss@8.4.47)
-      '@csstools/postcss-color-function': 3.0.19(postcss@8.4.47)
-      '@csstools/postcss-color-mix-function': 2.0.19(postcss@8.4.47)
-      '@csstools/postcss-exponential-functions': 1.0.9(postcss@8.4.47)
-      '@csstools/postcss-font-format-keywords': 3.0.2(postcss@8.4.47)
-      '@csstools/postcss-gamut-mapping': 1.0.11(postcss@8.4.47)
-      '@csstools/postcss-gradients-interpolation-method': 4.0.20(postcss@8.4.47)
-      '@csstools/postcss-hwb-function': 3.0.18(postcss@8.4.47)
-      '@csstools/postcss-ic-unit': 3.0.7(postcss@8.4.47)
-      '@csstools/postcss-initial': 1.0.1(postcss@8.4.47)
-      '@csstools/postcss-is-pseudo-class': 4.0.8(postcss@8.4.47)
-      '@csstools/postcss-light-dark-function': 1.0.8(postcss@8.4.47)
-      '@csstools/postcss-logical-float-and-clear': 2.0.1(postcss@8.4.47)
-      '@csstools/postcss-logical-overflow': 1.0.1(postcss@8.4.47)
-      '@csstools/postcss-logical-overscroll-behavior': 1.0.1(postcss@8.4.47)
-      '@csstools/postcss-logical-resize': 2.0.1(postcss@8.4.47)
-      '@csstools/postcss-logical-viewport-units': 2.0.11(postcss@8.4.47)
-      '@csstools/postcss-media-minmax': 1.1.8(postcss@8.4.47)
-      '@csstools/postcss-media-queries-aspect-ratio-number-values': 2.0.11(postcss@8.4.47)
-      '@csstools/postcss-nested-calc': 3.0.2(postcss@8.4.47)
-      '@csstools/postcss-normalize-display-values': 3.0.2(postcss@8.4.47)
-      '@csstools/postcss-oklab-function': 3.0.19(postcss@8.4.47)
-      '@csstools/postcss-progressive-custom-properties': 3.3.0(postcss@8.4.47)
-      '@csstools/postcss-relative-color-syntax': 2.0.19(postcss@8.4.47)
-      '@csstools/postcss-scope-pseudo-class': 3.0.1(postcss@8.4.47)
-      '@csstools/postcss-stepped-value-functions': 3.0.10(postcss@8.4.47)
-      '@csstools/postcss-text-decoration-shorthand': 3.0.7(postcss@8.4.47)
-      '@csstools/postcss-trigonometric-functions': 3.0.10(postcss@8.4.47)
-      '@csstools/postcss-unset-value': 3.0.1(postcss@8.4.47)
+  postcss-preset-env@10.0.3(postcss@8.4.47):
+    dependencies:
+      '@csstools/postcss-cascade-layers': 5.0.0(postcss@8.4.47)
+      '@csstools/postcss-color-function': 4.0.2(postcss@8.4.47)
+      '@csstools/postcss-color-mix-function': 3.0.2(postcss@8.4.47)
+      '@csstools/postcss-content-alt-text': 2.0.1(postcss@8.4.47)
+      '@csstools/postcss-exponential-functions': 2.0.1(postcss@8.4.47)
+      '@csstools/postcss-font-format-keywords': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-gamut-mapping': 2.0.2(postcss@8.4.47)
+      '@csstools/postcss-gradients-interpolation-method': 5.0.2(postcss@8.4.47)
+      '@csstools/postcss-hwb-function': 4.0.2(postcss@8.4.47)
+      '@csstools/postcss-ic-unit': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-initial': 2.0.0(postcss@8.4.47)
+      '@csstools/postcss-is-pseudo-class': 5.0.0(postcss@8.4.47)
+      '@csstools/postcss-light-dark-function': 2.0.2(postcss@8.4.47)
+      '@csstools/postcss-logical-float-and-clear': 3.0.0(postcss@8.4.47)
+      '@csstools/postcss-logical-overflow': 2.0.0(postcss@8.4.47)
+      '@csstools/postcss-logical-overscroll-behavior': 2.0.0(postcss@8.4.47)
+      '@csstools/postcss-logical-resize': 3.0.0(postcss@8.4.47)
+      '@csstools/postcss-logical-viewport-units': 3.0.1(postcss@8.4.47)
+      '@csstools/postcss-media-minmax': 2.0.1(postcss@8.4.47)
+      '@csstools/postcss-media-queries-aspect-ratio-number-values': 3.0.1(postcss@8.4.47)
+      '@csstools/postcss-nested-calc': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-normalize-display-values': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-oklab-function': 4.0.2(postcss@8.4.47)
+      '@csstools/postcss-progressive-custom-properties': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-relative-color-syntax': 3.0.2(postcss@8.4.47)
+      '@csstools/postcss-scope-pseudo-class': 4.0.0(postcss@8.4.47)
+      '@csstools/postcss-stepped-value-functions': 4.0.1(postcss@8.4.47)
+      '@csstools/postcss-text-decoration-shorthand': 4.0.1(postcss@8.4.47)
+      '@csstools/postcss-trigonometric-functions': 4.0.1(postcss@8.4.47)
+      '@csstools/postcss-unset-value': 4.0.0(postcss@8.4.47)
       autoprefixer: 10.4.20(postcss@8.4.47)
       browserslist: 4.23.3
-      css-blank-pseudo: 6.0.2(postcss@8.4.47)
-      css-has-pseudo: 6.0.5(postcss@8.4.47)
-      css-prefers-color-scheme: 9.0.1(postcss@8.4.47)
-      cssdb: 7.11.2
+      css-blank-pseudo: 7.0.0(postcss@8.4.47)
+      css-has-pseudo: 7.0.0(postcss@8.4.47)
+      css-prefers-color-scheme: 10.0.0(postcss@8.4.47)
+      cssdb: 8.1.1
       postcss: 8.4.47
-      postcss-attribute-case-insensitive: 6.0.3(postcss@8.4.47)
+      postcss-attribute-case-insensitive: 7.0.0(postcss@8.4.47)
       postcss-clamp: 4.1.0(postcss@8.4.47)
-      postcss-color-functional-notation: 6.0.14(postcss@8.4.47)
-      postcss-color-hex-alpha: 9.0.4(postcss@8.4.47)
-      postcss-color-rebeccapurple: 9.0.3(postcss@8.4.47)
-      postcss-custom-media: 10.0.8(postcss@8.4.47)
-      postcss-custom-properties: 13.3.12(postcss@8.4.47)
-      postcss-custom-selectors: 7.1.12(postcss@8.4.47)
-      postcss-dir-pseudo-class: 8.0.1(postcss@8.4.47)
-      postcss-double-position-gradients: 5.0.7(postcss@8.4.47)
-      postcss-focus-visible: 9.0.1(postcss@8.4.47)
-      postcss-focus-within: 8.0.1(postcss@8.4.47)
+      postcss-color-functional-notation: 7.0.2(postcss@8.4.47)
+      postcss-color-hex-alpha: 10.0.0(postcss@8.4.47)
+      postcss-color-rebeccapurple: 10.0.0(postcss@8.4.47)
+      postcss-custom-media: 11.0.1(postcss@8.4.47)
+      postcss-custom-properties: 14.0.1(postcss@8.4.47)
+      postcss-custom-selectors: 8.0.1(postcss@8.4.47)
+      postcss-dir-pseudo-class: 9.0.0(postcss@8.4.47)
+      postcss-double-position-gradients: 6.0.0(postcss@8.4.47)
+      postcss-focus-visible: 10.0.0(postcss@8.4.47)
+      postcss-focus-within: 9.0.0(postcss@8.4.47)
       postcss-font-variant: 5.0.0(postcss@8.4.47)
-      postcss-gap-properties: 5.0.1(postcss@8.4.47)
-      postcss-image-set-function: 6.0.3(postcss@8.4.47)
-      postcss-lab-function: 6.0.19(postcss@8.4.47)
-      postcss-logical: 7.0.1(postcss@8.4.47)
-      postcss-nesting: 12.1.5(postcss@8.4.47)
-      postcss-opacity-percentage: 2.0.0(postcss@8.4.47)
-      postcss-overflow-shorthand: 5.0.1(postcss@8.4.47)
+      postcss-gap-properties: 6.0.0(postcss@8.4.47)
+      postcss-image-set-function: 7.0.0(postcss@8.4.47)
+      postcss-lab-function: 7.0.2(postcss@8.4.47)
+      postcss-logical: 8.0.0(postcss@8.4.47)
+      postcss-nesting: 13.0.0(postcss@8.4.47)
+      postcss-opacity-percentage: 3.0.0(postcss@8.4.47)
+      postcss-overflow-shorthand: 6.0.0(postcss@8.4.47)
       postcss-page-break: 3.0.4(postcss@8.4.47)
-      postcss-place: 9.0.1(postcss@8.4.47)
-      postcss-pseudo-class-any-link: 9.0.2(postcss@8.4.47)
+      postcss-place: 10.0.0(postcss@8.4.47)
+      postcss-pseudo-class-any-link: 10.0.0(postcss@8.4.47)
       postcss-replace-overflow-wrap: 4.0.0(postcss@8.4.47)
-      postcss-selector-not: 7.0.2(postcss@8.4.47)
+      postcss-selector-not: 8.0.0(postcss@8.4.47)
 
-  postcss-pseudo-class-any-link@9.0.2(postcss@8.4.47):
+  postcss-pseudo-class-any-link@10.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
@@ -26429,16 +26213,11 @@ snapshots:
     dependencies:
       postcss: 8.4.47
 
-  postcss-selector-not@7.0.2(postcss@8.4.47):
+  postcss-selector-not@8.0.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-selector-parser@6.0.16:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
   postcss-selector-parser@6.1.1:
     dependencies:
       cssesc: 3.0.0
@@ -26451,12 +26230,6 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.38:
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.1.0
-      source-map-js: 1.2.1
-
   postcss@8.4.45:
     dependencies:
       nanoid: 3.3.7
@@ -26469,13 +26242,6 @@ snapshots:
       picocolors: 1.1.0
       source-map-js: 1.2.1
 
-  preferred-pm@3.1.2:
-    dependencies:
-      find-up: 5.0.0
-      find-yarn-workspace-root2: 1.2.16
-      path-exists: 4.0.0
-      which-pm: 2.0.0
-
   preferred-pm@3.1.4:
     dependencies:
       find-up: 5.0.0
@@ -26502,6 +26268,13 @@ snapshots:
       lodash: 4.17.21
       renderkid: 3.0.0
 
+  pretty-format@24.9.0:
+    dependencies:
+      '@jest/types': 24.9.0
+      ansi-regex: 4.1.1
+      ansi-styles: 3.2.1
+      react-is: 16.13.1
+
   pretty-format@26.6.2:
     dependencies:
       '@jest/types': 26.6.2
@@ -27173,7 +26946,7 @@ snapshots:
 
   resolve@1.22.8:
     dependencies:
-      is-core-module: 2.15.0
+      is-core-module: 2.15.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -27733,6 +27506,10 @@ snapshots:
     dependencies:
       webpack: 5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)
 
+  style-loader@4.0.0(webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)):
+    dependencies:
+      webpack: 5.94.0(@swc/core@1.7.26)(esbuild@0.21.5)
+
   styleq@0.1.3: {}
 
   sucrase@3.34.0:
@@ -28010,6 +27787,8 @@ snapshots:
 
   trim-newlines@3.0.1: {}
 
+  trim-right@1.0.1: {}
+
   triplesec@4.0.3:
     dependencies:
       iced-error: 0.0.13
@@ -28136,7 +27915,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  tsup@8.1.0(@microsoft/api-extractor@7.47.9(@types/node@22.5.5))(@swc/core@1.7.26)(postcss@8.4.38)(typescript@5.6.2):
+  tsup@8.1.0(@microsoft/api-extractor@7.47.9(@types/node@22.5.5))(@swc/core@1.7.26)(postcss@8.4.45)(typescript@5.6.2):
     dependencies:
       bundle-require: 4.2.1(esbuild@0.21.5)
       cac: 6.7.14
@@ -28146,7 +27925,7 @@ snapshots:
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 4.0.2(postcss@8.4.38)
+      postcss-load-config: 4.0.2(postcss@8.4.45)
       resolve-from: 5.0.0
       rollup: 4.21.3
       source-map: 0.8.0-beta.0
@@ -28155,7 +27934,7 @@ snapshots:
     optionalDependencies:
       '@microsoft/api-extractor': 7.47.9(@types/node@22.5.5)
       '@swc/core': 1.7.26
-      postcss: 8.4.38
+      postcss: 8.4.45
       typescript: 5.6.2
     transitivePeerDependencies:
       - supports-color
@@ -28428,12 +28207,6 @@ snapshots:
 
   unraw@3.0.0: {}
 
-  update-browserslist-db@1.1.0(browserslist@4.23.0):
-    dependencies:
-      browserslist: 4.23.0
-      escalade: 3.2.0
-      picocolors: 1.1.0
-
   update-browserslist-db@1.1.0(browserslist@4.23.3):
     dependencies:
       browserslist: 4.23.3
@@ -28762,7 +28535,7 @@ snapshots:
 
   webpack@5.94.0(@swc/core@1.7.26)(esbuild@0.21.5):
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.5
       '@webassemblyjs/ast': 1.12.1
       '@webassemblyjs/wasm-edit': 1.12.1
       '@webassemblyjs/wasm-parser': 1.12.1
@@ -28866,11 +28639,6 @@ snapshots:
 
   which-module@2.0.1: {}
 
-  which-pm@2.0.0:
-    dependencies:
-      load-yaml-file: 0.2.0
-      path-exists: 4.0.0
-
   which-pm@2.2.0:
     dependencies:
       load-yaml-file: 0.2.0
@@ -29041,6 +28809,10 @@ snapshots:
       toposort: 2.0.2
       type-fest: 2.19.0
 
+  zod-validation-error@2.1.0(zod@3.23.6):
+    dependencies:
+      zod: 3.23.6
+
   zod@3.23.6: {}
 
   zone-file@2.0.0-beta.3: {}