@cupcodev/ui 1.0.2 → 1.0.7

package/dist/index.js

@@ -422,7 +422,7 @@ function BackgroundStars() {
       const { r, g, b } = hexToRgb(hex);
       return [r / 255, g / 255, b / 255];
     }
-    let comets = [];
+    const comets = [];
     function spawnComet() {
       const angle = Math.random() * Math.PI * 2;
       const len = rand(80, 160);
@@ -621,10 +621,10 @@ CardGlass.displayName = "CardGlass";
 import { X } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var variantStyles = {
-  default: "bg-muted text-cupcode-ink border-border",
+  default: "bg-muted text-cupcode-ink border-border dark:text-white dark:bg-cupcode-ink/40",
   primary: "bg-gradient-to-r from-cupcode-pink to-cupcode-purple text-white border-transparent",
   secondary: "bg-cupcode-purple/10 text-cupcode-purple border-cupcode-purple/20",
-  outline: "bg-transparent text-cupcode-ink border-cupcode-purple"
+  outline: "bg-transparent text-cupcode-ink border-cupcode-purple dark:text-cupcode-purple"
 };
 var ChipTag = ({
   label,
@@ -764,7 +764,9 @@ var Dock = ({ items, className }) => {
       items.map((item, index) => /* @__PURE__ */ jsx9(
         "li",
         {
-          ref: (el) => itemsRef.current[index] = el,
+          ref: (el) => {
+            itemsRef.current[index] = el;
+          },
           className: "relative z-10",
           children: /* @__PURE__ */ jsxs7(Tooltip, { children: [
             /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(
@@ -802,11 +804,11 @@ var Dock = ({ items, className }) => {
 };
 
 // src/components/cupcode/DockWrapper.tsx
-import { useEffect as useEffect5, useRef as useRef4 } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useMemo } from "react";
 
 // src/hooks/useTelescupAsset.ts
 import { useState as useState2, useEffect as useEffect4 } from "react";
-var API_BASE = "https://telescup.cupcode.dev";
+var API_BASE = "https://cdn.cupcode.com.br";
 function buildTelescupImageURL(options) {
   const { id, width, height, fit = "cover", format = "avif", quality = 60 } = options;
   const params = new URLSearchParams({ id });
@@ -865,21 +867,109 @@ function parseAssetId(input) {
 
 // src/components/cupcode/DockWrapper.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var DockWrapper = ({ categories }) => {
+var getImageUrl = (rawId, width = 60, height = 60, format = "avif", quality = 60) => {
+  const id = parseAssetId(rawId);
+  if (!id) return void 0;
+  return buildTelescupImageURL({ id, width, height, fit: "cover", format, quality });
+};
+var DockCardIcon = ({ card }) => {
+  const url = getImageUrl(card.iconApiId, 64, 64, card.iconFormat, card.iconQuality);
+  if (!url) return null;
+  return /* @__PURE__ */ jsx10(
+    "img",
+    {
+      className: "icon",
+      src: url,
+      loading: "lazy",
+      decoding: "async",
+      alt: card.title
+    }
+  );
+};
+var DockCategoryBg = ({ apiIdOrUrl, alt }) => {
+  const url = getImageUrl(apiIdOrUrl, 90, 90);
+  const fallbackText = (alt == null ? void 0 : alt.trim().slice(0, 1).toUpperCase()) || "\u2022";
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      className: `bg-img-menu-fix-mob${url ? " has-bg" : " dock-fallback"}`,
+      "aria-label": alt,
+      role: "img",
+      style: {
+        backgroundImage: url ? `url(${url})` : void 0,
+        backgroundSize: "contain",
+        backgroundPosition: "center",
+        backgroundRepeat: "no-repeat"
+      },
+      children: !url ? /* @__PURE__ */ jsx10("span", { className: "dock-fallback-icon", "aria-hidden": "true", children: fallbackText }) : null
+    }
+  );
+};
+var DockWrapper = ({ categories, activeCategoryId }) => {
   const rootRef = useRef4(null);
   const timeoutsRef = useRef4([]);
   const listenersRef = useRef4([]);
+  const sortedCategories = useMemo(
+    () => [...categories].sort((a, b) => a.order - b.order),
+    [categories]
+  );
+  const lastInteractiveId = useMemo(() => {
+    for (let i = sortedCategories.length - 1; i >= 0; i -= 1) {
+      const candidate = sortedCategories[i];
+      if (candidate && candidate.type !== "divider") {
+        return candidate.id;
+      }
+    }
+    return void 0;
+  }, [sortedCategories]);
   useEffect5(() => {
+    var _a;
     const root = rootRef.current;
     if (!root) return;
     const $ = (sel) => root.querySelector(sel);
-    const $$ = (sel) => Array.from(root.querySelectorAll(sel));
     const tabbar = $(".tabbar");
     const dock = $(".dock");
     const listMenuShow = $(".list-menu-mob-show");
     const tabbarUl = root.querySelector(".tabbar ul");
-    const dockItems = $$(".tab-style1 li");
+    const INTERACTIVE_SELECTOR = '.tab-style1 li[data-divider="false"]';
+    const getDockItems = () => Array.from(root.querySelectorAll(INTERACTIVE_SELECTOR));
+    const dockItems = getDockItems();
     if (!tabbar || !dock || !listMenuShow || !tabbarUl || dockItems.length === 0) return;
+    const persistentId = (_a = activeCategoryId != null ? activeCategoryId : lastInteractiveId) != null ? _a : null;
+    let openItem = null;
+    let latestToggleToken = null;
+    const persistentSelector = persistentId != null ? `${INTERACTIVE_SELECTOR}[data-cat-id="${persistentId}"]` : null;
+    const getPersistentItem = () => {
+      if (persistentSelector) {
+        const candidate = root.querySelector(persistentSelector);
+        if (candidate) return candidate;
+      }
+      if (lastInteractiveId) {
+        return root.querySelector(
+          `${INTERACTIVE_SELECTOR}[data-cat-id="${lastInteractiveId}"]`
+        );
+      }
+      return null;
+    };
+    const clearPersistentHighlight = () => {
+      const persistent = getPersistentItem();
+      if (!persistent) return;
+      delete persistent.dataset.persistent;
+      persistent.removeAttribute("aria-current");
+    };
+    const ensurePersistentHighlight = () => {
+      if (openItem) return;
+      const persistent = getPersistentItem();
+      if (persistent) {
+        persistent.dataset.persistent = "true";
+        persistent.setAttribute("aria-current", "page");
+      }
+      const items = getDockItems();
+      const fallback = items.length > 0 ? items[items.length - 1] : null;
+      const target = persistent != null ? persistent : fallback;
+      if (!target) return;
+      requestAnimationFrame(() => moveSliderTo(target));
+    };
     const tip = document.createElement("div");
     tip.id = "dock-tip";
     Object.assign(tip.style, {
@@ -1089,6 +1179,19 @@ var DockWrapper = ({ categories }) => {
       submenuStack.style.left = `${offsetX}px`;
       submenuStack.style.top = `-${submenuStack.offsetHeight + 10}px`;
     }
+    const getMenuFor = (item) => {
+      if (!item) return null;
+      const dataWhere = item.getAttribute("data-where");
+      if (!dataWhere) return null;
+      return root.querySelector(
+        `.mob-list-menu[data-tagget="${dataWhere}"]`
+      );
+    };
+    const setTabbarTheme = (slug) => {
+      if (!tabbar) return;
+      const base = tabbar.className.split(" ").filter((c) => !c.endsWith("-style")).join(" ").trim() || "tabbar tab-style1";
+      tabbar.className = slug ? `${base} ${slug}-style` : base;
+    };
     function openMenu(menu) {
       if (!menu) return;
       menu.classList.remove("hide");
@@ -1130,107 +1233,138 @@ var DockWrapper = ({ categories }) => {
         callback == null ? void 0 : callback();
       }, total);
     }
-    const onItemClick = (item) => (_e) => {
-      var _a;
+    const hideBootstrapTooltip = (el) => {
+      var _a2, _b;
+      const tooltip = ((_b = (_a2 = window.bootstrap) == null ? void 0 : _a2.Tooltip) == null ? void 0 : _b.getInstance) ? window.bootstrap.Tooltip.getInstance(el) : null;
+      tooltip == null ? void 0 : tooltip.hide();
+    };
+    const openMenuForItem = (item, menu) => {
+      clearPersistentHighlight();
+      openItem = item;
+      item.classList.add("active");
+      item.dataset.menuOpen = "true";
+      listMenuShow.classList.add("show");
+      tabbar.classList.add("is-active-menu");
+      dock.classList.add("dock-open");
+      setTabbarTheme(item.getAttribute("data-where"));
+      openMenu(menu);
+      positionSubmenuFor(item, menu);
       moveSliderTo(item);
-      const hasCards = item.getAttribute("data-has-cards") === "true";
-      if (!hasCards) return;
-      const dataWhere = item.getAttribute("data-where");
-      const targetMenu = root.querySelector(
-        `.mob-list-menu[data-tagget="${dataWhere}"]`
-      );
-      const isActive = item.classList.contains("active");
-      const anyWin = window;
-      const tooltip = ((_a = anyWin == null ? void 0 : anyWin.bootstrap) == null ? void 0 : _a.Tooltip) ? anyWin.bootstrap.Tooltip.getInstance(item) : null;
-      if (tooltip) tooltip.hide();
-      if (isActive) {
-        closeMenu(targetMenu, () => {
-          $$(".tab-style1 li").forEach((el) => el.classList.remove("active"));
+      latestToggleToken = null;
+    };
+    const closeActiveMenu = (opts = {}) => {
+      var _a2;
+      if (!opts.onClosed) {
+        latestToggleToken = null;
+      }
+      const itemToClose = openItem;
+      if (!itemToClose) {
+        if (!opts.preserveWrapper) ensurePersistentHighlight();
+        (_a2 = opts.onClosed) == null ? void 0 : _a2.call(opts);
+        return;
+      }
+      const menu = getMenuFor(itemToClose);
+      openItem = null;
+      itemToClose.classList.remove("active");
+      delete itemToClose.dataset.menuOpen;
+      const finalize = () => {
+        var _a3;
+        if (!opts.preserveWrapper) {
           listMenuShow.classList.remove("show");
           tabbar.classList.remove("is-active-menu");
           dock.classList.remove("dock-open");
-          const resetClass = tabbar.className.split(" ").filter((c) => !c.endsWith("-style")).join(" ");
-          tabbar.className = `${resetClass} tab-style1`;
-        });
-      } else {
-        const currentActiveItem = root.querySelector(
-          '.tab-style1 li.active[data-has-cards="true"]'
-        );
-        if (currentActiveItem && currentActiveItem !== item) {
-          const currentWhere = currentActiveItem.getAttribute("data-where");
-          const currentMenu = root.querySelector(
-            `.mob-list-menu[data-tagget="${currentWhere}"]`
-          );
-          currentActiveItem.classList.remove("active");
-          closeMenu(currentMenu, () => {
-            item.classList.add("active");
-            tabbar.classList.add("is-active-menu");
-            dock.classList.add("dock-open");
-            listMenuShow.classList.add("show");
-            openMenu(targetMenu);
-            positionSubmenuFor(item, targetMenu);
-            const resetClass = tabbar.className.split(" ").filter((c) => !c.endsWith("-style")).join(" ");
-            tabbar.className = `${resetClass} ${dataWhere}-style`;
-          });
-        } else {
-          item.classList.add("active");
-          tabbar.classList.add("is-active-menu");
-          dock.classList.add("dock-open");
-          listMenuShow.classList.add("show");
-          openMenu(targetMenu);
-          positionSubmenuFor(item, targetMenu);
-          const resetClass = tabbar.className.split(" ").filter((c) => !c.endsWith("-style")).join(" ");
-          tabbar.className = `${resetClass} ${dataWhere}-style`;
+          setTabbarTheme(null);
+          ensurePersistentHighlight();
         }
+        (_a3 = opts.onClosed) == null ? void 0 : _a3.call(opts);
+      };
+      closeMenu(menu, finalize);
+    };
+    const toggleItem = (item) => {
+      const hasCards = item.getAttribute("data-has-cards") === "true";
+      hideBootstrapTooltip(item);
+      if (!hasCards) {
+        clearPersistentHighlight();
+        moveSliderTo(item);
+        ensurePersistentHighlight();
+        return;
+      }
+      const menu = getMenuFor(item);
+      if (!menu) return;
+      if (item.dataset.menuOpen === "true") {
+        latestToggleToken = null;
+        closeActiveMenu();
+        return;
+      }
+      const token = Symbol("dock-toggle");
+      latestToggleToken = token;
+      const activate = () => {
+        if (latestToggleToken !== token) return;
+        openMenuForItem(item, menu);
+      };
+      if (openItem) {
+        closeActiveMenu({ preserveWrapper: true, onClosed: activate });
+      } else {
+        activate();
       }
     };
-    dockItems.forEach((item) => on(item, "click", onItemClick(item)));
+    const onItemClick = (item) => (event) => {
+      if (item.getAttribute("data-has-cards") === "true") {
+        event.preventDefault();
+      }
+      toggleItem(item);
+    };
+    const onItemKeyDown = (item) => (event) => {
+      if (!(event instanceof KeyboardEvent)) return;
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        toggleItem(item);
+      }
+    };
+    dockItems.forEach((item) => {
+      on(item, "click", onItemClick(item));
+      on(item, "keydown", onItemKeyDown(item));
+    });
     const clickOutside = (e) => {
       if (!tabbar || !listMenuShow) return;
       const target = e.target;
       const isInside = tabbar.contains(target) || listMenuShow.contains(target);
       if (!isInside) {
-        const currentActiveItem = root.querySelector(
-          '.tab-style1 li.active[data-has-cards="true"]'
-        );
-        if (currentActiveItem) {
-          const currentWhere = currentActiveItem.getAttribute("data-where");
-          const currentMenu = root.querySelector(
-            `.mob-list-menu[data-tagget="${currentWhere}"]`
-          );
-          closeMenu(currentMenu, () => {
-            $$(".tab-style1 li").forEach((el) => el.classList.remove("active"));
-            listMenuShow.classList.remove("show");
-            tabbar.classList.remove("is-active-menu");
-            dock.classList.remove("dock-open");
-            tabbar.className = "tabbar tab-style1";
-            const firstItem = root.querySelector(".tab-style1 li");
-            if (firstItem) moveSliderTo(firstItem);
-          });
-          currentActiveItem.classList.remove("active");
-        }
+        closeActiveMenu();
       }
     };
     on(document, "click", clickOutside);
     const onResize = () => {
-      const activeItem = root.querySelector(".tab-style1 li.active") || root.querySelector(".tab-style1 li");
-      if (activeItem) {
-        moveSliderTo(activeItem);
-        const where = activeItem.getAttribute("data-where");
-        const menu = root.querySelector(
-          `.mob-list-menu[data-tagget="${where}"]`
-        );
-        if (menu && menu.classList.contains("show")) positionSubmenuFor(activeItem, menu);
+      if (openItem) {
+        moveSliderTo(openItem);
+        const menu = getMenuFor(openItem);
+        if (menu && menu.classList.contains("show")) {
+          positionSubmenuFor(openItem, menu);
+        }
+        return;
       }
+      const persistent = getPersistentItem();
+      if (persistent) {
+        moveSliderTo(persistent);
+        return;
+      }
+      const items = getDockItems();
+      const lastItem = items.length > 0 ? items[items.length - 1] : null;
+      if (lastItem) moveSliderTo(lastItem);
     };
     on(window, "resize", onResize);
-    const init = () => {
-      const initial = root.querySelector(".tab-style1 li.active") || root.querySelector(".tab-style1 li");
-      if (initial) moveSliderTo(initial);
-    };
-    requestAnimationFrame(init);
+    getDockItems().forEach((el) => {
+      el.classList.remove("active");
+      delete el.dataset.menuOpen;
+      delete el.dataset.persistent;
+      el.removeAttribute("aria-current");
+    });
+    setTabbarTheme(null);
+    requestAnimationFrame(() => {
+      ensurePersistentHighlight();
+    });
     return () => {
-      timeoutsRef.current.forEach((id) => clearTimeout(id));
+      clearAllTimeouts();
       cleanupListeners();
       tabbarUl.removeEventListener("mouseover", _tipOver);
       tabbarUl.removeEventListener("mousemove", _tipMove);
@@ -1238,129 +1372,120 @@ var DockWrapper = ({ categories }) => {
       window.removeEventListener("scroll", _tipOnScroll);
       tip.remove();
     };
-  }, [categories]);
+  }, [sortedCategories, activeCategoryId, lastInteractiveId]);
   return /* @__PURE__ */ jsx10("div", { ref: rootRef, children: /* @__PURE__ */ jsxs8("div", { className: "dock", children: [
     /* @__PURE__ */ jsxs8("div", { className: "tabbar tab-style1", children: [
       /* @__PURE__ */ jsx10("div", { className: "glass-filter" }),
       /* @__PURE__ */ jsx10("div", { className: "glass-overlay" }),
       /* @__PURE__ */ jsx10("div", { className: "glass-specular" }),
-      /* @__PURE__ */ jsx10("ul", { className: "flex-center", children: categories.map((cat) => {
-        var _a, _b;
+      /* @__PURE__ */ jsx10("ul", { className: "flex-center", children: sortedCategories.map((cat) => {
+        var _a;
+        if (cat.type === "divider") {
+          return /* @__PURE__ */ jsx10(
+            "li",
+            {
+              className: "dock-divider",
+              "data-divider": "true",
+              "aria-hidden": "true"
+            },
+            cat.id
+          );
+        }
+        const hasCards = (((_a = cat.cards) == null ? void 0 : _a.length) || 0) > 0;
+        const link = cat.href;
+        const isCurrent = cat.id === activeCategoryId;
         return /* @__PURE__ */ jsxs8(
           "li",
           {
-            className: `dock-tooltip ${cat.slug}`,
+            className: `dock-tooltip ${cat.slug}${isCurrent ? " is-current" : ""}`,
+            "data-cat-id": cat.id,
+            "data-divider": "false",
             "data-where": cat.slug,
-            "data-has-cards": (((_a = cat.cards) == null ? void 0 : _a.length) || 0) > 0 ? "true" : "false",
-            "data-tip": (((_b = cat.cards) == null ? void 0 : _b.length) || 0) > 0 ? cat.tooltip || cat.title : void 0,
+            "data-has-cards": hasCards ? "true" : "false",
+            "data-tip": hasCards ? cat.tooltip || cat.title : void 0,
             role: "button",
             "aria-label": cat.title,
             tabIndex: 0,
             children: [
-              (() => {
-                var _a2;
-                const link = cat.href;
-                return (((_a2 = cat.cards) == null ? void 0 : _a2.length) || 0) === 0 && link ? /* @__PURE__ */ jsx10(
-                  "a",
-                  {
-                    className: "link-absolute-menu",
-                    href: link,
-                    "data-tip": cat.tooltip || cat.title,
-                    "aria-label": cat.title
-                  }
-                ) : null;
-              })(),
-              cat.bgImageUrl && (() => {
-                const bgUrl = cat.bgImageUrl.startsWith("http") ? cat.bgImageUrl : buildTelescupImageURL({
-                  id: parseAssetId(cat.bgImageUrl),
-                  width: 60,
-                  height: 60,
-                  fit: "cover",
-                  format: "avif",
-                  quality: 60
-                });
-                return /* @__PURE__ */ jsx10(
-                  "div",
-                  {
-                    className: "bg-img-menu-fix-mob",
-                    style: { backgroundImage: `url(${bgUrl})` }
-                  }
-                );
-              })()
+              link && !hasCards ? /* @__PURE__ */ jsx10(
+                "a",
+                {
+                  className: "link-absolute-menu",
+                  href: link,
+                  "data-tip": cat.tooltip || cat.title,
+                  "aria-label": cat.title,
+                  target: link.startsWith("http") ? "_blank" : void 0,
+                  rel: link.startsWith("http") ? "noopener noreferrer" : void 0
+                }
+              ) : null,
+              /* @__PURE__ */ jsx10(DockCategoryBg, { apiIdOrUrl: cat.bgImageUrl, alt: cat.title })
             ]
           },
           cat.id
         );
       }) }),
-      /* @__PURE__ */ jsx10("div", { className: "list-menu-mob-show", children: categories.map((cat) => /* @__PURE__ */ jsx10("div", { className: "mob-list-menu hide", "data-tagget": cat.slug, children: /* @__PURE__ */ jsx10("div", { className: `submenu-stack ${cat.slug}`, children: cat.cards.map((card, i) => {
+      /* @__PURE__ */ jsx10("div", { className: "list-menu-mob-show", children: sortedCategories.filter((cat) => {
         var _a;
-        return /* @__PURE__ */ jsxs8("div", { className: "submenu-card", children: [
-          /* @__PURE__ */ jsx10("div", { className: "fold" }),
-          /* @__PURE__ */ jsx10("div", { className: "glass-filter" }),
-          /* @__PURE__ */ jsx10("div", { className: "glass-overlay" }),
-          /* @__PURE__ */ jsx10("div", { className: "glass-specular" }),
-          /* @__PURE__ */ jsxs8("div", { className: "card-content", children: [
-            card.iconUrl && (() => {
-              const iconUrl = card.iconUrl.startsWith("http") ? card.iconUrl : buildTelescupImageURL({
-                id: parseAssetId(card.iconUrl),
-                width: 50,
-                height: 50,
-                fit: "cover",
-                format: "avif",
-                quality: 60
-              });
-              return /* @__PURE__ */ jsx10(
-                "img",
-                {
-                  className: "icon",
-                  src: iconUrl,
-                  "data-api-id": !card.iconUrl.startsWith("http") ? parseAssetId(card.iconUrl) : void 0,
-                  loading: "lazy",
-                  decoding: "async",
-                  alt: card.title
-                }
-              );
-            })(),
-            /* @__PURE__ */ jsxs8("div", { className: "text-content", children: [
-              /* @__PURE__ */ jsx10("div", { className: "title", children: card.title }),
-              card.description ? /* @__PURE__ */ jsx10("div", { className: "description", children: card.description }) : null
-            ] }),
-            /* @__PURE__ */ jsx10("div", { className: "actions", children: ((_a = card.buttons) != null ? _a : []).slice(0, 2).map((btn, idx) => {
-              var _a2, _b, _c, _d;
-              const className = idx === 0 ? "saiba-mais" : "saiba-mais-1";
-              if (btn.type === "popup") {
-                return /* @__PURE__ */ jsx10(
-                  "a",
-                  {
-                    href: "#",
-                    "data-popup-id": btn.popupId,
-                    className,
-                    onClick: (e) => {
-                      e.preventDefault();
-                      if (btn.popupId) {
-                        window.dispatchEvent(new Event(`qw:open:${btn.popupId}`));
-                      }
-                    },
-                    children: (_a2 = btn.label) != null ? _a2 : "Abrir"
-                  },
-                  `${cat.id}-card-${i}-btn-${idx}`
-                );
-              }
-              return /* @__PURE__ */ jsx10(
-                "a",
-                {
-                  href: btn.href || "#",
-                  className,
-                  target: ((_b = btn.href) == null ? void 0 : _b.startsWith("http")) ? "_blank" : void 0,
-                  rel: ((_c = btn.href) == null ? void 0 : _c.startsWith("http")) ? "noopener noreferrer" : void 0,
-                  children: (_d = btn.label) != null ? _d : "Saiba mais >"
-                },
-                `${cat.id}-card-${i}-btn-${idx}`
-              );
-            }) })
-          ] })
-        ] }, `${cat.id}-card-${i}`);
-      }) }) }, `${cat.id}-menu`)) })
+        return cat.type !== "divider" && (((_a = cat.cards) == null ? void 0 : _a.length) || 0) > 0;
+      }).map((cat) => {
+        var _a;
+        return /* @__PURE__ */ jsx10("div", { className: "mob-list-menu hide", "data-tagget": cat.slug, children: /* @__PURE__ */ jsx10("div", { className: `submenu-stack ${cat.slug}`, children: ((_a = cat.cards) != null ? _a : []).map((card, i) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs8(
+            "div",
+            {
+              className: `submenu-card${card.backgroundClass ? ` ${card.backgroundClass}` : ""}`,
+              children: [
+                /* @__PURE__ */ jsx10("div", { className: "fold" }),
+                /* @__PURE__ */ jsx10("div", { className: "glass-filter" }),
+                /* @__PURE__ */ jsx10("div", { className: "glass-overlay" }),
+                /* @__PURE__ */ jsx10("div", { className: "glass-specular" }),
+                /* @__PURE__ */ jsxs8("div", { className: "card-content", children: [
+                  /* @__PURE__ */ jsx10(DockCardIcon, { card }),
+                  /* @__PURE__ */ jsxs8("div", { className: "text-content", children: [
+                    /* @__PURE__ */ jsx10("div", { className: "title", children: card.title }),
+                    card.description ? /* @__PURE__ */ jsx10("div", { className: "description", children: card.description }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx10("div", { className: "actions", children: ((_a2 = card.buttons) != null ? _a2 : []).slice(0, 2).map((btn, idx) => {
+                    var _a3, _b, _c, _d;
+                    const className = idx === 0 ? "saiba-mais" : "saiba-mais-1";
+                    if (btn.type === "popup") {
+                      return /* @__PURE__ */ jsx10(
+                        "a",
+                        {
+                          href: "#",
+                          "data-popup-id": btn.popupId,
+                          className,
+                          onClick: (e) => {
+                            e.preventDefault();
+                            if (btn.popupId) {
+                              window.dispatchEvent(new Event(`qw:open:${btn.popupId}`));
+                            }
+                          },
+                          children: (_a3 = btn.label) != null ? _a3 : "Abrir"
+                        },
+                        `${cat.id}-card-${i}-btn-${idx}`
+                      );
+                    }
+                    return /* @__PURE__ */ jsx10(
+                      "a",
+                      {
+                        href: btn.href || "#",
+                        className,
+                        target: ((_b = btn.href) == null ? void 0 : _b.startsWith("http")) ? "_blank" : void 0,
+                        rel: ((_c = btn.href) == null ? void 0 : _c.startsWith("http")) ? "noopener noreferrer" : void 0,
+                        children: (_d = btn.label) != null ? _d : "Saiba mais >"
+                      },
+                      `${cat.id}-card-${i}-btn-${idx}`
+                    );
+                  }) })
+                ] })
+              ]
+            },
+            `${cat.id}-card-${i}`
+          );
+        }) }) }, `${cat.id}-menu`);
+      }) })
     ] }),
     /* @__PURE__ */ jsx10("svg", { id: "lg-filter", style: { display: "none" }, children: /* @__PURE__ */ jsxs8("filter", { id: "lg-dist", x: "-10%", y: "-10%", width: "120%", height: "120%", children: [
       /* @__PURE__ */ jsx10(
@@ -1381,11 +1506,9 @@ var DockWrapper = ({ categories }) => {
           in2: "blurred",
           scale: "50",
           xChannelSelector: "R",
-          yChannelSelector: "G",
-          result: "displaced"
+          yChannelSelector: "G"
         }
-      ),
-      /* @__PURE__ */ jsx10("feComposite", { in: "displaced", in2: "SourceGraphic", operator: "atop" })
+      )
     ] }) })
   ] }) });
 };
@@ -1397,16 +1520,25 @@ import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var JellyButton = forwardRef6(
   ({ variant = "primary", size = "md", className, children, onClick, ...props }, ref) => {
     const internalRef = useRef5(null);
-    const buttonRef = ref || internalRef;
-    const rafRef = useRef5();
+    const rafRef = useRef5(null);
     const animationRef = useRef5(null);
     const isAnimatingRef = useRef5(false);
+    const setButtonRef = (node) => {
+      internalRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+        return;
+      }
+      if (ref) {
+        ref.current = node;
+      }
+    };
     const ROTATE_LIMIT = 8;
     const SMOOTHING = 0.15;
     const REFLECT_SMOOTHING = 0.2;
     const JELLY_DURATION = 1600;
     useEffect6(() => {
-      const button = buttonRef.current;
+      const button = internalRef.current;
       if (!button) return;
       let targetRx = 0, targetRy = 0;
       let currentRx = 0, currentRy = 0;
@@ -1464,7 +1596,7 @@ var JellyButton = forwardRef6(
       return () => {
         button.removeEventListener("mousemove", handleMouseMove);
         button.removeEventListener("mouseleave", handleMouseLeave);
-        if (rafRef.current) cancelAnimationFrame(rafRef.current);
+        if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
       };
     }, []);
     const handleClick = (e) => {
@@ -1507,10 +1639,15 @@ var JellyButton = forwardRef6(
       }
     };
     const currentStyle = variantStyles3[variant];
+    const buttonStyle = {
+      transform: "perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1, 1)",
+      "--rx": "50%",
+      "--ry": "50%"
+    };
     return /* @__PURE__ */ jsxs9(
       "button",
       {
-        ref: buttonRef,
+        ref: setButtonRef,
         onClick: handleClick,
         className: cn(
           baseClasses,
@@ -1518,12 +1655,7 @@ var JellyButton = forwardRef6(
           currentStyle.base,
           className
         ),
-        style: {
-          transform: "perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1, 1)",
-          // @ts-ignore
-          "--rx": "50%",
-          "--ry": "50%"
-        },
+        style: buttonStyle,
         ...props,
         children: [
           currentStyle.overlay && /* @__PURE__ */ jsx11("span", { className: cn("absolute inset-0 pointer-events-none", currentStyle.overlay) }),
@@ -1652,7 +1784,12 @@ var HeroTitle = ({
   className,
   level = 2
 }) => {
-  const Tag = `h${level}`;
+  const headingTagMap = {
+    1: "h1",
+    2: "h2",
+    3: "h3"
+  };
+  const Tag = headingTagMap[level];
   return /* @__PURE__ */ jsxs12("div", { className: cn("space-y-3", className), children: [
     eyebrow && /* @__PURE__ */ jsx15("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
     /* @__PURE__ */ jsxs12(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
@@ -1705,9 +1842,9 @@ InputField.displayName = "InputField";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 
 // src/hooks/useResponsiveSize.ts
-import { useEffect as useEffect7, useState as useState4 } from "react";
+import { useEffect as useEffect7, useState as useState3 } from "react";
 function useBreakpoint() {
-  const [bp, setBp] = useState4(null);
+  const [bp, setBp] = useState3(null);
   useEffect7(() => {
     function calcBp() {
       const w = window.innerWidth;
@@ -2067,7 +2204,6 @@ ModalDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/cupcode/NavbarCupcode.tsx
 import * as React10 from "react";
 import { Menu, X as X3 } from "lucide-react";
-import { Link } from "react-router-dom";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var NavbarCupcode = ({
   logo,
@@ -2080,48 +2216,59 @@ var NavbarCupcode = ({
     "nav",
     {
       className: cn(
-        "fixed top-0 left-0 right-0 z-50",
+        "fixed top-0 left-0 right-0 z-[200] pointer-events-auto",
         "glass border-b border-border",
         className
       ),
       children: /* @__PURE__ */ jsxs17("div", { className: "cc-container", children: [
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between h-16", children: [
           /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: logo }),
-          /* @__PURE__ */ jsx21("div", { className: "hidden md:flex items-center space-x-8", children: items.map((item, index) => item.href.startsWith("#") ? /* @__PURE__ */ jsxs17(
-            "a",
-            {
-              href: item.href,
-              className: cn(
-                "flex items-center gap-2 text-sm font-semibold text-foreground",
-                "hover:text-primary transition-colors duration-200",
-                "relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0",
-                "after:bg-primary after:transition-all after:duration-300",
-                "hover:after:w-full"
-              ),
-              children: [
-                item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          ) : /* @__PURE__ */ jsxs17(
-            Link,
-            {
-              to: item.href,
-              className: cn(
-                "flex items-center gap-2 text-sm font-semibold text-foreground",
-                "hover:text-primary transition-colors duration-200",
-                "relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0",
-                "after:bg-primary after:transition-all after:duration-300",
-                "hover:after:w-full"
-              ),
-              children: [
-                item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          )) }),
+          /* @__PURE__ */ jsx21("div", { className: "hidden md:flex items-center space-x-8", children: items.map((item, index) => {
+            const key = `${item.label}-${index}`;
+            const isActive = item.isActive;
+            const baseClasses = cn(
+              "flex items-center gap-2 text-sm font-semibold text-foreground",
+              "hover:text-primary transition-colors duration-200",
+              "relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0",
+              "after:bg-primary after:transition-all after:duration-300",
+              "hover:after:w-full",
+              isActive && "text-primary after:w-full"
+            );
+            const handleClick = (event) => {
+              var _a;
+              (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+            };
+            if (item.href.startsWith("#")) {
+              return /* @__PURE__ */ jsxs17(
+                "a",
+                {
+                  href: item.href,
+                  className: baseClasses,
+                  onClick: handleClick,
+                  "aria-current": isActive ? "page" : void 0,
+                  children: [
+                    item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
+                    item.label
+                  ]
+                },
+                key
+              );
+            }
+            return /* @__PURE__ */ jsxs17(
+              "a",
+              {
+                href: item.href,
+                className: baseClasses,
+                onClick: handleClick,
+                "aria-current": isActive ? "page" : void 0,
+                children: [
+                  item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
+                  item.label
+                ]
+              },
+              key
+            );
+          }) }),
           actions && /* @__PURE__ */ jsx21("div", { className: "hidden md:flex", children: actions }),
           /* @__PURE__ */ jsx21(
             "button",
@@ -2133,31 +2280,29 @@ var NavbarCupcode = ({
           )
         ] }),
         isOpen && /* @__PURE__ */ jsxs17("div", { className: "md:hidden py-4 space-y-3 animate-slide-up", children: [
-          items.map((item, index) => item.href.startsWith("#") ? /* @__PURE__ */ jsxs17(
-            "a",
-            {
-              href: item.href,
-              className: "flex items-center gap-2 px-4 py-2 text-sm font-semibold text-foreground hover:bg-primary/10 rounded-lg transition-colors",
-              onClick: () => setIsOpen(false),
-              children: [
-                item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          ) : /* @__PURE__ */ jsxs17(
-            Link,
-            {
-              to: item.href,
-              className: "flex items-center gap-2 px-4 py-2 text-sm font-semibold text-foreground hover:bg-primary/10 rounded-lg transition-colors",
-              onClick: () => setIsOpen(false),
-              children: [
+          items.map((item, index) => {
+            const key = `${item.label}-${index}`;
+            const isActive = item.isActive;
+            const classes = cn(
+              "flex items-center gap-2 px-4 py-2 text-sm font-semibold text-foreground hover:bg-primary/10 rounded-lg transition-colors",
+              isActive && "text-primary"
+            );
+            const handleClick = (event) => {
+              var _a;
+              (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+              setIsOpen(false);
+            };
+            if (item.href.startsWith("#")) {
+              return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
                 item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
                 item.label
-              ]
-            },
-            index
-          )),
+              ] }, key);
+            }
+            return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
+              item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
+              item.label
+            ] }, key);
+          }),
           actions && /* @__PURE__ */ jsx21("div", { className: "px-4 pt-2", children: actions })
         ] })
       ] })
@@ -2165,16 +2310,232 @@ var NavbarCupcode = ({
   );
 };
 
-// src/components/cupcode/ParticleSystem.tsx
-import { useEffect as useEffect9, useRef as useRef7 } from "react";
+// src/components/cupcode/MainNavbar.tsx
+import { useMemo as useMemo2 } from "react";
+
+// src/components/cupcode/TelescupImage.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
+var TelescupImage = ({
+  apiId,
+  imageWidth,
+  imageHeight,
+  fit = "cover",
+  format = "avif",
+  quality = 60,
+  lang = "pt-BR",
+  alt,
+  title,
+  loading = "lazy",
+  className,
+  ...props
+}) => {
+  const { url, meta } = useTelescupImage(
+    {
+      id: apiId,
+      width: imageWidth,
+      height: imageHeight,
+      fit,
+      format,
+      quality
+    },
+    lang
+  );
+  return /* @__PURE__ */ jsx22(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
+// src/components/cupcode/ThemeToggle.tsx
+import * as React11 from "react";
+import { Moon, Sun } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+function resolveTheme(defaultTheme) {
+  if (typeof document === "undefined") return defaultTheme;
+  if (document.documentElement.classList.contains("dark")) return "dark";
+  if (document.documentElement.classList.contains("light")) return "light";
+  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+    return "dark";
+  }
+  return defaultTheme;
+}
+var ThemeToggle = ({
+  className,
+  theme,
+  defaultTheme = "light",
+  onThemeChange
+}) => {
+  var _a;
+  const [mounted, setMounted] = React11.useState(false);
+  const [internalTheme, setInternalTheme] = React11.useState(defaultTheme);
+  const isControlled = typeof theme !== "undefined";
+  const activeTheme = (_a = isControlled ? theme : internalTheme) != null ? _a : defaultTheme;
+  React11.useEffect(() => {
+    if (!isControlled) {
+      setInternalTheme(resolveTheme(defaultTheme));
+    }
+    setMounted(true);
+  }, [defaultTheme, isControlled]);
+  React11.useEffect(() => {
+    if (!mounted || isControlled || typeof document === "undefined") return;
+    document.documentElement.classList.toggle("dark", activeTheme === "dark");
+  }, [activeTheme, isControlled, mounted]);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx23("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
+  }
+  const handleToggle = () => {
+    const nextTheme = activeTheme === "dark" ? "light" : "dark";
+    if (!isControlled) {
+      setInternalTheme(nextTheme);
+    }
+    onThemeChange == null ? void 0 : onThemeChange(nextTheme);
+  };
+  return /* @__PURE__ */ jsxs18(
+    "button",
+    {
+      onClick: handleToggle,
+      className: cn(
+        "relative inline-flex items-center justify-center w-10 h-10",
+        "rounded-lg transition-all duration-300",
+        "glass hover:glass-strong",
+        "group",
+        className
+      ),
+      "aria-label": "Toggle theme",
+      children: [
+        /* @__PURE__ */ jsx23(Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx23(Moon, { className: "absolute h-5 w-5 text-cupcode-pink rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ jsxs18("span", { className: "sr-only", children: [
+          "Current theme: ",
+          activeTheme
+        ] })
+      ]
+    }
+  );
+};
+
+// src/lib/navigation.tsx
+import { BookOpen, Home, Layers } from "lucide-react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var getMainNavItems = () => [
+  {
+    label: "In\xEDcio",
+    href: "/",
+    icon: /* @__PURE__ */ jsx24(Home, { className: "h-4 w-4" })
+  },
+  {
+    label: "Componentes",
+    href: "/componentes",
+    icon: /* @__PURE__ */ jsx24(Layers, { className: "h-4 w-4" })
+  },
+  {
+    label: "Docs",
+    href: "/docs",
+    icon: /* @__PURE__ */ jsx24(BookOpen, { className: "h-4 w-4" })
+  }
+];
+
+// src/components/cupcode/MainNavbar.tsx
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+var MainNavbar = ({
+  ctaLabel = "Ver Componentes",
+  ctaHref = "/componentes",
+  pathname,
+  onNavigate
+}) => {
+  const currentPathname = useMemo2(() => {
+    if (pathname && pathname.trim() !== "") return pathname;
+    if (typeof window !== "undefined") return window.location.pathname || "/";
+    return "/";
+  }, [pathname]);
+  const items = useMemo2(() => {
+    const normalizedPathname = currentPathname === "" ? "/" : currentPathname;
+    return getMainNavItems().map((item) => {
+      const isAnchor = item.href.startsWith("#");
+      const isActive = !isAnchor ? item.href === "/" ? normalizedPathname === "/" : normalizedPathname.startsWith(item.href) : false;
+      return {
+        ...item,
+        isActive,
+        onClick: isAnchor ? item.onClick : (event) => {
+          var _a;
+          (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+          if (!onNavigate || event.defaultPrevented) return;
+          event.preventDefault();
+          onNavigate(item.href);
+        }
+      };
+    });
+  }, [currentPathname, onNavigate]);
+  const handleCtaClick = () => {
+    if (onNavigate) {
+      onNavigate(ctaHref);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      window.location.href = ctaHref;
+    }
+  };
+  return /* @__PURE__ */ jsx25(
+    NavbarCupcode,
+    {
+      logo: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-[15px]", children: [
+        /* @__PURE__ */ jsx25(
+          TelescupImage,
+          {
+            apiId: "be574751-cf1b-499a-8473-360b4115b447",
+            imageWidth: 40,
+            imageHeight: 40,
+            alt: "Design System Cupcode",
+            loading: "eager",
+            className: "h-10 w-auto"
+          }
+        ),
+        /* @__PURE__ */ jsx25(
+          TelescupImage,
+          {
+            apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
+            imageWidth: 120,
+            imageHeight: 32,
+            alt: "Cupcode",
+            loading: "eager",
+            className: "h-8 w-auto"
+          }
+        )
+      ] }),
+      items,
+      actions: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(ThemeToggle, {}),
+        /* @__PURE__ */ jsx25(
+          JellyButtonOriginal,
+          {
+            label: ctaLabel,
+            size: "sm",
+            onClick: handleCtaClick
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/cupcode/ParticleSystem.tsx
+import { useEffect as useEffect10, useRef as useRef7 } from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function ParticleSystem({
   count: count2 = 50,
   variant = "stars",
   className
 }) {
   const canvasRef = useRef7(null);
-  useEffect9(() => {
+  useEffect10(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -2239,7 +2600,7 @@ function ParticleSystem({
       cancelAnimationFrame(animationId);
     };
   }, [count2, variant]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx26(
     "canvas",
     {
       ref: canvasRef,
@@ -2250,7 +2611,7 @@ function ParticleSystem({
 
 // src/components/cupcode/PricingCard.tsx
 import { Check } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function PricingCard({
   title,
   price,
@@ -2262,7 +2623,7 @@ function PricingCard({
   buttonText = "Escolher plano",
   className
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     CardGlass,
     {
       className: cn(
@@ -2272,17 +2633,17 @@ function PricingCard({
         className
       ),
       children: [
-        highlighted && /* @__PURE__ */ jsx23("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx23("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
-        /* @__PURE__ */ jsxs18("div", { className: "text-center mb-6", children: [
-          /* @__PURE__ */ jsx23("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
-          description && /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: description })
+        highlighted && /* @__PURE__ */ jsx27("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx27("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
+        /* @__PURE__ */ jsxs20("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ jsx27("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
+          description && /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ jsx23("div", { className: "text-center mb-8", children: /* @__PURE__ */ jsxs18("div", { className: "flex items-baseline justify-center gap-2", children: [
-          /* @__PURE__ */ jsx23("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
-          /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: period })
+        /* @__PURE__ */ jsx27("div", { className: "text-center mb-8", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-baseline justify-center gap-2", children: [
+          /* @__PURE__ */ jsx27("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
+          /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: period })
         ] }) }),
-        /* @__PURE__ */ jsx23("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ jsxs18("li", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx27("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ jsxs20("li", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx27(
             Check,
             {
               className: cn(
@@ -2291,7 +2652,7 @@ function PricingCard({
               )
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx27(
             "span",
             {
               className: cn(
@@ -2302,7 +2663,7 @@ function PricingCard({
             }
           )
         ] }, index)) }),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx27(
           JellyButton,
           {
             onClick: onSelect,
@@ -2317,10 +2678,10 @@ function PricingCard({
 }
 
 // src/components/cupcode/ProgressCupcode.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
-var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+var ProgressCupcode = React12.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
   const sizeClasses2 = {
     sm: "h-2",
     md: "h-3",
@@ -2333,15 +2694,15 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
     warning: "bg-warning",
     error: "bg-destructive"
   };
-  return /* @__PURE__ */ jsxs19("div", { className: "w-full space-y-2", children: [
-    showLabel && /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsx24("span", { className: "font-semibold text-foreground", children: "Progresso" }),
-      /* @__PURE__ */ jsxs19("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs21("div", { className: "w-full space-y-2", children: [
+    showLabel && /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ jsx28("span", { className: "font-semibold text-foreground", children: "Progresso" }),
+      /* @__PURE__ */ jsxs21("span", { className: "text-muted-foreground", children: [
         value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx28(
       ProgressPrimitive.Root,
       {
         ref,
@@ -2351,7 +2712,7 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx28(
           ProgressPrimitive.Indicator,
           {
             className: cn(
@@ -2368,14 +2729,14 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
 ProgressCupcode.displayName = "ProgressCupcode";
 
 // src/components/cupcode/SelectField.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2393,12 +2754,12 @@ var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx29(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx29(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React12.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+var SelectContent = React13.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
   SelectPrimitive.Content,
   {
     ref,
@@ -2415,7 +2776,7 @@ var SelectContent = React12.forwardRef(({ className, children, position = "poppe
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ jsx25(
+    children: /* @__PURE__ */ jsx29(
       SelectPrimitive.Viewport,
       {
         className: cn(
@@ -2428,7 +2789,7 @@ var SelectContent = React12.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
   SelectPrimitive.Item,
   {
     ref,
@@ -2441,8 +2802,8 @@ var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check2, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
-      /* @__PURE__ */ jsx25(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(Check2, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
+      /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
@@ -2456,21 +2817,21 @@ var SelectField = ({
   options,
   disabled
 }) => {
-  return /* @__PURE__ */ jsxs20("div", { className: "cc-stack space-2 w-full", children: [
-    label && /* @__PURE__ */ jsx25("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-    /* @__PURE__ */ jsxs20(Select, { value, onValueChange, disabled, children: [
-      /* @__PURE__ */ jsx25(SelectTrigger, { children: /* @__PURE__ */ jsx25(SelectValue, { placeholder }) }),
-      /* @__PURE__ */ jsx25(SelectContent, { children: /* @__PURE__ */ jsx25(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsx25(SelectItem, { value: option.value, children: option.label }, option.value)) }) })
+  return /* @__PURE__ */ jsxs22("div", { className: "cc-stack space-2 w-full", children: [
+    label && /* @__PURE__ */ jsx29("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+    /* @__PURE__ */ jsxs22(Select, { value, onValueChange, disabled, children: [
+      /* @__PURE__ */ jsx29(SelectTrigger, { children: /* @__PURE__ */ jsx29(SelectValue, { placeholder }) }),
+      /* @__PURE__ */ jsx29(SelectContent, { children: /* @__PURE__ */ jsx29(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsx29(SelectItem, { value: option.value, children: option.label }, option.value)) }) })
     ] }),
-    error && /* @__PURE__ */ jsx25("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+    error && /* @__PURE__ */ jsx29("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
   ] });
 };
 
 // src/components/cupcode/SwitchField.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
-var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2485,7 +2846,7 @@ var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx26(
+    children: /* @__PURE__ */ jsx30(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -2501,21 +2862,21 @@ var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 var SwitchField = ({ label, description, ...props }) => {
-  return /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between space-x-4", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "cc-stack space-1 flex-1", children: [
-      label && /* @__PURE__ */ jsx26("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
-      description && /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between space-x-4", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "cc-stack space-1 flex-1", children: [
+      label && /* @__PURE__ */ jsx30("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
+      description && /* @__PURE__ */ jsx30("p", { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ jsx26(Switch, { ...props })
+    /* @__PURE__ */ jsx30(Switch, { ...props })
   ] });
 };
 
 // src/components/cupcode/TabsCupcode.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   TabsPrimitive.List,
   {
     ref,
@@ -2528,12 +2889,12 @@ var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   TabsPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-4 py-2",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-t-md px-4 py-2",
       "text-sm font-semibold ring-offset-background transition-all",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cupcode-purple focus-visible:ring-offset-2",
       "disabled:pointer-events-none disabled:opacity-50",
@@ -2550,7 +2911,7 @@ var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   TabsPrimitive.Content,
   {
     ref,
@@ -2565,49 +2926,8 @@ var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-// src/components/cupcode/TelescupImage.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var TelescupImage = ({
-  apiId,
-  imageWidth,
-  imageHeight,
-  fit = "cover",
-  format = "avif",
-  quality = 60,
-  lang = "pt-BR",
-  alt,
-  title,
-  loading = "lazy",
-  className,
-  ...props
-}) => {
-  const { url, meta } = useTelescupImage(
-    {
-      id: apiId,
-      width: imageWidth,
-      height: imageHeight,
-      fit,
-      format,
-      quality
-    },
-    lang
-  );
-  return /* @__PURE__ */ jsx28(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
-
 // src/components/cupcode/TelescupVideo.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var TelescupVideo = ({
   apiId,
   lang = "pt-BR",
@@ -2617,7 +2937,7 @@ var TelescupVideo = ({
 }) => {
   const url = buildTelescupVideoURL(apiId);
   const { meta } = useTelescupMeta(apiId, lang);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx32(
     "video",
     {
       src: url,
@@ -2631,13 +2951,13 @@ var TelescupVideo = ({
 };
 
 // src/components/cupcode/TextareaField.tsx
-import * as React15 from "react";
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
-var TextareaField = React15.forwardRef(
+import * as React16 from "react";
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+var TextareaField = React16.forwardRef(
   ({ className, label, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs22("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ jsx30("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsxs24("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ jsx33("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ jsx33(
         "textarea",
         {
           className: cn(
@@ -2657,65 +2977,18 @@ var TextareaField = React15.forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ jsx30("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ jsx33("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
 TextareaField.displayName = "TextareaField";
 
-// src/components/cupcode/ThemeToggle.tsx
-import * as React16 from "react";
-import { Moon, Sun } from "lucide-react";
-import { useTheme } from "next-themes";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
-var ThemeToggle = ({ className }) => {
-  const { theme, setTheme } = useTheme();
-  const [mounted, setMounted] = React16.useState(false);
-  React16.useEffect(() => {
-    setMounted(true);
-    console.log("ThemeToggle mounted, current theme:", theme);
-  }, []);
-  React16.useEffect(() => {
-    console.log("Theme changed:", theme);
-    console.log("HTML class:", document.documentElement.className);
-  }, [theme]);
-  if (!mounted) {
-    return /* @__PURE__ */ jsx31("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
-  }
-  return /* @__PURE__ */ jsxs23(
-    "button",
-    {
-      onClick: () => {
-        const newTheme = theme === "dark" ? "light" : "dark";
-        console.log("Theme toggle clicked:", { currentTheme: theme, newTheme });
-        setTheme(newTheme);
-      },
-      className: cn(
-        "relative inline-flex items-center justify-center w-10 h-10",
-        "rounded-lg transition-all duration-300",
-        "glass hover:glass-strong",
-        "group",
-        className
-      ),
-      "aria-label": "Toggle theme",
-      children: [
-        /* @__PURE__ */ jsx31(Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx31(Moon, { className: "absolute h-5 w-5 text-cupcode-pink rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ jsxs23("span", { className: "sr-only", children: [
-          "Current theme: ",
-          theme
-        ] })
-      ]
-    }
-  );
-};
-
 // src/components/cupcode/TimelineCupcode.tsx
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ jsx32("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx34("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ jsx34(
         "div",
         {
           className: cn(
@@ -2723,27 +2996,27 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3 scale-110" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ jsx32("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx34("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ jsx32("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ jsx34("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
-      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx32("h4", { className: cn(
+      /* @__PURE__ */ jsxs25("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx34("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx32("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ jsx32("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ jsx34("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ jsx34("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
-  return /* @__PURE__ */ jsxs24("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ jsx32("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
-    items.map((item, index) => /* @__PURE__ */ jsxs24("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs25("div", { className: cn("relative space-6", className), children: [
+    /* @__PURE__ */ jsx34("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    items.map((item, index) => /* @__PURE__ */ jsxs25("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
+      /* @__PURE__ */ jsx34(
         "div",
         {
           className: cn(
@@ -2751,16 +3024,16 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ jsx32("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx34("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      /* @__PURE__ */ jsxs24("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ jsx32("h4", { className: cn(
+      /* @__PURE__ */ jsxs25("div", { className: "flex-1 pt-1", children: [
+        /* @__PURE__ */ jsx34("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx32("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ jsx32("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ jsx34("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ jsx34("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -2768,7 +3041,7 @@ function Timeline({ items, variant = "vertical", className }) {
 
 // src/components/cupcode/ToastCupcode.tsx
 import { X as X4, CheckCircle, AlertCircle, Info, AlertTriangle as AlertTriangle2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -2803,7 +3076,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -2815,18 +3088,18 @@ var ToastCupcode = ({
         "min-w-[300px] max-w-[420px]",
         "animate-slide-up"
       ),
-      children: /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsx33(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx33("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ jsx33("p", { className: "text-xs text-cupcode-ink/70", children: description })
+      children: /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx35(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsx35("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ jsx35("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ jsx33(
+        onClose && /* @__PURE__ */ jsx35(
           "button",
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ jsx33(X4, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ jsx35(X4, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -2837,11 +3110,11 @@ var ToastCupcode = ({
 // src/components/cupcode/TooltipCupcode.tsx
 import * as React17 from "react";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var TooltipProvider2 = TooltipPrimitive2.Provider;
 var TooltipCupcode = TooltipPrimitive2.Root;
 var TooltipTrigger2 = TooltipPrimitive2.Trigger;
-var TooltipContent2 = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TooltipContent2 = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx36(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -2865,11 +3138,11 @@ TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 import * as React18 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx35(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs26(
+var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx37(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs27(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -2880,18 +3153,18 @@ var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx35(ChevronDown3, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx37(ChevronDown3, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AccordionContent2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx37(
   AccordionPrimitive2.Content,
   {
     ref,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...props,
-    children: /* @__PURE__ */ jsx35("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx37("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
@@ -2899,7 +3172,7 @@ AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 // src/components/ui/alert.tsx
 import * as React19 from "react";
 import { cva } from "class-variance-authority";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var alertVariants = cva(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
@@ -2914,14 +3187,14 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React19.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx36("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React19.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx38("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
 var AlertTitle = React19.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
 var AlertDescription = React19.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -2933,7 +3206,7 @@ import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as React20 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var buttonVariants = cva2(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -2962,17 +3235,17 @@ var buttonVariants = cva2(
 var Button = React20.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx37(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ jsx39(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -2984,9 +3257,9 @@ var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs27(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx38(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx38(
+var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs28(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx40(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx40(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -2999,17 +3272,17 @@ var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx38("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx40("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx38("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx40("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3026,8 +3299,8 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // src/components/ui/avatar.tsx
 import * as React22 from "react";
 import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+import { jsx as jsx41 } from "react/jsx-runtime";
+var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -3036,9 +3309,9 @@ var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(AvatarPrimitive2.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(AvatarPrimitive2.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var AvatarFallback2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -3050,7 +3323,7 @@ AvatarFallback2.displayName = AvatarPrimitive2.Fallback.displayName;
 
 // src/components/ui/badge.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var badgeVariants = cva3(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -3068,18 +3341,18 @@ var badgeVariants = cva3(
   }
 );
 function Badge2({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx40("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx42("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/breadcrumb.tsx
 import * as React23 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
-var Breadcrumb = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx41("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+var Breadcrumb = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx43("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
     "ol",
     {
       ref,
@@ -3093,16 +3366,16 @@ var BreadcrumbList = React23.forwardRef(
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 var BreadcrumbItem = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbLink = React23.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx41(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx43(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
     "span",
     {
       ref,
@@ -3115,9 +3388,9 @@ var BreadcrumbPage = React23.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx41("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx41(ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx43("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx43(ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs28(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs29(
   "span",
   {
     role: "presentation",
@@ -3125,8 +3398,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs28(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx41(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx43(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -3135,9 +3408,9 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 // src/components/ui/calendar.tsx
 import { ChevronLeft, ChevronRight as ChevronRight2 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     DayPicker,
     {
       showOutsideDays,
@@ -3170,8 +3443,12 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        IconLeft: ({ ..._props }) => /* @__PURE__ */ jsx42(ChevronLeft, { className: "h-4 w-4" }),
-        IconRight: ({ ..._props }) => /* @__PURE__ */ jsx42(ChevronRight2, { className: "h-4 w-4" })
+        Chevron: ({ orientation, className: className2, ...chevronProps }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx44(ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+          }
+          return /* @__PURE__ */ jsx44(ChevronRight2, { className: cn("h-4 w-4", className2), ...chevronProps });
+        }
       },
       ...props
     }
@@ -3181,27 +3458,27 @@ Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
 import * as React24 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+import { jsx as jsx45 } from "react/jsx-runtime";
+var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
 var CardHeader = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
 var CardTitle = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
 var CardDescription = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 var CardContent = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("div", { ref, className: cn("p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
 var CardFooter = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
@@ -3209,7 +3486,7 @@ CardFooter.displayName = "CardFooter";
 import * as React25 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
 var CarouselContext = React25.createContext(null);
 function useCarousel() {
   const context = React25.useContext(CarouselContext);
@@ -3271,7 +3548,7 @@ var Carousel = React25.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx46(
       CarouselContext.Provider,
       {
         value: {
@@ -3284,7 +3561,7 @@ var Carousel = React25.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx46(
           "div",
           {
             ref,
@@ -3304,7 +3581,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx44("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx46("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx46(
       "div",
       {
         ref,
@@ -3318,7 +3595,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx46(
       "div",
       {
         ref,
@@ -3334,7 +3611,7 @@ CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React25.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       Button,
       {
         ref,
@@ -3349,8 +3626,8 @@ var CarouselPrevious = React25.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ jsx44(ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ jsx46(ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
@@ -3360,7 +3637,7 @@ CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React25.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       Button,
       {
         ref,
@@ -3375,8 +3652,8 @@ var CarouselNext = React25.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ jsx44(ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ jsx46(ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -3387,7 +3664,7 @@ CarouselNext.displayName = "CarouselNext";
 // src/components/ui/chart.tsx
 import * as React26 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment2, jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React26.createContext(null);
 function useChart() {
@@ -3400,7 +3677,7 @@ function useChart() {
 var ChartContainer = React26.forwardRef(({ id, className, children, config, ...props }, ref) => {
   const uniqueId = React26.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx45(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsx47(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-chart": chartId,
@@ -3411,8 +3688,8 @@ var ChartContainer = React26.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx45(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx45(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx47(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx47(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -3423,7 +3700,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -3470,18 +3747,18 @@ var ChartTooltipContent = React26.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ jsx45("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx45("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: value });
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
     if (!active || !(payload == null ? void 0 : payload.length)) {
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ jsxs30(
+    return /* @__PURE__ */ jsxs31(
       "div",
       {
         ref,
@@ -3491,19 +3768,19 @@ var ChartTooltipContent = React26.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx45("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ jsx47("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ jsx45(
+            return /* @__PURE__ */ jsx47(
               "div",
               {
                 className: cn(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center"
                 ),
-                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs30(Fragment2, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx45(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx45(
+                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs31(Fragment2, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx47(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -3518,7 +3795,7 @@ var ChartTooltipContent = React26.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs30(
+                  /* @__PURE__ */ jsxs31(
                     "div",
                     {
                       className: cn(
@@ -3526,11 +3803,11 @@ var ChartTooltipContent = React26.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ jsxs30("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ jsxs31("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx45("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx47("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -3551,7 +3828,7 @@ var ChartLegendContent = React26.forwardRef(({ className, hideIcon = false, payl
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       ref,
@@ -3559,12 +3836,12 @@ var ChartLegendContent = React26.forwardRef(({ className, hideIcon = false, payl
       children: payload.map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs30(
+        return /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx45(itemConfig.icon, {}) : /* @__PURE__ */ jsx45(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : /* @__PURE__ */ jsx47(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -3601,8 +3878,8 @@ function getPayloadConfigFromPayload(config, payload, key) {
 import * as React27 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check3 } from "lucide-react";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -3611,7 +3888,7 @@ var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx46(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx46(Check3, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx48(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx48(Check3, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -3631,12 +3908,12 @@ import { Search } from "lucide-react";
 import * as React28 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X5 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs32 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive2.Root;
 var DialogTrigger = DialogPrimitive2.Trigger;
 var DialogPortal = DialogPrimitive2.Portal;
 var DialogClose = DialogPrimitive2.Close;
-var DialogOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var DialogOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -3648,9 +3925,9 @@ var DialogOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(DialogPortal, { children: [
-  /* @__PURE__ */ jsx47(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs31(
+var DialogContent = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs32(DialogPortal, { children: [
+  /* @__PURE__ */ jsx49(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs32(
     DialogPrimitive2.Content,
     {
       ref,
@@ -3661,20 +3938,20 @@ var DialogContent = React28.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs31(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx47(X5, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs32(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx49(X5, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive2.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx47("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx49("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx47("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx49("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var DialogTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
   DialogPrimitive2.Title,
   {
     ref,
@@ -3683,12 +3960,12 @@ var DialogTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/command.tsx
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
-var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+import { jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
+var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   CommandPrimitive,
   {
     ref,
@@ -3701,11 +3978,11 @@ var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx48(Dialog, { ...props, children: /* @__PURE__ */ jsx48(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx48(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+  return /* @__PURE__ */ jsx50(Dialog, { ...props, children: /* @__PURE__ */ jsx50(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx50(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs32("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx48(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx48(
+var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs33("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx50(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx50(
     CommandPrimitive.Input,
     {
       ref,
@@ -3718,7 +3995,7 @@ var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   CommandPrimitive.List,
   {
     ref,
@@ -3727,9 +4004,9 @@ var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ jsx48(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ jsx50(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   CommandPrimitive.Group,
   {
     ref,
@@ -3741,9 +4018,9 @@ var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   CommandPrimitive.Item,
   {
     ref,
@@ -3756,7 +4033,7 @@ var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx48("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx50("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
@@ -3764,14 +4041,14 @@ CommandShortcut.displayName = "CommandShortcut";
 import * as React30 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check4, ChevronRight as ChevronRight3, Circle } from "lucide-react";
-import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs33(
+var ContextMenuSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs34(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3783,12 +4060,12 @@ var ContextMenuSubTrigger = React30.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx49(ChevronRight3, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx51(ChevronRight3, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -3800,7 +4077,7 @@ var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx49(
+var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx51(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -3812,7 +4089,7 @@ var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx51(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -3825,7 +4102,7 @@ var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs33(
+var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs34(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3836,13 +4113,13 @@ var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx49("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx49(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx49(Check4, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx51("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx51(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx51(Check4, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs33(
+var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs34(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -3852,13 +4129,13 @@ var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx49("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx49(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx49(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx51("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx51(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx51(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx51(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -3867,27 +4144,27 @@ var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx49("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx51("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/drawer.tsx
 import * as React31 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx50(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx52(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs34(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx50(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs34(
+var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs35(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx52(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs35(
     DrawerPrimitive.Content,
     {
       ref,
@@ -3897,18 +4174,18 @@ var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx50("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx52("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx50("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx52("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx50("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx52("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   DrawerPrimitive.Title,
   {
     ref,
@@ -3917,21 +4194,21 @@ var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/ui/dropdown-menu.tsx
 import * as React32 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check5, ChevronRight as ChevronRight4, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs35(
+var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3943,12 +4220,12 @@ var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx51(ChevronRight4, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx53(ChevronRight4, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
+var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3960,7 +4237,7 @@ var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx51(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx51(
+var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx53(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3973,7 +4250,7 @@ var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx51(
+var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx53(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3986,7 +4263,7 @@ var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs35(
+var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs36(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3997,13 +4274,13 @@ var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx51("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx51(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx51(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx53("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx53(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx53(Check5, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs35(
+var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4013,13 +4290,13 @@ var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx51("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx51(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx51(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx53("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx53(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx53(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx51(
+var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx53(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4028,10 +4305,10 @@ var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx51("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx53("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -4044,19 +4321,19 @@ import { Controller, FormProvider, useFormContext } from "react-hook-form";
 import * as React33 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var labelVariants = cva4("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label3 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label3 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React34.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx53(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx53(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx55(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx55(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React34.useContext(FormFieldContext);
@@ -4080,19 +4357,19 @@ var FormItemContext = React34.createContext({});
 var FormItem = React34.forwardRef(
   ({ className, ...props }, ref) => {
     const id = React34.useId();
-    return /* @__PURE__ */ jsx53(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx53("div", { ref, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx55(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx55("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
 var FormLabel = React34.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx53(Label3, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ jsx55(Label3, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
 var FormControl = React34.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       Slot3,
       {
         ref,
@@ -4108,7 +4385,7 @@ FormControl.displayName = "FormControl";
 var FormDescription = React34.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ jsx53("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ jsx55("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
@@ -4119,7 +4396,7 @@ var FormMessage = React34.forwardRef(
     if (!body) {
       return null;
     }
-    return /* @__PURE__ */ jsx53("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ jsx55("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
@@ -4127,10 +4404,10 @@ FormMessage.displayName = "FormMessage";
 // src/components/ui/hover-card.tsx
 import * as React35 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React35.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx54(
+var HoverCardContent = React35.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx56(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -4147,10 +4424,10 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
 import * as React36 from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var Input = React36.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       "input",
       {
         type,
@@ -4170,9 +4447,9 @@ Input.displayName = "Input";
 import * as React37 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var InputOTP = React37.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx56(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx58(
     OTPInput,
     {
       ref,
@@ -4184,13 +4461,13 @@ var InputOTP = React37.forwardRef(
 );
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx56("div", { ref, className: cn("flex items-center", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx58("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React37.forwardRef(({ index, className, ...props }, ref) => {
   const inputOTPContext = React37.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       ref,
@@ -4202,14 +4479,14 @@ var InputOTPSlot = React37.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx56("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx56("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx58("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx58("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React37.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx56("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx56(Dot, {}) })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx58("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx58(Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
@@ -4217,13 +4494,13 @@ InputOTPSeparator.displayName = "InputOTPSeparator";
 import * as React38 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check6, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var Menubar = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   MenubarPrimitive.Root,
   {
     ref,
@@ -4232,7 +4509,7 @@ var Menubar = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -4244,7 +4521,7 @@ var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs37(
+var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs38(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -4256,12 +4533,12 @@ var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx57(ChevronRight5, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx59(ChevronRight5, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var MenubarSubContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -4273,7 +4550,7 @@ var MenubarSubContent = React38.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React38.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx57(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx57(
+var MenubarContent = React38.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx59(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx59(
   MenubarPrimitive.Content,
   {
     ref,
@@ -4288,7 +4565,7 @@ var MenubarContent = React38.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx57(
+var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx59(
   MenubarPrimitive.Item,
   {
     ref,
@@ -4301,7 +4578,7 @@ var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs37(
+var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs38(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -4312,13 +4589,13 @@ var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx57("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx57(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx57(Check6, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx59("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx59(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx59(Check6, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs37(
+var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs38(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -4328,13 +4605,13 @@ var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx57("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx57(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx57(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx59("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx59(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx59(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx57(
+var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx59(
   MenubarPrimitive.Label,
   {
     ref,
@@ -4343,10 +4620,10 @@ var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
 var MenubarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx57("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx59("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
@@ -4355,8 +4632,8 @@ import * as React39 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
-var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs38(
+import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
+var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs39(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -4364,12 +4641,12 @@ var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx58(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx60(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -4382,7 +4659,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva5(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs38(
+var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs39(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -4391,7 +4668,7 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx60(
         ChevronDown4,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -4402,7 +4679,7 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -4415,7 +4692,7 @@ var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx58(
+var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx60(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -4427,7 +4704,7 @@ var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -4436,7 +4713,7 @@ var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx58("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx60("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -4444,8 +4721,8 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 // src/components/ui/pagination.tsx
 import * as React40 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx59(
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx61(
   "nav",
   {
     role: "navigation",
@@ -4456,12 +4733,12 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx59(
 );
 Pagination.displayName = "Pagination";
 var PaginationContent = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx59("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx61("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx59(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx61(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -4476,29 +4753,29 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs39(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx59(ChevronLeft2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx59("span", { children: "Previous" })
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs40(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ jsx61(ChevronLeft2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx61("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs39(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx59("span", { children: "Next" }),
-  /* @__PURE__ */ jsx59(ChevronRight6, { className: "h-4 w-4" })
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs40(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ jsx61("span", { children: "Next" }),
+  /* @__PURE__ */ jsx61(ChevronRight6, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs39("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx59(MoreHorizontal2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx59("span", { className: "sr-only", children: "More pages" })
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs40("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ jsx61(MoreHorizontal2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx61("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
 import * as React41 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React41.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx60(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx60(
+var PopoverContent = React41.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx62(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx62(
   PopoverPrimitive.Content,
   {
     ref,
@@ -4516,14 +4793,14 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/ui/progress.tsx
 import * as React42 from "react";
 import * as ProgressPrimitive2 from "@radix-ui/react-progress";
-import { jsx as jsx61 } from "react/jsx-runtime";
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx61(
+import { jsx as jsx63 } from "react/jsx-runtime";
+var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx63(
   ProgressPrimitive2.Root,
   {
     ref,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ jsx61(
+    children: /* @__PURE__ */ jsx63(
       ProgressPrimitive2.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -4538,13 +4815,13 @@ Progress.displayName = ProgressPrimitive2.Root.displayName;
 import * as React43 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle4 } from "lucide-react";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var RadioGroup4 = React43.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx62(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+  return /* @__PURE__ */ jsx64(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React43.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx64(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4553,7 +4830,7 @@ var RadioGroupItem = React43.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx62(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx62(Circle4, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx64(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx64(Circle4, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -4562,8 +4839,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx63 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx63(
+import { jsx as jsx65 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx65(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -4575,7 +4852,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx63(
+}) => /* @__PURE__ */ jsx65(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -4583,21 +4860,21 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx63("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx63(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx65("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx65(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/scroll-area.tsx
 import * as React44 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx64, jsxs as jsxs40 } from "react/jsx-runtime";
-var ScrollArea = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs40(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ jsx64(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-  /* @__PURE__ */ jsx64(ScrollBar, {}),
-  /* @__PURE__ */ jsx64(ScrollAreaPrimitive.Corner, {})
+import { jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
+var ScrollArea = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ jsx66(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+  /* @__PURE__ */ jsx66(ScrollBar, {}),
+  /* @__PURE__ */ jsx66(ScrollAreaPrimitive.Corner, {})
 ] }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx64(
+var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx66(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4609,7 +4886,7 @@ var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx64(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx66(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -4618,11 +4895,11 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 import * as React45 from "react";
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { Check as Check7, ChevronDown as ChevronDown5, ChevronUp } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs42 } from "react/jsx-runtime";
 var Select2 = SelectPrimitive2.Root;
 var SelectGroup2 = SelectPrimitive2.Group;
 var SelectValue2 = SelectPrimitive2.Value;
-var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
+var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   SelectPrimitive2.Trigger,
   {
     ref,
@@ -4633,32 +4910,32 @@ var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx65(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ jsx65(ChevronDown5, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx67(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ jsx67(ChevronDown5, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger2.displayName = SelectPrimitive2.Trigger.displayName;
-var SelectScrollUpButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+var SelectScrollUpButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   SelectPrimitive2.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx65(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx67(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive2.ScrollUpButton.displayName;
-var SelectScrollDownButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+var SelectScrollDownButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   SelectPrimitive2.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx65(ChevronDown5, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx67(ChevronDown5, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive2.ScrollDownButton.displayName;
-var SelectContent2 = React45.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx65(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsxs41(
+var SelectContent2 = React45.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx67(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsxs42(
   SelectPrimitive2.Content,
   {
     ref,
@@ -4670,8 +4947,8 @@ var SelectContent2 = React45.forwardRef(({ className, children, position = "popp
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx65(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx67(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx67(
         SelectPrimitive2.Viewport,
         {
           className: cn(
@@ -4681,14 +4958,14 @@ var SelectContent2 = React45.forwardRef(({ className, children, position = "popp
           children
         }
       ),
-      /* @__PURE__ */ jsx65(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx67(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent2.displayName = SelectPrimitive2.Content.displayName;
-var SelectLabel = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(SelectPrimitive2.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(SelectPrimitive2.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive2.Label.displayName;
-var SelectItem2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
+var SelectItem2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   SelectPrimitive2.Item,
   {
     ref,
@@ -4698,20 +4975,20 @@ var SelectItem2 = React45.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx65("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx65(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx65(Check7, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx65(SelectPrimitive2.ItemText, { children })
+      /* @__PURE__ */ jsx67("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx67(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx67(Check7, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx67(SelectPrimitive2.ItemText, { children })
     ]
   }
 ));
 SelectItem2.displayName = SelectPrimitive2.Item.displayName;
-var SelectSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(SelectPrimitive2.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(SelectPrimitive2.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive2.Separator.displayName;
 
 // src/components/ui/separator.tsx
 import * as React46 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx66 } from "react/jsx-runtime";
-var Separator5 = React46.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx66(
+import { jsx as jsx68 } from "react/jsx-runtime";
+var Separator5 = React46.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx68(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -4728,12 +5005,12 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva6 } from "class-variance-authority";
 import { X as X6 } from "lucide-react";
 import * as React47 from "react";
-import { jsx as jsx67, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var SheetOverlay = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4762,25 +5039,25 @@ var sheetVariants = cva6(
   }
 );
 var SheetContent = React47.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(SheetPortal, { children: [
-    /* @__PURE__ */ jsx67(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs42(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(SheetPortal, { children: [
+    /* @__PURE__ */ jsx69(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs43(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ jsxs42(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-        /* @__PURE__ */ jsx67(X6, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx67("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsxs43(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsx69(X6, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx69("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx67("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx69("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx67("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx69("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
@@ -4807,13 +5084,13 @@ function useIsMobile() {
 }
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function Skeleton2({ className, ...props }) {
-  return /* @__PURE__ */ jsx68("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx70("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -4871,7 +5148,7 @@ var SidebarProvider = React49.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx69(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx69(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx71(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx71(
     "div",
     {
       style: {
@@ -4890,7 +5167,7 @@ SidebarProvider.displayName = "SidebarProvider";
 var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -4901,7 +5178,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx69(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx71(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -4911,11 +5188,11 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ jsx69("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ jsx71("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "div",
     {
       ref,
@@ -4925,7 +5202,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx71(
           "div",
           {
             className: cn(
@@ -4936,7 +5213,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx71(
           "div",
           {
             className: cn(
@@ -4947,7 +5224,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsx71(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -4965,7 +5242,7 @@ Sidebar.displayName = "Sidebar";
 var SidebarTrigger = React49.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsxs43(
+    return /* @__PURE__ */ jsxs44(
       Button,
       {
         ref,
@@ -4979,8 +5256,8 @@ var SidebarTrigger = React49.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx69(PanelLeft, {}),
-          /* @__PURE__ */ jsx69("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ jsx71(PanelLeft, {}),
+          /* @__PURE__ */ jsx71("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
@@ -4990,7 +5267,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 var SidebarRail = React49.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       "button",
       {
         ref,
@@ -5015,7 +5292,7 @@ var SidebarRail = React49.forwardRef(
 );
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     "main",
     {
       ref,
@@ -5031,7 +5308,7 @@ var SidebarInset = React49.forwardRef(({ className, ...props }, ref) => {
 SidebarInset.displayName = "SidebarInset";
 var SidebarInput = React49.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       Input,
       {
         ref,
@@ -5047,16 +5324,16 @@ var SidebarInput = React49.forwardRef(
 );
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx69("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+  return /* @__PURE__ */ jsx71("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarFooter = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx69("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+  return /* @__PURE__ */ jsx71("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
 var SidebarSeparator = React49.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       Separator5,
       {
         ref,
@@ -5069,7 +5346,7 @@ var SidebarSeparator = React49.forwardRef(
 );
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     "div",
     {
       ref,
@@ -5084,7 +5361,7 @@ var SidebarContent = React49.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarContent.displayName = "SidebarContent";
 var SidebarGroup = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     "div",
     {
       ref,
@@ -5098,7 +5375,7 @@ SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React49.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       Comp,
       {
         ref,
@@ -5117,7 +5394,7 @@ SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupAction = React49.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "button";
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx71(
       Comp,
       {
         ref,
@@ -5136,12 +5413,12 @@ var SidebarGroupAction = React49.forwardRef(
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
 var SidebarGroupContent = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx69("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = cva7(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none 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",
@@ -5166,7 +5443,7 @@ var sidebarMenuButtonVariants = cva7(
 var SidebarMenuButton = React49.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx69(
+  const button = /* @__PURE__ */ jsx71(
     Comp,
     {
       ref,
@@ -5185,15 +5462,15 @@ var SidebarMenuButton = React49.forwardRef(({ asChild = false, isActive = false,
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs43(Tooltip, { children: [
-    /* @__PURE__ */ jsx69(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx69(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+  return /* @__PURE__ */ jsxs44(Tooltip, { children: [
+    /* @__PURE__ */ jsx71(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx71(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuAction = React49.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     Comp,
     {
       ref,
@@ -5215,7 +5492,7 @@ var SidebarMenuAction = React49.forwardRef(({ className, asChild = false, showOn
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
 var SidebarMenuBadge = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
     "div",
     {
       ref,
@@ -5238,7 +5515,7 @@ var SidebarMenuSkeleton = React49.forwardRef(({ className, showIcon = false, ...
   const width = React49.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "div",
     {
       ref,
@@ -5246,8 +5523,8 @@ var SidebarMenuSkeleton = React49.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx69(Skeleton2, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx69(
+        showIcon && /* @__PURE__ */ jsx71(Skeleton2, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx71(
           Skeleton2,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -5263,7 +5540,7 @@ var SidebarMenuSkeleton = React49.forwardRef(({ className, showIcon = false, ...
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
 var SidebarMenuSub = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
     "ul",
     {
       ref,
@@ -5278,11 +5555,11 @@ var SidebarMenuSub = React49.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx69("li", { ref, ...props }));
+var SidebarMenuSubItem = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx71("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var SidebarMenuSubButton = React49.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     Comp,
     {
       ref,
@@ -5306,31 +5583,62 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 // src/components/ui/slider.tsx
 import * as React50 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
-var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs44(
+import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
+var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx70(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx70(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx70(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ jsx72(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx72(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx72(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/sonner.tsx
-import { useTheme as useTheme2 } from "next-themes";
+import * as React51 from "react";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx71 } from "react/jsx-runtime";
-var Toaster = ({ ...props }) => {
-  const { theme = "system" } = useTheme2();
-  return /* @__PURE__ */ jsx71(
+import { jsx as jsx73 } from "react/jsx-runtime";
+function resolveDocumentTheme() {
+  if (typeof document === "undefined") return "system";
+  if (document.documentElement.classList.contains("dark")) return "dark";
+  if (document.documentElement.classList.contains("light")) return "light";
+  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+    return "dark";
+  }
+  return "light";
+}
+var Toaster = ({ theme, ...props }) => {
+  const [resolvedTheme, setResolvedTheme] = React51.useState(() => theme != null ? theme : "system");
+  React51.useEffect(() => {
+    if (typeof theme !== "undefined") return;
+    const syncTheme = () => setResolvedTheme(resolveDocumentTheme());
+    syncTheme();
+    if (typeof window === "undefined" || typeof document === "undefined") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleMediaChange = () => syncTheme();
+    const observer = new MutationObserver(syncTheme);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", handleMediaChange);
+      return () => {
+        mediaQuery.removeEventListener("change", handleMediaChange);
+        observer.disconnect();
+      };
+    }
+    mediaQuery.addListener(handleMediaChange);
+    return () => {
+      mediaQuery.removeListener(handleMediaChange);
+      observer.disconnect();
+    };
+  }, [theme]);
+  return /* @__PURE__ */ jsx73(
     Sonner,
     {
-      theme,
+      theme: theme != null ? theme : resolvedTheme,
       className: "toaster group",
       toastOptions: {
         classNames: {
@@ -5346,10 +5654,10 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/switch.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import * as SwitchPrimitives2 from "@radix-ui/react-switch";
-import { jsx as jsx72 } from "react/jsx-runtime";
-var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+import { jsx as jsx74 } from "react/jsx-runtime";
+var Switch2 = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   SwitchPrimitives2.Root,
   {
     className: cn(
@@ -5358,7 +5666,7 @@ var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx72(
+    children: /* @__PURE__ */ jsx74(
       SwitchPrimitives2.Thumb,
       {
         className: cn(
@@ -5371,26 +5679,26 @@ var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Switch2.displayName = SwitchPrimitives2.Root.displayName;
 
 // src/components/ui/table.tsx
-import * as React52 from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
-var Table = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx73("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+import * as React53 from "react";
+import { jsx as jsx75 } from "react/jsx-runtime";
+var Table = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx75("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+var TableFooter = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var TableRow = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
     "tr",
     {
       ref,
@@ -5400,8 +5708,8 @@ var TableRow = React52.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var TableHead = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
     "th",
     {
       ref,
@@ -5414,21 +5722,21 @@ var TableHead = React52.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/tabs.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var Tabs2 = TabsPrimitive2.Root;
-var TabsList2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var TabsList2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   TabsPrimitive2.List,
   {
     ref,
@@ -5440,7 +5748,7 @@ var TabsList2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsList2.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var TabsTrigger2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -5452,7 +5760,7 @@ var TabsTrigger2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsTrigger2.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var TabsContent2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   TabsPrimitive2.Content,
   {
     ref,
@@ -5466,10 +5774,10 @@ var TabsContent2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PU
 TabsContent2.displayName = TabsPrimitive2.Content.displayName;
 
 // src/components/ui/textarea.tsx
-import * as React54 from "react";
-import { jsx as jsx75 } from "react/jsx-runtime";
-var Textarea = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx75(
+import * as React55 from "react";
+import { jsx as jsx77 } from "react/jsx-runtime";
+var Textarea = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx77(
     "textarea",
     {
       className: cn(
@@ -5484,13 +5792,13 @@ var Textarea = React54.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/ui/toast.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
 import { X as X7 } from "lucide-react";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ToastViewport = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -5516,11 +5824,11 @@ var toastVariants = cva8(
     }
   }
 );
-var Toast = React55.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx76(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React56.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx78(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ToastAction = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   ToastPrimitives.Action,
   {
     ref,
@@ -5532,7 +5840,7 @@ var ToastAction = React55.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ToastClose = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   ToastPrimitives.Close,
   {
     ref,
@@ -5542,17 +5850,17 @@ var ToastClose = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx76(X7, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx78(X7, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/hooks/use-toast.ts
-import * as React56 from "react";
+import * as React57 from "react";
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -5651,8 +5959,8 @@ function toast2({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React56.useState(memoryState);
-  React56.useEffect(() => {
+  const [state, setState] = React57.useState(memoryState);
+  React57.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -5669,29 +5977,29 @@ function useToast() {
 }
 
 // src/components/ui/toaster.tsx
-import { jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs46 } from "react/jsx-runtime";
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs45(ToastProvider, { children: [
+  return /* @__PURE__ */ jsxs46(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ jsxs45(Toast, { ...props, children: [
-        /* @__PURE__ */ jsxs45("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx77(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx77(ToastDescription, { children: description })
+      return /* @__PURE__ */ jsxs46(Toast, { ...props, children: [
+        /* @__PURE__ */ jsxs46("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ jsx79(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx79(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ jsx77(ToastClose, {})
+        /* @__PURE__ */ jsx79(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ jsx77(ToastViewport, {})
+    /* @__PURE__ */ jsx79(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -5712,22 +6020,22 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React57.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx78(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React58.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx80(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx79 } from "react/jsx-runtime";
-var ToggleGroupContext = React58.createContext({
+import { jsx as jsx81 } from "react/jsx-runtime";
+var ToggleGroupContext = React59.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React58.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx79(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx79(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React59.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx81(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx81(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React58.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React58.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx79(
+var ToggleGroupItem = React59.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React59.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx81(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -5744,136 +6052,6 @@ var ToggleGroupItem = React58.forwardRef(({ className, children, variant, size,
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-// src/lib/navigation.tsx
-import { BookOpen, Home, Layers } from "lucide-react";
-import { jsx as jsx80 } from "react/jsx-runtime";
-var getMainNavItems = () => [
-  {
-    label: "In\xEDcio",
-    href: "/",
-    icon: /* @__PURE__ */ jsx80(Home, { className: "h-4 w-4" })
-  },
-  {
-    label: "Design System",
-    href: "/design-system",
-    icon: /* @__PURE__ */ jsx80(Layers, { className: "h-4 w-4" })
-  },
-  {
-    label: "Docs",
-    href: "/docs",
-    icon: /* @__PURE__ */ jsx80(BookOpen, { className: "h-4 w-4" })
-  }
-];
-
-// src/lib/dock.ts
-var mainDockCategories = [
-  {
-    id: "home",
-    title: "Home",
-    slug: "mn-homepage",
-    order: 0,
-    tooltip: "P\xE1gina inicial",
-    href: "/",
-    bgImageUrl: "92b6c6ac-6e41-47cf-9b92-0e16131af1c4",
-    cards: []
-  },
-  {
-    id: "marketing",
-    title: "Marketing",
-    slug: "marketing",
-    order: 1,
-    tooltip: "Servi\xE7os de Marketing",
-    bgImageUrl: "f9a6fe47-b519-483b-8b14-a86402d30e78",
-    cards: [
-      {
-        title: "Branding",
-        description: "Otimiza\xE7\xE3o para mecanismos de busca",
-        buttons: [
-          { type: "link", label: "Saiba mais >", href: "/marketing/seo" }
-        ]
-      },
-      {
-        title: "Redes Sociais",
-        description: "Gest\xE3o de redes sociais",
-        buttons: [
-          { type: "link", label: "Saiba mais >", href: "/marketing/social" }
-        ]
-      }
-    ]
-  },
-  {
-    id: "desenvolvimento",
-    title: "Desenvolvimento",
-    slug: "mn-desenvolvimento",
-    order: 2,
-    tooltip: "Desenvolvimento Web",
-    bgImageUrl: "308d748a-14f1-4794-bd42-d36c4d082983",
-    cards: [
-      {
-        title: "Frontend",
-        description: "React, Vue, Angular",
-        buttons: [
-          { type: "link", label: "Saiba mais >", href: "/dev/frontend" }
-        ]
-      },
-      {
-        title: "Backend",
-        description: "Node.js, Python, PHP",
-        buttons: [
-          { type: "link", label: "Saiba mais >", href: "/dev/backend" }
-        ]
-      }
-    ]
-  },
-  {
-    id: "solucoes",
-    title: "Solu\xE7\xF5es",
-    slug: "mn-solucoes",
-    order: 3,
-    tooltip: "Nossas Solu\xE7\xF5es",
-    bgImageUrl: "3d166e89-1cd0-48aa-a056-c849f3a749b2",
-    cards: [
-      {
-        title: "Cloud Computing",
-        description: "Infraestrutura escal\xE1vel",
-        buttons: [
-          { type: "link", label: "Saiba mais >", href: "/solucoes/cloud" }
-        ]
-      }
-    ]
-  },
-  {
-    id: "cases",
-    title: "Cases",
-    slug: "mn-cases-de-sucesso",
-    order: 4,
-    tooltip: "Cases de Sucesso",
-    href: "/cases",
-    bgImageUrl: "a22bc9cf-ed3d-44a1-b53f-10ebe9960a52",
-    cards: []
-  },
-  {
-    id: "sobre-nos",
-    title: "Sobre N\xF3s",
-    slug: "mn-sobre-nos",
-    order: 5,
-    tooltip: "Conhe\xE7a a Cupcode",
-    href: "/sobre-nos",
-    bgImageUrl: "2916aa79-3d21-4d1c-9787-1969f5e2b865",
-    cards: []
-  },
-  {
-    id: "contato",
-    title: "Contato",
-    slug: "mn-contato",
-    order: 6,
-    tooltip: "Fale conosco",
-    href: "/contato",
-    bgImageUrl: "102c3568-cb5a-48b8-878b-1ba170c3e8f5",
-    cards: []
-  }
-];
 export {
   Accordion,
   AccordionContent2 as AccordionContent,
@@ -6043,6 +6221,7 @@ export {
   Label3 as Label,
   LoadingScreen,
   LoadingSpinner,
+  MainNavbar,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -6189,7 +6368,6 @@ export {
   buttonVariants,
   cn,
   getMainNavItems,
-  mainDockCategories,
   navigationMenuTriggerStyle,
   parseAssetId,
   responsiveSizeClasses,
@@ -6204,4 +6382,3 @@ export {
   useTelescupMeta,
   useToast
 };
-//# sourceMappingURL=index.js.map