@atxp/design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,2155 @@
+"use client"
+
+// src/components/Accordion/Accordion.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+function cn(...inputs) {
+  return clsx(inputs);
+}
+
+// src/components/Accordion/Accordion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b border-border", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/Alert/Alert.tsx
+import * as React2 from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var alertVariants = 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__ */ jsx2(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "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__ */ jsx2(
+  "div",
+  {
+    ref,
+    className: cn("text-sm leading-5 [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/AlertDialog/AlertDialog.tsx
+import * as React3 from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "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__ */ jsx3(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__ */ jsxs2(
+  "div",
+  {
+    className: "fixed inset-0 z-50 flex items-center justify-center",
+    onClick: () => onOpenChange?.(false),
+    children: [
+      /* @__PURE__ */ jsx3("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx3(
+        "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__ */ jsx3(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }
+));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "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__ */ jsx3(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-end gap-2", className),
+    ...props
+  }
+));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "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__ */ jsx3(
+  "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
+import * as React4 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "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__ */ jsx4(
+  "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__ */ jsx4(
+  "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
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "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__ */ jsx5(
+    "div",
+    {
+      className: cn(badgeVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import * as React6 from "react";
+
+// src/components/Icon/Icon.tsx
+import * as React5 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Icon = React5.forwardRef(
+  ({ icon: IconComponent, size = 24, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx6(
+      IconComponent,
+      {
+        ref,
+        size,
+        className: cn("shrink-0", className),
+        ...props
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+// src/components/Icon/index.ts
+import {
+  ArrowLeft,
+  ArrowRight,
+  ArrowUp,
+  ArrowDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  ChevronDown as ChevronDown2,
+  ChevronsLeft,
+  ChevronsRight,
+  ChevronsUp,
+  ChevronsDown
+} from "lucide-react";
+import {
+  Plus,
+  Minus,
+  X,
+  Check,
+  Copy,
+  Edit,
+  Edit2,
+  Edit3,
+  Trash,
+  Trash2,
+  Save,
+  Download,
+  Upload,
+  Share,
+  Share2,
+  Send,
+  RefreshCw,
+  RotateCw,
+  RotateCcw
+} from "lucide-react";
+import {
+  AlertCircle,
+  AlertTriangle,
+  Info,
+  CheckCircle,
+  CheckCircle2,
+  XCircle,
+  HelpCircle,
+  Loader,
+  Loader2
+} from "lucide-react";
+import {
+  File,
+  FileText,
+  Folder,
+  FolderOpen,
+  FilePlus,
+  FolderPlus,
+  Image,
+  FileImage
+} from "lucide-react";
+import {
+  Mail,
+  MessageCircle,
+  MessageSquare,
+  Phone,
+  PhoneCall,
+  PhoneOff,
+  Video,
+  VideoOff,
+  Mic,
+  MicOff,
+  Bell,
+  BellOff
+} from "lucide-react";
+import {
+  User,
+  Users,
+  UserPlus,
+  UserMinus,
+  UserCheck,
+  UserX,
+  Settings,
+  LogIn,
+  LogOut,
+  Lock,
+  Unlock,
+  Key,
+  Shield,
+  ShieldCheck,
+  Eye,
+  EyeOff
+} from "lucide-react";
+import {
+  Play,
+  Pause,
+  Square,
+  SkipForward,
+  SkipBack,
+  Volume,
+  Volume1,
+  Volume2,
+  VolumeX,
+  Music,
+  Camera,
+  CameraOff
+} from "lucide-react";
+import {
+  Menu,
+  MoreVertical,
+  MoreHorizontal,
+  Grid,
+  List,
+  Columns,
+  Sidebar,
+  PanelLeft,
+  PanelRight,
+  Layout,
+  LayoutGrid,
+  LayoutList,
+  Maximize,
+  Minimize,
+  Maximize2,
+  Minimize2
+} from "lucide-react";
+import {
+  ShoppingCart,
+  ShoppingBag,
+  CreditCard,
+  DollarSign,
+  Tag,
+  Package,
+  Gift
+} from "lucide-react";
+import {
+  Calendar,
+  Clock,
+  CalendarDays,
+  CalendarPlus,
+  CalendarMinus,
+  CalendarCheck,
+  CalendarX
+} from "lucide-react";
+import {
+  Sun,
+  Moon,
+  Cloud,
+  CloudRain,
+  CloudSnow,
+  CloudDrizzle,
+  CloudLightning,
+  Wind
+} from "lucide-react";
+import {
+  Monitor,
+  Smartphone,
+  Tablet,
+  Laptop,
+  Tv,
+  Watch,
+  Bluetooth,
+  Wifi,
+  WifiOff,
+  Battery,
+  BatteryCharging,
+  BatteryLow,
+  BatteryFull
+} from "lucide-react";
+import {
+  MapPin,
+  Map,
+  Navigation,
+  Navigation2,
+  Compass,
+  Globe,
+  Home,
+  Building,
+  Building2,
+  Store
+} from "lucide-react";
+import {
+  Github,
+  Twitter,
+  Facebook,
+  Instagram,
+  Linkedin,
+  Youtube,
+  Twitch,
+  Figma
+} from "lucide-react";
+import {
+  Code,
+  Code2,
+  Terminal,
+  Bug,
+  Cpu,
+  Database,
+  Server,
+  GitBranch,
+  GitCommit,
+  GitMerge,
+  GitPullRequest
+} from "lucide-react";
+import {
+  Search,
+  Filter,
+  Star,
+  Heart,
+  Bookmark,
+  Flag,
+  Link,
+  Link2,
+  ExternalLink,
+  Paperclip,
+  Zap,
+  Award,
+  TrendingUp,
+  TrendingDown,
+  Activity,
+  BarChart,
+  BarChart2,
+  PieChart,
+  LineChart,
+  BookOpen,
+  Pen,
+  Cog,
+  CheckCircle as CheckCircle3,
+  MoreHorizontal as MoreHorizontal2
+} from "lucide-react";
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var Breadcrumb = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx7("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  "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__ */ jsx7(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-2", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  "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__ */ jsx7(
+  "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__ */ jsx7(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-5 w-5 items-center justify-center", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx7(Icon, { icon: ChevronRight, size: 14 })
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs3(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-5 w-5 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7(Icon, { icon: MoreHorizontal, size: 16 }),
+      /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/Button/Button.tsx
+import * as React7 from "react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var buttonVariants = cva3(
+  "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__ */ jsx8(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ButtonGroup/ButtonGroup.tsx
+import * as React8 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ButtonGroup = React8.forwardRef(
+  ({ className, orientation = "horizontal", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx9(
+      "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
+import * as React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  "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__ */ jsx10(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  "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__ */ jsx10(
+  "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__ */ jsx10("div", { ref, className: cn("px-6 pb-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  "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
+import * as React10 from "react";
+import { jsx as jsx11 } from "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__ */ jsx11(CarouselContext.Provider, { value, children: /* @__PURE__ */ jsx11(
+      "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__ */ jsx11(
+      "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__ */ jsx11(
+          "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__ */ jsx11(
+  "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__ */ jsx11(
+    "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__ */ jsx11(Icon, { icon: ArrowLeft, size: 20 })
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React10.forwardRef(({ className, ...props }, ref) => {
+  const { nextSlide, currentIndex, totalItems } = useCarousel();
+  return /* @__PURE__ */ jsx11(
+    "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__ */ jsx11(Icon, { icon: ArrowRight, size: 20 })
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/Checkbox/Checkbox.tsx
+import * as React11 from "react";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var Checkbox = React11.forwardRef(
+  ({ className, onCheckedChange, onChange, ...props }, ref) => {
+    const handleChange = (e) => {
+      onChange?.(e);
+      onCheckedChange?.(e.target.checked);
+    };
+    return /* @__PURE__ */ jsxs4("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          type: "checkbox",
+          className: "peer sr-only",
+          ref,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "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__ */ jsx12(
+            Icon,
+            {
+              icon: Check,
+              size: 12,
+              className: "hidden peer-checked:block"
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Dialog/Dialog.tsx
+import * as React12 from "react";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs5 } from "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__ */ jsx13(Fragment2, { 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__ */ jsxs5(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs5(
+          "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__ */ jsx13(
+                "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__ */ jsx13(Icon, { icon: X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+DialogContent.displayName = "DialogContent";
+var DialogHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1.5", className),
+    ...props
+  }
+));
+DialogHeader.displayName = "DialogHeader";
+var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  "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__ */ jsx13(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var DialogFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-end gap-2", className),
+    ...props
+  }
+));
+DialogFooter.displayName = "DialogFooter";
+
+// src/components/Drawer/Drawer.tsx
+import * as React13 from "react";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs6 } from "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__ */ jsx14(Fragment3, { 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__ */ jsxs6(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-end justify-center",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs6(
+          "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__ */ jsx14("div", { className: "absolute left-1/2 top-4 h-2 w-[100px] -translate-x-1/2 rounded-full bg-muted" }),
+              /* @__PURE__ */ jsx14(
+                "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__ */ jsx14(Icon, { icon: X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "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__ */ jsx14(
+  "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__ */ jsx14(
+  "p",
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }
+));
+DrawerFooter.displayName = "DrawerFooter";
+
+// src/components/Header/Header.tsx
+import * as React14 from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Header2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  "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__ */ jsx15(
+  "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__ */ jsx15(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center justify-between w-full", className),
+    ...props
+  }
+));
+HeaderContent.displayName = "HeaderContent";
+var HeaderTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  "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__ */ jsx15(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center gap-3", className),
+    ...props
+  }
+));
+HeaderActions.displayName = "HeaderActions";
+var HeaderDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  "p",
+  {
+    ref,
+    className: cn(
+      "text-base leading-6 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+HeaderDescription.displayName = "HeaderDescription";
+
+// src/components/Radio/Radio.tsx
+import * as React15 from "react";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+var Radio = React15.forwardRef(
+  ({ className, onCheckedChange, onChange, ...props }, ref) => {
+    const handleChange = (e) => {
+      onChange?.(e);
+      onCheckedChange?.(e.target.checked);
+    };
+    return /* @__PURE__ */ jsxs7("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ jsx16(
+        "input",
+        {
+          type: "radio",
+          className: "peer sr-only",
+          ref,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        "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
+import * as React16 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  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__ */ jsx17(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx17(ChevronDown3, { className: "h-3 w-3 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx17(ChevronDown3, { className: "h-4 w-4 rotate-180" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx17(ChevronDown3, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx17(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs8(
+  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__ */ jsx17(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx17(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx17(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  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__ */ jsxs8(
+  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__ */ jsx17("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  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
+import * as React17 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Separator2 = React17.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx18(
+    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
+import * as React18 from "react";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs9 } from "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__ */ jsx19(Fragment4, { 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__ */ jsxs9(
+    "div",
+    {
+      className: "fixed inset-0 z-50",
+      onClick: () => onOpenChange?.(false),
+      children: [
+        /* @__PURE__ */ jsx19("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs9(
+          "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__ */ jsx19(
+                "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__ */ jsx19(Icon, { icon: X, size: 16 })
+                }
+              ),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+SheetContent.displayName = "SheetContent";
+var SheetHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "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__ */ jsx19(
+  "h2",
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+var SheetFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  "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__ */ jsx19(
+  "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
+import * as React19 from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Skeleton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    ref,
+    className: cn(
+      "animate-pulse rounded-md bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+Skeleton.displayName = "Skeleton";
+
+// src/components/Slider/Slider.tsx
+import * as React20 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+var Slider = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx21(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx21(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx21(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
+import * as React21 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Switch = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  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__ */ jsx22(
+      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
+import * as React22 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx23(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  "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__ */ jsx23(
+  "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__ */ jsx23(
+  "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__ */ jsx23(
+  "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__ */ jsx23(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/Tabs/Tabs.tsx
+import * as React23 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  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__ */ jsx24(
+  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__ */ jsx24(
+  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
+import * as React24 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var Textarea = React24.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25(
+      "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
+import { Toaster as Sonner } from "sonner";
+import { Toaster, toast } from "sonner";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var Toaster2 = ({ ...props }) => {
+  return /* @__PURE__ */ jsx26(
+    Sonner,
+    {
+      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
+import * as React25 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var toggleVariants = cva4(
+  "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__ */ jsx27(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/lib/theme.tsx
+import * as React26 from "react";
+import { jsx as jsx28 } from "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__ */ jsx28(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);
+}
+export {
+  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,
+  CheckCircle3 as CheckWaves,
+  Checkbox,
+  ChevronDown2 as 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,
+  MoreHorizontal2 as 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,
+  Header2 as 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,
+  Separator2 as 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,
+  Toaster2 as 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.js.map