From d1f90ae2229694746c4d213e75c2fa05b90abc22 Mon Sep 17 00:00:00 2001
From: Paul <phanminh65@gmail.com>
Date: Mon, 25 Mar 2024 11:45:57 +0700
Subject: [PATCH]  sync demo

---
 README.md                                     |  15 +-
 app/components/product-form/product-media.tsx |  38 +-
 app/sections/image-hotspots/items.tsx         |  37 +-
 app/sections/shared/Description.tsx           |   2 +-
 package-lock.json                             | 983 ++++++++++--------
 package.json                                  |  12 +-
 6 files changed, 598 insertions(+), 489 deletions(-)

diff --git a/README.md b/README.md
index 52babe0..07279b5 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,13 @@
 <h1 align="center">Pilot - Shopify Hydrogen Theme</h1>
 
 <div align="center">
-  <p style="text-align: center;">
-    <img alt="Version" src="https://img.shields.io/badge/version-2.5.1-blue.svg?cacheSeconds=2592000" />
-    <a href="#" target="_blank">
-      <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg?label=license" />
-    </a>
-    <a href="https://twitter.com/weaverseio" target="_blank">
-      <img alt="Twitter: weaverseio" src="https://img.shields.io/twitter/follow/weaverseio.svg?style=social&label=@weaverse.io" />
-    </a>
-  </p>
-
-![Weaverse + Hydrogen + Shopify](https://cdn.shopify.com/s/files/1/0693/8201/3220/files/Logos.png?v=1695811776)
 
 📚 [Read the docs](https://weaverse.io/docs) | 🗣 [Join our community on Slack](https://join.slack.com/t/weaversecommunity/shared_invite/zt-235bv7d80-velzJU8CpZIHWdrzFwAdXg) | 🐞 [Report a bug](https://github.com/weaverse/pilot/issues)
 
 </div>
 
+![Weaverse + Hydrogen + Shopify](https://cdn.shopify.com/s/files/1/0693/8201/3220/files/Logos.png?v=1695811776)
+
 _Pilot is an innovative Shopify theme, powered by Hydrogen, Remix, and Weaverse, designed to create lightning-fast storefronts with exceptional performance. This theme combines a collection of powerful tools and features to streamline your Shopify development experience._
 
 ## Demo
@@ -43,7 +34,7 @@ _Pilot is an innovative Shopify theme, powered by Hydrogen, Remix, and Weaverse,
 
 ## Deployment
 - [Deploy to Shopify Oxygen](https://weaverse.io/docs/deployment/oxygen)
-- Deploy to Vercel: [![Deploy to Vercel](https://vercel.com/button)](https://wvse.cc/deploy-pilot-to-vercel)
+- [Deploy to Vercel](https://wvse.cc/deploy-pilot-to-vercel)
 
 ## Getting started
 
diff --git a/app/components/product-form/product-media.tsx b/app/components/product-form/product-media.tsx
index 44d884f..e8b5a10 100644
--- a/app/components/product-form/product-media.tsx
+++ b/app/components/product-form/product-media.tsx
@@ -39,12 +39,12 @@ export function ProductMedia(props: ProductMediaProps) {
     },
   };
 
-  let [activeInd, setActiveInd] = useState(0);
-  let [sliderRef, instanceRef] = useKeenSlider({
+  let [activeInd, setAcitveInd] = useState(0);
+  const [sliderRef, instanceRef] = useKeenSlider({
     ...slideOptions,
-    slideChanged: (slider) => {
+    slideChanged(slider) {
       let pos = slider.track.details.rel;
-      setActiveInd(pos);
+      setAcitveInd(pos);
       let maxThumbnailIndex =
         thumbnailInstance.current?.track.details.maxIdx || 0;
       let thumbnailNext = Math.min(
@@ -54,18 +54,19 @@ export function ProductMedia(props: ProductMediaProps) {
       thumbnailInstance.current?.moveToIdx(thumbnailNext);
     },
   });
-
-  function moveToIdx(idx: number) {
-    setActiveInd(idx);
-    if (instanceRef.current) {
-      instanceRef.current.moveToIdx(idx);
-    }
-  }
-
-  let [thumbnailRef, thumbnailInstance] = useKeenSlider(thumbnailOptions);
-  function handleClickThumbnail(idx: number) {
+  let moveToIdx = useCallback(
+    (idx: number) => {
+      setAcitveInd(idx);
+      if (instanceRef.current) {
+        instanceRef.current.moveToIdx(idx);
+      }
+    },
+    [instanceRef],
+  );
+  const [thumbnailRef, thumbnailInstance] = useKeenSlider(thumbnailOptions);
+  let handleClickThumbnail = (idx: number) => {
     moveToIdx(idx);
-  }
+  };
 
   useEffect(() => {
     // instanceRef.current?.update(slideOptions);
@@ -76,12 +77,13 @@ export function ProductMedia(props: ProductMediaProps) {
     });
     moveToIdx(selectedInd);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedVariant?.id]);
-
+  }, [selectedVariant?.id, moveToIdx]);
   return (
     <div
       className="grid vt-product-image"
-      style={{ gap: spacing, }}
+      style={{
+        gap: spacing,
+      }}
     >
       <div ref={sliderRef} className="keen-slider">
         {media.map((med, i) => {
diff --git a/app/sections/image-hotspots/items.tsx b/app/sections/image-hotspots/items.tsx
index 3520392..ca5ad78 100644
--- a/app/sections/image-hotspots/items.tsx
+++ b/app/sections/image-hotspots/items.tsx
@@ -11,7 +11,7 @@ import { ProductQuery } from 'storefrontapi.generated';
 import { PRODUCT_QUERY } from '~/data/queries';
 import clsx from 'clsx';
 import { CSSProperties } from 'react';
-import { IconImageBlank, Link } from '~/components';
+import { IconImageBlank } from '~/components';
 
 
 type ProductData = {
@@ -27,47 +27,25 @@ type ProductsHotspotProps = HydrogenComponentProps<
 
 let ProductHotspotItems = forwardRef<HTMLDivElement, ProductsHotspotProps>((props, ref) => {
   let { product, verticalPosition, horizontalPosition, loaderData, ...rest } = props;
+  const ProductImage = loaderData?.product?.variants.nodes.map((variant) => variant.image);
+  const ProductPrice = loaderData?.product?.variants.nodes.map((variant) => variant.price.amount) || '0.00';
+  const ProductCurrency = loaderData?.product?.variants.nodes.map((variant) => variant.price.currencyCode) || '$';
+  const ProductTittle = loaderData?.product?.title || 'Product title';
+  console.log(loaderData?.product);
 
   let Horizontal = horizontalPosition >= 50 ? 'left-auto right-1/2' : 'right-auto left-1/2';
   let Vertical = verticalPosition >= 50 ? 'top-auto bottom-full' : 'bottom-auto top-full';
-
   let sectionStyle: CSSProperties = {
     left: `${horizontalPosition}%`,
     top: `${verticalPosition}%`,
   } as CSSProperties;
-
-  if (!loaderData) {
-    return (
-      <div className='absolute group flex flex-col' style={sectionStyle} >
-      <svg xmlns="http://www.w3.org/2000/svg" className='sm-max:w-4 sm-max:h-4 z-10 cursor-pointer' width="32" height="32" viewBox="0 0 32 32" fill="none">
-        <circle cx="16" cy="16" r="12" fill="white" stroke="#0F0F0F" strokeWidth='8' />
-      </svg>
-      <div className={clsx('hidden z-20 aspect-[2/1] bg-white absolute group-hover:flex flex-row justify-center items-center w-96 sm-max:w-36', Horizontal, Vertical)}>
-        <div className='w-1/2 bg-gray-300 h-full flex justify-center items-center'>
-            <IconImageBlank className='!w-9 !h-9' viewBox='0 0 100 100' />
-        </div>
-        <div className='text-center w-1/2 flex flex-col gap-2 justify-center items-center sm-max:gap-1'>
-          <p className='box-border font-medium text text-[10px] sm:text-sm'>Product title</p>
-          <p className='box-content font-normal text-[10px] sm:text-sm'>0.00 $</p>
-          <p className='box-content font-normal text-[10px] sm:text-sm'>Please select product</p>
-        </div>
-      </div>
-    </div>
-    );
-  }
-
-  const ProductImage = loaderData?.product?.variants.nodes.map((variant) => variant.image);
-  const ProductPrice = loaderData?.product?.variants.nodes.map((variant) => variant.price.amount) || '0.00';
-  const ProductCurrency = loaderData?.product?.variants.nodes.map((variant) => variant.price.currencyCode) || '$';
-  const ProductTittle = loaderData?.product?.title || 'Product title';
-
   return (
     <div ref={ref} {...rest} className='absolute group flex flex-col' style={sectionStyle} >
       <svg xmlns="http://www.w3.org/2000/svg" className='sm-max:w-4 sm-max:h-4 z-10 cursor-pointer' width="32" height="32" viewBox="0 0 32 32" fill="none">
         <circle cx="16" cy="16" r="12" fill="white" stroke="#0F0F0F" strokeWidth='8' />
       </svg>
       <div className={clsx('hidden z-20 aspect-[2/1] bg-white absolute group-hover:flex flex-row justify-center items-center w-96 sm-max:w-36', Horizontal, Vertical)}>
-        <div className='w-1/2 bg-gray-300 h-full flex justify-center items-center aspect-square'>
+        <div className='w-1/2 bg-gray-300 h-full flex justify-center items-center'>
           {ProductImage ? ProductImage.map((image, index) => (
             <Image
               key={index}
@@ -79,7 +57,6 @@ let ProductHotspotItems = forwardRef<HTMLDivElement, ProductsHotspotProps>((prop
         <div className='text-center w-1/2 flex flex-col gap-2 justify-center items-center sm-max:gap-1'>
           <p className='box-border font-medium text text-[10px] sm:text-sm'>{ProductTittle}</p>
           <p className='box-content font-normal text-[10px] sm:text-sm'>{`${ProductPrice} ${ProductCurrency}`}</p>
-          {product.handle && <Link to={`/products/${product.handle}`} className='text-[10px] sm:text-sm underline'>See details</Link>}
         </div>
       </div>
     </div>
diff --git a/app/sections/shared/Description.tsx b/app/sections/shared/Description.tsx
index a24330c..73ebc82 100644
--- a/app/sections/shared/Description.tsx
+++ b/app/sections/shared/Description.tsx
@@ -44,8 +44,8 @@ let Description = forwardRef<
         alignmentClasses[alignment!],
         className,
       )}
-      dangerouslySetInnerHTML={{__html: content}}
     >
+      {content}
     </Tag>
   );
 });
diff --git a/package-lock.json b/package-lock.json
index a3c5f74..a031ce5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,56 +1,57 @@
 {
   "name": "@weaverse/pilot",
-  "version": "2.4.5",
+  "version": "2.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@weaverse/pilot",
-      "version": "2.4.5",
+      "version": "2.5.1",
       "dependencies": {
-        "@fontsource/roboto": "^5.0.8",
+        "@fontsource/roboto": "^5.0.12",
         "@headlessui/react": "1.7.18",
-        "@remix-run/react": "2.7.1",
-        "@remix-run/server-runtime": "2.7.1",
+        "@remix-run/react": "2.7.2",
+        "@remix-run/server-runtime": "2.7.2",
         "@shopify/cli": "3.53.0",
         "@shopify/cli-hydrogen": "^7.0.1",
-        "@shopify/hydrogen": "~2024.1.1",
+        "@shopify/hydrogen": "~2024.1.2",
         "@shopify/remix-oxygen": "^2.0.3",
-        "@weaverse/hydrogen": "^2.10.3",
+        "@weaverse/hydrogen": "3.0.1",
         "clsx": "2.1.0",
         "cross-env": "7.0.3",
         "graphql": "16.8.1",
         "graphql-tag": "2.12.6",
-        "isbot": "4.3.0",
+        "isbot": "5.1.1",
         "keen-slider": "^6.8.6",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-intersection-observer": "9.5.3",
-        "react-player": "^2.14.1",
-        "react-use": "17.4.2",
+        "react-intersection-observer": "9.8.1",
+        "react-player": "^2.15.1",
+        "react-use": "17.5.0",
         "schema-dts": "1.1.2",
-        "tiny-invariant": "1.3.1",
+        "tiny-invariant": "1.3.3",
         "typographic-base": "1.0.4"
       },
       "devDependencies": {
-        "@remix-run/dev": "2.7.1",
-        "@remix-run/eslint-config": "2.7.1",
+        "@playwright/test": "^1.42.1",
+        "@remix-run/dev": "2.7.2",
+        "@remix-run/eslint-config": "2.7.2",
         "@shopify/eslint-plugin": "44.0.0",
         "@shopify/oxygen-workers-types": "^4.0.0",
         "@shopify/prettier-config": "1.1.2",
         "@tailwindcss/forms": "0.5.7",
         "@tailwindcss/typography": "0.5.10",
         "@total-typescript/ts-reset": "0.5.1",
-        "@types/eslint": "8.56.2",
-        "@types/react": "18.2.47",
-        "@types/react-dom": "18.2.18",
+        "@types/eslint": "8.56.4",
+        "@types/react": "18.2.60",
+        "@types/react-dom": "18.2.19",
         "cross-env": "7.0.3",
-        "eslint": "8.56.0",
+        "eslint": "8.57.0",
         "eslint-plugin-hydrogen": "0.12.3",
-        "postcss": "8.4.33",
-        "postcss-import": "16.0.0",
-        "postcss-preset-env": "9.3.0",
-        "prettier": "3.1.1",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-preset-env": "9.4.0",
+        "prettier": "3.2.5",
         "rimraf": "5.0.5",
         "tailwindcss": "3.4.1",
         "typescript": "5.3.3"
@@ -59,7 +60,7 @@
         "node": ">=18.0.0"
       },
       "optionalDependencies": {
-        "@esbuild/linux-x64": "^0.20.1"
+        "@esbuild/linux-x64": "^0.20.2"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -1585,9 +1586,9 @@
       }
     },
     "node_modules/@csstools/cascade-layer-name-parser": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.7.tgz",
-      "integrity": "sha512-9J4aMRJ7A2WRjaRLvsMeWrL69FmEuijtiW1XlK/sG+V0UJiHVYUyvj9mY4WAXfU/hGIiGOgL8e0jJcRyaZTjDQ==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.9.tgz",
+      "integrity": "sha512-RRqNjxTZDUhx7pxYOBG/AkCVmPS3zYzfE47GEhIGkFuWFTQGJBgWOUUkKNo5MfxIfjDz5/1L3F3rF1oIsYaIpw==",
       "dev": true,
       "funding": [
         {
@@ -1603,8 +1604,8 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       }
     },
     "node_modules/@csstools/color-helpers": {
@@ -1627,9 +1628,9 @@
       }
     },
     "node_modules/@csstools/css-calc": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.6.tgz",
-      "integrity": "sha512-YHPAuFg5iA4qZGzMzvrQwzkvJpesXXyIUyaONflQrjtHB+BcFFbgltJkIkb31dMGO4SE9iZFA4HYpdk7+hnYew==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.2.0.tgz",
+      "integrity": "sha512-iQqIW5vDPqQdLx07/atCuNKDprhIWjB0b8XRhUyXZWBZYUG+9mNyFwyu30rypX84WLevVo25NYW2ipxR8WyseQ==",
       "dev": true,
       "funding": [
         {
@@ -1645,14 +1646,14 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       }
     },
     "node_modules/@csstools/css-color-parser": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.5.1.tgz",
-      "integrity": "sha512-x+SajGB2paGrTjPOUorGi8iCztF008YMKXTn+XzGVDBEIVJ/W1121pPerpneJYGOe1m6zWLPLnzOPaznmQxKFw==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.6.2.tgz",
+      "integrity": "sha512-mlt0PomBlDXMGcbPAqCG36Fw35LZTtaSgCQCHEs4k8QTv1cUKe0rJDlFSJMHtqrgQiLC7LAAS9+s9kKQp2ou/Q==",
       "dev": true,
       "funding": [
         {
@@ -1666,20 +1667,20 @@
       ],
       "dependencies": {
         "@csstools/color-helpers": "^4.0.0",
-        "@csstools/css-calc": "^1.1.6"
+        "@csstools/css-calc": "^1.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       }
     },
     "node_modules/@csstools/css-parser-algorithms": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.5.0.tgz",
-      "integrity": "sha512-abypo6m9re3clXA00eu5syw+oaPHbJTPapu9C4pzNsJ4hdZDzushT50Zhu+iIYXgEe1CxnRMn7ngsbV+MLrlpQ==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.1.tgz",
+      "integrity": "sha512-ubEkAaTfVZa+WwGhs5jbo5Xfqpeaybr/RvWzvFxRs4jfq16wH8l8Ty/QEEpINxll4xhuGfdMbipRyz5QZh9+FA==",
       "dev": true,
       "funding": [
         {
@@ -1695,13 +1696,13 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-tokenizer": "^2.2.4"
       }
     },
     "node_modules/@csstools/css-tokenizer": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.3.tgz",
-      "integrity": "sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.4.tgz",
+      "integrity": "sha512-PuWRAewQLbDhGeTvFuq2oClaSCKPIBmHyIobCV39JHRYN0byDcUWJl5baPeNUcqrjtdMNqFooE0FGl31I3JOqw==",
       "dev": true,
       "funding": [
         {
@@ -1718,9 +1719,9 @@
       }
     },
     "node_modules/@csstools/media-query-list-parser": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.7.tgz",
-      "integrity": "sha512-lHPKJDkPUECsyAvD60joYfDmp8UERYxHGkFfyLJFTVK/ERJe0sVlIFLXU5XFxdjNDTerp5L4KeaKG+Z5S94qxQ==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.9.tgz",
+      "integrity": "sha512-qqGuFfbn4rUmyOB0u8CVISIp5FfJ5GAR3mBrZ9/TKndHakdnm6pY0L/fbLcpPnrzwCyyTEZl1nUcXAYHEWneTA==",
       "dev": true,
       "funding": [
         {
@@ -1736,14 +1737,14 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       }
     },
     "node_modules/@csstools/postcss-cascade-layers": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-4.0.2.tgz",
-      "integrity": "sha512-PqM+jvg5T2tB4FHX+akrMGNWAygLupD4FNUjcv4PSvtVuWZ6ISxuo37m4jFGU7Jg3rCfloGzKd0+xfr5Ec3vZQ==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-4.0.3.tgz",
+      "integrity": "sha512-RbkQoOH23yGhWVetgBTwFgIOHEyU2tKMN7blTz/YAKKabR6tr9pP7mYS23Q9snFY2hr8WSaV8Le64KdM9BtUSA==",
       "dev": true,
       "funding": [
         {
@@ -1756,7 +1757,7 @@
         }
       ],
       "dependencies": {
-        "@csstools/selector-specificity": "^3.0.1",
+        "@csstools/selector-specificity": "^3.0.2",
         "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
@@ -1767,9 +1768,9 @@
       }
     },
     "node_modules/@csstools/postcss-color-function": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.9.tgz",
-      "integrity": "sha512-6Hbkw/4k73UH121l4LG+LNLKSvrfHqk3GHHH0A6/iFlD0xGmsWAr80Jd0VqXjfYbUTOGmJTOMMoxv3jvNxt1uw==",
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.12.tgz",
+      "integrity": "sha512-amPGGDI4Xmgu7VN2ciKQe0pP/j5raaETT50nzbnkydp9FMw7imKxSUnXdVQU4NmRgpLKIc5Q7jox0MFhMBImIg==",
       "dev": true,
       "funding": [
         {
@@ -1782,10 +1783,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1795,9 +1797,9 @@
       }
     },
     "node_modules/@csstools/postcss-color-mix-function": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.9.tgz",
-      "integrity": "sha512-fs1SOWJ/44DQSsDeJP+rxAkP2MYkCg6K4ZB8qJwFku2EjurgCAPiPZJvC6w94T1hBBinJwuMfT9qvvvniXyVgw==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.12.tgz",
+      "integrity": "sha512-qpAEGwVVqHSa88i3gLb43IMpT4/LyZEE8HzZylQKKXFVJ7XykXaORTmXySxyH6H+flT+NyCnutKG2fegCVyCug==",
       "dev": true,
       "funding": [
         {
@@ -1810,10 +1812,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1823,9 +1826,9 @@
       }
     },
     "node_modules/@csstools/postcss-exponential-functions": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.3.tgz",
-      "integrity": "sha512-IfGtEg3eC4b8Nd/kPgO3SxgKb33YwhHVsL0eJ3UYihx6fzzAiZwNbWmVW9MZTQjZ5GacgKxa4iAHikGvpwuIjw==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.5.tgz",
+      "integrity": "sha512-7S7I7KgwHWQYzJJAoIjRtUf7DQs1dxipeg1A6ikZr0PYapNJX7UHz0evlpE67SQqYj1xBs70gpG7xUv3uLp4PA==",
       "dev": true,
       "funding": [
         {
@@ -1838,9 +1841,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.6",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-calc": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1850,9 +1853,9 @@
       }
     },
     "node_modules/@csstools/postcss-font-format-keywords": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-3.0.1.tgz",
-      "integrity": "sha512-D1lcG2sfotTq6yBEOMV3myFxJLT10F3DLYZJMbiny5YToqzHWodZen8WId3UTimm0mEHitXqAUNL5jdd6RzVdA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-3.0.2.tgz",
+      "integrity": "sha512-E0xz2sjm4AMCkXLCFvI/lyl4XO6aN1NCSMMVEOngFDJ+k2rDwfr6NDjWljk1li42jiLNChVX+YFnmfGCigZKXw==",
       "dev": true,
       "funding": [
         {
@@ -1865,6 +1868,7 @@
         }
       ],
       "dependencies": {
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -1875,9 +1879,9 @@
       }
     },
     "node_modules/@csstools/postcss-gamut-mapping": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-1.0.2.tgz",
-      "integrity": "sha512-zf9KHGM2PTuJEm4ZYg4DTmzCir38EbZBzlMPMbA4jbhLDqXHkqwnQ+Z5+UNrU8y6seVu5B4vzZmZarTFQwe+Ig==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-1.0.5.tgz",
+      "integrity": "sha512-AJ74/4nHXgghLWY4/ydEhu3mzwN8c56EjIGrJsoEhKaNuGBAOtUfE5qbkc9XQQ0G2FMhHggqE+9eRrApeK7ebQ==",
       "dev": true,
       "funding": [
         {
@@ -1890,9 +1894,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1902,9 +1906,9 @@
       }
     },
     "node_modules/@csstools/postcss-gradients-interpolation-method": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.9.tgz",
-      "integrity": "sha512-PSqR6QH7h3ggOl8TsoH73kbwYTKVQjAJauGg6nDKwaGfi5IL5StV//ehrv1C7HuPsHixMTc9YoAuuv1ocT20EQ==",
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.13.tgz",
+      "integrity": "sha512-dBbyxs9g+mrIzmEH+UtrqJUmvcJB/60j0ijhBcVJMHCgl/rKjj8ey6r/pJOI0EhkVsckOu3Prc9AGzH88C+1pQ==",
       "dev": true,
       "funding": [
         {
@@ -1917,10 +1921,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1930,9 +1935,9 @@
       }
     },
     "node_modules/@csstools/postcss-hwb-function": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.8.tgz",
-      "integrity": "sha512-CRQEG372Hivmt17rm/Ho22hBQI9K/a6grzGQ21Zwc7dyspmyG0ibmPIW8hn15vJmXqWGeNq7S+L2b8/OrU7O5A==",
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.11.tgz",
+      "integrity": "sha512-c36FtMFptwGn5CmsfdONA40IlWG2lHeoC/TDyED/7lwiTht5okxe6iLAa9t2LjBBo5AHQSHfeMvOASdXk/SHog==",
       "dev": true,
       "funding": [
         {
@@ -1945,9 +1950,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -1957,9 +1964,9 @@
       }
     },
     "node_modules/@csstools/postcss-ic-unit": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-3.0.3.tgz",
-      "integrity": "sha512-MpcmIL0/uMm/cFWh5V/9nbKKJ7jRr2qTYW5Q6zoE6HZ6uzOBJr2KRERv5/x8xzEBQ1MthDT7iP1EBp9luSQy7g==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-3.0.5.tgz",
+      "integrity": "sha512-9CriM/zvKXa/lDARlxs/MgeyKE6ZmmX4V77VLD7VUxKLVSt0Go3NCy/gRMbwGzxbrk3iaHFXnFbc2lNw+/7jcg==",
       "dev": true,
       "funding": [
         {
@@ -1972,7 +1979,8 @@
         }
       ],
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -2005,9 +2013,9 @@
       }
     },
     "node_modules/@csstools/postcss-is-pseudo-class": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-4.0.4.tgz",
-      "integrity": "sha512-vTVO/uZixpTVAOQt3qZRUFJ/K1L03OfNkeJ8sFNDVNdVy/zW0h1L5WT7HIPMDUkvSrxQkFaCCybTZkUP7UESlQ==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-4.0.5.tgz",
+      "integrity": "sha512-qG3MI7IN3KY9UwdaE9E7G7sFydscVW7nAj5OGwaBP9tQPEEVdxXTGI+l1ZW5EUpZFSj+u3q/22fH5+8HI72+Bg==",
       "dev": true,
       "funding": [
         {
@@ -2020,7 +2028,7 @@
         }
       ],
       "dependencies": {
-        "@csstools/selector-specificity": "^3.0.1",
+        "@csstools/selector-specificity": "^3.0.2",
         "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
@@ -2030,6 +2038,34 @@
         "postcss": "^8.4"
       }
     },
+    "node_modules/@csstools/postcss-light-dark-function": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-1.0.1.tgz",
+      "integrity": "sha512-CJOcp+m7Njbu91HtYMMoYuZznsvNSpJtLiR/7BO8/bHTXYPiuAZfxunh7wXLkMbHd5dRBgAVAQZ+H4iFqrvWZw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
     "node_modules/@csstools/postcss-logical-float-and-clear": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-2.0.1.tgz",
@@ -2122,9 +2158,9 @@
       }
     },
     "node_modules/@csstools/postcss-logical-viewport-units": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.5.tgz",
-      "integrity": "sha512-2fjSamKN635DSW6fEoyNd2Bkpv3FVblUpgk5cpghIgPW1aDHZE2SYfZK5xQALvjMYZVjfqsD5EbXA7uDVBQVQA==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.7.tgz",
+      "integrity": "sha512-L4G3zsp/bnU0+WXUyysihCUH14LkfMgUJsS9vKz3vCYbVobOTqQRoNXnEPpyNp8WYyolLqAWbGGJhVu8J6u2OQ==",
       "dev": true,
       "funding": [
         {
@@ -2137,7 +2173,8 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2147,9 +2184,9 @@
       }
     },
     "node_modules/@csstools/postcss-media-minmax": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.1.2.tgz",
-      "integrity": "sha512-7qTRTJxW96u2yiEaTep1+8nto1O/rEDacewKqH+Riq5E6EsHTOmGHxkB4Se5Ic5xgDC4I05lLZxzzxnlnSypxA==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.1.4.tgz",
+      "integrity": "sha512-xl/PIO3TUbXO1ZA4SA6HCw+Q9UGe2cgeRKx3lHCzoNig2D4bT5vfVCOrwhxjUb09oHihc9eI3I0iIfVPiXaN1A==",
       "dev": true,
       "funding": [
         {
@@ -2162,10 +2199,10 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.6",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/media-query-list-parser": "^2.1.7"
+        "@csstools/css-calc": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/media-query-list-parser": "^2.1.9"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2175,9 +2212,9 @@
       }
     },
     "node_modules/@csstools/postcss-media-queries-aspect-ratio-number-values": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.5.tgz",
-      "integrity": "sha512-XHMPasWYPWa9XaUHXU6Iq0RLfoAI+nvGTPj51hOizNsHaAyFiq2SL4JvF1DU8lM6B70+HVzKM09Isbyrr755Bw==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.7.tgz",
+      "integrity": "sha512-HBDAQw1K0NilcHGMUHv8jzf2mpOtcWTVKtuY3AeZ5TS1uyWWNVi5/yuA/tREPLU9WifNdqHQ+rfbsV/8zTIkTg==",
       "dev": true,
       "funding": [
         {
@@ -2190,9 +2227,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/media-query-list-parser": "^2.1.7"
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/media-query-list-parser": "^2.1.9"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2202,9 +2239,9 @@
       }
     },
     "node_modules/@csstools/postcss-nested-calc": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-3.0.1.tgz",
-      "integrity": "sha512-bwwababZpWRm0ByHaWBxTsDGTMhZKmtUNl3Wt0Eom8AY7ORgXx5qF9SSk1vEFrCi+HOfJT6M6W5KPgzXuQNRwQ==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-3.0.2.tgz",
+      "integrity": "sha512-ySUmPyawiHSmBW/VI44+IObcKH0v88LqFe0d09Sb3w4B1qjkaROc6d5IA3ll9kjD46IIX/dbO5bwFN/swyoyZA==",
       "dev": true,
       "funding": [
         {
@@ -2217,6 +2254,7 @@
         }
       ],
       "dependencies": {
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -2252,9 +2290,9 @@
       }
     },
     "node_modules/@csstools/postcss-oklab-function": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.9.tgz",
-      "integrity": "sha512-l639gpcBfL3ogJe+og1M5FixQn8iGX8+29V7VtTSCUB37VzpzOC05URfde7INIdiJT65DkHzgdJ64/QeYggU8A==",
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.12.tgz",
+      "integrity": "sha512-RNitTHamFvUUh8x+MJuPd2tCekYexUrylGKfUoor5D2GGcgzY1WB6Bl3pIj9t8bAq5h/lcacKaB2wmvUOTfGgQ==",
       "dev": true,
       "funding": [
         {
@@ -2267,10 +2305,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2280,9 +2319,9 @@
       }
     },
     "node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.3.tgz",
-      "integrity": "sha512-WipTVh6JTMQfeIrzDV4wEPsV9NTzMK2jwXxyH6CGBktuWdivHnkioP/smp1x/0QDPQyx7NTS14RB+GV3zZZYEw==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.1.1.tgz",
+      "integrity": "sha512-cx/bZgj+MK8SpRZNTu2zGeVFMCQfhsaeuDhukAhfA53yykvIXaTIwLi5shW9hfkvPrkqBeFoiRAzq/qogxeHTA==",
       "dev": true,
       "funding": [
         {
@@ -2305,9 +2344,9 @@
       }
     },
     "node_modules/@csstools/postcss-relative-color-syntax": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.9.tgz",
-      "integrity": "sha512-2UoaRd2iIuzUGtYgteN5fJ0s+OfCiV7PvCnw8MCh3om8+SeVinfG8D5sqBOvImxFVfrp6k60XF5RFlH6oc//fg==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.12.tgz",
+      "integrity": "sha512-VreDGDgE634niwCytLtkoE5kRxfva7bnMzSoyok7Eh9VPYFOm8CK/oJXt9y3df71Bxc9PG4KC8RA3CxTknudnw==",
       "dev": true,
       "funding": [
         {
@@ -2320,10 +2359,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2358,9 +2398,9 @@
       }
     },
     "node_modules/@csstools/postcss-stepped-value-functions": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.4.tgz",
-      "integrity": "sha512-gyNQ2YaOVXPqLR737XtReRPVu7DGKBr9JBDLoiH1T+N1ggV3r4HotRCOC1l6rxVC0zOuU1KiOzUn9Z5W838/rg==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.6.tgz",
+      "integrity": "sha512-rnyp8tWRuBXERTHVdB5hjUlif5dQgPcyN+BX55wUnYpZ3LN9QPfK2Z3/HUZymwyou8Gg6vhd6X2W+g1pLq1jYg==",
       "dev": true,
       "funding": [
         {
@@ -2373,9 +2413,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.6",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-calc": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2411,9 +2451,9 @@
       }
     },
     "node_modules/@csstools/postcss-trigonometric-functions": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.4.tgz",
-      "integrity": "sha512-qj4Cxth6c38iNYzfJJWAxt8jsLrZaMVmbfGDDLOlI2YJeZoC3A5Su6/Kr7oXaPFRuspUu+4EQHngOktqVHWfVg==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.6.tgz",
+      "integrity": "sha512-i5Zd0bMJooZAn+ZcDmPij2WCkcOJJJ6opzK+QeDjxbMrYmoGQl0CY8FDHdeQyBF1Nly+Q0Fq3S7QfdNLKBBaCg==",
       "dev": true,
       "funding": [
         {
@@ -2426,9 +2466,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.6",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3"
+        "@csstools/css-calc": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2459,10 +2499,32 @@
         "postcss": "^8.4"
       }
     },
+    "node_modules/@csstools/selector-resolve-nested": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-resolve-nested/-/selector-resolve-nested-1.1.0.tgz",
+      "integrity": "sha512-uWvSaeRcHyeNenKg8tp17EVDRkpflmdyvbE0DHo6D/GdBb6PDnCYYU6gRpXhtICMGMcahQmj2zGxwFM/WC8hCg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.13"
+      }
+    },
     "node_modules/@csstools/selector-specificity": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.1.tgz",
-      "integrity": "sha512-NPljRHkq4a14YzZ3YD406uaxh7s0g6eAq3L9aLOWywoqe8PkYamAvtsh7KNX6c++ihDrJ0RiU+/z7rGnhlZ5ww==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.2.tgz",
+      "integrity": "sha512-RpHaZ1h9LE7aALeQXmXrJkRG84ZxIsctEN2biEUmFyKpzFM3zZ35eUMcIzZFsw/2olQE6v69+esEqU2f1MKycg==",
       "dev": true,
       "funding": [
         {
@@ -2481,6 +2543,28 @@
         "postcss-selector-parser": "^6.0.13"
       }
     },
+    "node_modules/@csstools/utilities": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/utilities/-/utilities-1.0.0.tgz",
+      "integrity": "sha512-tAgvZQe/t2mlvpNosA4+CkMiZ2azISW5WPAcdSalZlEjQvUfghHxfQcrCiK/7/CrfAWVxyM88kGFYO82heIGDg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
     "node_modules/@emotion/hash": {
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
@@ -2745,9 +2829,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.20.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.1.tgz",
-      "integrity": "sha512-5gRPk7pKuaIB+tmH+yKd2aQTRpqlf1E4f/mC+tawIm/CGJemZcHZpp2ic8oD83nKgUPMEd0fNanrnFljiruuyA==",
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
       "cpu": [
         "x64"
       ],
@@ -3004,9 +3088,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
-      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -3021,9 +3105,9 @@
       }
     },
     "node_modules/@fontsource/roboto": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.8.tgz",
-      "integrity": "sha512-XxPltXs5R31D6UZeLIV1td3wTXU3jzd3f2DLsXI8tytMGBkIsGcc9sIyiupRtA8y73HAhuSCeweOoBqf6DbWCA=="
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.12.tgz",
+      "integrity": "sha512-x0o17jvgoSSbS9OZnUX2+xJmVRvVCfeaYJjkS7w62iN7CuJWtMf5vJj8LqgC7ibqIkitOHVW+XssRjgrcHn62g=="
     },
     "node_modules/@google/model-viewer": {
       "version": "1.12.1",
@@ -5177,6 +5261,21 @@
         "url": "https://opencollective.com/unts"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.42.1.tgz",
+      "integrity": "sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==",
+      "dev": true,
+      "dependencies": {
+        "playwright": "1.42.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/@pnpm/config.env-replace": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@pnpm/config.env-replace/-/config.env-replace-1.1.0.tgz",
@@ -5215,9 +5314,9 @@
       }
     },
     "node_modules/@remix-run/dev": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/dev/-/dev-2.7.1.tgz",
-      "integrity": "sha512-G/jtzIvVE+bHHMLS8Iu99sljKFUO51/HTcYE3GoLRDKGrgbZaJHnLvsHiknMLIzqsBBGam1iM+Wf12qHdOy1Dw==",
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/dev/-/dev-2.7.2.tgz",
+      "integrity": "sha512-ejxzcQY5DFl1CNG5+5+y0UeklOqkRBO43lAPnSC8ITLigjZY6UZsBENlex/Y+xJzjIUtaRBxc7mVaWa62FDQOg==",
       "devOptional": true,
       "dependencies": {
         "@babel/core": "^7.21.8",
@@ -5230,9 +5329,9 @@
         "@babel/types": "^7.22.5",
         "@mdx-js/mdx": "^2.3.0",
         "@npmcli/package-json": "^4.0.1",
-        "@remix-run/node": "2.7.1",
+        "@remix-run/node": "2.7.2",
         "@remix-run/router": "1.15.1",
-        "@remix-run/server-runtime": "2.7.1",
+        "@remix-run/server-runtime": "2.7.2",
         "@types/mdx": "^2.0.5",
         "@vanilla-extract/integration": "^6.2.0",
         "arg": "^5.0.1",
@@ -5281,7 +5380,7 @@
         "node": ">=18.0.0"
       },
       "peerDependencies": {
-        "@remix-run/serve": "^2.7.1",
+        "@remix-run/serve": "^2.7.2",
         "typescript": "^5.1.0",
         "vite": "^5.1.0",
         "wrangler": "^3.28.2"
@@ -5317,9 +5416,9 @@
       }
     },
     "node_modules/@remix-run/eslint-config": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/eslint-config/-/eslint-config-2.7.1.tgz",
-      "integrity": "sha512-LYNg75f6i6R0Zmqsb7edt4EorGQnsO0tFvAUS/23wacn3txt6sCsxsVVdFCiIn9ZTf5NPAuoF22mv1am6MvRJA==",
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/eslint-config/-/eslint-config-2.7.2.tgz",
+      "integrity": "sha512-fAXNlRQQ4DJ0g6GCkUM3sWji18+4i/+FtMA1roSfB9s/+8NEpdZLYJbLo/NGlZUHDC7dXAmTZ3kUZcCCBdOAKw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.21.8",
@@ -5354,12 +5453,12 @@
       }
     },
     "node_modules/@remix-run/node": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/node/-/node-2.7.1.tgz",
-      "integrity": "sha512-eFVTEErotfATcxCJuC/bQqIDz0C8TWm0EcjnmlHdEICBMcDKIuzqup6jpEYptAmGwHlbJUicPnD6cjmu+UP91A==",
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/node/-/node-2.7.2.tgz",
+      "integrity": "sha512-smIWI9kNGDnY361WlDOTwxPfUw/KHcS7PCLjHlM/omx3ETD1Y2dc4Rt82LSJt0qsPSPA72ZOww08NoX+YGBvyQ==",
       "devOptional": true,
       "dependencies": {
-        "@remix-run/server-runtime": "2.7.1",
+        "@remix-run/server-runtime": "2.7.2",
         "@remix-run/web-fetch": "^4.4.2",
         "@remix-run/web-file": "^3.1.0",
         "@remix-run/web-stream": "^1.1.0",
@@ -5381,12 +5480,12 @@
       }
     },
     "node_modules/@remix-run/react": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/react/-/react-2.7.1.tgz",
-      "integrity": "sha512-8PfkvSMtdW3JUBo7I0VMcnDZLqRtYKxXCZ9qXNJogJjy0dfaywEoAREfhGyIdwSLAQJ4TFKGz5jyt9L1/EYU3g==",
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/react/-/react-2.7.2.tgz",
+      "integrity": "sha512-Q/gsxJVEYYvkYM/immVFP4rBnGSzEFNJLRt6plO5knAy6NV1NNptsEnvh4GoTVQdTKdVw7wkJW26/YpnHzHiDA==",
       "dependencies": {
         "@remix-run/router": "1.15.1",
-        "@remix-run/server-runtime": "2.7.1",
+        "@remix-run/server-runtime": "2.7.2",
         "react-router": "6.22.1",
         "react-router-dom": "6.22.1"
       },
@@ -5413,9 +5512,9 @@
       }
     },
     "node_modules/@remix-run/server-runtime": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/server-runtime/-/server-runtime-2.7.1.tgz",
-      "integrity": "sha512-idmg8Tf9w5fZ+Dgq2aRjZDKlLaZt+rB0yAw+Ht5yzI6MLeKI4SKHsdnGlEY/EeFcbbrXhArrrSjf+mKLJfJ8qw==",
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/server-runtime/-/server-runtime-2.7.2.tgz",
+      "integrity": "sha512-PGD1SPJttlYI3Nwe8ABk53gHCueWfZ2NOsKx7utD/lKRPFW2BqADpokzQXSzy4WTpk4drAmlagobGVIVH66Tmg==",
       "dependencies": {
         "@remix-run/router": "1.15.1",
         "@types/cookie": "^0.6.0",
@@ -6803,11 +6902,11 @@
       }
     },
     "node_modules/@shopify/hydrogen": {
-      "version": "2024.1.1",
-      "resolved": "https://registry.npmjs.org/@shopify/hydrogen/-/hydrogen-2024.1.1.tgz",
-      "integrity": "sha512-s4+fvTLEYNx7561WJfophMeMUvM3mXE+/eg3D7EQ9chewxe0BMxzRkfhYRTb7cIYtENktq81h4HNDzMr/WJENA==",
+      "version": "2024.1.4",
+      "resolved": "https://registry.npmjs.org/@shopify/hydrogen/-/hydrogen-2024.1.4.tgz",
+      "integrity": "sha512-5XSpxTSWpgzlgfFiS7VxHIf2DAt6uPqOShOO8k+u8TOAK8OkKi/H/19kq7INcMJnRQMd6th7/oNaDQ3OxpyWFw==",
       "dependencies": {
-        "@shopify/hydrogen-react": "2024.1.0",
+        "@shopify/hydrogen-react": "2024.1.1",
         "content-security-policy-builder": "^2.1.1",
         "type-fest": "^4.5.0"
       },
@@ -6832,9 +6931,9 @@
       }
     },
     "node_modules/@shopify/hydrogen-react": {
-      "version": "2024.1.0",
-      "resolved": "https://registry.npmjs.org/@shopify/hydrogen-react/-/hydrogen-react-2024.1.0.tgz",
-      "integrity": "sha512-WHqBhDlGt7ehrryn7KrSSMRrFA+oaDajgipOmkN62ekM/XRGWeEdL19l9yuiEaU6kSK36xznous56HF4+bEBfg==",
+      "version": "2024.1.1",
+      "resolved": "https://registry.npmjs.org/@shopify/hydrogen-react/-/hydrogen-react-2024.1.1.tgz",
+      "integrity": "sha512-3ZDTUZPauXyV6TTxSjsEd0KEybT0jDpaEaB2tPtpjq783rJ1xD+wS9sWqqaKhAY2EUngg03muZiiuBeZIbR4Fw==",
       "dependencies": {
         "@google/model-viewer": "^1.12.1",
         "@xstate/fsm": "^2.0.0",
@@ -7189,9 +7288,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.56.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.2.tgz",
-      "integrity": "sha512-uQDwm1wFHmbBbCZCqAlq6Do9LYwByNZHWzXppSnay9SuwJ+VRbjkbLABer54kcPnMSlG6Fdiy2yaFXm/z9Z5gw==",
+      "version": "8.56.4",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.4.tgz",
+      "integrity": "sha512-lG1GLUnL5vuRBGb3MgWUWLdGMH2Hps+pERuyQXCfWozuGKdnhf9Pbg4pkcrVUHjKrU7Rl+GCZ/299ObBXZFAxg==",
       "dev": true,
       "dependencies": {
         "@types/estree": "*",
@@ -7290,9 +7389,9 @@
       "devOptional": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.47",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.47.tgz",
-      "integrity": "sha512-xquNkkOirwyCgoClNk85BjP+aqnIS+ckAJ8i37gAbDs14jfW/J23f2GItAf33oiUPQnqNMALiFeoM9Y5mbjpVQ==",
+      "version": "18.2.60",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.60.tgz",
+      "integrity": "sha512-dfiPj9+k20jJrLGOu9Nf6eqxm2EyJRrq2NvwOFsfbb7sFExZ9WELPs67UImHj3Ayxg8ruTtKtNnbjaF8olPq0A==",
       "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -7301,9 +7400,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.2.18",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.18.tgz",
-      "integrity": "sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==",
+      "version": "18.2.19",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.19.tgz",
+      "integrity": "sha512-aZvQL6uUbIJpjZk4U8JZGbau9KDeAwMfmhyWorxgBkqDIEf6ROjRozcmPIicqsUwPUjbkDfHKgGee1Lq65APcA==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
@@ -8149,9 +8248,9 @@
       "devOptional": true
     },
     "node_modules/@weaverse/core": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@weaverse/core/-/core-2.10.3.tgz",
-      "integrity": "sha512-uOse06iaim+GgsYax9xXn5R74Ci/cI6DBJ+LjXVTfqe+PqwDmIjBtDLMao2gGMnFy096XrnXvMMNQjicxZfOUQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@weaverse/core/-/core-3.0.1.tgz",
+      "integrity": "sha512-QKkuZtBwrii2QaZdp+V/LjUpqjhFgyiGqL2do1gorBciHvjN3tUZpk+KAE6tE7JwjkqyA93DbhKHOWQ3tp9irA==",
       "dependencies": {
         "@stitches/core": "^1.2.8"
       },
@@ -8160,11 +8259,11 @@
       }
     },
     "node_modules/@weaverse/hydrogen": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@weaverse/hydrogen/-/hydrogen-2.10.3.tgz",
-      "integrity": "sha512-UGZ3HpxRMhO+nc9bLCM+oDaodINtq2xPdhpyjllE8zYxgXlPbrZlilNgQnyL1++i/dYQbeXEXQj0pU0az7YBDQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@weaverse/hydrogen/-/hydrogen-3.0.1.tgz",
+      "integrity": "sha512-3EA/UXETCAbGdHpNPA1tCSh3OqTxR7aAu+z+YxStM+6/Cz7RPy+PZv6FaGfFgbOrH+GVEOhztGZ0lA4/lMf/3A==",
       "dependencies": {
-        "@weaverse/react": "2.10.3",
+        "@weaverse/react": "3.0.1",
         "react-error-boundary": "^4.0.12"
       },
       "engines": {
@@ -8172,17 +8271,17 @@
       },
       "peerDependencies": {
         "@remix-run/react": "^2",
-        "@shopify/hydrogen": ">=2023",
+        "@shopify/hydrogen": "~2024.1.2",
         "react": ">=18",
         "react-dom": ">=18"
       }
     },
     "node_modules/@weaverse/react": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@weaverse/react/-/react-2.10.3.tgz",
-      "integrity": "sha512-0qNtFrkMbdqyRhy/2IchVy+LC4CGcFqJttQ051e+pxXgR+3uMa3YdNFoebcPW5vhY6Oa7U7s8WWRPOccSpFdJQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@weaverse/react/-/react-3.0.1.tgz",
+      "integrity": "sha512-Zwvg2s52FJ2ByommlfBfkHyD6uzuOSRY1pQKCubuK3wQNUhzY3M8d2c/0rsEyUDnJhMi5fukG5Vn66USk7fJHA==",
       "dependencies": {
-        "@weaverse/core": "2.10.3",
+        "@weaverse/core": "3.0.1",
         "clsx": "^2.1.0"
       },
       "engines": {
@@ -8819,9 +8918,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.16",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "version": "10.4.19",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
       "dev": true,
       "funding": [
         {
@@ -8838,9 +8937,9 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001538",
-        "fraction.js": "^4.3.6",
+        "browserslist": "^4.23.0",
+        "caniuse-lite": "^1.0.30001599",
+        "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
@@ -9049,9 +9148,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -9067,8 +9166,8 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
         "node-releases": "^2.0.14",
         "update-browserslist-db": "^1.0.13"
       },
@@ -9272,9 +9371,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001576",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
-      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
+      "version": "1.0.30001600",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
+      "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -10128,9 +10227,9 @@
       }
     },
     "node_modules/css-has-pseudo": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-6.0.1.tgz",
-      "integrity": "sha512-WwoVKqNxApfEI7dWFyaHoeFCcUPD+lPyjL6lNpRUNX7IyIUuVpawOTwwA5D0ZR6V2xQZonNPVj8kEcxzEaAQfQ==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-6.0.2.tgz",
+      "integrity": "sha512-Z2Qm5yyOvJRTy6THdUlnGIX6PW/1wOc4FHWlfkcBkfkpZ3oz6lPdG+h+J7t1HZHT4uSSVR8XatXiMpqMUADXow==",
       "dev": true,
       "funding": [
         {
@@ -10143,7 +10242,7 @@
         }
       ],
       "dependencies": {
-        "@csstools/selector-specificity": "^3.0.1",
+        "@csstools/selector-specificity": "^3.0.2",
         "postcss-selector-parser": "^6.0.13",
         "postcss-value-parser": "^4.2.0"
       },
@@ -10217,9 +10316,9 @@
       }
     },
     "node_modules/cssdb": {
-      "version": "7.10.0",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.10.0.tgz",
-      "integrity": "sha512-yGZ5tmA57gWh/uvdQBHs45wwFY0IBh3ypABk5sEubPBPSzXzkNgsWReqx7gdx6uhC+QoFBe+V8JwBB9/hQ6cIA==",
+      "version": "7.11.2",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.11.2.tgz",
+      "integrity": "sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==",
       "dev": true,
       "funding": [
         {
@@ -10773,9 +10872,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.630",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.630.tgz",
-      "integrity": "sha512-osHqhtjojpCsACVnuD11xO5g9xaCyw7Qqn/C2KParkMv42i8jrJJgx3g7mkHfpxwhy9MnOJr8+pKOdZ7qzgizg=="
+      "version": "1.4.715",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.715.tgz",
+      "integrity": "sha512-XzWNH4ZSa9BwVUQSDorPWAUQ5WGuYz7zJUNpNif40zFCiCl20t8zgylmreNmn26h5kiyw2lg7RfTmeMBsDklqg=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -11094,16 +11193,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
-      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
         "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.56.0",
-        "@humanwhocodes/config-array": "^0.11.13",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
         "@ungap/structured-clone": "^1.2.0",
@@ -14855,9 +14954,9 @@
       "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
     },
     "node_modules/isbot": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/isbot/-/isbot-4.3.0.tgz",
-      "integrity": "sha512-cohu4X66cXP120xwF+UubL+BQzOQLN1O0DOPOmkci6elgZ7o6XIn8B3FARk59RL0aX3cGTq8Ta7MVOWpay3rbw==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/isbot/-/isbot-5.1.1.tgz",
+      "integrity": "sha512-l4ArJhXWgEahbPEY5nVNh3Ojr0s4Eg2evSAmEQ6QkiFIwdsHg2wThzCMs/kcqgNc1D4HxwEg3+FEYP+bgAiplA==",
       "engines": {
         "node": ">=18"
       }
@@ -21092,6 +21191,50 @@
         "pathe": "^1.1.0"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.42.1.tgz",
+      "integrity": "sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==",
+      "dev": true,
+      "dependencies": {
+        "playwright-core": "1.42.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.42.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.42.1.tgz",
+      "integrity": "sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==",
+      "dev": true,
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/pluralize": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
@@ -21102,9 +21245,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.33",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
-      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
+      "version": "8.4.35",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
       "devOptional": true,
       "funding": [
         {
@@ -21130,20 +21273,26 @@
       }
     },
     "node_modules/postcss-attribute-case-insensitive": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-6.0.2.tgz",
-      "integrity": "sha512-IRuCwwAAQbgaLhxQdQcIIK0dCVXg3XDUnzgKD8iwdiYdwU4rMWRWyl/W9/0nA4ihVpq5pyALiHB2veBJ0292pw==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-6.0.3.tgz",
+      "integrity": "sha512-KHkmCILThWBRtg+Jn1owTnHPnFit4OkqS+eKiGEOPIGke54DCeYGJ6r0Fx/HjfE9M9kznApCLcU0DvnPchazMQ==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
+        "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
       "peerDependencies": {
         "postcss": "^8.4"
       }
@@ -21164,9 +21313,9 @@
       }
     },
     "node_modules/postcss-color-functional-notation": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-6.0.4.tgz",
-      "integrity": "sha512-YBzfVvVUNR4U3N0imzU1NPKCuwxzfHJkEP6imJxzsJ8LozRKeej9mWmg9Ef1ovJdb0xrGTRVzUxgTrMun5iw/Q==",
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-6.0.7.tgz",
+      "integrity": "sha512-VwzaVfu1kEYDK2yM8ixeKA/QbgQ8k0uxpRevLH9Wam+R3C1sg68vnRB7m2AMhYfjqb5khp4p0EQk5aO90ASAkw==",
       "dev": true,
       "funding": [
         {
@@ -21179,10 +21328,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -21192,9 +21342,9 @@
       }
     },
     "node_modules/postcss-color-hex-alpha": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.3.tgz",
-      "integrity": "sha512-7sEHU4tAS6htlxun8AB9LDrCXoljxaC34tFVRlYKcvO+18r5fvGiXgv5bQzN40+4gXLCyWSMRK5FK31244WcCA==",
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.4.tgz",
+      "integrity": "sha512-XQZm4q4fNFqVCYMGPiBjcqDhuG7Ey2xrl99AnDJMyr5eDASsAGalndVgHZF8i97VFNy1GQeZc4q2ydagGmhelQ==",
       "dev": true,
       "funding": [
         {
@@ -21207,6 +21357,7 @@
         }
       ],
       "dependencies": {
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -21217,9 +21368,9 @@
       }
     },
     "node_modules/postcss-color-rebeccapurple": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-9.0.2.tgz",
-      "integrity": "sha512-f+RDEAPW2m8UbJWkSpRfV+QxhSaQhDMihI75DVGJJh4oRIoegjheeRtINFJum9D8BqGJcvD4GLjggTvCwZ4zuA==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-9.0.3.tgz",
+      "integrity": "sha512-ruBqzEFDYHrcVq3FnW3XHgwRqVMrtEPLBtD7K2YmsLKVc2jbkxzzNEctJKsPCpDZ+LeMHLKRDoSShVefGc+CkQ==",
       "dev": true,
       "funding": [
         {
@@ -21232,6 +21383,7 @@
         }
       ],
       "dependencies": {
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -21242,9 +21394,9 @@
       }
     },
     "node_modules/postcss-custom-media": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-10.0.2.tgz",
-      "integrity": "sha512-zcEFNRmDm2fZvTPdI1pIW3W//UruMcLosmMiCdpQnrCsTRzWlKQPYMa1ud9auL0BmrryKK1+JjIGn19K0UjO/w==",
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-10.0.4.tgz",
+      "integrity": "sha512-Ubs7O3wj2prghaKRa68VHBvuy3KnTQ0zbGwqDYY1mntxJD0QL2AeiAy+AMfl3HBedTCVr2IcFNktwty9YpSskA==",
       "dev": true,
       "funding": [
         {
@@ -21257,10 +21409,10 @@
         }
       ],
       "dependencies": {
-        "@csstools/cascade-layer-name-parser": "^1.0.5",
-        "@csstools/css-parser-algorithms": "^2.3.2",
-        "@csstools/css-tokenizer": "^2.2.1",
-        "@csstools/media-query-list-parser": "^2.1.5"
+        "@csstools/cascade-layer-name-parser": "^1.0.9",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/media-query-list-parser": "^2.1.9"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -21270,9 +21422,9 @@
       }
     },
     "node_modules/postcss-custom-properties": {
-      "version": "13.3.4",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.4.tgz",
-      "integrity": "sha512-9YN0gg9sG3OH+Z9xBrp2PWRb+O4msw+5Sbp3ZgqrblrwKspXVQe5zr5sVqi43gJGwW/Rv1A483PRQUzQOEewvA==",
+      "version": "13.3.6",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.6.tgz",
+      "integrity": "sha512-vVVIwQbJiIz+PBLMIWA6XMi53Zg66/f474KolA7x0Das6EwkATc/9ZvM6zZx2gs7ZhcgVHjmWBbHkK9FlCgLeA==",
       "dev": true,
       "funding": [
         {
@@ -21285,9 +21437,10 @@
         }
       ],
       "dependencies": {
-        "@csstools/cascade-layer-name-parser": "^1.0.7",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
+        "@csstools/cascade-layer-name-parser": "^1.0.9",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -21298,9 +21451,9 @@
       }
     },
     "node_modules/postcss-custom-selectors": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-7.1.6.tgz",
-      "integrity": "sha512-svsjWRaxqL3vAzv71dV0/65P24/FB8TbPX+lWyyf9SZ7aZm4S4NhCn7N3Bg+Z5sZunG3FS8xQ80LrCU9hb37cw==",
+      "version": "7.1.8",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-7.1.8.tgz",
+      "integrity": "sha512-fqDkGSEsO7+oQaqdRdR8nwwqH+N2uk6LE/2g4myVJJYz/Ly418lHKEleKTdV/GzjBjFcG4n0dbfuH/Pd2BE8YA==",
       "dev": true,
       "funding": [
         {
@@ -21313,9 +21466,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/cascade-layer-name-parser": "^1.0.5",
-        "@csstools/css-parser-algorithms": "^2.3.2",
-        "@csstools/css-tokenizer": "^2.2.1",
+        "@csstools/cascade-layer-name-parser": "^1.0.9",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
         "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
@@ -21363,9 +21516,9 @@
       }
     },
     "node_modules/postcss-double-position-gradients": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-5.0.3.tgz",
-      "integrity": "sha512-QKYpwmaSm6HcdS0ndAuWSNNMv78R1oSySoh3mYBmctHWr2KWcwPJVakdOyU4lvFVW0GRu9wfIQwGeM4p3xU9ow==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-5.0.5.tgz",
+      "integrity": "sha512-26Tx4BfoxMNO9C89Nk56bfGv4jAwdDVgrQOyHZOP/6/D+xuOBf306KzTjHC2oBzaIIVtX+famOWHv4raxMjJMQ==",
       "dev": true,
       "funding": [
         {
@@ -21378,7 +21531,8 @@
         }
       ],
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -21470,9 +21624,9 @@
       }
     },
     "node_modules/postcss-image-set-function": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-6.0.2.tgz",
-      "integrity": "sha512-/O1xwqpJiz/apxGQi7UUfv1xUcorvkHZfvCYHPpRxxZj2WvjD0rg0+/+c+u5/Do5CpUg3XvfYxMrhcnjW1ArDQ==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-6.0.3.tgz",
+      "integrity": "sha512-i2bXrBYzfbRzFnm+pVuxVePSTCRiNmlfssGI4H0tJQvDue+yywXwUxe68VyzXs7cGtMaH6MCLY6IbCShrSroCw==",
       "dev": true,
       "funding": [
         {
@@ -21485,6 +21639,7 @@
         }
       ],
       "dependencies": {
+        "@csstools/utilities": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -21495,9 +21650,9 @@
       }
     },
     "node_modules/postcss-import": {
-      "version": "16.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.0.0.tgz",
-      "integrity": "sha512-e77lhVvrD1I2y7dYmBv0k9ULTdArgEYZt97T4w6sFIU5uxIHvDFQlKgUUyY7v7Barj0Yf/zm5A4OquZN7jKm5Q==",
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.0.1.tgz",
+      "integrity": "sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==",
       "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
@@ -21531,9 +21686,9 @@
       }
     },
     "node_modules/postcss-lab-function": {
-      "version": "6.0.9",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.9.tgz",
-      "integrity": "sha512-PKFAVTBEWJYsoSTD7Kp/OzeiMsXaLX39Pv75XgUyF5VrbMfeTw+JqCGsvDP3dPhclh6BemdCFHcjXBG9gO4UCg==",
+      "version": "6.0.12",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.12.tgz",
+      "integrity": "sha512-flHW2jdRCRe8ClhMgrylR1BCiyyqLLvp1qKfO5wuAclUihldfRsoDIFQWFVW7rJbruil9/LCoHNUvY9JwTlLPw==",
       "dev": true,
       "funding": [
         {
@@ -21546,10 +21701,11 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.5.1",
-        "@csstools/css-parser-algorithms": "^2.5.0",
-        "@csstools/css-tokenizer": "^2.2.3",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.3"
+        "@csstools/css-color-parser": "^1.6.2",
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.1",
+        "@csstools/utilities": "^1.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -21716,9 +21872,9 @@
       }
     },
     "node_modules/postcss-nesting": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-12.0.2.tgz",
-      "integrity": "sha512-63PpJHSeNs93S3ZUIyi+7kKx4JqOIEJ6QYtG3x+0qA4J03+4n0iwsyA1GAHyWxsHYljQS4/4ZK1o2sMi70b5wQ==",
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-12.1.0.tgz",
+      "integrity": "sha512-QOYnosaZ+mlP6plQrAxFw09UUp2Sgtxj1BVHN+rSVbtV0Yx48zRt9/9F/ZOoxOKBBEsaJk2MYhhVRjeRRw5yuw==",
       "dev": true,
       "funding": [
         {
@@ -21731,7 +21887,8 @@
         }
       ],
       "dependencies": {
-        "@csstools/selector-specificity": "^3.0.1",
+        "@csstools/selector-resolve-nested": "^1.1.0",
+        "@csstools/selector-specificity": "^3.0.2",
         "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
@@ -21823,9 +21980,9 @@
       }
     },
     "node_modules/postcss-preset-env": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.3.0.tgz",
-      "integrity": "sha512-ycw6doPrqV6QxDCtgiyGDef61bEfiSc59HGM4gOw/wxQxmKnhuEery61oOC/5ViENz/ycpRsuhTexs1kUBTvVw==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.4.0.tgz",
+      "integrity": "sha512-5X2UA4Dn4xo7sJFCxlzW/dAGo71Oxh/K5DVls33hd2e3j06OKnW5FJQTw2hB0wTnGv0f6WcMaVBGFqcEfAgwlw==",
       "dev": true,
       "funding": [
         {
@@ -21838,66 +21995,66 @@
         }
       ],
       "dependencies": {
-        "@csstools/postcss-cascade-layers": "^4.0.1",
-        "@csstools/postcss-color-function": "^3.0.7",
-        "@csstools/postcss-color-mix-function": "^2.0.7",
-        "@csstools/postcss-exponential-functions": "^1.0.1",
-        "@csstools/postcss-font-format-keywords": "^3.0.0",
-        "@csstools/postcss-gamut-mapping": "^1.0.0",
-        "@csstools/postcss-gradients-interpolation-method": "^4.0.7",
-        "@csstools/postcss-hwb-function": "^3.0.6",
-        "@csstools/postcss-ic-unit": "^3.0.2",
-        "@csstools/postcss-initial": "^1.0.0",
-        "@csstools/postcss-is-pseudo-class": "^4.0.3",
-        "@csstools/postcss-logical-float-and-clear": "^2.0.0",
-        "@csstools/postcss-logical-overflow": "^1.0.0",
-        "@csstools/postcss-logical-overscroll-behavior": "^1.0.0",
-        "@csstools/postcss-logical-resize": "^2.0.0",
-        "@csstools/postcss-logical-viewport-units": "^2.0.3",
-        "@csstools/postcss-media-minmax": "^1.1.0",
-        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.3",
-        "@csstools/postcss-nested-calc": "^3.0.0",
-        "@csstools/postcss-normalize-display-values": "^3.0.1",
-        "@csstools/postcss-oklab-function": "^3.0.7",
-        "@csstools/postcss-progressive-custom-properties": "^3.0.2",
-        "@csstools/postcss-relative-color-syntax": "^2.0.7",
-        "@csstools/postcss-scope-pseudo-class": "^3.0.0",
-        "@csstools/postcss-stepped-value-functions": "^3.0.2",
-        "@csstools/postcss-text-decoration-shorthand": "^3.0.3",
-        "@csstools/postcss-trigonometric-functions": "^3.0.2",
-        "@csstools/postcss-unset-value": "^3.0.0",
-        "autoprefixer": "^10.4.16",
-        "browserslist": "^4.22.1",
-        "css-blank-pseudo": "^6.0.0",
-        "css-has-pseudo": "^6.0.0",
-        "css-prefers-color-scheme": "^9.0.0",
-        "cssdb": "^7.9.0",
-        "postcss-attribute-case-insensitive": "^6.0.2",
+        "@csstools/postcss-cascade-layers": "^4.0.3",
+        "@csstools/postcss-color-function": "^3.0.10",
+        "@csstools/postcss-color-mix-function": "^2.0.10",
+        "@csstools/postcss-exponential-functions": "^1.0.4",
+        "@csstools/postcss-font-format-keywords": "^3.0.2",
+        "@csstools/postcss-gamut-mapping": "^1.0.3",
+        "@csstools/postcss-gradients-interpolation-method": "^4.0.10",
+        "@csstools/postcss-hwb-function": "^3.0.9",
+        "@csstools/postcss-ic-unit": "^3.0.4",
+        "@csstools/postcss-initial": "^1.0.1",
+        "@csstools/postcss-is-pseudo-class": "^4.0.5",
+        "@csstools/postcss-light-dark-function": "^1.0.0",
+        "@csstools/postcss-logical-float-and-clear": "^2.0.1",
+        "@csstools/postcss-logical-overflow": "^1.0.1",
+        "@csstools/postcss-logical-overscroll-behavior": "^1.0.1",
+        "@csstools/postcss-logical-resize": "^2.0.1",
+        "@csstools/postcss-logical-viewport-units": "^2.0.6",
+        "@csstools/postcss-media-minmax": "^1.1.3",
+        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.6",
+        "@csstools/postcss-nested-calc": "^3.0.2",
+        "@csstools/postcss-normalize-display-values": "^3.0.2",
+        "@csstools/postcss-oklab-function": "^3.0.10",
+        "@csstools/postcss-progressive-custom-properties": "^3.1.0",
+        "@csstools/postcss-relative-color-syntax": "^2.0.10",
+        "@csstools/postcss-scope-pseudo-class": "^3.0.1",
+        "@csstools/postcss-stepped-value-functions": "^3.0.5",
+        "@csstools/postcss-text-decoration-shorthand": "^3.0.4",
+        "@csstools/postcss-trigonometric-functions": "^3.0.5",
+        "@csstools/postcss-unset-value": "^3.0.1",
+        "autoprefixer": "^10.4.17",
+        "browserslist": "^4.22.3",
+        "css-blank-pseudo": "^6.0.1",
+        "css-has-pseudo": "^6.0.2",
+        "css-prefers-color-scheme": "^9.0.1",
+        "cssdb": "^7.11.0",
+        "postcss-attribute-case-insensitive": "^6.0.3",
         "postcss-clamp": "^4.1.0",
-        "postcss-color-functional-notation": "^6.0.2",
-        "postcss-color-hex-alpha": "^9.0.2",
-        "postcss-color-rebeccapurple": "^9.0.1",
-        "postcss-custom-media": "^10.0.2",
-        "postcss-custom-properties": "^13.3.2",
-        "postcss-custom-selectors": "^7.1.6",
-        "postcss-dir-pseudo-class": "^8.0.0",
-        "postcss-double-position-gradients": "^5.0.2",
-        "postcss-focus-visible": "^9.0.0",
-        "postcss-focus-within": "^8.0.0",
+        "postcss-color-functional-notation": "^6.0.5",
+        "postcss-color-hex-alpha": "^9.0.4",
+        "postcss-color-rebeccapurple": "^9.0.3",
+        "postcss-custom-media": "^10.0.3",
+        "postcss-custom-properties": "^13.3.5",
+        "postcss-custom-selectors": "^7.1.7",
+        "postcss-dir-pseudo-class": "^8.0.1",
+        "postcss-double-position-gradients": "^5.0.4",
+        "postcss-focus-visible": "^9.0.1",
+        "postcss-focus-within": "^8.0.1",
         "postcss-font-variant": "^5.0.0",
-        "postcss-gap-properties": "^5.0.0",
-        "postcss-image-set-function": "^6.0.1",
-        "postcss-lab-function": "^6.0.7",
-        "postcss-logical": "^7.0.0",
-        "postcss-nesting": "^12.0.1",
+        "postcss-gap-properties": "^5.0.1",
+        "postcss-image-set-function": "^6.0.3",
+        "postcss-lab-function": "^6.0.10",
+        "postcss-logical": "^7.0.1",
+        "postcss-nesting": "^12.0.3",
         "postcss-opacity-percentage": "^2.0.0",
-        "postcss-overflow-shorthand": "^5.0.0",
+        "postcss-overflow-shorthand": "^5.0.1",
         "postcss-page-break": "^3.0.4",
-        "postcss-place": "^9.0.0",
-        "postcss-pseudo-class-any-link": "^9.0.0",
+        "postcss-place": "^9.0.1",
+        "postcss-pseudo-class-any-link": "^9.0.1",
         "postcss-replace-overflow-wrap": "^4.0.0",
-        "postcss-selector-not": "^7.0.1",
-        "postcss-value-parser": "^4.2.0"
+        "postcss-selector-not": "^7.0.2"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -21941,20 +22098,26 @@
       }
     },
     "node_modules/postcss-selector-not": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-7.0.1.tgz",
-      "integrity": "sha512-1zT5C27b/zeJhchN7fP0kBr16Cc61mu7Si9uWWLoA3Px/D9tIJPKchJCkUH3tPO5D0pCFmGeApAv8XpXBQJ8SQ==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-7.0.2.tgz",
+      "integrity": "sha512-/SSxf/90Obye49VZIfc0ls4H0P6i6V1iHv0pzZH8SdgvZOPFkF37ef1r5cyWcMflJSFJ5bfuoluTnFnBBFiuSA==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
+        "postcss-selector-parser": "^6.0.13"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
       "peerDependencies": {
         "postcss": "^8.4"
       }
@@ -21988,9 +22151,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.1.1.tgz",
-      "integrity": "sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
       "dev": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -22327,11 +22490,17 @@
       "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
     },
     "node_modules/react-intersection-observer": {
-      "version": "9.5.3",
-      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.5.3.tgz",
-      "integrity": "sha512-NJzagSdUPS5rPhaLsHXYeJbsvdpbJwL6yCHtMk91hc0ufQ2BnXis+0QQ9NBh6n9n+Q3OyjR6OQLShYbaNBkThQ==",
+      "version": "9.8.1",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.8.1.tgz",
+      "integrity": "sha512-QzOFdROX8D8MH3wE3OVKH0f3mLjKTtEN1VX/rkNuECCff+aKky0pIjulDhr3Ewqj5el/L+MhBkM3ef0Tbt+qUQ==",
       "peerDependencies": {
-        "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+        "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
       }
     },
     "node_modules/react-is": {
@@ -22341,9 +22510,9 @@
       "dev": true
     },
     "node_modules/react-player": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/react-player/-/react-player-2.14.1.tgz",
-      "integrity": "sha512-jILj7F9o+6NHzrJ1GqZIxfJgskvGmKeJ05FNhPvgiCpvMZFmFneKEkukywHcULDO2lqITm+zcEkLSq42mX0FbA==",
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/react-player/-/react-player-2.15.1.tgz",
+      "integrity": "sha512-ni1XFuYZuhIKKdeFII+KRLmIPcvCYlyXvtSMhNOgssdfnSovmakBtBTW2bxowPvmpKy5BTR4jC4CF79ucgHT+g==",
       "dependencies": {
         "deepmerge": "^4.0.0",
         "load-script": "^1.0.0",
@@ -22419,9 +22588,9 @@
       }
     },
     "node_modules/react-use": {
-      "version": "17.4.2",
-      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.4.2.tgz",
-      "integrity": "sha512-1jPtmWLD8OJJNYCdYLJEH/HM+bPDfJuyGwCYeJFgPmWY8ttwpgZnW5QnzgM55CYUByUiTjHxsGOnEpLl6yQaoQ==",
+      "version": "17.5.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.5.0.tgz",
+      "integrity": "sha512-PbfwSPMwp/hoL847rLnm/qkjg3sTRCvn6YhUZiHaUa3FA6/aNoFX79ul5Xt70O1rK+9GxSVqkY0eTwMdsR/bWg==",
       "dependencies": {
         "@types/js-cookie": "^2.2.6",
         "@xobotyi/scrollbar-width": "^1.9.5",
@@ -24358,9 +24527,9 @@
       }
     },
     "node_modules/tiny-invariant": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
-      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
     },
     "node_modules/tinycolor2": {
       "version": "1.6.0",
@@ -26280,36 +26449,6 @@
         "@esbuild/win32-x64": "0.19.12"
       }
     },
-    "node_modules/vite/node_modules/postcss": {
-      "version": "8.4.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
-      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/wcwidth": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
diff --git a/package.json b/package.json
index 3cd56bb..5fa036d 100644
--- a/package.json
+++ b/package.json
@@ -22,12 +22,12 @@
   ],
   "prettier": "@shopify/prettier-config",
   "dependencies": {
-    "@fontsource/roboto": "^5.0.8",
+    "@fontsource/roboto": "^5.0.12",
     "@headlessui/react": "1.7.18",
     "@remix-run/react": "2.7.2",
     "@remix-run/server-runtime": "2.7.2",
     "@shopify/cli": "3.53.0",
-    "@shopify/cli-hydrogen": "^7.1.0",
+    "@shopify/cli-hydrogen": "^7.0.1",
     "@shopify/hydrogen": "~2024.1.2",
     "@shopify/remix-oxygen": "^2.0.3",
     "@weaverse/hydrogen": "3.0.1",
@@ -40,14 +40,14 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intersection-observer": "9.8.1",
-    "react-player": "^2.14.1",
+    "react-player": "^2.15.1",
     "react-use": "17.5.0",
     "schema-dts": "1.1.2",
     "tiny-invariant": "1.3.3",
     "typographic-base": "1.0.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.40.1",
+    "@playwright/test": "^1.42.1",
     "@remix-run/dev": "2.7.2",
     "@remix-run/eslint-config": "2.7.2",
     "@shopify/eslint-plugin": "44.0.0",
@@ -71,9 +71,9 @@
     "typescript": "5.3.3"
   },
   "optionalDependencies": {
-    "@esbuild/linux-x64": "^0.20.1"
+    "@esbuild/linux-x64": "^0.20.2"
   },
   "engines": {
     "node": ">=18.0.0"
   }
-}
\ No newline at end of file
+}