@enterprise-ui-react/react 1.0.6

package/dist/index.js

@@ -0,0 +1,2112 @@
+import { breakpointValues } from './chunk-EMI46XY6.js';
+export { borders, breakpointValues, breakpoints, colors, darkShadows, elevation, mediaQueries, motion, semanticBorders, semanticSpacing, shadows, spacing, typography, zIndex } from './chunk-EMI46XY6.js';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import React6, { createContext, useState, useEffect, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { motion } from 'framer-motion';
+import { X, Menu, ChevronRight, ChevronLeft, Minus, Check, Circle, ChevronDown, ChevronUp, Loader2, Info, AlertTriangle, AlertCircle, CheckCircle2 } from 'lucide-react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/theme.ts
+var THEME_STORAGE_KEY = "enterprise-ui-theme";
+function getSystemTheme() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  if (typeof window === "undefined") return null;
+  return localStorage.getItem(THEME_STORAGE_KEY) || null;
+}
+function setStoredTheme(theme) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(THEME_STORAGE_KEY, theme);
+}
+function getResolvedTheme(theme) {
+  if (theme === "system") {
+    return getSystemTheme();
+  }
+  return theme;
+}
+function applyTheme(theme) {
+  if (typeof window === "undefined") return;
+  const root = window.document.documentElement;
+  root.classList.remove("light", "dark");
+  root.classList.add(theme);
+}
+function initializeTheme() {
+  const stored = getStoredTheme() || "system";
+  const resolved = getResolvedTheme(stored);
+  applyTheme(resolved);
+  return resolved;
+}
+
+// src/utils/accessibility.ts
+function generateId(prefix = "enterprise-ui") {
+  return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function isFocusable(element) {
+  if (element.tabIndex < 0) return false;
+  if (element.hasAttribute("disabled")) return false;
+  const tagName = element.tagName.toLowerCase();
+  const focusableTags = ["a", "button", "input", "select", "textarea"];
+  if (focusableTags.includes(tagName)) {
+    return true;
+  }
+  return element.tabIndex >= 0;
+}
+function getFocusableElements(container) {
+  const selector = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])'
+  ].join(", ");
+  return Array.from(container.querySelectorAll(selector));
+}
+function trapFocus(container, event) {
+  if (event.key !== "Tab") return;
+  const focusableElements = getFocusableElements(container);
+  if (focusableElements.length === 0) return;
+  const firstElement = focusableElements[0];
+  const lastElement = focusableElements[focusableElements.length - 1];
+  if (event.shiftKey) {
+    if (document.activeElement === firstElement) {
+      event.preventDefault();
+      lastElement.focus();
+    }
+  } else {
+    if (document.activeElement === lastElement) {
+      event.preventDefault();
+      firstElement.focus();
+    }
+  }
+}
+function announceToScreenReader(message, priority = "polite") {
+  if (typeof document === "undefined") return;
+  const announcement = document.createElement("div");
+  announcement.setAttribute("role", "status");
+  announcement.setAttribute("aria-live", priority);
+  announcement.setAttribute("aria-atomic", "true");
+  announcement.className = "sr-only";
+  announcement.textContent = message;
+  document.body.appendChild(announcement);
+  setTimeout(() => {
+    document.body.removeChild(announcement);
+  }, 1e3);
+}
+function getContrastRatio(color1, color2) {
+  const getLuminance = (color) => {
+    const hex = color.replace("#", "");
+    const r = parseInt(hex.substr(0, 2), 16) / 255;
+    const g = parseInt(hex.substr(2, 2), 16) / 255;
+    const b = parseInt(hex.substr(4, 2), 16) / 255;
+    const [rs, gs, bs] = [r, g, b].map(
+      (c) => c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4)
+    );
+    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+  };
+  const l1 = getLuminance(color1);
+  const l2 = getLuminance(color2);
+  const lighter = Math.max(l1, l2);
+  const darker = Math.min(l1, l2);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function meetsWCAGAA(foreground, background, largeText = false) {
+  const ratio = getContrastRatio(foreground, background);
+  return largeText ? ratio >= 3 : ratio >= 4.5;
+}
+
+// src/utils/responsive.ts
+function matchesBreakpoint(breakpoint) {
+  if (typeof window === "undefined") return false;
+  return window.innerWidth >= breakpointValues[breakpoint];
+}
+function getCurrentBreakpoint() {
+  if (typeof window === "undefined") return "sm";
+  const width = window.innerWidth;
+  if (width >= breakpointValues["3xl"]) return "3xl";
+  if (width >= breakpointValues["2xl"]) return "2xl";
+  if (width >= breakpointValues.xl) return "xl";
+  if (width >= breakpointValues.lg) return "lg";
+  if (width >= breakpointValues.md) return "md";
+  if (width >= breakpointValues.sm) return "sm";
+  return "xs";
+}
+function isMobile() {
+  if (typeof window === "undefined") return false;
+  return window.innerWidth < breakpointValues.md;
+}
+function isTablet() {
+  if (typeof window === "undefined") return false;
+  return window.innerWidth >= breakpointValues.md && window.innerWidth < breakpointValues.lg;
+}
+function isDesktop() {
+  if (typeof window === "undefined") return false;
+  return window.innerWidth >= breakpointValues.lg;
+}
+
+// src/utils/format.ts
+function formatNumber(num, options) {
+  return new Intl.NumberFormat("en-US", options).format(num);
+}
+function formatCurrency(amount, currency = "USD", locale = "en-US") {
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency
+  }).format(amount);
+}
+function formatPercent(value, decimals = 0, locale = "en-US") {
+  return new Intl.NumberFormat(locale, {
+    style: "percent",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  }).format(value);
+}
+function formatDate(date, format = "medium", locale = "en-US") {
+  const d = new Date(date);
+  return new Intl.DateTimeFormat(locale, { dateStyle: format }).format(d);
+}
+function formatRelativeTime(date, locale = "en-US") {
+  const d = new Date(date);
+  const now = /* @__PURE__ */ new Date();
+  const diffInSeconds = Math.floor((now.getTime() - d.getTime()) / 1e3);
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  if (diffInSeconds < 60) return rtf.format(-diffInSeconds, "second");
+  if (diffInSeconds < 3600) return rtf.format(-Math.floor(diffInSeconds / 60), "minute");
+  if (diffInSeconds < 86400) return rtf.format(-Math.floor(diffInSeconds / 3600), "hour");
+  if (diffInSeconds < 604800) return rtf.format(-Math.floor(diffInSeconds / 86400), "day");
+  if (diffInSeconds < 2592e3) return rtf.format(-Math.floor(diffInSeconds / 604800), "week");
+  if (diffInSeconds < 31536e3) return rtf.format(-Math.floor(diffInSeconds / 2592e3), "month");
+  return rtf.format(-Math.floor(diffInSeconds / 31536e3), "year");
+}
+function formatFileSize(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(decimals))} ${sizes[i]}`;
+}
+function truncate(text, maxLength) {
+  if (text.length <= maxLength) return text;
+  return `${text.slice(0, maxLength - 3)}...`;
+}
+function toTitleCase(str) {
+  return str.replace(
+    /\w\S*/g,
+    (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
+  );
+}
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+function toCamelCase(str) {
+  return str.replace(
+    /(?:^\w|[A-Z]|\b\w)/g,
+    (word, index) => index === 0 ? word.toLowerCase() : word.toUpperCase()
+  ).replace(/[\s-_]+/g, "");
+}
+var ThemeContext = createContext(void 0);
+function ThemeProvider({
+  children,
+  defaultTheme = "system"
+}) {
+  const [theme, setThemeState] = useState(
+    () => getStoredTheme() || defaultTheme
+  );
+  const [resolvedTheme, setResolvedTheme] = useState(
+    () => getResolvedTheme(theme)
+  );
+  useEffect(() => {
+    const resolved = getResolvedTheme(theme);
+    setResolvedTheme(resolved);
+    applyTheme(resolved);
+  }, [theme]);
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      const resolved = getSystemTheme();
+      setResolvedTheme(resolved);
+      applyTheme(resolved);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme]);
+  const setTheme = (newTheme) => {
+    setThemeState(newTheme);
+    setStoredTheme(newTheme);
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, resolvedTheme, setTheme }, children });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+var typographyVariants = cva("", {
+  variants: {
+    variant: {
+      h1: "text-5xl font-bold tracking-tight leading-tight",
+      h2: "text-4xl font-bold tracking-tight",
+      h3: "text-3xl font-semibold tracking-tight",
+      h4: "text-2xl font-semibold",
+      h5: "text-xl font-semibold",
+      h6: "text-lg font-semibold",
+      body: "text-base font-normal",
+      bodyLarge: "text-lg font-normal",
+      bodySmall: "text-sm font-normal",
+      label: "text-sm font-medium",
+      caption: "text-xs font-normal",
+      overline: "text-xs font-semibold uppercase tracking-wide",
+      code: "font-mono text-sm"
+    },
+    color: {
+      primary: "text-text-primary dark:text-dark-text-primary",
+      secondary: "text-text-secondary dark:text-dark-text-secondary",
+      tertiary: "text-text-tertiary dark:text-dark-text-tertiary",
+      disabled: "text-text-disabled dark:text-dark-text-disabled",
+      inverse: "text-text-inverse",
+      link: "text-text-link dark:text-dark-text-link hover:text-text-linkHover dark:hover:text-dark-text-linkHover",
+      success: "text-success-dark dark:text-success-light",
+      warning: "text-warning-dark dark:text-warning-light",
+      error: "text-error-dark dark:text-error-light",
+      info: "text-info-dark dark:text-info-light"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: {
+    variant: "body",
+    color: "primary",
+    align: "left"
+  }
+});
+var Typography = React6.forwardRef(
+  ({
+    as,
+    variant = "body",
+    color,
+    align,
+    weight,
+    truncate: truncate2,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const Component = as || getDefaultElement(variant);
+    return React6.createElement(
+      Component,
+      {
+        ref,
+        className: cn(
+          typographyVariants({ variant, color, align, weight }),
+          truncate2 && "truncate",
+          className
+        ),
+        ...props
+      },
+      children
+    );
+  }
+);
+Typography.displayName = "Typography";
+function getDefaultElement(variant) {
+  switch (variant) {
+    case "h1":
+      return "h1";
+    case "h2":
+      return "h2";
+    case "h3":
+      return "h3";
+    case "h4":
+      return "h4";
+    case "h5":
+      return "h5";
+    case "h6":
+      return "h6";
+    case "code":
+      return "code";
+    case "overline":
+    case "caption":
+    case "label":
+      return "span";
+    default:
+      return "p";
+  }
+}
+var H1 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h1", ...props });
+var H2 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h2", ...props });
+var H3 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h3", ...props });
+var H4 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h4", ...props });
+var H5 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h5", ...props });
+var H6 = (props) => /* @__PURE__ */ jsx(Typography, { variant: "h6", ...props });
+var Text = (props) => /* @__PURE__ */ jsx(Typography, { variant: "body", ...props });
+var Label = (props) => /* @__PURE__ */ jsx(Typography, { variant: "label", ...props });
+var Caption = (props) => /* @__PURE__ */ jsx(Typography, { variant: "caption", ...props });
+var Code = (props) => /* @__PURE__ */ jsx(Typography, { variant: "code", ...props });
+var iconVariants = cva("", {
+  variants: {
+    size: {
+      xs: "w-3 h-3",
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8",
+      "2xl": "w-10 h-10"
+    },
+    color: {
+      primary: "text-text-primary dark:text-dark-text-primary",
+      secondary: "text-text-secondary dark:text-dark-text-secondary",
+      tertiary: "text-text-tertiary dark:text-dark-text-tertiary",
+      disabled: "text-text-disabled dark:text-dark-text-disabled",
+      inverse: "text-text-inverse",
+      accent: "text-primary dark:text-primary",
+      success: "text-success dark:text-success",
+      warning: "text-warning dark:text-warning",
+      error: "text-error dark:text-error",
+      info: "text-info dark:text-info"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+var Icon = React6.forwardRef(
+  ({ icon: IconComponent, size, color, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      IconComponent,
+      {
+        ref,
+        className: cn(iconVariants({ size, color }), className),
+        ...props
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var FadeIn = ({
+  delay = 0,
+  duration = 0.2,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration, delay },
+      ...props,
+      children
+    }
+  );
+};
+FadeIn.displayName = "FadeIn";
+var SlideIn = ({
+  direction = "up",
+  delay = 0,
+  duration = 0.3,
+  distance = 100,
+  children,
+  ...props
+}) => {
+  const getInitialPosition = () => {
+    switch (direction) {
+      case "up":
+        return { y: distance, x: 0 };
+      case "down":
+        return { y: -distance, x: 0 };
+      case "left":
+        return { x: distance, y: 0 };
+      case "right":
+        return { x: -distance, y: 0 };
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { ...getInitialPosition(), opacity: 0 },
+      animate: { x: 0, y: 0, opacity: 1 },
+      exit: { ...getInitialPosition(), opacity: 0 },
+      transition: { duration, delay, ease: [0, 0, 0.2, 1] },
+      ...props,
+      children
+    }
+  );
+};
+SlideIn.displayName = "SlideIn";
+var ScaleIn = ({
+  delay = 0,
+  duration = 0.2,
+  initialScale = 0.95,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { scale: initialScale, opacity: 0 },
+      animate: { scale: 1, opacity: 1 },
+      exit: { scale: initialScale, opacity: 0 },
+      transition: { duration, delay, ease: [0, 0, 0.2, 1] },
+      ...props,
+      children
+    }
+  );
+};
+ScaleIn.displayName = "ScaleIn";
+var Stagger = ({
+  staggerDelay = 0.1,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        visible: {
+          transition: {
+            staggerChildren: staggerDelay
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+Stagger.displayName = "Stagger";
+var StaggerItem = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      variants: {
+        hidden: { opacity: 0, y: 20 },
+        visible: { opacity: 1, y: 0 }
+      },
+      ...props,
+      children
+    }
+  );
+};
+StaggerItem.displayName = "StaggerItem";
+var containerVariants = cva("mx-auto w-full px-4 sm:px-6 lg:px-8", {
+  variants: {
+    maxWidth: {
+      xs: "max-w-screen-xs",
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      "3xl": "max-w-screen-3xl",
+      full: "max-w-full"
+    }
+  },
+  defaultVariants: {
+    maxWidth: "xl"
+  }
+});
+var Container = React6.forwardRef(
+  ({ as: Component = "div", maxWidth, className, ...props }, ref) => {
+    return React6.createElement(Component, {
+      ref,
+      className: cn(containerVariants({ maxWidth }), className),
+      ...props
+    });
+  }
+);
+Container.displayName = "Container";
+var gridVariants = cva("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12"
+    }
+  },
+  defaultVariants: {
+    cols: 1,
+    gap: 4
+  }
+});
+var Grid = React6.forwardRef(
+  ({ as: Component = "div", cols, gap, responsive, className, ...props }, ref) => {
+    const responsiveClasses = responsive ? Object.entries(responsive).map(([breakpoint, columns]) => {
+      if (breakpoint === "sm") return `sm:grid-cols-${columns}`;
+      if (breakpoint === "md") return `md:grid-cols-${columns}`;
+      if (breakpoint === "lg") return `lg:grid-cols-${columns}`;
+      if (breakpoint === "xl") return `xl:grid-cols-${columns}`;
+      if (breakpoint === "2xl") return `2xl:grid-cols-${columns}`;
+      return "";
+    }).join(" ") : "";
+    return React6.createElement(Component, {
+      ref,
+      className: cn(gridVariants({ cols, gap }), responsiveClasses, className),
+      ...props
+    });
+  }
+);
+Grid.displayName = "Grid";
+var GridItem = React6.forwardRef(
+  ({ colSpan, rowSpan, colStart, colEnd, rowStart, rowEnd, className, ...props }, ref) => {
+    const spanClasses = [
+      colSpan && `col-span-${colSpan}`,
+      rowSpan && `row-span-${rowSpan}`,
+      colStart && `col-start-${colStart}`,
+      colEnd && `col-end-${colEnd}`,
+      rowStart && `row-start-${rowStart}`,
+      rowEnd && `row-end-${rowEnd}`
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(spanClasses, className), ...props });
+  }
+);
+GridItem.displayName = "GridItem";
+var stackVariants = cva("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col",
+      rowReverse: "flex-row-reverse",
+      columnReverse: "flex-col-reverse"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      true: "flex-wrap",
+      false: "flex-nowrap",
+      reverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    direction: "column",
+    gap: 4,
+    align: "stretch",
+    justify: "start",
+    wrap: false
+  }
+});
+var Stack = React6.forwardRef(
+  ({
+    as: Component = "div",
+    direction,
+    gap,
+    align,
+    justify,
+    wrap,
+    className,
+    ...props
+  }, ref) => {
+    return React6.createElement(Component, {
+      ref,
+      className: cn(
+        stackVariants({ direction, gap, align, justify, wrap }),
+        className
+      ),
+      ...props
+    });
+  }
+);
+Stack.displayName = "Stack";
+var HStack = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props }));
+HStack.displayName = "HStack";
+var VStack = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "column", ...props }));
+VStack.displayName = "VStack";
+var sidebarVariants = cva(
+  "fixed inset-y-0 left-0 z-50 flex flex-col border-r border-border bg-background-surface transition-all duration-300",
+  {
+    variants: {
+      collapsed: {
+        true: "w-16",
+        false: "w-64"
+      },
+      mobile: {
+        true: "w-64",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      collapsed: false,
+      mobile: false
+    }
+  }
+);
+var Sidebar = React6.forwardRef(
+  ({
+    collapsible = true,
+    defaultCollapsed = false,
+    collapsed: controlledCollapsed,
+    onCollapsedChange,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [internalCollapsed, setInternalCollapsed] = React6.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React6.useState(false);
+    const collapsed = controlledCollapsed !== void 0 ? controlledCollapsed : internalCollapsed;
+    const handleToggle = () => {
+      const newCollapsed = !collapsed;
+      setInternalCollapsed(newCollapsed);
+      onCollapsedChange?.(newCollapsed);
+    };
+    const handleMobileToggle = () => {
+      setMobileOpen(!mobileOpen);
+    };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleMobileToggle,
+          className: "fixed left-4 top-4 z-50 rounded-md p-2 lg:hidden bg-background-surface border border-border shadow-md",
+          "aria-label": "Toggle sidebar",
+          children: mobileOpen ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+        }
+      ),
+      mobileOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 z-40 bg-background-overlay lg:hidden",
+          onClick: handleMobileToggle
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn(
+            sidebarVariants({ collapsed }),
+            "max-lg:translate-x-[-100%]",
+            mobileOpen && "max-lg:translate-x-0",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden", children }),
+            collapsible && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleToggle,
+                className: "hidden lg:flex items-center justify-center h-12 border-t border-border hover:bg-background-hover transition-colors",
+                "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+                children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex h-16 items-center border-b border-border px-4", className),
+    ...props
+  }
+));
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 py-4", className), ...props }));
+SidebarContent.displayName = "SidebarContent";
+var SidebarFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("border-t border-border p-4", className),
+    ...props
+  }
+));
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarNav = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, className: cn("space-y-1 px-2", className), ...props }));
+SidebarNav.displayName = "SidebarNav";
+var SidebarNavItem = React6.forwardRef(({ active, icon, collapsed, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  "a",
+  {
+    ref,
+    className: cn(
+      "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
+      active ? "bg-primary text-primary-text" : "text-text-secondary hover:bg-background-hover hover:text-text-primary",
+      collapsed && "justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: icon }),
+      !collapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children })
+    ]
+  }
+));
+SidebarNavItem.displayName = "SidebarNavItem";
+var SidebarGroup = React6.forwardRef(
+  ({ title, collapsed, className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("px-2 py-2", className), ...props, children: [
+    title && !collapsed && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-semibold text-text-tertiary uppercase tracking-wide", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-1", children })
+  ] })
+);
+SidebarGroup.displayName = "SidebarGroup";
+var PageShell = React6.forwardRef(
+  ({ sidebar, header, footer, sidebarCollapsed, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("min-h-screen", className), ...props, children: [
+      sidebar && /* @__PURE__ */ jsx("div", { className: "sidebar-wrapper", children: sidebar }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex min-h-screen flex-col transition-all duration-300",
+            sidebar && !sidebarCollapsed && "lg:pl-64",
+            sidebar && sidebarCollapsed && "lg:pl-16"
+          ),
+          children: [
+            header && /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-40 border-b border-border bg-background-surface", children: header }),
+            /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
+            footer && /* @__PURE__ */ jsx("footer", { className: "border-t border-border bg-background-surface", children: footer })
+          ]
+        }
+      )
+    ] });
+  }
+);
+PageShell.displayName = "PageShell";
+var PageHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex h-16 items-center gap-4 px-6", className),
+    ...props
+  }
+));
+PageHeader.displayName = "PageHeader";
+var PageContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6", className), ...props }));
+PageContent.displayName = "PageContent";
+var PageTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h1",
+  {
+    ref,
+    className: cn("text-2xl font-semibold tracking-tight", className),
+    ...props
+  }
+));
+PageTitle.displayName = "PageTitle";
+var PageDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+PageDescription.displayName = "PageDescription";
+var inputVariants = cva(
+  "flex w-full rounded-md border bg-background-surface px-3 py-2 text-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border-border hover:border-border-strong",
+        error: "border-error focus-visible:ring-error",
+        success: "border-success focus-visible:ring-success"
+      },
+      size: {
+        sm: "h-8 text-xs",
+        md: "h-10 text-sm",
+        lg: "h-11 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Input = React6.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    type = "text",
+    leftIcon,
+    rightIcon,
+    error,
+    helperText,
+    label,
+    required,
+    id,
+    ...props
+  }, ref) => {
+    const generatedId = React6.useId();
+    const inputId = id ?? generatedId;
+    const errorId = `${inputId}-error`;
+    const helperId = `${inputId}-helper`;
+    const hasError = !!error;
+    const finalVariant = hasError ? "error" : variant;
+    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      label && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "mb-1.5 block text-sm font-medium text-text-primary",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary", children: leftIcon }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type,
+            id: inputId,
+            className: cn(
+              inputVariants({ variant: finalVariant, size }),
+              leftIcon && "pl-10",
+              rightIcon && "pr-10",
+              className
+            ),
+            ref,
+            "aria-invalid": hasError,
+            "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+            ...props
+          }
+        ),
+        rightIcon && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-text-tertiary", children: rightIcon })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1.5 text-xs text-error", role: "alert", children: error }),
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: helperId, className: "mt-1.5 text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var textareaVariants = cva(
+  "flex min-h-[80px] w-full rounded-md border bg-background-surface px-3 py-2 text-sm transition-colors placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border-border hover:border-border-strong",
+        error: "border-error focus-visible:ring-error",
+        success: "border-success focus-visible:ring-success"
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      resize: "vertical"
+    }
+  }
+);
+var Textarea = React6.forwardRef(
+  ({
+    className,
+    variant,
+    resize,
+    error,
+    helperText,
+    label,
+    required,
+    id,
+    ...props
+  }, ref) => {
+    const generatedId = React6.useId();
+    const textareaId = id ?? generatedId;
+    const errorId = `${textareaId}-error`;
+    const helperId = `${textareaId}-helper`;
+    const hasError = !!error;
+    const finalVariant = hasError ? "error" : variant;
+    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      label && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: textareaId,
+          className: "mb-1.5 block text-sm font-medium text-text-primary",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id: textareaId,
+          className: cn(
+            textareaVariants({ variant: finalVariant, resize }),
+            className
+          ),
+          ref,
+          "aria-invalid": hasError,
+          "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1.5 text-xs text-error", role: "alert", children: error }),
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: helperId, className: "mt-1.5 text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+var Checkbox = React6.forwardRef(
+  ({ className, label, helperText, error, indeterminate, id, ...props }, ref) => {
+    const generatedId = React6.useId();
+    const checkboxId = id ?? generatedId;
+    const errorId = `${checkboxId}-error`;
+    const helperId = `${checkboxId}-helper`;
+    const hasError = !!error;
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Root,
+        {
+          ref,
+          id: checkboxId,
+          className: cn(
+            "peer h-5 w-5 shrink-0 rounded border border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-text",
+            hasError && "border-error focus-visible:ring-error",
+            className
+          ),
+          "aria-invalid": hasError,
+          "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            CheckboxPrimitive.Indicator,
+            {
+              className: cn("flex items-center justify-center text-current"),
+              children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+            }
+          )
+        }
+      ),
+      (label || helperText || error) && /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        label && /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: checkboxId,
+            className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+            children: label
+          }
+        ),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            className: "mt-1 text-xs text-error",
+            role: "alert",
+            children: error
+          }
+        ),
+        helperText && !error && /* @__PURE__ */ jsx("p", { id: helperId, className: "mt-1 text-xs text-text-secondary", children: helperText })
+      ] })
+    ] });
+  }
+);
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var RadioGroup = React6.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioItem = React6.forwardRef(({ className, label, helperText, id, ...props }, ref) => {
+  const generatedId = React6.useId();
+  const radioId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        id: radioId,
+        className: cn(
+          "aspect-square h-5 w-5 rounded-full border border-border text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      }
+    ),
+    (label || helperText) && /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: radioId,
+          className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          children: label
+        }
+      ),
+      helperText && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-text-secondary", children: helperText })
+    ] })
+  ] });
+});
+RadioItem.displayName = RadioGroupPrimitive.Item.displayName;
+var Switch = React6.forwardRef(({ className, label, helperText, error, id, ...props }, ref) => {
+  const generatedId = React6.useId();
+  const switchId = id ?? generatedId;
+  const errorId = `${switchId}-error`;
+  const helperId = `${switchId}-helper`;
+  const hasError = !!error;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx(
+      SwitchPrimitives.Root,
+      {
+        id: switchId,
+        className: cn(
+          "peer inline-flex h-6 w-11 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-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border-strong",
+          hasError && "focus-visible:ring-error",
+          className
+        ),
+        "aria-invalid": hasError,
+        "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+        ...props,
+        ref,
+        children: /* @__PURE__ */ jsx(
+          SwitchPrimitives.Thumb,
+          {
+            className: cn(
+              "pointer-events-none block h-5 w-5 rounded-full bg-background-surface shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+            )
+          }
+        )
+      }
+    ),
+    (label || helperText || error) && /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: switchId,
+          className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          children: label
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-xs text-error", role: "alert", children: error }),
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: helperId, className: "mt-1 text-xs text-text-secondary", children: helperText })
+    ] })
+  ] });
+});
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-border bg-background-surface px-3 py-2 text-sm placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-background-surface text-text-primary 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",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-background-hover focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-text hover:bg-primary-hover active:bg-primary-active",
+        secondary: "bg-background-surface text-text-primary border border-border hover:bg-background-hover active:bg-background-active",
+        outline: "border border-border bg-transparent hover:bg-background-hover active:bg-background-active",
+        ghost: "bg-transparent hover:bg-background-hover active:bg-background-active",
+        danger: "bg-error text-error-text hover:bg-error-hover active:bg-error-active",
+        success: "bg-success text-success-text hover:bg-success-hover active:bg-success-active",
+        link: "text-text-link hover:text-text-linkHover underline-offset-4 hover:underline"
+      },
+      size: {
+        xs: "h-7 px-2 text-xs",
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-base",
+        lg: "h-11 px-6 text-lg",
+        xl: "h-12 px-8 text-lg"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React6.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    fullWidth,
+    loading,
+    disabled,
+    leftIcon,
+    rightIcon,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, fullWidth, className })),
+        ref,
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : leftIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex", children: leftIcon }),
+          children,
+          !loading && rightIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex", children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-lg border p-4 shadow-lg 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 data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-background-surface text-text-primary",
+        success: "border-success bg-success-light text-success-dark dark:bg-success-dark dark:text-success-light",
+        error: "border-error bg-error-light text-error-dark dark:bg-error-dark dark:text-error-light",
+        warning: "border-warning bg-warning-light text-warning-dark dark:bg-warning-dark dark:text-warning-light",
+        info: "border-info bg-info-light text-info-dark dark:bg-info-dark dark:text-info-light"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React6.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-background-hover focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-text-secondary opacity-70 transition-opacity hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+var toastIcons = {
+  success: CheckCircle2,
+  error: AlertCircle,
+  warning: AlertTriangle,
+  info: Info
+};
+var TOAST_LIMIT = 5;
+var TOAST_REMOVE_DELAY = 1e6;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React6.useState(memoryState);
+  React6.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+function Toaster() {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(function({ id, title, description, action, variant, ...props }) {
+      const Icon3 = variant && variant !== "default" ? toastIcons[variant] : null;
+      return /* @__PURE__ */ jsxs(Toast, { variant, ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+          Icon3 && /* @__PURE__ */ jsx(Icon3, { className: "h-5 w-5 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+            description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
+          ] })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ] }, id);
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
+}
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:pl-8",
+  {
+    variants: {
+      variant: {
+        default: "bg-background-surface border-border text-text-primary",
+        success: "bg-success-light border-success text-success-dark dark:bg-success-dark dark:border-success dark:text-success-light",
+        error: "bg-error-light border-error text-error-dark dark:bg-error-dark dark:border-error dark:text-error-light",
+        warning: "bg-warning-light border-warning text-warning-dark dark:bg-warning-dark dark:border-warning dark:text-warning-light",
+        info: "bg-info-light border-info text-info-dark dark:bg-info-dark dark:border-info dark:text-info-light"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React6.forwardRef(
+  ({ className, variant, icon, closable, onClose, children, ...props }, ref) => {
+    const [visible, setVisible] = React6.useState(true);
+    const handleClose = () => {
+      setVisible(false);
+      onClose?.();
+    };
+    if (!visible) return null;
+    const defaultIcon = getDefaultIcon(variant);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          (icon || defaultIcon) && /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-4", children: icon || defaultIcon }),
+          /* @__PURE__ */ jsx("div", { className: cn(icon || defaultIcon ? "pl-8" : ""), children }),
+          closable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleClose,
+              className: "absolute right-4 top-4 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2",
+              "aria-label": "Close alert",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+function getDefaultIcon(variant) {
+  const iconClass = "h-5 w-5";
+  switch (variant) {
+    case "success":
+      return /* @__PURE__ */ jsx(CheckCircle2, { className: iconClass });
+    case "error":
+      return /* @__PURE__ */ jsx(AlertCircle, { className: iconClass });
+    case "warning":
+      return /* @__PURE__ */ jsx(AlertTriangle, { className: iconClass });
+    case "info":
+      return /* @__PURE__ */ jsx(Info, { className: iconClass });
+    default:
+      return /* @__PURE__ */ jsx(Info, { className: iconClass });
+  }
+}
+var Modal = DialogPrimitive.Root;
+var ModalTrigger = DialogPrimitive.Trigger;
+var ModalPortal = DialogPrimitive.Portal;
+var ModalClose = DialogPrimitive.Close;
+var ModalOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+ModalOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var ModalContent = React6.forwardRef(({ className, children, showCloseButton = true, ...props }, ref) => /* @__PURE__ */ jsxs(ModalPortal, { children: [
+  /* @__PURE__ */ jsx(ModalOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background-surface p-6 shadow-xl 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-background-active", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+ModalContent.displayName = DialogPrimitive.Content.displayName;
+var ModalHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+ModalHeader.displayName = "ModalHeader";
+var ModalFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+ModalFooter.displayName = "ModalFooter";
+var ModalTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+ModalTitle.displayName = DialogPrimitive.Title.displayName;
+var ModalDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+ModalDescription.displayName = DialogPrimitive.Description.displayName;
+var cardVariants = cva(
+  "rounded-lg border border-border bg-background-surface text-text-primary",
+  {
+    variants: {
+      variant: {
+        default: "",
+        elevated: "shadow-md",
+        outlined: "border-2"
+      },
+      padding: {
+        none: "",
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8"
+      },
+      hoverable: {
+        true: "transition-all hover:shadow-lg hover:-translate-y-1 cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      padding: "md"
+    }
+  }
+);
+var Card = React6.forwardRef(
+  ({ as: Component = "div", variant, padding, hoverable, className, ...props }, ref) => {
+    return React6.createElement(Component, {
+      ref,
+      className: cn(cardVariants({ variant, padding, hoverable }), className),
+      ...props
+    });
+  }
+);
+Card.displayName = "Card";
+var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-text-secondary", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-text hover:bg-primary-hover",
+        secondary: "border-transparent bg-background-active text-text-secondary hover:bg-border",
+        outline: "border-border text-text-primary",
+        success: "border-transparent bg-success-light text-success-dark dark:bg-success-dark dark:text-success-light",
+        error: "border-transparent bg-error-light text-error-dark dark:bg-error-dark dark:text-error-light",
+        warning: "border-transparent bg-warning-light text-warning-dark dark:bg-warning-dark dark:text-warning-light",
+        info: "border-transparent bg-info-light text-info-dark dark:bg-info-dark dark:text-info-light"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-0.5 text-sm",
+        lg: "px-3 py-1 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Badge = React6.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    leftIcon,
+    rightIcon,
+    onRemove,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(badgeVariants({ variant, size }), className),
+        ...props,
+        children: [
+          leftIcon && /* @__PURE__ */ jsx("span", { className: "mr-1 inline-flex", children: leftIcon }),
+          children,
+          rightIcon && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-flex", children: rightIcon }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onRemove,
+              className: "ml-1 inline-flex rounded-full hover:bg-black/10 dark:hover:bg-white/10",
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "h-3 w-3",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+var avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        xs: "h-6 w-6 text-xs",
+        sm: "h-8 w-8 text-sm",
+        md: "h-10 w-10 text-base",
+        lg: "h-12 w-12 text-lg",
+        xl: "h-16 w-16 text-xl",
+        "2xl": "h-20 w-20 text-2xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Avatar = React6.forwardRef(({ className, size, src, alt, fallback, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    AvatarPrimitive.Root,
+    {
+      ref,
+      className: cn(avatarVariants({ size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AvatarImage, { src, alt }),
+        /* @__PURE__ */ jsx(AvatarFallback, { children: fallback || getInitials(alt || "") })
+      ]
+    }
+  );
+});
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-border-strong text-text-secondary font-medium",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+function getInitials(name) {
+  const parts = name.split(" ").filter(Boolean);
+  if (parts.length === 0) return "?";
+  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+var Table = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    ref,
+    className: cn(
+      "border-b border-border bg-background-hover [&_tr]:border-b",
+      className
+    ),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t border-border bg-background-hover font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b border-border transition-colors hover:bg-background-hover data-[state=selected]:bg-background-active",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-semibold text-text-secondary [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-text-secondary", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border border-border bg-background-surface px-3 py-1.5 text-sm text-text-primary shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var progressVariants = cva(
+  "relative h-2 w-full overflow-hidden rounded-full bg-background-active",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Progress = React6.forwardRef(({ className, value, size, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(progressVariants({ size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: cn(
+          "h-full w-full flex-1 bg-primary transition-all",
+          indicatorClassName
+        ),
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+var skeletonVariants = cva(
+  "animate-pulse rounded-md bg-background-active",
+  {
+    variants: {
+      variant: {
+        default: "",
+        circle: "rounded-full",
+        text: "h-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Skeleton = React6.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(skeletonVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Container, FadeIn, Grid, GridItem, H1, H2, H3, H4, H5, H6, HStack, Icon, Input, Label, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PageContent, PageDescription, PageHeader, PageShell, PageTitle, Progress, RadioGroup, RadioItem, ScaleIn, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarNav, SidebarNavItem, Skeleton, SlideIn, Stack, Stagger, StaggerItem, Switch, THEME_STORAGE_KEY, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, VStack, announceToScreenReader, applyTheme, cn, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, formatRelativeTime, generateId, getContrastRatio, getCurrentBreakpoint, getFocusableElements, getResolvedTheme, getStoredTheme, getSystemTheme, initializeTheme, isDesktop, isFocusable, isMobile, isTablet, matchesBreakpoint, meetsWCAGAA, setStoredTheme, toCamelCase, toKebabCase, toTitleCase, toast, toastIcons, trapFocus, truncate, useTheme, useToast };