@moontra/moonui 0.1.0 → 2.0.0

package/dist/index.js

@@ -1,58 +1,68 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.tsx
-var src_exports = {};
-__export(src_exports, {
-  Badge: () => Badge,
-  Button: () => Button,
-  Card: () => Card,
-  CardContent: () => CardContent,
-  CardDescription: () => CardDescription,
-  CardFooter: () => CardFooter,
-  CardHeader: () => CardHeader,
-  CardTitle: () => CardTitle,
-  badgeVariants: () => badgeVariants,
-  buttonVariants: () => buttonVariants,
-  cn: () => cn,
-  combineRefs: () => combineRefs,
-  debounce: () => debounce,
-  formatCurrency: () => formatCurrency,
-  generateId: () => generateId,
-  get: () => get
-});
-module.exports = __toCommonJS(src_exports);
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var React32 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var LabelPrimitive = require('@radix-ui/react-label');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var SelectPrimitive = require('@radix-ui/react-select');
+var lucideReact = require('lucide-react');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+require('react-dom');
+var reactSlot = require('@radix-ui/react-slot');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
+var HoverCardPrimitive = require('@radix-ui/react-hover-card');
+var MenubarPrimitive = require('@radix-ui/react-menubar');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React32__namespace = /*#__PURE__*/_interopNamespace(React32);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
+var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
+var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
+
+/** @license MoonUI v1.0.0 - MIT License - https://moonui.dev */
 
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 function formatCurrency(amount, currency = "USD") {
   const formatter = new Intl.NumberFormat("en-US", {
@@ -94,30 +104,289 @@ function combineRefs(...refs) {
     });
   };
 }
-
-// src/components/ui/button.tsx
-var React = __toESM(require("react"));
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.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",
+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 = React32.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] = React32.useState(defaultColorMode);
+  const presetThemeValues = getPresetTheme(preset);
+  const [customLightTheme, setCustomLightTheme] = React32.useState({
+    ...defaultLightTheme,
+    ...presetThemeValues,
+    ...lightTheme,
+    colors: {
+      ...defaultLightTheme.colors,
+      ...presetThemeValues.colors || {},
+      ...lightTheme.colors || {}
+    },
+    extensions
+  });
+  const [customDarkTheme, setCustomDarkTheme] = React32.useState({
+    ...defaultDarkTheme,
+    ...presetThemeValues,
+    ...darkTheme,
+    colors: {
+      ...defaultDarkTheme.colors,
+      ...presetThemeValues.colors || {},
+      ...darkTheme.colors || {}
+    },
+    extensions
+  });
+  const theme = React32.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__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+};
+var useTheme = () => {
+  const context = React32.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();
+  React32.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__ */ jsxRuntime.jsxs(ThemeProvider, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CssVariablesInjector, {}),
+    props.children
+  ] });
+};
+var buttonVariants = classVarianceAuthority.cva(
+  "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: {
@@ -126,36 +395,36 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React.forwardRef(
+var Button = React32__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React.Fragment : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    const Comp = asChild ? React32__namespace.Fragment : "button";
+    return /* @__PURE__ */ jsxRuntime.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
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+var badgeVariants = classVarianceAuthority.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: {
@@ -164,25 +433,22 @@ var badgeVariants = (0, import_class_variance_authority2.cva)(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-
-// src/components/ui/card.tsx
-var React2 = __toESM(require("react"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var Card = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ (0, import_jsx_runtime3.jsx)(
+var CardHeader = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -191,7 +457,7 @@ var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var CardTitle = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -203,18 +469,18 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var CardDescription = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var CardFooter = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -223,22 +489,3936 @@ var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  badgeVariants,
-  buttonVariants,
-  cn,
-  combineRefs,
-  debounce,
-  formatCurrency,
-  generateId,
-  get
-});
+var Input = React32__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+var Separator = React32__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.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__namespace.Root.displayName;
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.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__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+var SelectContent = React32__namespace.forwardRef(({ className, children, position = "item-aligned", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.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__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--color-foreground)]", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+var Switch = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitives__namespace.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__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.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__namespace.Root.displayName;
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogClose = DialogPrimitive__namespace.Close;
+var overlayVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(overlayVariants({ variant, animation }), className),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var dialogContentVariants = classVarianceAuthority.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__namespace.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__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DialogOverlay,
+        {
+          variant: overlayVariant,
+          animation: overlayAnimation
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        DialogPrimitive__namespace.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__ */ jsxRuntime.jsxs(DialogHeader, { className: icon || loading || success ? "flex flex-row items-start gap-4" : "", children: [
+              (icon || loading || success) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-full bg-[var(--color-accent)] p-2 flex-shrink-0", children: [
+                loading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 animate-spin text-[var(--color-primary)]" }),
+                success && !loading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-5 w-5 text-[var(--color-success)]" }),
+                !loading && !success && icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--color-primary)]", children: icon })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
+                description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
+              ] })
+            ] }),
+            children,
+            !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+              DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-snug tracking-tight text-[var(--color-foreground)]",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn(
+      "text-sm text-[var(--color-muted-foreground)] leading-normal",
+      className
+    ),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var DialogForm = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "form",
+  {
+    ref,
+    className: cn("flex flex-col gap-4", className),
+    ...props
+  }
+));
+DialogForm.displayName = "DialogForm";
+var Tabs = React32__namespace.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Root,
+  {
+    ref,
+    orientation: vertical ? "vertical" : "horizontal",
+    ...props
+  }
+));
+Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
+var tabsListVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, orientation, fullWidth, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.List,
+  {
+    ref,
+    className: cn(tabsListVariants({ variant, orientation, fullWidth, className })),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var tabsTriggerVariants = classVarianceAuthority.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__namespace.forwardRef(({
+  className,
+  variant,
+  size,
+  icon,
+  iconPosition = "left",
+  badge,
+  fadeTabs = false,
+  orientation,
+  fullWidth,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  TabsPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      tabsTriggerVariants({ variant, size, orientation, fullWidth }),
+      fadeTabs && "data-[state=inactive]:opacity-60",
+      className
+    ),
+    ...props,
+    children: [
+      icon && iconPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: icon }),
+      children,
+      icon && iconPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: icon }),
+      badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: badge })
+    ]
+  }
+));
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = React32__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.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__namespace.Content.displayName;
+var avatarVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(avatarVariants({ size, radius, variant }), className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
+var AvatarImage = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
+var AvatarFallback = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.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__namespace.Fallback.displayName;
+var AvatarGroup = React32__namespace.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+          visibleAvatars.map((avatar, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "relative",
+              style: {
+                marginLeft: index === 0 ? 0 : `${overlapOffset}px`,
+                zIndex: visibleAvatars.length - index
+              },
+              children: avatar
+            },
+            index
+          )),
+          remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "relative z-0",
+              style: { marginLeft: `${overlapOffset}px` },
+              children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { variant: "border", children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
+                "+",
+                remainingCount
+              ] }) })
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+var alertVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant = "default", size, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
+    const Icon2 = React32__namespace.useMemo(() => {
+      switch (variant) {
+        case "success":
+          return lucideReact.Check;
+        case "warning":
+          return lucideReact.AlertTriangle;
+        case "error":
+          return lucideReact.AlertCircle;
+        case "info":
+          return lucideReact.Info;
+        default:
+          return lucideReact.Info;
+      }
+    }, [variant]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant, size, radius, withClose: closable }), className),
+        ...props,
+        children: [
+          !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children }),
+          closable && onClose && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+var AlertTitle = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h5",
+  {
+    ref,
+    className: cn("font-semibold leading-tight tracking-tight mb-1", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("leading-5 text-[var(--color-muted-foreground)]", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+var ToastProvider = React32__namespace.createContext(null);
+var useToast = () => {
+  const context = React32__namespace.useContext(ToastProvider);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var toastVariants = classVarianceAuthority.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__namespace.useState(100);
+  const timerRef = React32__namespace.useRef(void 0);
+  const Icon2 = React32__namespace.useMemo(() => {
+    switch (variant) {
+      case "success":
+        return lucideReact.Check;
+      case "warning":
+        return lucideReact.AlertTriangle;
+      case "error":
+      case "destructive":
+        return lucideReact.AlertCircle;
+      case "info":
+        return lucideReact.Info;
+      default:
+        return null;
+    }
+  }, [variant]);
+  React32__namespace.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(toastVariants({ variant, size, radius }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start", children: [
+          !hideIcon && Icon2 && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon2,
+            {
+              className: cn(
+                "h-5 w-5",
+                textColorClass
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("font-medium leading-none tracking-tight", textColorClass), children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-[var(--color-muted-foreground)] leading-normal", {
+              "text-[var(--color-error-foreground)]/90": variant === "destructive"
+            }), children: description })
+          ] })
+        ] }),
+        action,
+        onClose && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+          }
+        ),
+        autoClose && showProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[var(--color-accent)]/50", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.useState(false);
+  const timeoutRef = React32__namespace.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__namespace.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: showTooltip,
+      onMouseLeave: hideTooltip,
+      onFocus: showTooltip,
+      onBlur: hideTooltip,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex", triggerClassName || ""), children }),
+        /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.forwardRef(({
+  className,
+  variant,
+  size,
+  radius,
+  animation,
+  indeterminate = false,
+  icon,
+  checked,
+  ...props
+}, ref) => {
+  const [isIndeterminate, setIsIndeterminate] = React32__namespace.useState(indeterminate);
+  React32__namespace.useEffect(() => {
+    setIsIndeterminate(indeterminate);
+  }, [indeterminate]);
+  const effectiveChecked = isIndeterminate ? false : checked;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      ref,
+      checked: effectiveChecked,
+      className: cn(checkboxVariants({ variant, size, radius, animation }), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        CheckboxPrimitive__namespace.Indicator,
+        {
+          className: cn(
+            "flex items-center justify-center text-current",
+            animation === "bounce" && "data-[state=checked]:animate-bounce"
+          ),
+          children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-[65%] w-[65%]" }) : icon ? icon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-[65%] w-[65%]" })
+        }
+      )
+    }
+  );
+});
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+var CheckboxGroup = React32__namespace.forwardRef(
+  ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({
+  id,
+  label,
+  labelPosition = "end",
+  labelClassName,
+  ...checkboxProps
+}, ref) => {
+  const checkboxId = id || `checkbox-${Math.random().toString(36).substring(2, 9)}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+    labelPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxLabel,
+      {
+        htmlFor: checkboxId,
+        position: "start",
+        disabled: checkboxProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { ref, id: checkboxId, ...checkboxProps }),
+    labelPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxLabel,
+      {
+        htmlFor: checkboxId,
+        position: "end",
+        disabled: checkboxProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    )
+  ] });
+});
+CheckboxWithLabel.displayName = "CheckboxWithLabel";
+var radioGroupItemVariants = classVarianceAuthority.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__namespace.createContext({});
+var RadioGroup = React32__namespace.forwardRef(
+  ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        className: cn("grid gap-2", className),
+        ...props
+      }
+    ) });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = React32__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React32__namespace.useContext(RadioGroupContext);
+  const generatedId = React32__namespace.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__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "radio",
+        id: radioId,
+        ref,
+        value,
+        checked: isChecked,
+        disabled: disabled || radioGroup.disabled,
+        name: radioGroup.name,
+        onChange: handleChange,
+        className: "sr-only",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: cn(
+          "absolute inset-0 pointer-events-none",
+          isChecked && "flex items-center justify-center"
+        ), children: isChecked && (indicator || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-[60%] w-[60%] fill-current text-current" })) })
+      }
+    )
+  ] });
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioLabel = React32__namespace.forwardRef(
+  ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({
+  id,
+  label,
+  labelClassName,
+  ...radioProps
+}, ref) => {
+  const radioId = id || `radio-${Math.random().toString(36).substring(2, 9)}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RadioLabel,
+      {
+        htmlFor: radioId,
+        disabled: radioProps.disabled,
+        className: labelClassName,
+        children: label
+      }
+    )
+  ] });
+});
+RadioItemWithLabel.displayName = "RadioItemWithLabel";
+var progressVariants = classVarianceAuthority.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 = classVarianceAuthority.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__namespace.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__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    showValueLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn(
+          "text-[var(--font-size-sm)] font-medium text-[var(--color-muted-foreground)]",
+          labelClassName
+        ),
+        children: label
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              progressIndicatorVariants({ variant: indicatorVariant || variant, animation }),
+              indeterminate && "animate-indeterminate-progress"
+            ),
+            style: indeterminate ? {} : { transform: `translateX(-${100 - percentage}%)` }
+          }
+        )
+      }
+    )
+  ] });
+});
+Progress.displayName = "Progress";
+var skeletonVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    animation,
+    height,
+    width,
+    isLoaded = false,
+    children,
+    fadeInDuration = 400,
+    style,
+    ...props
+  }, ref) => {
+    if (isLoaded && children) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: cn("animate-fade-in", className),
+          style: {
+            animationDuration: `${fadeInDuration}ms`,
+            height,
+            width,
+            ...style
+          },
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          skeletonVariants({ variant, size, shape, animation }),
+          "relative",
+          className
+        ),
+        style: {
+          height,
+          width,
+          ...style
+        },
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = React32__namespace.forwardRef(
+  ({
+    className,
+    lines = 3,
+    lineHeight = "0.85rem",
+    spacing = "0.5rem",
+    lastLineWidth = 80,
+    randomWidths = false,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            Skeleton,
+            {
+              variant,
+              animation,
+              className: "w-full",
+              style: {
+                height: lineHeight,
+                width: `${widthPercentage}%`
+              }
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+var SkeletonAvatar = React32__namespace.forwardRef(
+  ({
+    className,
+    size = "2.5rem",
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton,
+      {
+        ref,
+        variant,
+        animation,
+        shape: "circle",
+        className: cn("shrink-0", className),
+        style: {
+          height: size,
+          width: size
+        },
+        ...props
+      }
+    );
+  }
+);
+SkeletonAvatar.displayName = "SkeletonAvatar";
+var SkeletonCard = React32__namespace.forwardRef(
+  ({
+    className,
+    showHeader = true,
+    contentLines = 3,
+    showFooter = true,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SkeletonAvatar, { size: "2.5rem", variant, animation }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "mb-2 h-4 w-1/3"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "h-3 w-1/4"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SkeletonText,
+            {
+              lines: contentLines,
+              variant,
+              animation,
+              className: "mb-4"
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Skeleton,
+              {
+                variant,
+                animation,
+                className: "h-4 w-1/4"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Skeleton,
+              {
+                variant,
+                animation,
+                className: "h-4 w-1/5"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+SkeletonCard.displayName = "SkeletonCard";
+var popoverContentVariants = classVarianceAuthority.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__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+var PopoverContent = React32__namespace.forwardRef(({
+  className,
+  variant,
+  size,
+  side,
+  position,
+  radius,
+  shadow,
+  backdrop = false,
+  closeOnInteractOutside = true,
+  overlayBackdrop = false,
+  sideOffset = 4,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  overlayBackdrop && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-40 bg-[var(--color-overlay)] opacity-30" }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.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__namespace.Content.displayName;
+var PopoverClose = PopoverPrimitive__namespace.Close;
+var PopoverSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn("my-2 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+);
+PopoverSeparator.displayName = "PopoverSeparator";
+var PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      ref,
+      className: cn(breadcrumbVariants({ variant, size }), className),
+      "aria-label": "breadcrumb",
+      ...props
+    }
+  )
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React32__namespace.forwardRef(
+  ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
+    const childrenArray = React32__namespace.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__ */ jsxRuntime.jsxs(
+        "ol",
+        {
+          ref,
+          className: cn(
+            "flex flex-wrap items-center gap-1.5 sm:gap-2.5",
+            className
+          ),
+          ...props,
+          children: [
+            firstItem,
+            /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbEllipsis, {}),
+            lastTwoItems
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? React32__namespace.Fragment : href ? "a" : "span";
+    const itemProps = asChild ? {} : href ? { href } : {};
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        ref,
+        className: cn("inline-flex items-center gap-1.5", className),
+        "aria-current": isCurrent ? "page" : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("text-[var(--color-muted-foreground)] opacity-70", className),
+    ...props,
+    children: children || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" })
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Daha fazla sayfa" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+var Accordion = AccordionPrimitive__namespace.Root;
+var accordionItemVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn(accordionItemVariants({ variant }), className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var accordionTriggerVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  AccordionPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(accordionTriggerVariants({ variant, size }), className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-[var(--duration-base)] opacity-70 group-hover:opacity-100" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
+var accordionContentVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Content,
+  {
+    ref,
+    className: cn(accordionContentVariants({ variant, size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-4 pt-0", children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive__namespace.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__namespace.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__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = React32__namespace.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__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React32__namespace.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__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+var useLayoutEffect2 = globalThis?.document ? React32__namespace.useLayoutEffect : () => {
+};
+var useInsertionEffect = React32__namespace[" 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__namespace.useRef(prop !== void 0);
+    React32__namespace.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__namespace.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__namespace.useState(defaultProp);
+  const prevValueRef = React32__namespace.useRef(value);
+  const onChangeRef = React32__namespace.useRef(onChange);
+  useInsertionEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  React32__namespace.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__namespace.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 = reactSlot.createSlot(`Primitive.${node}`);
+  const Node = React32__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+function useStateMachine(initialState, machine) {
+  return React32__namespace.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__namespace.Children.only(children);
+  const ref = useComposedRefs(presence.ref, getElementRef(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React32__namespace.cloneElement(child, { ref }) : null;
+};
+Presence.displayName = "Presence";
+function usePresence(present) {
+  const [node, setNode] = React32__namespace.useState();
+  const stylesRef = React32__namespace.useRef(null);
+  const prevPresentRef = React32__namespace.useRef(present);
+  const prevAnimationNameRef = React32__namespace.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__namespace.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__namespace.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__namespace[" useId ".trim().toString()] || (() => void 0);
+var count = 0;
+function useId2(deterministicId) {
+  const [id, setId] = React32__namespace.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__namespace.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__ */ jsxRuntime.jsx(
+      CollapsibleProvider,
+      {
+        scope: __scopeCollapsible,
+        disabled,
+        contentId: useId2(),
+        open,
+        onOpenToggle: React32__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+        children: /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeCollapsible, ...triggerProps } = props;
+    const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { forceMount, ...contentProps } = props;
+    const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
+  }
+);
+CollapsibleContent.displayName = CONTENT_NAME;
+var CollapsibleContentImpl = React32__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeCollapsible, present, children, ...contentProps } = props;
+  const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
+  const [isPresent, setIsPresent] = React32__namespace.useState(present);
+  const ref = React32__namespace.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const heightRef = React32__namespace.useRef(0);
+  const height = heightRef.current;
+  const widthRef = React32__namespace.useRef(0);
+  const width = widthRef.current;
+  const isOpen = context.open || isPresent;
+  const isMountAnimationPreventedRef = React32__namespace.useRef(isOpen);
+  const originalStylesRef = React32__namespace.useRef(void 0);
+  React32__namespace.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__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  Trigger6,
+  {
+    ref,
+    className: cn(collapsibleTriggerVariants({ variant, size }), className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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 = classVarianceAuthority.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__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Content6,
+  {
+    ref,
+    className: cn(collapsibleContentVariants({ variant, size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
+  }
+));
+CollapsibleContent2.displayName = Content6.displayName;
+var aspectRatioVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn(aspectRatioVariants({ variant, radius }), className),
+    style: {
+      position: "relative",
+      paddingBottom: `${1 / ratio * 100}%`,
+      ...style
+    },
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children })
+  }
+));
+AspectRatio.displayName = "AspectRatio";
+var commandVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(commandVariants({ variant, size }), className),
+      ...props
+    }
+  )
+);
+Command.displayName = "Command";
+var CommandDialog = ({
+  children,
+  commandClassName,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: cn(
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    commandClassName
+  ), children }) }) });
+};
+var commandInputVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        className: cn(commandInputVariants({ variant }), className),
+        ...props
+      }
+    )
+  ] })
+);
+CommandInput.displayName = "CommandInput";
+var commandListVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(commandListVariants({ variant }), className),
+      role: "listbox",
+      ...props
+    }
+  )
+);
+CommandList.displayName = "CommandList";
+var CommandEmpty = React32__namespace.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: "py-6 text-center text-sm text-[var(--color-muted-foreground)]",
+      ...props
+    }
+  )
+);
+CommandEmpty.displayName = "CommandEmpty";
+var commandGroupVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, heading, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(commandGroupVariants({ variant }), className),
+      ...props,
+      children: [
+        heading && /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-[var(--color-border)]", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = "CommandSeparator";
+var commandItemVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, onSelect, selected, disabled, value, ...props }, ref) => {
+    const handleClick = React32__namespace.useCallback(() => {
+      if (disabled)
+        return;
+      if (onSelect && value) {
+        onSelect(value);
+      }
+    }, [disabled, onSelect, value]);
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-[var(--color-muted-foreground)]",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+var toggleVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, size, pressed, onPressedChange, onClick, ...props }, ref) => {
+    const handleClick = (event) => {
+      if (onPressedChange) {
+        onPressedChange(!pressed);
+      }
+      if (onClick) {
+        onClick(event);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SliderPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.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__namespace.Root.displayName;
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = React32__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.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__namespace.SubContent.displayName;
+var DropdownMenuContent = React32__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.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__namespace.Content.displayName;
+var DropdownMenuItem = React32__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.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__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = React32__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = React32__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+var DropdownMenuSeparator = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var NavigationMenu = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  NavigationMenuPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
+var NavigationMenuList = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.List,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
+var navigationMenuTriggerStyle = classVarianceAuthority.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__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  NavigationMenuPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.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__namespace.Trigger.displayName;
+var NavigationMenuContent = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.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__namespace.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
+var NavigationMenuViewport = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.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__namespace.Viewport.displayName;
+var NavigationMenuIndicator = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.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__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
+var Sheet = DialogPrimitive__namespace.Root;
+var SheetTrigger = DialogPrimitive__namespace.Trigger;
+var SheetClose = DialogPrimitive__namespace.Close;
+var SheetPortal = DialogPrimitive__namespace.Portal;
+var SheetOverlay = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.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__namespace.Overlay.displayName;
+var sheetVariants = classVarianceAuthority.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__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var SheetDescription = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var HoverCard = HoverCardPrimitive__namespace.Root;
+var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
+var HoverCardContent = React32__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  HoverCardPrimitive__namespace.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__namespace.Content.displayName;
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var MenubarMenu = MenubarPrimitive__namespace.Menu;
+var MenubarGroup = MenubarPrimitive__namespace.Group;
+var MenubarPortal = MenubarPrimitive__namespace.Portal;
+var MenubarSub = MenubarPrimitive__namespace.Sub;
+var MenubarRadioGroup = MenubarPrimitive__namespace.RadioGroup;
+var Menubar = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive__namespace.Root.displayName;
+var MenubarTrigger = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.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__namespace.Trigger.displayName;
+var MenubarSubTrigger = React32__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  MenubarPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive__namespace.SubTrigger.displayName;
+var MenubarSubContent = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.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__namespace.SubContent.displayName;
+var MenubarContent = React32__namespace.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.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__namespace.Content.displayName;
+var MenubarItem = React32__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.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__namespace.Item.displayName;
+var MenubarCheckboxItem = React32__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  MenubarPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive__namespace.CheckboxItem.displayName;
+var MenubarRadioItem = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  MenubarPrimitive__namespace.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive__namespace.RadioItem.displayName;
+var MenubarLabel = React32__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive__namespace.Label.displayName;
+var MenubarSeparator = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  MenubarPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive__namespace.Separator.displayName;
+var MenubarShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+MenubarShortcut.displayName = "MenubarShortcut";
+var tableVariants = classVarianceAuthority.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__namespace.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__namespace.Children.map(props.children, (child) => {
+    if (React32__namespace.isValidElement(child)) {
+      if (child.type === "tbody") {
+        const tbodyProps = child.props;
+        return React32__namespace.cloneElement(child, {
+          className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
+        });
+      }
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full overflow-auto", children: [
+    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-background/60 flex items-center justify-center z-10", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "table",
+      {
+        ref,
+        className: cn(
+          tableVariants({ variant, size }),
+          loading && "opacity-70",
+          className
+        ),
+        ...props,
+        children: childrenWithProps
+      }
+    ),
+    emptyContent && React32__namespace.Children.count(props.children) === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-muted-foreground", children: emptyContent })
+  ] });
+});
+Table.displayName = "Table";
+var TableHeader = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn("bg-primary text-primary-foreground font-medium", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(
+  ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
+    const renderSortIcon = () => {
+      if (!sortable)
+        return null;
+      if (sorted === "asc") {
+        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+          children,
+          sortable && renderSortIcon()
+        ] })
+      }
+    );
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+exports.AspectRatio = AspectRatio;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.Badge = Badge;
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.Checkbox = Checkbox;
+exports.CheckboxGroup = CheckboxGroup;
+exports.CheckboxLabel = CheckboxLabel;
+exports.CheckboxWithLabel = CheckboxWithLabel;
+exports.Collapsible = Collapsible2;
+exports.CollapsibleContent = CollapsibleContent2;
+exports.CollapsibleTrigger = CollapsibleTrigger2;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogForm = DialogForm;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.HoverCard = HoverCard;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardTrigger = HoverCardTrigger;
+exports.Input = Input;
+exports.Label = Label;
+exports.Menubar = Menubar;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarItem = MenubarItem;
+exports.MenubarLabel = MenubarLabel;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarShortcut = MenubarShortcut;
+exports.MenubarSub = MenubarSub;
+exports.MenubarSubContent = MenubarSubContent;
+exports.MenubarSubTrigger = MenubarSubTrigger;
+exports.MenubarTrigger = MenubarTrigger;
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIndicator = NavigationMenuIndicator;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverFooter = PopoverFooter;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverSeparator = PopoverSeparator;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+exports.RadioItemWithLabel = RadioItemWithLabel;
+exports.RadioLabel = RadioLabel;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Separator = Separator;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.Skeleton = Skeleton;
+exports.SkeletonAvatar = SkeletonAvatar;
+exports.SkeletonCard = SkeletonCard;
+exports.SkeletonText = SkeletonText;
+exports.Slider = Slider;
+exports.Switch = Switch;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.ThemeProvider = ThemeProvider2;
+exports.Toast = Toast;
+exports.ToastContainer = ToastContainer;
+exports.ToastProvider = ToastProvider;
+exports.Toggle = Toggle;
+exports.Tooltip = Tooltip;
+exports.accordionContentVariants = accordionContentVariants;
+exports.accordionItemVariants = accordionItemVariants;
+exports.accordionTriggerVariants = accordionTriggerVariants;
+exports.aspectRatioVariants = aspectRatioVariants;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
+exports.cn = cn;
+exports.collapsibleContentVariants = collapsibleContentVariants;
+exports.collapsibleTriggerVariants = collapsibleTriggerVariants;
+exports.combineRefs = combineRefs;
+exports.commandGroupVariants = commandGroupVariants;
+exports.commandInputVariants = commandInputVariants;
+exports.commandItemVariants = commandItemVariants;
+exports.commandListVariants = commandListVariants;
+exports.commandVariants = commandVariants;
+exports.createCssVariables = createCssVariables;
+exports.debounce = debounce;
+exports.formatCurrency = formatCurrency;
+exports.generateId = generateId;
+exports.get = get;
+exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+exports.popoverContentVariants = popoverContentVariants;
+exports.progressVariants = progressVariants;
+exports.skeletonVariants = skeletonVariants;
+exports.toastVariants = toastVariants;
+exports.toggleVariants = toggleVariants;
+exports.tooltipContentVariants = tooltipContentVariants;
+exports.useTheme = useTheme;
+exports.useToast = useToast;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map