@sreedev/my3dui 0.1.9 → 0.2.2

package/dist/index.cjs

@@ -295,6 +295,7 @@ __export(index_exports, {
   TableRow: () => TableRow,
   Tabs3D: () => Tabs3D,
   Textarea: () => Textarea,
+  ThemeProvider: () => ThemeProvider,
   Timeline3D: () => Timeline3D,
   Toast: () => Toast,
   ToastAction: () => ToastAction,
@@ -323,12 +324,67 @@ __export(index_exports, {
   sonnerToast: () => import_sonner.toast,
   toggleVariants: () => toggleVariants,
   useFormField: () => useFormField,
-  useSidebar: () => useSidebar
+  useSidebar: () => useSidebar,
+  useTheme: () => useTheme,
+  useThemeOptional: () => useThemeOptional
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/components/theme/ThemeProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var THEME_CLASSES = ["light", "dark", "neon", "glass", "corporate", "vibrant"];
+var STORAGE_KEY = "my3dui-theme";
+var ThemeContext = (0, import_react.createContext)(null);
+function ThemeProvider({
+  children,
+  defaultTheme = "light",
+  storageKey = STORAGE_KEY
+}) {
+  const [theme, setThemeState] = (0, import_react.useState)(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    try {
+      const stored = storageKey && localStorage.getItem(storageKey);
+      if (stored && THEME_CLASSES.includes(stored)) return stored;
+    } catch {
+    }
+    return defaultTheme;
+  });
+  const setTheme = (0, import_react.useCallback)(
+    (next) => {
+      setThemeState(next);
+      if (typeof document === "undefined") return;
+      const root = document.documentElement;
+      THEME_CLASSES.forEach((c) => root.classList.remove(c));
+      root.classList.add(next);
+      try {
+        if (storageKey) localStorage.setItem(storageKey, next);
+      } catch {
+      }
+    },
+    [storageKey]
+  );
+  (0, import_react.useEffect)(() => {
+    const root = document.documentElement;
+    THEME_CLASSES.forEach((c) => root.classList.remove(c));
+    root.classList.add(theme);
+  }, [theme]);
+  const value = (0, import_react.useMemo)(() => ({ theme, setTheme }), [theme, setTheme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const ctx = (0, import_react.useContext)(ThemeContext);
+  if (!ctx) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return ctx;
+}
+function useThemeOptional() {
+  return (0, import_react.useContext)(ThemeContext);
+}
+
 // src/components/layouts/container.tsx
-var import_react = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"), 1);
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -373,7 +429,7 @@ var zIndex = {
 };
 
 // src/components/layouts/container.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var sizeToMaxWidth = {
   sm: "max-w-3xl",
   md: "max-w-5xl",
@@ -382,7 +438,7 @@ var sizeToMaxWidth = {
   full: "max-w-full"
 };
 var responsivePadding = "px-4 sm:px-6 lg:px-8";
-var Container = import_react.default.forwardRef(
+var Container = import_react2.default.forwardRef(
   ({
     className,
     size = "lg",
@@ -396,7 +452,7 @@ var Container = import_react.default.forwardRef(
       paddingLeft: typeof padding === "number" ? getSpacing(padding) : padding,
       paddingRight: typeof padding === "number" ? getSpacing(padding) : padding
     } : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
       {
         ref,
@@ -415,8 +471,8 @@ var Container = import_react.default.forwardRef(
 Container.displayName = "Container";
 
 // src/components/layouts/grid.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react3 = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var gridColsClasses = {
   1: "grid-cols-1",
   2: "grid-cols-2",
@@ -438,13 +494,13 @@ var responsiveGridCols = {
   xl: { 1: "xl:grid-cols-1", 2: "xl:grid-cols-2", 3: "xl:grid-cols-3", 4: "xl:grid-cols-4", 5: "xl:grid-cols-5", 6: "xl:grid-cols-6", 7: "xl:grid-cols-7", 8: "xl:grid-cols-8", 9: "xl:grid-cols-9", 10: "xl:grid-cols-10", 11: "xl:grid-cols-11", 12: "xl:grid-cols-12" },
   "2xl": { 1: "2xl:grid-cols-1", 2: "2xl:grid-cols-2", 3: "2xl:grid-cols-3", 4: "2xl:grid-cols-4", 5: "2xl:grid-cols-5", 6: "2xl:grid-cols-6", 7: "2xl:grid-cols-7", 8: "2xl:grid-cols-8", 9: "2xl:grid-cols-9", 10: "2xl:grid-cols-10", 11: "2xl:grid-cols-11", 12: "2xl:grid-cols-12" }
 };
-var Grid = import_react2.default.forwardRef(
+var Grid = import_react3.default.forwardRef(
   ({ className, cols = 1, gap = 4, minColWidth, style, ...props }, ref) => {
     const gapValue = typeof gap === "number" ? getSpacing(gap) : gap;
     if (typeof cols === "number") {
       const gridTemplateColumns = cols > 12 || minColWidth ? { gridTemplateColumns: minColWidth ?? `repeat(${cols}, minmax(0, 1fr))` } : {};
       const gridClass = cols >= 1 && cols <= 12 ? gridColsClasses[cols] : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           ref,
@@ -466,7 +522,7 @@ var Grid = import_react2.default.forwardRef(
         responsiveStyle.gridTemplateColumns = `repeat(${val}, minmax(0, 1fr))`;
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         ref,
@@ -480,8 +536,8 @@ var Grid = import_react2.default.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/layouts/stack.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react4 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var alignMap = {
   start: "items-start",
   center: "items-center",
@@ -497,7 +553,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = import_react3.default.forwardRef(
+var Stack = import_react4.default.forwardRef(
   ({
     className,
     direction = "col",
@@ -511,7 +567,7 @@ var Stack = import_react3.default.forwardRef(
   }, ref) => {
     const directionClass = direction === "col" ? "flex-col" : direction === "row" ? "flex-row" : direction === "col-reverse" ? "flex-col-reverse" : "flex-row-reverse";
     const gapValue = typeof gap === "number" ? getSpacing(gap) : gap;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
         ref,
@@ -533,15 +589,15 @@ var Stack = import_react3.default.forwardRef(
 Stack.displayName = "Stack";
 
 // src/components/layouts/section.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react5 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var backgroundClasses = {
   default: "bg-background text-foreground",
   muted: "bg-muted text-muted-foreground",
   brand: "bg-primary text-primary-foreground",
   glass: "bg-background/80 backdrop-blur-sm border-y border-border/50"
 };
-var Section = import_react4.default.forwardRef(
+var Section = import_react5.default.forwardRef(
   ({
     className,
     children,
@@ -558,8 +614,8 @@ var Section = import_react4.default.forwardRef(
       paddingTop: typeof paddingY === "number" ? getSpacing(paddingY) : paddingY,
       paddingBottom: typeof paddingY === "number" ? getSpacing(paddingY) : paddingY
     };
-    const content = fullWidth ? children : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { size: containerSize, children });
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    const content = fullWidth ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container, { size: containerSize, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Component,
       {
         ref,
@@ -579,14 +635,14 @@ var Section = import_react4.default.forwardRef(
 Section.displayName = "Section";
 
 // src/components/layouts/page-layout.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react6 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function getSidebarWidth(w) {
   if (w === void 0) return "16rem";
   if (typeof w === "number") return `${w * 0.25}rem`;
   return w;
 }
-var PageLayout = import_react5.default.forwardRef(
+var PageLayout = import_react6.default.forwardRef(
   ({
     className,
     header,
@@ -600,14 +656,14 @@ var PageLayout = import_react5.default.forwardRef(
   }, ref) => {
     const width = getSidebarWidth(sidebarWidth);
     const minHeightClass = minHeight === "screen" ? "min-h-screen" : minHeight === "full" ? "min-h-full" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "div",
       {
         ref,
         className: cn("flex flex-col", minHeightClass, className),
         ...props,
         children: [
-          header && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          header && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "header",
             {
               className: "sticky top-0 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
@@ -615,8 +671,8 @@ var PageLayout = import_react5.default.forwardRef(
               children: header
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 flex min-h-0", children: [
-            sidebar && sidebarPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 flex min-h-0", children: [
+            sidebar && sidebarPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "aside",
               {
                 className: "shrink-0 border-r bg-muted/40 p-4",
@@ -624,8 +680,8 @@ var PageLayout = import_react5.default.forwardRef(
                 children: sidebar
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { className: "flex-1 min-w-0", children }),
-            sidebar && sidebarPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { className: "flex-1 min-w-0", children }),
+            sidebar && sidebarPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "aside",
               {
                 className: "shrink-0 border-l bg-muted/40 p-4",
@@ -634,7 +690,7 @@ var PageLayout = import_react5.default.forwardRef(
               }
             )
           ] }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("footer", { className: "border-t bg-muted/40 shrink-0", children: footer })
+          footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "border-t bg-muted/40 shrink-0", children: footer })
         ]
       }
     );
@@ -643,9 +699,9 @@ var PageLayout = import_react5.default.forwardRef(
 PageLayout.displayName = "PageLayout";
 
 // src/components/layouts/stage.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_drei = require("@react-three/drei");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function getPresetLights(preset) {
   switch (preset) {
     case "portrait":
@@ -678,13 +734,13 @@ function Stage({
   environment = "city",
   shadows = true
 }) {
-  const lights = (0, import_react6.useMemo)(
+  const lights = (0, import_react7.useMemo)(
     () => getPresetLights(preset),
     [preset]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ambientLight", { intensity: intensity * 0.5 }),
-    lights.map((light, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ambientLight", { intensity: intensity * 0.5 }),
+    lights.map((light, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "directionalLight",
       {
         position: light.pos,
@@ -695,15 +751,15 @@ function Stage({
       },
       i
     )),
-    environment && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_drei.Environment, { preset: environment }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("group", { children })
+    environment && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_drei.Environment, { preset: environment }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("group", { children })
   ] });
 }
 
 // src/components/layouts/viewport.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_fiber = require("@react-three/fiber");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Viewport({
   children,
   className,
@@ -711,12 +767,12 @@ function Viewport({
   fallback = null,
   dpr = [1, 2]
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       className: cn("relative w-full overflow-hidden rounded-xl bg-muted/20", className),
       style: { aspectRatio: aspect },
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react7.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         import_fiber.Canvas,
         {
           dpr,
@@ -736,18 +792,18 @@ function Viewport({
 }
 
 // src/components/layouts/container3d.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Container3D({
   children,
   direction = "row",
   gap = 1,
   align = "center"
 }) {
-  const groupRef = (0, import_react8.useRef)(null);
-  const childArray = import_react8.Children.toArray(children);
+  const groupRef = (0, import_react9.useRef)(null);
+  const childArray = import_react9.Children.toArray(children);
   const count2 = childArray.length;
-  const positions = (0, import_react8.useMemo)(() => {
+  const positions = (0, import_react9.useMemo)(() => {
     const pos = [];
     const cols = Math.ceil(Math.sqrt(count2));
     let totalWidth = 0;
@@ -780,20 +836,20 @@ function Container3D({
     }
     return pos;
   }, [count2, direction, gap, align]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("group", { ref: groupRef, children: childArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("group", { position: positions[index], children: child }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("group", { ref: groupRef, children: childArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("group", { position: positions[index], children: child }, index)) });
 }
 
 // src/components/layouts/grid3d.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_drei2 = require("@react-three/drei");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Grid3D({
   cellSize = 1,
   cellColor = "#6f6f6f",
   fadeDistance = 50,
   infiniteGrid = true
 }) {
-  const config = (0, import_react9.useMemo)(() => ({
+  const config = (0, import_react10.useMemo)(() => ({
     cellSize,
     cellThickness: 0.5,
     cellColor,
@@ -805,7 +861,7 @@ function Grid3D({
     followCamera: infiniteGrid,
     infiniteGrid
   }), [cellSize, cellColor, fadeDistance, infiniteGrid]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_drei2.Grid,
     {
       position: [0, -0.01, 0],
@@ -816,9 +872,9 @@ function Grid3D({
 }
 
 // src/components/layouts/camera-controller.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_drei3 = require("@react-three/drei");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function CameraController({
   mode = "orbit",
   damping = 0.05,
@@ -826,10 +882,10 @@ function CameraController({
   maxDistance = 100,
   autoRotate = false
 }) {
-  const controlsRef = (0, import_react10.useRef)(null);
+  const controlsRef = (0, import_react11.useRef)(null);
   switch (mode) {
     case "fly":
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_drei3.FlyControls,
         {
           ref: controlsRef,
@@ -838,7 +894,7 @@ function CameraController({
         }
       );
     case "first-person":
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_drei3.FirstPersonControls,
         {
           ref: controlsRef,
@@ -848,7 +904,7 @@ function CameraController({
       );
     case "orbit":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_drei3.OrbitControls,
         {
           ref: controlsRef,
@@ -864,7 +920,7 @@ function CameraController({
 }
 
 // src/components/layouts/scene3d.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Scene3D({
   children,
   className,
@@ -872,21 +928,21 @@ function Scene3D({
   background = "transparent",
   fog = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("group", { children: [
-    background && background !== "transparent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("color", { attach: "background", args: [background] }),
-    fog && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("fog", { attach: "fog", args: ["#000", 5, 30] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ambientLight", { intensity: 0.5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("pointLight", { position: [10, 10, 10], intensity: 1, castShadow: true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("group", { children: [
+    background && background !== "transparent" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("color", { attach: "background", args: [background] }),
+    fog && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("fog", { attach: "fog", args: ["#000", 5, 30] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ambientLight", { intensity: 0.5 }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pointLight", { position: [10, 10, 10], intensity: 1, castShadow: true }),
     children
   ] });
 }
 
 // src/components/ui/button3d.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_framer_motion = require("framer-motion");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   [
     "relative inline-flex items-center justify-center gap-2",
@@ -897,29 +953,18 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
   {
     variants: {
       variant: {
-        /* ===============================
-           Core System
-        =============================== */
-        primary: "bg-indigo-600 text-white border-b-4 border-indigo-800 hover:bg-indigo-500 active:border-b-0 active:translate-y-1 focus-visible:ring-indigo-400",
-        secondary: "bg-slate-100 text-slate-900 border-b-4 border-slate-300 hover:bg-slate-200 active:border-b-0 active:translate-y-1 dark:bg-slate-800 dark:text-white dark:border-slate-950 focus-visible:ring-slate-400",
-        accent: "bg-teal-500 text-white border-b-4 border-teal-700 hover:bg-teal-400 active:border-b-0 active:translate-y-1 focus-visible:ring-teal-400",
-        destructive: "bg-rose-600 text-white border-b-4 border-rose-800 hover:bg-rose-500 active:border-b-0 active:translate-y-1 focus-visible:ring-rose-400",
-        /* ===============================
-           Outline / Minimal
-        =============================== */
-        outline: "border-2 border-slate-300 text-slate-800 hover:bg-slate-100/70 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800/60 focus-visible:ring-slate-400",
-        ghost: "bg-transparent text-slate-700 hover:bg-slate-100/80 dark:text-slate-300 dark:hover:bg-slate-800/70 focus-visible:ring-slate-400",
-        soft: "bg-indigo-100 text-indigo-800 hover:bg-indigo-200/80 dark:bg-indigo-900/40 dark:text-indigo-200 dark:hover:bg-indigo-900/60 focus-visible:ring-indigo-400",
-        /* ===============================
-           Glass / Effects
-        =============================== */
-        glass: "bg-white/15 backdrop-blur-xl border border-white/25 text-white shadow-lg hover:bg-white/25 focus-visible:ring-white/50",
-        gradient: "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white shadow-md hover:brightness-110 focus-visible:ring-purple-400",
-        neon: "bg-black text-cyan-300 border border-cyan-400 shadow-[0_0_25px_rgba(34,211,238,0.6)] hover:shadow-[0_0_35px_rgba(34,211,238,0.8)] focus-visible:ring-cyan-400",
-        /* ===============================
-           Link
-        =============================== */
-        link: "bg-transparent text-indigo-600 p-0 h-auto underline-offset-4 hover:underline dark:text-indigo-400 focus-visible:ring-indigo-400"
+        /* Token-based; works across light, dark, neon, glass, corporate, vibrant */
+        primary: "bg-primary text-primary-foreground border-b-4 border-primary/80 hover:bg-primary/90 active:border-b-0 active:translate-y-1 focus-visible:ring-ring",
+        secondary: "bg-secondary text-secondary-foreground border-b-4 border-border hover:bg-secondary/80 active:border-b-0 active:translate-y-1 focus-visible:ring-ring",
+        accent: "bg-accent text-accent-foreground border-b-4 border-accent/80 hover:bg-accent/90 active:border-b-0 active:translate-y-1 focus-visible:ring-ring",
+        destructive: "bg-destructive text-destructive-foreground border-b-4 border-destructive/80 hover:bg-destructive/90 active:border-b-0 active:translate-y-1 focus-visible:ring-destructive",
+        outline: "border-2 border-border bg-transparent text-foreground hover:bg-muted/70 active:border-b-0 active:translate-y-0 focus-visible:ring-ring",
+        ghost: "bg-transparent text-foreground hover:bg-muted/80 active:border-b-0 active:translate-y-0 focus-visible:ring-ring",
+        soft: "bg-primary/20 text-foreground border border-border hover:bg-primary/30 active:border-b-0 active:translate-y-1 focus-visible:ring-ring",
+        glass: "bg-background/15 backdrop-blur-xl border border-border text-foreground shadow-soft hover:bg-background/25 focus-visible:ring-ring/50",
+        gradient: "bg-gradient-to-r from-primary via-accent to-destructive text-primary-foreground border-0 shadow-soft hover:brightness-110 focus-visible:ring-ring",
+        neon: "bg-background text-accent border border-accent shadow-glow hover:shadow-glow hover:brightness-110 focus-visible:ring-ring",
+        link: "bg-transparent text-primary p-0 h-auto underline-offset-4 hover:underline focus-visible:ring-ring"
       },
       /* ===============================
          Size
@@ -948,7 +993,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button3D = React10.forwardRef(
+var Button3D = React11.forwardRef(
   ({
     className,
     variant,
@@ -971,18 +1016,16 @@ var Button3D = React10.forwardRef(
       ...textColor && { color: textColor },
       ...borderColor && { borderColor }
     };
-    const glowStyle = glow ? {
-      boxShadow: `0 0 25px ${bgColor || "rgba(59,130,246,0.6)"}`
-    } : {};
-    const content = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    const glowStyle = glow ? { boxShadow: "var(--shadow-glow, 0 0 25px rgb(var(--color-primary) / 0.4))" } : {};
+    const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "svg",
         {
           className: "h-4 w-4 animate-spin",
           viewBox: "0 0 24 24",
           fill: "none",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "circle",
               {
                 cx: "12",
@@ -993,7 +1036,7 @@ var Button3D = React10.forwardRef(
                 className: "opacity-25"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "path",
               {
                 fill: "currentColor",
@@ -1004,7 +1047,7 @@ var Button3D = React10.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children })
     ] });
     const classes = cn(
       buttonVariants({ variant, size, rounded }),
@@ -1012,7 +1055,7 @@ var Button3D = React10.forwardRef(
       className
     );
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         import_react_slot.Slot,
         {
           ref,
@@ -1034,7 +1077,7 @@ var Button3D = React10.forwardRef(
       onAnimationEnd,
       ...safeProps
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_framer_motion.motion.button,
       {
         ref,
@@ -1059,9 +1102,9 @@ var Button3D = React10.forwardRef(
 Button3D.displayName = "Button3D";
 
 // src/components/ui/card3d.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_framer_motion2 = require("framer-motion");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Card3D({
   children,
   className,
@@ -1070,7 +1113,7 @@ function Card3D({
   disableTilt = false,
   ...props
 }) {
-  const ref = (0, import_react11.useRef)(null);
+  const ref = (0, import_react12.useRef)(null);
   const x = (0, import_framer_motion2.useMotionValue)(0);
   const y = (0, import_framer_motion2.useMotionValue)(0);
   const mouseX = (0, import_framer_motion2.useSpring)(x, { stiffness: 150, damping: 15 });
@@ -1118,7 +1161,7 @@ function Card3D({
         return 40;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_framer_motion2.motion.div,
     {
       ref,
@@ -1130,7 +1173,7 @@ function Card3D({
       },
       className: cn("relative group cursor-pointer", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         import_framer_motion2.motion.div,
         {
           style: {
@@ -1143,7 +1186,7 @@ function Card3D({
             getVariantStyles()
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "div",
               {
                 className: "absolute inset-0 rounded-xl bg-black/10 dark:bg-black/40 blur-xl transition-all duration-300 -z-20",
@@ -1153,8 +1196,8 @@ function Card3D({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { transform: "translateZ(20px)" }, children }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { transform: "translateZ(20px)" }, children }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "div",
               {
                 className: "absolute inset-0 rounded-xl pointer-events-none bg-gradient-to-tr from-white/0 via-white/10 to-white/0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 will-change-transform",
@@ -1169,10 +1212,10 @@ function Card3D({
 }
 
 // src/components/ui/accordion3d.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_framer_motion3 = require("framer-motion");
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Accordion3D = ({
   items,
   className,
@@ -1180,7 +1223,7 @@ var Accordion3D = ({
   defaultOpenIndex = null,
   allowMultiple = false
 }) => {
-  const [openIndexes, setOpenIndexes] = (0, import_react12.useState)(
+  const [openIndexes, setOpenIndexes] = (0, import_react13.useState)(
     defaultOpenIndex !== null ? [defaultOpenIndex] : []
   );
   const toggleItem = (index) => {
@@ -1220,16 +1263,16 @@ var Accordion3D = ({
         return "bg-slate-900/10 dark:bg-black/40";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("flex flex-col gap-4 w-full max-w-2xl mx-auto", className), children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("flex flex-col gap-4 w-full max-w-2xl mx-auto", className), children: items.map((item, index) => {
     const isOpen = openIndexes.includes(index);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       import_framer_motion3.motion.div,
       {
         initial: false,
         animate: isOpen ? "open" : "closed",
         className: "relative group perspective-[1000px] z-0",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             import_framer_motion3.motion.div,
             {
               className: cn(
@@ -1249,7 +1292,7 @@ var Accordion3D = ({
               transition: { duration: 0.2 }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             import_framer_motion3.motion.div,
             {
               className: cn(
@@ -1267,38 +1310,38 @@ var Accordion3D = ({
                 closed: { y: 0 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                   "button",
                   {
                     onClick: () => toggleItem(index),
                     className: "w-full flex items-center justify-between p-5 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 rounded-xl",
                     "aria-expanded": isOpen,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-4", children: [
-                        item.icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-4", children: [
+                        item.icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "div",
                           {
                             className: cn(
                               "flex items-center justify-center w-10 h-10 rounded-lg bg-gradient-to-br transition-all duration-500 shadow-inner",
                               variant === "neon" ? "from-cyan-500/20 to-blue-600/20 text-cyan-400" : variant === "solid" ? "from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 text-slate-600 dark:text-slate-300" : "from-white/50 to-white/10 dark:from-white/10 dark:to-white/5 text-slate-700 dark:text-slate-200"
                             ),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn("transition-transform duration-300", isOpen ? "scale-110" : "scale-100"), children: item.icon })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("transition-transform duration-300", isOpen ? "scale-110" : "scale-100"), children: item.icon })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn(
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn(
                             "text-lg font-semibold tracking-tight transition-colors",
                             isOpen ? "opacity-100" : "opacity-80 group-hover:opacity-100"
                           ), children: item.title }),
-                          isOpen && item.value && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-xs opacity-60 font-mono", children: item.value })
+                          isOpen && item.value && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs opacity-60 font-mono", children: item.value })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(
                           "w-2 h-2 rounded-full transition-all duration-500",
                           isOpen ? variant === "neon" ? "bg-cyan-400 shadow-[0_0_10px_#22d3ee]" : "bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.4)]" : "bg-slate-400/30"
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           import_framer_motion3.motion.div,
                           {
                             variants: {
@@ -1310,14 +1353,14 @@ var Accordion3D = ({
                               "p-1 rounded-full",
                               variant === "neon" ? "text-cyan-400" : "text-slate-500 dark:text-slate-400"
                             ),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react.ChevronDown, { className: "w-5 h-5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react.ChevronDown, { className: "w-5 h-5" })
                           }
                         )
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_framer_motion3.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_framer_motion3.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   import_framer_motion3.motion.div,
                   {
                     initial: "collapsed",
@@ -1331,7 +1374,7 @@ var Accordion3D = ({
                       duration: 0.4,
                       ease: [0.04, 0.62, 0.23, 0.98]
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-5 pb-6 pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-5 pb-6 pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                       import_framer_motion3.motion.div,
                       {
                         initial: { opacity: 0 },
@@ -1339,15 +1382,15 @@ var Accordion3D = ({
                         transition: { delay: 0.1, duration: 0.3 },
                         className: "relative",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-px w-full bg-gradient-to-r from-transparent via-current to-transparent opacity-10 mb-5" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-base sm:text-[15px] opacity-80 leading-relaxed font-normal pl-14", children: item.content })
+                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-px w-full bg-gradient-to-r from-transparent via-current to-transparent opacity-10 mb-5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-base sm:text-[15px] opacity-80 leading-relaxed font-normal pl-14", children: item.content })
                         ]
                       }
                     ) })
                   },
                   "content"
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   "div",
                   {
                     className: "absolute inset-0 pointer-events-none bg-gradient-to-tr from-white/0 via-white/5 to-white/0 opacity-0 group-hover:opacity-100 transition-opacity duration-700",
@@ -1365,10 +1408,10 @@ var Accordion3D = ({
 };
 
 // src/components/ui/badge3d.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Badge3D = import_react13.default.forwardRef(
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Badge3D = import_react14.default.forwardRef(
   ({ className, variant = "default", size = "md", pulse = false, children, ...props }, ref) => {
     const variants = {
       default: "bg-primary text-primary-foreground border-b-2 border-primary/80 shadow-sm",
@@ -1383,7 +1426,7 @@ var Badge3D = import_react13.default.forwardRef(
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_framer_motion4.motion.div,
       {
         ref,
@@ -1405,15 +1448,15 @@ var Badge3D = import_react13.default.forwardRef(
 Badge3D.displayName = "Badge3D";
 
 // src/components/ui/input3d.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 var import_framer_motion5 = require("framer-motion");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Input3D = import_react14.default.forwardRef(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Input3D = import_react15.default.forwardRef(
   ({ className, label, error, icon, type = "text", ...props }, ref) => {
-    const [isFocused, setIsFocused] = (0, import_react14.useState)(false);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-full space-y-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "text-sm font-medium text-foreground", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    const [isFocused, setIsFocused] = (0, import_react15.useState)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full space-y-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-sm font-medium text-foreground", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         import_framer_motion5.motion.div,
         {
           animate: {
@@ -1422,8 +1465,8 @@ var Input3D = import_react14.default.forwardRef(
           transition: { type: "spring", stiffness: 300, damping: 20 },
           className: "relative",
           children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            icon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "input",
               {
                 ref,
@@ -1448,16 +1491,16 @@ var Input3D = import_react14.default.forwardRef(
           ]
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-red-500", children: error })
     ] });
   }
 );
 Input3D.displayName = "Input3D";
 
 // src/components/ui/slider3d.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_framer_motion6 = require("framer-motion");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Slider3D({
   value: controlledValue,
   defaultValue = 50,
@@ -1470,7 +1513,7 @@ function Slider3D({
   className,
   disabled = false
 }) {
-  const [internalValue, setInternalValue] = (0, import_react15.useState)(defaultValue);
+  const [internalValue, setInternalValue] = (0, import_react16.useState)(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : internalValue;
   const handleChange = (e) => {
@@ -1479,14 +1522,14 @@ function Slider3D({
     onChange?.(newValue);
   };
   const percentage = (value - min) / (max - min) * 100;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-sm font-medium", children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-mono text-muted-foreground", children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "text-sm font-medium", children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-mono text-muted-foreground", children: value })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-3 w-full rounded-full bg-slate-200 dark:bg-slate-800 border-b-2 border-slate-300 dark:border-slate-900 shadow-inner" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-3 w-full rounded-full bg-slate-200 dark:bg-slate-800 border-b-2 border-slate-300 dark:border-slate-900 shadow-inner" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_framer_motion6.motion.div,
         {
           className: "absolute top-0 left-0 h-3 rounded-full bg-primary border-b-2 border-primary/80",
@@ -1496,7 +1539,7 @@ function Slider3D({
           transition: { type: "spring", stiffness: 300, damping: 30 }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "input",
         {
           type: "range",
@@ -1509,7 +1552,7 @@ function Slider3D({
           className: "absolute top-0 left-0 w-full h-3 opacity-0 cursor-pointer disabled:cursor-not-allowed"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_framer_motion6.motion.div,
         {
           className: cn(
@@ -1526,9 +1569,9 @@ function Slider3D({
 }
 
 // src/components/ui/tabs3d.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_framer_motion7 = require("framer-motion");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Tabs3D({
   tabs,
   defaultValue,
@@ -1537,7 +1580,7 @@ function Tabs3D({
   className,
   variant = "default"
 }) {
-  const [internalValue, setInternalValue] = (0, import_react16.useState)(defaultValue || tabs[0]?.value);
+  const [internalValue, setInternalValue] = (0, import_react17.useState)(defaultValue || tabs[0]?.value);
   const isControlled = controlledValue !== void 0;
   const activeValue = isControlled ? controlledValue : internalValue;
   const handleTabChange = (value) => {
@@ -1546,8 +1589,8 @@ function Tabs3D({
   };
   const activeTab = tabs.find((tab) => tab.value === activeValue);
   const activeIndex = tabs.findIndex((tab) => tab.value === activeValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: cn(
@@ -1558,7 +1601,7 @@ function Tabs3D({
         ),
         children: tabs.map((tab, index) => {
           const isActive = tab.value === activeValue;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "button",
             {
               onClick: () => handleTabChange(tab.value),
@@ -1577,11 +1620,11 @@ function Tabs3D({
                 ]
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex items-center gap-2", children: [
                   tab.icon,
                   tab.label
                 ] }),
-                isActive && variant === "default" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                isActive && variant === "default" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   import_framer_motion7.motion.div,
                   {
                     layoutId: "activeTab",
@@ -1596,7 +1639,7 @@ function Tabs3D({
         })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_framer_motion7.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_framer_motion7.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_framer_motion7.motion.div,
       {
         initial: { opacity: 0, y: 10 },
@@ -1611,59 +1654,76 @@ function Tabs3D({
 }
 
 // src/components/ui/toggle3d.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_framer_motion8 = require("framer-motion");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function Toggle3D({
-  checked: controlledChecked,
-  defaultChecked = false,
-  onChange,
-  disabled = false,
-  variant = "pill",
-  label
-}) {
-  const [internalChecked, setInternalChecked] = (0, import_react17.useState)(defaultChecked);
-  const isControlled = controlledChecked !== void 0;
-  const isChecked = isControlled ? controlledChecked : internalChecked;
-  const handleToggle = () => {
-    if (disabled) return;
-    const newChecked = !isChecked;
-    if (!isControlled) setInternalChecked(newChecked);
-    onChange?.(newChecked);
-  };
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "neon":
-        return isChecked ? "bg-slate-900 border border-cyan-500/50 shadow-[0_0_15px_rgba(6,182,212,0.4)]" : "bg-slate-900 border border-slate-700";
-      case "glass":
-        return "bg-white/20 backdrop-blur-md border border-white/30 shadow-inner";
-      case "pill":
-      default:
-        return isChecked ? "bg-primary shadow-inner" : "bg-slate-200 dark:bg-slate-700 shadow-inner";
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-      "button",
-      {
-        onClick: handleToggle,
-        className: cn(
-          "relative h-8 w-14 rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          disabled && "opacity-50 cursor-not-allowed",
-          getVariantStyles()
-        ),
-        role: "switch",
-        "aria-checked": isChecked,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Toggle3D = (0, import_react18.forwardRef)(
+  ({
+    checked: controlledChecked,
+    defaultChecked = false,
+    onChange,
+    disabled = false,
+    variant = "pill",
+    label
+  }, ref) => {
+    const [internalChecked, setInternalChecked] = (0, import_react18.useState)(defaultChecked);
+    const isControlled = controlledChecked !== void 0;
+    const isChecked = isControlled ? controlledChecked : internalChecked;
+    const handleToggle = () => {
+      if (disabled) return;
+      const newChecked = !isChecked;
+      if (!isControlled) {
+        setInternalChecked(newChecked);
+      }
+      onChange?.(newChecked);
+    };
+    const getVariantStyles = () => {
+      switch (variant) {
+        case "neon":
+          return isChecked ? "bg-black border border-cyan-400 shadow-[0_0_15px_rgba(34,211,238,0.4)]" : "bg-black border border-slate-700";
+        case "glass":
+          return "bg-white/20 backdrop-blur-md border border-white/30";
+        case "pill":
+        default:
+          return isChecked ? "bg-primary" : "bg-muted";
+      }
+    };
+    const toggleWidth = 56;
+    const knobSize = 24;
+    const padding = 4;
+    const travel = toggleWidth - knobSize - padding * 2;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "button",
+        {
+          ref,
+          type: "button",
+          role: "switch",
+          "aria-checked": isChecked,
+          "aria-disabled": disabled,
+          disabled,
+          onClick: handleToggle,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleToggle();
+            }
+          },
+          className: cn(
+            "relative h-8 w-14 rounded-full transition-colors",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            disabled && "opacity-50 cursor-not-allowed",
+            getVariantStyles()
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_framer_motion8.motion.div,
             {
               className: cn(
-                "absolute top-1 left-1 h-6 w-6 rounded-full shadow-md z-10",
+                "absolute top-1 left-1 h-6 w-6 rounded-full shadow-md",
                 variant === "neon" && isChecked ? "bg-cyan-400 shadow-[0_0_10px_#22d3ee]" : "bg-white"
               ),
               animate: {
-                x: isChecked ? 24 : 0,
+                x: isChecked ? travel : 0,
                 scale: disabled ? 0.9 : 1
               },
               transition: {
@@ -1672,28 +1732,20 @@ function Toggle3D({
                 damping: 30
               }
             }
-          ),
-          variant !== "neon" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            "div",
-            {
-              className: cn(
-                "absolute inset-0 rounded-full border-b-[3px] border-black/5 pointer-events-none",
-                isChecked ? "border-black/10" : "border-black/5"
-              )
-            }
           )
-        ]
-      }
-    ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium", children: label })
-  ] });
-}
+        }
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium", children: label })
+    ] });
+  }
+);
+Toggle3D.displayName = "Toggle3D";
 
 // src/components/ui/modal3d.tsx
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react2 = require("lucide-react");
 var import_framer_motion9 = require("framer-motion");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Modal3D({
   open,
   onOpenChange,
@@ -1703,10 +1755,10 @@ function Modal3D({
   description,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Root, { open, onOpenChange, children: [
-    trigger && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_framer_motion9.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Overlay, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive.Root, { open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_framer_motion9.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive.Overlay, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_framer_motion9.motion.div,
         {
           initial: { opacity: 0 },
@@ -1715,7 +1767,7 @@ function Modal3D({
           className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         import_framer_motion9.motion.div,
         {
           initial: { opacity: 0, scale: 0.95, y: 10 },
@@ -1728,14 +1780,14 @@ function Modal3D({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: [
-              title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Description, { className: "text-sm text-muted-foreground", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive.Description, { className: "text-sm text-muted-foreground", children: description })
             ] }),
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react2.X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react2.X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Close" })
             ] })
           ]
         }
@@ -1745,9 +1797,9 @@ function Modal3D({
 }
 
 // src/components/ui/menu3d.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Menu3D({
   trigger,
   align = "end",
@@ -1761,9 +1813,9 @@ function Menu3D({
       );
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DropdownMenuPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       DropdownMenuPrimitive.Content,
       {
         align,
@@ -1778,7 +1830,7 @@ function Menu3D({
           "data-[side=left]:slide-in-from-right-2",
           "data-[side=right]:slide-in-from-left-2"
         ),
-        children: items?.length ? items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        children: items?.length ? items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           DropdownMenuPrimitive.Item,
           {
             disabled: item.disabled,
@@ -1792,8 +1844,8 @@ function Menu3D({
               item.danger && "text-red-500"
             ),
             children: [
-              item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: item.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.label })
+              item.icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-muted-foreground", children: item.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item.label })
             ]
           },
           i
@@ -1802,7 +1854,7 @@ function Menu3D({
     ) })
   ] });
 }
-var Menu3DItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var Menu3DItem = React19.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1818,7 +1870,7 @@ var Menu3DItem = React18.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 Menu3DItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var Menu3DLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var Menu3DLabel = React19.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1831,7 +1883,7 @@ var Menu3DLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 Menu3DLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var Menu3DSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var Menu3DSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1846,7 +1898,7 @@ Menu3DSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 
 // src/components/ui/tooltip3d.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Tooltip3D({
   content,
   children,
@@ -1854,9 +1906,9 @@ function Tooltip3D({
   align = "center",
   delayDuration = 200
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipPrimitive.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -1867,7 +1919,7 @@ function Tooltip3D({
         ),
         children: [
           content,
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Arrow, { className: "fill-slate-900 dark:fill-slate-100" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipPrimitive.Arrow, { className: "fill-slate-900 dark:fill-slate-100" })
         ]
       }
     )
@@ -1876,7 +1928,7 @@ function Tooltip3D({
 
 // src/components/ui/progress3d.tsx
 var import_framer_motion10 = require("framer-motion");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Progress3D({
   value,
   max = 100,
@@ -1899,22 +1951,22 @@ function Progress3D({
     md: "h-3",
     lg: "h-4"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showLabel) && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-medium", children: label }),
-      showLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "text-muted-foreground font-mono", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+    (label || showLabel) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium", children: label }),
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-muted-foreground font-mono", children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         className: cn(
           "w-full rounded-full bg-slate-200 dark:bg-slate-800 overflow-hidden shadow-inner border-b-2 border-slate-300 dark:border-slate-900",
           sizes[size]
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_framer_motion10.motion.div,
           {
             className: cn(
@@ -1938,8 +1990,8 @@ function Progress3D({
 // src/components/ui/resizable.tsx
 var import_lucide_react3 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -1951,7 +2003,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -1959,20 +2011,20 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react3.GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react3.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/select3d.tsx
 var import_drei4 = require("@react-three/drei");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Select3D({
   options,
   value,
   onChange,
   width = 200
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_drei4.Html, { transform: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_drei4.Html, { transform: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "select",
     {
       className: cn(
@@ -1981,21 +2033,21 @@ function Select3D({
       style: { width },
       value,
       onChange: (e) => onChange?.(e.target.value),
-      children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+      children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
     }
   ) });
 }
 
 // src/components/ui/spinner3d.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_fiber2 = require("@react-three/fiber");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Spinner3D({
   size = "md",
   color = "#22d3ee",
   speed = 1
 }) {
-  const ref = (0, import_react18.useRef)(null);
+  const ref = (0, import_react19.useRef)(null);
   const scale = size === "sm" ? 0.5 : size === "lg" ? 1.5 : 1;
   (0, import_fiber2.useFrame)((state, delta) => {
     if (ref.current) {
@@ -2003,14 +2055,14 @@ function Spinner3D({
       ref.current.rotation.x -= delta * speed * 1;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("group", { ref, scale: [scale, scale, scale], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("mesh", { rotation: [Math.PI / 4, 0, 0], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("torusGeometry", { args: [0.5, 0.05, 16, 32] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("meshStandardMaterial", { color, emissive: color })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("group", { ref, scale: [scale, scale, scale], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("mesh", { rotation: [Math.PI / 4, 0, 0], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("torusGeometry", { args: [0.5, 0.05, 16, 32] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("meshStandardMaterial", { color, emissive: color })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("mesh", { rotation: [-Math.PI / 4, 0, 0], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("torusGeometry", { args: [0.4, 0.05, 16, 32] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("meshStandardMaterial", { color })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("mesh", { rotation: [-Math.PI / 4, 0, 0], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("torusGeometry", { args: [0.4, 0.05, 16, 32] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("meshStandardMaterial", { color })
     ] })
   ] });
 }
@@ -2018,15 +2070,15 @@ function Spinner3D({
 // src/components/ui/stepper3d.tsx
 var import_drei5 = require("@react-three/drei");
 var import_three = require("three");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Stepper3D({
   steps,
   activeStep = 0,
   gap = 2
 }) {
   const points = steps.map((_, i) => new import_three.Vector3((i - (steps.length - 1) / 2) * gap, 0, 0));
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_drei5.Line,
       {
         points,
@@ -2034,7 +2086,7 @@ function Stepper3D({
         lineWidth: 2
       }
     ),
-    activeStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    activeStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_drei5.Line,
       {
         points: points.slice(0, activeStep + 1),
@@ -2042,12 +2094,12 @@ function Stepper3D({
         lineWidth: 4
       }
     ),
-    steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("group", { position: points[i], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("mesh", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("sphereGeometry", { args: [0.3, 32, 32] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("meshStandardMaterial", { color: i <= activeStep ? "#22d3ee" : "#333" })
+    steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("group", { position: points[i], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("mesh", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("sphereGeometry", { args: [0.3, 32, 32] }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("meshStandardMaterial", { color: i <= activeStep ? "#22d3ee" : "#333" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_drei5.Text,
         {
           position: [0, -0.6, 0],
@@ -2063,38 +2115,38 @@ function Stepper3D({
 }
 
 // src/components/ui/navbar3d.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_drei6 = require("@react-three/drei");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function NavBar3D({ items, activeHref = "/" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("group", { position: [0, -2, 0], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("mesh", { position: [0, 0, -0.1], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("boxGeometry", { args: [items.length * 2, 1, 0.2] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("meshStandardMaterial", { color: "#1a1a1a", transparent: true, opacity: 0.8 })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("group", { position: [0, -2, 0], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("mesh", { position: [0, 0, -0.1], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("boxGeometry", { args: [items.length * 2, 1, 0.2] }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("meshStandardMaterial", { color: "#1a1a1a", transparent: true, opacity: 0.8 })
     ] }),
     items.map((item, i) => {
       const x = (i - (items.length - 1) / 2) * 2;
       const isActive = activeHref === item.href;
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavBarItemMesh, { item, x, isActive }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavBarItemMesh, { item, x, isActive }, i);
     })
   ] });
 }
 function NavBarItemMesh({ item, x, isActive }) {
-  const [hovered, setHover] = (0, import_react19.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("group", { position: [x, 0, 0], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  const [hovered, setHover] = (0, import_react20.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("group", { position: [x, 0, 0], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "mesh",
       {
         onPointerOver: () => setHover(true),
         onPointerOut: () => setHover(false),
         onClick: () => window.location.href = item.href,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("planeGeometry", { args: [1.8, 0.8] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("meshStandardMaterial", { color: isActive ? "#22d3ee" : hovered ? "#333" : "transparent", transparent: true, opacity: isActive ? 0.3 : hovered ? 0.5 : 0 })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("planeGeometry", { args: [1.8, 0.8] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("meshStandardMaterial", { color: isActive ? "#22d3ee" : hovered ? "#333" : "transparent", transparent: true, opacity: isActive ? 0.3 : hovered ? 0.5 : 0 })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       import_drei6.Text,
       {
         fontSize: 0.2,
@@ -2110,7 +2162,7 @@ function NavBarItemMesh({ item, x, isActive }) {
 // src/components/ui/timeline3d.tsx
 var import_drei7 = require("@react-three/drei");
 var import_three2 = require("three");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Timeline3D({
   events,
   orientation = "horizontal",
@@ -2119,15 +2171,15 @@ function Timeline3D({
   const points = events.map((_, i) => {
     return orientation === "horizontal" ? new import_three2.Vector3((i - (events.length - 1) / 2) * gap, 0, 0) : new import_three2.Vector3(0, (i - (events.length - 1) / 2) * -gap, 0);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_drei7.Line, { points, color: "#555", lineWidth: 1 }),
-    events.map((ev, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("group", { position: points[i], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("mesh", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("sphereGeometry", { args: [0.2, 16, 16] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("meshStandardMaterial", { color: "#22d3ee" })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_drei7.Line, { points, color: "#555", lineWidth: 1 }),
+    events.map((ev, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("group", { position: points[i], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("mesh", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("sphereGeometry", { args: [0.2, 16, 16] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("meshStandardMaterial", { color: "#22d3ee" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("group", { position: [0, 0.5, 0], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("group", { position: [0, 0.5, 0], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_drei7.Text,
           {
             fontSize: 0.3,
@@ -2136,7 +2188,7 @@ function Timeline3D({
             children: ev.date
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_drei7.Text,
           {
             position: [0, -0.3, 0],
@@ -2152,13 +2204,13 @@ function Timeline3D({
 }
 
 // src/components/ui/tooltip.tsx
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive2.Provider;
 var Tooltip = TooltipPrimitive2.Root;
 var TooltipTrigger = TooltipPrimitive2.Trigger;
-var TooltipContent = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var TooltipContent = React22.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -2173,28 +2225,28 @@ var TooltipContent = React21.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive2.Content.displayName;
 
 // src/components/ui/slider.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Slider = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Slider = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime32.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.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/toggle.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority2.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",
   {
@@ -2215,13 +2267,13 @@ var toggleVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var Toggle = React23.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React24.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/badge.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
   "inline-flex items-center font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border",
   {
@@ -2232,9 +2284,9 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
         accent: "border-transparent bg-accent text-accent-foreground hover:bg-accent/80",
         outline: "text-foreground border-border bg-transparent",
-        success: "border-transparent bg-green-600 text-white hover:bg-green-700",
-        warning: "border-transparent bg-amber-500 text-white hover:bg-amber-600",
-        info: "border-transparent bg-blue-600 text-white hover:bg-blue-700"
+        success: "border-transparent bg-success text-success-foreground hover:bg-success/90",
+        warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/90",
+        info: "border-transparent bg-primary text-primary-foreground hover:bg-primary/90"
       },
       size: {
         xs: "rounded px-1.5 py-0 text-[10px]",
@@ -2256,9 +2308,9 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Badge = React24.forwardRef(
+var Badge = React25.forwardRef(
   ({ className, variant, size, shape, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         ref,
@@ -2271,9 +2323,9 @@ var Badge = React24.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/ui/input.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var inputVariants = (0, import_class_variance_authority4.cva)(
   "flex w-full rounded-md border border-input bg-background ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
   {
@@ -2294,9 +2346,9 @@ var inputVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var Input = React25.forwardRef(
+var Input = React26.forwardRef(
   ({ className, type, size = "md", error, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "input",
       {
         type,
@@ -2311,16 +2363,16 @@ var Input = React25.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/progress.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -2332,19 +2384,19 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/ui/toast.tsx
-var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var ToastViewport = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -2370,11 +2422,11 @@ var toastVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var Toast = React27.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React28.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var ToastAction = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -2386,7 +2438,7 @@ var ToastAction = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var ToastClose = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -2396,17 +2448,17 @@ var ToastClose = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react4.X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react4.X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/hooks/use-toast.ts
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -2505,8 +2557,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React28.useState(memoryState);
-  React28.useEffect(() => {
+  const [state, setState] = React29.useState(memoryState);
+  React29.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -2523,31 +2575,31 @@ function useToast() {
 }
 
 // src/components/ui/toaster.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/sonner.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Toaster2 = ({ ...props }) => {
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -2566,12 +2618,12 @@ var Toaster2 = ({ ...props }) => {
 };
 
 // src/components/ui/popover.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var PopoverContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2590,13 +2642,13 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_lucide_react5 = require("lucide-react");
-var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var React31 = __toESM(require("react"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var SheetOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2624,38 +2676,38 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React30.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+var SheetContent = React31.forwardRef(
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime42.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_runtime41.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_runtime42.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 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/dialog.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive2.Root;
 var DialogTrigger = DialogPrimitive2.Trigger;
 var DialogPortal = DialogPrimitive2.Portal;
 var DialogClose = DialogPrimitive2.Close;
-var DialogOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var DialogOverlay = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -2667,9 +2719,9 @@ var DialogOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+var DialogContent = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -2680,20 +2732,20 @@ var DialogContent = React31.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive2.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime43.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_runtime42.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_runtime43.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 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var DialogTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -2702,18 +2754,18 @@ var DialogTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/breadcrumb.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Breadcrumb = React32.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Breadcrumb = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React32.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var BreadcrumbList = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "ol",
     {
       ref,
@@ -2726,17 +2778,17 @@ var BreadcrumbList = React32.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React32.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React32.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React32.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var BreadcrumbPage = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "span",
     {
       ref,
@@ -2749,9 +2801,9 @@ var BreadcrumbPage = React32.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-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 ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react7.ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react7.ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
   "span",
   {
     role: "presentation",
@@ -2759,28 +2811,28 @@ 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_runtime43.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/ui/label.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority7.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/checkbox.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var Checkbox = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Checkbox = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -2789,16 +2841,16 @@ var Checkbox = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react8.Check, { className: "h-4 w-4" }) })
+    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_react8.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/switch.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Switch = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2807,7 +2859,7 @@ var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -2820,10 +2872,10 @@ var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/textarea.tsx
-var React36 = __toESM(require("react"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var Textarea = React36.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var React37 = __toESM(require("react"), 1);
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Textarea = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "textarea",
     {
       className: cn(
@@ -2838,10 +2890,10 @@ var Textarea = React36.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/ui/separator.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var Separator2 = React37.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var Separator2 = React38.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -2854,16 +2906,16 @@ var Separator2 = React37.forwardRef(({ className, orientation = "horizontal", de
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/scroll-area.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var ScrollArea = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ScrollBar, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ScrollAreaPrimitive.Corner, {})
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var ScrollArea = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ScrollBar, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ScrollAreaPrimitive.Corner, {})
 ] }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React38.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ScrollBar = React39.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2875,22 +2927,22 @@ var ScrollBar = React38.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/radio-group.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var RadioGroup = React39.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var RadioGroup = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React39.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var RadioGroupItem = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -2899,25 +2951,25 @@ var RadioGroupItem = React39.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react9.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/ui/toggle-group.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var ToggleGroupContext = React40.createContext({
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var ToggleGroupContext = React41.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React40.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React41.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React40.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React40.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var ToggleGroupItem = React41.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React41.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -2936,9 +2988,9 @@ var ToggleGroupItem = React40.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/ui/alert.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority8.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",
   {
@@ -2953,22 +3005,22 @@ var alertVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Alert = React41.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React42.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React41.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React42.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React41.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React42.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/ui/avatar.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var Avatar = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var Avatar = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -2977,9 +3029,9 @@ var Avatar = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+var AvatarFallback = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -2990,9 +3042,9 @@ var AvatarFallback = React42.forwardRef(({ className, ...props }, ref) => /* @__
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/card.tsx
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var cardVariants = (0, import_class_variance_authority9.cva)(
   "rounded-lg border bg-card text-card-foreground transition-shadow",
   {
@@ -3010,8 +3062,8 @@ var cardVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Card = React43.forwardRef(
-  ({ className, elevation, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var Card = React44.forwardRef(
+  ({ className, elevation, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       ref,
@@ -3021,7 +3073,7 @@ var Card = React43.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var CardHeader = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "div",
   {
     ref,
@@ -3030,7 +3082,7 @@ var CardHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var CardTitle = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "h3",
   {
     ref,
@@ -3042,7 +3094,7 @@ var CardTitle = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var CardDescription = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "p",
   {
     ref,
@@ -3051,9 +3103,9 @@ var CardDescription = React43.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var CardFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "div",
   {
     ref,
@@ -3074,12 +3126,12 @@ var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/hover-card.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React44.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var HoverCardContent = React45.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -3095,13 +3147,13 @@ var HoverCardContent = React44.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/alert-dialog.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var AlertDialogOverlay = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -3113,9 +3165,9 @@ var AlertDialogOverlay = React45.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var AlertDialogContent = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -3128,17 +3180,17 @@ var AlertDialogContent = React45.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime57.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_runtime56.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_runtime57.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 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var AlertDialogCancel = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3149,11 +3201,11 @@ var AlertDialogCancel = React45.forwardRef(({ className, ...props }, ref) => /*
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/command.tsx
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var Command = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Command = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -3166,11 +3218,11 @@ var Command = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime58.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime58.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 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react10.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CommandInput = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react10.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -3183,7 +3235,7 @@ var CommandInput = React46.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CommandList = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -3192,9 +3244,9 @@ var CommandList = React46.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React46.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React47.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CommandGroup = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -3206,9 +3258,9 @@ var CommandGroup = React46.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.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 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CommandItem = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -3221,25 +3273,25 @@ var CommandItem = React46.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ 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_runtime58.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/form.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React47.createContext({});
+var FormFieldContext = React48.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React47.useContext(FormFieldContext);
-  const itemContext = React47.useContext(FormItemContext);
+  const fieldContext = React48.useContext(FormFieldContext);
+  const itemContext = React48.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -3255,23 +3307,23 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React47.createContext({});
-var FormItem = React47.forwardRef(
+var FormItemContext = React48.createContext({});
+var FormItem = React48.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React47.useId();
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React48.useId();
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React47.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React48.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Label2, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React47.forwardRef(
+var FormControl = React48.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       import_react_slot3.Slot,
       {
         ref,
@@ -3284,30 +3336,30 @@ var FormControl = React47.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React47.forwardRef(
+var FormDescription = React48.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React47.forwardRef(
+var FormMessage = React48.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { error, formMessageId } = useFormField();
     const body = error ? String(error?.message) : children;
     if (!body) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/pagination.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   "nav",
   {
     role: "navigation",
@@ -3317,13 +3369,13 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React48.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "md", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var PaginationLink = ({ className, isActive, size = "md", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3338,34 +3390,34 @@ var PaginationLink = ({ className, isActive, size = "md", ...props }) => /* @__P
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: size ?? "md", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Previous" })
+var PaginationPrevious = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: size ?? "md", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: size ?? "md", 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_react11.ChevronRight, { className: "h-4 w-4" })
+var PaginationNext = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: size ?? "md", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Next" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react11.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_react11.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_runtime60.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/dropdown-menu.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive2 = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive2.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive2.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive2.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive2.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive2.RadioGroup;
-var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+var DropdownMenuSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
   DropdownMenuPrimitive2.SubTrigger,
   {
     ref,
@@ -3377,12 +3429,12 @@ var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react12.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react12.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive2.SubTrigger.displayName;
-var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var DropdownMenuSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   DropdownMenuPrimitive2.SubContent,
   {
     ref,
@@ -3394,7 +3446,7 @@ var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive2.SubContent.displayName;
-var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var DropdownMenuContent = React50.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   DropdownMenuPrimitive2.Content,
   {
     ref,
@@ -3407,7 +3459,7 @@ var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive2.Content.displayName;
-var DropdownMenuItem = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var DropdownMenuItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   DropdownMenuPrimitive2.Item,
   {
     ref,
@@ -3420,7 +3472,7 @@ var DropdownMenuItem = React49.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive2.Item.displayName;
-var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+var DropdownMenuCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
   DropdownMenuPrimitive2.CheckboxItem,
   {
     ref,
@@ -3431,13 +3483,13 @@ var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react12.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react12.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+var DropdownMenuRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
   DropdownMenuPrimitive2.RadioItem,
   {
     ref,
@@ -3447,13 +3499,13 @@ var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react12.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react12.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive2.RadioItem.displayName;
-var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var DropdownMenuLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   DropdownMenuPrimitive2.Label,
   {
     ref,
@@ -3462,25 +3514,25 @@ var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive2.Label.displayName;
-var DropdownMenuSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuPrimitive2.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuPrimitive2.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive2.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/context-menu.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = 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 = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+var ContextMenuSubTrigger = React51.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3492,12 +3544,12 @@ var ContextMenuSubTrigger = React50.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react13.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react13.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var ContextMenuSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -3509,7 +3561,7 @@ var ContextMenuSubContent = React50.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var ContextMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -3521,7 +3573,7 @@ var ContextMenuContent = React50.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var ContextMenuItem = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -3534,7 +3586,7 @@ var ContextMenuItem = React50.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+var ContextMenuCheckboxItem = React51.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3545,13 +3597,13 @@ var ContextMenuCheckboxItem = React50.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react13.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react13.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+var ContextMenuRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -3561,13 +3613,13 @@ var ContextMenuRadioItem = React50.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react13.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react13.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var ContextMenuLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -3576,27 +3628,27 @@ var ContextMenuLabel = React50.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime61.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/drawer.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_vaul.Drawer.Root, { shouldScaleBackground, ...props });
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime63.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 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_vaul.Drawer.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.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 = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+var DrawerContent = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
@@ -3606,18 +3658,18 @@ var DrawerContent = React51.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime62.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_runtime63.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_runtime62.jsx)("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var DrawerTitle = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -3626,20 +3678,20 @@ var DrawerTitle = React51.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_vaul.Drawer.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.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/menubar.tsx
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = 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 = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var Menubar = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -3648,7 +3700,7 @@ var Menubar = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var MenubarTrigger = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -3660,7 +3712,7 @@ var MenubarTrigger = React52.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React52.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+var MenubarSubTrigger = React53.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -3672,12 +3724,12 @@ var MenubarSubTrigger = React52.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react14.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var MenubarSubContent = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -3689,7 +3741,7 @@ var MenubarSubContent = React52.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React52.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var MenubarContent = React53.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.Content,
   {
     ref,
@@ -3704,7 +3756,7 @@ var MenubarContent = React52.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React52.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var MenubarItem = React53.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -3717,7 +3769,7 @@ var MenubarItem = React52.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React52.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+var MenubarCheckboxItem = React53.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -3728,13 +3780,13 @@ var MenubarCheckboxItem = React52.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react14.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+var MenubarRadioItem = React53.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -3744,13 +3796,13 @@ var MenubarRadioItem = React52.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react14.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react14.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React52.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var MenubarLabel = React53.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -3759,20 +3811,20 @@ var MenubarLabel = React52.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime63.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var NavigationMenu = React53.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var NavigationMenu = React54.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -3780,12 +3832,12 @@ var NavigationMenu = React53.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var NavigationMenuList = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -3798,7 +3850,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority10.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 = React53.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+var NavigationMenuTrigger = React54.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -3807,7 +3859,7 @@ var NavigationMenuTrigger = React53.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         import_lucide_react15.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -3818,7 +3870,7 @@ var NavigationMenuTrigger = React53.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var NavigationMenuContent = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -3831,7 +3883,7 @@ var NavigationMenuContent = React53.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var NavigationMenuViewport = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -3843,7 +3895,7 @@ var NavigationMenuViewport = React53.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var NavigationMenuIndicator = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -3852,20 +3904,20 @@ var NavigationMenuIndicator = React53.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime65.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/select.tsx
-var React54 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React54.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectTrigger = React55.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3876,32 +3928,32 @@ var SelectTrigger = React54.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var SelectScrollUpButton = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react16.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react16.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var SelectScrollDownButton = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React54.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectContent = React55.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3913,8 +3965,8 @@ var SelectContent = React54.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -3924,14 +3976,14 @@ var SelectContent = React54.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React54.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var SelectItem = React55.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3941,36 +3993,36 @@ var SelectItem = React54.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)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react16.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react16.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/table.tsx
-var React55 = __toESM(require("react"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var Table = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+var React56 = __toESM(require("react"), 1);
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var Table = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+var TableFooter = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var TableRow = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "tr",
     {
       ref,
@@ -3980,8 +4032,8 @@ var TableRow = React55.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var TableHead = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "th",
     {
       ref,
@@ -3994,32 +4046,32 @@ var TableHead = React55.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React55.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React56.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/chart.tsx
-var React56 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React56.createContext(null);
+var ChartContext = React57.createContext(null);
 function useChart() {
-  const context = React56.useContext(ChartContext);
+  const context = React57.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React56.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React56.useId();
+var ChartContainer = React57.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React57.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -4030,8 +4082,8 @@ var ChartContainer = React56.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -4042,7 +4094,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -4061,7 +4113,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React56.forwardRef(
+var ChartTooltipContent = React57.forwardRef(
   ({
     active,
     payload,
@@ -4078,7 +4130,7 @@ var ChartTooltipContent = React56.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React56.useMemo(() => {
+    const tooltipLabel = React57.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -4087,18 +4139,18 @@ var ChartTooltipContent = React56.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
     if (!active || !payload?.length) {
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "div",
       {
         ref,
@@ -4108,19 +4160,19 @@ var ChartTooltipContent = React56.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime68.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?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -4135,7 +4187,7 @@ var ChartTooltipContent = React56.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -4143,11 +4195,11 @@ var ChartTooltipContent = React56.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -4163,12 +4215,12 @@ var ChartTooltipContent = React56.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React56.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React57.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
   const { config } = useChart();
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       ref,
@@ -4176,12 +4228,12 @@ var ChartLegendContent = React56.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_runtime67.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
             className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
             children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -4217,9 +4269,9 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // src/components/ui/calendar.tsx
 var import_lucide_react17 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -4252,8 +4304,8 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        IconLeft: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react17.ChevronLeft, { className: "h-4 w-4" }),
-        IconRight: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react17.ChevronRight, { className: "h-4 w-4" })
+        IconLeft: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react17.ChevronLeft, { className: "h-4 w-4" }),
+        IconRight: ({ ..._props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react17.ChevronRight, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -4262,15 +4314,15 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/sidebar.tsx
-var React57 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React57.useState(void 0);
-  React57.useEffect(() => {
+  const [isMobile, setIsMobile] = React58.useState(void 0);
+  React58.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4287,20 +4339,20 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React57.createContext(null);
+var SidebarContext = React58.createContext(null);
 function useSidebar() {
-  const context = React57.useContext(SidebarContext);
+  const context = React58.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React57.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React57.useState(false);
-  const [_open, _setOpen] = React57.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React58.useState(false);
+  const [_open, _setOpen] = React58.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React57.useCallback(
+  const setOpen = React58.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4312,10 +4364,10 @@ var SidebarProvider = React57.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React57.useCallback(() => {
+  const toggleSidebar = React58.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React57.useEffect(() => {
+  React58.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4326,7 +4378,7 @@ var SidebarProvider = React57.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React57.useMemo(
+  const contextValue = React58.useMemo(
     () => ({
       state,
       open,
@@ -4338,7 +4390,7 @@ var SidebarProvider = React57.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_runtime70.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       style: {
@@ -4354,10 +4406,10 @@ var SidebarProvider = React57.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React58.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_runtime70.jsx)(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -4368,7 +4420,7 @@ var Sidebar = React57.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_runtime70.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -4378,11 +4430,11 @@ var Sidebar = React57.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_runtime70.jsx)("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       ref,
@@ -4392,7 +4444,7 @@ var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "div",
           {
             className: cn(
@@ -4403,7 +4455,7 @@ var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "div",
           {
             className: cn(
@@ -4414,7 +4466,7 @@ var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -4429,10 +4481,10 @@ var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React57.forwardRef(
+var SidebarTrigger = React58.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
       Button3D,
       {
         ref,
@@ -4446,18 +4498,18 @@ var SidebarTrigger = React57.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react18.PanelLeft, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react18.PanelLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React57.forwardRef(
+var SidebarRail = React58.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "button",
       {
         ref,
@@ -4481,8 +4533,8 @@ var SidebarRail = React57.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React57.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "main",
     {
       ref,
@@ -4496,9 +4548,9 @@ var SidebarInset = React57.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React57.forwardRef(
+var SidebarInput = React58.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       Input,
       {
         ref,
@@ -4513,17 +4565,17 @@ var SidebarInput = React57.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React57.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 });
+var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React57.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 });
+var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React57.forwardRef(
+var SidebarSeparator = React58.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       Separator2,
       {
         ref,
@@ -4535,8 +4587,8 @@ var SidebarSeparator = React57.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React57.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       ref,
@@ -4550,8 +4602,8 @@ var SidebarContent = React57.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React57.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       ref,
@@ -4562,10 +4614,10 @@ var SidebarGroup = React57.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React57.forwardRef(
+var SidebarGroupLabel = React58.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_runtime70.jsx)(
       Comp,
       {
         ref,
@@ -4581,10 +4633,10 @@ var SidebarGroupLabel = React57.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React57.forwardRef(
+var SidebarGroupAction = React58.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_runtime70.jsx)(
       Comp,
       {
         ref,
@@ -4602,13 +4654,13 @@ var SidebarGroupAction = React57.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+var SidebarGroupContent = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React57.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 = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.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 = React57.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 = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = (0, import_class_variance_authority11.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",
@@ -4630,10 +4682,10 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var SidebarMenuButton = React57.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React58.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_runtime70.jsx)(
     Comp,
     {
       ref,
@@ -4652,15 +4704,15 @@ var SidebarMenuButton = React57.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_runtime70.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React57.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React58.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_runtime70.jsx)(
     Comp,
     {
       ref,
@@ -4681,8 +4733,8 @@ var SidebarMenuAction = React57.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var SidebarMenuBadge = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       ref,
@@ -4701,11 +4753,11 @@ var SidebarMenuBadge = React57.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React57.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React57.useMemo(() => {
+var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React58.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       ref,
@@ -4713,8 +4765,8 @@ var SidebarMenuSkeleton = React57.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)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -4729,8 +4781,8 @@ var SidebarMenuSkeleton = React57.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var SidebarMenuSub = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "ul",
     {
       ref,
@@ -4745,11 +4797,11 @@ var SidebarMenuSub = React57.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React57.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React57.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React58.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_runtime70.jsx)(
     Comp,
     {
       ref,
@@ -4771,19 +4823,19 @@ var SidebarMenuSubButton = React57.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/carousel.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var CarouselContext = React58.createContext(null);
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var CarouselContext = React59.createContext(null);
 function useCarousel() {
-  const context = React58.useContext(CarouselContext);
+  const context = React59.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React58.forwardRef(
+var Carousel = React59.forwardRef(
   ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
     const [carouselRef, api] = (0, import_embla_carousel_react.default)(
       {
@@ -4792,22 +4844,22 @@ var Carousel = React58.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React58.useState(false);
-    const [canScrollNext, setCanScrollNext] = React58.useState(false);
-    const onSelect = React58.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React59.useState(false);
+    const [canScrollNext, setCanScrollNext] = React59.useState(false);
+    const onSelect = React59.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React58.useCallback(() => {
+    const scrollPrev = React59.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React58.useCallback(() => {
+    const scrollNext = React59.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React58.useCallback(
+    const handleKeyDown = React59.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -4819,13 +4871,13 @@ var Carousel = React58.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React58.useEffect(() => {
+    React59.useEffect(() => {
       if (!api) {
         return;
       }
@@ -4836,7 +4888,7 @@ var Carousel = React58.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -4849,7 +4901,7 @@ var Carousel = React58.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             ref,
@@ -4866,10 +4918,10 @@ var Carousel = React58.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React58.forwardRef(
+var CarouselContent = React59.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         ref,
@@ -4880,10 +4932,10 @@ var CarouselContent = React58.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React58.forwardRef(
+var CarouselItem = React59.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         ref,
@@ -4896,10 +4948,10 @@ var CarouselItem = React58.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React58.forwardRef(
+var CarouselPrevious = React59.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       Button3D,
       {
         ref,
@@ -4914,18 +4966,18 @@ var CarouselPrevious = React58.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react19.ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React58.forwardRef(
+var CarouselNext = React59.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       Button3D,
       {
         ref,
@@ -4940,8 +4992,8 @@ var CarouselNext = React58.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react19.ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -4950,12 +5002,12 @@ var CarouselNext = React58.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/input-otp.tsx
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
 var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var InputOTP = React59.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var InputOTP = React60.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -4966,14 +5018,14 @@ var InputOTP = React59.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React59.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React59.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React60.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React60.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots?.[index] || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "div",
     {
       ref,
@@ -4985,22 +5037,22 @@ var InputOTPSlot = React59.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React59.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react20.Dot, {}) })
+var InputOTPSeparator = React60.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react20.Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/barchart3d.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_fiber3 = require("@react-three/fiber");
 var import_drei8 = require("@react-three/drei");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function BarChart3D({
   data,
   orientation = "vertical",
@@ -5008,17 +5060,17 @@ function BarChart3D({
   gap = 0.2,
   animated = true
 }) {
-  const maxValue = (0, import_react20.useMemo)(() => Math.max(...data.map((d) => d.value)), [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("gridHelper", { args: [data.length * (barSize + gap) + 2, 10], position: [0, 0, 0] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_drei8.Instances, { range: data.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("boxGeometry", { args: [barSize, 1, barSize] }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("meshStandardMaterial", { roughness: 0.3, metalness: 0.6 }),
+  const maxValue = (0, import_react21.useMemo)(() => Math.max(...data.map((d) => d.value)), [data]);
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("gridHelper", { args: [data.length * (barSize + gap) + 2, 10], position: [0, 0, 0] }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_drei8.Instances, { range: data.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("boxGeometry", { args: [barSize, 1, barSize] }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("meshStandardMaterial", { roughness: 0.3, metalness: 0.6 }),
       data.map((item, index) => {
         const height = item.value / maxValue * 5;
         const x = (index - data.length / 2) * (barSize + gap);
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("group", { position: [x, 0, 0], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("group", { position: [x, 0, 0], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             BarInstance,
             {
               height,
@@ -5026,7 +5078,7 @@ function BarChart3D({
               animated
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             import_drei8.Text,
             {
               position: [0, -0.5, 0],
@@ -5043,8 +5095,8 @@ function BarChart3D({
   ] });
 }
 function BarInstance({ height, color, animated }) {
-  const ref = (0, import_react20.useRef)(null);
-  const [hovered, setHover] = (0, import_react20.useState)(false);
+  const ref = (0, import_react21.useRef)(null);
+  const [hovered, setHover] = (0, import_react21.useState)(false);
   (0, import_fiber3.useFrame)((state, delta) => {
     if (ref.current) {
       const targetHeight = height;
@@ -5060,7 +5112,7 @@ function BarInstance({ height, color, animated }) {
       }
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     import_drei8.Instance,
     {
       ref,
@@ -5072,10 +5124,10 @@ function BarInstance({ height, color, animated }) {
 }
 
 // src/components/ui/linechart3d.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_drei9 = require("@react-three/drei");
 var import_three3 = require("three");
-var import_jsx_runtime73 = (
+var import_jsx_runtime74 = (
   // Render curve
   require("react/jsx-runtime")
 );
@@ -5086,7 +5138,7 @@ function LineChart3D({
   lineWidth = 3,
   showPoints = true
 }) {
-  const points = (0, import_react21.useMemo)(() => {
+  const points = (0, import_react22.useMemo)(() => {
     if (data.length === 0) return [];
     const maxX = Math.max(...data.map((d) => d.x));
     const maxY = Math.max(...data.map((d) => d.y));
@@ -5098,15 +5150,15 @@ function LineChart3D({
       0
     ));
   }, [data]);
-  const curve = (0, import_react21.useMemo)(() => {
+  const curve = (0, import_react22.useMemo)(() => {
     if (points.length < 2 || !smooth) return null;
     return new import_three3.CatmullRomCurve3(points);
   }, [points, smooth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("group", { children: [
-    smooth && curve ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("mesh", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("tubeGeometry", { args: [curve, 64, 0.05, 8, false] }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("meshStandardMaterial", { color, emissive: color, emissiveIntensity: 0.5 })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("group", { children: [
+    smooth && curve ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("mesh", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tubeGeometry", { args: [curve, 64, 0.05, 8, false] }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("meshStandardMaterial", { color, emissive: color, emissiveIntensity: 0.5 })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       import_drei9.Line,
       {
         points,
@@ -5115,20 +5167,20 @@ function LineChart3D({
         segments: true
       }
     ),
-    showPoints && points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("mesh", { position: p, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("sphereGeometry", { args: [0.1, 16, 16] }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("meshStandardMaterial", { color: "white" })
+    showPoints && points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("mesh", { position: p, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("sphereGeometry", { args: [0.1, 16, 16] }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("meshStandardMaterial", { color: "white" })
     ] }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("gridHelper", { args: [12, 12], rotation: [Math.PI / 2, 0, 0], position: [0, 2.5, -0.1] })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("gridHelper", { args: [12, 12], rotation: [Math.PI / 2, 0, 0], position: [0, 2.5, -0.1] })
   ] });
 }
 
 // src/components/ui/piechart3d.tsx
-var import_react22 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var import_three4 = require("three");
 var import_fiber4 = require("@react-three/fiber");
 var import_drei10 = require("@react-three/drei");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function PieChart3D({
   data,
   radius = 5,
@@ -5136,9 +5188,9 @@ function PieChart3D({
   explode = true,
   donut = false
 }) {
-  const total = (0, import_react22.useMemo)(() => data.reduce((acc, cur) => acc + cur.value, 0), [data]);
+  const total = (0, import_react23.useMemo)(() => data.reduce((acc, cur) => acc + cur.value, 0), [data]);
   let startAngle = 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("group", { rotation: [-Math.PI / 2, 0, 0], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("group", { rotation: [-Math.PI / 2, 0, 0], children: [
     " ",
     data.map((item, index) => {
       const percent = item.value / total;
@@ -5154,12 +5206,12 @@ function PieChart3D({
         innerRadius: donut ? radius * 0.5 : 0
       };
       startAngle = endAngle;
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PieSegment, { ...props, label: item.label }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PieSegment, { ...props, label: item.label }, index);
     })
   ] });
 }
 function PieSegment({ startAngle, endAngle, radius, color, depth, explode, innerRadius, label }) {
-  const shape = (0, import_react22.useMemo)(() => {
+  const shape = (0, import_react23.useMemo)(() => {
     const s = new import_three4.Shape();
     if (innerRadius > 0) {
       s.moveTo(Math.cos(startAngle) * radius, Math.sin(startAngle) * radius);
@@ -5174,8 +5226,8 @@ function PieSegment({ startAngle, endAngle, radius, color, depth, explode, inner
     }
     return s;
   }, [startAngle, endAngle, radius, innerRadius]);
-  const [hovered, setHover] = (0, import_react22.useState)(false);
-  const ref = import_react22.default.useRef(null);
+  const [hovered, setHover] = (0, import_react23.useState)(false);
+  const ref = import_react23.default.useRef(null);
   const midAngle = (startAngle + endAngle) / 2;
   const explodeDir = [Math.cos(midAngle), Math.sin(midAngle), 0];
   (0, import_fiber4.useFrame)((state, delta) => {
@@ -5185,19 +5237,19 @@ function PieSegment({ startAngle, endAngle, radius, color, depth, explode, inner
       ref.current.position.y += (explodeDir[1] * targetDist - ref.current.position.y) * delta * 5;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("group", { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("group", { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "mesh",
       {
         onPointerOver: () => setHover(true),
         onPointerOut: () => setHover(false),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("extrudeGeometry", { args: [shape, { depth, bevelEnabled: false }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("meshStandardMaterial", { color: hovered ? "white" : color })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("extrudeGeometry", { args: [shape, { depth, bevelEnabled: false }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("meshStandardMaterial", { color: hovered ? "white" : color })
         ]
       }
     ),
-    hovered && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    hovered && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       import_drei10.Text,
       {
         position: [explodeDir[0] * radius * 0.8, explodeDir[1] * radius * 0.8, depth + 0.1],
@@ -5210,21 +5262,21 @@ function PieSegment({ startAngle, endAngle, radius, color, depth, explode, inner
 }
 
 // src/components/ui/scatterplot3d.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_drei11 = require("@react-three/drei");
 var import_three5 = require("three");
 var import_fiber5 = require("@react-three/fiber");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function ScatterPlot3D({
   data,
   pointSize = 0.1,
   colorScale = ["#22d3ee", "#a78bfa"]
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_drei11.Instances, { range: data.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("sphereGeometry", { args: [1, 16, 16] }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("meshStandardMaterial", {}),
-      data.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_drei11.Instances, { range: data.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("sphereGeometry", { args: [1, 16, 16] }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("meshStandardMaterial", {}),
+      data.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         ScatterPointInstance,
         {
           position: [point.x, point.y, point.z],
@@ -5234,13 +5286,13 @@ function ScatterPlot3D({
         i
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("axesHelper", { args: [10] }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("gridHelper", { args: [20, 20], position: [0, -5, 0] })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("axesHelper", { args: [10] }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("gridHelper", { args: [20, 20], position: [0, -5, 0] })
   ] });
 }
 function ScatterPointInstance({ position, scale, color }) {
-  const ref = (0, import_react23.useRef)(null);
-  const [hovered, setHover] = (0, import_react23.useState)(false);
+  const ref = (0, import_react24.useRef)(null);
+  const [hovered, setHover] = (0, import_react24.useState)(false);
   (0, import_fiber5.useFrame)((state) => {
     if (ref.current) {
       const s = hovered ? scale * 1.5 : scale;
@@ -5248,7 +5300,7 @@ function ScatterPointInstance({ position, scale, color }) {
       ref.current.scale.lerp(target, 0.1);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     import_drei11.Instance,
     {
       ref,
@@ -5262,12 +5314,12 @@ function ScatterPointInstance({ position, scale, color }) {
 }
 
 // src/components/ui/graph3d.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_drei12 = require("@react-three/drei");
 var import_three6 = require("three");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Graph3D({ nodes, edges, physics = false }) {
-  const positionedNodes = (0, import_react24.useMemo)(() => {
+  const positionedNodes = (0, import_react25.useMemo)(() => {
     return nodes.map((node, i) => ({
       ...node,
       vec: new import_three6.Vector3(
@@ -5277,17 +5329,17 @@ function Graph3D({ nodes, edges, physics = false }) {
       )
     }));
   }, [nodes]);
-  const nodeMap = (0, import_react24.useMemo)(() => {
+  const nodeMap = (0, import_react25.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     positionedNodes.forEach((n) => map.set(n.id, n.vec));
     return map;
   }, [positionedNodes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("group", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("group", { children: [
     edges.map((edge, i) => {
       const start = nodeMap.get(edge.source);
       const end = nodeMap.get(edge.target);
       if (!start || !end) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         import_drei12.Line,
         {
           points: [start, end],
@@ -5299,12 +5351,12 @@ function Graph3D({ nodes, edges, physics = false }) {
         i
       );
     }),
-    positionedNodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("group", { position: node.vec, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("mesh", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("sphereGeometry", { args: [0.2, 16, 16] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("meshStandardMaterial", { color: node.color || "#22d3ee" })
+    positionedNodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("group", { position: node.vec, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("mesh", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("sphereGeometry", { args: [0.2, 16, 16] }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("meshStandardMaterial", { color: node.color || "#22d3ee" })
       ] }),
-      node.label && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      node.label && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         import_drei12.Text,
         {
           position: [0, 0.3, 0],
@@ -5319,17 +5371,17 @@ function Graph3D({ nodes, edges, physics = false }) {
 
 // src/components/ui/map3d.tsx
 var import_drei13 = require("@react-three/drei");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function Map3D({
   markers = [],
   radius = 5,
   textureSrc = "https://raw.githubusercontent.com/mrdoob/three.js/master/examples/textures/planets/earth_atmos_2048.jpg"
 }) {
   const texture = (0, import_drei13.useTexture)(textureSrc);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("group", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("mesh", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("sphereGeometry", { args: [radius, 64, 64] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("meshStandardMaterial", { map: texture, metalness: 0.1, roughness: 0.7 })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("group", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("mesh", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("sphereGeometry", { args: [radius, 64, 64] }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("meshStandardMaterial", { map: texture, metalness: 0.1, roughness: 0.7 })
     ] }),
     markers.map((marker, i) => {
       const phi = (90 - marker.lat) * (Math.PI / 180);
@@ -5337,23 +5389,23 @@ function Map3D({
       const x = -(radius * Math.sin(phi) * Math.cos(theta));
       const z = radius * Math.sin(phi) * Math.sin(theta);
       const y = radius * Math.cos(phi);
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("mesh", { position: [x, y, z], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("sphereGeometry", { args: [0.1, 16, 16] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("meshBasicMaterial", { color: marker.color || "red" })
+      return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("mesh", { position: [x, y, z], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("sphereGeometry", { args: [0.1, 16, 16] }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("meshBasicMaterial", { color: marker.color || "red" })
       ] }, i);
     })
   ] });
 }
 
 // src/components/ui/gallery3d.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_fiber6 = require("@react-three/fiber");
 
 // src/components/ui/imageplane.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_drei14 = require("@react-three/drei");
 var import_three7 = require("three");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ImagePlane({
   src,
   width = 3,
@@ -5363,10 +5415,10 @@ function ImagePlane({
   transparent = true,
   parallax = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react25.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("mesh", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("planeGeometry", { args: [width, width] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("meshBasicMaterial", { wireframe: true, color: "gray" })
-  ] }), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react26.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("mesh", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("planeGeometry", { args: [width, width] }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("meshBasicMaterial", { wireframe: true, color: "gray" })
+  ] }), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     ImageMesh,
     {
       src,
@@ -5382,9 +5434,9 @@ function ImageMesh({ src, width = 1, height, opacity, transparent }) {
   const texture = (0, import_drei14.useTexture)(src);
   const aspect = texture.image ? texture.image.width / texture.image.height : 1;
   const h = height || width / aspect;
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("mesh", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("planeGeometry", { args: [width, h] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("mesh", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("planeGeometry", { args: [width, h] }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "meshBasicMaterial",
       {
         map: texture,
@@ -5398,20 +5450,20 @@ function ImageMesh({ src, width = 1, height, opacity, transparent }) {
 }
 
 // src/components/ui/gallery3d.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function Gallery3D({
   images,
   layout = "carousel",
   radius = 5,
   gap = 1.5
 }) {
-  const ref = (0, import_react26.useRef)(null);
+  const ref = (0, import_react27.useRef)(null);
   (0, import_fiber6.useFrame)((state, delta) => {
     if (ref.current && layout === "carousel") {
       ref.current.rotation.y += delta * 0.1;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("group", { ref, children: images.map((img, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("group", { ref, children: images.map((img, i) => {
     let position = [0, 0, 0];
     let rotation = [0, 0, 0];
     if (layout === "carousel") {
@@ -5429,15 +5481,15 @@ function Gallery3D({
       const y = -Math.floor(i / cols) * (2 + gap);
       position = [x, y, 0];
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("group", { position, rotation, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ImagePlane, { src: img.src, width: 3, opacity: 0.9 }) }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("group", { position, rotation, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ImagePlane, { src: img.src, width: 3, opacity: 0.9 }) }, i);
   }) });
 }
 
 // src/components/ui/modelviewer.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_drei15 = require("@react-three/drei");
 var import_fiber7 = require("@react-three/fiber");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function ModelViewer({
   src,
   autoRotate = true,
@@ -5445,27 +5497,27 @@ function ModelViewer({
   environment = "studio",
   position = [0, 0, 0]
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("group", { position, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react27.Suspense, { fallback: null, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Model, { src, scale, autoRotate }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_drei15.Environment, { preset: environment })
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("group", { position, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react28.Suspense, { fallback: null, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Model, { src, scale, autoRotate }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_drei15.Environment, { preset: environment })
   ] }) });
 }
 function Model({ src, scale, autoRotate }) {
   const { scene } = (0, import_drei15.useGLTF)(src);
-  const ref = (0, import_react27.useRef)(null);
+  const ref = (0, import_react28.useRef)(null);
   (0, import_fiber7.useFrame)((state, delta) => {
     if (ref.current && autoRotate) {
       ref.current.rotation.y += delta * 0.5;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("primitive", { object: scene, scale, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("primitive", { object: scene, scale, ref });
 }
 
 // src/components/ui/videoplane.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_drei16 = require("@react-three/drei");
 var THREE = __toESM(require("three"), 1);
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function VideoPlane({
   src,
   width = 4,
@@ -5476,14 +5528,14 @@ function VideoPlane({
   opacity = 1,
   side = "double"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    import_react28.Suspense,
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    import_react29.Suspense,
     {
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("mesh", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("planeGeometry", { args: [width, width * 0.56] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("meshBasicMaterial", { color: "gray", wireframe: true })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("mesh", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("planeGeometry", { args: [width, width * 0.56] }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("meshBasicMaterial", { color: "gray", wireframe: true })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         VideoPlaneContent,
         {
           src,
@@ -5520,9 +5572,9 @@ function VideoPlaneContent({
   const aspect = video && video.videoWidth > 0 && video.videoHeight > 0 ? video.videoWidth / video.videoHeight : 16 / 9;
   const planeHeight = height ?? width / aspect;
   const materialSide = side === "double" ? THREE.DoubleSide : side === "back" ? THREE.BackSide : THREE.FrontSide;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("mesh", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("planeGeometry", { args: [width, planeHeight] }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("mesh", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("planeGeometry", { args: [width, planeHeight] }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "meshBasicMaterial",
       {
         map: texture,
@@ -5536,20 +5588,20 @@ function VideoPlaneContent({
 }
 
 // src/components/ui/audiovisualizer.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_fiber8 = require("@react-three/fiber");
 var THREE2 = __toESM(require("three"), 1);
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function AudioVisualizer({
   audioSrc,
   fftSize = 64,
   barColor = "#22d3ee",
   width = 10
 }) {
-  const analyserRef = (0, import_react29.useRef)(null);
-  const meshRef = (0, import_react29.useRef)(null);
-  const [ready, setReady] = (0, import_react29.useState)(false);
-  (0, import_react29.useEffect)(() => {
+  const analyserRef = (0, import_react30.useRef)(null);
+  const meshRef = (0, import_react30.useRef)(null);
+  const [ready, setReady] = (0, import_react30.useState)(false);
+  (0, import_react30.useEffect)(() => {
     const listener = new THREE2.AudioListener();
     const sound = new THREE2.Audio(listener);
     const audioLoader = new THREE2.AudioLoader();
@@ -5584,25 +5636,25 @@ function AudioVisualizer({
       meshRef.current.instanceMatrix.needsUpdate = true;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("instancedMesh", { ref: meshRef, args: [void 0, void 0, fftSize / 2], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("boxGeometry", { args: [1, 1, 1] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("meshStandardMaterial", { color: barColor })
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("instancedMesh", { ref: meshRef, args: [void 0, void 0, fftSize / 2], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("boxGeometry", { args: [1, 1, 1] }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("meshStandardMaterial", { color: barColor })
   ] });
 }
 
 // src/components/ui/particles.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_fiber9 = require("@react-three/fiber");
 var import_three8 = require("three");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function Particles({
   count: count2 = 1e3,
   size = 0.03,
   color = "#a78bfa",
   speed = 0.1
 }) {
-  const points = (0, import_react30.useRef)(null);
-  const particlesPosition = (0, import_react30.useMemo)(() => {
+  const points = (0, import_react31.useRef)(null);
+  const particlesPosition = (0, import_react31.useMemo)(() => {
     const positions = new Float32Array(count2 * 3);
     for (let i = 0; i < count2; i++) {
       positions[i * 3] = (Math.random() - 0.5) * 10;
@@ -5616,8 +5668,8 @@ function Particles({
       points.current.rotation.y += delta * speed;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("points", { ref: points, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("bufferGeometry", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("points", { ref: points, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("bufferGeometry", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "bufferAttribute",
       {
         attach: "attributes-position",
@@ -5626,7 +5678,7 @@ function Particles({
         itemSize: 3
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "pointsMaterial",
       {
         size,
@@ -5641,7 +5693,7 @@ function Particles({
 }
 
 // src/components/ui/bloom.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_fiber10 = require("@react-three/fiber");
 
 // node_modules/three-stdlib/postprocessing/ShaderPass.js
@@ -6395,12 +6447,12 @@ var RenderPass = class extends Pass {
 
 // src/components/ui/bloom.tsx
 var import_three15 = require("three");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 (0, import_fiber10.extend)({ EffectComposer, RenderPass, UnrealBloomPass });
 function Bloom({ intensity = 1, radius = 0.4, threshold = 0 }) {
   const { gl, scene, camera, size } = (0, import_fiber10.useThree)();
-  const composer = (0, import_react31.useRef)(null);
-  (0, import_react31.useEffect)(() => {
+  const composer = (0, import_react32.useRef)(null);
+  (0, import_react32.useEffect)(() => {
     if (composer.current) {
       composer.current.setSize(size.width, size.height);
     }
@@ -6410,24 +6462,24 @@ function Bloom({ intensity = 1, radius = 0.4, threshold = 0 }) {
       composer.current.render();
     }
   }, 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("effectComposer", { ref: composer, args: [gl], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("renderPass", { attach: "passes", args: [scene, camera] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("unrealBloomPass", { attach: "passes", args: [new import_three15.Vector2(size.width, size.height), intensity, radius, threshold] })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("effectComposer", { ref: composer, args: [gl], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("renderPass", { attach: "passes", args: [scene, camera] }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("unrealBloomPass", { attach: "passes", args: [new import_three15.Vector2(size.width, size.height), intensity, radius, threshold] })
   ] });
 }
 
 // src/components/ui/reflection.tsx
 var import_drei17 = require("@react-three/drei");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function Reflection({
   blur = [300, 100],
   opacity = 0.5,
   resolution = 512,
   color = "#101010"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, -0.01, 0], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("planeGeometry", { args: [50, 50] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, -0.01, 0], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("planeGeometry", { args: [50, 50] }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       import_drei17.MeshReflectorMaterial,
       {
         blur,
@@ -6447,7 +6499,7 @@ function Reflection({
 }
 
 // src/components/ui/fog.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function Fog({
   color = "#000",
   near = 5,
@@ -6456,17 +6508,17 @@ function Fog({
   density = 0.02
 }) {
   if (type === "exponential") {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("fogExp2", { attach: "fog", args: [color, density] });
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("fogExp2", { attach: "fog", args: [color, density] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("fog", { attach: "fog", args: [color, near, far] });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("fog", { attach: "fog", args: [color, near, far] });
 }
 
 // src/components/ui/shadowsystem.tsx
 var import_drei18 = require("@react-three/drei");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function ShadowSystem({ type = "soft", bias = -1e-4, mapSize = 1024 }) {
   if (type === "soft") {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_drei18.SoftShadows, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_drei18.SoftShadows, {});
   }
   if (type === "contact") {
     return null;
@@ -6475,16 +6527,16 @@ function ShadowSystem({ type = "soft", bias = -1e-4, mapSize = 1024 }) {
 }
 
 // src/components/ui/gloweffect.tsx
-var import_react32 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 var THREE3 = __toESM(require("three"), 1);
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function GlowEffect({
   children,
   color = "#22d3ee",
   intensity = 1,
   scale = 1.2
 }) {
-  const glowMaterial = import_react32.default.useMemo(() => {
+  const glowMaterial = import_react33.default.useMemo(() => {
     return new THREE3.MeshBasicMaterial({
       color,
       transparent: true,
@@ -6494,11 +6546,11 @@ function GlowEffect({
       // Outline effect often uses BackSide with scaled mesh
     });
   }, [color, intensity]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("group", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("group", { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("group", { scale: [scale, scale, scale], children: import_react32.Children.map(children, (child) => {
-      if (import_react32.default.isValidElement(child)) {
-        return (0, import_react32.cloneElement)(child, {
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("group", { scale: [scale, scale, scale], children: import_react33.Children.map(children, (child) => {
+      if (import_react33.default.isValidElement(child)) {
+        return (0, import_react33.cloneElement)(child, {
           material: glowMaterial
         });
       }
@@ -6508,11 +6560,11 @@ function GlowEffect({
 }
 
 // src/components/ui/waveeffect.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 var import_drei19 = require("@react-three/drei");
 var import_fiber11 = require("@react-three/fiber");
 var THREE4 = __toESM(require("three"), 1);
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var WaveMaterial = (0, import_drei19.shaderMaterial)(
   { time: 0, color: new THREE4.Color(0.2, 0.5, 1) },
   // vertex shader
@@ -6537,14 +6589,14 @@ var WaveMaterial = (0, import_drei19.shaderMaterial)(
 );
 (0, import_fiber11.extend)({ WaveMaterial });
 function WaveEffect({ children, amplitude = 0.3, frequency = 2, speed = 1 }) {
-  const group = import_react33.default.useRef(null);
-  const material = (0, import_react33.useMemo)(() => new WaveMaterial(), []);
+  const group = import_react34.default.useRef(null);
+  const material = (0, import_react34.useMemo)(() => new WaveMaterial(), []);
   (0, import_fiber11.useFrame)((state, delta) => {
     if (material) {
       material.time += delta * speed;
     }
   });
-  import_react33.default.useEffect(() => {
+  import_react34.default.useEffect(() => {
     if (group.current) {
       group.current.traverse((obj) => {
         if (obj.isMesh) {
@@ -6553,15 +6605,15 @@ function WaveEffect({ children, amplitude = 0.3, frequency = 2, speed = 1 }) {
       });
     }
   }, [children, material]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("group", { ref: group, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("group", { ref: group, children });
 }
 
 // src/components/ui/noisefield.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_drei20 = require("@react-three/drei");
 var import_fiber12 = require("@react-three/fiber");
 var THREE5 = __toESM(require("three"), 1);
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var NoiseMaterial = (0, import_drei20.shaderMaterial)(
   { time: 0, scale: 1, color: new THREE5.Color(0.2, 0.5, 1) },
   // Vertex
@@ -6592,16 +6644,16 @@ var NoiseMaterial = (0, import_drei20.shaderMaterial)(
 );
 (0, import_fiber12.extend)({ NoiseMaterial });
 function NoiseField({ scale = 1, speed = 0.5, mode = "color" }) {
-  const material = (0, import_react34.useMemo)(() => new NoiseMaterial(), []);
+  const material = (0, import_react35.useMemo)(() => new NoiseMaterial(), []);
   (0, import_fiber12.useFrame)((state, delta) => {
     if (material) {
       material.time += delta * speed;
       material.scale = scale;
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("mesh", { rotation: [-Math.PI / 2, 0, 0], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("planeGeometry", { args: [10, 10, 64, 64] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("primitive", { object: material, attach: "material" })
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("mesh", { rotation: [-Math.PI / 2, 0, 0], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("planeGeometry", { args: [10, 10, 64, 64] }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("primitive", { object: material, attach: "material" })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -6871,6 +6923,7 @@ function NoiseField({ scale = 1, speed = 0.5, mode = "color" }) {
   TableRow,
   Tabs3D,
   Textarea,
+  ThemeProvider,
   Timeline3D,
   Toast,
   ToastAction,
@@ -6899,6 +6952,8 @@ function NoiseField({ scale = 1, speed = 0.5, mode = "color" }) {
   sonnerToast,
   toggleVariants,
   useFormField,
-  useSidebar
+  useSidebar,
+  useTheme,
+  useThemeOptional
 });
 //# sourceMappingURL=index.cjs.map