@evinvest/uikit 0.6.0 → 0.8.0

package/dist/index.js

@@ -266,6 +266,53 @@ function useRovingFocus(opts) {
   return { activeIndex, setActiveIndex, onKeyDown };
 }
 
+// src/primitives/use-hover-intent.ts
+import * as React9 from "react";
+function useHoverIntent(opts) {
+  const { onOpen, onClose, openDelay = 500, closeDelay = 0 } = opts;
+  const openRef = React9.useRef(onOpen);
+  const closeRef = React9.useRef(onClose);
+  React9.useEffect(() => {
+    openRef.current = onOpen;
+    closeRef.current = onClose;
+  });
+  const timer = React9.useRef(null);
+  const clear = React9.useCallback(() => {
+    if (timer.current != null) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+  React9.useEffect(() => clear, [clear]);
+  const onPointerEnter = React9.useCallback(
+    (event) => {
+      if (event.pointerType !== "mouse") return;
+      clear();
+      timer.current = setTimeout(() => {
+        timer.current = null;
+        openRef.current();
+      }, openDelay);
+    },
+    [clear, openDelay]
+  );
+  const onPointerLeave = React9.useCallback(
+    (event) => {
+      if (event.pointerType !== "mouse") return;
+      clear();
+      if (closeDelay > 0) {
+        timer.current = setTimeout(() => {
+          timer.current = null;
+          closeRef.current();
+        }, closeDelay);
+      } else {
+        closeRef.current();
+      }
+    },
+    [clear, closeDelay]
+  );
+  return { onPointerEnter, onPointerLeave };
+}
+
 // src/primitives/merge-refs.ts
 import "react";
 function mergeRefs(...refs) {
@@ -327,7 +374,7 @@ function AlertDescription({
 }
 
 // src/components/avatar.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 
 // src/generated/avatar.ts
 var AVATAR = "relative flex size-8 shrink-0 overflow-hidden rounded-full";
@@ -351,7 +398,7 @@ function AvatarImage({
   onError,
   ...props
 }) {
-  const [errored, setErrored] = React11.useState(false);
+  const [errored, setErrored] = React12.useState(false);
   if (errored) return null;
   return /* @__PURE__ */ jsx2(
     "img",
@@ -825,7 +872,7 @@ function EmptyContent({
 }
 
 // src/components/field.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 
 // src/components/label.tsx
 import "react";
@@ -983,7 +1030,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React19.useMemo(() => {
+  const content = React20.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1012,8 +1059,92 @@ function FieldError({
   );
 }
 
+// src/components/section-descriptor.tsx
+import "react";
+import { Fragment, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var SECTION_DESCRIPTOR = "flex flex-col gap-2 rounded-lg border bg-accent p-4 text-left";
+function InfoGlyph({ className }) {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      className: cn("size-4 shrink-0", className),
+      children: [
+        /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx11("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx11("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function SectionDescriptor({
+  title,
+  icon = true,
+  collapsible = false,
+  defaultOpen = false,
+  className,
+  children,
+  ...props
+}) {
+  const titleContent = /* @__PURE__ */ jsxs3(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx11(InfoGlyph, { className: "text-main-accent-t1" }),
+    /* @__PURE__ */ jsx11("span", { children: title })
+  ] });
+  if (collapsible) {
+    return /* @__PURE__ */ jsxs3(
+      "details",
+      {
+        "data-slot": "section-descriptor",
+        "data-collapsible": "",
+        open: defaultOpen,
+        className: cn(SECTION_DESCRIPTOR, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx11(
+            "summary",
+            {
+              "data-slot": "section-descriptor-title",
+              className: cn(
+                FIELD_TITLE,
+                "cursor-pointer list-none [&::-webkit-details-marker]:hidden"
+              ),
+              children: titleContent
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            "p",
+            {
+              "data-slot": "section-descriptor-body",
+              className: cn(FIELD_DESCRIPTION, "mt-2"),
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(
+    "section",
+    {
+      "data-slot": "section-descriptor",
+      className: cn(SECTION_DESCRIPTOR, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx11("div", { "data-slot": "section-descriptor-title", className: FIELD_TITLE, children: titleContent }),
+        /* @__PURE__ */ jsx11("p", { "data-slot": "section-descriptor-body", className: FIELD_DESCRIPTION, children })
+      ]
+    }
+  );
+}
+
 // src/components/footer.tsx
-import * as React22 from "react";
+import * as React24 from "react";
 
 // src/components/container.tsx
 import "react";
@@ -1022,9 +1153,9 @@ import "react";
 var CONTAINER_BASE = "mx-auto w-full max-w-[var(--page-max,90rem)] px-[var(--page-px,1rem)]";
 
 // src/components/container.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Container({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "container",
@@ -1036,7 +1167,7 @@ function Container({ className, ...props }) {
 
 // src/components/logo.tsx
 import "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var LOGO_DATA_URI = "data:image/svg+xml,%3Csvg width=%22387%22 height=%22335%22 viewBox=%220 0 387 335%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M0.120605 130.841L140.84 112.176V61.7481L156.149 65.3501V104.786L163.641 103.662V66.6599L178.625 69.607V102.353L185.791 101.043V61.0932L156.475 48.3224L119.992 60.4383V101.043L0.120605 130.841Z%22 fill=%22black%22/%3E%3Cpath d=%22M213.479 112.176L237.584 114.469L237.258 0.841309L202.078 19.8338V72.8816L213.479 78.1209V112.176Z%22 fill=%22black%22/%3E%3Cpath d=%22M240.841 0.841309L276.347 20.1612V117.743L260.711 115.778V26.3829L240.841 15.9043V0.841309Z%22 fill=%22black%22/%3E%3Cpath d=%22M284.816 118.725L386.121 127.239L304.36 109.884V74.1914L284.816 63.7128V118.725Z%22 fill=%22black%22/%3E%3Cpath d=%22M0.120605 130.841L140.84 112.176V61.7481L156.149 65.3501V104.786L163.641 103.662V66.6599L178.625 69.607V102.353L185.791 101.043V61.0932L156.475 48.3224L119.992 60.4383V101.043L0.120605 130.841Z%22 stroke=%22black%22/%3E%3Cpath d=%22M213.479 112.176L237.584 114.469L237.258 0.841309L202.078 19.8338V72.8816L213.479 78.1209V112.176Z%22 stroke=%22black%22/%3E%3Cpath d=%22M240.841 0.841309L276.347 20.1612V117.743L260.711 115.778V26.3829L240.841 15.9043V0.841309Z%22 stroke=%22black%22/%3E%3Cpath d=%22M284.816 118.725L386.121 127.239L304.36 109.884V74.1914L284.816 63.7128V118.725Z%22 stroke=%22black%22/%3E%3Cpath d=%22M25.1206 333.987H31.6206V306.987H25.1206V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M92.6206 333.987H100.121L110.621 307.487H104.621L96.6206 325.987L88.6206 307.487H81.6206L92.6206 333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M44.6206 333.987H51.6206V318.987L65.1206 333.987H71.6206V307.487H65.1206V322.987L50.6206 307.487H44.6206V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M120.621 333.987H142.121V329.487H127.621V322.987H140.121V318.487H127.621V312.487H142.121V307.487H120.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M152.121 331.987L153.621 327.987C165.659 329.418 167.304 330.676 168.121 326.487C168.937 322.297 152.785 322.989 152.621 313.987C152.456 304.984 165.853 306.198 174.121 308.487L173.121 312.487C162.364 310.724 159.121 310.487 159.121 313.987C159.121 317.487 175.621 318.748 175.621 326.487C175.621 334.225 167.278 335.691 152.121 331.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M192.621 333.987H199.621V312.487H208.621V307.487H183.621V312.487H192.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M219.121 333.987H225.121V318.987L233.621 329.987H237.621L245.121 318.987V333.987L252.121 333.987V307.487H245.121L235.621 322.487L225.121 307.487H219.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M265.121 333.987H286.621V329.487H272.121V322.987H284.621V318.487H272.121V312.487H286.621V307.487H265.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M298.621 333.987H305.621V318.987L319.121 333.987H325.621V307.487H319.121V322.987L304.621 307.487H298.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M345.121 333.987H352.121V312.487H361.121V307.487H336.121V312.487H345.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M25.1206 333.987H31.6206V306.987H25.1206V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M92.6206 333.987H100.121L110.621 307.487H104.621L96.6206 325.987L88.6206 307.487H81.6206L92.6206 333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M44.6206 333.987H51.6206V318.987L65.1206 333.987H71.6206V307.487H65.1206V322.987L50.6206 307.487H44.6206V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M120.621 333.987H142.121V329.487H127.621V322.987H140.121V318.487H127.621V312.487H142.121V307.487H120.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M152.121 331.987L153.621 327.987C165.659 329.418 167.304 330.676 168.121 326.487C168.937 322.297 152.785 322.989 152.621 313.987C152.456 304.984 165.853 306.198 174.121 308.487L173.121 312.487C162.364 310.724 159.121 310.487 159.121 313.987C159.121 317.487 175.621 318.748 175.621 326.487C175.621 334.225 167.278 335.691 152.121 331.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M192.621 333.987H199.621V312.487H208.621V307.487H183.621V312.487H192.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M219.121 333.987H225.121V318.987L233.621 329.987H237.621L245.121 318.987V333.987L252.121 333.987V307.487H245.121L235.621 322.487L225.121 307.487H219.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M265.121 333.987H286.621V329.487H272.121V322.987H284.621V318.487H272.121V312.487H286.621V307.487H265.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M298.621 333.987H305.621V318.987L319.121 333.987H325.621V307.487H319.121V322.987L304.621 307.487H298.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M345.121 333.987H352.121V312.487H361.121V307.487H336.121V312.487H345.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M232.621 276.02L166.121 145.841H204.905L255.905 246.341L306.905 145.841H345.905L279.405 276.02H232.621Z%22 fill=%22black%22 stroke=%22black%22/%3E%3Cpath d=%22M41.1206 276.02H208.336L195.73 251.341H74.8362V220.341H179.894L168.144 197.341H74.8362V170.841L154.352 170.341L141.836 145.841H41.1206V276.02Z%22 fill=%22black%22 stroke=%22black%22/%3E%3C/svg%3E";
 var LOGO_BG = "oklch(0.256 0.1 260)";
 function Logo({ className, withBackground = false, src }) {
@@ -1052,7 +1183,7 @@ function Logo({ className, withBackground = false, src }) {
     maskSize: "contain",
     WebkitMaskSize: "contain"
   };
-  const mark = /* @__PURE__ */ jsx12(
+  const mark = /* @__PURE__ */ jsx13(
     "span",
     {
       "data-slot": "logo",
@@ -1063,7 +1194,7 @@ function Logo({ className, withBackground = false, src }) {
     }
   );
   if (!withBackground) return mark;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "data-slot": "logo-background",
@@ -1075,7 +1206,7 @@ function Logo({ className, withBackground = false, src }) {
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_DESCRIPTION = "EV Investment is a registered real estate advisory and investment management fund specializing in premium coastal developments in Quy Nhon, Binh Dinh province, Vietnam.";
 var DEFAULT_OFFICES = [
   {
@@ -1105,37 +1236,37 @@ function Footer({
   children
 }) {
   const L = linkComponent ?? "a";
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "footer",
     {
       "data-slot": "footer",
       className: "bg-main-black border-t border-main-mist/10 py-16",
       children: [
         children,
-        /* @__PURE__ */ jsxs3(Container, { children: [
-          /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-x-8 gap-y-8 lg:grid-cols-12 mb-12", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "col-span-2 lg:col-span-3", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 mb-6", children: [
-                /* @__PURE__ */ jsx13(Logo, { className: "w-8 h-8 text-white" }),
-                /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "font-serif-display font-bold text-base tracking-wider text-white", children: "EV INVESTMENT" }),
-                  /* @__PURE__ */ jsx13("span", { className: "text-[8px] font-mono-tech tracking-[0.3em] text-main-accent-t1 uppercase", children: tagline })
+        /* @__PURE__ */ jsxs4(Container, { children: [
+          /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-x-8 gap-y-8 lg:grid-cols-12 mb-12", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-3", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 mb-6", children: [
+                /* @__PURE__ */ jsx14(Logo, { className: "w-8 h-8 text-white" }),
+                /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx14("span", { className: "font-serif-display font-bold text-base tracking-wider text-white", children: "EV INVESTMENT" }),
+                  /* @__PURE__ */ jsx14("span", { className: "text-[8px] font-mono-tech tracking-[0.3em] text-main-accent-t1 uppercase", children: tagline })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx13("p", { className: "text-main-mist/40 text-xs font-light max-w-sm leading-relaxed mb-6", children: description }),
-              /* @__PURE__ */ jsx13("div", { className: "flex gap-4 text-xs font-mono-tech text-main-accent-t1", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxs3(React22.Fragment, { children: [
-                i > 0 && /* @__PURE__ */ jsx13("span", { className: "text-main-mist/20", children: "|" }),
-                /* @__PURE__ */ jsx13(L, { href: link.href, className: "hover:underline", children: link.label })
+              /* @__PURE__ */ jsx14("p", { className: "text-main-mist/40 text-xs font-light max-w-sm leading-relaxed mb-6", children: description }),
+              /* @__PURE__ */ jsx14("div", { className: "flex gap-4 text-xs font-mono-tech text-main-accent-t1", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxs4(React24.Fragment, { children: [
+                i > 0 && /* @__PURE__ */ jsx14("span", { className: "text-main-mist/20", children: "|" }),
+                /* @__PURE__ */ jsx14(L, { href: link.href, className: "hover:underline", children: link.label })
               ] }, link.label)) })
             ] }),
-            nav.map((group) => /* @__PURE__ */ jsxs3(
+            nav.map((group) => /* @__PURE__ */ jsxs4(
               "nav",
               {
                 "aria-label": `Footer ${group.heading} links`,
                 className: "lg:col-span-2",
                 children: [
-                  /* @__PURE__ */ jsx13("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: group.heading }),
-                  /* @__PURE__ */ jsx13("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: group.heading }),
+                  /* @__PURE__ */ jsx14("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14(
                     L,
                     {
                       href: link.href,
@@ -1147,24 +1278,24 @@ function Footer({
               },
               group.heading
             )),
-            /* @__PURE__ */ jsxs3("div", { className: "col-span-2 lg:col-span-3", children: [
-              /* @__PURE__ */ jsx13("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Offices" }),
-              /* @__PURE__ */ jsx13("ul", { className: "space-y-4 text-xs text-main-mist/70 font-light leading-relaxed", children: offices.map((office) => /* @__PURE__ */ jsxs3("li", { children: [
-                /* @__PURE__ */ jsx13("strong", { className: "text-white block font-mono-tech text-[10px] uppercase tracking-wider mb-1", children: office.name }),
+            /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-3", children: [
+              /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Offices" }),
+              /* @__PURE__ */ jsx14("ul", { className: "space-y-4 text-xs text-main-mist/70 font-light leading-relaxed", children: offices.map((office) => /* @__PURE__ */ jsxs4("li", { children: [
+                /* @__PURE__ */ jsx14("strong", { className: "text-white block font-mono-tech text-[10px] uppercase tracking-wider mb-1", children: office.name }),
                 office.address
               ] }, office.name)) })
             ] }),
-            newsletter && /* @__PURE__ */ jsxs3("div", { className: "col-span-2 lg:col-span-2", children: [
-              /* @__PURE__ */ jsx13("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Newsletter" }),
-              /* @__PURE__ */ jsx13("p", { className: "text-sm sm:text-xs font-light leading-relaxed text-main-mist/70 mb-4", children: newsletterBlurb }),
+            newsletter && /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-2", children: [
+              /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Newsletter" }),
+              /* @__PURE__ */ jsx14("p", { className: "text-sm sm:text-xs font-light leading-relaxed text-main-mist/70 mb-4", children: newsletterBlurb }),
               newsletter
             ] })
           ] }),
-          /* @__PURE__ */ jsx13("div", { className: "border-t border-main-mist/10 pt-8 text-[10px] font-mono-tech text-main-mist/40", children: /* @__PURE__ */ jsxs3("p", { children: [
+          /* @__PURE__ */ jsx14("div", { className: "border-t border-main-mist/10 pt-8 text-[10px] font-mono-tech text-main-mist/40", children: /* @__PURE__ */ jsxs4("p", { children: [
             "\xA9 2026 EV Investment. All rights reserved.",
-            version && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+            version && /* @__PURE__ */ jsxs4(Fragment3, { children: [
               " ",
-              /* @__PURE__ */ jsx13("a", { href: commitHref, className: "text-main-mist/30", children: version })
+              /* @__PURE__ */ jsx14("a", { href: commitHref, className: "text-main-mist/30", children: version })
             ] })
           ] }) })
         ] })
@@ -1173,168 +1304,6 @@ function Footer({
   );
 }
 
-// src/components/header.tsx
-import * as React23 from "react";
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
-function Header({
-  nav,
-  cta,
-  mobileCta,
-  tagline = "Quy Nhon Fund",
-  homeHref = "/",
-  className,
-  linkComponent,
-  variant = "marketing",
-  hideNav = false
-}) {
-  const L = linkComponent ?? "a";
-  const compact = variant === "compact";
-  const [hasScrolled, setHasScrolled] = React23.useState(false);
-  React23.useEffect(() => {
-    if (compact) return;
-    const handleScroll = () => setHasScrolled(window.scrollY > 50);
-    window.addEventListener("scroll", handleScroll);
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [compact]);
-  return /* @__PURE__ */ jsx14(
-    "header",
-    {
-      "data-slot": "header",
-      "data-variant": variant,
-      className: cn(
-        "fixed top-0 left-0 w-full z-[60] border-b",
-        compact ? (
-          // Fixed 4rem bar (py-3 + the 40px lockup): opaque by default so app
-          // content beneath it never bleeds through.
-          "h-16 bg-main-black/90 backdrop-blur-md border-main-mist/10"
-        ) : cn(
-          "transition-all duration-500",
-          hasScrolled ? "bg-main-black/90 backdrop-blur-md border-main-mist/10 py-4" : "bg-transparent border-transparent py-6"
-        ),
-        className
-      ),
-      children: /* @__PURE__ */ jsxs4(Container, { className: "flex h-full items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs4(
-          L,
-          {
-            href: homeHref,
-            className: "flex items-center gap-3",
-            "aria-label": "EV Investment \u2014 home",
-            children: [
-              /* @__PURE__ */ jsx14(Logo, { className: "w-10 h-10 text-white" }),
-              /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx14("span", { className: "font-serif-display font-bold text-lg tracking-wider text-white", children: "EV INVESTMENT" }),
-                /* @__PURE__ */ jsx14("span", { className: "text-[9px] font-mono-tech tracking-[0.3em] text-main-accent-t1 uppercase", children: tagline })
-              ] })
-            ]
-          }
-        ),
-        !hideNav && /* @__PURE__ */ jsx14("nav", { className: "hidden lg:flex items-center gap-6 font-mono-tech text-xs tracking-widest uppercase", children: nav.map((item) => /* @__PURE__ */ jsx14(
-          L,
-          {
-            href: item.href,
-            className: "text-main-mist/80 hover:text-main-accent-t1 transition-colors",
-            children: item.label
-          },
-          item.href
-        )) }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-          cta,
-          !hideNav && /* @__PURE__ */ jsx14(MobileMenu, { nav, cta: mobileCta ?? cta, linkComponent: L })
-        ] })
-      ] })
-    }
-  );
-}
-function MobileMenu({
-  nav,
-  cta,
-  linkComponent: L
-}) {
-  const [open, setOpen] = React23.useState(false);
-  React23.useEffect(() => {
-    if (!open) return;
-    document.body.style.overflow = "hidden";
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.body.style.overflow = "";
-      window.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open]);
-  const closeOnNavigation = (e) => {
-    if (e.target.closest("a, button")) setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs4("div", { className: "lg:hidden", children: [
-    /* @__PURE__ */ jsx14(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Open menu",
-        "aria-expanded": open,
-        "aria-haspopup": "menu",
-        onClick: () => setOpen(true),
-        className: "flex size-10 items-center justify-center text-white",
-        children: /* @__PURE__ */ jsx14(
-          "svg",
-          {
-            className: "size-6",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx14("path", { d: "M4 6h16M4 12h16M4 18h16" })
-          }
-        )
-      }
-    ),
-    open && /* @__PURE__ */ jsx14(Portal, { children: /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        onClick: closeOnNavigation,
-        className: "fixed inset-0 z-[70] flex flex-col bg-main-black px-6 pb-10 duration-200 animate-in fade-in lg:hidden",
-        children: [
-          /* @__PURE__ */ jsx14("div", { className: "flex h-20 shrink-0 items-center justify-end", children: /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Close menu",
-              className: "flex size-10 items-center justify-center text-white",
-              children: /* @__PURE__ */ jsx14(
-                "svg",
-                {
-                  className: "size-6",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx14("path", { d: "M18 6 6 18M6 6l12 12" })
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsx14("nav", { className: "flex flex-col font-mono-tech text-sm uppercase tracking-widest duration-300 ease-out animate-in fade-in slide-in-from-top-4", children: nav.map((item) => /* @__PURE__ */ jsx14(
-            L,
-            {
-              href: item.href,
-              className: "border-b border-main-mist/10 py-4 text-main-mist/80 transition-colors hover:text-main-accent-t1",
-              children: item.label
-            },
-            item.href
-          )) }),
-          cta && /* @__PURE__ */ jsx14("div", { className: "mt-8 w-full block", children: cta })
-        ]
-      }
-    ) })
-  ] });
-}
-
 // src/components/input.tsx
 import "react";
 
@@ -2192,7 +2161,7 @@ function TableCaption({
 }
 
 // src/components/accordion.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 
 // src/generated/accordion.ts
 var ACCORDION_ITEM = "border-b last:border-b-0";
@@ -2203,15 +2172,15 @@ var ACCORDION_CONTENT_INNER = "pt-0 pb-4";
 
 // src/components/accordion.tsx
 import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
-var AccordionContext = React36.createContext(null);
+var AccordionContext = React37.createContext(null);
 function useAccordion() {
-  const ctx = React36.useContext(AccordionContext);
+  const ctx = React37.useContext(AccordionContext);
   if (!ctx) throw new Error("Accordion parts must be used within <Accordion>");
   return ctx;
 }
-var ItemContext = React36.createContext(null);
+var ItemContext = React37.createContext(null);
 function useItemValue() {
-  const value = React36.useContext(ItemContext);
+  const value = React37.useContext(ItemContext);
   if (value === null)
     throw new Error("AccordionTrigger/Content must be used within <AccordionItem>");
   return value;
@@ -2322,13 +2291,13 @@ function AccordionContent({
 }
 
 // src/components/collapsible.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
-var CollapsibleContext = React37.createContext(
+var CollapsibleContext = React38.createContext(
   null
 );
 function useCollapsible() {
-  const ctx = React37.useContext(CollapsibleContext);
+  const ctx = React38.useContext(CollapsibleContext);
   if (!ctx) throw new Error("Collapsible parts must be used within <Collapsible>");
   return ctx;
 }
@@ -2376,7 +2345,7 @@ function CollapsibleContent({
 }
 
 // src/components/tabs.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 
 // src/generated/tabs.ts
 var TABS_ROOT = "flex flex-col gap-2";
@@ -2386,9 +2355,9 @@ var TABS_CONTENT = "flex-1 outline-none";
 
 // src/components/tabs.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
-var TabsContext = React38.createContext(null);
+var TabsContext = React39.createContext(null);
 function useTabs() {
-  const ctx = React38.useContext(TabsContext);
+  const ctx = React39.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs parts must be used within <Tabs>");
   return ctx;
 }
@@ -2424,7 +2393,7 @@ function TabsList({
   ...props
 }) {
   const { orientation } = useTabs();
-  const items = React38.Children.toArray(children);
+  const items = React39.Children.toArray(children);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({
     count: items.length,
     orientation: orientation === "vertical" ? "vertical" : "horizontal"
@@ -2442,7 +2411,7 @@ function TabsList({
       },
       ...props,
       children: items.map(
-        (child, index) => React38.isValidElement(child) ? React38.cloneElement(child, {
+        (child, index) => React39.isValidElement(child) ? React39.cloneElement(child, {
           __index: index,
           __isFocusItem: index === activeIndex,
           __onFocusItem: () => setActiveIndex(index)
@@ -2563,9 +2532,9 @@ function Toggle({
 }
 
 // src/components/toggle-group.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
-var ToggleGroupContext = React40.createContext({
+var ToggleGroupContext = React41.createContext({
   variant: "default",
   size: "default",
   value: [],
@@ -2592,7 +2561,7 @@ function ToggleGroup({
     defaultValue: toArray(defaultValue),
     onChange: (next) => onValueChange?.(type === "single" ? next[0] ?? "" : next)
   });
-  const toggle = React40.useCallback(
+  const toggle = React41.useCallback(
     (itemValue) => {
       if (type === "single") {
         setSelected(selected.includes(itemValue) ? [] : [itemValue]);
@@ -2628,7 +2597,7 @@ function ToggleGroupItem({
   onClick,
   ...props
 }) {
-  const context = React40.useContext(ToggleGroupContext);
+  const context = React41.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant || "default";
   const resolvedSize = context.size || size || "default";
   const on = context.value.includes(value);
@@ -2767,7 +2736,7 @@ function Checkbox({
 }
 
 // src/components/radio-group.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 
 // src/generated/radio-group.ts
 var RADIO_GROUP_ROOT = "grid gap-3";
@@ -2775,7 +2744,7 @@ var RADIO_GROUP_ITEM = "border-input text-primary focus-visible:border-ring focu
 
 // src/components/radio-group.tsx
 import { jsx as jsx34 } from "react/jsx-runtime";
-var RadioGroupContext = React43.createContext(
+var RadioGroupContext = React44.createContext(
   null
 );
 function RadioGroup({
@@ -2792,10 +2761,10 @@ function RadioGroup({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  const itemsRef = React43.useRef([]);
-  const [count, setCount] = React43.useState(0);
+  const itemsRef = React44.useRef([]);
+  const [count, setCount] = React44.useState(0);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({ count, orientation: "vertical", loop: true });
-  const register = React43.useCallback((el) => {
+  const register = React44.useCallback((el) => {
     const list = itemsRef.current;
     let index = list.indexOf(el);
     if (index === -1) {
@@ -2805,7 +2774,7 @@ function RadioGroup({
     }
     return index;
   }, []);
-  const ctx = React43.useMemo(
+  const ctx = React44.useMemo(
     () => ({ value: current, setValue: setCurrent, register, activeIndex, setActiveIndex }),
     [current, setCurrent, register, activeIndex, setActiveIndex]
   );
@@ -2831,11 +2800,11 @@ function RadioGroupItem({
   onClick,
   ...props
 }) {
-  const ctx = React43.useContext(RadioGroupContext);
+  const ctx = React44.useContext(RadioGroupContext);
   if (!ctx) throw new Error("RadioGroupItem must be used within a RadioGroup");
-  const indexRef = React43.useRef(-1);
+  const indexRef = React44.useRef(-1);
   const checked = ctx.value === value;
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (checked) ctx.setActiveIndex(indexRef.current);
   }, [checked]);
   return /* @__PURE__ */ jsx34(
@@ -2878,7 +2847,7 @@ function RadioGroupItem({
 }
 
 // src/components/slider.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 
 // src/generated/slider.ts
 var SLIDER_ROOT = "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";
@@ -2914,9 +2883,9 @@ function Slider({
   const current = clampStep(raw, min, max, step);
   const span = Math.max(max - min, Number.EPSILON);
   const percent = Math.min(100, Math.max(0, (current - min) / span * 100));
-  const trackRef = React44.useRef(null);
-  const draggingRef = React44.useRef(false);
-  const valueFromPointer = React44.useCallback(
+  const trackRef = React45.useRef(null);
+  const draggingRef = React45.useRef(false);
+  const valueFromPointer = React45.useCallback(
     (clientX, clientY) => {
       const rect = trackRef.current?.getBoundingClientRect();
       if (!rect) return current;
@@ -3059,7 +3028,7 @@ function ScrollBar({
 }
 
 // src/components/sidebar.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 
 // src/generated/sidebar.ts
 var SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0";
@@ -3092,9 +3061,9 @@ var SIDEBAR_MENU_ITEM = "group/menu-item relative";
 import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
-var SidebarContext = React46.createContext(null);
+var SidebarContext = React47.createContext(null);
 function useSidebar() {
-  const ctx = React46.useContext(SidebarContext);
+  const ctx = React47.useContext(SidebarContext);
   if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
   return ctx;
 }
@@ -3112,12 +3081,12 @@ function SidebarProvider({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const toggleSidebar = React46.useCallback(
+  const toggleSidebar = React47.useCallback(
     () => setOpen(!open),
     [open, setOpen]
   );
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React46.useMemo(
+  const contextValue = React47.useMemo(
     () => ({ state, open, setOpen, toggleSidebar }),
     [state, open, setOpen, toggleSidebar]
   );
@@ -3373,7 +3342,7 @@ function SidebarMenuButton({
 }
 
 // src/components/carousel.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 
 // src/generated/carousel.ts
 var CAROUSEL_CONTENT_VIEWPORT = "overflow-hidden";
@@ -3388,14 +3357,14 @@ var CAROUSEL_PREVIOUS_HORIZONTAL = "top-1/2 -left-12 -translate-y-1/2";
 var CAROUSEL_PREVIOUS_VERTICAL = "-top-12 left-1/2 -translate-x-1/2 rotate-90";
 var CAROUSEL_NEXT_HORIZONTAL = "top-1/2 -right-12 -translate-y-1/2";
 var CAROUSEL_NEXT_VERTICAL = "-bottom-12 left-1/2 -translate-x-1/2 rotate-90";
-var CAROUSEL_EDGE_FADE_PREV = "pointer-events-none absolute inset-y-0 left-0 w-20 bg-gradient-to-r from-background via-background/60 to-transparent transition-opacity duration-300";
-var CAROUSEL_EDGE_FADE_NEXT = "pointer-events-none absolute inset-y-0 right-0 w-20 bg-gradient-to-l from-background via-background/60 to-transparent transition-opacity duration-300";
+var CAROUSEL_EDGE_FADE_PREV = "pointer-events-none absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-background/45 via-background/20 to-transparent";
+var CAROUSEL_EDGE_FADE_NEXT = "pointer-events-none absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-background/45 via-background/20 to-transparent";
 
 // src/components/carousel.tsx
-import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
-var CarouselContext = React47.createContext(null);
+import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
+var CarouselContext = React48.createContext(null);
 function useCarousel() {
-  const context = React47.useContext(CarouselContext);
+  const context = React48.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -3416,13 +3385,13 @@ function Carousel({
     defaultValue: defaultIndex,
     onChange: onIndexChange
   });
-  const [count, setCount] = React47.useState(0);
+  const [count, setCount] = React48.useState(0);
   const canScrollPrev = index > 0;
   const canScrollNext = index < count - 1;
-  const scrollPrev = React47.useCallback(() => {
+  const scrollPrev = React48.useCallback(() => {
     if (index > 0) setIndex(index - 1);
   }, [index, setIndex]);
-  const scrollNext = React47.useCallback(() => {
+  const scrollNext = React48.useCallback(() => {
     if (index < count - 1) setIndex(index + 1);
   }, [index, count, setIndex]);
   const handleKeyDown = (event) => {
@@ -3470,8 +3439,8 @@ function CarouselContent({
   ...props
 }) {
   const { orientation, index, setCount } = useCarousel();
-  const childCount = React47.Children.count(children);
-  React47.useEffect(() => {
+  const childCount = React48.Children.count(children);
+  React48.useEffect(() => {
     setCount(childCount);
   }, [childCount, setCount]);
   const transform = orientation === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d(0, -${index * 100}%, 0)`;
@@ -3513,7 +3482,7 @@ function CarouselEdgeFade({
   className
 }) {
   const { canScrollPrev, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     /* @__PURE__ */ jsx38(
       "div",
       {
@@ -3622,7 +3591,7 @@ function CarouselNext({
 }
 
 // src/components/input-otp.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 
 // src/generated/input-otp.ts
 var INPUT_OTP_CONTAINER = "relative flex items-center gap-2 has-disabled:opacity-50";
@@ -3634,9 +3603,9 @@ var INPUT_OTP_SLOT_CARET = "animate-caret-blink bg-foreground h-4 w-px duration-
 
 // src/components/input-otp.tsx
 import { jsx as jsx39, jsxs as jsxs12 } from "react/jsx-runtime";
-var InputOTPContext = React48.createContext(null);
+var InputOTPContext = React49.createContext(null);
 function useInputOTP() {
-  const context = React48.useContext(InputOTPContext);
+  const context = React49.useContext(InputOTPContext);
   if (!context) {
     throw new Error("InputOTP slots must be used within an <InputOTP />");
   }
@@ -3658,7 +3627,7 @@ function InputOTP({
     defaultValue,
     onChange
   });
-  const [focused, setFocused] = React48.useState(false);
+  const [focused, setFocused] = React49.useState(false);
   const activeIndex = focused ? Math.min(value.length, maxLength - 1) : -1;
   return /* @__PURE__ */ jsx39(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs12(
     "div",
@@ -3736,21 +3705,21 @@ function InputOTPSeparator({ ...props }) {
 }
 
 // src/components/tooltip.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 
 // src/generated/tooltip.ts
 var TOOLTIP_CONTENT = "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance";
 
 // src/components/tooltip.tsx
-import { Fragment as Fragment4, jsx as jsx40 } from "react/jsx-runtime";
-var TooltipContext = React49.createContext(null);
+import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
+var TooltipContext = React50.createContext(null);
 function useTooltip() {
-  const ctx = React49.useContext(TooltipContext);
+  const ctx = React50.useContext(TooltipContext);
   if (!ctx) throw new Error("Tooltip parts must be used within <Tooltip>");
   return ctx;
 }
 function TooltipProvider({ children }) {
-  return /* @__PURE__ */ jsx40(Fragment4, { children });
+  return /* @__PURE__ */ jsx40(Fragment5, { children });
 }
 function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
@@ -3758,7 +3727,7 @@ function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React49.useRef(null);
+  const anchorRef = React50.useRef(null);
   return /* @__PURE__ */ jsx40(TooltipProvider, { children: /* @__PURE__ */ jsx40(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
 }
 function TooltipTrigger({
@@ -3829,16 +3798,16 @@ function TooltipContent({
 }
 
 // src/components/popover.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 
 // src/generated/popover.ts
 var POPOVER_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden";
 
 // src/components/popover.tsx
 import { jsx as jsx41 } from "react/jsx-runtime";
-var PopoverContext = React50.createContext(null);
+var PopoverContext = React51.createContext(null);
 function usePopover() {
-  const ctx = React50.useContext(PopoverContext);
+  const ctx = React51.useContext(PopoverContext);
   if (!ctx) throw new Error("Popover parts must be used within <Popover>");
   return ctx;
 }
@@ -3848,7 +3817,7 @@ function Popover({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React50.useRef(null);
+  const anchorRef = React51.useRef(null);
   return /* @__PURE__ */ jsx41(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function PopoverTrigger({ asChild = false, onClick, ...props }) {
@@ -3922,63 +3891,119 @@ function PopoverContent({
   ) });
 }
 
-// src/components/hover-card.tsx
-import * as React51 from "react";
-
-// src/generated/hover-card.ts
-var HOVER_CARD_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden";
-
-// src/components/hover-card.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var HoverCardContext = React51.createContext(null);
-function useHoverCard() {
-  const ctx = React51.useContext(HoverCardContext);
-  if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
+// src/components/info-tip.tsx
+import * as React52 from "react";
+import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+var InfoTipContext = React52.createContext(null);
+function useInfoTip() {
+  const ctx = React52.useContext(InfoTipContext);
+  if (!ctx) throw new Error("InfoTip parts must be used within <InfoTip>");
   return ctx;
 }
-function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
+function InfoTip({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React51.useRef(null);
-  return /* @__PURE__ */ jsx42(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React52.useRef(null);
+  const contentId = React52.useId();
+  return /* @__PURE__ */ jsx42(
+    InfoTipContext.Provider,
+    {
+      value: { open: isOpen, setOpen, anchorRef, contentId },
+      children
+    }
+  );
 }
-function HoverCardTrigger({
+function InfoGlyph2({ className }) {
+  return /* @__PURE__ */ jsxs13(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      className: cn("size-4", className),
+      children: [
+        /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx42("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx42("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function InfoTipTrigger({
   asChild = false,
+  label = "More information",
+  hoverDelay = 500,
+  className,
+  onClick,
+  onBlur,
   onPointerEnter,
   onPointerLeave,
+  children,
   ...props
 }) {
-  const { setOpen, anchorRef } = useHoverCard();
-  const Comp = asChild ? Slot : "a";
+  const { open, setOpen, anchorRef, contentId } = useInfoTip();
+  const hover = useHoverIntent({
+    onOpen: () => setOpen(true),
+    onClose: () => setOpen(false),
+    openDelay: hoverDelay
+  });
+  const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx42(
     Comp,
     {
-      "data-slot": "hover-card-trigger",
+      "data-slot": "info-tip-trigger",
+      "data-state": open ? "open" : "closed",
+      type: asChild ? void 0 : "button",
+      "aria-label": label,
+      "aria-expanded": open,
+      "aria-controls": contentId,
       ref: anchorRef,
+      className: cn(
+        "inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full align-middle text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:text-main-accent-t1",
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        setOpen(!open);
+      },
+      onBlur: (e) => {
+        onBlur?.(e);
+        setOpen(false);
+      },
       onPointerEnter: (e) => {
         onPointerEnter?.(e);
-        setOpen(true);
+        hover.onPointerEnter(e);
       },
       onPointerLeave: (e) => {
         onPointerLeave?.(e);
-        setOpen(false);
+        hover.onPointerLeave(e);
       },
-      ...props
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx42(InfoGlyph2, {})
     }
   );
 }
-function HoverCardContent({
+function InfoTipContent({
   className,
   side: sideProp = "bottom",
   align = "center",
-  sideOffset = 4,
+  sideOffset = 6,
   children,
   ...props
 }) {
-  const { open, anchorRef } = useHoverCard();
+  const { open, setOpen, anchorRef, contentId } = useInfoTip();
   const { isPresent, ref: presRef } = usePresence(open);
   const { floatingRef, style, side } = useFloating({
     anchorRef,
@@ -3987,63 +4012,153 @@ function HoverCardContent({
     align,
     offset: sideOffset
   });
+  const dismissRef = useDismissableLayer({
+    enabled: open,
+    onDismiss: () => setOpen(false),
+    exclude: [anchorRef]
+  });
   if (!isPresent) return null;
   return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(
     "div",
     {
-      "data-slot": "hover-card-content",
+      id: contentId,
+      role: "status",
+      "aria-live": "polite",
+      "data-slot": "info-tip-content",
       "data-state": open ? "open" : "closed",
       "data-side": side,
       "data-align": align,
-      ref: mergeRefs(floatingRef, presRef),
+      ref: mergeRefs(floatingRef, dismissRef, presRef),
       style,
-      className: cn(HOVER_CARD_CONTENT, className),
+      className: cn(POPOVER_CONTENT, "w-64 p-3 text-sm", className),
       ...props,
       children
     }
   ) });
 }
 
-// src/components/dropdown-menu.tsx
-import * as React52 from "react";
+// src/components/hover-card.tsx
+import * as React53 from "react";
 
-// src/generated/dropdown-menu.ts
-var DROPDOWN_MENU_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
-var DROPDOWN_MENU_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
-var DROPDOWN_MENU_ITEM = "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var DROPDOWN_MENU_CHECK_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var DROPDOWN_MENU_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var DROPDOWN_MENU_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
-var DROPDOWN_MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
-var DROPDOWN_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
-var DROPDOWN_MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+// src/generated/hover-card.ts
+var HOVER_CARD_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden";
 
-// src/components/dropdown-menu.tsx
-import { jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
-var DropdownMenuContext = React52.createContext(
-  null
-);
-function useDropdownMenu() {
-  const ctx = React52.useContext(DropdownMenuContext);
-  if (!ctx) throw new Error("DropdownMenu parts must be used within <DropdownMenu>");
+// src/components/hover-card.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+var HoverCardContext = React53.createContext(null);
+function useHoverCard() {
+  const ctx = React53.useContext(HoverCardContext);
+  if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
   return ctx;
 }
-function DropdownMenu({ open, defaultOpen = false, onOpenChange, children }) {
+function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React52.useRef(null);
-  return /* @__PURE__ */ jsx43(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx43("div", { "data-slot": "dropdown-menu", children }) });
-}
-function DropdownMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx43(Portal, { children });
+  const anchorRef = React53.useRef(null);
+  return /* @__PURE__ */ jsx43(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
-function DropdownMenuTrigger({ asChild = false, onClick, ...props }) {
-  const { open, setOpen, anchorRef } = useDropdownMenu();
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx43(
+function HoverCardTrigger({
+  asChild = false,
+  onPointerEnter,
+  onPointerLeave,
+  ...props
+}) {
+  const { setOpen, anchorRef } = useHoverCard();
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx43(
+    Comp,
+    {
+      "data-slot": "hover-card-trigger",
+      ref: anchorRef,
+      onPointerEnter: (e) => {
+        onPointerEnter?.(e);
+        setOpen(true);
+      },
+      onPointerLeave: (e) => {
+        onPointerLeave?.(e);
+        setOpen(false);
+      },
+      ...props
+    }
+  );
+}
+function HoverCardContent({
+  className,
+  side: sideProp = "bottom",
+  align = "center",
+  sideOffset = 4,
+  children,
+  ...props
+}) {
+  const { open, anchorRef } = useHoverCard();
+  const { isPresent, ref: presRef } = usePresence(open);
+  const { floatingRef, style, side } = useFloating({
+    anchorRef,
+    open,
+    side: sideProp,
+    align,
+    offset: sideOffset
+  });
+  if (!isPresent) return null;
+  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(
+    "div",
+    {
+      "data-slot": "hover-card-content",
+      "data-state": open ? "open" : "closed",
+      "data-side": side,
+      "data-align": align,
+      ref: mergeRefs(floatingRef, presRef),
+      style,
+      className: cn(HOVER_CARD_CONTENT, className),
+      ...props,
+      children
+    }
+  ) });
+}
+
+// src/components/dropdown-menu.tsx
+import * as React54 from "react";
+
+// src/generated/dropdown-menu.ts
+var DROPDOWN_MENU_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
+var DROPDOWN_MENU_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
+var DROPDOWN_MENU_ITEM = "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_CHECK_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
+var DROPDOWN_MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
+var DROPDOWN_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
+var DROPDOWN_MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+
+// src/components/dropdown-menu.tsx
+import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+var DropdownMenuContext = React54.createContext(
+  null
+);
+function useDropdownMenu() {
+  const ctx = React54.useContext(DropdownMenuContext);
+  if (!ctx) throw new Error("DropdownMenu parts must be used within <DropdownMenu>");
+  return ctx;
+}
+function DropdownMenu({ open, defaultOpen = false, onOpenChange, children }) {
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  const anchorRef = React54.useRef(null);
+  return /* @__PURE__ */ jsx44(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu", children }) });
+}
+function DropdownMenuPortal({ children }) {
+  return /* @__PURE__ */ jsx44(Portal, { children });
+}
+function DropdownMenuTrigger({ asChild = false, onClick, ...props }) {
+  const { open, setOpen, anchorRef } = useDropdownMenu();
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -4079,7 +4194,7 @@ function DropdownMenuContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const contentRef = React52.useRef(null);
+  const contentRef = React54.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -4088,13 +4203,13 @@ function DropdownMenuContent({
     orientation: "vertical",
     loop: true
   });
-  React52.useEffect(() => {
+  React54.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React52.useCallback(() => setOpen(false), [setOpen]);
+  const close = React54.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-content",
@@ -4117,10 +4232,10 @@ function DropdownMenuContent({
     }
   ) }) });
 }
-var DropdownMenuCloseContext = React52.createContext(() => {
+var DropdownMenuCloseContext = React54.createContext(() => {
 });
 function DropdownMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx43("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
 }
 function DropdownMenuItem({
   className,
@@ -4131,8 +4246,8 @@ function DropdownMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React52.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsx43(
+  const close = React54.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-item",
@@ -4169,8 +4284,8 @@ function DropdownMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React52.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsxs13(
+  const close = React54.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -4190,13 +4305,13 @@ function DropdownMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx43("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx43("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx44("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var DropdownMenuRadioGroupContext = React52.createContext(null);
+var DropdownMenuRadioGroupContext = React54.createContext(null);
 function DropdownMenuRadioGroup({
   className,
   value,
@@ -4204,11 +4319,11 @@ function DropdownMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React52.useMemo(
+  const ctx = React54.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx43(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx43("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx44(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function DropdownMenuRadioItem({
   className,
@@ -4218,10 +4333,10 @@ function DropdownMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React52.useContext(DropdownMenuCloseContext);
-  const group = React52.useContext(DropdownMenuRadioGroupContext);
+  const close = React54.useContext(DropdownMenuCloseContext);
+  const group = React54.useContext(DropdownMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -4242,14 +4357,14 @@ function DropdownMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx43("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx43("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx44("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-label",
@@ -4260,7 +4375,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
   );
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-separator",
@@ -4271,7 +4386,7 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -4280,18 +4395,18 @@ function DropdownMenuShortcut({ className, ...props }) {
     }
   );
 }
-var DropdownMenuSubContext = React52.createContext(null);
+var DropdownMenuSubContext = React54.createContext(null);
 function DropdownMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx43(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx43("div", { "data-slot": "dropdown-menu-sub", children }) });
+  return /* @__PURE__ */ jsx44(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-sub", children }) });
 }
 function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React52.useContext(DropdownMenuSubContext);
-  return /* @__PURE__ */ jsxs13(
+  const ctx = React54.useContext(DropdownMenuSubContext);
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -4312,15 +4427,15 @@ function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx43("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx43("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx44("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function DropdownMenuSubContent({ className, children, ...props }) {
-  const ctx = React52.useContext(DropdownMenuSubContext);
+  const ctx = React54.useContext(DropdownMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -4337,7 +4452,7 @@ function DropdownMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/context-menu.tsx
-import * as React53 from "react";
+import * as React55 from "react";
 
 // src/generated/context-menu.ts
 var CONTEXT_MENU_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
@@ -4350,10 +4465,10 @@ var CONTEXT_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
 var CONTEXT_MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
 
 // src/components/context-menu.tsx
-import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
-var ContextMenuContext = React53.createContext(null);
+import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+var ContextMenuContext = React55.createContext(null);
 function useContextMenu() {
-  const ctx = React53.useContext(ContextMenuContext);
+  const ctx = React55.useContext(ContextMenuContext);
   if (!ctx) throw new Error("ContextMenu parts must be used within <ContextMenu>");
   return ctx;
 }
@@ -4363,16 +4478,16 @@ function ContextMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const [point, setPoint] = React53.useState({ x: 0, y: 0 });
-  return /* @__PURE__ */ jsx44(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "context-menu", children }) });
+  const [point, setPoint] = React55.useState({ x: 0, y: 0 });
+  return /* @__PURE__ */ jsx45(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu", children }) });
 }
 function ContextMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx44(Portal, { children });
+  return /* @__PURE__ */ jsx45(Portal, { children });
 }
 function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   const { setOpen, setPoint } = useContextMenu();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Comp,
     {
       "data-slot": "context-menu-trigger",
@@ -4387,9 +4502,9 @@ function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   );
 }
 function ContextMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
 }
-var ContextMenuCloseContext = React53.createContext(() => {
+var ContextMenuCloseContext = React55.createContext(() => {
 });
 function ContextMenuContent({ className, children, ...props }) {
   const { open, setOpen, point } = useContextMenu();
@@ -4398,7 +4513,7 @@ function ContextMenuContent({ className, children, ...props }) {
     enabled: open,
     onDismiss: () => setOpen(false)
   });
-  const contentRef = React53.useRef(null);
+  const contentRef = React55.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -4407,13 +4522,13 @@ function ContextMenuContent({ className, children, ...props }) {
     orientation: "vertical",
     loop: true
   });
-  React53.useEffect(() => {
+  React55.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React53.useCallback(() => setOpen(false), [setOpen]);
+  const close = React55.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-content",
@@ -4445,8 +4560,8 @@ function ContextMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React53.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsx44(
+  const close = React55.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-item",
@@ -4483,8 +4598,8 @@ function ContextMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React53.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsxs14(
+  const close = React55.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-checkbox-item",
@@ -4504,13 +4619,13 @@ function ContextMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx45("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var ContextMenuRadioGroupContext = React53.createContext(null);
+var ContextMenuRadioGroupContext = React55.createContext(null);
 function ContextMenuRadioGroup({
   className,
   value,
@@ -4518,11 +4633,11 @@ function ContextMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React53.useMemo(
+  const ctx = React55.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx44(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx44("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx45(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function ContextMenuRadioItem({
   className,
@@ -4532,10 +4647,10 @@ function ContextMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React53.useContext(ContextMenuCloseContext);
-  const group = React53.useContext(ContextMenuRadioGroupContext);
+  const close = React55.useContext(ContextMenuCloseContext);
+  const group = React55.useContext(ContextMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-radio-item",
@@ -4556,14 +4671,14 @@ function ContextMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx45("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function ContextMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-label",
@@ -4574,7 +4689,7 @@ function ContextMenuLabel({ className, inset, ...props }) {
   );
 }
 function ContextMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-separator",
@@ -4585,7 +4700,7 @@ function ContextMenuSeparator({ className, ...props }) {
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -4594,18 +4709,18 @@ function ContextMenuShortcut({ className, ...props }) {
     }
   );
 }
-var ContextMenuSubContext = React53.createContext(null);
+var ContextMenuSubContext = React55.createContext(null);
 function ContextMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx44(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "context-menu-sub", children }) });
+  return /* @__PURE__ */ jsx45(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-sub", children }) });
 }
 function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React53.useContext(ContextMenuSubContext);
-  return /* @__PURE__ */ jsxs14(
+  const ctx = React55.useContext(ContextMenuSubContext);
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-sub-trigger",
@@ -4626,15 +4741,15 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx44("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx45("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function ContextMenuSubContent({ className, children, ...props }) {
-  const ctx = React53.useContext(ContextMenuSubContext);
+  const ctx = React55.useContext(ContextMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-sub-content",
@@ -4651,7 +4766,7 @@ function ContextMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/menubar.tsx
-import * as React54 from "react";
+import * as React56 from "react";
 
 // src/generated/menubar.ts
 var MENUBAR_ROOT = "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs";
@@ -4668,16 +4783,16 @@ var MENUBAR_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[st
 var MENUBAR_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg";
 
 // src/components/menubar.tsx
-import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
-var MenubarMenuContext = React54.createContext(null);
+import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+var MenubarMenuContext = React56.createContext(null);
 function useMenu() {
-  const ctx = React54.useContext(MenubarMenuContext);
+  const ctx = React56.useContext(MenubarMenuContext);
   if (!ctx) throw new Error("Menubar parts must be used within <MenubarMenu>");
   return ctx;
 }
-var MenubarRadioGroupContext = React54.createContext(null);
+var MenubarRadioGroupContext = React56.createContext(null);
 function Menubar({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar",
@@ -4693,12 +4808,12 @@ function MenubarMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React54.useRef(null);
-  return /* @__PURE__ */ jsx45(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "menubar-menu", className: "relative", children }) });
+  const triggerRef = React56.useRef(null);
+  return /* @__PURE__ */ jsx46(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-menu", className: "relative", children }) });
 }
 function MenubarTrigger({ className, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useMenu();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       ref: triggerRef,
@@ -4734,10 +4849,10 @@ function MenubarContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  const items = React54.Children.toArray(children);
+  const items = React56.Children.toArray(children);
   const { onKeyDown } = useRovingFocus({ count: items.length, orientation: "vertical" });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(
     "div",
     {
       ref: mergeRefs(presenceRef, floatingRef, dismissRef),
@@ -4754,7 +4869,7 @@ function MenubarContent({
   ) });
 }
 function MenubarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { "data-slot": "menubar-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-group", role: "group", className, ...props });
 }
 function MenubarItem({
   className,
@@ -4762,7 +4877,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-item",
@@ -4781,7 +4896,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-checkbox-item",
@@ -4791,7 +4906,7 @@ function MenubarCheckboxItem({
       className: cn(MENUBAR_CHECKBOX_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx46(
           "svg",
           {
             className: "size-4",
@@ -4801,7 +4916,7 @@ function MenubarCheckboxItem({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx45("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx46("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }),
         children
@@ -4821,7 +4936,7 @@ function MenubarRadioGroup({
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsx45(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
+  return /* @__PURE__ */ jsx46(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
 }
 function MenubarRadioItem({
   className,
@@ -4829,9 +4944,9 @@ function MenubarRadioItem({
   value,
   ...props
 }) {
-  const ctx = React54.useContext(MenubarRadioGroupContext);
+  const ctx = React56.useContext(MenubarRadioGroupContext);
   const checked = ctx?.value === value;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-radio-item",
@@ -4842,7 +4957,7 @@ function MenubarRadioItem({
       onClick: () => ctx?.onValueChange(value),
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx45("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx45("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+        /* @__PURE__ */ jsx46("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx46("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx46("circle", { cx: "12", cy: "12", r: "10" }) }) }),
         children
       ]
     }
@@ -4853,7 +4968,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-label",
@@ -4864,7 +4979,7 @@ function MenubarLabel({
   );
 }
 function MenubarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-separator",
@@ -4875,7 +4990,7 @@ function MenubarSeparator({ className, ...props }) {
   );
 }
 function MenubarShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -4884,9 +4999,9 @@ function MenubarShortcut({ className, ...props }) {
     }
   );
 }
-var MenubarSubContext = React54.createContext(null);
+var MenubarSubContext = React56.createContext(null);
 function useSub() {
-  const ctx = React54.useContext(MenubarSubContext);
+  const ctx = React56.useContext(MenubarSubContext);
   if (!ctx) throw new Error("MenubarSub parts must be used within <MenubarSub>");
   return ctx;
 }
@@ -4896,7 +5011,7 @@ function MenubarSub({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx45(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "menubar-sub", className: "relative", children }) });
+  return /* @__PURE__ */ jsx46(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-sub", className: "relative", children }) });
 }
 function MenubarSubTrigger({
   className,
@@ -4906,7 +5021,7 @@ function MenubarSubTrigger({
   ...props
 }) {
   const { open, setOpen } = useSub();
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-sub-trigger",
@@ -4922,7 +5037,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "svg",
           {
             className: "ml-auto h-4 w-4",
@@ -4932,7 +5047,7 @@ function MenubarSubTrigger({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx45("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx46("path", { d: "m9 18 6-6-6-6" })
           }
         )
       ]
@@ -4943,7 +5058,7 @@ function MenubarSubContent({ className, children, ...props }) {
   const { open } = useSub();
   const { isPresent, ref } = usePresence(open);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -4958,7 +5073,7 @@ function MenubarSubContent({ className, children, ...props }) {
 }
 
 // src/components/navigation-menu.tsx
-import * as React55 from "react";
+import * as React57 from "react";
 
 // src/generated/navigation-menu.ts
 var NAVIGATION_MENU = "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center";
@@ -4971,13 +5086,13 @@ var NAVIGATION_MENU_INDICATOR = "data-[state=visible]:animate-in data-[state=hid
 var NAVIGATION_MENU_VIEWPORT = "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]";
 
 // src/components/navigation-menu.tsx
-import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
 function navigationMenuTriggerStyle() {
   return NAVIGATION_MENU_TRIGGER_STYLE;
 }
-var NavigationMenuItemContext = React55.createContext(null);
+var NavigationMenuItemContext = React57.createContext(null);
 function useItem() {
-  const ctx = React55.useContext(NavigationMenuItemContext);
+  const ctx = React57.useContext(NavigationMenuItemContext);
   if (!ctx) throw new Error("NavigationMenu parts must be used within <NavigationMenuItem>");
   return ctx;
 }
@@ -4987,7 +5102,7 @@ function NavigationMenu({
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "nav",
     {
       "data-slot": "navigation-menu",
@@ -5000,13 +5115,13 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx46(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx47(NavigationMenuViewport, {})
       ]
     }
   );
 }
 function NavigationMenuList({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "ul",
     {
       "data-slot": "navigation-menu-list",
@@ -5032,8 +5147,8 @@ function NavigationMenuItem({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React55.useRef(null);
-  return /* @__PURE__ */ jsx46(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx46("li", { "data-slot": "navigation-menu-item", className: cn(NAVIGATION_MENU_ITEM, className), ...props, children }) });
+  const triggerRef = React57.useRef(null);
+  return /* @__PURE__ */ jsx47(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx47("li", { "data-slot": "navigation-menu-item", className: cn(NAVIGATION_MENU_ITEM, className), ...props, children }) });
 }
 function NavigationMenuTrigger({
   className,
@@ -5042,7 +5157,7 @@ function NavigationMenuTrigger({
   ...props
 }) {
   const { open, setOpen, triggerRef } = useItem();
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "button",
     {
       ref: triggerRef,
@@ -5058,7 +5173,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "svg",
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -5069,7 +5184,7 @@ function NavigationMenuTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx46("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx47("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -5085,7 +5200,7 @@ function NavigationMenuContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       ref: mergeRefs(presenceRef, dismissRef),
@@ -5101,7 +5216,7 @@ function NavigationMenuContent({ className, children, ...props }) {
   );
 }
 function NavigationMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "navigation-menu-viewport",
@@ -5119,7 +5234,7 @@ function NavigationMenuLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "navigation-menu-link",
@@ -5132,7 +5247,7 @@ function NavigationMenuLink({
   );
 }
 function NavigationMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -5141,13 +5256,13 @@ function NavigationMenuIndicator({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx46("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx47("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/dialog.tsx
-import * as React56 from "react";
+import * as React58 from "react";
 
 // src/generated/dialog.ts
 var DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5159,10 +5274,10 @@ var DIALOG_TITLE = "text-lg leading-none font-semibold";
 var DIALOG_DESCRIPTION = "text-muted-foreground text-sm";
 
 // src/components/dialog.tsx
-import { Fragment as Fragment5, jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
-var DialogContext = React56.createContext(null);
+import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
+var DialogContext = React58.createContext(null);
 function useDialog() {
-  const ctx = React56.useContext(DialogContext);
+  const ctx = React58.useContext(DialogContext);
   if (!ctx) throw new Error("Dialog parts must be used within <Dialog>");
   return ctx;
 }
@@ -5172,13 +5287,13 @@ function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React56.useRef(null);
-  return /* @__PURE__ */ jsx47(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React58.useRef(null);
+  return /* @__PURE__ */ jsx48(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function DialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "dialog-trigger",
@@ -5193,11 +5308,11 @@ function DialogTrigger({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ jsx47(Fragment5, { children });
+  return /* @__PURE__ */ jsx48(Fragment6, { children });
 }
 function DialogOverlay({ className, ...props }) {
   const { open, setOpen } = useDialog();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-overlay",
@@ -5208,7 +5323,7 @@ function DialogOverlay({ className, ...props }) {
     }
   );
 }
-var XIcon = (props) => /* @__PURE__ */ jsx47(
+var XIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5221,7 +5336,7 @@ var XIcon = (props) => /* @__PURE__ */ jsx47(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx47("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx48("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function DialogContent({
@@ -5238,7 +5353,7 @@ function DialogContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  React56.useEffect(() => {
+  React58.useEffect(() => {
     if (!open) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -5247,9 +5362,9 @@ function DialogContent({
     };
   }, [open]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs17(Portal, { children: [
-    /* @__PURE__ */ jsx47(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(Portal, { children: [
+    /* @__PURE__ */ jsx48(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs18(
       "div",
       {
         "data-slot": "dialog-content",
@@ -5261,7 +5376,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs17(
+          showCloseButton && /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -5269,8 +5384,8 @@ function DialogContent({
               onClick: () => setOpen(false),
               className: DIALOG_CLOSE,
               children: [
-                /* @__PURE__ */ jsx47(XIcon, {}),
-                /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx48(XIcon, {}),
+                /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5282,7 +5397,7 @@ function DialogContent({
 function DialogClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "dialog-close",
@@ -5295,7 +5410,7 @@ function DialogClose({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-header",
@@ -5305,7 +5420,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -5315,7 +5430,7 @@ function DialogFooter({ className, ...props }) {
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "h2",
     {
       "data-slot": "dialog-title",
@@ -5325,7 +5440,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "p",
     {
       "data-slot": "dialog-description",
@@ -5336,7 +5451,7 @@ function DialogDescription({ className, ...props }) {
 }
 
 // src/components/alert-dialog.tsx
-import * as React57 from "react";
+import * as React59 from "react";
 
 // src/generated/alert-dialog.ts
 var ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5347,10 +5462,10 @@ var ALERT_DIALOG_TITLE = "text-lg font-semibold";
 var ALERT_DIALOG_DESCRIPTION = "text-muted-foreground text-sm";
 
 // src/components/alert-dialog.tsx
-import { jsx as jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
-var AlertDialogContext = React57.createContext(null);
+import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
+var AlertDialogContext = React59.createContext(null);
 function useAlertDialog() {
-  const ctx = React57.useContext(AlertDialogContext);
+  const ctx = React59.useContext(AlertDialogContext);
   if (!ctx) throw new Error("AlertDialog parts must be used within <AlertDialog>");
   return ctx;
 }
@@ -5360,13 +5475,13 @@ function AlertDialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React57.useRef(null);
-  return /* @__PURE__ */ jsx48(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React59.useRef(null);
+  return /* @__PURE__ */ jsx49(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useAlertDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "alert-dialog-trigger",
@@ -5382,7 +5497,7 @@ function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
 }
 function AlertDialogOverlay({ className, ...props }) {
   const { open, setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-overlay",
@@ -5403,9 +5518,9 @@ function AlertDialogContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs18(Portal, { children: [
-    /* @__PURE__ */ jsx48(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs19(Portal, { children: [
+    /* @__PURE__ */ jsx49(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx49(
       "div",
       {
         "data-slot": "alert-dialog-content",
@@ -5421,7 +5536,7 @@ function AlertDialogContent({ className, children, ...props }) {
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -5431,7 +5546,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -5441,7 +5556,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "h2",
     {
       "data-slot": "alert-dialog-title",
@@ -5451,7 +5566,7 @@ function AlertDialogTitle({ className, ...props }) {
   );
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "p",
     {
       "data-slot": "alert-dialog-description",
@@ -5462,7 +5577,7 @@ function AlertDialogDescription({ className, ...props }) {
 }
 function AlertDialogAction({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "button",
     {
       "data-slot": "alert-dialog-action",
@@ -5477,7 +5592,7 @@ function AlertDialogAction({ className, onClick, ...props }) {
 }
 function AlertDialogCancel({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "button",
     {
       "data-slot": "alert-dialog-cancel",
@@ -5492,7 +5607,7 @@ function AlertDialogCancel({ className, onClick, ...props }) {
 }
 
 // src/components/sheet.tsx
-import * as React58 from "react";
+import * as React60 from "react";
 
 // src/generated/sheet.ts
 var SHEET_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5508,10 +5623,10 @@ var SHEET_TITLE = "text-foreground font-semibold";
 var SHEET_DESCRIPTION = "text-muted-foreground text-sm";
 
 // src/components/sheet.tsx
-import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
-var SheetContext = React58.createContext(null);
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+var SheetContext = React60.createContext(null);
 function useSheet() {
-  const ctx = React58.useContext(SheetContext);
+  const ctx = React60.useContext(SheetContext);
   if (!ctx) throw new Error("Sheet parts must be used within <Sheet>");
   return ctx;
 }
@@ -5521,13 +5636,13 @@ function Sheet({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React58.useRef(null);
-  return /* @__PURE__ */ jsx49(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React60.useRef(null);
+  return /* @__PURE__ */ jsx50(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function SheetTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "sheet-trigger",
@@ -5543,7 +5658,7 @@ function SheetTrigger({ asChild = false, onClick, ...props }) {
 }
 function SheetOverlay({ className, ...props }) {
   const { open, setOpen } = useSheet();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-overlay",
@@ -5560,7 +5675,7 @@ var sheetSideClasses = {
   top: SHEET_SIDE_TOP,
   bottom: SHEET_SIDE_BOTTOM
 };
-var XIcon2 = (props) => /* @__PURE__ */ jsx49(
+var XIcon2 = (props) => /* @__PURE__ */ jsx50(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5573,7 +5688,7 @@ var XIcon2 = (props) => /* @__PURE__ */ jsx49(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx49("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx50("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function SheetContent({ className, children, side = "right", ...props }) {
@@ -5586,9 +5701,9 @@ function SheetContent({ className, children, side = "right", ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs19(Portal, { children: [
-    /* @__PURE__ */ jsx49(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(Portal, { children: [
+    /* @__PURE__ */ jsx50(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs20(
       "div",
       {
         "data-slot": "sheet-content",
@@ -5600,7 +5715,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsxs20(
             "button",
             {
               type: "button",
@@ -5608,8 +5723,8 @@ function SheetContent({ className, children, side = "right", ...props }) {
               onClick: () => setOpen(false),
               className: SHEET_CLOSE,
               children: [
-                /* @__PURE__ */ jsx49(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx50(XIcon2, { className: "size-4" }),
+                /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5621,7 +5736,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
 function SheetClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "sheet-close",
@@ -5634,7 +5749,7 @@ function SheetClose({ asChild = false, onClick, ...props }) {
   );
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5644,7 +5759,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -5654,7 +5769,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "h2",
     {
       "data-slot": "sheet-title",
@@ -5664,7 +5779,7 @@ function SheetTitle({ className, ...props }) {
   );
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "p",
     {
       "data-slot": "sheet-description",
@@ -5675,7 +5790,7 @@ function SheetDescription({ className, ...props }) {
 }
 
 // src/components/drawer.tsx
-import * as React59 from "react";
+import * as React61 from "react";
 
 // src/generated/drawer.ts
 var DRAWER_CONTENT_BASE = "bg-background fixed z-50 flex h-auto border";
@@ -5693,10 +5808,10 @@ var DRAWER_TITLE = "text-foreground font-semibold";
 var DRAWER_DESCRIPTION = "text-muted-foreground text-sm";
 
 // src/components/drawer.tsx
-import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
-var DrawerContext = React59.createContext(null);
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+var DrawerContext = React61.createContext(null);
 function useDrawer() {
-  const ctx = React59.useContext(DrawerContext);
+  const ctx = React61.useContext(DrawerContext);
   if (!ctx) throw new Error("Drawer parts must be used within <Drawer>");
   return ctx;
 }
@@ -5712,12 +5827,12 @@ function Drawer({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx50(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx50("div", { "data-slot": "drawer", children }) });
+  return /* @__PURE__ */ jsx51(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx51("div", { "data-slot": "drawer", children }) });
 }
 function DrawerTrigger({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "drawer-trigger",
@@ -5732,7 +5847,7 @@ function DrawerTrigger({ asChild = false, onClick, ...props }) {
 function DrawerClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "drawer-close",
@@ -5747,7 +5862,7 @@ function DrawerClose({ asChild = false, onClick, ...props }) {
 function DrawerOverlay({ className, ...props }) {
   const { open, setOpen } = useDrawer();
   if (!open) return null;
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-overlay",
@@ -5762,8 +5877,8 @@ function DrawerContent({ className, children, ...props }) {
   const { open, setOpen, direction } = useDrawer();
   const scopeRef = useFocusScope(open);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs20(Portal, { children: [
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs21(Portal, { children: [
+    /* @__PURE__ */ jsx51(
       "div",
       {
         "data-slot": "drawer-overlay",
@@ -5771,7 +5886,7 @@ function DrawerContent({ className, children, ...props }) {
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(
       "div",
       {
         role: "dialog",
@@ -5786,7 +5901,7 @@ function DrawerContent({ className, children, ...props }) {
         className: cn(DRAWER_CONTENT_BASE, drawerDirectionClasses[direction], className),
         ...props,
         children: [
-          direction === "bottom" ? /* @__PURE__ */ jsx50(
+          direction === "bottom" ? /* @__PURE__ */ jsx51(
             "div",
             {
               "data-slot": "drawer-handle",
@@ -5800,7 +5915,7 @@ function DrawerContent({ className, children, ...props }) {
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5810,7 +5925,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5820,7 +5935,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-title",
@@ -5830,7 +5945,7 @@ function DrawerTitle({ className, ...props }) {
   );
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-description",
@@ -5841,11 +5956,11 @@ function DrawerDescription({ className, ...props }) {
 }
 
 // src/components/select.tsx
-import * as React60 from "react";
-import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
-var SelectContext = React60.createContext(null);
+import * as React62 from "react";
+import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
+var SelectContext = React62.createContext(null);
 function useSelect() {
-  const ctx = React60.useContext(SelectContext);
+  const ctx = React62.useContext(SelectContext);
   if (!ctx) throw new Error("Select parts must be used within <Select>");
   return ctx;
 }
@@ -5868,8 +5983,8 @@ function Select({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React60.useRef(null);
-  return /* @__PURE__ */ jsx51(
+  const anchorRef = React62.useRef(null);
+  return /* @__PURE__ */ jsx52(
     SelectContext.Provider,
     {
       value: { value: currentValue, setValue, open: isOpen, setOpen, anchorRef },
@@ -5885,7 +6000,7 @@ function SelectTrigger({
   ...props
 }) {
   const { open, setOpen, anchorRef } = useSelect();
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "button",
     {
       type: "button",
@@ -5906,7 +6021,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -5920,7 +6035,7 @@ function SelectTrigger({
             strokeLinejoin: "round",
             className: "size-4 opacity-50",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx51("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx52("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -5930,7 +6045,7 @@ function SelectTrigger({
 function SelectValue({ className, placeholder, ...props }) {
   const { value } = useSelect();
   const isEmpty = value === "";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "span",
     {
       "data-slot": "select-value",
@@ -5963,13 +6078,13 @@ function SelectContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const items = React60.Children.toArray(children).filter(React60.isValidElement);
+  const items = React62.Children.toArray(children).filter(React62.isValidElement);
   const { activeIndex, setActiveIndex, onKeyDown } = useRovingFocus({
     count: items.length,
     orientation: "vertical"
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx51(Portal, { children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(Portal, { children: /* @__PURE__ */ jsx52(
     "div",
     {
       role: "listbox",
@@ -5985,8 +6100,8 @@ function SelectContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx51("div", { className: "p-1", children: items.map(
-        (child, index) => React60.cloneElement(child, {
+      children: /* @__PURE__ */ jsx52("div", { className: "p-1", children: items.map(
+        (child, index) => React62.cloneElement(child, {
           __index: index,
           __active: index === activeIndex,
           __setActive: setActiveIndex
@@ -6006,7 +6121,7 @@ function SelectItem({
 }) {
   const { value: selectedValue, setValue, setOpen } = useSelect();
   const selected = selectedValue === value;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       role: "option",
@@ -6031,7 +6146,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        selected ? /* @__PURE__ */ jsx51("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx51(
+        selected ? /* @__PURE__ */ jsx52("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx52(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -6045,19 +6160,19 @@ function SelectItem({
             strokeLinejoin: "round",
             className: "size-4",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx51("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx52("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }) : null,
-        /* @__PURE__ */ jsx51("span", { children })
+        /* @__PURE__ */ jsx52("span", { children })
       ]
     }
   );
 }
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx51("div", { role: "group", "data-slot": "select-group", className, ...props });
+  return /* @__PURE__ */ jsx52("div", { role: "group", "data-slot": "select-group", className, ...props });
 }
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "select-label",
@@ -6067,7 +6182,7 @@ function SelectLabel({ className, ...props }) {
   );
 }
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "select-separator",
@@ -6078,7 +6193,7 @@ function SelectSeparator({ className, ...props }) {
 }
 
 // src/components/command.tsx
-import * as React61 from "react";
+import * as React63 from "react";
 
 // src/generated/command.ts
 var COMMAND_ROOT = "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md";
@@ -6095,10 +6210,10 @@ var COMMAND_SEPARATOR = "bg-border -mx-1 h-px";
 var COMMAND_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
 
 // src/components/command.tsx
-import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var CommandContext = React61.createContext(null);
+import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+var CommandContext = React63.createContext(null);
 function useCommand() {
-  const ctx = React61.useContext(CommandContext);
+  const ctx = React63.useContext(CommandContext);
   if (!ctx) throw new Error("Command parts must be used within <Command>");
   return ctx;
 }
@@ -6115,15 +6230,57 @@ function Command({
     defaultValue: defaultSearch,
     ...onSearchChange ? { onChange: onSearchChange } : {}
   });
-  return /* @__PURE__ */ jsx52(CommandContext.Provider, { value: { search: currentSearch, setSearch }, children: /* @__PURE__ */ jsx52(
-    "div",
+  const [items, setItems] = React63.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const registerItem = React63.useCallback((id, value) => {
+    setItems((prev) => {
+      if (prev.get(id) === value) return prev;
+      const next = new Map(prev);
+      next.set(id, value);
+      return next;
+    });
+  }, []);
+  const unregisterItem = React63.useCallback((id) => {
+    setItems((prev) => {
+      if (!prev.has(id)) return prev;
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const query = currentSearch.trim().toLowerCase();
+  const matches = React63.useCallback(
+    (value) => query === "" || value.toLowerCase().includes(query),
+    [query]
+  );
+  const hasMatches = React63.useMemo(
+    () => [...items.values()].some(matches),
+    [items, matches]
+  );
+  return /* @__PURE__ */ jsx53(
+    CommandContext.Provider,
     {
-      "data-slot": "command",
-      className: cn(COMMAND_ROOT, className),
-      ...props,
-      children
+      value: {
+        search: currentSearch,
+        setSearch,
+        registerItem,
+        unregisterItem,
+        query,
+        matches,
+        hasMatches
+      },
+      children: /* @__PURE__ */ jsx53(
+        "div",
+        {
+          "data-slot": "command",
+          className: cn(COMMAND_ROOT, className),
+          ...props,
+          children
+        }
+      )
     }
-  ) });
+  );
 }
 function CommandDialog({
   open,
@@ -6139,8 +6296,8 @@ function CommandDialog({
   });
   const scopeRef = useFocusScope(isOpen);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs22(Portal, { children: [
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs23(Portal, { children: [
+    /* @__PURE__ */ jsx53(
       "div",
       {
         "data-slot": "command-overlay",
@@ -6148,7 +6305,7 @@ function CommandDialog({
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx53(
       "div",
       {
         role: "dialog",
@@ -6159,7 +6316,7 @@ function CommandDialog({
           if (e.key === "Escape") setOpen(false);
         },
         className: cn(COMMAND_DIALOG_CONTENT, className),
-        children: /* @__PURE__ */ jsx52(Command, { className: COMMAND_DIALOG_COMMAND, children })
+        children: /* @__PURE__ */ jsx53(Command, { className: COMMAND_DIALOG_COMMAND, children })
       }
     )
   ] });
@@ -6169,8 +6326,8 @@ function CommandInput({
   ...props
 }) {
   const { search, setSearch } = useCommand();
-  return /* @__PURE__ */ jsxs22("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ jsxs23(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -6185,12 +6342,12 @@ function CommandInput({
         className: "size-4 shrink-0 opacity-50",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx52("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx52("path", { d: "m21 21-4.3-4.3" })
+          /* @__PURE__ */ jsx53("circle", { cx: "11", cy: "11", r: "8" }),
+          /* @__PURE__ */ jsx53("path", { d: "m21 21-4.3-4.3" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx53(
       "input",
       {
         type: "text",
@@ -6205,7 +6362,7 @@ function CommandInput({
   ] });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       role: "listbox",
@@ -6216,10 +6373,9 @@ function CommandList({ className, ...props }) {
   );
 }
 function CommandEmpty({ className, children, ...props }) {
-  const { search } = useCommand();
-  const hasQuery = search.trim() !== "";
-  if (!hasQuery) return null;
-  return /* @__PURE__ */ jsx52(
+  const { query, hasMatches } = useCommand();
+  if (query === "" || hasMatches) return null;
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "command-empty",
@@ -6230,7 +6386,7 @@ function CommandEmpty({ className, children, ...props }) {
   );
 }
 function CommandGroup({ className, heading, children, ...props }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "group",
@@ -6238,7 +6394,7 @@ function CommandGroup({ className, heading, children, ...props }) {
       className: cn(COMMAND_GROUP, className),
       ...props,
       children: [
-        heading ? /* @__PURE__ */ jsx52("div", { "data-slot": "command-group-heading", children: heading }) : null,
+        heading ? /* @__PURE__ */ jsx53("div", { "data-slot": "command-group-heading", children: heading }) : null,
         children
       ]
     }
@@ -6252,10 +6408,14 @@ function CommandItem({
   children,
   ...props
 }) {
-  const { search } = useCommand();
-  const query = search.toLowerCase();
-  if (query !== "" && !value.toLowerCase().includes(query)) return null;
-  return /* @__PURE__ */ jsx52(
+  const { registerItem, unregisterItem, matches } = useCommand();
+  const id = React63.useId();
+  React63.useEffect(() => {
+    registerItem(id, value);
+    return () => unregisterItem(id);
+  }, [id, value, registerItem, unregisterItem]);
+  if (!matches(value)) return null;
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       role: "option",
@@ -6273,7 +6433,7 @@ function CommandItem({
   );
 }
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "command-separator",
@@ -6283,7 +6443,7 @@ function CommandSeparator({ className, ...props }) {
   );
 }
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -6294,7 +6454,7 @@ function CommandShortcut({ className, ...props }) {
 }
 
 // src/components/chart.tsx
-import * as React62 from "react";
+import * as React64 from "react";
 
 // src/generated/chart.ts
 var CHART_CONTAINER = "flex aspect-video justify-center text-xs [&_.recharts-layer]:outline-hidden [&_.recharts-surface]:outline-hidden [&_svg]:outline-hidden";
@@ -6302,10 +6462,10 @@ var CHART_TOOLTIP = "border-border/50 bg-background grid min-w-[8rem] items-star
 var CHART_LEGEND = "flex items-center justify-center gap-4";
 
 // src/components/chart.tsx
-import { Fragment as Fragment6, jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
-var ChartContext = React62.createContext(null);
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
+var ChartContext = React64.createContext(null);
 function useChart() {
-  const context = React62.useContext(ChartContext);
+  const context = React64.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -6318,9 +6478,9 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React62.useId();
+  const uniqueId = React64.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx53(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx54(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "chart",
@@ -6328,7 +6488,7 @@ function ChartContainer({
       className: cn(CHART_CONTAINER, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx53(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx54(ChartStyle, { id: chartId, config }),
         children
       ]
     }
@@ -6339,7 +6499,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -6350,7 +6510,7 @@ ${colorConfig.map(([key, itemConfig]) => `  --color-${key}: ${itemConfig.color};
     }
   );
 };
-var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx53(Fragment6, { children });
+var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
 function ChartTooltipContent({
   className,
   items = [],
@@ -6363,21 +6523,21 @@ function ChartTooltipContent({
   if (!items.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "chart-tooltip",
       className: cn(CHART_TOOLTIP, className),
       children: [
-        !hideLabel && label ? /* @__PURE__ */ jsx53("div", { className: cn("font-medium", labelClassName), children: label }) : null,
-        /* @__PURE__ */ jsx53("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs23(
+        !hideLabel && label ? /* @__PURE__ */ jsx54("div", { className: cn("font-medium", labelClassName), children: label }) : null,
+        /* @__PURE__ */ jsx54("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs24(
           "div",
           {
             className: cn(
               "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 items-center"
             ),
             children: [
-              !hideIndicator && /* @__PURE__ */ jsx53(
+              !hideIndicator && /* @__PURE__ */ jsx54(
                 "div",
                 {
                   className: "shrink-0 rounded-[2px] h-2.5 w-2.5",
@@ -6387,9 +6547,9 @@ function ChartTooltipContent({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
-                /* @__PURE__ */ jsx53("span", { className: "text-muted-foreground", children: item.label }),
-                item.value !== void 0 && /* @__PURE__ */ jsx53("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value })
+              /* @__PURE__ */ jsxs24("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
+                /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground", children: item.label }),
+                item.value !== void 0 && /* @__PURE__ */ jsx54("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value })
               ] })
             ]
           },
@@ -6399,7 +6559,7 @@ function ChartTooltipContent({
     }
   );
 }
-var ChartLegend = ({ children }) => /* @__PURE__ */ jsx53(Fragment6, { children });
+var ChartLegend = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
 function ChartLegendContent({
   className,
   hideIcon = false,
@@ -6413,19 +6573,19 @@ function ChartLegendContent({
   if (!rows.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "chart-legend",
       className: cn(CHART_LEGEND, className),
-      children: rows.map((item, index) => /* @__PURE__ */ jsxs23(
+      children: rows.map((item, index) => /* @__PURE__ */ jsxs24(
         "div",
         {
           className: cn(
             "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
           ),
           children: [
-            !hideIcon && /* @__PURE__ */ jsx53(
+            !hideIcon && /* @__PURE__ */ jsx54(
               "div",
               {
                 className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -6442,7 +6602,7 @@ function ChartLegendContent({
 }
 
 // src/components/calendar.tsx
-import * as React63 from "react";
+import * as React65 from "react";
 
 // src/generated/calendar.ts
 var CALENDAR_ROOT = "bg-background p-3 w-fit";
@@ -6460,7 +6620,7 @@ var CALENDAR_DAY_SELECTED = "bg-primary text-primary-foreground";
 var CALENDAR_DAY_TODAY = "bg-accent text-accent-foreground rounded-md";
 
 // src/components/calendar.tsx
-import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
 var MONTHS = [
   "January",
   "February",
@@ -6479,7 +6639,7 @@ var WEEKDAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
 var CHEVRON_LEFT = "m15 18-6-6 6-6";
 var CHEVRON_RIGHT = "m9 18 6-6-6-6";
 function Chevron({ d }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "svg",
     {
       className: "size-4",
@@ -6493,7 +6653,7 @@ function Chevron({ d }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx54("path", { d })
+      children: /* @__PURE__ */ jsx55("path", { d })
     }
   );
 }
@@ -6515,7 +6675,7 @@ function Calendar({
   today = /* @__PURE__ */ new Date(),
   className
 }) {
-  const [internal, setInternal] = React63.useState(
+  const [internal, setInternal] = React65.useState(
     () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
   );
   const view = month ? startOfMonth(month) : internal;
@@ -6540,38 +6700,38 @@ function Calendar({
     size: "icon",
     className: CALENDAR_NAV_BUTTON
   });
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-slot": "calendar",
       role: "application",
       className: cn(CALENDAR_ROOT, className),
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: CALENDAR_NAV, children: [
-          /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsxs25("div", { className: CALENDAR_NAV, children: [
+          /* @__PURE__ */ jsx55(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Previous month",
               onClick: () => go(-1),
-              children: /* @__PURE__ */ jsx54(Chevron, { d: CHEVRON_LEFT })
+              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_LEFT })
             }
           ),
-          /* @__PURE__ */ jsx54("div", { className: CALENDAR_CAPTION, children: caption }),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55("div", { className: CALENDAR_CAPTION, children: caption }),
+          /* @__PURE__ */ jsx55(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Next month",
               onClick: () => go(1),
-              children: /* @__PURE__ */ jsx54(Chevron, { d: CHEVRON_RIGHT })
+              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_RIGHT })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs24("table", { className: CALENDAR_GRID, role: "grid", children: [
-          /* @__PURE__ */ jsx54("thead", { children: /* @__PURE__ */ jsx54("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsxs25("table", { className: CALENDAR_GRID, role: "grid", children: [
+          /* @__PURE__ */ jsx55("thead", { children: /* @__PURE__ */ jsx55("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx55(
             "th",
             {
               scope: "col",
@@ -6580,9 +6740,9 @@ function Calendar({
             },
             wd
           )) }) }),
-          /* @__PURE__ */ jsx54("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx54("tr", { className: CALENDAR_WEEK, children: week.map((cell, ci) => {
+          /* @__PURE__ */ jsx55("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx55("tr", { className: CALENDAR_WEEK, children: week.map((cell, ci) => {
             if (cell === null) {
-              return /* @__PURE__ */ jsx54(
+              return /* @__PURE__ */ jsx55(
                 "td",
                 {
                   className: CALENDAR_DAY_EMPTY
@@ -6593,13 +6753,13 @@ function Calendar({
             const date = new Date(year, monthIndex, cell);
             const isSelected = sameDay(selected, date);
             const isToday = sameDay(today, date);
-            return /* @__PURE__ */ jsx54(
+            return /* @__PURE__ */ jsx55(
               "td",
               {
                 role: "gridcell",
                 "aria-selected": isSelected,
                 className: CALENDAR_DAY_CELL,
-                children: /* @__PURE__ */ jsx54(
+                children: /* @__PURE__ */ jsx55(
                   "button",
                   {
                     type: "button",
@@ -6629,7 +6789,7 @@ function Calendar({
 }
 
 // src/components/sonner.tsx
-import * as React64 from "react";
+import * as React66 from "react";
 
 // src/generated/sonner.ts
 var TOAST_BASE = "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg";
@@ -6654,7 +6814,7 @@ var TOAST_CONTENT = "flex-1 space-y-1";
 var TOAST_TITLE = "font-medium";
 
 // src/components/sonner.tsx
-import { jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 4e3;
 var SWIPE_THRESHOLD = 45;
 var SWIPE_VELOCITY = 0.11;
@@ -6719,17 +6879,17 @@ function ToastItem({
   reportHeight,
   removeHeight
 }) {
-  const ref = React64.useRef(null);
-  const [height, setHeight] = React64.useState(0);
-  const remainingRef = React64.useRef(t.duration);
-  const startedRef = React64.useRef(0);
-  const flingRef = React64.useRef(
+  const ref = React66.useRef(null);
+  const [height, setHeight] = React66.useState(0);
+  const remainingRef = React66.useRef(t.duration);
+  const startedRef = React66.useRef(0);
+  const flingRef = React66.useRef(
     void 0
   );
-  const dragRef = React64.useRef(
+  const dragRef = React66.useRef(
     null
   );
-  React64.useLayoutEffect(() => {
+  React66.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     el.style.height = "auto";
@@ -6740,8 +6900,12 @@ function ToastItem({
       reportHeight(t.id, h);
     }
   }, [t.id, t.message, t.description, reportHeight]);
-  React64.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
-  React64.useEffect(() => {
+  React66.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
+  const mountedClosing = React66.useRef(t.state === "closing");
+  React66.useEffect(() => {
+    if (mountedClosing.current) store.remove(t.id);
+  }, [t.id]);
+  React66.useEffect(() => {
     if (t.duration === Infinity || t.state === "closing" || paused) return;
     startedRef.current = Date.now();
     const id = setTimeout(() => store.dismiss(t.id), remainingRef.current);
@@ -6753,7 +6917,7 @@ function ToastItem({
       );
     };
   }, [paused, t.id, t.duration, t.state]);
-  React64.useEffect(
+  React66.useEffect(
     () => () => {
       if (flingRef.current) clearTimeout(flingRef.current);
     },
@@ -6812,7 +6976,7 @@ function ToastItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "li",
     {
       ref,
@@ -6840,11 +7004,11 @@ function ToastItem({
         toastVariantClasses[t.variant]
       ),
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: TOAST_CONTENT, children: [
-          /* @__PURE__ */ jsx55("div", { className: TOAST_TITLE, children: t.message }),
-          t.description ? /* @__PURE__ */ jsx55("div", { className: "text-muted-foreground text-sm", children: t.description }) : null
+        /* @__PURE__ */ jsxs26("div", { className: TOAST_CONTENT, children: [
+          /* @__PURE__ */ jsx56("div", { className: TOAST_TITLE, children: t.message }),
+          t.description ? /* @__PURE__ */ jsx56("div", { className: "text-muted-foreground text-sm", children: t.description }) : null
         ] }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "button",
           {
             type: "button",
@@ -6852,7 +7016,7 @@ function ToastItem({
             "data-slot": "toast-close",
             onClick: () => store.dismiss(t.id),
             className: TOAST_CLOSE,
-            children: /* @__PURE__ */ jsx55(
+            children: /* @__PURE__ */ jsx56(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -6865,7 +7029,7 @@ function ToastItem({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx55("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx56("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -6879,17 +7043,17 @@ function Toaster({
   className,
   ...props
 }) {
-  const [toasts, setToasts] = React64.useState([]);
-  const [heights, setHeights] = React64.useState(/* @__PURE__ */ new Map());
-  const [paused, setPaused] = React64.useState(false);
-  React64.useEffect(() => store.subscribe(setToasts), []);
+  const [toasts, setToasts] = React66.useState([]);
+  const [heights, setHeights] = React66.useState(/* @__PURE__ */ new Map());
+  const [paused, setPaused] = React66.useState(false);
+  React66.useEffect(() => store.subscribe(setToasts), []);
   const onEnter = () => setPaused(true);
   const onLeave = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) {
       setPaused(false);
     }
   };
-  const reportHeight = React64.useCallback((id, h) => {
+  const reportHeight = React66.useCallback((id, h) => {
     setHeights((prev) => {
       if (prev.get(id) === h) return prev;
       const next = new Map(prev);
@@ -6897,7 +7061,7 @@ function Toaster({
       return next;
     });
   }, []);
-  const removeHeight = React64.useCallback((id) => {
+  const removeHeight = React66.useCallback((id) => {
     setHeights((prev) => {
       if (!prev.has(id)) return prev;
       const next = new Map(prev);
@@ -6915,7 +7079,7 @@ function Toaster({
     sum += heights.get(t.id) ?? 0;
     return o;
   });
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "ol",
     {
       "data-slot": "toaster",
@@ -6936,7 +7100,7 @@ function Toaster({
       onPointerOut: onLeave,
       onFocus: onEnter,
       onBlur: onLeave,
-      children: ordered.map((t, i) => /* @__PURE__ */ jsx55(
+      children: ordered.map((t, i) => /* @__PURE__ */ jsx56(
         ToastItem,
         {
           toast: t,
@@ -6954,7 +7118,7 @@ function Toaster({
 }
 
 // src/components/form.tsx
-import * as React65 from "react";
+import * as React67 from "react";
 
 // src/generated/form.ts
 var FORM_ITEM = "grid gap-2";
@@ -6962,21 +7126,21 @@ var FORM_DESCRIPTION = "text-muted-foreground text-sm";
 var FORM_MESSAGE = "text-destructive text-sm";
 
 // src/components/form.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-var FormItemContext = React65.createContext(null);
+import { jsx as jsx57 } from "react/jsx-runtime";
+var FormItemContext = React67.createContext(null);
 function useFormItem() {
-  const ctx = React65.useContext(FormItemContext);
+  const ctx = React67.useContext(FormItemContext);
   if (!ctx) {
     throw new Error("Form parts must be used within <FormItem>");
   }
   return ctx;
 }
 function Form({ ...props }) {
-  return /* @__PURE__ */ jsx56("form", { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx57("form", { "data-slot": "form", ...props });
 }
 function FormItem({ className, ...props }) {
-  const id = React65.useId();
-  const value = React65.useMemo(
+  const id = React67.useId();
+  const value = React67.useMemo(
     () => ({
       id,
       formItemId: `${id}-form-item`,
@@ -6985,7 +7149,7 @@ function FormItem({ className, ...props }) {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsx56(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx56("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
+  return /* @__PURE__ */ jsx57(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx57("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
 }
 function FormLabel({
   className,
@@ -6993,7 +7157,7 @@ function FormLabel({
   ...props
 }) {
   const { formItemId } = useFormItem();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     Label,
     {
       "data-slot": "form-label",
@@ -7009,7 +7173,7 @@ function FormControl({
   ...props
 }) {
   const { formItemId, formDescriptionId, formMessageId } = useFormItem();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     Slot,
     {
       "data-slot": "form-control",
@@ -7022,7 +7186,7 @@ function FormControl({
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormItem();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "p",
     {
       "data-slot": "form-description",
@@ -7037,7 +7201,7 @@ function FormMessage({ className, children, ...props }) {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "p",
     {
       "data-slot": "form-message",
@@ -7050,7 +7214,7 @@ function FormMessage({ className, children, ...props }) {
 }
 
 // src/components/resizable.tsx
-import * as React66 from "react";
+import * as React68 from "react";
 
 // src/generated/resizable.ts
 var RESIZABLE_GROUP = "flex h-full w-full data-[panel-group-direction=vertical]:flex-col";
@@ -7059,10 +7223,10 @@ var RESIZABLE_HANDLE = "bg-border focus-visible:ring-ring relative flex w-px ite
 var RESIZABLE_HANDLE_GRIP = "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border";
 
 // src/components/resizable.tsx
-import { jsx as jsx57, jsxs as jsxs26 } from "react/jsx-runtime";
-var ResizableContext = React66.createContext(null);
+import { jsx as jsx58, jsxs as jsxs27 } from "react/jsx-runtime";
+var ResizableContext = React68.createContext(null);
 function useResizable() {
-  const ctx = React66.useContext(ResizableContext);
+  const ctx = React68.useContext(ResizableContext);
   if (!ctx)
     throw new Error("Resizable parts must be used within a ResizablePanelGroup");
   return ctx;
@@ -7085,9 +7249,9 @@ function ResizablePanelGroup({
   children,
   ...props
 }) {
-  const [sizes, setSizes] = React66.useState([]);
-  const groupRef = React66.useRef(null);
-  const register = React66.useCallback((index, defaultSize) => {
+  const [sizes, setSizes] = React68.useState([]);
+  const groupRef = React68.useRef(null);
+  const register = React68.useCallback((index, defaultSize) => {
     setSizes((prev) => {
       if (prev[index] !== void 0) return prev;
       const next = prev.slice();
@@ -7096,14 +7260,14 @@ function ResizablePanelGroup({
       return next;
     });
   }, []);
-  React66.useEffect(() => {
+  React68.useEffect(() => {
     if (sizes.length) onLayout?.(sizes);
   }, [sizes, onLayout]);
-  const value = React66.useMemo(
+  const value = React68.useMemo(
     () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
     [sizes, register, direction, keyboardStep]
   );
-  return /* @__PURE__ */ jsx57(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx58(
     "div",
     {
       ref: groupRef,
@@ -7124,11 +7288,11 @@ function ResizablePanel({
   ...props
 }) {
   const { sizes, register } = useResizable();
-  React66.useEffect(() => {
+  React68.useEffect(() => {
     register(index, defaultSize);
   }, [register, index, defaultSize]);
   const basis = sizes[index] ?? defaultSize;
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       "data-slot": "resizable-panel",
@@ -7147,12 +7311,12 @@ function ResizableHandle({
   ...props
 }) {
   const { setSizes, direction, keyboardStep, groupRef } = useResizable();
-  const draggingRef = React66.useRef(false);
-  const resize = React66.useCallback(
+  const draggingRef = React68.useRef(false);
+  const resize = React68.useCallback(
     (delta) => setSizes((prev) => redistribute(prev, index, delta)),
     [setSizes, index]
   );
-  const onPointerMove = React66.useCallback(
+  const onPointerMove = React68.useCallback(
     (event) => {
       if (!draggingRef.current) return;
       const rect = groupRef.current?.getBoundingClientRect();
@@ -7164,7 +7328,7 @@ function ResizableHandle({
     },
     [direction, resize, groupRef]
   );
-  const onPointerUp = React66.useCallback(() => {
+  const onPointerUp = React68.useCallback(() => {
     draggingRef.current = false;
     window.removeEventListener("pointermove", onPointerMove);
     window.removeEventListener("pointerup", onPointerUp);
@@ -7175,7 +7339,7 @@ function ResizableHandle({
     window.addEventListener("pointermove", onPointerMove);
     window.addEventListener("pointerup", onPointerUp);
   };
-  React66.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  React68.useEffect(() => () => onPointerUp(), [onPointerUp]);
   const onKeyDown = (event) => {
     let delta;
     switch (event.key) {
@@ -7195,7 +7359,7 @@ function ResizableHandle({
     event.preventDefault();
     resize(delta);
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "data-slot": "resizable-handle",
@@ -7208,7 +7372,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx57("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs26(
+        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs27(
           "svg",
           {
             className: "size-2.5",
@@ -7223,12 +7387,12 @@ function ResizableHandle({
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx57("circle", { cx: "9", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx57("circle", { cx: "9", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx57("circle", { cx: "9", cy: "19", r: "1" }),
-              /* @__PURE__ */ jsx57("circle", { cx: "15", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx57("circle", { cx: "15", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx57("circle", { cx: "15", cy: "19", r: "1" })
+              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "19", r: "1" }),
+              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "19", r: "1" })
             ]
           }
         ) }),
@@ -7377,10 +7541,12 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
-  Header,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
+  InfoTip,
+  InfoTipContent,
+  InfoTipTrigger,
   Input,
   InputGroup,
   InputGroupAddon,
@@ -7450,6 +7616,7 @@ export {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  SectionDescriptor,
   Select,
   SelectContent,
   SelectGroup,
@@ -7522,6 +7689,7 @@ export {
   useDismissableLayer,
   useFloating,
   useFocusScope,
+  useHoverIntent,
   usePresence,
   useRovingFocus,
   useSidebar