@moontra/moonui 0.1.0 → 2.0.0

package/dist/index.mjs

@@ -1,6 +1,30 @@
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React32 from 'react';
+import { createContext, useContext, useState, useMemo, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, ChevronUp, Check, Loader2, X, Info, AlertCircle, AlertTriangle, Minus, Circle, MoreHorizontal, Search, ChevronRight, ChevronLeft } from 'lucide-react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import 'react-dom';
+import { createSlot } from '@radix-ui/react-slot';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+
+/** @license MoonUI v1.0.0 - MIT License - https://moonui.dev */
+
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -44,30 +68,289 @@ function combineRefs(...refs) {
     });
   };
 }
-
-// src/components/ui/button.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+var modernTheme = {
+  borderRadius: {
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    full: "9999px"
+  },
+  colors: {
+    primary: "hsl(250, 95%, 64%)",
+    secondary: "hsl(250, 70%, 80%)",
+    success: "hsl(142, 71%, 45%)",
+    warning: "hsl(38, 92%, 50%)",
+    error: "hsl(0, 84%, 60%)",
+    background: "hsl(0, 0%, 100%)",
+    foreground: "hsl(221, 39%, 11%)",
+    card: "hsl(0, 0%, 100%)",
+    cardForeground: "hsl(221, 39%, 11%)",
+    border: "hsl(210, 20%, 90%)",
+    muted: "hsl(210, 20%, 96%)",
+    mutedForeground: "hsl(215, 16%, 47%)",
+    accent: "hsl(328, 85%, 70%)",
+    accentForeground: "hsl(210, 20%, 98%)"
+  }
+};
+var roundedTheme = {
+  borderRadius: {
+    sm: "1rem",
+    md: "1.25rem",
+    lg: "1.5rem",
+    full: "9999px"
+  }
+};
+var minimalTheme = {
+  borderRadius: {
+    sm: "0.125rem",
+    md: "0.25rem",
+    lg: "0.375rem",
+    full: "9999px"
+  },
+  colors: {
+    primary: "hsl(220, 14%, 40%)",
+    secondary: "hsl(220, 9%, 60%)",
+    success: "hsl(142, 71%, 45%)",
+    warning: "hsl(38, 92%, 50%)",
+    error: "hsl(0, 84%, 60%)",
+    background: "hsl(0, 0%, 100%)",
+    foreground: "hsl(221, 39%, 11%)",
+    card: "hsl(0, 0%, 100%)",
+    cardForeground: "hsl(221, 39%, 11%)",
+    border: "hsl(220, 13%, 91%)",
+    muted: "hsl(220, 14%, 96%)",
+    mutedForeground: "hsl(215, 16%, 47%)",
+    accent: "hsl(210, 20%, 96%)",
+    accentForeground: "hsl(221, 39%, 11%)"
+  }
+};
+var defaultLightTheme = {
+  colors: {
+    primary: "hsl(221, 83%, 53%)",
+    secondary: "hsl(215, 20%, 65%)",
+    success: "hsl(142, 71%, 45%)",
+    warning: "hsl(38, 92%, 50%)",
+    error: "hsl(0, 84%, 60%)",
+    background: "hsl(0, 0%, 100%)",
+    foreground: "hsl(221, 39%, 11%)",
+    card: "hsl(0, 0%, 100%)",
+    cardForeground: "hsl(221, 39%, 11%)",
+    border: "hsl(210, 20%, 90%)",
+    muted: "hsl(210, 20%, 96%)",
+    mutedForeground: "hsl(215, 16%, 47%)",
+    accent: "hsl(210, 20%, 96%)",
+    accentForeground: "hsl(221, 39%, 11%)"
+  },
+  borderRadius: {
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    full: "9999px"
+  },
+  fontSizes: {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    base: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem",
+    "2xl": "1.5rem",
+    "3xl": "1.875rem"
+  },
+  spacing: {
+    1: "0.25rem",
+    2: "0.5rem",
+    4: "1rem",
+    6: "1.5rem",
+    8: "2rem"
+  }
+};
+var defaultDarkTheme = {
+  ...defaultLightTheme,
+  colors: {
+    primary: "hsl(221, 83%, 53%)",
+    secondary: "hsl(215, 20%, 65%)",
+    success: "hsl(142, 71%, 45%)",
+    warning: "hsl(38, 92%, 50%)",
+    error: "hsl(0, 84%, 60%)",
+    background: "hsl(221, 39%, 11%)",
+    foreground: "hsl(210, 20%, 98%)",
+    card: "hsl(220, 26%, 14%)",
+    cardForeground: "hsl(210, 20%, 98%)",
+    border: "hsl(215, 28%, 17%)",
+    muted: "hsl(215, 27%, 16%)",
+    mutedForeground: "hsl(215, 16%, 57%)",
+    accent: "hsl(215, 27%, 16%)",
+    accentForeground: "hsl(210, 20%, 98%)"
+  }
+};
+var ThemeContext = createContext(void 0);
+var getPresetTheme = (preset) => {
+  switch (preset) {
+    case "modern":
+      return modernTheme;
+    case "rounded":
+      return roundedTheme;
+    case "minimal":
+      return minimalTheme;
+    default:
+      return {};
+  }
+};
+var ThemeProvider = ({
+  children,
+  defaultColorMode = "light",
+  preset = "default",
+  lightTheme = {},
+  darkTheme = {},
+  extensions = {}
+}) => {
+  const [colorMode, setColorMode] = useState(defaultColorMode);
+  const presetThemeValues = getPresetTheme(preset);
+  const [customLightTheme, setCustomLightTheme] = useState({
+    ...defaultLightTheme,
+    ...presetThemeValues,
+    ...lightTheme,
+    colors: {
+      ...defaultLightTheme.colors,
+      ...presetThemeValues.colors || {},
+      ...lightTheme.colors || {}
+    },
+    extensions
+  });
+  const [customDarkTheme, setCustomDarkTheme] = useState({
+    ...defaultDarkTheme,
+    ...presetThemeValues,
+    ...darkTheme,
+    colors: {
+      ...defaultDarkTheme.colors,
+      ...presetThemeValues.colors || {},
+      ...darkTheme.colors || {}
+    },
+    extensions
+  });
+  const theme = useMemo(() => {
+    return colorMode === "light" ? customLightTheme : customDarkTheme;
+  }, [colorMode, customLightTheme, customDarkTheme]);
+  const updateTheme = (config) => {
+    if (colorMode === "light") {
+      setCustomLightTheme((prev) => ({
+        ...prev,
+        ...config,
+        colors: {
+          ...prev.colors,
+          ...config.colors || {}
+        },
+        extensions: {
+          ...prev.extensions || {},
+          ...config.extensions || {}
+        }
+      }));
+    } else {
+      setCustomDarkTheme((prev) => ({
+        ...prev,
+        ...config,
+        colors: {
+          ...prev.colors,
+          ...config.colors || {}
+        },
+        extensions: {
+          ...prev.extensions || {},
+          ...config.extensions || {}
+        }
+      }));
+    }
+  };
+  const setThemePreset = (preset2) => {
+    const presetValues = getPresetTheme(preset2);
+    updateTheme({
+      ...presetValues,
+      colors: presetValues.colors
+    });
+  };
+  const value = {
+    theme,
+    colorMode,
+    setColorMode,
+    updateTheme,
+    setThemePreset
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+};
+var useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+var createCssVariables = (theme) => {
+  const variables = {};
+  Object.entries(theme.colors).forEach(([key, value]) => {
+    variables[`--color-${key}`] = value;
+  });
+  Object.entries(theme.borderRadius).forEach(([key, value]) => {
+    variables[`--radius-${key}`] = value;
+  });
+  Object.entries(theme.fontSizes).forEach(([key, value]) => {
+    variables[`--font-size-${key}`] = value;
+  });
+  Object.entries(theme.spacing).forEach(([key, value]) => {
+    variables[`--space-${key}`] = value;
+  });
+  if (theme.extensions) {
+    Object.entries(theme.extensions).forEach(([categoryKey, categoryValue]) => {
+      if (typeof categoryValue === "object" && categoryValue !== null) {
+        Object.entries(categoryValue).forEach(([key, value]) => {
+          variables[`--${categoryKey}-${key}`] = value;
+        });
+      } else if (typeof categoryValue === "string") {
+        variables[`--${categoryKey}`] = categoryValue;
+      }
+    });
+  }
+  return variables;
+};
+var CssVariablesInjector = () => {
+  const { theme } = useTheme();
+  useEffect(() => {
+    const variables = createCssVariables(theme);
+    const root = document.documentElement;
+    Object.entries(variables).forEach(([key, value]) => {
+      root.style.setProperty(key, value);
+    });
+    return () => {
+      Object.keys(variables).forEach((key) => {
+        root.style.removeProperty(key);
+      });
+    };
+  }, [theme]);
+  return null;
+};
+var ThemeProvider2 = (props) => {
+  return /* @__PURE__ */ jsxs(ThemeProvider, { ...props, children: [
+    /* @__PURE__ */ jsx(CssVariablesInjector, {}),
+    props.children
+  ] });
+};
 var buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300",
+  "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90",
-        destructive: "bg-red-500 text-slate-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-slate-50 dark:hover:bg-red-900/90",
-        outline: "border border-slate-200 bg-white hover:bg-slate-100 hover:text-slate-900 dark:border-slate-800 dark:bg-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50",
-        secondary: "bg-slate-100 text-slate-900 hover:bg-slate-100/80 dark:bg-slate-800 dark:text-slate-50 dark:hover:bg-slate-800/80",
-        ghost: "hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-800 dark:hover:text-slate-50",
-        link: "text-slate-900 underline-offset-4 hover:underline dark:text-slate-50",
-        primary: "bg-primary text-white hover:bg-primary/90",
-        success: "bg-green-500 text-white hover:bg-green-600"
+        default: "bg-[var(--color-foreground)] text-[var(--color-background)] hover:bg-[var(--color-foreground)]/90",
+        destructive: "bg-[var(--color-error)] text-white hover:bg-[var(--color-error)]/90",
+        outline: "border border-[var(--color-border)] bg-[var(--color-background)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]",
+        secondary: "bg-[var(--color-muted)] text-[var(--color-mutedForeground)] hover:bg-[var(--color-muted)]/80",
+        ghost: "hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]",
+        link: "text-[var(--color-foreground)] underline-offset-4 hover:underline",
+        primary: "bg-[var(--color-primary)] text-white hover:bg-[var(--color-primary)]/90",
+        success: "bg-[var(--color-success)] text-white hover:bg-[var(--color-success)]/90"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+        default: "h-10 px-4 py-2 rounded-[var(--radius-md)]",
+        sm: "h-9 rounded-[var(--radius-sm)] px-3 text-sm",
+        lg: "h-11 rounded-[var(--radius-lg)] px-8 text-base",
+        icon: "h-10 w-10 rounded-[var(--radius-md)]"
       }
     },
     defaultVariants: {
@@ -76,36 +359,36 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React.forwardRef(
+var Button = React32.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React.Fragment : "button";
+    const Comp = asChild ? React32.Fragment : "button";
     return /* @__PURE__ */ jsx(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
         ref,
-        ...props
+        ...props,
+        style: {
+          // Özel tema değişkenleri burada da kullanılabilir
+          ...props.style
+        }
       }
     );
   }
 );
 Button.displayName = "Button";
-
-// src/components/ui/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-        success: "border-transparent bg-green-500 text-white hover:bg-green-600",
-        warning: "border-transparent bg-yellow-500 text-white hover:bg-yellow-600",
-        info: "border-transparent bg-blue-500 text-white hover:bg-blue-600"
+        default: "border-transparent bg-[var(--color-primary)] text-white hover:bg-[var(--color-primary)]/80",
+        secondary: "border-transparent bg-[var(--color-secondary)] text-white hover:bg-[var(--color-secondary)]/80",
+        destructive: "border-transparent bg-[var(--color-error)] text-white hover:bg-[var(--color-error)]/80",
+        outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]",
+        success: "border-transparent bg-[var(--color-success)] text-white hover:bg-[var(--color-success)]/80",
+        warning: "border-transparent bg-[var(--color-warning)] text-white hover:bg-[var(--color-warning)]/80",
+        info: "border-transparent bg-[var(--color-primary)] text-white hover:bg-[var(--color-primary)]/80"
       }
     },
     defaultVariants: {
@@ -114,25 +397,22 @@ var badgeVariants = cva2(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-
-// src/components/ui/card.tsx
-import * as React2 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var Card = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     className: cn(
-      "rounded-lg border border-slate-200 bg-white text-slate-950 shadow-sm dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50",
+      "rounded-lg border shadow-sm",
+      "border-[var(--color-border)] bg-[var(--color-card)] text-[var(--color-foreground)]",
       className
     ),
     ...props
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var CardHeader = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -141,7 +421,7 @@ var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var CardTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -153,18 +433,18 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var CardDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
-    className: cn("text-sm text-slate-500 dark:text-slate-400", className),
+    className: cn("text-sm text-[var(--color-muted-foreground)]", className),
     ...props
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var CardFooter = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -173,21 +453,3751 @@ var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
-export {
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  badgeVariants,
-  buttonVariants,
-  cn,
-  combineRefs,
-  debounce,
-  formatCurrency,
-  generateId,
-  get
-};
+var Input = React32.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-[var(--radius-md)] border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          "border-[var(--color-border)] bg-[var(--color-background)] text-[var(--color-foreground)]",
+          "placeholder:text-[var(--color-muted-foreground)] focus-visible:outline-none focus-visible:ring-2",
+          "focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-background)]",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var Textarea = React32.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+var labelVariants = cva(
+  "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
+);
+var Label = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+var Separator = React32.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-[var(--radius-md)] border px-3 py-2 text-sm [&>span]:line-clamp-1",
+      "border-[var(--color-border)] bg-[var(--color-background)] text-[var(--color-foreground)]",
+      "placeholder:text-[var(--color-muted-foreground)] focus:outline-none focus:ring-2",
+      "focus:ring-[var(--color-primary)] focus:ring-offset-2 focus:ring-offset-[var(--color-background)]",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React32.forwardRef(({ className, children, position = "item-aligned", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border shadow-md",
+      "border-[var(--color-border)] bg-[var(--color-card)] text-[var(--color-foreground)]",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--color-foreground)]", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      "focus:bg-[var(--color-accent)] focus:text-[var(--color-accent-foreground)]",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+var Switch = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
+      "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]",
+      "focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-background)]",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-[var(--color-primary)] data-[state=unchecked]:bg-[var(--color-muted)]",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform",
+          "bg-[var(--color-background)] data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var overlayVariants = cva(
+  "fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-black/80",
+        subtle: "bg-black/60",
+        blur: "bg-black/40 backdrop-blur-md",
+        minimal: "bg-black/20 backdrop-blur-sm"
+      },
+      animation: {
+        default: "duration-200",
+        slow: "duration-300",
+        fast: "duration-100"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      animation: "default"
+    }
+  }
+);
+var DialogOverlay = React32.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(overlayVariants({ variant, animation }), className),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = cva(
+  "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border shadow-lg bg-[var(--color-card)] text-[var(--color-foreground)]",
+  {
+    variants: {
+      variant: {
+        default: "border-[var(--color-border)]",
+        primary: "border-[var(--color-primary)]/20",
+        secondary: "border-[var(--color-secondary)]/20",
+        ghost: "border-transparent shadow-xl",
+        destructive: "border-[var(--color-error)]/20"
+      },
+      size: {
+        xs: "max-w-xs p-4",
+        sm: "max-w-sm p-5",
+        default: "max-w-lg p-6",
+        md: "max-w-md p-6",
+        lg: "max-w-2xl p-7",
+        xl: "max-w-4xl p-8",
+        full: "max-w-[95vw] max-h-[95vh] p-6"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        xl: "rounded-2xl",
+        full: "rounded-[var(--radius-full)]"
+      },
+      animation: {
+        default: "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        fade: "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        zoom: "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        slide: "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        none: ""
+      },
+      position: {
+        default: "top-[50%]",
+        top: "top-[5%]",
+        bottom: "bottom-[5%] top-auto translate-y-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      animation: "default",
+      position: "default"
+    }
+  }
+);
+var DialogContent = React32.forwardRef(
+  ({
+    className,
+    children,
+    variant,
+    size,
+    radius,
+    animation,
+    position,
+    overlayVariant = "default",
+    overlayAnimation = "default",
+    hideCloseButton = false,
+    title,
+    description,
+    icon,
+    loading = false,
+    success = false,
+    onClose,
+    ...props
+  }, ref) => {
+    const handleClose = () => {
+      if (onClose) {
+        onClose();
+      }
+    };
+    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsx(
+        DialogOverlay,
+        {
+          variant: overlayVariant,
+          animation: overlayAnimation
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          className: cn(
+            dialogContentVariants({
+              variant,
+              size,
+              radius,
+              animation,
+              position
+            }),
+            className
+          ),
+          onEscapeKeyDown: onClose ? (e) => {
+            e.preventDefault();
+            handleClose();
+          } : void 0,
+          onPointerDownOutside: onClose ? (e) => {
+            e.preventDefault();
+            handleClose();
+          } : void 0,
+          ...props,
+          children: [
+            (title || description) && /* @__PURE__ */ jsxs(DialogHeader, { className: icon || loading || success ? "flex flex-row items-start gap-4" : "", children: [
+              (icon || loading || success) && /* @__PURE__ */ jsxs("div", { className: "rounded-full bg-[var(--color-accent)] p-2 flex-shrink-0", children: [
+                loading && /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-[var(--color-primary)]" }),
+                success && !loading && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-[var(--color-success)]" }),
+                !loading && !success && icon && /* @__PURE__ */ jsx("span", { className: "text-[var(--color-primary)]", children: icon })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                title && /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+                description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
+              ] })
+            ] }),
+            children,
+            !hideCloseButton && /* @__PURE__ */ jsxs(
+              DialogPrimitive.Close,
+              {
+                onClick: handleClose,
+                className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/30 focus:ring-offset-2 disabled:pointer-events-none text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2 mt-6",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-snug tracking-tight text-[var(--color-foreground)]",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn(
+      "text-sm text-[var(--color-muted-foreground)] leading-normal",
+      className
+    ),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var DialogForm = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "form",
+  {
+    ref,
+    className: cn("flex flex-col gap-4", className),
+    ...props
+  }
+));
+DialogForm.displayName = "DialogForm";
+var Tabs = React32.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Root,
+  {
+    ref,
+    orientation: vertical ? "vertical" : "horizontal",
+    ...props
+  }
+));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+var tabsListVariants = cva(
+  "flex items-center justify-start transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-accent)] rounded-[var(--radius-sm)] p-1 text-[var(--color-muted-foreground)]",
+        pills: "bg-transparent gap-2 p-0 text-[var(--color-muted-foreground)]",
+        underline: "bg-transparent border-b border-[var(--color-border)] gap-4 text-[var(--color-muted-foreground)]",
+        cards: "bg-transparent gap-2 p-0 text-[var(--color-muted-foreground)]",
+        minimal: "bg-transparent gap-1 p-0 text-[var(--color-muted-foreground)]"
+      },
+      orientation: {
+        horizontal: "flex-row",
+        vertical: "flex-col items-start gap-1"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      orientation: "horizontal",
+      fullWidth: false
+    }
+  }
+);
+var TabsList = React32.forwardRef(({ className, variant, orientation, fullWidth, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(tabsListVariants({ variant, orientation, fullWidth, className })),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var tabsTriggerVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "rounded-[var(--radius-sm)] data-[state=active]:bg-[var(--color-background)] data-[state=active]:text-[var(--color-foreground)] data-[state=active]:shadow-sm",
+        underline: "rounded-none border-b-2 border-transparent pb-2 data-[state=active]:border-[var(--color-primary)] data-[state=active]:bg-transparent data-[state=active]:text-[var(--color-foreground)]",
+        pills: "rounded-full bg-[var(--color-accent)] hover:bg-[var(--color-accent)]/80 data-[state=active]:bg-[var(--color-primary)] data-[state=active]:text-[var(--color-primary-foreground)]",
+        cards: "rounded-[var(--radius-sm)] bg-[var(--color-accent)]/50 hover:bg-[var(--color-accent)] data-[state=active]:bg-[var(--color-background)] data-[state=active]:text-[var(--color-foreground)] data-[state=active]:shadow-md",
+        minimal: "rounded-sm bg-transparent hover:bg-[var(--color-accent)]/30 data-[state=active]:bg-transparent data-[state=active]:text-[var(--color-foreground)] data-[state=active]:underline data-[state=active]:underline-offset-4"
+      },
+      size: {
+        sm: "h-7 px-2 text-[var(--font-size-xs)]",
+        md: "h-9 px-3 py-1.5 text-[var(--font-size-sm)]",
+        lg: "h-10 px-4 py-2 text-[var(--font-size-base)]"
+      },
+      orientation: {
+        horizontal: "",
+        vertical: "justify-start w-full text-left"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      orientation: "horizontal",
+      fullWidth: false
+    }
+  }
+);
+var TabsTrigger = React32.forwardRef(({
+  className,
+  variant,
+  size,
+  icon,
+  iconPosition = "left",
+  badge,
+  fadeTabs = false,
+  orientation,
+  fullWidth,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      tabsTriggerVariants({ variant, size, orientation, fullWidth }),
+      fadeTabs && "data-[state=inactive]:opacity-60",
+      className
+    ),
+    ...props,
+    children: [
+      icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
+      children,
+      icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", { className: "ml-2", children: icon }),
+      badge && /* @__PURE__ */ jsx("span", { className: "ml-2", children: badge })
+    ]
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React32.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]/30 focus-visible:ring-offset-2",
+      animated && "data-[state=active]:animate-fadeIn data-[state=inactive]:animate-fadeOut",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+var avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden",
+  {
+    variants: {
+      size: {
+        default: "h-10 w-10",
+        xs: "h-6 w-6",
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-12 w-12",
+        xl: "h-16 w-16",
+        "2xl": "h-20 w-20"
+      },
+      radius: {
+        default: "rounded-full",
+        sm: "rounded-[var(--radius-sm)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full",
+        none: "rounded-none"
+      },
+      variant: {
+        default: "",
+        ring: "ring-2 ring-[var(--color-border)]",
+        ringOffset: "ring-2 ring-[var(--color-border)] ring-offset-2 ring-offset-[var(--color-background)]",
+        border: "border-2 border-[var(--color-border)]"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "default",
+      variant: "default"
+    }
+  }
+);
+var Avatar = React32.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(avatarVariants({ size, radius, variant }), className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center bg-[var(--color-accent)] text-[var(--color-foreground)]",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var AvatarGroup = React32.forwardRef(
+  ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
+    const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
+    const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          visibleAvatars.map((avatar, index) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative",
+              style: {
+                marginLeft: index === 0 ? 0 : `${overlapOffset}px`,
+                zIndex: visibleAvatars.length - index
+              },
+              children: avatar
+            },
+            index
+          )),
+          remainingCount > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative z-0",
+              style: { marginLeft: `${overlapOffset}px` },
+              children: /* @__PURE__ */ jsx(Avatar, { variant: "border", children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+                "+",
+                remainingCount
+              ] }) })
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+var alertVariants = cva(
+  "relative w-full flex items-center gap-3 p-4 border text-[var(--color-foreground)] [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-background)] text-[var(--color-foreground)] border-[var(--color-border)]",
+        primary: "bg-[var(--color-primary)]/10 text-[var(--color-primary)] border-[var(--color-primary)]/30",
+        success: "bg-[var(--color-success)]/10 text-[var(--color-success)] border-[var(--color-success)]/30",
+        warning: "bg-[var(--color-warning)]/10 text-[var(--color-warning)] border-[var(--color-warning)]/30",
+        error: "bg-[var(--color-error)]/10 text-[var(--color-error)] border-[var(--color-error)]/30",
+        info: "bg-[var(--color-info)]/10 text-[var(--color-info)] border-[var(--color-info)]/30"
+      },
+      size: {
+        sm: "py-2 text-[var(--font-size-xs)]",
+        default: "py-3 text-[var(--font-size-sm)]",
+        lg: "py-4 text-[var(--font-size-base)]"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      },
+      withClose: {
+        true: "pr-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      withClose: false
+    }
+  }
+);
+var Alert = React32.forwardRef(
+  ({ className, variant = "default", size, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
+    const Icon2 = React32.useMemo(() => {
+      switch (variant) {
+        case "success":
+          return Check;
+        case "warning":
+          return AlertTriangle;
+        case "error":
+          return AlertCircle;
+        case "info":
+          return Info;
+        default:
+          return Info;
+      }
+    }, [variant]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant, size, radius, withClose: closable }), className),
+        ...props,
+        children: [
+          !hideIcon && /* @__PURE__ */ jsx(Icon2, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
+          closable && onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: "absolute right-3 top-3 inline-flex h-6 w-6 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100",
+              "aria-label": "Kapat",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("font-semibold leading-tight tracking-tight mb-1", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("leading-5 text-[var(--color-muted-foreground)]", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+var ToastProvider = React32.createContext(null);
+var useToast = () => {
+  const context = React32.useContext(ToastProvider);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between gap-2 overflow-hidden border p-4 shadow-md transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-background)] border-[var(--color-border)]",
+        primary: "border-[var(--color-primary)]/50 bg-[var(--color-primary)]/10",
+        success: "border-[var(--color-success)]/50 bg-[var(--color-success)]/10",
+        warning: "border-[var(--color-warning)]/50 bg-[var(--color-warning)]/10",
+        error: "border-[var(--color-error)]/50 bg-[var(--color-error)]/10",
+        info: "border-[var(--color-info)]/50 bg-[var(--color-info)]/10",
+        destructive: "destructive group border-[var(--color-error)] bg-[var(--color-error)] text-[var(--color-error-foreground)]"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)]",
+        default: "text-[var(--font-size-sm)]",
+        lg: "text-[var(--font-size-base)]"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default"
+    }
+  }
+);
+var Toast = ({
+  className,
+  variant,
+  size,
+  radius,
+  title,
+  description,
+  action,
+  onClose,
+  autoClose = true,
+  duration = 5e3,
+  hideIcon = false,
+  showProgress = false,
+  ...props
+}) => {
+  const [progress, setProgress] = React32.useState(100);
+  const timerRef = React32.useRef(void 0);
+  const Icon2 = React32.useMemo(() => {
+    switch (variant) {
+      case "success":
+        return Check;
+      case "warning":
+        return AlertTriangle;
+      case "error":
+      case "destructive":
+        return AlertCircle;
+      case "info":
+        return Info;
+      default:
+        return null;
+    }
+  }, [variant]);
+  React32.useEffect(() => {
+    if (autoClose) {
+      const startTime = Date.now();
+      const endTime = startTime + duration;
+      const updateProgress = () => {
+        const now = Date.now();
+        const remaining = endTime - now;
+        const newProgress = remaining / duration * 100;
+        setProgress(Math.max(0, newProgress));
+        if (remaining > 0) {
+          timerRef.current = setTimeout(updateProgress, 16);
+        } else if (onClose) {
+          onClose();
+        }
+      };
+      updateProgress();
+    }
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [autoClose, duration, onClose]);
+  const textColorClass = variant === "default" ? "text-[var(--color-foreground)]" : variant === "destructive" ? "text-[var(--color-error-foreground)]" : `text-[var(--color-${variant})]`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(toastVariants({ variant, size, radius }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start", children: [
+          !hideIcon && Icon2 && /* @__PURE__ */ jsx(
+            Icon2,
+            {
+              className: cn(
+                "h-5 w-5",
+                textColorClass
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            title && /* @__PURE__ */ jsx("div", { className: cn("font-medium leading-none tracking-tight", textColorClass), children: title }),
+            description && /* @__PURE__ */ jsx("div", { className: cn("text-[var(--color-muted-foreground)] leading-normal", {
+              "text-[var(--color-error-foreground)]/90": variant === "destructive"
+            }), children: description })
+          ] })
+        ] }),
+        action,
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: cn(
+              "absolute right-2 top-2 rounded-[var(--radius-sm)] p-1 transition-opacity hover:opacity-100 opacity-70",
+              textColorClass
+            ),
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        ),
+        autoClose && showProgress && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[var(--color-accent)]/50", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full transition-all",
+              variant === "default" ? "bg-[var(--color-primary)]" : `bg-[var(--color-${variant === "destructive" ? "error" : variant})]`
+            ),
+            style: { width: `${progress}%` }
+          }
+        ) })
+      ]
+    }
+  );
+};
+Toast.displayName = "Toast";
+var ToastContainer = ({
+  className,
+  position = "bottom-right",
+  gap = 8,
+  // maxToasts parametresi ileriki versiyonlarda kullanılacak
+  ...props
+}) => {
+  const positionClasses = {
+    "top-right": "top-0 right-0 flex-col-reverse",
+    "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col-reverse",
+    "top-left": "top-0 left-0 flex-col-reverse",
+    "bottom-right": "bottom-0 right-0 flex-col",
+    "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 flex-col",
+    "bottom-left": "bottom-0 left-0 flex-col"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "fixed z-[100] flex gap-2 p-4 md:max-w-[420px] w-full",
+        positionClasses[position],
+        className
+      ),
+      style: { gap: `${gap}px` },
+      ...props
+    }
+  );
+};
+ToastContainer.displayName = "ToastContainer";
+var tooltipContentVariants = cva(
+  "absolute z-50 overflow-hidden border text-[var(--font-size-xs)] opacity-0 transition-opacity duration-200 ease-in-out pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-background)] border-[var(--color-border)] text-[var(--color-foreground)]",
+        primary: "bg-[var(--color-primary)] border-[var(--color-primary)] text-[var(--color-primary-foreground)]",
+        secondary: "bg-[var(--color-secondary)] border-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
+        success: "bg-[var(--color-success)] border-[var(--color-success)] text-white",
+        warning: "bg-[var(--color-warning)] border-[var(--color-warning)] text-[var(--color-foreground)]",
+        error: "bg-[var(--color-error)] border-[var(--color-error)] text-white",
+        info: "bg-[var(--color-info)] border-[var(--color-info)] text-white"
+      },
+      size: {
+        sm: "px-2 py-1 max-w-[200px]",
+        default: "px-3 py-1.5 max-w-[300px]",
+        lg: "px-4 py-2 max-w-[400px]"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      },
+      shadow: {
+        sm: "shadow-sm",
+        default: "shadow-md",
+        lg: "shadow-lg",
+        none: ""
+      },
+      side: {
+        top: "bottom-full mb-2",
+        bottom: "top-full mt-2",
+        left: "right-full mr-2",
+        right: "left-full ml-2"
+      },
+      align: {
+        start: "",
+        center: "",
+        end: ""
+      },
+      visible: {
+        true: "opacity-100",
+        false: "opacity-0"
+      },
+      arrow: {
+        true: 'after:content-[""] after:absolute after:w-2 after:h-2 after:rotate-45 after:border after:border-t-0 after:border-l-0',
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      shadow: "default",
+      side: "top",
+      align: "center",
+      visible: false,
+      arrow: true
+    },
+    compoundVariants: [
+      {
+        side: "top",
+        arrow: true,
+        className: "after:bottom-[-5px] after:border-r-[var(--color-border)] after:border-b-[var(--color-border)] after:bg-[var(--color-background)]"
+      },
+      {
+        side: "bottom",
+        arrow: true,
+        className: "after:top-[-5px] after:border-t-[var(--color-border)] after:border-l-[var(--color-border)] after:bg-[var(--color-background)]"
+      },
+      {
+        side: "left",
+        arrow: true,
+        className: "after:right-[-5px] after:border-t-[var(--color-border)] after:border-r-[var(--color-border)] after:bg-[var(--color-background)]"
+      },
+      {
+        side: "right",
+        arrow: true,
+        className: "after:left-[-5px] after:border-b-[var(--color-border)] after:border-l-[var(--color-border)] after:bg-[var(--color-background)]"
+      },
+      {
+        align: "center",
+        side: "top",
+        className: "left-1/2 -translate-x-1/2 after:left-1/2 after:-translate-x-1/2"
+      },
+      {
+        align: "center",
+        side: "bottom",
+        className: "left-1/2 -translate-x-1/2 after:left-1/2 after:-translate-x-1/2"
+      },
+      {
+        align: "center",
+        side: "left",
+        className: "top-1/2 -translate-y-1/2 after:top-1/2 after:-translate-y-1/2"
+      },
+      {
+        align: "center",
+        side: "right",
+        className: "top-1/2 -translate-y-1/2 after:top-1/2 after:-translate-y-1/2"
+      },
+      {
+        align: "start",
+        side: "top",
+        className: "left-0 after:left-3"
+      },
+      {
+        align: "start",
+        side: "bottom",
+        className: "left-0 after:left-3"
+      },
+      {
+        align: "start",
+        side: "left",
+        className: "top-0 after:top-3"
+      },
+      {
+        align: "start",
+        side: "right",
+        className: "top-0 after:top-3"
+      },
+      {
+        align: "end",
+        side: "top",
+        className: "right-0 after:right-3"
+      },
+      {
+        align: "end",
+        side: "bottom",
+        className: "right-0 after:right-3"
+      },
+      {
+        align: "end",
+        side: "left",
+        className: "bottom-0 after:bottom-3"
+      },
+      {
+        align: "end",
+        side: "right",
+        className: "bottom-0 after:bottom-3"
+      }
+    ]
+  }
+);
+function Tooltip({
+  children,
+  content,
+  delayDuration = 300,
+  side = "top",
+  align = "center",
+  variant,
+  size,
+  radius,
+  shadow,
+  disabled = false,
+  contentClassName,
+  triggerClassName,
+  ...props
+}) {
+  const [visible, setVisible] = React32.useState(false);
+  const timeoutRef = React32.useRef(void 0);
+  const showTooltip = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      setVisible(true);
+    }, delayDuration);
+  };
+  const hideTooltip = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    setVisible(false);
+  };
+  React32.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: showTooltip,
+      onMouseLeave: hideTooltip,
+      onFocus: showTooltip,
+      onBlur: hideTooltip,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn("inline-flex", triggerClassName || ""), children }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              tooltipContentVariants({
+                variant,
+                size,
+                radius,
+                shadow,
+                side,
+                align,
+                visible,
+                arrow: true
+              }),
+              contentClassName
+            ),
+            role: "tooltip",
+            ...props,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+}
+Tooltip.displayName = "Tooltip";
+var checkboxVariants = cva(
+  "peer shrink-0 border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-[var(--color-primary-foreground)]",
+  {
+    variants: {
+      variant: {
+        default: "border-[var(--color-border)] bg-[var(--color-background)] data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]",
+        outline: "border-[var(--color-border)] bg-transparent data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]",
+        muted: "border-[var(--color-border)] bg-[var(--color-accent)] data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]",
+        ghost: "border-transparent bg-transparent hover:bg-[var(--color-accent)] data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]"
+      },
+      size: {
+        sm: "h-3.5 w-3.5",
+        default: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-sm)]",
+        md: "rounded-[var(--radius-md)]",
+        full: "rounded-full"
+      },
+      animation: {
+        none: "",
+        subtle: "transition-all duration-200",
+        default: "transition-all duration-200",
+        bounce: "transition-all duration-200"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      animation: "default"
+    }
+  }
+);
+var Checkbox = React32.forwardRef(({
+  className,
+  variant,
+  size,
+  radius,
+  animation,
+  indeterminate = false,
+  icon,
+  checked,
+  ...props
+}, ref) => {
+  const [isIndeterminate, setIsIndeterminate] = React32.useState(indeterminate);
+  React32.useEffect(() => {
+    setIsIndeterminate(indeterminate);
+  }, [indeterminate]);
+  const effectiveChecked = isIndeterminate ? false : checked;
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      checked: effectiveChecked,
+      className: cn(checkboxVariants({ variant, size, radius, animation }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: cn(
+            "flex items-center justify-center text-current",
+            animation === "bounce" && "data-[state=checked]:animate-bounce"
+          ),
+          children: isIndeterminate ? /* @__PURE__ */ jsx(Minus, { className: "h-[65%] w-[65%]" }) : icon ? icon : /* @__PURE__ */ jsx(Check, { className: "h-[65%] w-[65%]" })
+        }
+      )
+    }
+  );
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var CheckboxGroup = React32.forwardRef(
+  ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex",
+          orientation === "vertical" ? "flex-col" : "flex-row flex-wrap",
+          className
+        ),
+        style: { gap: spacing },
+        role: "group",
+        ...props,
+        children
+      }
+    );
+  }
+);
+CheckboxGroup.displayName = "CheckboxGroup";
+var CheckboxLabel = React32.forwardRef(
+  ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor,
+        className: cn(
+          "text-[var(--font-size-sm)] font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          position === "start" ? "mr-2" : "ml-2",
+          disabled && "cursor-not-allowed opacity-70",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+CheckboxLabel.displayName = "CheckboxLabel";
+var CheckboxWithLabel = React32.forwardRef(({
+  id,
+  label,
+  labelPosition = "end",
+  labelClassName,
+  ...checkboxProps
+}, ref) => {
+  const checkboxId = id || `checkbox-${Math.random().toString(36).substring(2, 9)}`;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+    labelPosition === "start" && /* @__PURE__ */ jsx(
+      CheckboxLabel,
+      {
+        htmlFor: checkboxId,
+        position: "start",
+        disabled: checkboxProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(Checkbox, { ref, id: checkboxId, ...checkboxProps }),
+    labelPosition === "end" && /* @__PURE__ */ jsx(
+      CheckboxLabel,
+      {
+        htmlFor: checkboxId,
+        position: "end",
+        disabled: checkboxProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    )
+  ] });
+});
+CheckboxWithLabel.displayName = "CheckboxWithLabel";
+var radioGroupItemVariants = cva(
+  "aspect-square border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border-[var(--color-border)] bg-[var(--color-background)] text-[var(--color-primary)]",
+        outline: "border-[var(--color-border)] bg-transparent text-[var(--color-primary)]",
+        filled: "border-[var(--color-primary)] bg-[var(--color-primary)]/10 text-[var(--color-primary)]"
+      },
+      size: {
+        sm: "h-3.5 w-3.5",
+        default: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var RadioGroupContext = React32.createContext({});
+var RadioGroup = React32.forwardRef(
+  ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        className: cn("grid gap-2", className),
+        ...props
+      }
+    ) });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = React32.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React32.useContext(RadioGroupContext);
+  const generatedId = React32.useId();
+  const radioId = id || generatedId;
+  const isChecked = radioGroup.value === value;
+  const handleChange = (e) => {
+    if (radioGroup.onValueChange) {
+      radioGroup.onValueChange(e.target.value);
+    }
+    if (props.onChange) {
+      props.onChange(e);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "radio",
+        id: radioId,
+        ref,
+        value,
+        checked: isChecked,
+        disabled: disabled || radioGroup.disabled,
+        name: radioGroup.name,
+        onChange: handleChange,
+        className: "sr-only",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: radioId,
+        className: cn(
+          radioGroupItemVariants({ variant, size }),
+          "rounded-full",
+          "focus-visible:ring-[var(--color-primary)]/50",
+          "relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden",
+          disabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("span", { className: cn(
+          "absolute inset-0 pointer-events-none",
+          isChecked && "flex items-center justify-center"
+        ), children: isChecked && (indicator || /* @__PURE__ */ jsx(Circle, { className: "h-[60%] w-[60%] fill-current text-current" })) })
+      }
+    )
+  ] });
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioLabel = React32.forwardRef(
+  ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor,
+        className: cn(
+          "text-[var(--font-size-sm)] font-medium leading-none ml-2 text-[var(--color-foreground)]",
+          disabled && "cursor-not-allowed opacity-70",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+RadioLabel.displayName = "RadioLabel";
+var RadioItemWithLabel = React32.forwardRef(({
+  id,
+  label,
+  labelClassName,
+  ...radioProps
+}, ref) => {
+  const radioId = id || `radio-${Math.random().toString(36).substring(2, 9)}`;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
+    /* @__PURE__ */ jsx(
+      RadioLabel,
+      {
+        htmlFor: radioId,
+        disabled: radioProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    )
+  ] });
+});
+RadioItemWithLabel.displayName = "RadioItemWithLabel";
+var progressVariants = cva(
+  "relative w-full overflow-hidden bg-[var(--color-muted)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-muted)]",
+        primary: "bg-[var(--color-primary)]/20",
+        secondary: "bg-[var(--color-secondary)]/20",
+        success: "bg-[var(--color-success)]/20",
+        warning: "bg-[var(--color-warning)]/20",
+        error: "bg-[var(--color-error)]/20"
+      },
+      size: {
+        xs: "h-1",
+        sm: "h-1.5",
+        default: "h-2",
+        md: "h-2.5",
+        lg: "h-3",
+        xl: "h-4"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      },
+      animation: {
+        default: "[&>div]:transition-all [&>div]:duration-500",
+        smooth: "[&>div]:transition-all [&>div]:duration-700",
+        fast: "[&>div]:transition-all [&>div]:duration-300",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "full",
+      animation: "default"
+    }
+  }
+);
+var progressIndicatorVariants = cva(
+  "h-full w-full flex-1",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-foreground)]",
+        primary: "bg-[var(--color-primary)]",
+        secondary: "bg-[var(--color-secondary)]",
+        success: "bg-[var(--color-success)]",
+        warning: "bg-[var(--color-warning)]",
+        error: "bg-[var(--color-error)]"
+      },
+      animation: {
+        default: "transition-all duration-500",
+        smooth: "transition-all duration-700",
+        fast: "transition-all duration-300",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      animation: "default"
+    }
+  }
+);
+var Progress = React32.forwardRef(({
+  className,
+  value = 0,
+  variant,
+  size,
+  radius,
+  animation,
+  indicatorVariant,
+  showValueLabel = false,
+  valueLabel,
+  labelClassName,
+  indeterminate = false,
+  max = 100,
+  ...props
+}, ref) => {
+  const normalizedValue = Math.max(0, Math.min(value, max));
+  const percentage = max > 0 ? normalizedValue / max * 100 : 0;
+  const label = valueLabel || `${Math.round(percentage)}%`;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    showValueLabel && /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "text-[var(--font-size-sm)] font-medium text-[var(--color-muted-foreground)]",
+          labelClassName
+        ),
+        children: label
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(progressVariants({ variant, size, radius, animation }), className),
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": indeterminate ? void 0 : normalizedValue,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              progressIndicatorVariants({ variant: indicatorVariant || variant, animation }),
+              indeterminate && "animate-indeterminate-progress"
+            ),
+            style: indeterminate ? {} : { transform: `translateX(-${100 - percentage}%)` }
+          }
+        )
+      }
+    )
+  ] });
+});
+Progress.displayName = "Progress";
+var skeletonVariants = cva(
+  "animate-pulse rounded-[var(--radius-md)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-muted)]",
+        primary: "bg-[var(--color-primary)]/10",
+        secondary: "bg-[var(--color-secondary)]/10",
+        accent: "bg-[var(--color-accent)]"
+      },
+      size: {
+        default: "",
+        sm: "scale-90",
+        lg: "scale-110"
+      },
+      shape: {
+        rect: "rounded-[var(--radius-md)]",
+        circle: "rounded-full",
+        pill: "rounded-full"
+      },
+      animation: {
+        pulse: "animate-pulse",
+        wave: "animate-shimmer overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent",
+        none: "animate-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "rect",
+      animation: "pulse"
+    }
+  }
+);
+var Skeleton = React32.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    animation,
+    height,
+    width,
+    isLoaded = false,
+    children,
+    fadeInDuration = 400,
+    style,
+    ...props
+  }, ref) => {
+    if (isLoaded && children) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn("animate-fade-in", className),
+          style: {
+            animationDuration: `${fadeInDuration}ms`,
+            height,
+            width,
+            ...style
+          },
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          skeletonVariants({ variant, size, shape, animation }),
+          "relative",
+          className
+        ),
+        style: {
+          height,
+          width,
+          ...style
+        },
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = React32.forwardRef(
+  ({
+    className,
+    lines = 3,
+    lineHeight = "0.85rem",
+    spacing = "0.5rem",
+    lastLineWidth = 80,
+    randomWidths = false,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col", className),
+        style: { gap: spacing },
+        ...props,
+        children: Array.from({ length: lines }).map((_, i) => {
+          const isLastLine = i === lines - 1;
+          const widthPercentage = isLastLine ? lastLineWidth : randomWidths ? Math.floor(Math.random() * 20) + 80 : 100;
+          return /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant,
+              animation,
+              className: "w-full",
+              style: {
+                height: lineHeight,
+                width: `${widthPercentage}%`
+              }
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+var SkeletonAvatar = React32.forwardRef(
+  ({
+    className,
+    size = "2.5rem",
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        ref,
+        variant,
+        animation,
+        shape: "circle",
+        className: cn("shrink-0", className),
+        style: {
+          height: size,
+          width: size
+        },
+        ...props
+      }
+    );
+  }
+);
+SkeletonAvatar.displayName = "SkeletonAvatar";
+var SkeletonCard = React32.forwardRef(
+  ({
+    className,
+    showHeader = true,
+    contentLines = 3,
+    showFooter = true,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-background)] p-4",
+          className
+        ),
+        ...props,
+        children: [
+          showHeader && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx(SkeletonAvatar, { size: "2.5rem", variant, animation }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "mb-2 h-4 w-1/3"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "h-3 w-1/4"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SkeletonText,
+            {
+              lines: contentLines,
+              variant,
+              animation,
+              className: "mb-4"
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                variant,
+                animation,
+                className: "h-4 w-1/4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                variant,
+                animation,
+                className: "h-4 w-1/5"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+SkeletonCard.displayName = "SkeletonCard";
+var popoverContentVariants = cva(
+  "z-50 w-72 rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-background)] p-4 shadow-[var(--shadow-md)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "border-[var(--color-error)] bg-[var(--color-error)]/5",
+        outline: "border-[var(--color-border)] bg-transparent",
+        subtle: "border-transparent bg-[var(--color-muted)]/50"
+      },
+      size: {
+        sm: "w-48 p-3",
+        default: "w-72 p-4",
+        lg: "w-96 p-5"
+      },
+      side: {
+        top: "data-[side=top]:slide-in-from-bottom-2",
+        right: "data-[side=right]:slide-in-from-left-2",
+        bottom: "data-[side=bottom]:slide-in-from-top-2",
+        left: "data-[side=left]:slide-in-from-right-2"
+      },
+      position: {
+        pointerEventsNone: "pointer-events-none",
+        default: ""
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        default: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      },
+      shadow: {
+        none: "shadow-none",
+        sm: "shadow-[var(--shadow-sm)]",
+        default: "shadow-[var(--shadow-md)]",
+        md: "shadow-[var(--shadow-md)]",
+        lg: "shadow-[var(--shadow-lg)]",
+        xl: "shadow-[var(--shadow-xl)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      shadow: "default"
+    }
+  }
+);
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React32.forwardRef(({
+  className,
+  variant,
+  size,
+  side,
+  position,
+  radius,
+  shadow,
+  backdrop = false,
+  closeOnInteractOutside = true,
+  overlayBackdrop = false,
+  sideOffset = 4,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  overlayBackdrop && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 bg-[var(--color-overlay)] opacity-30" }),
+  /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      collisionPadding: 8,
+      onInteractOutside: (e) => {
+        if (!closeOnInteractOutside) {
+          e.preventDefault();
+        }
+      },
+      className: cn(
+        popoverContentVariants({
+          variant,
+          size,
+          side,
+          position,
+          radius,
+          shadow
+        }),
+        backdrop && "backdrop-blur-md bg-opacity-80",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("my-2 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+);
+PopoverSeparator.displayName = "PopoverSeparator";
+var PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("-mx-4 -mt-4 mb-3 px-4 pt-4 pb-3 border-b border-[var(--color-border)]", className),
+    ...props
+  }
+);
+PopoverHeader.displayName = "PopoverHeader";
+var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("-mx-4 -mb-4 mt-3 px-4 pt-3 pb-4 border-t border-[var(--color-border)]", className),
+    ...props
+  }
+);
+PopoverFooter.displayName = "PopoverFooter";
+var breadcrumbVariants = cva(
+  "flex items-center gap-1.5",
+  {
+    variants: {
+      variant: {
+        default: "text-[var(--color-foreground)] transition-colors",
+        muted: "text-[var(--color-muted-foreground)] transition-colors",
+        ghost: "text-[var(--color-foreground)]/60 transition-colors",
+        accent: "text-[var(--color-accent)] transition-colors",
+        primary: "text-[var(--color-primary)] transition-colors"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)]",
+        default: "text-[var(--font-size-sm)]",
+        md: "text-[var(--font-size-base)]",
+        lg: "text-[var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Breadcrumb = React32.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      className: cn(breadcrumbVariants({ variant, size }), className),
+      "aria-label": "breadcrumb",
+      ...props
+    }
+  )
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React32.forwardRef(
+  ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
+    const childrenArray = React32.Children.toArray(props.children).filter(Boolean);
+    const childCount = childrenArray.length;
+    if (collapsed && childCount > collapsedWidth) {
+      const firstItem = childrenArray[0];
+      const lastTwoItems = childrenArray.slice(-2);
+      return /* @__PURE__ */ jsxs(
+        "ol",
+        {
+          ref,
+          className: cn(
+            "flex flex-wrap items-center gap-1.5 sm:gap-2.5",
+            className
+          ),
+          ...props,
+          children: [
+            firstItem,
+            /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}),
+            lastTwoItems
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn(
+          "flex flex-wrap items-center gap-1.5 sm:gap-2.5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React32.forwardRef(
+  ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? React32.Fragment : href ? "a" : "span";
+    const itemProps = asChild ? {} : href ? { href } : {};
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        className: cn("inline-flex items-center gap-1.5", className),
+        "aria-current": isCurrent ? "page" : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          Comp,
+          {
+            className: cn(
+              "transition-colors duration-[var(--duration-base)] hover:text-[var(--color-foreground)]",
+              isCurrent ? "font-[var(--font-weight-medium)] text-[var(--color-foreground)]" : "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)] hover:underline hover:underline-offset-4 hover:decoration-[var(--color-border)]"
+            ),
+            ...itemProps,
+            children: props.children
+          }
+        )
+      }
+    );
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("text-[var(--color-muted-foreground)] opacity-70", className),
+    ...props,
+    children: children || /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex items-center text-[var(--color-muted-foreground)] hover:text-[var(--color-muted-foreground)]/80 transition-colors duration-[var(--duration-base)]", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Daha fazla sayfa" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+var Accordion = AccordionPrimitive.Root;
+var accordionItemVariants = cva(
+  "border-b",
+  {
+    variants: {
+      variant: {
+        default: "border-[var(--color-border)]",
+        outline: "border-[var(--color-border)] rounded-md mb-2 border p-[1px] last:mb-0",
+        card: "border-[var(--color-border)] rounded-md mb-2 border bg-[var(--color-background)] p-0 shadow-sm last:mb-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var AccordionItem = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn(accordionItemVariants({ variant }), className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var accordionTriggerVariants = cva(
+  "flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180 group",
+  {
+    variants: {
+      variant: {
+        default: "font-[var(--font-weight-medium)] text-[var(--color-foreground)] hover:text-[var(--color-primary)] hover:underline",
+        ghost: "font-[var(--font-weight-medium)] text-[var(--color-foreground)] hover:text-[var(--color-foreground)] hover:bg-[var(--color-accent)]/10 rounded px-2 -mx-2",
+        outline: "font-[var(--font-weight-medium)] text-[var(--color-foreground)] px-4 py-3 hover:bg-[var(--color-accent)]/5 rounded-t"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)] py-2",
+        default: "text-[var(--font-size-sm)] py-3",
+        md: "text-[var(--font-size-base)] py-4",
+        lg: "text-[var(--font-size-lg)] py-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var AccordionTrigger = React32.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(accordionTriggerVariants({ variant, size }), className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-[var(--duration-base)] opacity-70 group-hover:opacity-100" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var accordionContentVariants = cva(
+  "overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+  {
+    variants: {
+      variant: {
+        default: "text-[var(--color-muted-foreground)]",
+        ghost: "text-[var(--color-muted-foreground)]",
+        outline: "text-[var(--color-muted-foreground)] px-4 pb-3"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)]",
+        default: "text-[var(--font-size-sm)]",
+        md: "text-[var(--font-size-base)]",
+        lg: "text-[var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var AccordionContent = React32.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: cn(accordionContentVariants({ variant, size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "pb-4 pt-0", children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// node_modules/@radix-ui/primitive/dist/index.mjs
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext32(rootComponentName, defaultContext) {
+    const BaseContext = React32.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = React32.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = React32.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider, useContext22];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React32.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React32.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext32, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React32.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+var useLayoutEffect2 = globalThis?.document ? React32.useLayoutEffect : () => {
+};
+var useInsertionEffect = React32[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange = () => {
+  },
+  caller
+}) {
+  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  {
+    const isControlledRef = React32.useRef(prop !== void 0);
+    React32.useEffect(() => {
+      const wasControlled = isControlledRef.current;
+      if (wasControlled !== isControlled) {
+        const from = wasControlled ? "controlled" : "uncontrolled";
+        const to = isControlled ? "controlled" : "uncontrolled";
+        console.warn(
+          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+        );
+      }
+      isControlledRef.current = isControlled;
+    }, [isControlled, caller]);
+  }
+  const setValue = React32.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
+        if (value2 !== prop) {
+          onChangeRef.current?.(value2);
+        }
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, onChangeRef]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState({
+  defaultProp,
+  onChange
+}) {
+  const [value, setValue] = React32.useState(defaultProp);
+  const prevValueRef = React32.useRef(value);
+  const onChangeRef = React32.useRef(onChange);
+  useInsertionEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  React32.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      onChangeRef.current?.(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef]);
+  return [value, setValue, onChangeRef];
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React32.useCallback(composeRefs(...refs), refs);
+}
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot = createSlot(`Primitive.${node}`);
+  const Node = React32.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+function useStateMachine(initialState, machine) {
+  return React32.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+var Presence = (props) => {
+  const { present, children } = props;
+  const presence = usePresence(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React32.Children.only(children);
+  const ref = useComposedRefs(presence.ref, getElementRef(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React32.cloneElement(child, { ref }) : null;
+};
+Presence.displayName = "Presence";
+function usePresence(present) {
+  const [node, setNode] = React32.useState();
+  const stylesRef = React32.useRef(null);
+  const prevPresentRef = React32.useRef(present);
+  const prevAnimationNameRef = React32.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React32.useEffect(() => {
+    const currentAnimationName = getAnimationName(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect2(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect2(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React32.useCallback((node2) => {
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+var useReactId = React32[" useId ".trim().toString()] || (() => void 0);
+var count = 0;
+function useId2(deterministicId) {
+  const [id, setId] = React32.useState(useReactId());
+  useLayoutEffect2(() => {
+    if (!deterministicId)
+      setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+var COLLAPSIBLE_NAME = "Collapsible";
+var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
+var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
+var Collapsible = React32.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeCollapsible,
+      open: openProp,
+      defaultOpen,
+      disabled,
+      onOpenChange,
+      ...collapsibleProps
+    } = props;
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen ?? false,
+      onChange: onOpenChange,
+      caller: COLLAPSIBLE_NAME
+    });
+    return /* @__PURE__ */ jsx(
+      CollapsibleProvider,
+      {
+        scope: __scopeCollapsible,
+        disabled,
+        contentId: useId2(),
+        open,
+        onOpenToggle: React32.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+        children: /* @__PURE__ */ jsx(
+          Primitive.div,
+          {
+            "data-state": getState(open),
+            "data-disabled": disabled ? "" : void 0,
+            ...collapsibleProps,
+            ref: forwardedRef
+          }
+        )
+      }
+    );
+  }
+);
+Collapsible.displayName = COLLAPSIBLE_NAME;
+var TRIGGER_NAME = "CollapsibleTrigger";
+var CollapsibleTrigger = React32.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeCollapsible, ...triggerProps } = props;
+    const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
+    return /* @__PURE__ */ jsx(
+      Primitive.button,
+      {
+        type: "button",
+        "aria-controls": context.contentId,
+        "aria-expanded": context.open || false,
+        "data-state": getState(context.open),
+        "data-disabled": context.disabled ? "" : void 0,
+        disabled: context.disabled,
+        ...triggerProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+      }
+    );
+  }
+);
+CollapsibleTrigger.displayName = TRIGGER_NAME;
+var CONTENT_NAME = "CollapsibleContent";
+var CollapsibleContent = React32.forwardRef(
+  (props, forwardedRef) => {
+    const { forceMount, ...contentProps } = props;
+    const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);
+    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
+  }
+);
+CollapsibleContent.displayName = CONTENT_NAME;
+var CollapsibleContentImpl = React32.forwardRef((props, forwardedRef) => {
+  const { __scopeCollapsible, present, children, ...contentProps } = props;
+  const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
+  const [isPresent, setIsPresent] = React32.useState(present);
+  const ref = React32.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const heightRef = React32.useRef(0);
+  const height = heightRef.current;
+  const widthRef = React32.useRef(0);
+  const width = widthRef.current;
+  const isOpen = context.open || isPresent;
+  const isMountAnimationPreventedRef = React32.useRef(isOpen);
+  const originalStylesRef = React32.useRef(void 0);
+  React32.useEffect(() => {
+    const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
+    return () => cancelAnimationFrame(rAF);
+  }, []);
+  useLayoutEffect2(() => {
+    const node = ref.current;
+    if (node) {
+      originalStylesRef.current = originalStylesRef.current || {
+        transitionDuration: node.style.transitionDuration,
+        animationName: node.style.animationName
+      };
+      node.style.transitionDuration = "0s";
+      node.style.animationName = "none";
+      const rect = node.getBoundingClientRect();
+      heightRef.current = rect.height;
+      widthRef.current = rect.width;
+      if (!isMountAnimationPreventedRef.current) {
+        node.style.transitionDuration = originalStylesRef.current.transitionDuration;
+        node.style.animationName = originalStylesRef.current.animationName;
+      }
+      setIsPresent(present);
+    }
+  }, [context.open, present]);
+  return /* @__PURE__ */ jsx(
+    Primitive.div,
+    {
+      "data-state": getState(context.open),
+      "data-disabled": context.disabled ? "" : void 0,
+      id: context.contentId,
+      hidden: !isOpen,
+      ...contentProps,
+      ref: composedRefs,
+      style: {
+        [`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,
+        [`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,
+        ...props.style
+      },
+      children: isOpen && children
+    }
+  );
+});
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var Root11 = Collapsible;
+var Trigger6 = CollapsibleTrigger;
+var Content6 = CollapsibleContent;
+var Collapsible2 = Root11;
+var collapsibleTriggerVariants = cva(
+  "flex w-full items-center justify-between transition-all",
+  {
+    variants: {
+      variant: {
+        default: "text-[var(--color-foreground)] hover:text-[var(--color-primary)]",
+        ghost: "text-[var(--color-foreground)] hover:bg-[var(--color-accent)]/10 rounded",
+        outline: "text-[var(--color-foreground)] border border-[var(--color-border)] rounded-t-[var(--radius-md)] hover:bg-[var(--color-accent)]/5"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)] py-2 px-3",
+        default: "text-[var(--font-size-sm)] py-3 px-4",
+        md: "text-[var(--font-size-base)] py-4 px-4",
+        lg: "text-[var(--font-size-lg)] py-5 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var CollapsibleTrigger2 = React32.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Trigger6,
+  {
+    ref,
+    className: cn(collapsibleTriggerVariants({ variant, size }), className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-[var(--duration-base)] [&[data-state=open]]:rotate-180" })
+    ]
+  }
+));
+CollapsibleTrigger2.displayName = Trigger6.displayName;
+var collapsibleContentVariants = cva(
+  "overflow-hidden transition-all data-[state=closed]:animate-collapse-up data-[state=open]:animate-collapse-down",
+  {
+    variants: {
+      variant: {
+        default: "text-[var(--color-muted-foreground)]",
+        ghost: "text-[var(--color-muted-foreground)] rounded-b",
+        outline: "text-[var(--color-muted-foreground)] border border-t-0 border-[var(--color-border)] rounded-b-[var(--radius-md)]"
+      },
+      size: {
+        sm: "text-[var(--font-size-xs)]",
+        default: "text-[var(--font-size-sm)]",
+        md: "text-[var(--font-size-base)]",
+        lg: "text-[var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var CollapsibleContent2 = React32.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  Content6,
+  {
+    ref,
+    className: cn(collapsibleContentVariants({ variant, size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "p-4", children })
+  }
+));
+CollapsibleContent2.displayName = Content6.displayName;
+var aspectRatioVariants = cva(
+  "relative overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "rounded-[var(--radius-md)] bg-[var(--color-muted)]/10",
+        ghost: "bg-transparent",
+        outline: "rounded-[var(--radius-md)] border border-[var(--color-border)]",
+        card: "rounded-[var(--radius-md)] bg-[var(--color-card)] shadow-sm"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-[var(--radius-sm)]",
+        md: "rounded-[var(--radius-md)]",
+        lg: "rounded-[var(--radius-lg)]",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var AspectRatio = React32.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(aspectRatioVariants({ variant, radius }), className),
+    style: {
+      position: "relative",
+      paddingBottom: `${1 / ratio * 100}%`,
+      ...style
+    },
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children })
+  }
+));
+AspectRatio.displayName = "AspectRatio";
+var commandVariants = cva(
+  "flex h-full w-full flex-col overflow-hidden rounded-[var(--radius-md)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-popover)] text-[var(--color-popover-foreground)]",
+        glass: "bg-[var(--color-background)]/80 text-[var(--color-foreground)] backdrop-blur-sm",
+        bordered: "bg-[var(--color-popover)] text-[var(--color-popover-foreground)] border border-[var(--color-border)]"
+      },
+      size: {
+        sm: "p-2",
+        default: "p-4",
+        lg: "p-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Command = React32.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(commandVariants({ variant, size }), className),
+      ...props
+    }
+  )
+);
+Command.displayName = "Command";
+var CommandDialog = ({
+  children,
+  commandClassName,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx(Command, { className: cn(
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    commandClassName
+  ), children }) }) });
+};
+var commandInputVariants = cva(
+  "flex h-11 w-full rounded-none border-none bg-transparent py-3 text-sm outline-none placeholder:text-[var(--color-muted-foreground)] disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none",
+  {
+    variants: {
+      variant: {
+        default: "",
+        minimal: "h-9",
+        bordered: "border-b border-[var(--color-border)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var CommandInput = React32.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", children: [
+    /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        className: cn(commandInputVariants({ variant }), className),
+        ...props
+      }
+    )
+  ] })
+);
+CommandInput.displayName = "CommandInput";
+var commandListVariants = cva(
+  "max-h-[300px] overflow-y-auto overflow-x-hidden",
+  {
+    variants: {
+      variant: {
+        default: "",
+        scrollable: "max-h-[400px]",
+        compact: "max-h-[200px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var CommandList = React32.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(commandListVariants({ variant }), className),
+      role: "listbox",
+      ...props
+    }
+  )
+);
+CommandList.displayName = "CommandList";
+var CommandEmpty = React32.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: "py-6 text-center text-sm text-[var(--color-muted-foreground)]",
+      ...props
+    }
+  )
+);
+CommandEmpty.displayName = "CommandEmpty";
+var commandGroupVariants = cva(
+  "overflow-hidden p-1 text-[var(--color-foreground)]",
+  {
+    variants: {
+      variant: {
+        default: "",
+        separated: "mt-2 border-t border-[var(--color-border)] pt-2",
+        indented: "pl-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var CommandGroup = React32.forwardRef(
+  ({ className, variant, heading, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(commandGroupVariants({ variant }), className),
+      ...props,
+      children: [
+        heading && /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-[var(--color-muted-foreground)]", children: heading }),
+        children
+      ]
+    }
+  )
+);
+CommandGroup.displayName = "CommandGroup";
+var CommandSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = "CommandSeparator";
+var commandItemVariants = cva(
+  "relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--color-accent)] aria-selected:text-[var(--color-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "",
+        subtle: "aria-selected:bg-[var(--color-accent)]/10 aria-selected:text-[var(--color-accent-foreground)]",
+        ghost: "hover:bg-[var(--color-muted)]/10 aria-selected:bg-[var(--color-muted)]/20 aria-selected:text-[var(--color-foreground)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var CommandItem = React32.forwardRef(
+  ({ className, variant, onSelect, selected, disabled, value, ...props }, ref) => {
+    const handleClick = React32.useCallback(() => {
+      if (disabled)
+        return;
+      if (onSelect && value) {
+        onSelect(value);
+      }
+    }, [disabled, onSelect, value]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(commandItemVariants({ variant }), className),
+        role: "option",
+        "aria-selected": selected,
+        "data-disabled": disabled ? "" : void 0,
+        onClick: handleClick,
+        ...props
+      }
+    );
+  }
+);
+CommandItem.displayName = "CommandItem";
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-[var(--color-muted-foreground)]",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+var toggleVariants = 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = React32.forwardRef(
+  ({ className, variant, size, pressed, onPressedChange, onClick, ...props }, ref) => {
+    const handleClick = (event) => {
+      if (onPressedChange) {
+        onPressedChange(!pressed);
+      }
+      if (onClick) {
+        onClick(event);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        "data-state": pressed ? "on" : "off",
+        "aria-pressed": pressed,
+        className: cn(toggleVariants({ variant, size, className })),
+        onClick: handleClick,
+        ...props
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+var Slider = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ 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;
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var NavigationMenu = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = 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 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+var Sheet = DialogPrimitive.Root;
+var SheetTrigger = DialogPrimitive.Trigger;
+var SheetClose = DialogPrimitive.Close;
+var SheetPortal = DialogPrimitive.Portal;
+var SheetOverlay = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React32.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ 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-secondary", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ 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__ */ 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 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+var SheetDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React32.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var Menubar = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React32.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+MenubarShortcut.displayName = "MenubarShortcut";
+var tableVariants = cva(
+  "w-full caption-bottom text-sm",
+  {
+    variants: {
+      variant: {
+        default: "dark:text-gray-200",
+        bordered: "border border-border dark:border-gray-700",
+        striped: "dark:text-gray-200",
+        card: "border border-border dark:border-gray-700 rounded-md shadow-sm dark:shadow-gray-900/20",
+        minimal: "border-none dark:text-gray-200"
+      },
+      size: {
+        sm: "text-xs",
+        default: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Table = React32.forwardRef(({
+  className,
+  variant,
+  size,
+  loading,
+  emptyContent,
+  // Commenting unused properties to prevent lint warnings
+  // sortColumn,
+  // sortDirection,
+  // onSortChange,
+  // selectedRowIds,
+  // onRowSelectionChange,
+  // disableRowSelection,
+  // getRowId,
+  ...props
+}, ref) => {
+  const striped = variant === "striped";
+  const childrenWithProps = React32.Children.map(props.children, (child) => {
+    if (React32.isValidElement(child)) {
+      if (child.type === "tbody") {
+        const tbodyProps = child.props;
+        return React32.cloneElement(child, {
+          className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
+        });
+      }
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-auto", children: [
+    loading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/60 flex items-center justify-center z-10", children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }),
+    /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn(
+          tableVariants({ variant, size }),
+          loading && "opacity-70",
+          className
+        ),
+        ...props,
+        children: childrenWithProps
+      }
+    ),
+    emptyContent && React32.Children.count(props.children) === 0 && /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-muted-foreground", children: emptyContent })
+  ] });
+});
+Table.displayName = "Table";
+var TableHeader = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    ref,
+    className: cn(
+      "border-b bg-muted/50 dark:bg-gray-800/30 dark:border-gray-700",
+      className
+    ),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+var TableBody = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn("bg-primary text-primary-foreground font-medium", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React32.forwardRef(
+  ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
+    const renderSortIcon = () => {
+      if (!sortable)
+        return null;
+      if (sorted === "asc") {
+        return /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "ml-1 h-4 w-4 inline-block",
+            viewBox: "0 0 20 20",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z",
+                clipRule: "evenodd"
+              }
+            )
+          }
+        );
+      }
+      if (sorted === "desc") {
+        return /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "ml-1 h-4 w-4 inline-block",
+            viewBox: "0 0 20 20",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z",
+                clipRule: "evenodd"
+              }
+            )
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "ml-1 h-4 w-4 inline-block opacity-30",
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      );
+    };
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-10 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+          sortable && "cursor-pointer hover:text-foreground select-none",
+          className
+        ),
+        onClick: sortable ? onSort : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          children,
+          sortable && renderSortIcon()
+        ] })
+      }
+    );
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel, Collapsible2 as Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RadioItemWithLabel, RadioLabel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider2 as ThemeProvider, Toast, ToastContainer, ToastProvider, Toggle, Tooltip, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, combineRefs, commandGroupVariants, commandInputVariants, commandItemVariants, commandListVariants, commandVariants, createCssVariables, debounce, formatCurrency, generateId, get, navigationMenuTriggerStyle, popoverContentVariants, progressVariants, skeletonVariants, toastVariants, toggleVariants, tooltipContentVariants, useTheme, useToast };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map