@cupcodev/ui 1.0.2 → 1.0.7

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -199,6 +200,7 @@ __export(src_exports, {
   Label: () => Label3,
   LoadingScreen: () => LoadingScreen,
   LoadingSpinner: () => LoadingSpinner,
+  MainNavbar: () => MainNavbar,
   Menubar: () => Menubar,
   MenubarCheckboxItem: () => MenubarCheckboxItem,
   MenubarContent: () => MenubarContent,
@@ -345,7 +347,6 @@ __export(src_exports, {
   buttonVariants: () => buttonVariants,
   cn: () => cn,
   getMainNavItems: () => getMainNavItems,
-  mainDockCategories: () => mainDockCategories,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   parseAssetId: () => parseAssetId,
   responsiveSizeClasses: () => responsiveSizeClasses,
@@ -782,7 +783,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);
@@ -981,10 +982,10 @@ CardGlass.displayName = "CardGlass";
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime7 = require("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,
@@ -1124,7 +1125,9 @@ var Dock = ({ items, className }) => {
       items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "li",
         {
-          ref: (el) => itemsRef.current[index] = el,
+          ref: (el) => {
+            itemsRef.current[index] = el;
+          },
           className: "relative z-10",
           children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1166,7 +1169,7 @@ var import_react7 = require("react");
 
 // src/hooks/useTelescupAsset.ts
 var import_react6 = require("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 });
@@ -1225,21 +1228,109 @@ function parseAssetId(input) {
 
 // src/components/cupcode/DockWrapper.tsx
 var import_jsx_runtime10 = require("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__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dock-fallback-icon", "aria-hidden": "true", children: fallbackText }) : null
+    }
+  );
+};
+var DockWrapper = ({ categories, activeCategoryId }) => {
   const rootRef = (0, import_react7.useRef)(null);
   const timeoutsRef = (0, import_react7.useRef)([]);
   const listenersRef = (0, import_react7.useRef)([]);
+  const sortedCategories = (0, import_react7.useMemo)(
+    () => [...categories].sort((a, b) => a.order - b.order),
+    [categories]
+  );
+  const lastInteractiveId = (0, import_react7.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]);
   (0, import_react7.useEffect)(() => {
+    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, {
@@ -1449,6 +1540,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");
@@ -1490,107 +1594,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();
+      }
+    };
+    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)));
+    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);
@@ -1598,129 +1733,120 @@ var DockWrapper = ({ categories }) => {
       window.removeEventListener("scroll", _tipOnScroll);
       tip.remove();
     };
-  }, [categories]);
+  }, [sortedCategories, activeCategoryId, lastInteractiveId]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: rootRef, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dock", children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tabbar tab-style1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-filter" }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-overlay" }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-specular" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "flex-center", children: categories.map((cat) => {
-        var _a, _b;
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "flex-center", children: sortedCategories.map((cat) => {
+        var _a;
+        if (cat.type === "divider") {
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "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__ */ (0, import_jsx_runtime10.jsxs)(
           "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__ */ (0, import_jsx_runtime10.jsx)(
-                  "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__ */ (0, import_jsx_runtime10.jsx)(
-                  "div",
-                  {
-                    className: "bg-img-menu-fix-mob",
-                    style: { backgroundImage: `url(${bgUrl})` }
-                  }
-                );
-              })()
+              link && !hasCards ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "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__ */ (0, import_jsx_runtime10.jsx)(DockCategoryBg, { apiIdOrUrl: cat.bgImageUrl, alt: cat.title })
             ]
           },
           cat.id
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "list-menu-mob-show", children: categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mob-list-menu hide", "data-tagget": cat.slug, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `submenu-stack ${cat.slug}`, children: cat.cards.map((card, i) => {
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "list-menu-mob-show", children: sortedCategories.filter((cat) => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "submenu-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-filter" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-overlay" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-specular" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("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__ */ (0, import_jsx_runtime10.jsx)(
-                "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__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "title", children: card.title }),
-              card.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "description", children: card.description }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime10.jsx)(
-                  "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__ */ (0, import_jsx_runtime10.jsx)(
-                "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__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mob-list-menu hide", "data-tagget": cat.slug, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `submenu-stack ${cat.slug}`, children: ((_a = cat.cards) != null ? _a : []).map((card, i) => {
+          var _a2;
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "div",
+            {
+              className: `submenu-card${card.backgroundClass ? ` ${card.backgroundClass}` : ""}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fold" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-filter" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-overlay" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "glass-specular" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "card-content", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DockCardIcon, { card }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-content", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "title", children: card.title }),
+                    card.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "description", children: card.description }) : null
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime10.jsx)(
+                        "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__ */ (0, import_jsx_runtime10.jsx)(
+                      "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__ */ (0, import_jsx_runtime10.jsx)("svg", { id: "lg-filter", style: { display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("filter", { id: "lg-dist", x: "-10%", y: "-10%", width: "120%", height: "120%", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -1741,11 +1867,9 @@ var DockWrapper = ({ categories }) => {
           in2: "blurred",
           scale: "50",
           xChannelSelector: "R",
-          yChannelSelector: "G",
-          result: "displaced"
+          yChannelSelector: "G"
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("feComposite", { in: "displaced", in2: "SourceGraphic", operator: "atop" })
+      )
     ] }) })
   ] }) });
 };
@@ -1757,16 +1881,25 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var JellyButton = (0, import_react8.forwardRef)(
   ({ variant = "primary", size = "md", className, children, onClick, ...props }, ref) => {
     const internalRef = (0, import_react8.useRef)(null);
-    const buttonRef = ref || internalRef;
-    const rafRef = (0, import_react8.useRef)();
+    const rafRef = (0, import_react8.useRef)(null);
     const animationRef = (0, import_react8.useRef)(null);
     const isAnimatingRef = (0, import_react8.useRef)(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;
     (0, import_react8.useEffect)(() => {
-      const button = buttonRef.current;
+      const button = internalRef.current;
       if (!button) return;
       let targetRx = 0, targetRy = 0;
       let currentRx = 0, currentRy = 0;
@@ -1824,7 +1957,7 @@ var JellyButton = (0, import_react8.forwardRef)(
       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) => {
@@ -1867,10 +2000,15 @@ var JellyButton = (0, import_react8.forwardRef)(
       }
     };
     const currentStyle = variantStyles3[variant];
+    const buttonStyle = {
+      transform: "perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1, 1)",
+      "--rx": "50%",
+      "--ry": "50%"
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "button",
       {
-        ref: buttonRef,
+        ref: setButtonRef,
         onClick: handleClick,
         className: cn(
           baseClasses,
@@ -1878,12 +2016,7 @@ var JellyButton = (0, import_react8.forwardRef)(
           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__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn("absolute inset-0 pointer-events-none", currentStyle.overlay) }),
@@ -2012,7 +2145,12 @@ var HeroTitle = ({
   className,
   level = 2
 }) => {
-  const Tag = `h${level}`;
+  const headingTagMap = {
+    1: "h1",
+    2: "h2",
+    3: "h3"
+  };
+  const Tag = headingTagMap[level];
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("space-y-3", className), children: [
     eyebrow && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
@@ -2427,7 +2565,6 @@ ModalDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/cupcode/NavbarCupcode.tsx
 var React10 = __toESM(require("react"), 1);
 var import_lucide_react5 = require("lucide-react");
-var import_react_router_dom = require("react-router-dom");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var NavbarCupcode = ({
   logo,
@@ -2440,48 +2577,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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "cc-container", children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between h-16", children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-shrink-0", children: logo }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hidden md:flex items-center space-x-8", children: items.map((item, index) => item.href.startsWith("#") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            "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__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_react_router_dom.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__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsxs)(
+                "a",
+                {
+                  href: item.href,
+                  className: baseClasses,
+                  onClick: handleClick,
+                  "aria-current": isActive ? "page" : void 0,
+                  children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
+                    item.label
+                  ]
+                },
+                key
+              );
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              "a",
+              {
+                href: item.href,
+                className: baseClasses,
+                onClick: handleClick,
+                "aria-current": isActive ? "page" : void 0,
+                children: [
+                  item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
+                  item.label
+                ]
+              },
+              key
+            );
+          }) }),
           actions && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hidden md:flex", children: actions }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
@@ -2493,31 +2641,29 @@ var NavbarCupcode = ({
           )
         ] }),
         isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "md:hidden py-4 space-y-3 animate-slide-up", children: [
-          items.map((item, index) => item.href.startsWith("#") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            "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__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
-                item.label
-              ]
-            },
-            index
-          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_react_router_dom.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__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
                 item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
                 item.label
-              ]
-            },
-            index
-          )),
+              ] }, key);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
+              item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
+              item.label
+            ] }, key);
+          }),
           actions && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-4 pt-2", children: actions })
         ] })
       ] })
@@ -2525,16 +2671,232 @@ var NavbarCupcode = ({
   );
 };
 
-// src/components/cupcode/ParticleSystem.tsx
+// src/components/cupcode/MainNavbar.tsx
 var import_react13 = require("react");
+
+// src/components/cupcode/TelescupImage.tsx
 var import_jsx_runtime22 = require("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__ */ (0, import_jsx_runtime22.jsx)(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
+// src/components/cupcode/ThemeToggle.tsx
+var React11 = __toESM(require("react"), 1);
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime23 = require("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__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsxs)(
+    "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__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.Moon, { className: "absolute h-5 w-5 text-cupcode-pink rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "sr-only", children: [
+          "Current theme: ",
+          activeTheme
+        ] })
+      ]
+    }
+  );
+};
+
+// src/lib/navigation.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var getMainNavItems = () => [
+  {
+    label: "In\xEDcio",
+    href: "/",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Home, { className: "h-4 w-4" })
+  },
+  {
+    label: "Componentes",
+    href: "/componentes",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Layers, { className: "h-4 w-4" })
+  },
+  {
+    label: "Docs",
+    href: "/docs",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.BookOpen, { className: "h-4 w-4" })
+  }
+];
+
+// src/components/cupcode/MainNavbar.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var MainNavbar = ({
+  ctaLabel = "Ver Componentes",
+  ctaHref = "/componentes",
+  pathname,
+  onNavigate
+}) => {
+  const currentPathname = (0, import_react13.useMemo)(() => {
+    if (pathname && pathname.trim() !== "") return pathname;
+    if (typeof window !== "undefined") return window.location.pathname || "/";
+    return "/";
+  }, [pathname]);
+  const items = (0, import_react13.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime25.jsx)(
+    NavbarCupcode,
+    {
+      logo: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          TelescupImage,
+          {
+            apiId: "be574751-cf1b-499a-8473-360b4115b447",
+            imageWidth: 40,
+            imageHeight: 40,
+            alt: "Design System Cupcode",
+            loading: "eager",
+            className: "h-10 w-auto"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          TelescupImage,
+          {
+            apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
+            imageWidth: 120,
+            imageHeight: 32,
+            alt: "Cupcode",
+            loading: "eager",
+            className: "h-8 w-auto"
+          }
+        )
+      ] }),
+      items,
+      actions: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThemeToggle, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          JellyButtonOriginal,
+          {
+            label: ctaLabel,
+            size: "sm",
+            onClick: handleCtaClick
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/cupcode/ParticleSystem.tsx
+var import_react14 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ParticleSystem({
   count: count2 = 50,
   variant = "stars",
   className
 }) {
-  const canvasRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const canvasRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -2599,7 +2961,7 @@ function ParticleSystem({
       cancelAnimationFrame(animationId);
     };
   }, [count2, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -2609,8 +2971,8 @@ function ParticleSystem({
 }
 
 // src/components/cupcode/PricingCard.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function PricingCard({
   title,
   price,
@@ -2622,7 +2984,7 @@ function PricingCard({
   buttonText = "Escolher plano",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     CardGlass,
     {
       className: cn(
@@ -2632,18 +2994,18 @@ function PricingCard({
         className
       ),
       children: [
-        highlighted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-center mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        highlighted && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", children: period })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-muted-foreground", children: period })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            import_lucide_react6.Check,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_lucide_react8.Check,
             {
               className: cn(
                 "w-5 h-5 shrink-0 mt-0.5",
@@ -2651,7 +3013,7 @@ function PricingCard({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               className: cn(
@@ -2662,7 +3024,7 @@ function PricingCard({
             }
           )
         ] }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           JellyButton,
           {
             onClick: onSelect,
@@ -2677,10 +3039,10 @@ function PricingCard({
 }
 
 // src/components/cupcode/ProgressCupcode.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
+var import_jsx_runtime28 = require("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",
@@ -2693,15 +3055,15 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
     warning: "bg-warning",
     error: "bg-destructive"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "w-full space-y-2", children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full space-y-2", children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "text-muted-foreground", children: [
         value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       ProgressPrimitive.Root,
       {
         ref,
@@ -2711,7 +3073,7 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           ProgressPrimitive.Indicator,
           {
             className: cn(
@@ -2728,14 +3090,14 @@ var ProgressCupcode = React11.forwardRef(({ className, value, variant = "default
 ProgressCupcode.displayName = "ProgressCupcode";
 
 // src/components/cupcode/SelectField.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2753,12 +3115,12 @@ var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React12.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var SelectContent = React13.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2775,7 +3137,7 @@ var SelectContent = React12.forwardRef(({ className, children, position = "poppe
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       SelectPrimitive.Viewport,
       {
         className: cn(
@@ -2788,7 +3150,7 @@ var SelectContent = React12.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2801,8 +3163,8 @@ var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
@@ -2816,21 +3178,21 @@ var SelectField = ({
   options,
   disabled
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Select, { value, onValueChange, disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectValue, { placeholder }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Select, { value, onValueChange, disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, { placeholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) }) })
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
   ] });
 };
 
 // src/components/cupcode/SwitchField.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2845,7 +3207,7 @@ var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -2861,21 +3223,21 @@ var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 var SwitchField = ({ label, description, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Switch, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { ...props })
   ] });
 };
 
 // src/components/cupcode/TabsCupcode.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -2888,12 +3250,12 @@ var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   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",
@@ -2910,7 +3272,7 @@ var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -2923,51 +3285,10 @@ var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-// src/components/cupcode/TelescupImage.tsx
-var import_jsx_runtime28 = require("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__ */ (0, import_jsx_runtime28.jsx)(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/cupcode/TelescupVideo.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var TelescupVideo = ({
   apiId,
   lang = "pt-BR",
@@ -2977,7 +3298,7 @@ var TelescupVideo = ({
 }) => {
   const url = buildTelescupVideoURL(apiId);
   const { meta } = useTelescupMeta(apiId, lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "video",
     {
       src: url,
@@ -2991,13 +3312,13 @@ var TelescupVideo = ({
 };
 
 // src/components/cupcode/TextareaField.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var TextareaField = React15.forwardRef(
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var TextareaField = React16.forwardRef(
   ({ className, label, error, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "textarea",
         {
           className: cn(
@@ -3017,65 +3338,18 @@ var TextareaField = React15.forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
 TextareaField.displayName = "TextareaField";
 
-// src/components/cupcode/ThemeToggle.tsx
-var React16 = __toESM(require("react"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_next_themes = require("next-themes");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var ThemeToggle = ({ className }) => {
-  const { theme, setTheme } = (0, import_next_themes.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__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-    "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__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.Moon, { className: "absolute h-5 w-5 text-cupcode-pink rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "sr-only", children: [
-          "Current theme: ",
-          theme
-        ] })
-      ]
-    }
-  );
-};
-
 // src/components/cupcode/TimelineCupcode.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -3083,27 +3357,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__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
-    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("relative space-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -3111,46 +3385,46 @@ 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__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1 pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
 }
 
 // src/components/cupcode/ToastCupcode.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
-    icon: import_lucide_react9.CheckCircle,
+    icon: import_lucide_react10.CheckCircle,
     iconColor: "text-success",
     border: "border-success/30"
   },
   error: {
     gradient: "from-destructive/20 to-destructive/5",
-    icon: import_lucide_react9.AlertCircle,
+    icon: import_lucide_react10.AlertCircle,
     iconColor: "text-destructive",
     border: "border-destructive/30"
   },
   warning: {
     gradient: "from-warning/20 to-warning/5",
-    icon: import_lucide_react9.AlertTriangle,
+    icon: import_lucide_react10.AlertTriangle,
     iconColor: "text-warning",
     border: "border-warning/30"
   },
   info: {
     gradient: "from-info/20 to-info/5",
-    icon: import_lucide_react9.Info,
+    icon: import_lucide_react10.Info,
     iconColor: "text-info",
     border: "border-info/30"
   }
@@ -3163,7 +3437,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       className: cn(
@@ -3175,18 +3449,18 @@ var ToastCupcode = ({
         "min-w-[300px] max-w-[420px]",
         "animate-slide-up"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react9.X, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react10.X, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -3197,11 +3471,11 @@ var ToastCupcode = ({
 // src/components/cupcode/TooltipCupcode.tsx
 var React17 = __toESM(require("react"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("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__ */ (0, import_jsx_runtime34.jsx)(
+var TooltipContent2 = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -3224,12 +3498,12 @@ TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 // src/components/ui/accordion.tsx
 var React18 = __toESM(require("react"), 1);
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -3240,18 +3514,18 @@ var AccordionTrigger2 = React18.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronDown, { 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__ */ (0, import_jsx_runtime35.jsx)(
+var AccordionContent2 = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   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__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
@@ -3259,7 +3533,7 @@ AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 // src/components/ui/alert.tsx
 var React19 = __toESM(require("react"), 1);
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority.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",
   {
@@ -3274,14 +3548,14 @@ var alertVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Alert = React19.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React19.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
 var AlertTitle = React19.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -3293,7 +3567,7 @@ var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var React20 = __toESM(require("react"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
   "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",
   {
@@ -3322,17 +3596,17 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
 var Button = React20.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -3344,9 +3618,9 @@ var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -3359,17 +3633,17 @@ var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime38.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(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__ */ (0, import_jsx_runtime38.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3386,8 +3660,8 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // src/components/ui/avatar.tsx
 var React22 = __toESM(require("react"), 1);
 var AvatarPrimitive2 = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -3396,9 +3670,9 @@ var Avatar2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AvatarPrimitive2.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(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__ */ (0, import_jsx_runtime39.jsx)(
+var AvatarFallback2 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -3410,7 +3684,7 @@ AvatarFallback2.displayName = AvatarPrimitive2.Fallback.displayName;
 
 // src/components/ui/badge.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
   "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",
   {
@@ -3428,18 +3702,18 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
   }
 );
 function Badge2({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/breadcrumb.tsx
 var React23 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var Breadcrumb = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var Breadcrumb = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "ol",
     {
       ref,
@@ -3453,16 +3727,16 @@ var BreadcrumbList = React23.forwardRef(
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 var BreadcrumbItem = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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 ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "span",
     {
       ref,
@@ -3475,9 +3749,9 @@ var BreadcrumbPage = React23.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
   "span",
   {
     role: "presentation",
@@ -3485,19 +3759,19 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/ui/calendar.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -3530,8 +3804,12 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        IconLeft: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" }),
-        IconRight: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
+        Chevron: ({ orientation, className: className2, ...chevronProps }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
+        }
       },
       ...props
     }
@@ -3541,35 +3819,35 @@ Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
 var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Card = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 var CardContent = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
 var CardFooter = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
 var React25 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var CarouselContext = React25.createContext(null);
 function useCarousel() {
   const context = React25.useContext(CarouselContext);
@@ -3631,7 +3909,7 @@ var Carousel = React25.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -3644,7 +3922,7 @@ var Carousel = React25.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "div",
           {
             ref,
@@ -3664,7 +3942,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
         ref,
@@ -3678,7 +3956,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
         ref,
@@ -3694,7 +3972,7 @@ CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React25.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       Button,
       {
         ref,
@@ -3709,8 +3987,8 @@ var CarouselPrevious = React25.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
@@ -3720,7 +3998,7 @@ CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React25.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       Button,
       {
         ref,
@@ -3735,8 +4013,8 @@ var CarouselNext = React25.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -3747,7 +4025,7 @@ CarouselNext.displayName = "CarouselNext";
 // src/components/ui/chart.tsx
 var React26 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React26.createContext(null);
 function useChart() {
@@ -3760,7 +4038,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__ */ (0, import_jsx_runtime45.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -3771,8 +4049,8 @@ var ChartContainer = React26.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -3783,7 +4061,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -3830,18 +4108,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__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime45.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         ref,
@@ -3851,19 +4129,19 @@ var ChartTooltipContent = React26.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "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__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -3878,7 +4156,7 @@ var ChartTooltipContent = React26.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -3886,11 +4164,11 @@ var ChartTooltipContent = React26.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -3911,7 +4189,7 @@ var ChartLegendContent = React26.forwardRef(({ className, hideIcon = false, payl
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       ref,
@@ -3919,12 +4197,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__ */ (0, import_jsx_runtime45.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
           "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__ */ (0, import_jsx_runtime45.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -3960,9 +4238,9 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // src/components/ui/checkbox.tsx
 var React27 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -3971,7 +4249,7 @@ var Checkbox = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -3985,18 +4263,18 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/components/ui/command.tsx
 var React29 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
 var React28 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime49 = require("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__ */ (0, import_jsx_runtime47.jsx)(
+var DialogOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -4008,9 +4286,9 @@ var DialogOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+var DialogContent = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -4021,20 +4299,20 @@ var DialogContent = React28.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(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__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(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__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react16.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive2.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime47.jsx)(
+var DialogTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -4043,12 +4321,12 @@ var DialogTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/command.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -4061,11 +4339,11 @@ var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime50.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(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__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react16.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react17.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -4078,7 +4356,7 @@ var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -4087,9 +4365,9 @@ var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -4101,9 +4379,9 @@ var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -4116,22 +4394,22 @@ var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
 var React30 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime51 = require("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__ */ (0, import_jsx_runtime49.jsxs)(
+var ContextMenuSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4143,12 +4421,12 @@ var ContextMenuSubTrigger = React30.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react17.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -4160,7 +4438,7 @@ var ContextMenuSubContent = React30.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -4172,7 +4450,7 @@ var ContextMenuContent = React30.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -4185,7 +4463,7 @@ var ContextMenuItem = React30.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4196,13 +4474,13 @@ var ContextMenuCheckboxItem = React30.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react17.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -4212,13 +4490,13 @@ var ContextMenuRadioItem = React30.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react17.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -4227,27 +4505,27 @@ var ContextMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(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__ */ (0, import_jsx_runtime49.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/drawer.tsx
 var React31 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Root, { shouldScaleBackground, ...props });
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_vaul.Drawer.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_vaul.Drawer.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
@@ -4257,18 +4535,18 @@ var DrawerContent = React31.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime50.jsx)(
+var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -4277,21 +4555,21 @@ var DrawerTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_vaul.Drawer.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/ui/dropdown-menu.tsx
 var React32 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_lucide_react19 = require("lucide-react");
+var import_jsx_runtime53 = require("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__ */ (0, import_jsx_runtime51.jsxs)(
+var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4303,12 +4581,12 @@ var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react19.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4320,7 +4598,7 @@ var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4333,7 +4611,7 @@ var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4346,7 +4624,7 @@ var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4357,13 +4635,13 @@ var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react19.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4373,13 +4651,13 @@ var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react18.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react19.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4388,10 +4666,10 @@ var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime51.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -4404,19 +4682,19 @@ var import_react_hook_form = require("react-hook-form");
 var React33 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label3 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label3 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
 var FormFieldContext = React34.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React34.useContext(FormFieldContext);
@@ -4440,19 +4718,19 @@ var FormItemContext = React34.createContext({});
 var FormItem = React34.forwardRef(
   ({ className, ...props }, ref) => {
     const id = React34.useId();
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(Label3, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       import_react_slot3.Slot,
       {
         ref,
@@ -4468,7 +4746,7 @@ FormControl.displayName = "FormControl";
 var FormDescription = React34.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
@@ -4479,7 +4757,7 @@ var FormMessage = React34.forwardRef(
     if (!body) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
@@ -4487,10 +4765,10 @@ FormMessage.displayName = "FormMessage";
 // src/components/ui/hover-card.tsx
 var React35 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React35.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var HoverCardContent = React35.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -4507,10 +4785,10 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
 var React36 = __toESM(require("react"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var Input = React36.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       "input",
       {
         type,
@@ -4529,10 +4807,10 @@ Input.displayName = "Input";
 // src/components/ui/input-otp.tsx
 var React37 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var InputOTP = React37.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -4544,13 +4822,13 @@ var InputOTP = React37.forwardRef(
 );
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React37.forwardRef(({ index, className, ...props }, ref) => {
   const inputOTPContext = React37.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       ref,
@@ -4562,28 +4840,28 @@ var InputOTPSlot = React37.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React37.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react19.Dot, {}) })
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react20.Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
 var React38 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
-var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime59 = require("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__ */ (0, import_jsx_runtime57.jsx)(
+var Menubar = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -4592,7 +4870,7 @@ var Menubar = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -4604,7 +4882,7 @@ var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -4616,12 +4894,12 @@ var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react20.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react21.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var MenubarSubContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -4633,7 +4911,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__ */ (0, import_jsx_runtime57.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var MenubarContent = React38.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.Content,
   {
     ref,
@@ -4648,7 +4926,7 @@ var MenubarContent = React38.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -4661,7 +4939,7 @@ var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -4672,13 +4950,13 @@ var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react20.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react21.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -4688,13 +4966,13 @@ var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react20.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react21.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -4703,10 +4981,10 @@ var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(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__ */ (0, import_jsx_runtime57.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
@@ -4714,9 +4992,9 @@ MenubarShortcut.displayname = "MenubarShortcut";
 var React39 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -4724,12 +5002,12 @@ var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -4742,7 +5020,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
   "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__ */ (0, import_jsx_runtime58.jsxs)(
+var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -4751,8 +5029,8 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        import_lucide_react21.ChevronDown,
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        import_lucide_react22.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
           "aria-hidden": "true"
@@ -4762,7 +5040,7 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -4775,7 +5053,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__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -4787,7 +5065,7 @@ var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -4796,16 +5074,16 @@ var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/pagination.tsx
 var React40 = __toESM(require("react"), 1);
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   "nav",
   {
     role: "navigation",
@@ -4816,12 +5094,12 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
 );
 Pagination.displayName = "Pagination";
 var PaginationContent = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -4836,29 +5114,29 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react22.ChevronLeft, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Previous" })
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react23.ChevronLeft, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Next" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react22.ChevronRight, { className: "h-4 w-4" })
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: "Next" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react23.ChevronRight, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react22.MoreHorizontal, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "More pages" })
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react23.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
 var React41 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React41.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var PopoverContent = React41.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -4876,14 +5154,14 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/ui/progress.tsx
 var React42 = __toESM(require("react"), 1);
 var ProgressPrimitive2 = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   ProgressPrimitive2.Root,
   {
     ref,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ProgressPrimitive2.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -4897,14 +5175,14 @@ Progress.displayName = ProgressPrimitive2.Root.displayName;
 // src/components/ui/radio-group.tsx
 var React43 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var RadioGroup4 = React43.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React43.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4913,17 +5191,17 @@ var RadioGroupItem = React43.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react23.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react24.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/ui/resizable.tsx
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -4935,7 +5213,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -4943,21 +5221,21 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react24.GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/scroll-area.tsx
 var React44 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var ScrollArea = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScrollBar, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScrollAreaPrimitive.Corner, {})
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var ScrollArea = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrollBar, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrollAreaPrimitive.Corner, {})
 ] }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4969,7 +5247,7 @@ var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -4977,12 +5255,12 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/ui/select.tsx
 var React45 = __toESM(require("react"), 1);
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_lucide_react26 = require("lucide-react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var Select2 = SelectPrimitive2.Root;
 var SelectGroup2 = SelectPrimitive2.Group;
 var SelectValue2 = SelectPrimitive2.Value;
-var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   SelectPrimitive2.Trigger,
   {
     ref,
@@ -4993,32 +5271,32 @@ var SelectTrigger2 = React45.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react26.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger2.displayName = SelectPrimitive2.Trigger.displayName;
-var SelectScrollUpButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var SelectScrollUpButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   SelectPrimitive2.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react26.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive2.ScrollUpButton.displayName;
-var SelectScrollDownButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var SelectScrollDownButton = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   SelectPrimitive2.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react26.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive2.ScrollDownButton.displayName;
-var SelectContent2 = React45.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectContent2 = React45.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   SelectPrimitive2.Content,
   {
     ref,
@@ -5030,8 +5308,8 @@ var SelectContent2 = React45.forwardRef(({ className, children, position = "popp
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         SelectPrimitive2.Viewport,
         {
           className: cn(
@@ -5041,14 +5319,14 @@ var SelectContent2 = React45.forwardRef(({ className, children, position = "popp
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent2.displayName = SelectPrimitive2.Content.displayName;
-var SelectLabel = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(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__ */ (0, import_jsx_runtime67.jsx)(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__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectItem2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   SelectPrimitive2.Item,
   {
     ref,
@@ -5058,20 +5336,20 @@ var SelectItem2 = React45.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive2.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react26.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectPrimitive2.ItemText, { children })
     ]
   }
 ));
 SelectItem2.displayName = SelectPrimitive2.Item.displayName;
-var SelectSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive2.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(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
 var React46 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var Separator5 = React46.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var Separator5 = React46.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -5086,14 +5364,14 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 // src/components/ui/sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 var React47 = __toESM(require("react"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("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__ */ (0, import_jsx_runtime67.jsx)(
+var SheetOverlay = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -5122,32 +5400,32 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
   }
 );
 var SheetContent = React47.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(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__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react26.X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(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__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react27.X, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime67.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(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__ */ (0, import_jsx_runtime67.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
 var React49 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 
 // src/hooks/use-mobile.tsx
 var React48 = __toESM(require("react"), 1);
@@ -5167,13 +5445,13 @@ function useIsMobile() {
 }
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Skeleton2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -5231,7 +5509,7 @@ var SidebarProvider = React49.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       style: {
@@ -5250,7 +5528,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__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -5261,7 +5539,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5271,11 +5549,11 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       ref,
@@ -5285,7 +5563,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             className: cn(
@@ -5296,7 +5574,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             className: cn(
@@ -5307,7 +5585,7 @@ var Sidebar = React49.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5325,7 +5603,7 @@ Sidebar.displayName = "Sidebar";
 var SidebarTrigger = React49.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       Button,
       {
         ref,
@@ -5339,8 +5617,8 @@ var SidebarTrigger = React49.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react27.PanelLeft, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react28.PanelLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
@@ -5350,7 +5628,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 var SidebarRail = React49.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "button",
       {
         ref,
@@ -5375,7 +5653,7 @@ var SidebarRail = React49.forwardRef(
 );
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "main",
     {
       ref,
@@ -5391,7 +5669,7 @@ var SidebarInset = React49.forwardRef(({ className, ...props }, ref) => {
 SidebarInset.displayName = "SidebarInset";
 var SidebarInput = React49.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Input,
       {
         ref,
@@ -5407,16 +5685,16 @@ var SidebarInput = React49.forwardRef(
 );
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime69.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Separator5,
       {
         ref,
@@ -5429,7 +5707,7 @@ var SidebarSeparator = React49.forwardRef(
 );
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       ref,
@@ -5444,7 +5722,7 @@ var SidebarContent = React49.forwardRef(({ className, ...props }, ref) => {
 });
 SidebarContent.displayName = "SidebarContent";
 var SidebarGroup = React49.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       ref,
@@ -5458,7 +5736,7 @@ SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React49.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Comp,
       {
         ref,
@@ -5477,7 +5755,7 @@ SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupAction = React49.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Comp,
       {
         ref,
@@ -5496,12 +5774,12 @@ var SidebarGroupAction = React49.forwardRef(
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
 var SidebarGroupContent = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime69.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
   "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",
@@ -5526,7 +5804,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
 var SidebarMenuButton = React49.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     Comp,
     {
       ref,
@@ -5545,15 +5823,15 @@ var SidebarMenuButton = React49.forwardRef(({ asChild = false, isActive = false,
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(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 ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     Comp,
     {
       ref,
@@ -5575,7 +5853,7 @@ var SidebarMenuAction = React49.forwardRef(({ className, asChild = false, showOn
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
 var SidebarMenuBadge = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       ref,
@@ -5598,7 +5876,7 @@ var SidebarMenuSkeleton = React49.forwardRef(({ className, showIcon = false, ...
   const width = React49.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       ref,
@@ -5606,8 +5884,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__ */ (0, import_jsx_runtime69.jsx)(Skeleton2, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Skeleton2, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           Skeleton2,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -5623,7 +5901,7 @@ var SidebarMenuSkeleton = React49.forwardRef(({ className, showIcon = false, ...
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
 var SidebarMenuSub = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "ul",
     {
       ref,
@@ -5638,11 +5916,11 @@ var SidebarMenuSub = React49.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var SidebarMenuSubButton = React49.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     Comp,
     {
       ref,
@@ -5666,31 +5944,62 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 // src/components/ui/slider.tsx
 var React50 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(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__ */ (0, import_jsx_runtime72.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(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
-var import_next_themes2 = require("next-themes");
+var React51 = __toESM(require("react"), 1);
 var import_sonner = require("sonner");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var Toaster = ({ ...props }) => {
-  const { theme = "system" } = (0, import_next_themes2.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_jsx_runtime73 = require("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__ */ (0, import_jsx_runtime73.jsx)(
     import_sonner.Toaster,
     {
-      theme,
+      theme: theme != null ? theme : resolvedTheme,
       className: "toaster group",
       toastOptions: {
         classNames: {
@@ -5706,10 +6015,10 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/switch.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var Switch2 = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   SwitchPrimitives2.Root,
   {
     className: cn(
@@ -5718,7 +6027,7 @@ var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       SwitchPrimitives2.Thumb,
       {
         className: cn(
@@ -5731,26 +6040,26 @@ var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Switch2.displayName = SwitchPrimitives2.Root.displayName;
 
 // src/components/ui/table.tsx
-var React52 = __toESM(require("react"), 1);
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var Table = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+var React53 = __toESM(require("react"), 1);
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var Table = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("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__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime73.jsx)(
+var TableRow = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "tr",
     {
       ref,
@@ -5760,8 +6069,8 @@ var TableRow = React52.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var TableHead = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "th",
     {
       ref,
@@ -5774,21 +6083,21 @@ var TableHead = React52.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime73.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/tabs.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Tabs2 = TabsPrimitive2.Root;
-var TabsList2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var TabsList2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   TabsPrimitive2.List,
   {
     ref,
@@ -5800,7 +6109,7 @@ var TabsList2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsList2.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var TabsTrigger2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -5812,7 +6121,7 @@ var TabsTrigger2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsTrigger2.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var TabsContent2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   TabsPrimitive2.Content,
   {
     ref,
@@ -5826,10 +6135,10 @@ var TabsContent2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PU
 TabsContent2.displayName = TabsPrimitive2.Content.displayName;
 
 // src/components/ui/textarea.tsx
-var React54 = __toESM(require("react"), 1);
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var Textarea = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+var React55 = __toESM(require("react"), 1);
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var Textarea = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "textarea",
     {
       className: cn(
@@ -5844,13 +6153,13 @@ var Textarea = React54.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/ui/toast.tsx
-var React55 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_lucide_react29 = require("lucide-react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ToastViewport = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -5876,11 +6185,11 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React55.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React56.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ToastAction = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -5892,7 +6201,7 @@ var ToastAction = React55.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ToastClose = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -5902,17 +6211,17 @@ var ToastClose = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react28.X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react29.X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/hooks/use-toast.ts
-var React56 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -6011,8 +6320,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);
@@ -6029,29 +6338,29 @@ function useToast() {
 }
 
 // src/components/ui/toaster.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-var React57 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "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",
   {
@@ -6072,22 +6381,22 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React57.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React58.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var ToggleGroupContext = React58.createContext({
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var ToggleGroupContext = React59.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React58.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React59.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(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__ */ (0, import_jsx_runtime79.jsx)(
+var ToggleGroupItem = React59.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React59.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -6104,136 +6413,6 @@ var ToggleGroupItem = React58.forwardRef(({ className, children, variant, size,
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-// src/lib/navigation.tsx
-var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var getMainNavItems = () => [
-  {
-    label: "In\xEDcio",
-    href: "/",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react29.Home, { className: "h-4 w-4" })
-  },
-  {
-    label: "Design System",
-    href: "/design-system",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react29.Layers, { className: "h-4 w-4" })
-  },
-  {
-    label: "Docs",
-    href: "/docs",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react29.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: []
-  }
-];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -6404,6 +6583,7 @@ var mainDockCategories = [
   Label,
   LoadingScreen,
   LoadingSpinner,
+  MainNavbar,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -6550,7 +6730,6 @@ var mainDockCategories = [
   buttonVariants,
   cn,
   getMainNavItems,
-  mainDockCategories,
   navigationMenuTriggerStyle,
   parseAssetId,
   responsiveSizeClasses,
@@ -6565,4 +6744,3 @@ var mainDockCategories = [
   useTelescupMeta,
   useToast
 });
-//# sourceMappingURL=index.cjs.map