diff --git a/.vscode/settings.json b/.vscode/settings.json
index 44a73ec..a8aaff5 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,5 +3,10 @@
     {
       "mode": "auto"
     }
-  ]
+  ],
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "explicit"
+  }
 }
diff --git a/apps/storybook/.storybook/main.ts b/apps/storybook/.storybook/main.ts
index ad09282..38dac33 100644
--- a/apps/storybook/.storybook/main.ts
+++ b/apps/storybook/.storybook/main.ts
@@ -2,11 +2,16 @@ import type { StorybookConfig } from "@storybook/react-vite";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 
 const config: StorybookConfig = {
-  stories: ["../../../packages/ui/src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: [
+    "../../../packages/ui/src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../../../packages/ui/src/**/*.mdx", // 문서화용 MDX 파일 추가
+  ],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@storybook/addon-docs", // 문서화 애드온
+    "@storybook/blocks",
   ],
   framework: {
     name: "@storybook/react-vite",
diff --git a/apps/storybook/.storybook/preview.ts b/apps/storybook/.storybook/preview.ts
index 1df66c3..b44d9c1 100644
--- a/apps/storybook/.storybook/preview.ts
+++ b/apps/storybook/.storybook/preview.ts
@@ -1,5 +1,5 @@
+import "@repo/ui/src/globalStyle/global.css";
 import type { Preview } from "@storybook/react";
-import "../../../packages/ui/src/globalStyle/global.css"; // alias 설정해도 안됨
 
 const preview: Preview = {
   parameters: {
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
index a5fd0ac..b48d6d5 100644
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@@ -12,7 +12,10 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.5",
+    "@mdx-js/react": "^3.1.0",
+    "@mdx-js/rollup": "^3.1.0",
     "@storybook/addon-actions": "^8.6.4",
+    "@storybook/addon-docs": "^8.6.4",
     "@storybook/addon-essentials": "8.6.4",
     "@storybook/addon-interactions": "8.6.4",
     "@storybook/addon-links": "^8.6.4",
diff --git a/apps/storybook/tsconfig.json b/apps/storybook/tsconfig.json
index 0cc156d..2e3bba4 100644
--- a/apps/storybook/tsconfig.json
+++ b/apps/storybook/tsconfig.json
@@ -14,8 +14,7 @@
     "incremental": true,
     "baseUrl": ".", // alias 기준 설정
     "paths": {
-      "@/*": ["./src/*"],
-      "@repo/ui/*": ["../../../packages/ui/*"] // alias  설정
+      "@/*": ["./src/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
diff --git a/apps/user/src/app/layout.tsx b/apps/user/src/app/layout.tsx
index 7ba0989..220b2d0 100644
--- a/apps/user/src/app/layout.tsx
+++ b/apps/user/src/app/layout.tsx
@@ -1,3 +1,4 @@
+// import "@repo/ui/globalStyle";
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
diff --git a/apps/user/src/app/page.tsx b/apps/user/src/app/page.tsx
index 84af2cb..c70b6f1 100644
--- a/apps/user/src/app/page.tsx
+++ b/apps/user/src/app/page.tsx
@@ -1,12 +1,10 @@
 import Image from "next/image";
-import styles from "./page.module.css";
 
 export default function Home() {
   return (
-    <div className={styles.page}>
-      <main className={styles.main}>
+    <div>
+      <main>
         <Image
-          className={styles.logo}
           src="/next.svg"
           alt="Next.js logo"
           width={180}
@@ -20,15 +18,13 @@ export default function Home() {
           <li>Save and see your changes instantly.</li>
         </ol>
 
-        <div className={styles.ctas}>
+        <div>
           <a
-            className={styles.primary}
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
             target="_blank"
             rel="noopener noreferrer"
           >
             <Image
-              className={styles.logo}
               src="/vercel.svg"
               alt="Vercel logomark"
               width={20}
@@ -40,13 +36,12 @@ export default function Home() {
             href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
             target="_blank"
             rel="noopener noreferrer"
-            className={styles.secondary}
           >
             Read our docs
           </a>
         </div>
       </main>
-      <footer className={styles.footer}>
+      <footer>
         <a
           href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           target="_blank"
diff --git a/packages/ui/eslint.config.mjs b/packages/ui/eslint.config.mjs
new file mode 100644
index 0000000..57ab80a
--- /dev/null
+++ b/packages/ui/eslint.config.mjs
@@ -0,0 +1,3 @@
+import baseConfig from "@repo/eslint-config/base";
+
+export default [...baseConfig];
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 8b288cd..b51c31e 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -6,6 +6,10 @@
     "./*": {
       "types": "./src/*.ts",
       "default": "./dist/*.js"
+    },
+    "./global.css": {
+      "types": "./src/globalStyle/global.css.ts",
+      "default": "./dist/globalStyle/global.css.js"
     }
   },
   "scripts": {
diff --git a/packages/ui/src/button.css b/packages/ui/src/button.css
deleted file mode 100644
index 77b7cf6..0000000
--- a/packages/ui/src/button.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.btn-primary {
-  background-color: #3b82f6;
-  color: white;
-  padding: 0.5rem 1rem;
-  border-radius: 0.375rem;
-  font-weight: 500;
-  transition: background-color 0.2s;
-}
-
-.btn-primary:hover {
-  background-color: #4576de;
-}
-
-.btn-secondary {
-  background-color: #6b7280;
-  color: white;
-  padding: 0.5rem 1rem;
-  border-radius: 0.375rem;
-  font-weight: 500;
-  transition: background-color 0.2s;
-}
-
-.btn-secondary:hover {
-  background-color: #4b5563;
-}
-
-.btn-large {
-  padding: 0.75rem 1.5rem;
-  font-size: 1.125rem;
-}
-
-.btn-small {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-}
diff --git a/packages/ui/src/button.stories.ts b/packages/ui/src/button.stories.ts
deleted file mode 100644
index 465d89c..0000000
--- a/packages/ui/src/button.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Button } from "./button";
-
-const meta: Meta<typeof Button> = {
-  component: Button,
-  title: "UI/Button",
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-// 다양한 버튼 스토리
-export const Primary: Story = {
-  args: {
-    children: "기본 버튼",
-    appName: "Date Project",
-    className: "btn-primary",
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    children: "보조 버튼",
-    appName: "Date Project",
-    className: "btn-secondary",
-  },
-};
-
-export const Large: Story = {
-  args: {
-    children: "큰 버튼",
-    appName: "Date Project",
-    className: "btn-primary btn-large",
-  },
-};
-
-export const Small: Story = {
-  args: {
-    children: "작은 버튼",
-    appName: "Date Project",
-    className: "btn-secondary btn-small",
-  },
-};
diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
deleted file mode 100644
index 998de9d..0000000
--- a/packages/ui/src/button.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import { ReactNode } from "react";
-import "./button.css";
-
-interface ButtonProps {
-  children: ReactNode;
-  className?: string;
-  appName: string;
-}
-
-export const Button = ({ children, className, appName }: ButtonProps) => {
-  return (
-    <button
-      className={className}
-      onClick={() => alert(`Hello from your ${appName} app!`)}
-      type="button"
-    >
-      {children}
-    </button>
-  );
-};
diff --git a/packages/ui/src/buttonComponent/Button.stories.tsx b/packages/ui/src/buttonComponent/Button.stories.tsx
new file mode 100644
index 0000000..d5f426e
--- /dev/null
+++ b/packages/ui/src/buttonComponent/Button.stories.tsx
@@ -0,0 +1,67 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import ButtonComponent from "./ButtonComponent";
+import type { MouseEvent } from "react";
+import { FiUserPlus } from "react-icons/fi";
+
+const meta: Meta<typeof ButtonComponent> = {
+  component: ButtonComponent,
+  title: "UI/Button/Variant",
+  argTypes: {
+    children: { control: "text" },
+    type: {
+      control: "radio",
+      options: ["button", "submit", "reset"],
+    },
+    variant: {
+      control: "radio",
+      options: ["primary", "secondary", "outline", "accent"],
+    },
+    onClick: (e: MouseEvent) => alert("클릭 이벤트 발생"),
+    disabled: { control: "boolean" },
+  },
+  tags: ["!autodocs"],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary_Button: Story = {
+  args: {
+    variant: "primary",
+    disabled: false,
+    children: "버튼입니다",
+  },
+};
+
+export const Secondary_Button: Story = {
+  args: {
+    variant: "secondary",
+    disabled: false,
+    children: "버튼입니다",
+  },
+};
+
+export const Accent_Button: Story = {
+  args: {
+    variant: "accent",
+    disabled: false,
+    children: "버튼입니다",
+  },
+};
+
+export const Outline_Button: Story = {
+  args: {
+    variant: "outline",
+    disabled: false,
+    children: "버튼입니다",
+  },
+};
+
+export const Icon_Button: Story = {
+  args: {
+    variant: "outline",
+    disabled: false,
+    children: "버튼입니다",
+    icon: <FiUserPlus />,
+  },
+};
diff --git a/packages/ui/src/buttonComponent/ButtonComponent.stories.tsx b/packages/ui/src/buttonComponent/ButtonComponent.stories.tsx
new file mode 100644
index 0000000..861fafe
--- /dev/null
+++ b/packages/ui/src/buttonComponent/ButtonComponent.stories.tsx
@@ -0,0 +1,72 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FiUserPlus } from "react-icons/fi";
+import ButtonComponent from "./ButtonComponent";
+import { block, story } from "./storyStyle.css";
+
+const meta: Meta<typeof ButtonComponent> = {
+  component: ButtonComponent,
+  title: "UI/Button",
+  tags: ["!autodocs"],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Button: Story = {
+  render: () => {
+    return (
+      <div className={story}>
+        <h3>primary</h3>
+        <div className={block}>
+          <ButtonComponent type="button" variant="primary">
+            DEFAULT
+          </ButtonComponent>
+          <ButtonComponent type="button" variant="primary" disabled>
+            DISABLED
+          </ButtonComponent>
+        </div>
+        <h3>secondary</h3>
+        <div className={block}>
+          <ButtonComponent type="button" variant="secondary">
+            DEFAULT
+          </ButtonComponent>
+          <ButtonComponent type="button" variant="secondary" disabled>
+            DISABLED
+          </ButtonComponent>
+        </div>
+        <h3>outline</h3>
+        <div className={block}>
+          <ButtonComponent type="button" variant="outline">
+            DEFAULT
+          </ButtonComponent>
+          <ButtonComponent type="button" variant="outline" disabled>
+            DISABLED
+          </ButtonComponent>
+        </div>
+        <h3>accent</h3>
+        <div className={block}>
+          <ButtonComponent type="button" variant="accent">
+            DEFAULT
+          </ButtonComponent>
+          <ButtonComponent type="button" variant="accent" disabled>
+            DISABLED
+          </ButtonComponent>
+        </div>
+        <h3>with Icon</h3>
+        <div className={block}>
+          <ButtonComponent type="button" variant="accent" icon={<FiUserPlus />}>
+            DEFAULT
+          </ButtonComponent>
+          <ButtonComponent
+            type="button"
+            variant="accent"
+            icon={<FiUserPlus />}
+            disabled
+          >
+            DISABLED
+          </ButtonComponent>
+        </div>
+      </div>
+    );
+  },
+};
diff --git a/packages/ui/src/buttonComponent/ButtonComponent.tsx b/packages/ui/src/buttonComponent/ButtonComponent.tsx
new file mode 100644
index 0000000..b0c837a
--- /dev/null
+++ b/packages/ui/src/buttonComponent/ButtonComponent.tsx
@@ -0,0 +1,23 @@
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+import { buttonStyle } from "./style.css";
+
+interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+  children: React.ReactNode;
+  variant: "primary" | "secondary" | "outline" | "accent";
+  icon?: ReactNode;
+}
+
+const ButtonComponent = ({ type, ...args }: ButtonProps) => {
+  return (
+    <button
+      type={type || "button"}
+      className={`${buttonStyle[args.variant]} ${args.className}`}
+      {...args}
+    >
+      {args.icon}
+      {args.children}
+    </button>
+  );
+};
+
+export default ButtonComponent;
diff --git a/packages/ui/src/buttonComponent/storyStyle.css.ts b/packages/ui/src/buttonComponent/storyStyle.css.ts
new file mode 100644
index 0000000..7e48c4a
--- /dev/null
+++ b/packages/ui/src/buttonComponent/storyStyle.css.ts
@@ -0,0 +1,12 @@
+import { style } from "@vanilla-extract/css";
+
+export const story = style({
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+});
+
+export const block = style({
+  display: "flex",
+  gap: 8,
+});
diff --git a/packages/ui/src/buttonComponent/style.css.ts b/packages/ui/src/buttonComponent/style.css.ts
new file mode 100644
index 0000000..00e385b
--- /dev/null
+++ b/packages/ui/src/buttonComponent/style.css.ts
@@ -0,0 +1,80 @@
+import { style, styleVariants } from "@vanilla-extract/css";
+import { spacingSprinkles } from "../globalStyle/sprinkles.css";
+import { Color } from "../globalStyle/theme.css";
+
+const base = style([
+  spacingSprinkles({
+    paddingX: 12,
+    paddingY: 8,
+    placeItems: "flexCenter",
+  }),
+  {
+    height: 40,
+    borderRadius: 8,
+    gap: 4,
+  },
+]);
+// recipe로 바꿔보기
+export const buttonStyle = styleVariants({
+  primary: [
+    base,
+    {
+      backgroundColor: Color.primary.default,
+      color: Color.text.inverse,
+      ":active": { backgroundColor: Color.primary.active },
+      ":disabled": { color: Color.text.light },
+      selectors: {
+        "&:not(:disabled):hover": {
+          backgroundColor: Color.primary.hover,
+        },
+      },
+    },
+  ],
+  secondary: [
+    base,
+    {
+      backgroundColor: Color.secondary.default,
+      ":active": { backgroundColor: Color.secondary.active },
+      ":disabled": { color: Color.text.sub },
+      selectors: {
+        "&:not(:disabled):hover": {
+          backgroundColor: Color.secondary.hover,
+        },
+      },
+    },
+  ],
+  outline: [
+    base,
+    {
+      border: "1px solid",
+      borderColor: Color.border,
+      backgroundColor: "transparent",
+      ":active": { borderColor: Color.outline.active },
+      ":disabled": {
+        borderColor: Color.outline.disabled,
+        color: Color.text.sub,
+      },
+      selectors: {
+        "&:not(:disabled):hover": {
+          backgroundColor: Color.outline.hover,
+        },
+      },
+    },
+  ],
+  accent: [
+    base,
+    {
+      backgroundColor: Color.accent.default,
+      ":active": { backgroundColor: Color.accent.active },
+      ":disabled": {
+        backgroundColor: Color.accent.disabled,
+        color: Color.text.sub,
+      },
+      selectors: {
+        "&:not(:disabled):hover": {
+          backgroundColor: Color.accent.hover,
+        },
+      },
+    },
+  ],
+});
diff --git a/packages/ui/src/card.tsx b/packages/ui/src/card.tsx
deleted file mode 100644
index 7b98893..0000000
--- a/packages/ui/src/card.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { type JSX } from "react";
-
-export function Card({
-  className,
-  title,
-  children,
-  href,
-}: {
-  className?: string;
-  title: string;
-  children: React.ReactNode;
-  href: string;
-}): JSX.Element {
-  return (
-    <a
-      className={className}
-      href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`}
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <h2>
-        {title} <span>-&gt;</span>
-      </h2>
-      <p>{children}</p>
-    </a>
-  );
-}
diff --git a/packages/ui/src/code.tsx b/packages/ui/src/code.tsx
deleted file mode 100644
index f7cbd22..0000000
--- a/packages/ui/src/code.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { type JSX } from "react";
-
-export function Code({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}): JSX.Element {
-  return <code className={className}>{children}</code>;
-}
diff --git a/packages/ui/src/globalStyle/ColorPallet/ColorPallet.mdx b/packages/ui/src/globalStyle/ColorPallet/ColorPallet.mdx
new file mode 100644
index 0000000..61bf3db
--- /dev/null
+++ b/packages/ui/src/globalStyle/ColorPallet/ColorPallet.mdx
@@ -0,0 +1,134 @@
+import { Meta, ColorPalette, ColorItem } from "@storybook/blocks";
+
+<Meta title="Colors" />
+<h1>주요 색상 </h1>
+<h2>Color.xxx(.yyy) 으로 사용</h2>
+<ColorPalette>
+  <ColorItem
+    title="Color.primary"
+    colors={{
+      default: "#FFFFFF",
+      hover: "#EBEBEB",
+      active: "#D2D5D6",
+    }}
+  />
+  <ColorItem
+    title="Color.secondary"
+    colors={{
+      default: "#1F242A",
+      hover: "#333A41",
+      active: "#767676",
+    }}
+  />
+  <ColorItem
+    title="Color.accent"
+    colors={{
+      default: "#0062D2",
+      hover: "#0053B2",
+      active: "#003775",
+      disabled: "#002249",
+    }}
+  />
+  <ColorItem
+    title="Color.outline"
+    colors={{
+      default: "transparent",
+      hover: "#929AA1",
+      active: "#B1B5B8",
+      disabled: "#1F242A",
+    }}
+  />
+  <ColorItem
+    title="Color.text"
+    colors={{
+      default: "#FFFFFF",
+      sub: "#767676",
+      light: "#B1B5B8",
+      inverse: "#121212",
+    }}
+  />
+  <ColorItem
+    title="Color"
+    colors={{
+      "Color.bg": "#121212",
+      "Color.success": "#00CD0E",
+      "Color.warning": "#FFD000",
+      "Color.critical": "#D90000",
+    }}
+  />
+</ColorPalette>
+
+<h1>전체 색상 </h1>
+<h2>ColorVar.name 으로 사용</h2>
+<ColorPalette>
+  <ColorItem
+    title="ColorVar.grey"
+    colors={{
+      1: "#EBEBEB",
+      2: "#DADADA",
+      3: "#C1C1C1",
+      4: "#AEAEAE",
+      5: "#929292",
+      6: "#767676",
+      7: "#5D5D5D",
+      8: "#484848",
+      9: "#2C2C2C",
+      10: "#121212",
+    }}
+  />
+  <ColorItem
+    title="ColorVar.greyBlue"
+    colors={{
+      1: "#EBEBEB",
+      2: "#D2D5D6",
+      3: "#B1B5B8",
+      4: "#929AA1",
+      5: "#6C767F",
+      6: "#545F6A",
+      7: "#434E59",
+      8: "#333A41",
+      9: "#1F242A",
+      10: "#111115",
+    }}
+  />
+  <ColorItem
+    title="ColorVar.blue.light"
+    colors={{
+      1: "#F0F7FF",
+      2: "#DCECFF",
+      3: "#C0DDFF",
+      4: "#A3CDFF",
+      5: "#86BDFE",
+      6: "#73B3FF",
+      7: "#5AA5FF",
+      8: "#3792FF",
+      9: "#1F85FF",
+      10: "#0074FF",
+    }}
+  />
+  <ColorItem
+    title="ColorVar.blue.dark"
+    colors={{
+      1: "#006DEF",
+      2: "#0062D2",
+      3: "#005CC4",
+      4: "#0053B2",
+      5: "#004A9E",
+      6: "#004390",
+      7: "#003775",
+      8: "#002C5E",
+      9: "#002249",
+      10: "#001732",
+    }}
+  />
+  <ColorItem
+    title="ColorVar"
+    colors={{
+      "ColorVar.white": "#FFFFFF",
+      "ColorVar.transparent": "transparent",
+      "ColorVar.green": "#00CD0E",
+      "ColorVar.yellow": "#FFD000",
+      "ColorVar.red": "#D90000",
+    }}
+  />
+</ColorPalette>
diff --git a/packages/ui/src/inputWrapper/style.css.ts b/packages/ui/src/globalStyle/InputWrapper.css.ts
similarity index 74%
rename from packages/ui/src/inputWrapper/style.css.ts
rename to packages/ui/src/globalStyle/InputWrapper.css.ts
index c0d0a76..1bddc68 100644
--- a/packages/ui/src/inputWrapper/style.css.ts
+++ b/packages/ui/src/globalStyle/InputWrapper.css.ts
@@ -1,12 +1,12 @@
 import { style } from "@vanilla-extract/css";
-import { Color } from "../globalStyle/theme.css";
+import { Color } from "./theme.css";
 
 export const wrapper = style({
   position: "relative",
   border: "1px solid",
   borderColor: Color.border,
-  borderRadius: 8,
-  padding: 8,
+  borderRadius: "8px",
+  padding: "8px",
   display: "flex",
   backgroundColor: Color.primary.default,
   cursor: "pointer",
diff --git a/packages/ui/src/globalStyle/mediaQuery.css.ts b/packages/ui/src/globalStyle/mediaQuery.css.ts
new file mode 100644
index 0000000..87af6fe
--- /dev/null
+++ b/packages/ui/src/globalStyle/mediaQuery.css.ts
@@ -0,0 +1,11 @@
+import { createGlobalTheme } from "@vanilla-extract/css";
+
+//반응형 미디어쿼리
+export const Media = createGlobalTheme(":root", {
+  SCREEN_SM: "screen and (min-width: 600px)",
+  SCREEN_MD: "screen and (min-width: 768px)",
+  SCREEN_LG: "screen and (min-width: 1024px)",
+  SCREEN_XL: "screen and (min-width: 1440px)",
+});
+
+export type MEDIA = typeof Media;
diff --git a/packages/ui/src/globalStyle/sprinkles.css.ts b/packages/ui/src/globalStyle/sprinkles.css.ts
index 3a57300..85cf607 100644
--- a/packages/ui/src/globalStyle/sprinkles.css.ts
+++ b/packages/ui/src/globalStyle/sprinkles.css.ts
@@ -1,14 +1,41 @@
-import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
+import { createSprinkles, defineProperties } from "@vanilla-extract/sprinkles";
 
-// 반응형 break point 에 맞게 변경 + 세부 설정 안(못)했음
-const responsiveProperties = defineProperties({
-  conditions: {
-    mobile: { "@media": "screen and (min-width : 480px)" },
-    tablet: { "@media": "screen and (min-width : 768px)" },
-    desktop: { "@media": "screen and (min-width : 1024px)" },
+/**
+ * 축약어 설정
+ * @note paddingX, paddingY, marginX, marginY : number | "auto"
+ * @note placeItems : "flexCenter"
+ */
+const spacingValues = [
+  ...Array(51)
+    .fill(0)
+    .map((_, i) => 0 + i * 4),
+  "auto",
+];
+
+const sprinkles = defineProperties({
+  properties: {
+    paddingTop: spacingValues,
+    paddingBottom: spacingValues,
+    paddingLeft: spacingValues,
+    paddingRight: spacingValues,
+    marginTop: spacingValues,
+    marginBottom: spacingValues,
+    marginLeft: spacingValues,
+    marginRight: spacingValues,
+    placeItems: {
+      flexCenter: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      },
+    },
+  },
+  shorthands: {
+    paddingX: ["paddingLeft", "paddingRight"],
+    paddingY: ["paddingTop", "paddingBottom"],
+    marginX: ["marginLeft", "marginRight"],
+    marginY: ["marginTop", "marginBottom"],
   },
-  defaultCondition: "desktop",
-  properties: {},
 });
 
-export const sprinkles = createSprinkles(responsiveProperties);
+export const spacingSprinkles = createSprinkles(sprinkles);
diff --git a/packages/ui/src/globalStyle/theme.css.ts b/packages/ui/src/globalStyle/theme.css.ts
index db5b4dd..5e5eff0 100644
--- a/packages/ui/src/globalStyle/theme.css.ts
+++ b/packages/ui/src/globalStyle/theme.css.ts
@@ -9,57 +9,96 @@ type FlattenObjectKeys<T, Prefix extends string = ""> = {
 
 // 색상 토큰
 export const ColorVar = createGlobalTheme(":root", {
-  gray: {
-    10: "#EBEBEB",
-    20: "#DADADA",
-    30: "#C1C1C1",
-    40: "#AEAEAE",
-    50: "#92929",
-    60: "#767676",
-    70: "#5D5D5D",
-    80: "#484848",
-    90: "#2C2C2C",
+  white: "#fff",
+  transparent: "transparent",
+  green: "#00CD0E",
+  yellow: "#FFD000",
+  red: "#D90000",
+  grey: {
+    1: "#EBEBEB",
+    2: "#DADADA",
+    3: "#C1C1C1",
+    4: "#AEAEAE",
+    5: "#929292",
+    6: "#767676",
+    7: "#5D5D5D",
+    8: "#484848",
+    9: "#2C2C2C",
+    10: "#121212",
   },
-  grayBlue: {
-    10: "#EBEBEB",
-    20: "#D2D5D6",
-    30: "#B1B5B8",
-    40: "#929AA1",
-    50: "#6C767F",
-    60: "#545F6A",
-    70: "#434E59",
-    80: "#333A41",
-    90: "#1F242A",
+  greyBlue: {
+    1: "#EBEBEB",
+    2: "#D2D5D6",
+    3: "#B1B5B8",
+    4: "#929AA1",
+    5: "#6C767F",
+    6: "#545F6A",
+    7: "#434E59",
+    8: "#333A41",
+    9: "#1F242A",
+    10: "#111115",
+  },
+  blue: {
+    light: {
+      1: "#F0F7FF",
+      2: "#DCECFF",
+      3: "#C0DDFF",
+      4: "#A3CDFF",
+      5: "#86BDFE",
+      6: "#73B3FF",
+      7: "#5AA5FF",
+      8: "#3792FF",
+      9: "#1F85FF",
+      10: "#0074FF",
+    },
+    dark: {
+      1: "#006DEF",
+      2: "#0062D2",
+      3: "#005CC4",
+      4: "#0053B2",
+      5: "#004A9E",
+      6: "#004390",
+      7: "#003775",
+      8: "#002C5E",
+      9: "#002249",
+      10: "#001732",
+    },
   },
 });
-
 export const Color = createGlobalTheme(":root", {
-  bg: "#111115",
+  bg: ColorVar.grey[10],
+  success: ColorVar.green,
+  warning: ColorVar.yellow,
+  critical: ColorVar.red,
   primary: {
-    default: "#fff",
-    hover: ColorVar.gray[10],
-    active: "#CECECE",
+    default: ColorVar.white,
+    hover: ColorVar.grey[1],
+    active: ColorVar.greyBlue[2],
   },
   secondary: {
-    default: "#1F242A",
-    hover: "#333A41",
-    active: "#545F6A",
+    default: ColorVar.greyBlue[9],
+    hover: ColorVar.greyBlue[8],
+    active: ColorVar.grey[6],
   },
   accent: {
-    default: "#0062D2",
-    hover: "#074FA1",
-    active: "#00397A",
+    default: ColorVar.blue.dark[2],
+    hover: ColorVar.blue.dark[5],
+    active: ColorVar.blue.dark[7],
+    disabled: ColorVar.blue.dark[8],
+  },
+  outline: {
+    default: ColorVar.transparent,
+    hover: ColorVar.greyBlue[4],
+    active: ColorVar.greyBlue[2],
+    disabled: ColorVar.greyBlue[8],
   },
-  success: "#00CD0E",
-  warning: "#FFD000",
-  criticcal: "#D90000",
   text: {
-    default: "#fff",
-    sub: "#696B6D",
-    light: "#B1B5B8",
-    inverse: "#111115",
+    default: ColorVar.white,
+    sub: ColorVar.grey[6],
+    light: ColorVar.greyBlue[3],
+    inverse: ColorVar.grey[10],
   },
-  border: "#B5B5B5",
+  border: ColorVar.grey[6],
 });
 
 export type Colors = FlattenObjectKeys<typeof Color>;
diff --git a/packages/ui/src/imageInput/style.css.ts b/packages/ui/src/imageInput/style.css.ts
deleted file mode 100644
index 35b3399..0000000
--- a/packages/ui/src/imageInput/style.css.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { style, styleVariants } from "@vanilla-extract/css";
-import { Color } from "../globalStyle/theme.css";
-
-export const basicInput = style({
-  display: "none",
-});
-
-export const base = style({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  cursor: "pointer",
-  gap: 10,
-  width: "100%",
-  color: Color.text.inverse,
-  fontSize: 10,
-  border: "2px dashed",
-  borderColor: "transparent",
-  borderRadius: 8,
-});
-
-export const label = styleVariants({
-  active: [
-    base,
-    {
-      borderColor: Color.accent.active,
-    },
-  ],
-  none: [base],
-});
diff --git a/packages/ui/src/imageUploader/ImageUploader.tsx b/packages/ui/src/imageUploader/ImageUploader.tsx
index 9246ebf..8330cec 100644
--- a/packages/ui/src/imageUploader/ImageUploader.tsx
+++ b/packages/ui/src/imageUploader/ImageUploader.tsx
@@ -1,39 +1,40 @@
-import { useState } from "react";
-import ImageInput from "../imageInput/ImageInput";
-import ImagePreview from "../imageInput/imagePreview/ImagePreview";
-import useImageUrlStore from "../store/useImageUrlStore";
+import { useRef } from "react";
+import useImageUrlStore from "../../store/useImageUrlStore";
+import ImageInput from "./components/ImageInput/ImageInput";
+import ImagePreview from "./components/ImagePreview/ImagePreview";
 import * as style from "./style.css";
-import type { UrlType } from "../types/imageUrlType";
+import type { UrlType } from "./types/imageUrlType";
 
 const ImageUploader = () => {
   const { urlList, setUrlList } = useImageUrlStore();
-  const [selectItem, setSelectItem] = useState<UrlType>();
+  const selectRef = useRef<UrlType | null>(null);
 
   const handleDrag = (e: React.DragEvent, urlItem: UrlType) => {
-    //드래그 시작할때
+    //프리뷰 아이템 드래그 시작할때
     e.stopPropagation();
-    setSelectItem(urlItem);
+    selectRef.current = urlItem;
   };
-  const handleDrop = (e: React.DragEvent, targetItem: UrlType) => {
+
+  const handleDrop = (e: React.DragEvent, targetIndex: number) => {
     // 드롭 시, urlList에서 순서를 바꿔주기
     e.preventDefault();
     e.stopPropagation();
-    if (selectItem) {
-      const prevList = [...urlList];
-      // 드래그한 항목의 인덱스 찾기
-      const fromIndex = prevList.indexOf(selectItem);
-      const toIndex = prevList.indexOf(targetItem);
+    const selectItem = selectRef.current;
+    if (!selectItem) return;
+
+    const prevList = [...urlList];
+    // 드래그한 항목의 인덱스 찾기
+    const fromIndex = prevList.indexOf(selectItem);
 
-      // 순서 바꾸기
-      if (fromIndex !== -1 && toIndex !== -1 && fromIndex !== toIndex) {
-        // 배열의 순서를 바꿔줍니다.
-        prevList.splice(fromIndex, 1); // fromIndex 항목을 삭제
-        prevList.splice(toIndex, 0, selectItem); // toIndex 위치에 selectItem 삽입
-        setUrlList(prevList); // 업데이트된 리스트 상태로 설정
-      }
+    // 순서 바꾸기
+    if (fromIndex !== -1 && targetIndex !== -1 && fromIndex !== targetIndex) {
+      // 배열의 순서를 바꿔줍니다.
+      prevList.splice(fromIndex, 1); // fromIndex 항목을 삭제
+      prevList.splice(targetIndex, 0, selectItem); // toIndex 위치에 selectItem 삽입
+      setUrlList(prevList); // 업데이트된 리스트 상태로 설정
     }
   };
-  const hadleDragEnter = (e: React.DragEvent) => {
+  const handleDragEnter = (e: React.DragEvent) => {
     e.preventDefault();
     e.stopPropagation();
   };
@@ -42,12 +43,12 @@ const ImageUploader = () => {
     <div className={style.wrapper}>
       <ImageInput />
       <ul className={style.previewList}>
-        {urlList.map((urlItem) => (
+        {urlList.map((urlItem, index) => (
           <li
             key={urlItem.id}
             draggable
-            onDrop={(e) => handleDrop(e, urlItem)}
-            onDragOver={hadleDragEnter}
+            onDrop={(e) => handleDrop(e, index)}
+            onDragOver={handleDragEnter}
             onDragStart={(e) => handleDrag(e, urlItem)}
           >
             <ImagePreview url={urlItem} />
diff --git a/packages/ui/src/imageInput/ImageInput.tsx b/packages/ui/src/imageUploader/components/imageInput/ImageInput.tsx
similarity index 64%
rename from packages/ui/src/imageInput/ImageInput.tsx
rename to packages/ui/src/imageUploader/components/imageInput/ImageInput.tsx
index 9bbd0db..c1e4189 100644
--- a/packages/ui/src/imageInput/ImageInput.tsx
+++ b/packages/ui/src/imageUploader/components/imageInput/ImageInput.tsx
@@ -1,41 +1,43 @@
-import InputWrapper from "../inputWrapper/InputWrapper";
-import addImage from "../../assets/addImage.png";
-import * as style from "./style.css";
-import useImageUrlStore from "../store/useImageUrlStore";
 import type { ChangeEvent } from "react";
 import { useState } from "react";
+import addImage from "../../../../assets/addImage.png";
+import useImageUrlStore from "../../../../store/useImageUrlStore";
+import { wrapper } from "../../../globalStyle/InputWrapper.css";
+import * as style from "./style.css";
+
 const ImageInput = () => {
   const { setUrlList, urlList } = useImageUrlStore();
   const [isActive, setIsActive] = useState(false);
+  const LIMIT_SIZE = 3 * 1024 * 1024;
   const uploadFiles = (files: FileList) => {
     if (urlList.length + files.length > 4) {
       alert("사진은 최대 4장 등록 가능합니다.");
     } else {
-      const newUrlList = [...urlList];
-      for (let file of files) {
-        const url = URL.createObjectURL(file);
-        const uuid = crypto.randomUUID();
-        const urlObj = {
-          id: uuid,
-          url,
-        };
-        newUrlList.push(urlObj);
-        setUrlList(newUrlList);
+      const filteredFiles = Array.from(files).filter(
+        (file) => file.size < LIMIT_SIZE,
+      );
+      if (filteredFiles.length <= 0) {
+        alert("3MB 이하의 파일만 업로드 가능합니다");
       }
+      setUrlList([
+        ...urlList,
+        ...filteredFiles.map((file) => ({
+          id: crypto.randomUUID(),
+          url: URL.createObjectURL(file),
+        })),
+      ]);
     }
   };
   const handleSelectFile = (e: ChangeEvent<HTMLInputElement>) => {
-    const files = e.target.files || [];
-    uploadFiles(files as FileList);
+    const files = e.target.files;
+    if (!files) return;
+    uploadFiles(files);
   };
   const handleDragStart = (e: React.DragEvent) => {
     e.preventDefault();
     setIsActive(true);
   };
-  const handleDragEnd = (e: React.DragEvent) => {
-    e.preventDefault();
-    setIsActive(false);
-  };
+
   const handleDragOver = (e: React.DragEvent) => {
     e.preventDefault();
   };
@@ -47,12 +49,13 @@ const ImageInput = () => {
   };
 
   return (
-    <InputWrapper>
+    <div className={wrapper}>
       <label
-        className={isActive ? `${style.label.active}` : `${style.label.none}`}
+        className={style.labelStyle({
+          border: isActive ? "active" : "none",
+        })}
         htmlFor="image"
         onDragEnter={handleDragStart}
-        onDragLeave={handleDragEnd}
         onDragOver={handleDragOver}
         onDrop={(e) => handleDrop(e)}
       >
@@ -71,7 +74,7 @@ const ImageInput = () => {
         accept="image/png, image/jpeg, image/jpg"
         onChange={(e) => handleSelectFile(e)}
       ></input>
-    </InputWrapper>
+    </div>
   );
 };
 
diff --git a/packages/ui/src/imageUploader/components/imageInput/style.css.ts b/packages/ui/src/imageUploader/components/imageInput/style.css.ts
new file mode 100644
index 0000000..f45d365
--- /dev/null
+++ b/packages/ui/src/imageUploader/components/imageInput/style.css.ts
@@ -0,0 +1,29 @@
+import { style } from "@vanilla-extract/css";
+import { recipe } from "@vanilla-extract/recipes";
+import { Color } from "../../../globalStyle/theme.css";
+
+export const basicInput = style({
+  display: "none",
+});
+
+export const labelStyle = recipe({
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    cursor: "pointer",
+    gap: "10px",
+    width: "100%",
+    color: Color.text.inverse,
+    fontSize: "10px",
+    border: "2px dashed",
+    borderRadius: "8px",
+  },
+  variants: {
+    border: {
+      active: { borderColor: Color.accent.active },
+      none: { borderColor: "transparent" },
+    },
+  },
+});
diff --git a/packages/ui/src/imageInput/imagePreview/ImagePreview.tsx b/packages/ui/src/imageUploader/components/imagePreview/ImagePreview.tsx
similarity index 77%
rename from packages/ui/src/imageInput/imagePreview/ImagePreview.tsx
rename to packages/ui/src/imageUploader/components/imagePreview/ImagePreview.tsx
index ac2d7b3..72d4ac2 100644
--- a/packages/ui/src/imageInput/imagePreview/ImagePreview.tsx
+++ b/packages/ui/src/imageUploader/components/imagePreview/ImagePreview.tsx
@@ -1,8 +1,9 @@
-import InputWrapper from "../../inputWrapper/InputWrapper";
-import useImageUrlStore from "../../store/useImageUrlStore";
-import type { UrlType } from "../../types/imageUrlType";
 import { GoXCircleFill } from "react-icons/go";
+import useImageUrlStore from "../../../../store/useImageUrlStore";
+import { wrapper } from "../../../globalStyle/InputWrapper.css";
+import type { UrlType } from "../../types/imageUrlType";
 import * as style from "./style.css";
+
 const ImagePreview = ({ url }: { url: UrlType }) => {
   const { deleteUrl } = useImageUrlStore();
   const handleDeleteImageFile = () => {
@@ -10,7 +11,7 @@ const ImagePreview = ({ url }: { url: UrlType }) => {
   };
 
   return (
-    <InputWrapper>
+    <div className={wrapper}>
       <img src={url.url} alt="미리보기" width={50} height={50} />
       <button
         type="button"
@@ -19,7 +20,7 @@ const ImagePreview = ({ url }: { url: UrlType }) => {
       >
         <GoXCircleFill />
       </button>
-    </InputWrapper>
+    </div>
   );
 };
 
diff --git a/packages/ui/src/imageInput/imagePreview/style.css.ts b/packages/ui/src/imageUploader/components/imagePreview/style.css.ts
similarity index 51%
rename from packages/ui/src/imageInput/imagePreview/style.css.ts
rename to packages/ui/src/imageUploader/components/imagePreview/style.css.ts
index 76d2050..ceec323 100644
--- a/packages/ui/src/imageInput/imagePreview/style.css.ts
+++ b/packages/ui/src/imageUploader/components/imagePreview/style.css.ts
@@ -1,10 +1,9 @@
 import { style } from "@vanilla-extract/css";
-import { Color } from "../../globalStyle/theme.css";
+import { Color } from "../../../globalStyle/theme.css";
 
 export const deleteButton = style({
   position: "absolute",
-  top: 0,
-  right: 0,
-  transform: "translateY(-30%) translateX(30%)",
+  top: "-4px",
+  right: "-4px",
   color: Color.bg,
 });
diff --git a/packages/ui/src/imageUploader/style.css.ts b/packages/ui/src/imageUploader/style.css.ts
index 608638c..e0a8e43 100644
--- a/packages/ui/src/imageUploader/style.css.ts
+++ b/packages/ui/src/imageUploader/style.css.ts
@@ -2,13 +2,13 @@ import { style } from "@vanilla-extract/css";
 
 export const previewList = style({
   display: "flex",
-  gap: 8,
-  justifyContent: "start",
+  gap: "8px",
+  justifyContent: "flex-start",
   position: "relative",
 });
 
 export const wrapper = style({
   display: "flex",
   flexDirection: "column",
-  gap: 16,
+  gap: "16px",
 });
diff --git a/packages/ui/src/imageUploader/types/imageUrlType.ts b/packages/ui/src/imageUploader/types/imageUrlType.ts
new file mode 100644
index 0000000..1292573
--- /dev/null
+++ b/packages/ui/src/imageUploader/types/imageUrlType.ts
@@ -0,0 +1,4 @@
+export interface UrlType {
+  id: string;
+  url: string;
+}
diff --git a/packages/ui/src/inputWrapper/InputWrapper.tsx b/packages/ui/src/inputWrapper/InputWrapper.tsx
deleted file mode 100644
index c7b5c56..0000000
--- a/packages/ui/src/inputWrapper/InputWrapper.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-import * as style from "./style.css";
-
-const InputWrapper = ({ children }: { children: ReactNode }) => {
-  // width, height, padding - variant 설정 필요
-  return <div className={style.wrapper}>{children}</div>;
-};
-
-export default InputWrapper;
diff --git a/packages/ui/store/useImageUrlStore.ts b/packages/ui/store/useImageUrlStore.ts
new file mode 100644
index 0000000..7a59a78
--- /dev/null
+++ b/packages/ui/store/useImageUrlStore.ts
@@ -0,0 +1,21 @@
+import { create } from "zustand";
+import type { UrlType } from "../src/ImageUploader/types/imageUrlType";
+
+interface ImageUrlStoreType {
+  urlList: UrlType[];
+  setUrlList: (newUrl: UrlType[]) => void;
+  deleteUrl: (id: UrlType["id"]) => void;
+}
+const useImageUrlStore = create<ImageUrlStoreType>((set) => ({
+  urlList: [],
+  setUrlList: (newUrl) =>
+    set(() => ({
+      urlList: [...newUrl],
+    })),
+  deleteUrl: (targetId) =>
+    set((state) => ({
+      urlList: state.urlList.filter((url) => url.id !== targetId),
+    })),
+}));
+
+export default useImageUrlStore;
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
index 55f424b..4f82baa 100644
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
@@ -2,8 +2,8 @@
   "extends": "@repo/typescript-config/react-library.json",
   "compilerOptions": {
     "outDir": "dist",
-    "typeRoots": ["./node_modules/@types", "./src/types"]
+    "typeRoots": ["./node_modules/@types", "src/ImageUploader/types"]
   },
-  "include": ["src"],
+  "include": ["src", "store"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 02e7971..6be8dd9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,12 +95,21 @@ importers:
       '@chromatic-com/storybook':
         specifier: 3.2.5
         version: 3.2.5(react@19.0.0)(storybook@8.6.4(prettier@3.5.3))
+      '@mdx-js/react':
+        specifier: ^3.1.0
+        version: 3.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@mdx-js/rollup':
+        specifier: ^3.1.0
+        version: 3.1.0(acorn@8.14.1)(rollup@4.35.0)
       '@repo/ui':
         specifier: workspace:*
         version: link:../../packages/ui
       '@storybook/addon-actions':
         specifier: ^8.6.4
         version: 8.6.4(storybook@8.6.4(prettier@3.5.3))
+      '@storybook/addon-docs':
+        specifier: ^8.6.4
+        version: 8.6.4(@types/react@19.0.10)(storybook@8.6.4(prettier@3.5.3))
       '@storybook/addon-essentials':
         specifier: 8.6.4
         version: 8.6.4(@types/react@19.0.10)(storybook@8.6.4(prettier@3.5.3))
@@ -797,12 +806,20 @@ packages:
   '@manypkg/get-packages@1.1.3':
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
 
+  '@mdx-js/mdx@3.1.0':
+    resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
+
   '@mdx-js/react@3.1.0':
     resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==}
     peerDependencies:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@mdx-js/rollup@3.1.0':
+    resolution: {integrity: sha512-q4xOtUXpCzeouE8GaJ8StT4rDxm/U5j6lkMHL2srb2Q3Y7cobE0aXyPzXVVlbeIMBi+5R5MpbiaVE5/vJUdnHg==}
+    peerDependencies:
+      rollup: '>=2'
+
   '@next/env@15.2.1':
     resolution: {integrity: sha512-JmY0qvnPuS2NCWOz2bbby3Pe0VzdAQ7XpEB6uLIHmtXNfAsAO0KLQLkuAoc42Bxbo3/jMC3dcn9cdf+piCcG2Q==}
 
@@ -1281,6 +1298,9 @@ packages:
     resolution: {integrity: sha512-5CK3ZkVskSExf9YaXVMJ04F6Fb18HXKVZw8TMKVP7qOIvHGiBmT6YzWHqsQ3/PMNov2TzJ41ofRKX3zjR3G6Yg==}
     hasBin: true
 
+  '@types/acorn@4.0.6':
+    resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
+
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
@@ -1296,15 +1316,24 @@ packages:
   '@types/babel__traverse@7.20.6':
     resolution: {integrity: sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==}
 
+  '@types/debug@4.1.12':
+    resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
+
   '@types/doctrine@0.0.9':
     resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
 
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
   '@types/glob@7.2.0':
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/inquirer@6.5.0':
     resolution: {integrity: sha512-rjaYQ9b9y/VFGOpqBEXRavc3jh0a+e6evAbI31tMda8VlPaSy0AZJfXsvmIe3wklc7W6C3zCSfleuMXR7NOyXw==}
 
@@ -1314,12 +1343,18 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
   '@types/mdx@2.0.13':
     resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
   '@types/minimatch@5.1.2':
     resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==}
 
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
   '@types/node@12.20.55':
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
 
@@ -1346,6 +1381,12 @@ packages:
   '@types/tinycolor2@1.4.6':
     resolution: {integrity: sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==}
 
+  '@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==}
+
   '@types/uuid@9.0.8':
     resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
 
@@ -1396,6 +1437,9 @@ packages:
     resolution: {integrity: sha512-AjOC3zfnxd6S4Eiy3jwktJPclqhFHNyd8L6Gycf9WUPoKZpgM5PjkxY1X7uSy61xVpiJDhhk7XT2NVsN3ALTWg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
   '@vanilla-extract/babel-plugin-debug-ids@1.2.0':
     resolution: {integrity: sha512-z5nx2QBnOhvmlmBKeRX5sPVLz437wV30u+GJL+Hzj1rGiJYVNvgIIlzUpRNjVQ0MgAgiQIqIUbqPnmMc6HmDlQ==}
 
@@ -1577,6 +1621,10 @@ packages:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
+  astring@1.9.0:
+    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
+    hasBin: true
+
   async-function@1.0.0:
     resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
     engines: {node: '>= 0.4'}
@@ -1593,6 +1641,9 @@ packages:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
 
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -1665,6 +1716,9 @@ packages:
   caniuse-lite@1.0.30001703:
     resolution: {integrity: sha512-kRlAGTRWgPsOj7oARC9m1okJEXdL/8fekFVcxA8Hl7GH4r/sN4OJn/i6Flde373T50KS7Y37oFbMwlE8+F42kQ==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
   chai@5.2.0:
     resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
     engines: {node: '>=12'}
@@ -1688,6 +1742,18 @@ packages:
   change-case@3.1.0:
     resolution: {integrity: sha512-2AZp7uJZbYEzRPsFoa+ijKdvp9zsrnnt6+yFokfwEpeJm0xuJDVoxiRCAaTzyJND8GJkofo2IcKWaUZ/OECVzw==}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
   chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
 
@@ -1742,6 +1808,9 @@ packages:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
     engines: {node: '>=0.8'}
 
+  collapse-white-space@2.1.0:
+    resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
+
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -1765,6 +1834,9 @@ packages:
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
@@ -1846,6 +1918,9 @@ packages:
       supports-color:
         optional: true
 
+  decode-named-character-reference@1.1.0:
+    resolution: {integrity: sha512-Wy+JTSbFThEOXQIR2L6mxJvEs+veIzpmqD7ynWxMXGpnk3smkHQOp6forLdHsKpAMW9iJpaBBIxz285t1n1C3w==}
+
   dedent@1.5.3:
     resolution: {integrity: sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==}
     peerDependencies:
@@ -1907,6 +1982,9 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
@@ -2002,6 +2080,12 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  esast-util-from-estree@2.0.0:
+    resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
+
+  esast-util-from-js@2.0.1:
+    resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
+
   esbuild-register@3.6.0:
     resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
     peerDependencies:
@@ -2182,6 +2266,24 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-util-attach-comments@3.0.0:
+    resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
+
+  estree-util-build-jsx@3.0.1:
+    resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==}
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
+  estree-util-scope@1.0.0:
+    resolution: {integrity: sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==}
+
+  estree-util-to-js@2.0.0:
+    resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==}
+
+  estree-util-visit@2.0.0:
+    resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
@@ -2207,6 +2309,9 @@ packages:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
   extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
 
@@ -2439,6 +2544,15 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-estree@3.1.3:
+    resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
+
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
   header-case@1.0.1:
     resolution: {integrity: sha512-i0q9mkOeSuhXw6bGgiQCCBgY/jlZuV/7dZXyZ9c6LcBrqwvT8eT719E9uxE5LiZftdl+z81Ugbg/VvXV4OJOeQ==}
 
@@ -2500,6 +2614,9 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
+  inline-style-parser@0.2.4:
+    resolution: {integrity: sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==}
+
   inquirer@7.3.3:
     resolution: {integrity: sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==}
     engines: {node: '>=8.0.0'}
@@ -2516,6 +2633,12 @@ packages:
     resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
     engines: {node: '>= 12'}
 
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
   is-arguments@1.2.0:
     resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
     engines: {node: '>= 0.4'}
@@ -2558,6 +2681,9 @@ packages:
     resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
   is-docker@2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
@@ -2591,6 +2717,9 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
   is-interactive@1.0.0:
     resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
     engines: {node: '>=8'}
@@ -2618,6 +2747,10 @@ packages:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
 
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
@@ -2812,6 +2945,9 @@ packages:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -2852,10 +2988,41 @@ packages:
   map-or-similar@1.5.0:
     resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
 
+  markdown-extensions@2.0.0:
+    resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
+    engines: {node: '>=16'}
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdast-util-from-markdown@2.0.2:
+    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdx@3.0.0:
+    resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.0:
+    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
   media-query-parser@2.0.2:
     resolution: {integrity: sha512-1N4qp+jE0pL5Xv4uEcwVUhIkwdUO3S/9gML90nqKA7v7FcOS5vUtatfzok9S9U1EJU8dHWlcv95WLnKmmxZI9w==}
 
@@ -2869,6 +3036,90 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-mdx-expression@3.0.0:
+    resolution: {integrity: sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ==}
+
+  micromark-extension-mdx-jsx@3.0.1:
+    resolution: {integrity: sha512-vNuFb9czP8QCtAQcEJn0UJQJZA8Dk6DXKBqx+bg/w0WGuSxDxNr7hErW89tHUY31dUW4NqEOWwmEUNhjTFmHkg==}
+
+  micromark-extension-mdx-md@2.0.0:
+    resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==}
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==}
+
+  micromark-extension-mdxjs@3.0.0:
+    resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-mdx-expression@2.0.2:
+    resolution: {integrity: sha512-5E5I2pFzJyg2CtemqAbcyCktpHXuJbABnsb32wX2U8IQKhhVFBqkcZR5LRm1WVoFqa4kTueZK4abep7wdo9nrw==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-events-to-acorn@2.0.2:
+    resolution: {integrity: sha512-Fk+xmBrOv9QZnEDguL9OI9/NQQp6Hz4FuQ4YmCb/5V7+9eAh1s6AYSvL20kHkD67YIg7EpE54TiSlcsf3vyZgA==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -3104,6 +3355,9 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   pascal-case@2.0.1:
     resolution: {integrity: sha512-qjS4s8rBOJa2Xm0jmxXiyh1+OFf6ekCWOvUaRgAQSktzlTbMotS0nmG9gyYAybCWBcuP4fsBeRCKNwGBnMe2OQ==}
 
@@ -3215,6 +3469,9 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  property-information@7.0.0:
+    resolution: {integrity: sha512-7D/qOz/+Y4X/rzSB6jKxKUsQnphO046ei8qxG59mtM3RG3DHgTK81HrxrmoDVINJb8NKT5ZsRbwHvQ6B68Iyhg==}
+
   proxy-agent@6.5.0:
     resolution: {integrity: sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==}
     engines: {node: '>= 14'}
@@ -3283,6 +3540,18 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recma-build-jsx@1.0.0:
+    resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
+
+  recma-jsx@1.0.0:
+    resolution: {integrity: sha512-5vwkv65qWwYxg+Atz95acp8DMu1JDSqdGkA2Of1j6rCreyFUE/gp15fC8MnGEuG1W68UKjM6x6+YTWIh7hZM/Q==}
+
+  recma-parse@1.0.0:
+    resolution: {integrity: sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==}
+
+  recma-stringify@1.0.0:
+    resolution: {integrity: sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==}
+
   redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
@@ -3305,6 +3574,18 @@ packages:
     resolution: {integrity: sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==}
     engines: {node: '>=0.10.0'}
 
+  rehype-recma@1.0.0:
+    resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
+
+  remark-mdx@3.1.0:
+    resolution: {integrity: sha512-Ngl/H3YXyBV9RcRNdlYsZujAmhsxwzxpDzpDEhFBVAGthS4GDgnctpDjgFl/ULx5UEDzqtW1cyBSNKqYYrqLBA==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.1:
+    resolution: {integrity: sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==}
+
   require-like@0.1.2:
     resolution: {integrity: sha512-oyrU88skkMtDdauHDuKVrgR+zuItqr6/c//FXzvmxRGMexSDc6hNvJInGW3LL46n+8b50RykrvwSUIIQH2LQ5A==}
 
@@ -3490,6 +3771,13 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
   spawndamnit@3.0.1:
     resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
 
@@ -3557,6 +3845,9 @@ packages:
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -3593,6 +3884,12 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  style-to-js@1.1.16:
+    resolution: {integrity: sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw==}
+
+  style-to-object@1.0.8:
+    resolution: {integrity: sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==}
+
   styled-jsx@5.1.6:
     resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
@@ -3668,6 +3965,12 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
   ts-api-utils@2.0.1:
     resolution: {integrity: sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==}
     engines: {node: '>=18.12'}
@@ -3796,6 +4099,27 @@ packages:
   undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-position-from-estree@2.0.0:
+    resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
   universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
@@ -3843,6 +4167,12 @@ packages:
     resolution: {integrity: sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  vfile-message@4.0.2:
+    resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
   vite-node@3.0.8:
     resolution: {integrity: sha512-6PhR4H9VGlcwXZ+KWCdMqbtG649xCPZqfI9j2PsK1FcXgEzro5bGHcVKFCTqPLaNKZES8Evqv4LwvZARsq5qlg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -3987,6 +4317,9 @@ packages:
       use-sync-external-store:
         optional: true
 
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@adobe/css-tools@4.4.2': {}
@@ -4539,12 +4872,53 @@ snapshots:
       globby: 11.1.0
       read-yaml-file: 1.1.0
 
+  '@mdx-js/mdx@3.1.0(acorn@8.14.1)':
+    dependencies:
+      '@types/estree': 1.0.6
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdx': 2.0.13
+      collapse-white-space: 2.1.0
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-util-scope: 1.0.0
+      estree-walker: 3.0.3
+      hast-util-to-jsx-runtime: 2.3.6
+      markdown-extensions: 2.0.0
+      recma-build-jsx: 1.0.0
+      recma-jsx: 1.0.0(acorn@8.14.1)
+      recma-stringify: 1.0.0
+      rehype-recma: 1.0.0
+      remark-mdx: 3.1.0
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.1
+      source-map: 0.7.4
+      unified: 11.0.5
+      unist-util-position-from-estree: 2.0.0
+      unist-util-stringify-position: 4.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - acorn
+      - supports-color
+
   '@mdx-js/react@3.1.0(@types/react@19.0.10)(react@19.0.0)':
     dependencies:
       '@types/mdx': 2.0.13
       '@types/react': 19.0.10
       react: 19.0.0
 
+  '@mdx-js/rollup@3.1.0(acorn@8.14.1)(rollup@4.35.0)':
+    dependencies:
+      '@mdx-js/mdx': 3.1.0(acorn@8.14.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.35.0)
+      rollup: 4.35.0
+      source-map: 0.7.4
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - acorn
+      - supports-color
+
   '@next/env@15.2.1': {}
 
   '@next/eslint-plugin-next@15.2.1':
@@ -5014,6 +5388,10 @@ snapshots:
       semver: 7.6.2
       update-check: 1.5.4
 
+  '@types/acorn@4.0.6':
+    dependencies:
+      '@types/estree': 1.0.6
+
   '@types/aria-query@5.0.4': {}
 
   '@types/babel__core@7.20.5':
@@ -5037,8 +5415,16 @@ snapshots:
     dependencies:
       '@babel/types': 7.26.9
 
+  '@types/debug@4.1.12':
+    dependencies:
+      '@types/ms': 2.1.0
+
   '@types/doctrine@0.0.9': {}
 
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.6
+
   '@types/estree@1.0.6': {}
 
   '@types/glob@7.2.0':
@@ -5046,6 +5432,10 @@ snapshots:
       '@types/minimatch': 5.1.2
       '@types/node': 22.13.10
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/inquirer@6.5.0':
     dependencies:
       '@types/through': 0.0.33
@@ -5055,10 +5445,16 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/mdx@2.0.13': {}
 
   '@types/minimatch@5.1.2': {}
 
+  '@types/ms@2.1.0': {}
+
   '@types/node@12.20.55': {}
 
   '@types/node@20.17.24':
@@ -5085,6 +5481,10 @@ snapshots:
 
   '@types/tinycolor2@1.4.6': {}
 
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
   '@types/uuid@9.0.8': {}
 
   '@typescript-eslint/eslint-plugin@8.26.1(@typescript-eslint/parser@8.26.1(eslint@9.22.0)(typescript@5.8.2))(eslint@9.22.0)(typescript@5.8.2)':
@@ -5164,6 +5564,8 @@ snapshots:
       '@typescript-eslint/types': 8.26.1
       eslint-visitor-keys: 4.2.0
 
+  '@ungap/structured-clone@1.3.0': {}
+
   '@vanilla-extract/babel-plugin-debug-ids@1.2.0':
     dependencies:
       '@babel/core': 7.26.9
@@ -5435,6 +5837,8 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  astring@1.9.0: {}
+
   async-function@1.0.0: {}
 
   available-typed-arrays@1.0.7:
@@ -5445,6 +5849,8 @@ snapshots:
 
   axobject-query@4.1.0: {}
 
+  bail@2.0.2: {}
+
   balanced-match@1.0.2: {}
 
   base64-js@1.5.1: {}
@@ -5524,6 +5930,8 @@ snapshots:
 
   caniuse-lite@1.0.30001703: {}
 
+  ccount@2.0.1: {}
+
   chai@5.2.0:
     dependencies:
       assertion-error: 2.0.1
@@ -5571,6 +5979,14 @@ snapshots:
       upper-case: 1.1.3
       upper-case-first: 1.1.2
 
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
   chardet@0.7.0: {}
 
   check-error@2.1.1: {}
@@ -5602,6 +6018,8 @@ snapshots:
 
   clone@1.0.4: {}
 
+  collapse-white-space@2.1.0: {}
+
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -5628,6 +6046,8 @@ snapshots:
 
   colorette@2.0.20: {}
 
+  comma-separated-tokens@2.0.3: {}
+
   commander@10.0.1: {}
 
   commander@13.1.0: {}
@@ -5691,6 +6111,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decode-named-character-reference@1.1.0:
+    dependencies:
+      character-entities: 2.0.2
+
   dedent@1.5.3: {}
 
   deep-eql@5.0.2: {}
@@ -5745,6 +6169,10 @@ snapshots:
   detect-libc@2.0.3:
     optional: true
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   diff@4.0.2: {}
 
   dir-glob@3.0.1:
@@ -5897,6 +6325,20 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  esast-util-from-estree@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      unist-util-position-from-estree: 2.0.0
+
+  esast-util-from-js@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      acorn: 8.14.1
+      esast-util-from-estree: 2.0.0
+      vfile-message: 4.0.2
+
   esbuild-register@3.6.0(esbuild@0.25.1):
     dependencies:
       debug: 4.4.0
@@ -6166,6 +6608,35 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-util-attach-comments@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+
+  estree-util-build-jsx@3.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-walker: 3.0.3
+
+  estree-util-is-identifier-name@3.0.0: {}
+
+  estree-util-scope@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      devlop: 1.1.0
+
+  estree-util-to-js@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      astring: 1.9.0
+      source-map: 0.7.4
+
+  estree-util-visit@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/unist': 3.0.3
+
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
@@ -6205,6 +6676,8 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
+  extend@3.0.2: {}
+
   extendable-error@0.1.7: {}
 
   external-editor@3.1.0:
@@ -6466,6 +6939,51 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-estree@3.1.3:
+    dependencies:
+      '@types/estree': 1.0.6
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-attach-comments: 3.0.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.0.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.16
+      unist-util-position: 5.0.0
+      zwitch: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.6
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.0.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.16
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   header-case@1.0.1:
     dependencies:
       no-case: 2.3.2
@@ -6519,6 +7037,8 @@ snapshots:
 
   ini@1.3.8: {}
 
+  inline-style-parser@0.2.4: {}
+
   inquirer@7.3.3:
     dependencies:
       ansi-escapes: 4.3.2
@@ -6564,6 +7084,13 @@ snapshots:
       jsbn: 1.1.0
       sprintf-js: 1.1.3
 
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
   is-arguments@1.2.0:
     dependencies:
       call-bound: 1.0.4
@@ -6616,6 +7143,8 @@ snapshots:
       call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
+  is-decimal@2.0.1: {}
+
   is-docker@2.2.1: {}
 
   is-extglob@2.1.1: {}
@@ -6643,6 +7172,8 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-hexadecimal@2.0.1: {}
+
   is-interactive@1.0.0: {}
 
   is-lower-case@1.1.3:
@@ -6662,6 +7193,8 @@ snapshots:
 
   is-path-inside@3.0.3: {}
 
+  is-plain-obj@4.1.0: {}
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.4
@@ -6864,6 +7397,8 @@ snapshots:
       strip-ansi: 7.1.0
       wrap-ansi: 9.0.0
 
+  longest-streak@3.1.0: {}
+
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -6898,8 +7433,109 @@ snapshots:
 
   map-or-similar@1.5.0: {}
 
+  markdown-extensions@2.0.0: {}
+
   math-intrinsics@1.1.0: {}
 
+  mdast-util-from-markdown@2.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.1.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx@3.0.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.0
+
+  mdast-util-to-hast@13.2.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.0.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
   media-query-parser@2.0.2:
     dependencies:
       '@babel/runtime': 7.26.9
@@ -6912,6 +7548,214 @@ snapshots:
 
   merge2@1.4.1: {}
 
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.1.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-expression@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      devlop: 1.1.0
+      micromark-factory-mdx-expression: 2.0.2
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.2
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-jsx@3.0.1:
+    dependencies:
+      '@types/acorn': 4.0.6
+      '@types/estree': 1.0.6
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      micromark-factory-mdx-expression: 2.0.2
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.2
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.2
+
+  micromark-extension-mdx-md@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.2
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.2
+
+  micromark-extension-mdxjs@3.0.0:
+    dependencies:
+      acorn: 8.14.1
+      acorn-jsx: 5.3.2(acorn@8.14.1)
+      micromark-extension-mdx-expression: 3.0.0
+      micromark-extension-mdx-jsx: 3.0.1
+      micromark-extension-mdx-md: 2.0.0
+      micromark-extension-mdxjs-esm: 3.0.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-mdx-expression@2.0.2:
+    dependencies:
+      '@types/estree': 1.0.6
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.2
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-events-to-acorn@2.0.2:
+    dependencies:
+      '@types/acorn': 4.0.6
+      '@types/estree': 1.0.6
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.2
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.12
+      debug: 4.4.0
+      decode-named-character-reference: 1.1.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
@@ -7182,6 +8026,16 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.1.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   pascal-case@2.0.1:
     dependencies:
       camel-case: 3.0.0
@@ -7272,6 +8126,8 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  property-information@7.0.0: {}
+
   proxy-agent@6.5.0:
     dependencies:
       agent-base: 7.1.3
@@ -7360,6 +8216,36 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recma-build-jsx@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-util-build-jsx: 3.0.1
+      vfile: 6.0.3
+
+  recma-jsx@1.0.0(acorn@8.14.1):
+    dependencies:
+      acorn-jsx: 5.3.2(acorn@8.14.1)
+      estree-util-to-js: 2.0.0
+      recma-parse: 1.0.0
+      recma-stringify: 1.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - acorn
+
+  recma-parse@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      esast-util-from-js: 2.0.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  recma-stringify@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-util-to-js: 2.0.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
@@ -7396,6 +8282,38 @@ snapshots:
     dependencies:
       rc: 1.2.8
 
+  rehype-recma@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      '@types/hast': 3.0.4
+      hast-util-to-estree: 3.1.3
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-mdx@3.1.0:
+    dependencies:
+      mdast-util-mdx: 3.0.0
+      micromark-extension-mdxjs: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.2
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
   require-like@0.1.2: {}
 
   resolve-from@4.0.0: {}
@@ -7636,6 +8554,10 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  source-map@0.7.4: {}
+
+  space-separated-tokens@2.0.2: {}
+
   spawndamnit@3.0.1:
     dependencies:
       cross-spawn: 7.0.6
@@ -7733,6 +8655,11 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -7759,6 +8686,14 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
+  style-to-js@1.1.16:
+    dependencies:
+      style-to-object: 1.0.8
+
+  style-to-object@1.0.8:
+    dependencies:
+      inline-style-parser: 0.2.4
+
   styled-jsx@5.1.6(react@19.0.0):
     dependencies:
       client-only: 0.0.1
@@ -7821,6 +8756,10 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
   ts-api-utils@2.0.1(typescript@5.8.2):
     dependencies:
       typescript: 5.8.2
@@ -7960,6 +8899,43 @@ snapshots:
 
   undici-types@6.20.0: {}
 
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unist-util-is@6.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position-from-estree@2.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
   universalify@0.1.2: {}
 
   universalify@2.0.1: {}
@@ -8006,6 +8982,16 @@ snapshots:
 
   validate-npm-package-name@5.0.1: {}
 
+  vfile-message@4.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.2
+
   vite-node@3.0.8(@types/node@20.17.24)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
@@ -8132,3 +9118,5 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
       react: 19.0.0
+
+  zwitch@2.0.4: {}