@atxp/design-system 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2278 @@
+"use client"
+"use strict";
+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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Activity: () => import_lucide_react17.Activity,
+  Alert: () => Alert,
+  AlertCircle: () => import_lucide_react4.AlertCircle,
+  AlertDescription: () => AlertDescription,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertTitle: () => AlertTitle,
+  AlertTriangle: () => import_lucide_react4.AlertTriangle,
+  ArrowDown: () => import_lucide_react2.ArrowDown,
+  ArrowLeft: () => import_lucide_react2.ArrowLeft,
+  ArrowRight: () => import_lucide_react2.ArrowRight,
+  ArrowUp: () => import_lucide_react2.ArrowUp,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Award: () => import_lucide_react17.Award,
+  Badge: () => Badge,
+  BarChart: () => import_lucide_react17.BarChart,
+  BarChart2: () => import_lucide_react17.BarChart2,
+  Battery: () => import_lucide_react13.Battery,
+  BatteryCharging: () => import_lucide_react13.BatteryCharging,
+  BatteryFull: () => import_lucide_react13.BatteryFull,
+  BatteryLow: () => import_lucide_react13.BatteryLow,
+  Bell: () => import_lucide_react6.Bell,
+  BellOff: () => import_lucide_react6.BellOff,
+  Bluetooth: () => import_lucide_react13.Bluetooth,
+  BookOpen: () => import_lucide_react17.BookOpen,
+  Bookmark: () => import_lucide_react17.Bookmark,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Bug: () => import_lucide_react16.Bug,
+  Building: () => import_lucide_react14.Building,
+  Building2: () => import_lucide_react14.Building2,
+  Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
+  Calendar: () => import_lucide_react11.Calendar,
+  CalendarCheck: () => import_lucide_react11.CalendarCheck,
+  CalendarDays: () => import_lucide_react11.CalendarDays,
+  CalendarMinus: () => import_lucide_react11.CalendarMinus,
+  CalendarPlus: () => import_lucide_react11.CalendarPlus,
+  CalendarX: () => import_lucide_react11.CalendarX,
+  Camera: () => import_lucide_react8.Camera,
+  CameraOff: () => import_lucide_react8.CameraOff,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselNext: () => CarouselNext,
+  CarouselPrevious: () => CarouselPrevious,
+  Check: () => import_lucide_react3.Check,
+  CheckCircle: () => import_lucide_react4.CheckCircle,
+  CheckCircle2: () => import_lucide_react4.CheckCircle2,
+  CheckWaves: () => import_lucide_react17.CheckCircle,
+  Checkbox: () => Checkbox,
+  ChevronDown: () => import_lucide_react2.ChevronDown,
+  ChevronLeft: () => import_lucide_react2.ChevronLeft,
+  ChevronRight: () => import_lucide_react2.ChevronRight,
+  ChevronUp: () => import_lucide_react2.ChevronUp,
+  ChevronsDown: () => import_lucide_react2.ChevronsDown,
+  ChevronsLeft: () => import_lucide_react2.ChevronsLeft,
+  ChevronsRight: () => import_lucide_react2.ChevronsRight,
+  ChevronsUp: () => import_lucide_react2.ChevronsUp,
+  Clock: () => import_lucide_react11.Clock,
+  Cloud: () => import_lucide_react12.Cloud,
+  CloudDrizzle: () => import_lucide_react12.CloudDrizzle,
+  CloudLightning: () => import_lucide_react12.CloudLightning,
+  CloudRain: () => import_lucide_react12.CloudRain,
+  CloudSnow: () => import_lucide_react12.CloudSnow,
+  Code: () => import_lucide_react16.Code,
+  Code2: () => import_lucide_react16.Code2,
+  Cog: () => import_lucide_react17.Cog,
+  Columns: () => import_lucide_react9.Columns,
+  Compass: () => import_lucide_react14.Compass,
+  Copy: () => import_lucide_react3.Copy,
+  Cpu: () => import_lucide_react16.Cpu,
+  CreditCard: () => import_lucide_react10.CreditCard,
+  Database: () => import_lucide_react16.Database,
+  Dialog: () => Dialog,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  DollarSign: () => import_lucide_react10.DollarSign,
+  Dots: () => import_lucide_react17.MoreHorizontal,
+  Download: () => import_lucide_react3.Download,
+  Drawer: () => Drawer,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerTitle: () => DrawerTitle,
+  Edit: () => import_lucide_react3.Edit,
+  Edit2: () => import_lucide_react3.Edit2,
+  Edit3: () => import_lucide_react3.Edit3,
+  ExternalLink: () => import_lucide_react17.ExternalLink,
+  Eye: () => import_lucide_react7.Eye,
+  EyeOff: () => import_lucide_react7.EyeOff,
+  Facebook: () => import_lucide_react15.Facebook,
+  Figma: () => import_lucide_react15.Figma,
+  File: () => import_lucide_react5.File,
+  FileImage: () => import_lucide_react5.FileImage,
+  FilePlus: () => import_lucide_react5.FilePlus,
+  FileText: () => import_lucide_react5.FileText,
+  Filter: () => import_lucide_react17.Filter,
+  Flag: () => import_lucide_react17.Flag,
+  Folder: () => import_lucide_react5.Folder,
+  FolderOpen: () => import_lucide_react5.FolderOpen,
+  FolderPlus: () => import_lucide_react5.FolderPlus,
+  Gift: () => import_lucide_react10.Gift,
+  GitBranch: () => import_lucide_react16.GitBranch,
+  GitCommit: () => import_lucide_react16.GitCommit,
+  GitMerge: () => import_lucide_react16.GitMerge,
+  GitPullRequest: () => import_lucide_react16.GitPullRequest,
+  Github: () => import_lucide_react15.Github,
+  Globe: () => import_lucide_react14.Globe,
+  Grid: () => import_lucide_react9.Grid,
+  Header: () => Header2,
+  HeaderActions: () => HeaderActions,
+  HeaderBreadcrumbs: () => HeaderBreadcrumbs,
+  HeaderContent: () => HeaderContent,
+  HeaderDescription: () => HeaderDescription,
+  HeaderTitle: () => HeaderTitle,
+  Heart: () => import_lucide_react17.Heart,
+  HelpCircle: () => import_lucide_react4.HelpCircle,
+  Home: () => import_lucide_react14.Home,
+  Icon: () => Icon,
+  Image: () => import_lucide_react5.Image,
+  Info: () => import_lucide_react4.Info,
+  Instagram: () => import_lucide_react15.Instagram,
+  Key: () => import_lucide_react7.Key,
+  Laptop: () => import_lucide_react13.Laptop,
+  Layout: () => import_lucide_react9.Layout,
+  LayoutGrid: () => import_lucide_react9.LayoutGrid,
+  LayoutList: () => import_lucide_react9.LayoutList,
+  LineChart: () => import_lucide_react17.LineChart,
+  Link: () => import_lucide_react17.Link,
+  Link2: () => import_lucide_react17.Link2,
+  Linkedin: () => import_lucide_react15.Linkedin,
+  List: () => import_lucide_react9.List,
+  Loader: () => import_lucide_react4.Loader,
+  Loader2: () => import_lucide_react4.Loader2,
+  Lock: () => import_lucide_react7.Lock,
+  LogIn: () => import_lucide_react7.LogIn,
+  LogOut: () => import_lucide_react7.LogOut,
+  Mail: () => import_lucide_react6.Mail,
+  Map: () => import_lucide_react14.Map,
+  MapPin: () => import_lucide_react14.MapPin,
+  Maximize: () => import_lucide_react9.Maximize,
+  Maximize2: () => import_lucide_react9.Maximize2,
+  Menu: () => import_lucide_react9.Menu,
+  MessageCircle: () => import_lucide_react6.MessageCircle,
+  MessageSquare: () => import_lucide_react6.MessageSquare,
+  Mic: () => import_lucide_react6.Mic,
+  MicOff: () => import_lucide_react6.MicOff,
+  Minimize: () => import_lucide_react9.Minimize,
+  Minimize2: () => import_lucide_react9.Minimize2,
+  Minus: () => import_lucide_react3.Minus,
+  Monitor: () => import_lucide_react13.Monitor,
+  Moon: () => import_lucide_react12.Moon,
+  MoreHorizontal: () => import_lucide_react9.MoreHorizontal,
+  MoreVertical: () => import_lucide_react9.MoreVertical,
+  Music: () => import_lucide_react8.Music,
+  Navigation: () => import_lucide_react14.Navigation,
+  Navigation2: () => import_lucide_react14.Navigation2,
+  Package: () => import_lucide_react10.Package,
+  PanelLeft: () => import_lucide_react9.PanelLeft,
+  PanelRight: () => import_lucide_react9.PanelRight,
+  Paperclip: () => import_lucide_react17.Paperclip,
+  Pause: () => import_lucide_react8.Pause,
+  Pen: () => import_lucide_react17.Pen,
+  Phone: () => import_lucide_react6.Phone,
+  PhoneCall: () => import_lucide_react6.PhoneCall,
+  PhoneOff: () => import_lucide_react6.PhoneOff,
+  PieChart: () => import_lucide_react17.PieChart,
+  Play: () => import_lucide_react8.Play,
+  Plus: () => import_lucide_react3.Plus,
+  Radio: () => Radio,
+  RefreshCw: () => import_lucide_react3.RefreshCw,
+  RotateCcw: () => import_lucide_react3.RotateCcw,
+  RotateCw: () => import_lucide_react3.RotateCw,
+  Save: () => import_lucide_react3.Save,
+  Search: () => import_lucide_react17.Search,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Send: () => import_lucide_react3.Send,
+  Separator: () => Separator2,
+  Server: () => import_lucide_react16.Server,
+  Settings: () => import_lucide_react7.Settings,
+  Share: () => import_lucide_react3.Share,
+  Share2: () => import_lucide_react3.Share2,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetTitle: () => SheetTitle,
+  Shield: () => import_lucide_react7.Shield,
+  ShieldCheck: () => import_lucide_react7.ShieldCheck,
+  ShoppingBag: () => import_lucide_react10.ShoppingBag,
+  ShoppingCart: () => import_lucide_react10.ShoppingCart,
+  Sidebar: () => import_lucide_react9.Sidebar,
+  Skeleton: () => Skeleton,
+  SkipBack: () => import_lucide_react8.SkipBack,
+  SkipForward: () => import_lucide_react8.SkipForward,
+  Slider: () => Slider,
+  Smartphone: () => import_lucide_react13.Smartphone,
+  Square: () => import_lucide_react8.Square,
+  Star: () => import_lucide_react17.Star,
+  Store: () => import_lucide_react14.Store,
+  Sun: () => import_lucide_react12.Sun,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tablet: () => import_lucide_react13.Tablet,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Tag: () => import_lucide_react10.Tag,
+  Terminal: () => import_lucide_react16.Terminal,
+  Textarea: () => Textarea,
+  ThemeProvider: () => ThemeProvider,
+  Toast: () => Toaster2,
+  Toaster: () => import_sonner2.Toaster,
+  Toggle: () => Toggle,
+  Trash: () => import_lucide_react3.Trash,
+  Trash2: () => import_lucide_react3.Trash2,
+  TrendingDown: () => import_lucide_react17.TrendingDown,
+  TrendingUp: () => import_lucide_react17.TrendingUp,
+  Tv: () => import_lucide_react13.Tv,
+  Twitch: () => import_lucide_react15.Twitch,
+  Twitter: () => import_lucide_react15.Twitter,
+  Unlock: () => import_lucide_react7.Unlock,
+  Upload: () => import_lucide_react3.Upload,
+  User: () => import_lucide_react7.User,
+  UserCheck: () => import_lucide_react7.UserCheck,
+  UserMinus: () => import_lucide_react7.UserMinus,
+  UserPlus: () => import_lucide_react7.UserPlus,
+  UserX: () => import_lucide_react7.UserX,
+  Users: () => import_lucide_react7.Users,
+  Video: () => import_lucide_react6.Video,
+  VideoOff: () => import_lucide_react6.VideoOff,
+  Volume: () => import_lucide_react8.Volume,
+  Volume1: () => import_lucide_react8.Volume1,
+  Volume2: () => import_lucide_react8.Volume2,
+  VolumeX: () => import_lucide_react8.VolumeX,
+  Watch: () => import_lucide_react13.Watch,
+  Wifi: () => import_lucide_react13.Wifi,
+  WifiOff: () => import_lucide_react13.WifiOff,
+  Wind: () => import_lucide_react12.Wind,
+  X: () => import_lucide_react3.X,
+  XCircle: () => import_lucide_react4.XCircle,
+  Youtube: () => import_lucide_react15.Youtube,
+  Zap: () => import_lucide_react17.Zap,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  toast: () => import_sonner2.toast,
+  toggleVariants: () => toggleVariants,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Accordion/Accordion.tsx
+var React = __toESM(require("react"), 1);
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+function cn(...inputs) {
+  return (0, import_clsx.clsx)(inputs);
+}
+
+// src/components/Accordion/Accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b border-border", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-base font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 shrink-0 text-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/Alert/Alert.tsx
+var React2 = __toESM(require("react"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full rounded-lg border p-4 flex gap-3 items-start",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground border-border",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React2.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-6 tracking-normal", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-sm leading-5 [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/AlertDialog/AlertDialog.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AlertDialog = ({ open, onOpenChange, children }) => {
+  React3.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && open) {
+        onOpenChange?.(false);
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleEscape);
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+    };
+  }, [open, onOpenChange]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: React3.Children.map(children, (child) => {
+    if (React3.isValidElement(child)) {
+      return React3.cloneElement(child, { onOpenChange });
+    }
+    return child;
+  }) });
+};
+AlertDialog.displayName = "AlertDialog";
+var AlertDialogContent = React3.forwardRef(({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  "div",
+  {
+    className: "fixed inset-0 z-50 flex items-center justify-center",
+    onClick: () => onOpenChange?.(false),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "div",
+        {
+          ref,
+          role: "alertdialog",
+          "aria-modal": "true",
+          className: cn(
+            "relative z-50 flex w-[512px] flex-col gap-4 rounded-lg border border-border bg-background p-6",
+            className
+          ),
+          onClick: (e) => e.stopPropagation(),
+          ...props,
+          children
+        }
+      )
+    ]
+  }
+));
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }
+));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "h2",
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-7 text-foreground", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-end gap-2", className),
+    ...props
+  }
+));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "button",
+  {
+    ref,
+    type: "button",
+    className: cn(
+      "flex h-9 items-center justify-center rounded-lg border-2 border-border bg-background px-4 py-2 text-sm font-medium leading-5 text-accent-foreground shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] transition-colors hover:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "button",
+  {
+    ref,
+    type: "button",
+    className: cn(
+      "flex h-9 items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium leading-5 text-primary-foreground transition-colors hover:bg-primary/90",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogAction.displayName = "AlertDialogAction";
+
+// src/components/Avatar/Avatar.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = "Avatar";
+var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "img",
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted text-sm font-semibold leading-5 text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = "AvatarFallback";
+
+// src/components/Badge/Badge.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-lg border transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-primary bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-secondary bg-secondary text-secondary-foreground hover:brightness-95",
+        destructive: "border-destructive bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "border-border bg-transparent text-foreground hover:bg-muted",
+        success: "border-success bg-success-background text-foreground hover:brightness-95"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs font-semibold",
+        md: "px-2 py-0.5 text-sm font-medium"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+function Badge({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      className: cn(badgeVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var React6 = __toESM(require("react"), 1);
+
+// src/components/Icon/Icon.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Icon = React5.forwardRef(
+  ({ icon: IconComponent, size = 24, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      IconComponent,
+      {
+        ref,
+        size,
+        className: cn("shrink-0", className),
+        ...props
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+// src/components/Icon/index.ts
+var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Breadcrumb = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-2 break-words text-sm text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-2", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "a",
+  {
+    ref,
+    className: cn(
+      "text-sm font-normal leading-5 transition-colors hover:text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("text-sm font-normal leading-5 text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-5 w-5 items-center justify-center", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 14 })
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-5 w-5 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { icon: import_lucide_react9.MoreHorizontal, size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/Button/Button.tsx
+var React7 = __toESM(require("react"), 1);
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-lg text-sm font-medium leading-5 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        "destructive-subtle": "bg-destructive-background text-destructive hover:bg-destructive-background/80",
+        outline: "border-2 border-border bg-background text-accent-foreground shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] hover:bg-muted",
+        "secondary-outline": "border border-border bg-background text-foreground hover:bg-muted",
+        secondary: "bg-secondary text-secondary-foreground hover:brightness-95",
+        ghost: "text-foreground hover:bg-muted",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-success-foreground hover:bg-success/90",
+        "side-panel": "justify-start gap-2 rounded-md bg-transparent text-foreground hover:bg-muted data-[state=selected]:bg-muted"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 px-4 py-2",
+        lg: "h-10 px-4 py-2",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React7.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ButtonGroup/ButtonGroup.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ButtonGroup = React8.forwardRef(
+  ({ className, orientation = "horizontal", children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center",
+          orientation === "horizontal" ? "flex-row gap-3" : "flex-col gap-2",
+          className
+        ),
+        role: "group",
+        ...props,
+        children
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+// src/components/Card/Card.tsx
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border border-border bg-card text-card-foreground shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)]",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-7 tracking-normal text-card-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm font-normal leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, className: cn("px-6 pb-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-end gap-2 px-6 pb-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/Carousel/Carousel.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CarouselContext = React10.createContext(
+  void 0
+);
+function useCarousel() {
+  const context = React10.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a Carousel");
+  }
+  return context;
+}
+var Carousel = React10.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const [currentIndex, setCurrentIndex] = React10.useState(0);
+    const [totalItems, setTotalItems] = React10.useState(0);
+    const goToSlide = React10.useCallback((index) => {
+      setCurrentIndex(index);
+    }, []);
+    const nextSlide = React10.useCallback(() => {
+      setCurrentIndex((prev) => (prev + 1) % totalItems);
+    }, [totalItems]);
+    const previousSlide = React10.useCallback(() => {
+      setCurrentIndex((prev) => (prev - 1 + totalItems) % totalItems);
+    }, [totalItems]);
+    const value = React10.useMemo(
+      () => ({
+        currentIndex,
+        totalItems,
+        goToSlide,
+        nextSlide,
+        previousSlide
+      }),
+      [currentIndex, totalItems, goToSlide, nextSlide, previousSlide]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CarouselContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center justify-center gap-6", className),
+        ...props,
+        children: React10.Children.map(children, (child) => {
+          if (React10.isValidElement(child)) {
+            return React10.cloneElement(child, { setTotalItems });
+          }
+          return child;
+        })
+      }
+    ) });
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselContent = React10.forwardRef(
+  ({ className, children, setTotalItems, ...props }, ref) => {
+    const { currentIndex } = useCarousel();
+    const childrenArray = React10.Children.toArray(children);
+    React10.useEffect(() => {
+      setTotalItems?.(childrenArray.length);
+    }, [childrenArray.length, setTotalItems]);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative w-96 h-96 overflow-hidden rounded-md border-2 border-border bg-card shadow-sm",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            className: "flex h-full transition-transform duration-300 ease-in-out",
+            style: {
+              transform: `translateX(-${currentIndex * 100}%)`
+            },
+            children: childrenArray
+          }
+        )
+      }
+    );
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "min-w-full flex items-center justify-center",
+      className
+    ),
+    ...props
+  }
+));
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React10.forwardRef(({ className, ...props }, ref) => {
+  const { previousSlide, currentIndex } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "flex h-10 w-10 items-center justify-center rounded-full border-2 border-border bg-background shadow-sm transition-opacity hover:opacity-100",
+        currentIndex === 0 ? "opacity-50" : "opacity-100",
+        className
+      ),
+      onClick: previousSlide,
+      "aria-label": "Previous slide",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: import_lucide_react2.ArrowLeft, size: 20 })
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React10.forwardRef(({ className, ...props }, ref) => {
+  const { nextSlide, currentIndex, totalItems } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "flex h-10 w-10 items-center justify-center rounded-full border-2 border-border bg-background shadow-sm transition-opacity hover:opacity-100",
+        currentIndex === totalItems - 1 ? "opacity-50" : "opacity-100",
+        className
+      ),
+      onClick: nextSlide,
+      "aria-label": "Next slide",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { icon: import_lucide_react2.ArrowRight, size: 20 })
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/Checkbox/Checkbox.tsx
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Checkbox = React11.forwardRef(
+  ({ className, onCheckedChange, onChange, ...props }, ref) => {
+    const handleChange = (e) => {
+      onChange?.(e);
+      onCheckedChange?.(e.target.checked);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          className: "peer sr-only",
+          ref,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: cn(
+            "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors",
+            "peer-checked:bg-primary peer-checked:text-primary-foreground",
+            "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Icon,
+            {
+              icon: import_lucide_react3.Check,
+              size: 12,
+              className: "hidden peer-checked:block"
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Dialog/Dialog.tsx
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Dialog = ({ open, onOpenChange, children }) => {
+  React12.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && open) {
+        onOpenChange?.(false);
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleEscape);
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+    };
+  }, [open, onOpenChange]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: React12.Children.map(children, (child) => {
+    if (React12.isValidElement(child)) {
+      return React12.cloneElement(child, { onOpenChange });
+    }
+    return child;
+  }) });
+};
+Dialog.displayName = "Dialog";
+var DialogContent = React12.forwardRef(
+  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            className: cn(
+              "relative z-50 flex w-[512px] flex-col gap-4 overflow-hidden rounded-lg border border-border bg-background p-6 shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-2px_rgba(0,0,0,0.05)]",
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            ...props,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "button",
+                {
+                  onClick: () => onOpenChange?.(false),
+                  className: "absolute right-[15px] top-[15px] rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+DialogContent.displayName = "DialogContent";
+var DialogHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1.5", className),
+    ...props
+  }
+));
+DialogHeader.displayName = "DialogHeader";
+var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "h2",
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-7 text-foreground", className),
+    ...props
+  }
+));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var DialogFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-end gap-2", className),
+    ...props
+  }
+));
+DialogFooter.displayName = "DialogFooter";
+
+// src/components/Drawer/Drawer.tsx
+var React13 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Drawer = ({ open, onOpenChange, children }) => {
+  React13.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && open) {
+        onOpenChange?.(false);
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleEscape);
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+    };
+  }, [open, onOpenChange]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: React13.Children.map(children, (child) => {
+    if (React13.isValidElement(child)) {
+      return React13.cloneElement(child, { onOpenChange });
+    }
+    return child;
+  }) });
+};
+Drawer.displayName = "Drawer";
+var DrawerContent = React13.forwardRef(
+  ({ className, children, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-end justify-center",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            className: cn(
+              "relative z-50 flex w-[320px] flex-col gap-4 overflow-hidden rounded-t-lg border-t border-x border-border bg-background p-6 shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-2px_rgba(0,0,0,0.05)]",
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            ...props,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute left-1/2 top-4 h-2 w-[100px] -translate-x-1/2 rounded-full bg-muted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "button",
+                {
+                  onClick: () => onOpenChange?.(false),
+                  className: "absolute right-[15px] top-[15px] rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1 pt-4 text-center", className),
+    ...props
+  }
+));
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  "h2",
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-7 text-foreground", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }
+));
+DrawerFooter.displayName = "DrawerFooter";
+
+// src/components/Header/Header.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Header2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "header",
+  {
+    ref,
+    className: cn(
+      "flex flex-col gap-2 border-b-2 border-accent bg-background px-6 pb-4 pt-6",
+      className
+    ),
+    ...props
+  }
+));
+Header2.displayName = "Header";
+var HeaderBreadcrumbs = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center gap-2.5 w-full", className),
+    ...props
+  }
+));
+HeaderBreadcrumbs.displayName = "HeaderBreadcrumbs";
+var HeaderContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-between w-full", className),
+    ...props
+  }
+));
+HeaderContent.displayName = "HeaderContent";
+var HeaderTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "h1",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-medium leading-8 text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+HeaderTitle.displayName = "HeaderTitle";
+var HeaderActions = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center gap-3", className),
+    ...props
+  }
+));
+HeaderActions.displayName = "HeaderActions";
+var HeaderDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "p",
+  {
+    ref,
+    className: cn(
+      "text-base leading-6 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+HeaderDescription.displayName = "HeaderDescription";
+
+// src/components/Radio/Radio.tsx
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Radio = React15.forwardRef(
+  ({ className, onCheckedChange, onChange, ...props }, ref) => {
+    const handleChange = (e) => {
+      onChange?.(e);
+      onCheckedChange?.(e.target.checked);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "input",
+        {
+          type: "radio",
+          className: "peer sr-only",
+          ref,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: cn(
+            "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-primary bg-background transition-colors",
+            "peer-checked:border-primary",
+            "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+            "after:absolute after:inset-0 after:m-auto after:h-2 after:w-2 after:rounded-full after:bg-primary after:scale-0 after:transition-transform",
+            "peer-checked:after:scale-100",
+            className
+          )
+        }
+      )
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+
+// src/components/Select/Select.tsx
+var React16 = __toESM(require("react"), 1);
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "relative z-10 flex h-10 w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground transition-colors",
+      "hover:border-border-hover",
+      "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "[&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 rotate-180" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-[100] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-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",
+      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,
+    sideOffset: 4,
+    collisionPadding: 8,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-8 py-1.5 text-sm font-semibold text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.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 text-popover-foreground outline-none",
+      "focus:bg-accent focus:text-accent-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/Separator/Separator.tsx
+var React17 = __toESM(require("react"), 1);
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Separator2 = React17.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/Sheet/Sheet.tsx
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Sheet = ({ open, onOpenChange, children }) => {
+  React18.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && open) {
+        onOpenChange?.(false);
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleEscape);
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+    };
+  }, [open, onOpenChange]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: React18.Children.map(children, (child) => {
+    if (React18.isValidElement(child)) {
+      return React18.cloneElement(child, { onOpenChange });
+    }
+    return child;
+  }) });
+};
+Sheet.displayName = "Sheet";
+var sheetVariants = {
+  top: "inset-x-0 top-0 border-b",
+  bottom: "inset-x-0 bottom-0 border-t",
+  left: "inset-y-0 left-0 h-full w-[448px] border-r",
+  right: "inset-y-0 right-0 h-full w-[448px] border-l"
+};
+var SheetContent = React18.forwardRef(
+  ({ className, children, onOpenChange, side = "right", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      className: "fixed inset-0 z-50",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            className: cn(
+              "fixed z-50 flex flex-col gap-4 bg-background p-6 shadow-lg transition-transform duration-300",
+              sheetVariants[side],
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            ...props,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "button",
+                {
+                  onClick: () => onOpenChange?.(false),
+                  className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+SheetContent.displayName = "SheetContent";
+var SheetHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    ...props
+  }
+));
+SheetHeader.displayName = "SheetHeader";
+var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "h2",
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+var SheetFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+));
+SheetFooter.displayName = "SheetFooter";
+var SheetClose = React18.forwardRef(({ className, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "button",
+  {
+    ref,
+    onClick: () => onOpenChange?.(false),
+    className: cn(
+      "rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      className
+    ),
+    ...props
+  }
+));
+SheetClose.displayName = "SheetClose";
+
+// src/components/Skeleton/Skeleton.tsx
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Skeleton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "animate-pulse rounded-md bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+Skeleton.displayName = "Skeleton";
+
+// src/components/Slider/Slider.tsx
+var React20 = __toESM(require("react"), 1);
+var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Slider = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/Switch/Switch.tsx
+var React21 = __toESM(require("react"), 1);
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Switch = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-input p-0.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/Table/Table.tsx
+var React22 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.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 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-11 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/Tabs/Tabs.tsx
+var React23 = __toESM(require("react"), 1);
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var TabsList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-auto items-center justify-start gap-0 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-xs px-3 py-1.5 text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[state=active]:font-semibold data-[state=inactive]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/Textarea/Textarea.tsx
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Textarea = React24.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[82px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Toast/Toast.tsx
+var import_sonner = require("sonner");
+var import_sonner2 = require("sonner");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Toaster2 = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_sonner.Toaster,
+    {
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/Toggle/Toggle.tsx
+var React25 = __toESM(require("react"), 1);
+var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority4.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-muted data-[state=on]:text-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 = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/lib/theme.tsx
+var React26 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ThemeContext = React26.createContext(void 0);
+function ThemeProvider({
+  children,
+  defaultTheme = "auto",
+  storageKey = "cc-theme",
+  enablePersistence = true
+}) {
+  const [theme, setThemeState] = React26.useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    if (enablePersistence) {
+      const stored = window.localStorage.getItem(storageKey);
+      if (stored && isValidTheme(stored)) {
+        return stored;
+      }
+    }
+    return defaultTheme;
+  });
+  const [actualTheme, setActualTheme] = React26.useState(() => {
+    if (theme === "auto") {
+      return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return theme;
+  });
+  React26.useEffect(() => {
+    const root = window.document.documentElement;
+    if (theme === "auto") {
+      root.removeAttribute("data-theme");
+    } else {
+      root.setAttribute("data-theme", theme);
+    }
+  }, [theme]);
+  React26.useEffect(() => {
+    if (theme !== "auto") {
+      setActualTheme(theme);
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      setActualTheme(e.matches ? "dark" : "light");
+    };
+    handleChange(mediaQuery);
+    mediaQuery.addEventListener("change", handleChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, [theme]);
+  const setTheme = React26.useCallback(
+    (newTheme) => {
+      setThemeState(newTheme);
+      if (enablePersistence && typeof window !== "undefined") {
+        try {
+          window.localStorage.setItem(storageKey, newTheme);
+        } catch (error) {
+          console.warn("Failed to persist theme preference:", error);
+        }
+      }
+    },
+    [enablePersistence, storageKey]
+  );
+  const value = React26.useMemo(
+    () => ({
+      theme,
+      setTheme,
+      actualTheme
+    }),
+    [theme, setTheme, actualTheme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React26.useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+function isValidTheme(value) {
+  return ["light", "dark", "atxp", "dbg", "auto"].includes(value);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Activity,
+  Alert,
+  AlertCircle,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertTitle,
+  AlertTriangle,
+  ArrowDown,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUp,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Award,
+  Badge,
+  BarChart,
+  BarChart2,
+  Battery,
+  BatteryCharging,
+  BatteryFull,
+  BatteryLow,
+  Bell,
+  BellOff,
+  Bluetooth,
+  BookOpen,
+  Bookmark,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Bug,
+  Building,
+  Building2,
+  Button,
+  ButtonGroup,
+  Calendar,
+  CalendarCheck,
+  CalendarDays,
+  CalendarMinus,
+  CalendarPlus,
+  CalendarX,
+  Camera,
+  CameraOff,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Check,
+  CheckCircle,
+  CheckCircle2,
+  CheckWaves,
+  Checkbox,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  ChevronsDown,
+  ChevronsLeft,
+  ChevronsRight,
+  ChevronsUp,
+  Clock,
+  Cloud,
+  CloudDrizzle,
+  CloudLightning,
+  CloudRain,
+  CloudSnow,
+  Code,
+  Code2,
+  Cog,
+  Columns,
+  Compass,
+  Copy,
+  Cpu,
+  CreditCard,
+  Database,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DollarSign,
+  Dots,
+  Download,
+  Drawer,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  Edit,
+  Edit2,
+  Edit3,
+  ExternalLink,
+  Eye,
+  EyeOff,
+  Facebook,
+  Figma,
+  File,
+  FileImage,
+  FilePlus,
+  FileText,
+  Filter,
+  Flag,
+  Folder,
+  FolderOpen,
+  FolderPlus,
+  Gift,
+  GitBranch,
+  GitCommit,
+  GitMerge,
+  GitPullRequest,
+  Github,
+  Globe,
+  Grid,
+  Header,
+  HeaderActions,
+  HeaderBreadcrumbs,
+  HeaderContent,
+  HeaderDescription,
+  HeaderTitle,
+  Heart,
+  HelpCircle,
+  Home,
+  Icon,
+  Image,
+  Info,
+  Instagram,
+  Key,
+  Laptop,
+  Layout,
+  LayoutGrid,
+  LayoutList,
+  LineChart,
+  Link,
+  Link2,
+  Linkedin,
+  List,
+  Loader,
+  Loader2,
+  Lock,
+  LogIn,
+  LogOut,
+  Mail,
+  Map,
+  MapPin,
+  Maximize,
+  Maximize2,
+  Menu,
+  MessageCircle,
+  MessageSquare,
+  Mic,
+  MicOff,
+  Minimize,
+  Minimize2,
+  Minus,
+  Monitor,
+  Moon,
+  MoreHorizontal,
+  MoreVertical,
+  Music,
+  Navigation,
+  Navigation2,
+  Package,
+  PanelLeft,
+  PanelRight,
+  Paperclip,
+  Pause,
+  Pen,
+  Phone,
+  PhoneCall,
+  PhoneOff,
+  PieChart,
+  Play,
+  Plus,
+  Radio,
+  RefreshCw,
+  RotateCcw,
+  RotateCw,
+  Save,
+  Search,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Send,
+  Separator,
+  Server,
+  Settings,
+  Share,
+  Share2,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  Shield,
+  ShieldCheck,
+  ShoppingBag,
+  ShoppingCart,
+  Sidebar,
+  Skeleton,
+  SkipBack,
+  SkipForward,
+  Slider,
+  Smartphone,
+  Square,
+  Star,
+  Store,
+  Sun,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tablet,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tag,
+  Terminal,
+  Textarea,
+  ThemeProvider,
+  Toast,
+  Toaster,
+  Toggle,
+  Trash,
+  Trash2,
+  TrendingDown,
+  TrendingUp,
+  Tv,
+  Twitch,
+  Twitter,
+  Unlock,
+  Upload,
+  User,
+  UserCheck,
+  UserMinus,
+  UserPlus,
+  UserX,
+  Users,
+  Video,
+  VideoOff,
+  Volume,
+  Volume1,
+  Volume2,
+  VolumeX,
+  Watch,
+  Wifi,
+  WifiOff,
+  Wind,
+  X,
+  XCircle,
+  Youtube,
+  Zap,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  toast,
+  toggleVariants,
+  useTheme
+});
+//# sourceMappingURL=index.cjs.map