@evinvest/uikit 0.7.0 → 0.8.1

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 })
             ] })
           ] }) })
         ] })
@@ -1180,9 +1311,9 @@ import "react";
 var INPUT_BASE = "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive";
 
 // src/components/input.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "input",
     {
       type,
@@ -1200,9 +1331,9 @@ import "react";
 var TEXTAREA_BASE = "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
 
 // src/components/textarea.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx15("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
+  return /* @__PURE__ */ jsx16("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
 }
 
 // src/components/input-group.tsx
@@ -1229,12 +1360,12 @@ var INPUT_GROUP_INPUT_CONTROL = "flex-1 rounded-none border-0 bg-transparent sha
 var INPUT_GROUP_TEXTAREA_CONTROL = "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0";
 
 // src/components/input-group.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-slot": "input-group",
@@ -1249,7 +1380,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "group",
@@ -1275,7 +1406,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Button,
     {
       type,
@@ -1294,7 +1425,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(INPUT_GROUP_TEXT, className),
@@ -1306,7 +1437,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Input,
     {
       "data-slot": "input-group-control",
@@ -1319,7 +1450,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -1343,13 +1474,13 @@ var separatorOrientations = {
 };
 
 // src/components/separator.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "separator",
@@ -1392,9 +1523,9 @@ var ITEM_HEADER = "flex basis-full items-center justify-between gap-2";
 var ITEM_FOOTER = "flex basis-full items-center justify-between gap-2";
 
 // src/components/item.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       role: "list",
@@ -1408,7 +1539,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1426,7 +1557,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Comp,
     {
       "data-slot": "item",
@@ -1442,7 +1573,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-media",
@@ -1456,7 +1587,7 @@ function ItemContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-content",
@@ -1466,7 +1597,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-title",
@@ -1479,7 +1610,7 @@ function ItemDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "p",
     {
       "data-slot": "item-description",
@@ -1492,7 +1623,7 @@ function ItemActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-actions",
@@ -1505,7 +1636,7 @@ function ItemHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-header",
@@ -1518,7 +1649,7 @@ function ItemFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-footer",
@@ -1536,9 +1667,9 @@ var KBD_BASE = "bg-muted text-muted-foreground pointer-events-none inline-flex h
 var KBD_GROUP_BASE = "inline-flex items-center gap-1";
 
 // src/components/kbd.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1548,7 +1679,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -1560,9 +1691,9 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/pagination.tsx
 import "react";
-import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "nav",
     {
       role: "navigation",
@@ -1577,7 +1708,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1587,7 +1718,7 @@ function PaginationContent({
   );
 }
 function PaginationItem(props) {
-  return /* @__PURE__ */ jsx20("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1595,7 +1726,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1612,9 +1743,9 @@ function PaginationLink({
     }
   );
 }
-var ChevronLeft = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m15 18-6-6 6-6" }) });
-var ChevronRight = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m9 18 6-6-6-6" }) });
-var MoreHorizontal = () => /* @__PURE__ */ jsxs4(
+var ChevronLeft = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m15 18-6-6 6-6" }) });
+var ChevronRight = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" }) });
+var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
   "svg",
   {
     className: "size-4",
@@ -1623,9 +1754,9 @@ var MoreHorizontal = () => /* @__PURE__ */ jsxs4(
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ jsx20("circle", { cx: "12", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx20("circle", { cx: "19", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx20("circle", { cx: "5", cy: "12", r: "1" })
+      /* @__PURE__ */ jsx21("circle", { cx: "12", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx21("circle", { cx: "19", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx21("circle", { cx: "5", cy: "12", r: "1" })
     ]
   }
 );
@@ -1633,7 +1764,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -1641,8 +1772,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(ChevronLeft, {}),
-        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx21(ChevronLeft, {}),
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1651,7 +1782,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -1659,8 +1790,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx20(ChevronRight, {})
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx21(ChevronRight, {})
       ]
     }
   );
@@ -1669,7 +1800,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "span",
     {
       "aria-hidden": true,
@@ -1677,8 +1808,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(MoreHorizontal, {}),
-        /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx21(MoreHorizontal, {}),
+        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1692,9 +1823,9 @@ var PROGRESS_TRACK = "bg-primary/20 relative h-2 w-full overflow-hidden rounded-
 var PROGRESS_INDICATOR = "bg-primary h-full w-full flex-1 transition-all";
 
 // src/components/progress.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Progress({ className, value = 0, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "progress",
@@ -1704,7 +1835,7 @@ function Progress({ className, value = 0, ...props }) {
       "aria-valuemax": 100,
       className: cn(PROGRESS_TRACK, className),
       ...props,
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx22(
         "div",
         {
           "data-slot": "progress-indicator",
@@ -1723,9 +1854,9 @@ import "react";
 var SKELETON_BASE = "bg-accent animate-pulse rounded-md";
 
 // src/components/skeleton.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "skeleton",
@@ -1737,9 +1868,9 @@ function Skeleton({ className, ...props }) {
 
 // src/components/spinner.tsx
 import "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "svg",
     {
       role: "status",
@@ -1750,14 +1881,14 @@ function Spinner({ className, ...props }) {
       stroke: "currentColor",
       strokeWidth: 2,
       ...props,
-      children: /* @__PURE__ */ jsx23("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+      children: /* @__PURE__ */ jsx24("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
 
 // src/components/status-screen.tsx
 import "react";
-import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs6 } from "react/jsx-runtime";
 var ACCENT_TEXT = {
   teal: "text-main-accent-t1",
   gold: "text-main-accent-t3",
@@ -1781,15 +1912,15 @@ function statusButtonClass(accent, variant) {
   return cn(BTN_BASE, variant === "filled" ? BTN_FILLED[accent] : BTN_OUTLINE[accent]);
 }
 function LogoMark({ className }) {
-  return /* @__PURE__ */ jsx24("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs5("g", { fill: "currentColor", children: [
-    /* @__PURE__ */ jsx24("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
+  return /* @__PURE__ */ jsx25("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
+    /* @__PURE__ */ jsx25("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
+    /* @__PURE__ */ jsx25("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
+    /* @__PURE__ */ jsx25("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
+    /* @__PURE__ */ jsx25("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
   ] }) });
 }
 function ArrowLeftIcon({ className }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "svg",
     {
       className,
@@ -1801,8 +1932,8 @@ function ArrowLeftIcon({ className }) {
       strokeLinejoin: "round",
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsx24("path", { d: "m12 19-7-7 7-7" }),
-        /* @__PURE__ */ jsx24("path", { d: "M19 12H5" })
+        /* @__PURE__ */ jsx25("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ jsx25("path", { d: "M19 12H5" })
       ]
     }
   );
@@ -1821,8 +1952,8 @@ function StatusScreen({
 }) {
   const L = linkComponent ?? "a";
   const accentText = ACCENT_TEXT[accent];
-  return /* @__PURE__ */ jsxs5("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-main-black px-6 py-32 text-center", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs6("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-main-black px-6 py-32 text-center", children: [
+    /* @__PURE__ */ jsx25(
       "div",
       {
         "aria-hidden": true,
@@ -1832,20 +1963,20 @@ function StatusScreen({
         )
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
-      /* @__PURE__ */ jsx24(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
-      /* @__PURE__ */ jsx24("p", { className: cn("mb-6 font-mono-tech text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
-      /* @__PURE__ */ jsx24("p", { className: cn("font-serif-display text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
-      /* @__PURE__ */ jsxs5("h1", { className: "mt-4 font-serif-display text-3xl font-light leading-tight text-white sm:text-5xl", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
+      /* @__PURE__ */ jsx25(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
+      /* @__PURE__ */ jsx25("p", { className: cn("mb-6 font-mono-tech text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
+      /* @__PURE__ */ jsx25("p", { className: cn("font-serif-display text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
+      /* @__PURE__ */ jsxs6("h1", { className: "mt-4 font-serif-display text-3xl font-light leading-tight text-white sm:text-5xl", children: [
         headlineLead,
-        /* @__PURE__ */ jsx24("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
+        /* @__PURE__ */ jsx25("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
         headlineTail
       ] }),
-      /* @__PURE__ */ jsx24("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-main-mist/60 sm:text-base", children: subtext }),
-      /* @__PURE__ */ jsxs5("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ jsx25("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-main-mist/60 sm:text-base", children: subtext }),
+      /* @__PURE__ */ jsxs6("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
         children,
-        links?.map((link) => /* @__PURE__ */ jsxs5(L, { href: link.href, className: statusButtonClass(accent, link.variant ?? "filled"), children: [
-          link.leadingArrow ? /* @__PURE__ */ jsx24(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
+        links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusButtonClass(accent, link.variant ?? "filled"), children: [
+          link.leadingArrow ? /* @__PURE__ */ jsx25(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
           link.label
         ] }, link.label))
       ] })
@@ -1853,7 +1984,7 @@ function StatusScreen({
   ] });
 }
 function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "teal",
@@ -1871,7 +2002,7 @@ function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact
   );
 }
 function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "gold",
@@ -1889,7 +2020,7 @@ function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contac
   );
 }
 function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "red",
@@ -1900,7 +2031,7 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
       subtext: "Something broke on our end \u2014 not yours. We've been alerted and are restoring service. Please try again in a moment.",
       linkComponent,
       links: [{ label: "Back to home", href: homeHref, variant: "outline", leadingArrow: true }],
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -1928,14 +2059,14 @@ var TABLE_CELL = "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr
 var TABLE_CAPTION = "text-muted-foreground mt-4 text-sm";
 
 // src/components/table.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "table-container",
       className: TABLE_CONTAINER,
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26(
         "table",
         {
           "data-slot": "table",
@@ -1950,7 +2081,7 @@ function TableHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "thead",
     {
       "data-slot": "table-header",
@@ -1963,7 +2094,7 @@ function TableBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1976,7 +2107,7 @@ function TableFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -1986,7 +2117,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tr",
     {
       "data-slot": "table-row",
@@ -1996,7 +2127,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "th",
     {
       "data-slot": "table-head",
@@ -2006,7 +2137,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "td",
     {
       "data-slot": "table-cell",
@@ -2019,7 +2150,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2030,7 +2161,7 @@ function TableCaption({
 }
 
 // src/components/accordion.tsx
-import * as React35 from "react";
+import * as React37 from "react";
 
 // src/generated/accordion.ts
 var ACCORDION_ITEM = "border-b last:border-b-0";
@@ -2040,16 +2171,16 @@ var ACCORDION_CONTENT = "data-[state=closed]:animate-accordion-up data-[state=op
 var ACCORDION_CONTENT_INNER = "pt-0 pb-4";
 
 // src/components/accordion.tsx
-import { jsx as jsx26, jsxs as jsxs6 } from "react/jsx-runtime";
-var AccordionContext = React35.createContext(null);
+import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+var AccordionContext = React37.createContext(null);
 function useAccordion() {
-  const ctx = React35.useContext(AccordionContext);
+  const ctx = React37.useContext(AccordionContext);
   if (!ctx) throw new Error("Accordion parts must be used within <Accordion>");
   return ctx;
 }
-var ItemContext = React35.createContext(null);
+var ItemContext = React37.createContext(null);
 function useItemValue() {
-  const value = React35.useContext(ItemContext);
+  const value = React37.useContext(ItemContext);
   if (value === null)
     throw new Error("AccordionTrigger/Content must be used within <AccordionItem>");
   return value;
@@ -2077,7 +2208,7 @@ function Accordion({
     if (open.includes(v)) setOpen(collapsible ? [] : open);
     else setOpen([v]);
   };
-  return /* @__PURE__ */ jsx26(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx26("div", { "data-slot": "accordion", ...props, children }) });
+  return /* @__PURE__ */ jsx27(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "accordion", ...props, children }) });
 }
 function AccordionItem({
   className,
@@ -2085,7 +2216,7 @@ function AccordionItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "accordion-item",
@@ -2104,7 +2235,7 @@ function AccordionTrigger({
   const { isOpen, toggle } = useAccordion();
   const value = useItemValue();
   const open = isOpen(value);
-  return /* @__PURE__ */ jsx26("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx27("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs7(
     "button",
     {
       type: "button",
@@ -2119,7 +2250,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2132,7 +2263,7 @@ function AccordionTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200",
-            children: /* @__PURE__ */ jsx26("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx27("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -2147,26 +2278,26 @@ function AccordionContent({
   const { isOpen } = useAccordion();
   const value = useItemValue();
   if (!isOpen(value)) return null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "accordion-content",
       "data-state": "open",
       className: ACCORDION_CONTENT,
       ...props,
-      children: /* @__PURE__ */ jsx26("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
+      children: /* @__PURE__ */ jsx27("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
     }
   );
 }
 
 // src/components/collapsible.tsx
-import * as React36 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var CollapsibleContext = React36.createContext(
+import * as React38 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var CollapsibleContext = React38.createContext(
   null
 );
 function useCollapsible() {
-  const ctx = React36.useContext(CollapsibleContext);
+  const ctx = React38.useContext(CollapsibleContext);
   if (!ctx) throw new Error("Collapsible parts must be used within <Collapsible>");
   return ctx;
 }
@@ -2182,14 +2313,14 @@ function Collapsible({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx27(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
+  return /* @__PURE__ */ jsx28(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
 }
 function CollapsibleTrigger({
   onClick,
   ...props
 }) {
   const { open, setOpen } = useCollapsible();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       type: "button",
@@ -2210,11 +2341,11 @@ function CollapsibleContent({
 }) {
   const { open } = useCollapsible();
   if (!open) return null;
-  return /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+  return /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
 }
 
 // src/components/tabs.tsx
-import * as React37 from "react";
+import * as React39 from "react";
 
 // src/generated/tabs.ts
 var TABS_ROOT = "flex flex-col gap-2";
@@ -2223,10 +2354,10 @@ var TABS_TRIGGER = "data-[state=active]:bg-background focus-visible:border-ring
 var TABS_CONTENT = "flex-1 outline-none";
 
 // src/components/tabs.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var TabsContext = React37.createContext(null);
+import { jsx as jsx29 } from "react/jsx-runtime";
+var TabsContext = React39.createContext(null);
 function useTabs() {
-  const ctx = React37.useContext(TabsContext);
+  const ctx = React39.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs parts must be used within <Tabs>");
   return ctx;
 }
@@ -2244,7 +2375,7 @@ function Tabs({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  return /* @__PURE__ */ jsx28(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "tabs",
@@ -2262,12 +2393,12 @@ function TabsList({
   ...props
 }) {
   const { orientation } = useTabs();
-  const items = React37.Children.toArray(children);
+  const items = React39.Children.toArray(children);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({
     count: items.length,
     orientation: orientation === "vertical" ? "vertical" : "horizontal"
   });
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       role: "tablist",
@@ -2280,7 +2411,7 @@ function TabsList({
       },
       ...props,
       children: items.map(
-        (child, index) => React37.isValidElement(child) ? React37.cloneElement(child, {
+        (child, index) => React39.isValidElement(child) ? React39.cloneElement(child, {
           __index: index,
           __isFocusItem: index === activeIndex,
           __onFocusItem: () => setActiveIndex(index)
@@ -2300,7 +2431,7 @@ function TabsTrigger({
 }) {
   const { value: active, setValue } = useTabs();
   const selected = active === value;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       type: "button",
@@ -2331,7 +2462,7 @@ function TabsContent({
 }) {
   const { value: active } = useTabs();
   if (active !== value) return null;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       role: "tabpanel",
@@ -2360,7 +2491,7 @@ var toggleSizeClasses = {
 };
 
 // src/components/toggle.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function toggleVariants({
   variant = "default",
   size = "default",
@@ -2383,7 +2514,7 @@ function Toggle({
     defaultValue: defaultPressed,
     ...onPressedChange ? { onChange: onPressedChange } : {}
   });
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -2401,9 +2532,9 @@ function Toggle({
 }
 
 // src/components/toggle-group.tsx
-import * as React39 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var ToggleGroupContext = React39.createContext({
+import * as React41 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var ToggleGroupContext = React41.createContext({
   variant: "default",
   size: "default",
   value: [],
@@ -2430,7 +2561,7 @@ function ToggleGroup({
     defaultValue: toArray(defaultValue),
     onChange: (next) => onValueChange?.(type === "single" ? next[0] ?? "" : next)
   });
-  const toggle = React39.useCallback(
+  const toggle = React41.useCallback(
     (itemValue) => {
       if (type === "single") {
         setSelected(selected.includes(itemValue) ? [] : [itemValue]);
@@ -2442,7 +2573,7 @@ function ToggleGroup({
     },
     [type, selected, setSelected]
   );
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "toggle-group",
@@ -2453,7 +2584,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx30(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
+      children: /* @__PURE__ */ jsx31(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
     }
   );
 }
@@ -2466,11 +2597,11 @@ function ToggleGroupItem({
   onClick,
   ...props
 }) {
-  const context = React39.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);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       type: "button",
@@ -2496,7 +2627,7 @@ function ToggleGroupItem({
 
 // src/components/switch.tsx
 import "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Switch({
   className,
   checked,
@@ -2512,7 +2643,7 @@ function Switch({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       type: "button",
@@ -2530,12 +2661,12 @@ function Switch({
         setOn(!on);
       },
       ...props,
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         "span",
         {
           "data-slot": "switch-thumb",
           "data-state": state,
-          className: "bg-background pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          className: "data-[state=checked]:bg-primary-foreground data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
         }
       )
     }
@@ -2544,7 +2675,7 @@ function Switch({
 
 // src/components/checkbox.tsx
 import "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Checkbox({
   className,
   checked,
@@ -2560,7 +2691,7 @@ function Checkbox({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "button",
     {
       type: "button",
@@ -2578,12 +2709,12 @@ function Checkbox({
         setOn(!on);
       },
       ...props,
-      children: on && /* @__PURE__ */ jsx32(
+      children: on && /* @__PURE__ */ jsx33(
         "span",
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx32(
+          children: /* @__PURE__ */ jsx33(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2595,7 +2726,7 @@ function Checkbox({
               strokeLinejoin: "round",
               className: "size-3.5",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx32("path", { d: "M20 6 9 17l-5-5" })
+              children: /* @__PURE__ */ jsx33("path", { d: "M20 6 9 17l-5-5" })
             }
           )
         }
@@ -2605,15 +2736,15 @@ function Checkbox({
 }
 
 // src/components/radio-group.tsx
-import * as React42 from "react";
+import * as React44 from "react";
 
 // src/generated/radio-group.ts
 var RADIO_GROUP_ROOT = "grid gap-3";
 var RADIO_GROUP_ITEM = "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50";
 
 // src/components/radio-group.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var RadioGroupContext = React42.createContext(
+import { jsx as jsx34 } from "react/jsx-runtime";
+var RadioGroupContext = React44.createContext(
   null
 );
 function RadioGroup({
@@ -2630,10 +2761,10 @@ function RadioGroup({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  const itemsRef = React42.useRef([]);
-  const [count, setCount] = React42.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 = React42.useCallback((el) => {
+  const register = React44.useCallback((el) => {
     const list = itemsRef.current;
     let index = list.indexOf(el);
     if (index === -1) {
@@ -2643,11 +2774,11 @@ function RadioGroup({
     }
     return index;
   }, []);
-  const ctx = React42.useMemo(
+  const ctx = React44.useMemo(
     () => ({ value: current, setValue: setCurrent, register, activeIndex, setActiveIndex }),
     [current, setCurrent, register, activeIndex, setActiveIndex]
   );
-  return /* @__PURE__ */ jsx33(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "radio-group",
@@ -2669,14 +2800,14 @@ function RadioGroupItem({
   onClick,
   ...props
 }) {
-  const ctx = React42.useContext(RadioGroupContext);
+  const ctx = React44.useContext(RadioGroupContext);
   if (!ctx) throw new Error("RadioGroupItem must be used within a RadioGroup");
-  const indexRef = React42.useRef(-1);
+  const indexRef = React44.useRef(-1);
   const checked = ctx.value === value;
-  React42.useEffect(() => {
+  React44.useEffect(() => {
     if (checked) ctx.setActiveIndex(indexRef.current);
   }, [checked]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       ref: (el) => {
@@ -2695,18 +2826,18 @@ function RadioGroupItem({
         ctx.setValue(value);
       },
       ...props,
-      children: checked ? /* @__PURE__ */ jsx33(
+      children: checked ? /* @__PURE__ */ jsx34(
         "span",
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx33(
+          children: /* @__PURE__ */ jsx34(
             "svg",
             {
               className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx33("circle", { cx: "12", cy: "12", r: "10" })
+              children: /* @__PURE__ */ jsx34("circle", { cx: "12", cy: "12", r: "10" })
             }
           )
         }
@@ -2716,7 +2847,7 @@ function RadioGroupItem({
 }
 
 // src/components/slider.tsx
-import * as React43 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";
@@ -2725,7 +2856,7 @@ var SLIDER_RANGE = "bg-primary absolute data-[orientation=horizontal]:h-full dat
 var SLIDER_THUMB = "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50";
 
 // src/components/slider.tsx
-import { jsx as jsx34, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
 function clampStep(value, min, max, step) {
   const clamped = Math.min(max, Math.max(min, value));
   if (step <= 0) return clamped;
@@ -2752,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 = React43.useRef(null);
-  const draggingRef = React43.useRef(false);
-  const valueFromPointer = React43.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;
@@ -2803,7 +2934,7 @@ function Slider({
   };
   const rangeStyle = orientation === "vertical" ? { height: `${percent}%` } : { width: `${percent}%` };
   const thumbStyle = orientation === "vertical" ? { position: "absolute", bottom: `${percent}%`, left: "50%", transform: "translate(-50%, 50%)" } : { position: "absolute", left: `${percent}%`, top: "50%", transform: "translate(-50%, -50%)" };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "span",
     {
       "data-slot": "slider",
@@ -2815,14 +2946,14 @@ function Slider({
       onPointerMove,
       onPointerUp,
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "span",
           {
             ref: trackRef,
             "data-slot": "slider-track",
             "data-orientation": orientation,
             className: SLIDER_TRACK,
-            children: /* @__PURE__ */ jsx34(
+            children: /* @__PURE__ */ jsx35(
               "span",
               {
                 "data-slot": "slider-range",
@@ -2833,7 +2964,7 @@ function Slider({
             )
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "span",
           {
             "data-slot": "slider-thumb",
@@ -2868,15 +2999,15 @@ var scrollBarOrientations = {
 };
 
 // src/components/scroll-area.tsx
-import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs8("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx35("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
-    /* @__PURE__ */ jsx35(ScrollBar, {})
+  return /* @__PURE__ */ jsxs9("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx36("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
+    /* @__PURE__ */ jsx36(ScrollBar, {})
   ] });
 }
 function ScrollBar({
@@ -2884,20 +3015,20 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
       "data-orientation": orientation,
       className: cn(SCROLLBAR_BASE, scrollBarOrientations[orientation], className),
       ...props,
-      children: /* @__PURE__ */ jsx35("div", { "data-slot": "scroll-area-thumb", className: SCROLL_AREA_THUMB })
+      children: /* @__PURE__ */ jsx36("div", { "data-slot": "scroll-area-thumb", className: SCROLL_AREA_THUMB })
     }
   );
 }
 
 // src/components/sidebar.tsx
-import * as React45 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";
@@ -2927,12 +3058,12 @@ var SIDEBAR_MENU = "flex w-full min-w-0 flex-col gap-1";
 var SIDEBAR_MENU_ITEM = "group/menu-item relative";
 
 // src/components/sidebar.tsx
-import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
-var SidebarContext = React45.createContext(null);
+var SidebarContext = React47.createContext(null);
 function useSidebar() {
-  const ctx = React45.useContext(SidebarContext);
+  const ctx = React47.useContext(SidebarContext);
   if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
   return ctx;
 }
@@ -2950,16 +3081,16 @@ function SidebarProvider({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const toggleSidebar = React45.useCallback(
+  const toggleSidebar = React47.useCallback(
     () => setOpen(!open),
     [open, setOpen]
   );
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React45.useMemo(
+  const contextValue = React47.useMemo(
     () => ({ state, open, setOpen, toggleSidebar }),
     [state, open, setOpen, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx36(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -2984,7 +3115,7 @@ function Sidebar({
 }) {
   const { state } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         "data-slot": "sidebar",
@@ -2994,7 +3125,7 @@ function Sidebar({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -3003,7 +3134,7 @@ function Sidebar({
       "data-variant": variant,
       "data-side": side,
       "data-slot": "sidebar",
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         "div",
         {
           "data-slot": "sidebar-inner",
@@ -3022,7 +3153,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "button",
     {
       type: "button",
@@ -3037,7 +3168,7 @@ function SidebarTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -3047,7 +3178,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "button",
     {
       type: "button",
@@ -3063,7 +3194,7 @@ function SidebarRail({
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -3073,7 +3204,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3084,7 +3215,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3098,7 +3229,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-separator",
@@ -3110,7 +3241,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -3121,7 +3252,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -3137,7 +3268,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -3151,7 +3282,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -3162,7 +3293,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -3173,7 +3304,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -3192,7 +3323,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -3211,7 +3342,7 @@ function SidebarMenuButton({
 }
 
 // src/components/carousel.tsx
-import * as React46 from "react";
+import * as React48 from "react";
 
 // src/generated/carousel.ts
 var CAROUSEL_CONTENT_VIEWPORT = "overflow-hidden";
@@ -3226,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 jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
-var CarouselContext = React46.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 = React46.useContext(CarouselContext);
+  const context = React48.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -3254,13 +3385,13 @@ function Carousel({
     defaultValue: defaultIndex,
     onChange: onIndexChange
   });
-  const [count, setCount] = React46.useState(0);
+  const [count, setCount] = React48.useState(0);
   const canScrollPrev = index > 0;
   const canScrollNext = index < count - 1;
-  const scrollPrev = React46.useCallback(() => {
+  const scrollPrev = React48.useCallback(() => {
     if (index > 0) setIndex(index - 1);
   }, [index, setIndex]);
-  const scrollNext = React46.useCallback(() => {
+  const scrollNext = React48.useCallback(() => {
     if (index < count - 1) setIndex(index + 1);
   }, [index, count, setIndex]);
   const handleKeyDown = (event) => {
@@ -3273,7 +3404,7 @@ function Carousel({
     }
     onKeyDown?.(event);
   };
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     CarouselContext.Provider,
     {
       value: {
@@ -3286,7 +3417,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -3308,12 +3439,12 @@ function CarouselContent({
   ...props
 }) {
   const { orientation, index, setCount } = useCarousel();
-  const childCount = React46.Children.count(children);
-  React46.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)`;
-  return /* @__PURE__ */ jsx37("div", { className: CAROUSEL_CONTENT_VIEWPORT, "data-slot": "carousel-content", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38("div", { className: CAROUSEL_CONTENT_VIEWPORT, "data-slot": "carousel-content", children: /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -3332,7 +3463,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       role: "group",
@@ -3351,8 +3482,8 @@ function CarouselEdgeFade({
   className
 }) {
   const { canScrollPrev, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    /* @__PURE__ */ jsx38(
       "div",
       {
         "aria-hidden": true,
@@ -3363,7 +3494,7 @@ function CarouselEdgeFade({
         )
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         "aria-hidden": true,
@@ -3383,7 +3514,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -3398,7 +3529,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3409,10 +3540,10 @@ function CarouselPrevious({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx37("path", { d: "m15 18-6-6 6-6" })
+            children: /* @__PURE__ */ jsx38("path", { d: "m15 18-6-6 6-6" })
           }
         ),
-        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -3424,7 +3555,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Button,
     {
       "data-slot": "carousel-next",
@@ -3439,7 +3570,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3450,17 +3581,17 @@ function CarouselNext({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx37("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx38("path", { d: "m9 18 6-6-6-6" })
           }
         ),
-        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/input-otp.tsx
-import * as React47 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";
@@ -3471,10 +3602,10 @@ var INPUT_OTP_SLOT_CARET_WRAPPER = "pointer-events-none absolute inset-0 flex it
 var INPUT_OTP_SLOT_CARET = "animate-caret-blink bg-foreground h-4 w-px duration-1000";
 
 // src/components/input-otp.tsx
-import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
-var InputOTPContext = React47.createContext(null);
+import { jsx as jsx39, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputOTPContext = React49.createContext(null);
 function useInputOTP() {
-  const context = React47.useContext(InputOTPContext);
+  const context = React49.useContext(InputOTPContext);
   if (!context) {
     throw new Error("InputOTP slots must be used within an <InputOTP />");
   }
@@ -3496,16 +3627,16 @@ function InputOTP({
     defaultValue,
     onChange
   });
-  const [focused, setFocused] = React47.useState(false);
+  const [focused, setFocused] = React49.useState(false);
   const activeIndex = focused ? Math.min(value.length, maxLength - 1) : -1;
-  return /* @__PURE__ */ jsx38(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx39(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-slot": "input-otp",
       className: cn(INPUT_OTP_CONTAINER, containerClassName),
       children: [
         children,
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "input",
           {
             inputMode: "numeric",
@@ -3528,7 +3659,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3542,7 +3673,7 @@ function InputOTPSlot({ index, className, ...props }) {
   const char = value[index];
   const isActive = activeIndex === index;
   const hasFakeCaret = isActive && char === void 0;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -3551,13 +3682,13 @@ function InputOTPSlot({ index, className, ...props }) {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx38("div", { className: INPUT_OTP_SLOT_CARET_WRAPPER, children: /* @__PURE__ */ jsx38("div", { className: INPUT_OTP_SLOT_CARET }) })
+        hasFakeCaret && /* @__PURE__ */ jsx39("div", { className: INPUT_OTP_SLOT_CARET_WRAPPER, children: /* @__PURE__ */ jsx39("div", { className: INPUT_OTP_SLOT_CARET }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx38("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3568,27 +3699,27 @@ function InputOTPSeparator({ ...props }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx38("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ jsx39("path", { d: "M5 12h14" })
     }
   ) });
 }
 
 // src/components/tooltip.tsx
-import * as React48 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 jsx39 } from "react/jsx-runtime";
-var TooltipContext = React48.createContext(null);
+import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
+var TooltipContext = React50.createContext(null);
 function useTooltip() {
-  const ctx = React48.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__ */ jsx39(Fragment4, { children });
+  return /* @__PURE__ */ jsx40(Fragment5, { children });
 }
 function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
@@ -3596,8 +3727,8 @@ function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React48.useRef(null);
-  return /* @__PURE__ */ jsx39(TooltipProvider, { children: /* @__PURE__ */ jsx39(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
+  const anchorRef = React50.useRef(null);
+  return /* @__PURE__ */ jsx40(TooltipProvider, { children: /* @__PURE__ */ jsx40(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
 }
 function TooltipTrigger({
   asChild = false,
@@ -3609,7 +3740,7 @@ function TooltipTrigger({
 }) {
   const { setOpen, anchorRef } = useTooltip();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Comp,
     {
       "data-slot": "tooltip-trigger",
@@ -3650,7 +3781,7 @@ function TooltipContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx39(Portal, { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(Portal, { children: /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "tooltip-content",
@@ -3667,16 +3798,16 @@ function TooltipContent({
 }
 
 // src/components/popover.tsx
-import * as React49 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 jsx40 } from "react/jsx-runtime";
-var PopoverContext = React49.createContext(null);
+import { jsx as jsx41 } from "react/jsx-runtime";
+var PopoverContext = React51.createContext(null);
 function usePopover() {
-  const ctx = React49.useContext(PopoverContext);
+  const ctx = React51.useContext(PopoverContext);
   if (!ctx) throw new Error("Popover parts must be used within <Popover>");
   return ctx;
 }
@@ -3686,13 +3817,13 @@ function Popover({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React49.useRef(null);
-  return /* @__PURE__ */ jsx40(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React51.useRef(null);
+  return /* @__PURE__ */ jsx41(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function PopoverTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = usePopover();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Comp,
     {
       "data-slot": "popover-trigger",
@@ -3709,7 +3840,7 @@ function PopoverTrigger({ asChild = false, onClick, ...props }) {
 function PopoverAnchor({ asChild = false, ...props }) {
   const { anchorRef } = usePopover();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Comp,
     {
       "data-slot": "popover-anchor",
@@ -3741,7 +3872,7 @@ function PopoverContent({
     exclude: [anchorRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx40(Portal, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "popover-content",
@@ -3760,17 +3891,163 @@ function PopoverContent({
   ) });
 }
 
+// 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 InfoTip({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  const anchorRef = React52.useRef(null);
+  const contentId = React52.useId();
+  return /* @__PURE__ */ jsx42(
+    InfoTipContext.Provider,
+    {
+      value: { open: isOpen, setOpen, anchorRef, contentId },
+      children
+    }
+  );
+}
+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 { 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": "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);
+        hover.onPointerEnter(e);
+      },
+      onPointerLeave: (e) => {
+        onPointerLeave?.(e);
+        hover.onPointerLeave(e);
+      },
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx42(InfoGlyph2, {})
+    }
+  );
+}
+function InfoTipContent({
+  className,
+  side: sideProp = "bottom",
+  align = "center",
+  sideOffset = 6,
+  children,
+  ...props
+}) {
+  const { open, setOpen, anchorRef, contentId } = useInfoTip();
+  const { isPresent, ref: presRef } = usePresence(open);
+  const { floatingRef, style, side } = useFloating({
+    anchorRef,
+    open,
+    side: sideProp,
+    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",
+    {
+      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, dismissRef, presRef),
+      style,
+      className: cn(POPOVER_CONTENT, "w-64 p-3 text-sm", className),
+      ...props,
+      children
+    }
+  ) });
+}
+
 // src/components/hover-card.tsx
-import * as React50 from "react";
+import * as React53 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 jsx41 } from "react/jsx-runtime";
-var HoverCardContext = React50.createContext(null);
+import { jsx as jsx43 } from "react/jsx-runtime";
+var HoverCardContext = React53.createContext(null);
 function useHoverCard() {
-  const ctx = React50.useContext(HoverCardContext);
+  const ctx = React53.useContext(HoverCardContext);
   if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
   return ctx;
 }
@@ -3780,8 +4057,8 @@ function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React50.useRef(null);
-  return /* @__PURE__ */ jsx41(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React53.useRef(null);
+  return /* @__PURE__ */ jsx43(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function HoverCardTrigger({
   asChild = false,
@@ -3791,7 +4068,7 @@ function HoverCardTrigger({
 }) {
   const { setOpen, anchorRef } = useHoverCard();
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       "data-slot": "hover-card-trigger",
@@ -3826,7 +4103,7 @@ function HoverCardContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "hover-card-content",
@@ -3843,7 +4120,7 @@ function HoverCardContent({
 }
 
 // src/components/dropdown-menu.tsx
-import * as React51 from "react";
+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";
@@ -3857,12 +4134,12 @@ 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 jsx42, jsxs as jsxs12 } from "react/jsx-runtime";
-var DropdownMenuContext = React51.createContext(
+import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+var DropdownMenuContext = React54.createContext(
   null
 );
 function useDropdownMenu() {
-  const ctx = React51.useContext(DropdownMenuContext);
+  const ctx = React54.useContext(DropdownMenuContext);
   if (!ctx) throw new Error("DropdownMenu parts must be used within <DropdownMenu>");
   return ctx;
 }
@@ -3872,16 +4149,16 @@ function DropdownMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React51.useRef(null);
-  return /* @__PURE__ */ jsx42(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx42("div", { "data-slot": "dropdown-menu", children }) });
+  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__ */ jsx42(Portal, { children });
+  return /* @__PURE__ */ jsx44(Portal, { children });
 }
 function DropdownMenuTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = useDropdownMenu();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -3917,7 +4194,7 @@ function DropdownMenuContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const contentRef = React51.useRef(null);
+  const contentRef = React54.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -3926,13 +4203,13 @@ function DropdownMenuContent({
     orientation: "vertical",
     loop: true
   });
-  React51.useEffect(() => {
+  React54.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React51.useCallback(() => setOpen(false), [setOpen]);
+  const close = React54.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-content",
@@ -3955,10 +4232,10 @@ function DropdownMenuContent({
     }
   ) }) });
 }
-var DropdownMenuCloseContext = React51.createContext(() => {
+var DropdownMenuCloseContext = React54.createContext(() => {
 });
 function DropdownMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx42("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,
@@ -3969,8 +4246,8 @@ function DropdownMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React51.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsx42(
+  const close = React54.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-item",
@@ -4007,8 +4284,8 @@ function DropdownMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React51.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsxs12(
+  const close = React54.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -4028,13 +4305,13 @@ function DropdownMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx42("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx42("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx42("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 = React51.createContext(null);
+var DropdownMenuRadioGroupContext = React54.createContext(null);
 function DropdownMenuRadioGroup({
   className,
   value,
@@ -4042,11 +4319,11 @@ function DropdownMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React51.useMemo(
+  const ctx = React54.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx42(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx42("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,
@@ -4056,10 +4333,10 @@ function DropdownMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React51.useContext(DropdownMenuCloseContext);
-  const group = React51.useContext(DropdownMenuRadioGroupContext);
+  const close = React54.useContext(DropdownMenuCloseContext);
+  const group = React54.useContext(DropdownMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -4080,14 +4357,14 @@ function DropdownMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx42("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx42("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx42("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__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-label",
@@ -4098,7 +4375,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
   );
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-separator",
@@ -4109,7 +4386,7 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -4118,18 +4395,18 @@ function DropdownMenuShortcut({ className, ...props }) {
     }
   );
 }
-var DropdownMenuSubContext = React51.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__ */ jsx42(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx42("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 = React51.useContext(DropdownMenuSubContext);
-  return /* @__PURE__ */ jsxs12(
+  const ctx = React54.useContext(DropdownMenuSubContext);
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -4150,15 +4427,15 @@ function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx42("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__ */ jsx42("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 = React51.useContext(DropdownMenuSubContext);
+  const ctx = React54.useContext(DropdownMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -4175,7 +4452,7 @@ function DropdownMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/context-menu.tsx
-import * as React52 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";
@@ -4188,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 jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
-var ContextMenuContext = React52.createContext(null);
+import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+var ContextMenuContext = React55.createContext(null);
 function useContextMenu() {
-  const ctx = React52.useContext(ContextMenuContext);
+  const ctx = React55.useContext(ContextMenuContext);
   if (!ctx) throw new Error("ContextMenu parts must be used within <ContextMenu>");
   return ctx;
 }
@@ -4201,16 +4478,16 @@ function ContextMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const [point, setPoint] = React52.useState({ x: 0, y: 0 });
-  return /* @__PURE__ */ jsx43(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx43("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__ */ jsx43(Portal, { children });
+  return /* @__PURE__ */ jsx45(Portal, { children });
 }
 function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   const { setOpen, setPoint } = useContextMenu();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     Comp,
     {
       "data-slot": "context-menu-trigger",
@@ -4225,9 +4502,9 @@ function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   );
 }
 function ContextMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx43("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 = React52.createContext(() => {
+var ContextMenuCloseContext = React55.createContext(() => {
 });
 function ContextMenuContent({ className, children, ...props }) {
   const { open, setOpen, point } = useContextMenu();
@@ -4236,7 +4513,7 @@ function ContextMenuContent({ className, children, ...props }) {
     enabled: open,
     onDismiss: () => setOpen(false)
   });
-  const contentRef = React52.useRef(null);
+  const contentRef = React55.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -4245,13 +4522,13 @@ function ContextMenuContent({ className, children, ...props }) {
     orientation: "vertical",
     loop: true
   });
-  React52.useEffect(() => {
+  React55.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React52.useCallback(() => setOpen(false), [setOpen]);
+  const close = React55.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-content",
@@ -4283,8 +4560,8 @@ function ContextMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React52.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsx43(
+  const close = React55.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-item",
@@ -4321,8 +4598,8 @@ function ContextMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React52.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsxs13(
+  const close = React55.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-checkbox-item",
@@ -4342,13 +4619,13 @@ function ContextMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", 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__ */ 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 = React52.createContext(null);
+var ContextMenuRadioGroupContext = React55.createContext(null);
 function ContextMenuRadioGroup({
   className,
   value,
@@ -4356,11 +4633,11 @@ function ContextMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React52.useMemo(
+  const ctx = React55.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx43(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx43("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,
@@ -4370,10 +4647,10 @@ function ContextMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React52.useContext(ContextMenuCloseContext);
-  const group = React52.useContext(ContextMenuRadioGroupContext);
+  const close = React55.useContext(ContextMenuCloseContext);
+  const group = React55.useContext(ContextMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-radio-item",
@@ -4394,14 +4671,14 @@ function ContextMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", 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__ */ 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__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-label",
@@ -4412,7 +4689,7 @@ function ContextMenuLabel({ className, inset, ...props }) {
   );
 }
 function ContextMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-separator",
@@ -4423,7 +4700,7 @@ function ContextMenuSeparator({ className, ...props }) {
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -4432,18 +4709,18 @@ function ContextMenuShortcut({ className, ...props }) {
     }
   );
 }
-var ContextMenuSubContext = React52.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__ */ jsx43(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx43("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 = React52.useContext(ContextMenuSubContext);
-  return /* @__PURE__ */ jsxs13(
+  const ctx = React55.useContext(ContextMenuSubContext);
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "context-menu-sub-trigger",
@@ -4464,15 +4741,15 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx43("svg", { className: "ml-auto", 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__ */ 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 = React52.useContext(ContextMenuSubContext);
+  const ctx = React55.useContext(ContextMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "context-menu-sub-content",
@@ -4489,7 +4766,7 @@ function ContextMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/menubar.tsx
-import * as React53 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";
@@ -4506,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 jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
-var MenubarMenuContext = React53.createContext(null);
+import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+var MenubarMenuContext = React56.createContext(null);
 function useMenu() {
-  const ctx = React53.useContext(MenubarMenuContext);
+  const ctx = React56.useContext(MenubarMenuContext);
   if (!ctx) throw new Error("Menubar parts must be used within <MenubarMenu>");
   return ctx;
 }
-var MenubarRadioGroupContext = React53.createContext(null);
+var MenubarRadioGroupContext = React56.createContext(null);
 function Menubar({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar",
@@ -4531,12 +4808,12 @@ function MenubarMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React53.useRef(null);
-  return /* @__PURE__ */ jsx44(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx44("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__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       ref: triggerRef,
@@ -4572,10 +4849,10 @@ function MenubarContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  const items = React53.Children.toArray(children);
+  const items = React56.Children.toArray(children);
   const { onKeyDown } = useRovingFocus({ count: items.length, orientation: "vertical" });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(
     "div",
     {
       ref: mergeRefs(presenceRef, floatingRef, dismissRef),
@@ -4592,7 +4869,7 @@ function MenubarContent({
   ) });
 }
 function MenubarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { "data-slot": "menubar-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-group", role: "group", className, ...props });
 }
 function MenubarItem({
   className,
@@ -4600,7 +4877,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-item",
@@ -4619,7 +4896,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-checkbox-item",
@@ -4629,7 +4906,7 @@ function MenubarCheckboxItem({
       className: cn(MENUBAR_CHECKBOX_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx46("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx46(
           "svg",
           {
             className: "size-4",
@@ -4639,7 +4916,7 @@ function MenubarCheckboxItem({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx44("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx46("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }),
         children
@@ -4659,7 +4936,7 @@ function MenubarRadioGroup({
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsx44(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx44("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,
@@ -4667,9 +4944,9 @@ function MenubarRadioItem({
   value,
   ...props
 }) {
-  const ctx = React53.useContext(MenubarRadioGroupContext);
+  const ctx = React56.useContext(MenubarRadioGroupContext);
   const checked = ctx?.value === value;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-radio-item",
@@ -4680,7 +4957,7 @@ function MenubarRadioItem({
       onClick: () => ctx?.onValueChange(value),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx44("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx44("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
       ]
     }
@@ -4691,7 +4968,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-label",
@@ -4702,7 +4979,7 @@ function MenubarLabel({
   );
 }
 function MenubarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "menubar-separator",
@@ -4713,7 +4990,7 @@ function MenubarSeparator({ className, ...props }) {
   );
 }
 function MenubarShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -4722,9 +4999,9 @@ function MenubarShortcut({ className, ...props }) {
     }
   );
 }
-var MenubarSubContext = React53.createContext(null);
+var MenubarSubContext = React56.createContext(null);
 function useSub() {
-  const ctx = React53.useContext(MenubarSubContext);
+  const ctx = React56.useContext(MenubarSubContext);
   if (!ctx) throw new Error("MenubarSub parts must be used within <MenubarSub>");
   return ctx;
 }
@@ -4734,7 +5011,7 @@ function MenubarSub({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx44(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx44("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,
@@ -4744,7 +5021,7 @@ function MenubarSubTrigger({
   ...props
 }) {
   const { open, setOpen } = useSub();
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "menubar-sub-trigger",
@@ -4760,7 +5037,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx46(
           "svg",
           {
             className: "ml-auto h-4 w-4",
@@ -4770,7 +5047,7 @@ function MenubarSubTrigger({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx44("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx46("path", { d: "m9 18 6-6-6-6" })
           }
         )
       ]
@@ -4781,7 +5058,7 @@ function MenubarSubContent({ className, children, ...props }) {
   const { open } = useSub();
   const { isPresent, ref } = usePresence(open);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -4796,7 +5073,7 @@ function MenubarSubContent({ className, children, ...props }) {
 }
 
 // src/components/navigation-menu.tsx
-import * as React54 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";
@@ -4809,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 jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
 function navigationMenuTriggerStyle() {
   return NAVIGATION_MENU_TRIGGER_STYLE;
 }
-var NavigationMenuItemContext = React54.createContext(null);
+var NavigationMenuItemContext = React57.createContext(null);
 function useItem() {
-  const ctx = React54.useContext(NavigationMenuItemContext);
+  const ctx = React57.useContext(NavigationMenuItemContext);
   if (!ctx) throw new Error("NavigationMenu parts must be used within <NavigationMenuItem>");
   return ctx;
 }
@@ -4825,7 +5102,7 @@ function NavigationMenu({
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "nav",
     {
       "data-slot": "navigation-menu",
@@ -4838,13 +5115,13 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx45(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx47(NavigationMenuViewport, {})
       ]
     }
   );
 }
 function NavigationMenuList({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "ul",
     {
       "data-slot": "navigation-menu-list",
@@ -4870,8 +5147,8 @@ function NavigationMenuItem({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React54.useRef(null);
-  return /* @__PURE__ */ jsx45(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx45("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,
@@ -4880,7 +5157,7 @@ function NavigationMenuTrigger({
   ...props
 }) {
   const { open, setOpen, triggerRef } = useItem();
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "button",
     {
       ref: triggerRef,
@@ -4896,7 +5173,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx47(
           "svg",
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -4907,7 +5184,7 @@ function NavigationMenuTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx45("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx47("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -4923,7 +5200,7 @@ function NavigationMenuContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       ref: mergeRefs(presenceRef, dismissRef),
@@ -4939,7 +5216,7 @@ function NavigationMenuContent({ className, children, ...props }) {
   );
 }
 function NavigationMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx45(
+  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",
@@ -4957,7 +5234,7 @@ function NavigationMenuLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     Comp,
     {
       "data-slot": "navigation-menu-link",
@@ -4970,7 +5247,7 @@ function NavigationMenuLink({
   );
 }
 function NavigationMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -4979,13 +5256,13 @@ function NavigationMenuIndicator({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx45("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 React55 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";
@@ -4997,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 jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
-var DialogContext = React55.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 = React55.useContext(DialogContext);
+  const ctx = React58.useContext(DialogContext);
   if (!ctx) throw new Error("Dialog parts must be used within <Dialog>");
   return ctx;
 }
@@ -5010,13 +5287,13 @@ function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React55.useRef(null);
-  return /* @__PURE__ */ jsx46(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__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "dialog-trigger",
@@ -5031,11 +5308,11 @@ function DialogTrigger({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ jsx46(Fragment5, { children });
+  return /* @__PURE__ */ jsx48(Fragment6, { children });
 }
 function DialogOverlay({ className, ...props }) {
   const { open, setOpen } = useDialog();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-overlay",
@@ -5046,7 +5323,7 @@ function DialogOverlay({ className, ...props }) {
     }
   );
 }
-var XIcon = (props) => /* @__PURE__ */ jsx46(
+var XIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5059,7 +5336,7 @@ var XIcon = (props) => /* @__PURE__ */ jsx46(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx46("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx48("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function DialogContent({
@@ -5076,7 +5353,7 @@ function DialogContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  React55.useEffect(() => {
+  React58.useEffect(() => {
     if (!open) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -5085,9 +5362,9 @@ function DialogContent({
     };
   }, [open]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs16(Portal, { children: [
-    /* @__PURE__ */ jsx46(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(Portal, { children: [
+    /* @__PURE__ */ jsx48(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs18(
       "div",
       {
         "data-slot": "dialog-content",
@@ -5099,7 +5376,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs16(
+          showCloseButton && /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -5107,8 +5384,8 @@ function DialogContent({
               onClick: () => setOpen(false),
               className: DIALOG_CLOSE,
               children: [
-                /* @__PURE__ */ jsx46(XIcon, {}),
-                /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx48(XIcon, {}),
+                /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5120,7 +5397,7 @@ function DialogContent({
 function DialogClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "dialog-close",
@@ -5133,7 +5410,7 @@ function DialogClose({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-header",
@@ -5143,7 +5420,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -5153,7 +5430,7 @@ function DialogFooter({ className, ...props }) {
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "h2",
     {
       "data-slot": "dialog-title",
@@ -5163,7 +5440,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "p",
     {
       "data-slot": "dialog-description",
@@ -5174,7 +5451,7 @@ function DialogDescription({ className, ...props }) {
 }
 
 // src/components/alert-dialog.tsx
-import * as React56 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";
@@ -5185,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 jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
-var AlertDialogContext = React56.createContext(null);
+import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
+var AlertDialogContext = React59.createContext(null);
 function useAlertDialog() {
-  const ctx = React56.useContext(AlertDialogContext);
+  const ctx = React59.useContext(AlertDialogContext);
   if (!ctx) throw new Error("AlertDialog parts must be used within <AlertDialog>");
   return ctx;
 }
@@ -5198,13 +5475,13 @@ function AlertDialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React56.useRef(null);
-  return /* @__PURE__ */ jsx47(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__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "alert-dialog-trigger",
@@ -5220,7 +5497,7 @@ function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
 }
 function AlertDialogOverlay({ className, ...props }) {
   const { open, setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-overlay",
@@ -5241,9 +5518,9 @@ function AlertDialogContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs17(Portal, { children: [
-    /* @__PURE__ */ jsx47(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs19(Portal, { children: [
+    /* @__PURE__ */ jsx49(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx49(
       "div",
       {
         "data-slot": "alert-dialog-content",
@@ -5259,7 +5536,7 @@ function AlertDialogContent({ className, children, ...props }) {
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -5269,7 +5546,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -5279,7 +5556,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "h2",
     {
       "data-slot": "alert-dialog-title",
@@ -5289,7 +5566,7 @@ function AlertDialogTitle({ className, ...props }) {
   );
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "p",
     {
       "data-slot": "alert-dialog-description",
@@ -5300,7 +5577,7 @@ function AlertDialogDescription({ className, ...props }) {
 }
 function AlertDialogAction({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "button",
     {
       "data-slot": "alert-dialog-action",
@@ -5315,7 +5592,7 @@ function AlertDialogAction({ className, onClick, ...props }) {
 }
 function AlertDialogCancel({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     "button",
     {
       "data-slot": "alert-dialog-cancel",
@@ -5330,7 +5607,7 @@ function AlertDialogCancel({ className, onClick, ...props }) {
 }
 
 // src/components/sheet.tsx
-import * as React57 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";
@@ -5346,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 jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
-var SheetContext = React57.createContext(null);
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+var SheetContext = React60.createContext(null);
 function useSheet() {
-  const ctx = React57.useContext(SheetContext);
+  const ctx = React60.useContext(SheetContext);
   if (!ctx) throw new Error("Sheet parts must be used within <Sheet>");
   return ctx;
 }
@@ -5359,13 +5636,13 @@ function Sheet({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React57.useRef(null);
-  return /* @__PURE__ */ jsx48(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__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "sheet-trigger",
@@ -5381,7 +5658,7 @@ function SheetTrigger({ asChild = false, onClick, ...props }) {
 }
 function SheetOverlay({ className, ...props }) {
   const { open, setOpen } = useSheet();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-overlay",
@@ -5398,7 +5675,7 @@ var sheetSideClasses = {
   top: SHEET_SIDE_TOP,
   bottom: SHEET_SIDE_BOTTOM
 };
-var XIcon2 = (props) => /* @__PURE__ */ jsx48(
+var XIcon2 = (props) => /* @__PURE__ */ jsx50(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5411,7 +5688,7 @@ var XIcon2 = (props) => /* @__PURE__ */ jsx48(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx48("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 }) {
@@ -5424,9 +5701,9 @@ function SheetContent({ className, children, side = "right", ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs18(Portal, { children: [
-    /* @__PURE__ */ jsx48(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(Portal, { children: [
+    /* @__PURE__ */ jsx50(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs20(
       "div",
       {
         "data-slot": "sheet-content",
@@ -5438,7 +5715,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs20(
             "button",
             {
               type: "button",
@@ -5446,8 +5723,8 @@ function SheetContent({ className, children, side = "right", ...props }) {
               onClick: () => setOpen(false),
               className: SHEET_CLOSE,
               children: [
-                /* @__PURE__ */ jsx48(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx50(XIcon2, { className: "size-4" }),
+                /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5459,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__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "sheet-close",
@@ -5472,7 +5749,7 @@ function SheetClose({ asChild = false, onClick, ...props }) {
   );
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5482,7 +5759,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -5492,7 +5769,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "h2",
     {
       "data-slot": "sheet-title",
@@ -5502,7 +5779,7 @@ function SheetTitle({ className, ...props }) {
   );
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "p",
     {
       "data-slot": "sheet-description",
@@ -5513,7 +5790,7 @@ function SheetDescription({ className, ...props }) {
 }
 
 // src/components/drawer.tsx
-import * as React58 from "react";
+import * as React61 from "react";
 
 // src/generated/drawer.ts
 var DRAWER_CONTENT_BASE = "bg-background fixed z-50 flex h-auto border";
@@ -5531,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 jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
-var DrawerContext = React58.createContext(null);
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+var DrawerContext = React61.createContext(null);
 function useDrawer() {
-  const ctx = React58.useContext(DrawerContext);
+  const ctx = React61.useContext(DrawerContext);
   if (!ctx) throw new Error("Drawer parts must be used within <Drawer>");
   return ctx;
 }
@@ -5550,12 +5827,12 @@ function Drawer({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx49(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx49("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__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "drawer-trigger",
@@ -5570,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__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "drawer-close",
@@ -5585,7 +5862,7 @@ function DrawerClose({ asChild = false, onClick, ...props }) {
 function DrawerOverlay({ className, ...props }) {
   const { open, setOpen } = useDrawer();
   if (!open) return null;
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-overlay",
@@ -5600,8 +5877,8 @@ function DrawerContent({ className, children, ...props }) {
   const { open, setOpen, direction } = useDrawer();
   const scopeRef = useFocusScope(open);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs19(Portal, { children: [
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs21(Portal, { children: [
+    /* @__PURE__ */ jsx51(
       "div",
       {
         "data-slot": "drawer-overlay",
@@ -5609,7 +5886,7 @@ function DrawerContent({ className, children, ...props }) {
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs21(
       "div",
       {
         role: "dialog",
@@ -5624,7 +5901,7 @@ function DrawerContent({ className, children, ...props }) {
         className: cn(DRAWER_CONTENT_BASE, drawerDirectionClasses[direction], className),
         ...props,
         children: [
-          direction === "bottom" ? /* @__PURE__ */ jsx49(
+          direction === "bottom" ? /* @__PURE__ */ jsx51(
             "div",
             {
               "data-slot": "drawer-handle",
@@ -5638,7 +5915,7 @@ function DrawerContent({ className, children, ...props }) {
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5648,7 +5925,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5658,7 +5935,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-title",
@@ -5668,7 +5945,7 @@ function DrawerTitle({ className, ...props }) {
   );
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "drawer-description",
@@ -5679,11 +5956,11 @@ function DrawerDescription({ className, ...props }) {
 }
 
 // src/components/select.tsx
-import * as React59 from "react";
-import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
-var SelectContext = React59.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 = React59.useContext(SelectContext);
+  const ctx = React62.useContext(SelectContext);
   if (!ctx) throw new Error("Select parts must be used within <Select>");
   return ctx;
 }
@@ -5706,8 +5983,8 @@ function Select({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React59.useRef(null);
-  return /* @__PURE__ */ jsx50(
+  const anchorRef = React62.useRef(null);
+  return /* @__PURE__ */ jsx52(
     SelectContext.Provider,
     {
       value: { value: currentValue, setValue, open: isOpen, setOpen, anchorRef },
@@ -5723,7 +6000,7 @@ function SelectTrigger({
   ...props
 }) {
   const { open, setOpen, anchorRef } = useSelect();
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(
     "button",
     {
       type: "button",
@@ -5744,7 +6021,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx52(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -5758,7 +6035,7 @@ function SelectTrigger({
             strokeLinejoin: "round",
             className: "size-4 opacity-50",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx50("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx52("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -5768,7 +6045,7 @@ function SelectTrigger({
 function SelectValue({ className, placeholder, ...props }) {
   const { value } = useSelect();
   const isEmpty = value === "";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "span",
     {
       "data-slot": "select-value",
@@ -5801,13 +6078,13 @@ function SelectContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const items = React59.Children.toArray(children).filter(React59.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__ */ jsx50(Portal, { children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(Portal, { children: /* @__PURE__ */ jsx52(
     "div",
     {
       role: "listbox",
@@ -5823,8 +6100,8 @@ function SelectContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx50("div", { className: "p-1", children: items.map(
-        (child, index) => React59.cloneElement(child, {
+      children: /* @__PURE__ */ jsx52("div", { className: "p-1", children: items.map(
+        (child, index) => React62.cloneElement(child, {
           __index: index,
           __active: index === activeIndex,
           __setActive: setActiveIndex
@@ -5844,7 +6121,7 @@ function SelectItem({
 }) {
   const { value: selectedValue, setValue, setOpen } = useSelect();
   const selected = selectedValue === value;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       role: "option",
@@ -5869,7 +6146,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        selected ? /* @__PURE__ */ jsx50("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx50(
+        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",
@@ -5883,19 +6160,19 @@ function SelectItem({
             strokeLinejoin: "round",
             className: "size-4",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx50("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx52("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }) : null,
-        /* @__PURE__ */ jsx50("span", { children })
+        /* @__PURE__ */ jsx52("span", { children })
       ]
     }
   );
 }
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx50("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__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "select-label",
@@ -5905,7 +6182,7 @@ function SelectLabel({ className, ...props }) {
   );
 }
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "select-separator",
@@ -5916,7 +6193,7 @@ function SelectSeparator({ className, ...props }) {
 }
 
 // src/components/command.tsx
-import * as React60 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";
@@ -5933,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 jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
-var CommandContext = React60.createContext(null);
+import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+var CommandContext = React63.createContext(null);
 function useCommand() {
-  const ctx = React60.useContext(CommandContext);
+  const ctx = React63.useContext(CommandContext);
   if (!ctx) throw new Error("Command parts must be used within <Command>");
   return ctx;
 }
@@ -5953,15 +6230,57 @@ function Command({
     defaultValue: defaultSearch,
     ...onSearchChange ? { onChange: onSearchChange } : {}
   });
-  return /* @__PURE__ */ jsx51(CommandContext.Provider, { value: { search: currentSearch, setSearch }, children: /* @__PURE__ */ jsx51(
-    "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,
@@ -5977,8 +6296,8 @@ function CommandDialog({
   });
   const scopeRef = useFocusScope(isOpen);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs21(Portal, { children: [
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs23(Portal, { children: [
+    /* @__PURE__ */ jsx53(
       "div",
       {
         "data-slot": "command-overlay",
@@ -5986,7 +6305,7 @@ function CommandDialog({
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx53(
       "div",
       {
         role: "dialog",
@@ -5997,7 +6316,7 @@ function CommandDialog({
           if (e.key === "Escape") setOpen(false);
         },
         className: cn(COMMAND_DIALOG_CONTENT, className),
-        children: /* @__PURE__ */ jsx51(Command, { className: COMMAND_DIALOG_COMMAND, children })
+        children: /* @__PURE__ */ jsx53(Command, { className: COMMAND_DIALOG_COMMAND, children })
       }
     )
   ] });
@@ -6007,8 +6326,8 @@ function CommandInput({
   ...props
 }) {
   const { search, setSearch } = useCommand();
-  return /* @__PURE__ */ jsxs21("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs23("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ jsxs23(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -6023,12 +6342,12 @@ function CommandInput({
         className: "size-4 shrink-0 opacity-50",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx51("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx51("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__ */ jsx51(
+    /* @__PURE__ */ jsx53(
       "input",
       {
         type: "text",
@@ -6043,7 +6362,7 @@ function CommandInput({
   ] });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       role: "listbox",
@@ -6054,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__ */ jsx51(
+  const { query, hasMatches } = useCommand();
+  if (query === "" || hasMatches) return null;
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "command-empty",
@@ -6068,7 +6386,7 @@ function CommandEmpty({ className, children, ...props }) {
   );
 }
 function CommandGroup({ className, heading, children, ...props }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "group",
@@ -6076,7 +6394,7 @@ function CommandGroup({ className, heading, children, ...props }) {
       className: cn(COMMAND_GROUP, className),
       ...props,
       children: [
-        heading ? /* @__PURE__ */ jsx51("div", { "data-slot": "command-group-heading", children: heading }) : null,
+        heading ? /* @__PURE__ */ jsx53("div", { "data-slot": "command-group-heading", children: heading }) : null,
         children
       ]
     }
@@ -6090,10 +6408,14 @@ function CommandItem({
   children,
   ...props
 }) {
-  const { search } = useCommand();
-  const query = search.toLowerCase();
-  if (query !== "" && !value.toLowerCase().includes(query)) return null;
-  return /* @__PURE__ */ jsx51(
+  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",
@@ -6111,7 +6433,7 @@ function CommandItem({
   );
 }
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "command-separator",
@@ -6121,7 +6443,7 @@ function CommandSeparator({ className, ...props }) {
   );
 }
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -6132,7 +6454,7 @@ function CommandShortcut({ className, ...props }) {
 }
 
 // src/components/chart.tsx
-import * as React61 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";
@@ -6140,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 jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var ChartContext = React61.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 = React61.useContext(ChartContext);
+  const context = React64.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -6156,9 +6478,9 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React61.useId();
+  const uniqueId = React64.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx52(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx54(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "chart",
@@ -6166,7 +6488,7 @@ function ChartContainer({
       className: cn(CHART_CONTAINER, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx52(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx54(ChartStyle, { id: chartId, config }),
         children
       ]
     }
@@ -6177,7 +6499,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -6188,7 +6510,7 @@ ${colorConfig.map(([key, itemConfig]) => `  --color-${key}: ${itemConfig.color};
     }
   );
 };
-var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx52(Fragment6, { children });
+var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
 function ChartTooltipContent({
   className,
   items = [],
@@ -6201,21 +6523,21 @@ function ChartTooltipContent({
   if (!items.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "chart-tooltip",
       className: cn(CHART_TOOLTIP, className),
       children: [
-        !hideLabel && label ? /* @__PURE__ */ jsx52("div", { className: cn("font-medium", labelClassName), children: label }) : null,
-        /* @__PURE__ */ jsx52("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs22(
+        !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__ */ jsx52(
+              !hideIndicator && /* @__PURE__ */ jsx54(
                 "div",
                 {
                   className: "shrink-0 rounded-[2px] h-2.5 w-2.5",
@@ -6225,9 +6547,9 @@ function ChartTooltipContent({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
-                /* @__PURE__ */ jsx52("span", { className: "text-muted-foreground", children: item.label }),
-                item.value !== void 0 && /* @__PURE__ */ jsx52("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 })
               ] })
             ]
           },
@@ -6237,7 +6559,7 @@ function ChartTooltipContent({
     }
   );
 }
-var ChartLegend = ({ children }) => /* @__PURE__ */ jsx52(Fragment6, { children });
+var ChartLegend = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
 function ChartLegendContent({
   className,
   hideIcon = false,
@@ -6251,19 +6573,19 @@ function ChartLegendContent({
   if (!rows.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "chart-legend",
       className: cn(CHART_LEGEND, className),
-      children: rows.map((item, index) => /* @__PURE__ */ jsxs22(
+      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__ */ jsx52(
+            !hideIcon && /* @__PURE__ */ jsx54(
               "div",
               {
                 className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -6280,7 +6602,7 @@ function ChartLegendContent({
 }
 
 // src/components/calendar.tsx
-import * as React62 from "react";
+import * as React65 from "react";
 
 // src/generated/calendar.ts
 var CALENDAR_ROOT = "bg-background p-3 w-fit";
@@ -6298,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 jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
 var MONTHS = [
   "January",
   "February",
@@ -6317,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "svg",
     {
       className: "size-4",
@@ -6331,7 +6653,7 @@ function Chevron({ d }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx53("path", { d })
+      children: /* @__PURE__ */ jsx55("path", { d })
     }
   );
 }
@@ -6353,7 +6675,7 @@ function Calendar({
   today = /* @__PURE__ */ new Date(),
   className
 }) {
-  const [internal, setInternal] = React62.useState(
+  const [internal, setInternal] = React65.useState(
     () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
   );
   const view = month ? startOfMonth(month) : internal;
@@ -6378,38 +6700,38 @@ function Calendar({
     size: "icon",
     className: CALENDAR_NAV_BUTTON
   });
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-slot": "calendar",
       role: "application",
       className: cn(CALENDAR_ROOT, className),
       children: [
-        /* @__PURE__ */ jsxs23("div", { className: CALENDAR_NAV, children: [
-          /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsxs25("div", { className: CALENDAR_NAV, children: [
+          /* @__PURE__ */ jsx55(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Previous month",
               onClick: () => go(-1),
-              children: /* @__PURE__ */ jsx53(Chevron, { d: CHEVRON_LEFT })
+              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_LEFT })
             }
           ),
-          /* @__PURE__ */ jsx53("div", { className: CALENDAR_CAPTION, children: caption }),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx55("div", { className: CALENDAR_CAPTION, children: caption }),
+          /* @__PURE__ */ jsx55(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Next month",
               onClick: () => go(1),
-              children: /* @__PURE__ */ jsx53(Chevron, { d: CHEVRON_RIGHT })
+              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_RIGHT })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs23("table", { className: CALENDAR_GRID, role: "grid", children: [
-          /* @__PURE__ */ jsx53("thead", { children: /* @__PURE__ */ jsx53("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx53(
+        /* @__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",
@@ -6418,9 +6740,9 @@ function Calendar({
             },
             wd
           )) }) }),
-          /* @__PURE__ */ jsx53("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx53("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__ */ jsx53(
+              return /* @__PURE__ */ jsx55(
                 "td",
                 {
                   className: CALENDAR_DAY_EMPTY
@@ -6431,13 +6753,13 @@ function Calendar({
             const date = new Date(year, monthIndex, cell);
             const isSelected = sameDay(selected, date);
             const isToday = sameDay(today, date);
-            return /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsx55(
               "td",
               {
                 role: "gridcell",
                 "aria-selected": isSelected,
                 className: CALENDAR_DAY_CELL,
-                children: /* @__PURE__ */ jsx53(
+                children: /* @__PURE__ */ jsx55(
                   "button",
                   {
                     type: "button",
@@ -6467,7 +6789,7 @@ function Calendar({
 }
 
 // src/components/sonner.tsx
-import * as React63 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";
@@ -6492,7 +6814,7 @@ var TOAST_CONTENT = "flex-1 space-y-1";
 var TOAST_TITLE = "font-medium";
 
 // src/components/sonner.tsx
-import { jsx as jsx54, jsxs as jsxs24 } 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;
@@ -6557,17 +6879,17 @@ function ToastItem({
   reportHeight,
   removeHeight
 }) {
-  const ref = React63.useRef(null);
-  const [height, setHeight] = React63.useState(0);
-  const remainingRef = React63.useRef(t.duration);
-  const startedRef = React63.useRef(0);
-  const flingRef = React63.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 = React63.useRef(
+  const dragRef = React66.useRef(
     null
   );
-  React63.useLayoutEffect(() => {
+  React66.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     el.style.height = "auto";
@@ -6578,8 +6900,12 @@ function ToastItem({
       reportHeight(t.id, h);
     }
   }, [t.id, t.message, t.description, reportHeight]);
-  React63.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
-  React63.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);
@@ -6591,7 +6917,7 @@ function ToastItem({
       );
     };
   }, [paused, t.id, t.duration, t.state]);
-  React63.useEffect(
+  React66.useEffect(
     () => () => {
       if (flingRef.current) clearTimeout(flingRef.current);
     },
@@ -6650,7 +6976,7 @@ function ToastItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26(
     "li",
     {
       ref,
@@ -6678,11 +7004,11 @@ function ToastItem({
         toastVariantClasses[t.variant]
       ),
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: TOAST_CONTENT, children: [
-          /* @__PURE__ */ jsx54("div", { className: TOAST_TITLE, children: t.message }),
-          t.description ? /* @__PURE__ */ jsx54("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__ */ jsx54(
+        /* @__PURE__ */ jsx56(
           "button",
           {
             type: "button",
@@ -6690,7 +7016,7 @@ function ToastItem({
             "data-slot": "toast-close",
             onClick: () => store.dismiss(t.id),
             className: TOAST_CLOSE,
-            children: /* @__PURE__ */ jsx54(
+            children: /* @__PURE__ */ jsx56(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -6703,7 +7029,7 @@ function ToastItem({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx54("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx56("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -6717,17 +7043,17 @@ function Toaster({
   className,
   ...props
 }) {
-  const [toasts, setToasts] = React63.useState([]);
-  const [heights, setHeights] = React63.useState(/* @__PURE__ */ new Map());
-  const [paused, setPaused] = React63.useState(false);
-  React63.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 = React63.useCallback((id, h) => {
+  const reportHeight = React66.useCallback((id, h) => {
     setHeights((prev) => {
       if (prev.get(id) === h) return prev;
       const next = new Map(prev);
@@ -6735,7 +7061,7 @@ function Toaster({
       return next;
     });
   }, []);
-  const removeHeight = React63.useCallback((id) => {
+  const removeHeight = React66.useCallback((id) => {
     setHeights((prev) => {
       if (!prev.has(id)) return prev;
       const next = new Map(prev);
@@ -6753,7 +7079,7 @@ function Toaster({
     sum += heights.get(t.id) ?? 0;
     return o;
   });
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "ol",
     {
       "data-slot": "toaster",
@@ -6774,7 +7100,7 @@ function Toaster({
       onPointerOut: onLeave,
       onFocus: onEnter,
       onBlur: onLeave,
-      children: ordered.map((t, i) => /* @__PURE__ */ jsx54(
+      children: ordered.map((t, i) => /* @__PURE__ */ jsx56(
         ToastItem,
         {
           toast: t,
@@ -6792,7 +7118,7 @@ function Toaster({
 }
 
 // src/components/form.tsx
-import * as React64 from "react";
+import * as React67 from "react";
 
 // src/generated/form.ts
 var FORM_ITEM = "grid gap-2";
@@ -6800,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 jsx55 } from "react/jsx-runtime";
-var FormItemContext = React64.createContext(null);
+import { jsx as jsx57 } from "react/jsx-runtime";
+var FormItemContext = React67.createContext(null);
 function useFormItem() {
-  const ctx = React64.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__ */ jsx55("form", { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx57("form", { "data-slot": "form", ...props });
 }
 function FormItem({ className, ...props }) {
-  const id = React64.useId();
-  const value = React64.useMemo(
+  const id = React67.useId();
+  const value = React67.useMemo(
     () => ({
       id,
       formItemId: `${id}-form-item`,
@@ -6823,7 +7149,7 @@ function FormItem({ className, ...props }) {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsx55(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx55("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,
@@ -6831,7 +7157,7 @@ function FormLabel({
   ...props
 }) {
   const { formItemId } = useFormItem();
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     Label,
     {
       "data-slot": "form-label",
@@ -6847,7 +7173,7 @@ function FormControl({
   ...props
 }) {
   const { formItemId, formDescriptionId, formMessageId } = useFormItem();
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     Slot,
     {
       "data-slot": "form-control",
@@ -6860,7 +7186,7 @@ function FormControl({
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormItem();
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "p",
     {
       "data-slot": "form-description",
@@ -6875,7 +7201,7 @@ function FormMessage({ className, children, ...props }) {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "p",
     {
       "data-slot": "form-message",
@@ -6888,7 +7214,7 @@ function FormMessage({ className, children, ...props }) {
 }
 
 // src/components/resizable.tsx
-import * as React65 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";
@@ -6897,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 jsx56, jsxs as jsxs25 } from "react/jsx-runtime";
-var ResizableContext = React65.createContext(null);
+import { jsx as jsx58, jsxs as jsxs27 } from "react/jsx-runtime";
+var ResizableContext = React68.createContext(null);
 function useResizable() {
-  const ctx = React65.useContext(ResizableContext);
+  const ctx = React68.useContext(ResizableContext);
   if (!ctx)
     throw new Error("Resizable parts must be used within a ResizablePanelGroup");
   return ctx;
@@ -6923,9 +7249,9 @@ function ResizablePanelGroup({
   children,
   ...props
 }) {
-  const [sizes, setSizes] = React65.useState([]);
-  const groupRef = React65.useRef(null);
-  const register = React65.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();
@@ -6934,14 +7260,14 @@ function ResizablePanelGroup({
       return next;
     });
   }, []);
-  React65.useEffect(() => {
+  React68.useEffect(() => {
     if (sizes.length) onLayout?.(sizes);
   }, [sizes, onLayout]);
-  const value = React65.useMemo(
+  const value = React68.useMemo(
     () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
     [sizes, register, direction, keyboardStep]
   );
-  return /* @__PURE__ */ jsx56(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx58(
     "div",
     {
       ref: groupRef,
@@ -6962,11 +7288,11 @@ function ResizablePanel({
   ...props
 }) {
   const { sizes, register } = useResizable();
-  React65.useEffect(() => {
+  React68.useEffect(() => {
     register(index, defaultSize);
   }, [register, index, defaultSize]);
   const basis = sizes[index] ?? defaultSize;
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       "data-slot": "resizable-panel",
@@ -6985,12 +7311,12 @@ function ResizableHandle({
   ...props
 }) {
   const { setSizes, direction, keyboardStep, groupRef } = useResizable();
-  const draggingRef = React65.useRef(false);
-  const resize = React65.useCallback(
+  const draggingRef = React68.useRef(false);
+  const resize = React68.useCallback(
     (delta) => setSizes((prev) => redistribute(prev, index, delta)),
     [setSizes, index]
   );
-  const onPointerMove = React65.useCallback(
+  const onPointerMove = React68.useCallback(
     (event) => {
       if (!draggingRef.current) return;
       const rect = groupRef.current?.getBoundingClientRect();
@@ -7002,7 +7328,7 @@ function ResizableHandle({
     },
     [direction, resize, groupRef]
   );
-  const onPointerUp = React65.useCallback(() => {
+  const onPointerUp = React68.useCallback(() => {
     draggingRef.current = false;
     window.removeEventListener("pointermove", onPointerMove);
     window.removeEventListener("pointerup", onPointerUp);
@@ -7013,7 +7339,7 @@ function ResizableHandle({
     window.addEventListener("pointermove", onPointerMove);
     window.addEventListener("pointerup", onPointerUp);
   };
-  React65.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  React68.useEffect(() => () => onPointerUp(), [onPointerUp]);
   const onKeyDown = (event) => {
     let delta;
     switch (event.key) {
@@ -7033,7 +7359,7 @@ function ResizableHandle({
     event.preventDefault();
     resize(delta);
   };
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "data-slot": "resizable-handle",
@@ -7046,7 +7372,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx56("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs25(
+        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs27(
           "svg",
           {
             className: "size-2.5",
@@ -7061,12 +7387,12 @@ function ResizableHandle({
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx56("circle", { cx: "9", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx56("circle", { cx: "9", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx56("circle", { cx: "9", cy: "19", r: "1" }),
-              /* @__PURE__ */ jsx56("circle", { cx: "15", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx56("circle", { cx: "15", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx56("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" })
             ]
           }
         ) }),
@@ -7218,6 +7544,9 @@ export {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
+  InfoTip,
+  InfoTipContent,
+  InfoTipTrigger,
   Input,
   InputGroup,
   InputGroupAddon,
@@ -7287,6 +7616,7 @@ export {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  SectionDescriptor,
   Select,
   SelectContent,
   SelectGroup,
@@ -7359,6 +7689,7 @@ export {
   useDismissableLayer,
   useFloating,
   useFocusScope,
+  useHoverIntent,
   usePresence,
   useRovingFocus,
   useSidebar