@moontra/moonui 3.3.0 → 4.0.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 'use strict';
 
-var React10 = require('react');
+var React11 = require('react');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
@@ -52,7 +52,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
+var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
@@ -76,7 +76,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -85,7 +85,7 @@ var AccordionItem = React10__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -103,7 +103,7 @@ var AccordionTrigger = React10__namespace.forwardRef(({ className, children, ...
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -127,7 +127,10 @@ var alertVariants = classVarianceAuthority.cva(
         success: "bg-success/10 text-success border-success/30",
         warning: "bg-warning/10 text-warning border-warning/30",
         error: "bg-destructive/10 text-destructive border-destructive/30",
-        info: "bg-blue-500/10 text-blue-500 border-blue-500/30"
+        // `--info` token'ı (tokens.css) blue-500 ile birebir aynı değeri
+        // taşır → görsel değişiklik yok, ancak varyant artık temaya ve
+        // karanlık moda duyarlı. Kardeş varyantlarla simetrik.
+        info: "bg-info/10 text-info border-info/30"
       },
       size: {
         sm: "py-2 text-xs",
@@ -153,7 +156,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React10__namespace.forwardRef(
+var Alert = React11__namespace.forwardRef(
   ({
     className,
     variant = "default",
@@ -165,7 +168,7 @@ var Alert = React10__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Icon2 = React10__namespace.useMemo(() => {
+    const Icon2 = React11__namespace.useMemo(() => {
       switch (variant) {
         case "success":
           return lucideReact.Check;
@@ -203,7 +206,7 @@ var Alert = React10__namespace.forwardRef(
             {
               onClick: onClose,
               className: "absolute right-3 top-3 inline-flex h-6 w-6 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100",
-              "aria-label": "Kapat",
+              "aria-label": "Close alert",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
             }
           )
@@ -213,7 +216,7 @@ var Alert = React10__namespace.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -226,7 +229,7 @@ var AlertTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -262,7 +265,7 @@ var aspectRatioVariants = classVarianceAuthority.cva(
     }
   }
 );
-var AspectRatio = React10__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AspectRatio = React11__namespace.forwardRef(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -311,7 +314,7 @@ var avatarVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Avatar = React10__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React11__namespace.forwardRef(({ className, size, radius, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -320,7 +323,7 @@ var Avatar = React10__namespace.forwardRef(({ className, size, radius, variant,
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -329,7 +332,7 @@ var AvatarImage = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -341,10 +344,11 @@ var AvatarFallback = React10__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var AvatarGroup = React10__namespace.forwardRef(
-  ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
-    const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
-    const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
+var AvatarGroup = React11__namespace.forwardRef(
+  ({ className, max, children, overlapOffset = -8, ...props }, ref) => {
+    const childrenArray = React11__namespace.Children.toArray(children);
+    const visibleAvatars = max ? childrenArray.slice(0, max) : childrenArray;
+    const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -393,11 +397,15 @@ var badgeVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
+        // KIRICI (issue #261): önceden ham `gray-900`/`white` kullanılıyordu;
+        // aynı varyant pro pakette token'lıydı → free ve pro `primary` için
+        // farklı renk üretiyordu. Artık token'a bağlı (tema/karanlık moda duyarlı).
+        // `primary` VARSAYILAN varyant olduğu için görünür bir renk değişimidir.
         primary: [
-          "border-transparent bg-gray-900 text-white",
-          "hover:bg-gray-800 dark:hover:bg-gray-700",
-          "focus-visible:ring-gray-500/30 dark:focus-visible:ring-gray-400/40",
-          "dark:bg-gray-700 dark:text-gray-50 dark:shadow-inner dark:shadow-gray-950/10"
+          "border-transparent bg-primary text-primary-foreground",
+          "hover:bg-primary/90",
+          "focus-visible:ring-primary/30 dark:focus-visible:ring-primary/40",
+          "dark:bg-primary/90 dark:shadow-inner dark:shadow-primary/10"
         ],
         secondary: [
           "border-transparent bg-secondary text-secondary-foreground",
@@ -469,7 +477,7 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-function Badge({
+var Badge = React11__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -483,7 +491,7 @@ function Badge({
   noAutoSpacing,
   children,
   ...props
-}) {
+}, ref) => {
   let autoLeftIcon = leftIcon;
   let autoChildren = children;
   if (variant === "pro") {
@@ -501,6 +509,7 @@ function Badge({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ref,
       className: cn(
         "moonui-theme",
         badgeVariants({ variant, size, radius }),
@@ -552,7 +561,8 @@ function Badge({
       ]
     }
   );
-}
+});
+Badge.displayName = "Badge";
 var breadcrumbVariants = classVarianceAuthority.cva(
   "flex items-center gap-1.5 text-sm",
   {
@@ -574,7 +584,7 @@ var breadcrumbVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Breadcrumb = React10__namespace.forwardRef(
+var Breadcrumb = React11__namespace.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
@@ -586,9 +596,9 @@ var Breadcrumb = React10__namespace.forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React10__namespace.forwardRef(
+var BreadcrumbList = React11__namespace.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const childrenArray = React10__namespace.Children.toArray(props.children).filter(Boolean);
+    const childrenArray = React11__namespace.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
     if (collapsed && childCount > collapsedWidth) {
       const firstItem = childrenArray[0];
@@ -624,9 +634,9 @@ var BreadcrumbList = React10__namespace.forwardRef(
   }
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React10__namespace.forwardRef(
+var BreadcrumbItem = React11__namespace.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React10__namespace.Fragment : href ? "a" : "span";
+    const Comp = asChild ? React11__namespace.Fragment : href ? "a" : "span";
     const itemProps = asChild ? {} : href ? { href } : {};
     return /* @__PURE__ */ jsxRuntime.jsx(
       "li",
@@ -683,7 +693,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbLink = React10__namespace.forwardRef(
+var BreadcrumbLink = React11__namespace.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
@@ -698,7 +708,7 @@ var BreadcrumbLink = React10__namespace.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React10__namespace.forwardRef(
+var BreadcrumbPage = React11__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -861,7 +871,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React10__namespace.forwardRef(
+var Button = React11__namespace.forwardRef(
   ({
     className,
     variant,
@@ -1075,7 +1085,7 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React10__namespace.forwardRef(
+var Card = React11__namespace.forwardRef(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -1103,7 +1113,7 @@ var Card = React10__namespace.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1112,7 +1122,7 @@ var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -1121,7 +1131,7 @@ var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -1130,9 +1140,9 @@ var CardDescription = React10__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
+var CardContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1153,7 +1163,7 @@ function Calendar({
   defaultMonth,
   ...props
 }) {
-  const [currentMonth, setCurrentMonth] = React10__namespace.useState(
+  const [currentMonth, setCurrentMonth] = React11__namespace.useState(
     defaultMonth || selected && selected || /* @__PURE__ */ new Date()
   );
   const weekDays = [
@@ -1367,9 +1377,9 @@ var formatCardNumber = (value, cardType) => {
   }
   return formatted;
 };
-var CardNumberInput = React10__namespace.forwardRef(
+var CardNumberInput = React11__namespace.forwardRef(
   ({ className, value = "", onChange, showIcon = true, size, ...props }, ref) => {
-    const [cardType, setCardType] = React10__namespace.useState("unknown");
+    const [cardType, setCardType] = React11__namespace.useState("unknown");
     const handleChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
       const detectedType = getCardType(rawValue);
@@ -1400,7 +1410,7 @@ var CardNumberInput = React10__namespace.forwardRef(
   }
 );
 CardNumberInput.displayName = "CardNumberInput";
-var CardExpiryInput = React10__namespace.forwardRef(
+var CardExpiryInput = React11__namespace.forwardRef(
   ({ className, value = "", onChange, size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value.replace(/\D/g, "");
@@ -1438,7 +1448,7 @@ var CardExpiryInput = React10__namespace.forwardRef(
   }
 );
 CardExpiryInput.displayName = "CardExpiryInput";
-var CardCVCInput = React10__namespace.forwardRef(
+var CardCVCInput = React11__namespace.forwardRef(
   ({ className, value = "", onChange, cardType = "unknown", size, ...props }, ref) => {
     const maxLength = cardType === "amex" ? 4 : 3;
     const handleChange = (e) => {
@@ -1463,7 +1473,7 @@ var CardCVCInput = React10__namespace.forwardRef(
   }
 );
 CardCVCInput.displayName = "CardCVCInput";
-var CardZipInput = React10__namespace.forwardRef(
+var CardZipInput = React11__namespace.forwardRef(
   ({ className, value = "", onChange, format: format4 = "US", size, ...props }, ref) => {
     const handleChange = (e) => {
       let rawValue = e.target.value;
@@ -1514,15 +1524,15 @@ var CardZipInput = React10__namespace.forwardRef(
   }
 );
 CardZipInput.displayName = "CardZipInput";
-var CarouselContext = React10__namespace.createContext(null);
+var CarouselContext = React11__namespace.createContext(null);
 function useCarousel() {
-  const context = React10__namespace.useContext(CarouselContext);
+  const context = React11__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React10__namespace.forwardRef(
+var Carousel = React11__namespace.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1540,21 +1550,21 @@ var Carousel = React10__namespace.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React10__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React10__namespace.useState(false);
-    const onSelect = React10__namespace.useCallback((emblaApi) => {
+    const [canScrollPrev, setCanScrollPrev] = React11__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React11__namespace.useState(false);
+    const onSelect = React11__namespace.useCallback((emblaApi) => {
       if (!emblaApi)
         return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
     }, []);
-    const scrollPrev = React10__namespace.useCallback(() => {
+    const scrollPrev = React11__namespace.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React10__namespace.useCallback(() => {
+    const scrollNext = React11__namespace.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React10__namespace.useCallback(
+    const handleKeyDown = React11__namespace.useCallback(
       (event) => {
         const prevKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
         const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -1568,12 +1578,12 @@ var Carousel = React10__namespace.forwardRef(
       },
       [resolvedOrientation, scrollPrev, scrollNext]
     );
-    React10__namespace.useEffect(() => {
+    React11__namespace.useEffect(() => {
       if (!api || !setApi)
         return;
       setApi(api);
     }, [api, setApi]);
-    React10__namespace.useEffect(() => {
+    React11__namespace.useEffect(() => {
       if (!api)
         return;
       onSelect(api);
@@ -1625,7 +1635,7 @@ var carouselContentVariants = classVarianceAuthority.cva("flex", {
     orientation: "horizontal"
   }
 });
-var CarouselContent = React10__namespace.forwardRef(
+var CarouselContent = React11__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1650,7 +1660,7 @@ var carouselItemVariants = classVarianceAuthority.cva("min-w-0 shrink-0 grow-0 b
     orientation: "horizontal"
   }
 });
-var CarouselItem = React10__namespace.forwardRef(
+var CarouselItem = React11__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1666,7 +1676,7 @@ var CarouselItem = React10__namespace.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React10__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselPrevious = React11__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -1691,7 +1701,7 @@ var CarouselPrevious = React10__namespace.forwardRef(({ className, variant = "ou
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React10__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
+var CarouselNext = React11__namespace.forwardRef(({ className, variant = "outline", size = "icon-sm", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -1717,14 +1727,14 @@ var CarouselNext = React10__namespace.forwardRef(({ className, variant = "outlin
 });
 CarouselNext.displayName = "CarouselNext";
 var checkboxVariants = classVarianceAuthority.cva(
-  "peer shrink-0 border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground",
+  "peer shrink-0 border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground data-[state=indeterminate]:text-primary-foreground",
   {
     variants: {
       variant: {
-        default: "border-border bg-background data-[state=checked]:bg-primary data-[state=checked]:border-primary",
-        outline: "border-border bg-transparent data-[state=checked]:bg-primary data-[state=checked]:border-primary",
-        muted: "border-border bg-accent data-[state=checked]:bg-primary data-[state=checked]:border-primary",
-        ghost: "border-transparent bg-transparent hover:bg-accent data-[state=checked]:bg-primary data-[state=checked]:border-primary"
+        default: "border-border bg-background data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary",
+        outline: "border-border bg-transparent data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary",
+        muted: "border-border bg-accent data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary",
+        ghost: "border-transparent bg-transparent hover:bg-accent data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary"
       },
       size: {
         sm: "h-3.5 w-3.5",
@@ -1754,7 +1764,7 @@ var checkboxVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Checkbox = React10__namespace.forwardRef(({
+var Checkbox = React11__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -1765,11 +1775,7 @@ var Checkbox = React10__namespace.forwardRef(({
   checked,
   ...props
 }, ref) => {
-  const [isIndeterminate, setIsIndeterminate] = React10__namespace.useState(indeterminate);
-  React10__namespace.useEffect(() => {
-    setIsIndeterminate(indeterminate);
-  }, [indeterminate]);
-  const effectiveChecked = isIndeterminate ? false : checked;
+  const effectiveChecked = indeterminate ? "indeterminate" : checked;
   return /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
     {
@@ -1784,14 +1790,14 @@ var Checkbox = React10__namespace.forwardRef(({
             "flex items-center justify-center text-current",
             animation === "bounce" && "data-[state=checked]:animate-bounce"
           ),
-          children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-[65%] w-[65%]" }) : icon ? icon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-[65%] w-[65%]" })
+          children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-[65%] w-[65%]" }) : icon ? icon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-[65%] w-[65%]" })
         }
       )
     }
   );
 });
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var CheckboxGroup = React10__namespace.forwardRef(
+var CheckboxGroup = React11__namespace.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1811,7 +1817,7 @@ var CheckboxGroup = React10__namespace.forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React10__namespace.forwardRef(
+var CheckboxLabel = React11__namespace.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -1831,14 +1837,14 @@ var CheckboxLabel = React10__namespace.forwardRef(
   }
 );
 CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React10__namespace.forwardRef(({
+var CheckboxWithLabel = React11__namespace.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React10__namespace.useId();
+  const generatedId = React11__namespace.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1888,7 +1894,7 @@ var collapsibleTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CollapsibleTrigger = React10__namespace.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
+var CollapsibleTrigger = React11__namespace.forwardRef(({ className, children, variant, size, asChild, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       CollapsiblePrimitive__namespace.Trigger,
@@ -1937,7 +1943,7 @@ var collapsibleContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CollapsibleContent = React10__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent = React11__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.Content,
   {
     ref,
@@ -2020,7 +2026,7 @@ var inputVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Input = React10__namespace.forwardRef(
+var Input = React11__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -2047,8 +2053,8 @@ var Input = React10__namespace.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const [isFocused, setIsFocused] = React10__namespace.useState(false);
-    const [internalValue, setInternalValue] = React10__namespace.useState(value || defaultValue || "");
+    const [isFocused, setIsFocused] = React11__namespace.useState(false);
+    const [internalValue, setInternalValue] = React11__namespace.useState(value || defaultValue || "");
     const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
     const isLabelActive = isFocused || hasValue;
     const handleFocus = (e) => {
@@ -2063,7 +2069,7 @@ var Input = React10__namespace.forwardRef(
       setInternalValue(e.target.value);
       onChange?.(e);
     };
-    React10__namespace.useEffect(() => {
+    React11__namespace.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -2147,7 +2153,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 );
-var Label = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -2208,7 +2214,7 @@ var popoverContentVariants = classVarianceAuthority.cva(
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React10__namespace.forwardRef(({
+var PopoverContent = React11__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -2276,7 +2282,7 @@ var PopoverFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 PopoverFooter.displayName = "PopoverFooter";
-var Tabs = React10__namespace.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Tabs = React11__namespace.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Root,
   {
     ref,
@@ -2317,7 +2323,7 @@ var tabsListVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TabsList = React10__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
+var TabsList = React11__namespace.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
@@ -2360,7 +2366,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TabsTrigger = React10__namespace.forwardRef(({
+var TabsTrigger = React11__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -2392,7 +2398,7 @@ var TabsTrigger = React10__namespace.forwardRef(({
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React10__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React11__namespace.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -2486,7 +2492,7 @@ var sliderThumbVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Slider = React10__namespace.forwardRef(({
+var Slider = React11__namespace.forwardRef(({
   className,
   size,
   trackVariant,
@@ -2502,10 +2508,10 @@ var Slider = React10__namespace.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React10__namespace.useState(
+  const [sliderValue, setSliderValue] = React11__namespace.useState(
     value || defaultValue || [0]
   );
-  React10__namespace.useEffect(() => {
+  React11__namespace.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -2520,7 +2526,7 @@ var Slider = React10__namespace.forwardRef(({
   const calculateThumbPercent = (value2, min2, max2) => {
     return (value2 - min2) / (max2 - min2) * 100;
   };
-  const trackRef = React10__namespace.useRef(null);
+  const trackRef = React11__namespace.useRef(null);
   const min = props.min || 0;
   const max = props.max || 100;
   const step = props.step || 1;
@@ -2576,6 +2582,44 @@ var Slider = React10__namespace.forwardRef(({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   };
+  const handleThumbKeyDown = (index) => (event) => {
+    if (disabled)
+      return;
+    const largeStep = step * 10;
+    const current = sliderValue[index];
+    let next;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        next = current + step;
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        next = current - step;
+        break;
+      case "PageUp":
+        next = current + largeStep;
+        break;
+      case "PageDown":
+        next = current - largeStep;
+        break;
+      case "Home":
+        next = min;
+        break;
+      case "End":
+        next = max;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const lowerBound = index > 0 ? sliderValue[index - 1] : min;
+    const upperBound = index < sliderValue.length - 1 ? sliderValue[index + 1] : max;
+    const bounded = Math.max(lowerBound, Math.min(upperBound, next));
+    const newValues = [...sliderValue];
+    newValues[index] = bounded;
+    handleValueChange(newValues);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", ref, ...props, children: [
     showValueLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
       "flex justify-end mb-1 text-sm text-muted-foreground",
@@ -2625,6 +2669,7 @@ var Slider = React10__namespace.forwardRef(({
                 cursor: disabled ? "not-allowed" : "pointer"
               },
               onMouseDown: handleThumbMouseDown(i),
+              onKeyDown: handleThumbKeyDown(i),
               "aria-label": `Thumb ${i + 1}`,
               tabIndex: disabled ? -1 : 0,
               role: "slider",
@@ -2793,14 +2838,14 @@ function ColorPicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [color, setColor] = React10__namespace.useState(value);
-  const [opacity, setOpacity] = React10__namespace.useState(100);
-  const [copied, setCopied] = React10__namespace.useState(false);
-  const [inputValue, setInputValue] = React10__namespace.useState(value);
-  const hsl = React10__namespace.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
-  const rgb = React10__namespace.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
-  React10__namespace.useEffect(() => {
+  const [open, setOpen] = React11__namespace.useState(false);
+  const [color, setColor] = React11__namespace.useState(value);
+  const [opacity, setOpacity] = React11__namespace.useState(100);
+  const [copied, setCopied] = React11__namespace.useState(false);
+  const [inputValue, setInputValue] = React11__namespace.useState(value);
+  const hsl = React11__namespace.useMemo(() => hexToHsl(color) || { h: 0, s: 0, l: 0 }, [color]);
+  const rgb = React11__namespace.useMemo(() => hexToRgb(color) || { r: 0, g: 0, b: 0 }, [color]);
+  React11__namespace.useEffect(() => {
     setColor(value);
     setInputValue(value);
   }, [value]);
@@ -3143,8 +3188,12 @@ function ColorPicker({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-10 gap-1", children: presets.map((presetColor) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
+            type: "button",
+            "aria-label": `Select color ${presetColor}`,
+            "aria-pressed": color === presetColor,
             className: cn(
               "h-7 w-7 rounded border-2 transition-all hover:scale-110",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
               color === presetColor ? "border-primary" : "border-transparent"
             ),
             style: { backgroundColor: presetColor },
@@ -3171,8 +3220,12 @@ function SimpleColorPicker({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("moonui-theme", "flex flex-wrap gap-2", className), children: colors.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
+      type: "button",
+      "aria-label": `Select color ${color}`,
+      "aria-pressed": value === color,
       className: cn(
         "rounded-full border-2 transition-all hover:scale-110",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         sizeClasses[size],
         value === color ? "border-primary ring-2 ring-primary/20" : "border-transparent"
       ),
@@ -3187,7 +3240,7 @@ function GradientPicker({
   onChange,
   className
 }) {
-  const [gradient, setGradient] = React10__namespace.useState(value);
+  const [gradient, setGradient] = React11__namespace.useState(value);
   const handleChange = (field, newValue) => {
     const newGradient = { ...gradient, [field]: newValue };
     setGradient(newGradient);
@@ -3273,7 +3326,7 @@ var overlayVariants = classVarianceAuthority.cva(
     }
   }
 );
-var DialogOverlay = React10__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React11__namespace.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -3332,7 +3385,7 @@ var dialogContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var DialogContent = React10__namespace.forwardRef(
+var DialogContent = React11__namespace.forwardRef(
   ({
     className,
     children,
@@ -3445,7 +3498,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -3457,7 +3510,7 @@ var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -3469,7 +3522,7 @@ var DialogDescription = React10__namespace.forwardRef(({ className, ...props },
   }
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var DialogForm = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogForm = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "form",
   {
     ref,
@@ -3499,7 +3552,7 @@ var commandVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Command = React10__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React11__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -3521,7 +3574,7 @@ var CommandDialog = ({
     ), children })
   ] }) });
 };
-var CommandInput = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -3536,7 +3589,7 @@ var CommandInput = React10__namespace.forwardRef(({ className, ...props }, ref)
   )
 ] }));
 CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -3545,7 +3598,7 @@ var CommandList = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -3554,7 +3607,7 @@ var CommandEmpty = React10__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -3566,7 +3619,7 @@ var CommandGroup = React10__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -3575,7 +3628,7 @@ var CommandSeparator = React10__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -3626,7 +3679,7 @@ var tableVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Table = React10__namespace.forwardRef(({
+var Table = React11__namespace.forwardRef(({
   className,
   variant,
   size,
@@ -3643,11 +3696,11 @@ var Table = React10__namespace.forwardRef(({
   ...props
 }, ref) => {
   const striped = variant === "striped";
-  const childrenWithProps = React10__namespace.Children.map(props.children, (child) => {
-    if (React10__namespace.isValidElement(child)) {
+  const childrenWithProps = React11__namespace.Children.map(props.children, (child) => {
+    if (React11__namespace.isValidElement(child)) {
       if (child.type === "tbody") {
         const tbodyProps = child.props;
-        return React10__namespace.cloneElement(child, {
+        return React11__namespace.cloneElement(child, {
           className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -3672,10 +3725,10 @@ var Table = React10__namespace.forwardRef(({
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
+var TableHeader = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("moonui-theme", "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React10__namespace.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const hasChildren = React10__namespace.Children.count(children) > 0;
+var TableBody = React11__namespace.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const hasChildren = React11__namespace.Children.count(children) > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
     {
@@ -3687,7 +3740,7 @@ var TableBody = React10__namespace.forwardRef(({ className, emptyContent, emptyM
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -3696,7 +3749,7 @@ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -3708,7 +3761,7 @@ var TableRow = React10__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React10__namespace.forwardRef(
+var TableHead = React11__namespace.forwardRef(
   ({ className, sortable, sorted, onSort, align = "left", children, ...props }, ref) => {
     const renderSortIcon = () => {
       if (!sortable)
@@ -3796,7 +3849,7 @@ var TableHead = React10__namespace.forwardRef(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React10__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
+var TableCell = React11__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
   const alignmentClass = {
     left: "text-left",
     center: "text-center",
@@ -3812,7 +3865,7 @@ var TableCell = React10__namespace.forwardRef(({ className, align = "left", ...p
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -3832,8 +3885,8 @@ function DataTableBasic({
   emptyMessage = "No results found.",
   className
 }) {
-  const [sorting, setSorting] = React10__namespace.useState([]);
-  const [globalFilter, setGlobalFilter] = React10__namespace.useState("");
+  const [sorting, setSorting] = React11__namespace.useState([]);
+  const [globalFilter, setGlobalFilter] = React11__namespace.useState("");
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -4019,9 +4072,9 @@ function DatePicker({
   disabled,
   ...props
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [internalDate, setInternalDate] = React10__namespace.useState(value);
-  React10__namespace.useEffect(() => {
+  const [open, setOpen] = React11__namespace.useState(false);
+  const [internalDate, setInternalDate] = React11__namespace.useState(value);
+  React11__namespace.useEffect(() => {
     setInternalDate(value);
   }, [value]);
   const handleSelect = (date) => {
@@ -4177,9 +4230,9 @@ function DateRangePicker({
   separator = " - ",
   ...props
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [internalRange, setInternalRange] = React10__namespace.useState(value);
-  React10__namespace.useEffect(() => {
+  const [open, setOpen] = React11__namespace.useState(false);
+  const [internalRange, setInternalRange] = React11__namespace.useState(value);
+  React11__namespace.useEffect(() => {
     setInternalRange(value);
   }, [value]);
   const handleSelect = (range) => {
@@ -4189,7 +4242,7 @@ function DateRangePicker({
       setOpen(false);
     }
   };
-  const displayValue = React10__namespace.useMemo(() => {
+  const displayValue = React11__namespace.useMemo(() => {
     if (!internalRange?.from)
       return null;
     if (!internalRange?.to) {
@@ -4244,8 +4297,8 @@ function DateTimePicker({
   timeInterval = 15,
   ...props
 }) {
-  const [date, setDate] = React10__namespace.useState(value);
-  const [time, setTime] = React10__namespace.useState(
+  const [date, setDate] = React11__namespace.useState(value);
+  const [time, setTime] = React11__namespace.useState(
     value ? dateFns.format(value, timeFormat === "24" ? "HH:mm" : "hh:mm a") : "00:00"
   );
   const handleDateChange = (newDate) => {
@@ -4270,7 +4323,7 @@ function DateTimePicker({
       onChange?.(newDate);
     }
   };
-  const timeOptions = React10__namespace.useMemo(() => {
+  const timeOptions = React11__namespace.useMemo(() => {
     const options = [];
     for (let h = 0; h < 24; h++) {
       for (let m = 0; m < 60; m += timeInterval) {
@@ -4330,8 +4383,8 @@ function MonthPicker({
   formatString = "MMMM yyyy",
   ...props
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [viewDate, setViewDate] = React10__namespace.useState(value || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React11__namespace.useState(false);
+  const [viewDate, setViewDate] = React11__namespace.useState(value || /* @__PURE__ */ new Date());
   const months = [
     "January",
     "February",
@@ -4423,7 +4476,7 @@ function DraggableList({
   className,
   disabled = false
 }) {
-  const [draggedIndex, setDraggedIndex] = React10__namespace.useState(null);
+  const [draggedIndex, setDraggedIndex] = React11__namespace.useState(null);
   const handleDragStart = (e, index) => {
     if (disabled)
       return;
@@ -4475,7 +4528,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React11__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -4492,7 +4545,7 @@ var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -4504,7 +4557,7 @@ var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React11__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -4517,7 +4570,7 @@ var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React11__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -4530,7 +4583,7 @@ var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React11__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -4547,7 +4600,7 @@ var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -4563,7 +4616,7 @@ var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React11__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -4576,7 +4629,7 @@ var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -4665,7 +4718,7 @@ var progressIndicatorVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Progress = React10__namespace.forwardRef(({
+var Progress = React11__namespace.forwardRef(({
   className,
   value = 0,
   variant,
@@ -4794,7 +4847,7 @@ var FileItem = ({
     }
   );
 };
-var FileUpload = React10__namespace.default.forwardRef(
+var FileUpload = React11__namespace.default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -4808,9 +4861,9 @@ var FileUpload = React10__namespace.default.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uploadedFiles, setUploadedFiles] = React10.useState([]);
-    const [isDragOver, setIsDragOver] = React10.useState(false);
-    const [error, setError] = React10.useState(null);
+    const [uploadedFiles, setUploadedFiles] = React11.useState([]);
+    const [isDragOver, setIsDragOver] = React11.useState(false);
+    const [error, setError] = React11.useState(null);
     const validateFile = (file) => {
       if (file.size > maxSize) {
         return `File size exceeds ${formatFileSize(maxSize)}`;
@@ -4826,7 +4879,7 @@ var FileUpload = React10__namespace.default.forwardRef(
       }
       return null;
     };
-    const processFiles = React10.useCallback(async (files) => {
+    const processFiles = React11.useCallback(async (files) => {
       const fileArray = Array.from(files);
       setError(null);
       if (uploadedFiles.length + fileArray.length > maxFiles) {
@@ -4889,7 +4942,7 @@ var FileUpload = React10__namespace.default.forwardRef(
         }
       }
     }, [uploadedFiles.length, maxFiles, maxSize, accept, onUpload]);
-    const handleDrop = React10.useCallback((e) => {
+    const handleDrop = React11.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
       if (disabled)
@@ -4899,24 +4952,24 @@ var FileUpload = React10__namespace.default.forwardRef(
         processFiles(files);
       }
     }, [processFiles, disabled]);
-    const handleDragOver = React10.useCallback((e) => {
+    const handleDragOver = React11.useCallback((e) => {
       e.preventDefault();
       if (!disabled) {
         setIsDragOver(true);
       }
     }, [disabled]);
-    const handleDragLeave = React10.useCallback((e) => {
+    const handleDragLeave = React11.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
     }, []);
-    const handleFileSelect = React10.useCallback((e) => {
+    const handleFileSelect = React11.useCallback((e) => {
       const files = e.target.files;
       if (files && files.length > 0) {
         processFiles(files);
       }
       e.target.value = "";
     }, [processFiles]);
-    const removeFile = React10.useCallback((fileId) => {
+    const removeFile = React11.useCallback((fileId) => {
       setUploadedFiles((prev) => {
         const fileToRemove = prev.find((f) => f.id === fileId);
         if (fileToRemove?.preview) {
@@ -5016,7 +5069,7 @@ var FileUpload = React10__namespace.default.forwardRef(
   }
 );
 FileUpload.displayName = "FileUpload";
-var GestureDrawer = React10__namespace.default.forwardRef(
+var GestureDrawer = React11__namespace.default.forwardRef(
   ({
     children,
     isOpen,
@@ -5138,9 +5191,9 @@ function GitHubStars({
   showWatchers = false,
   repoUrl = "https://github.com/moonui/moonui"
 }) {
-  const [stats, setStats] = React10.useState(null);
-  const [isLoading, setIsLoading] = React10.useState(true);
-  React10.useEffect(() => {
+  const [stats, setStats] = React11.useState(null);
+  const [isLoading, setIsLoading] = React11.useState(true);
+  React11.useEffect(() => {
     const fetchStats = async () => {
       try {
         const response = await fetch("/api/github-stars");
@@ -5239,9 +5292,9 @@ function GitHubStarButton({
   size = "md",
   repoUrl = "https://github.com/moonui/moonui"
 }) {
-  const [stars, setStars] = React10.useState(null);
-  const [isLoading, setIsLoading] = React10.useState(true);
-  React10.useEffect(() => {
+  const [stars, setStars] = React11.useState(null);
+  const [isLoading, setIsLoading] = React11.useState(true);
+  React11.useEffect(() => {
     const fetchStats = async () => {
       try {
         const response = await fetch("/api/github-stars");
@@ -5287,7 +5340,7 @@ function GitHubStarButton({
     }
   );
 }
-var InputOTP = React10__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTP = React11__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -5301,7 +5354,7 @@ var InputOTP = React10__namespace.forwardRef(({ className, containerClassName, .
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var inputOTPSlotVariants = classVarianceAuthority.cva(
   [
@@ -5323,9 +5376,9 @@ var inputOTPSlotVariants = classVarianceAuthority.cva(
     }
   }
 );
-var InputOTPSlot = React10__namespace.forwardRef(
+var InputOTPSlot = React11__namespace.forwardRef(
   ({ index, className, ...props }, ref) => {
-    const inputOTPContext = React10__namespace.useContext(inputOtp.OTPInputContext);
+    const inputOTPContext = React11__namespace.useContext(inputOtp.OTPInputContext);
     const slot = inputOTPContext?.slots?.[index];
     const char = slot?.char;
     const hasFakeCaret = slot?.hasFakeCaret;
@@ -5347,7 +5400,7 @@ var InputOTPSlot = React10__namespace.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputOTPSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -5365,8 +5418,8 @@ function LockedComponent({
   showPreview = true,
   previewDuration = 2e3
 }) {
-  const [isPreviewActive, setIsPreviewActive] = React10.useState(false);
-  const [previewTimeout, setPreviewTimeout] = React10.useState(null);
+  const [isPreviewActive, setIsPreviewActive] = React11.useState(false);
+  const [previewTimeout, setPreviewTimeout] = React11.useState(null);
   const handleMouseEnter = () => {
     if (!showPreview)
       return;
@@ -5463,13 +5516,13 @@ function ProComponentWrapper({
   fallback,
   requireCLI = true
 }) {
-  const [authState, setAuthState] = React10.useState({
+  const [authState, setAuthState] = React11.useState({
     isAuthenticated: false,
     deviceValid: false,
     hasProAccess: false,
     loading: true
   });
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     const isDevelopment2 = () => {
       const checks = {
         nodeEnv: process.env.NODE_ENV === "development",
@@ -5646,7 +5699,7 @@ function MoonLogo({
   showText = true,
   ...props
 }) {
-  const logoId = React10__namespace.useId();
+  const logoId = React11__namespace.useId();
   const gradientId = `moon-gradient-${logoId}`;
   const maskId = `moon-mask-${logoId}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", className), children: [
@@ -5728,7 +5781,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PaginationContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -5737,7 +5790,7 @@ var PaginationContent = React10__namespace.forwardRef(({ className, ...props },
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+var PaginationItem = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -5813,41 +5866,62 @@ var Select = SelectPrimitive__namespace.Root;
 Select.displayName = "Select";
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React10__namespace.forwardRef(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var selectTriggerVariants = classVarianceAuthority.cva(
+  [
+    "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
+    "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+    "focus-visible:outline-none text-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        standard: "border border-input bg-background hover:border-ring focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
+        outline: "border border-input bg-transparent hover:border-ring focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
+        ghost: "border-none bg-muted hover:bg-muted/80 focus-visible:ring-2 focus-visible:ring-primary/30",
+        underline: "border-t-0 border-l-0 border-r-0 border-b border-input rounded-none px-0 bg-transparent hover:border-ring focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary"
+      },
+      size: {
+        sm: "h-8 text-xs px-2",
+        md: "h-10 text-sm px-3",
+        lg: "h-12 text-base px-4"
+      },
+      state: {
+        none: "",
+        error: "border-error focus-visible:ring-error/30 focus-visible:border-error",
+        success: "border-success focus-visible:ring-success/30 focus-visible:border-success"
+      }
+    },
+    defaultVariants: {
+      variant: "standard",
+      size: "md",
+      state: "none"
+    }
+  }
+);
+var SelectTrigger = React11__namespace.forwardRef(({ className, children, variant, size, error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
     className: cn(
-      /* Base styles */
-      "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
-      "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "focus-visible:outline-none",
-      /* Error state */
-      error && "border-error focus-visible:ring-error/30 focus-visible:border-error",
-      /* Success state */
-      success && "border-success focus-visible:ring-success/30 focus-visible:border-success",
-      /* Size variants */
-      size === "sm" && "h-8 text-xs px-2",
-      size === "md" && "h-10 text-sm px-3",
-      size === "lg" && "h-12 text-base px-4",
-      /* Visual variants */
-      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80",
-      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent dark:text-gray-200 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80",
-      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20",
-      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 dark:text-gray-200 dark:bg-transparent hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80",
+      selectTriggerVariants({
+        variant,
+        size,
+        state: error ? "error" : success ? "success" : "none"
+      }),
       className
     ),
     ...props,
     disabled: props.disabled || loading,
+    "aria-invalid": error ? true : void 0,
     "data-error": error ? true : void 0,
     "data-success": success ? true : void 0,
     "data-loading": loading ? true : void 0,
     children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-1 gap-2", children: [
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center text-gray-500 dark:text-gray-400", children: leftIcon }),
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center text-muted-foreground", children: leftIcon }),
         loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground dark:text-gray-400" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground dark:text-gray-400", children: "Loading..." })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Loading..." })
         ] }) : children
       ] }),
       !loading && /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: rightIcon }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" }) })
@@ -5855,7 +5929,7 @@ var SelectTrigger = React10__namespace.forwardRef(({ className, children, varian
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -5868,7 +5942,7 @@ var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -5881,7 +5955,7 @@ var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React10__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React11__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -5922,7 +5996,7 @@ var SelectContent = React10__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -5931,7 +6005,7 @@ var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React10__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React11__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -5961,7 +6035,7 @@ var SelectItem = React10__namespace.forwardRef(({ className, children, variant =
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -6043,7 +6117,7 @@ var getMaxLength = (countryCode) => {
       return 15;
   }
 };
-var PhoneInput = React10__namespace.forwardRef(
+var PhoneInput = React11__namespace.forwardRef(
   ({
     className,
     value = "",
@@ -6055,8 +6129,8 @@ var PhoneInput = React10__namespace.forwardRef(
     size,
     ...props
   }, ref) => {
-    const [countryCode, setCountryCode] = React10__namespace.useState(defaultCountry);
-    const [phoneNumber, setPhoneNumber] = React10__namespace.useState(value);
+    const [countryCode, setCountryCode] = React11__namespace.useState(defaultCountry);
+    const [phoneNumber, setPhoneNumber] = React11__namespace.useState(value);
     const selectedCountry = countries.find((c) => c.code === countryCode) || countries[0];
     const handlePhoneChange = (e) => {
       const rawValue = e.target.value.replace(/\D/g, "");
@@ -6127,24 +6201,49 @@ var radioGroupItemVariants = classVarianceAuthority.cva(
     }
   }
 );
-var RadioGroupContext = React10__namespace.createContext({});
-var RadioGroup2 = React10__namespace.forwardRef(
-  ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+var RadioGroupContext = React11__namespace.createContext({});
+var RadioGroup2 = React11__namespace.forwardRef(
+  ({ className, value, defaultValue, onValueChange, disabled, name, ...props }, ref) => {
+    const [internalValue, setInternalValue] = React11__namespace.useState(
+      defaultValue
+    );
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = React11__namespace.useCallback(
+      (next) => {
+        if (!isControlled) {
+          setInternalValue(next);
+        }
+        onValueChange?.(next);
+      },
+      [isControlled, onValueChange]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupContext.Provider,
       {
-        ref,
-        role: "radiogroup",
-        className: cn("moonui-theme", "grid gap-2", className),
-        ...props
+        value: {
+          value: currentValue,
+          onValueChange: handleValueChange,
+          disabled,
+          name
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref,
+            role: "radiogroup",
+            className: cn("moonui-theme", "grid gap-2", className),
+            ...props
+          }
+        )
       }
-    ) });
+    );
   }
 );
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React10__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React10__namespace.useContext(RadioGroupContext);
-  const generatedId = React10__namespace.useId();
+var RadioGroupItem = React11__namespace.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React11__namespace.useContext(RadioGroupContext);
+  const generatedId = React11__namespace.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -6167,7 +6266,7 @@ var RadioGroupItem = React10__namespace.forwardRef(({ className, variant, size,
         disabled: disabled || radioGroup.disabled,
         name: radioGroup.name,
         onChange: handleChange,
-        className: "sr-only",
+        className: "peer sr-only",
         ...props
       }
     ),
@@ -6178,7 +6277,12 @@ var RadioGroupItem = React10__namespace.forwardRef(({ className, variant, size,
         className: cn(
           radioGroupItemVariants({ variant, size }),
           "rounded-full",
-          "focus-visible:ring-primary/50",
+          // Gerçekte odaklanan eleman görsel olarak gizli `sr-only` input'tur.
+          // Görünür label onun KARDEŞİ olduğu için label'da `:focus-visible` hiç
+          // tetiklenmiyor, dolayısıyla klavye kullanıcısı hiçbir focus izi
+          // görmüyordu. Tailwind `peer` deseniyle (input `peer` sınıfını taşır ve
+          // DOM'da label'dan önce gelir) focus izi görünür elemana taşınır.
+          "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary/50",
           "relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden",
           disabled && "cursor-not-allowed opacity-50",
           className
@@ -6192,7 +6296,7 @@ var RadioGroupItem = React10__namespace.forwardRef(({ className, variant, size,
   ] });
 });
 RadioGroupItem.displayName = "RadioGroupItem";
-var RadioLabel = React10__namespace.forwardRef(
+var RadioLabel = React11__namespace.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -6211,13 +6315,13 @@ var RadioLabel = React10__namespace.forwardRef(
   }
 );
 RadioLabel.displayName = "RadioLabel";
-var RadioItemWithLabel = React10__namespace.forwardRef(({
+var RadioItemWithLabel = React11__namespace.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React10__namespace.useId();
+  const generatedId = React11__namespace.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
@@ -6294,7 +6398,7 @@ function RichTextEditor({
     )
   ] });
 }
-var ScrollArea = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -6308,7 +6412,7 @@ var ScrollArea = React10__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React10__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React11__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -6362,7 +6466,7 @@ var defaultTransition = {
   ease: [0.25, 0.46, 0.45, 0.94]
   // Custom cubic-bezier for smooth motion
 };
-var ScrollReveal = React10__namespace.forwardRef(
+var ScrollReveal = React11__namespace.forwardRef(
   ({
     children,
     direction = "up",
@@ -6383,17 +6487,17 @@ var ScrollReveal = React10__namespace.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const animationVariants = React10__namespace.useMemo(() => {
+    const animationVariants = React11__namespace.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React10__namespace.useMemo(() => ({
+    const transition = React11__namespace.useMemo(() => ({
       ...defaultTransition,
       duration,
       delay: delay + stagger
     }), [duration, delay, stagger]);
-    const viewportConfig = React10__namespace.useMemo(() => ({
+    const viewportConfig = React11__namespace.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6428,7 +6532,7 @@ var ScrollReveal = React10__namespace.forwardRef(
   }
 );
 ScrollReveal.displayName = "ScrollReveal";
-var ScrollRevealContainer = React10__namespace.forwardRef(
+var ScrollRevealContainer = React11__namespace.forwardRef(
   ({
     children,
     stagger = 0.1,
@@ -6441,7 +6545,7 @@ var ScrollRevealContainer = React10__namespace.forwardRef(
     viewport
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
-    const viewportConfig = React10__namespace.useMemo(() => ({
+    const viewportConfig = React11__namespace.useMemo(() => ({
       once: shouldTriggerOnce,
       amount: threshold,
       ...viewport
@@ -6472,7 +6576,7 @@ var ScrollRevealContainer = React10__namespace.forwardRef(
   }
 );
 ScrollRevealContainer.displayName = "ScrollRevealContainer";
-var ScrollRevealItem = React10__namespace.forwardRef(
+var ScrollRevealItem = React11__namespace.forwardRef(
   ({
     children,
     direction = "up",
@@ -6483,12 +6587,12 @@ var ScrollRevealItem = React10__namespace.forwardRef(
     style,
     id
   }, ref) => {
-    const animationVariants = React10__namespace.useMemo(() => {
+    const animationVariants = React11__namespace.useMemo(() => {
       if (variants)
         return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
-    const transition = React10__namespace.useMemo(() => ({
+    const transition = React11__namespace.useMemo(() => ({
       ...defaultTransition,
       duration
     }), [duration]);
@@ -6604,7 +6708,7 @@ var separatorVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Separator3 = React10__namespace.forwardRef(
+var Separator3 = React11__namespace.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -6647,7 +6751,7 @@ var toggleVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toggle = React10__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Toggle = React11__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TogglePrimitive__namespace.Root,
   {
     ref,
@@ -6683,7 +6787,7 @@ var tooltipVariants = classVarianceAuthority.cva(
 );
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipArrow = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipArrow = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Arrow,
   {
     ref,
@@ -6692,7 +6796,7 @@ var TooltipArrow = React10__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive__namespace.Arrow.displayName;
-var TooltipContent = React10__namespace.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var TooltipContent = React11__namespace.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -6706,7 +6810,7 @@ var TooltipContent = React10__namespace.forwardRef(({ className, variant, size,
   }
 ));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var SimpleTooltip = React10__namespace.forwardRef(
+var SimpleTooltip = React11__namespace.forwardRef(
   ({
     children,
     content,
@@ -6791,7 +6895,7 @@ var ColorPicker2 = ({ onColorSelect }) => {
     color
   )) });
 };
-var SimpleEditor = React10__namespace.default.forwardRef(
+var SimpleEditor = React11__namespace.default.forwardRef(
   ({
     value = "",
     onChange,
@@ -6804,13 +6908,13 @@ var SimpleEditor = React10__namespace.default.forwardRef(
     showPreview = true,
     ...props
   }, ref) => {
-    const [content, setContent] = React10.useState(value);
-    const [isPreview, setIsPreview] = React10.useState(false);
-    const [sourceContent, setSourceContent] = React10.useState(value);
-    React10.useState(null);
-    const editorRef = React10__namespace.default.useRef(null);
-    const sourceRef = React10__namespace.default.useRef(null);
-    const [formatState, setFormatState] = React10.useState({
+    const [content, setContent] = React11.useState(value);
+    const [isPreview, setIsPreview] = React11.useState(false);
+    const [sourceContent, setSourceContent] = React11.useState(value);
+    React11.useState(null);
+    const editorRef = React11__namespace.default.useRef(null);
+    const sourceRef = React11__namespace.default.useRef(null);
+    const [formatState, setFormatState] = React11.useState({
       bold: false,
       italic: false,
       underline: false,
@@ -6824,18 +6928,18 @@ var SimpleEditor = React10__namespace.default.forwardRef(
       quote: false,
       code: false
     });
-    const updateContent = React10.useCallback((newContent) => {
+    const updateContent = React11.useCallback((newContent) => {
       setContent(newContent);
       onChange?.(newContent);
     }, [onChange]);
-    const saveSelection = React10.useCallback(() => {
+    const saveSelection = React11.useCallback(() => {
       const selection2 = window.getSelection();
       if (selection2 && selection2.rangeCount > 0) {
         return selection2.getRangeAt(0);
       }
       return null;
     }, []);
-    React10.useCallback((range) => {
+    React11.useCallback((range) => {
       if (!range)
         return;
       const selection2 = window.getSelection();
@@ -6844,7 +6948,7 @@ var SimpleEditor = React10__namespace.default.forwardRef(
         selection2.addRange(range);
       }
     }, []);
-    const executeCommand = React10.useCallback((command, value2) => {
+    const executeCommand = React11.useCallback((command, value2) => {
       if (disabled)
         return;
       if (editorRef.current) {
@@ -6877,11 +6981,11 @@ var SimpleEditor = React10__namespace.default.forwardRef(
         editorRef.current.focus();
       }
     }, [disabled, saveSelection, updateContent]);
-    const handleInput = React10.useCallback((e) => {
+    const handleInput = React11.useCallback((e) => {
       const newContent = e.currentTarget.innerHTML;
       updateContent(newContent);
     }, [updateContent]);
-    const handleKeyDown = React10.useCallback((e) => {
+    const handleKeyDown = React11.useCallback((e) => {
       if (e.ctrlKey || e.metaKey) {
         switch (e.key) {
           case "b":
@@ -6911,22 +7015,22 @@ var SimpleEditor = React10__namespace.default.forwardRef(
         executeCommand("insertHTML", "&nbsp;&nbsp;&nbsp;&nbsp;");
       }
     }, [executeCommand]);
-    const insertLink = React10.useCallback(() => {
+    const insertLink = React11.useCallback(() => {
       const url = prompt("Enter URL:");
       if (url) {
         executeCommand("createLink", url);
       }
     }, [executeCommand]);
-    const insertImage = React10.useCallback(() => {
+    const insertImage = React11.useCallback(() => {
       const url = prompt("Enter image URL:");
       if (url) {
         executeCommand("insertImage", url);
       }
     }, [executeCommand]);
-    const formatHeading = React10.useCallback((level) => {
+    const formatHeading = React11.useCallback((level) => {
       executeCommand("formatBlock", `<h${level}>`);
     }, [executeCommand]);
-    const setTextColor = React10.useCallback((color) => {
+    const setTextColor = React11.useCallback((color) => {
       const selection2 = window.getSelection();
       if (selection2 && selection2.rangeCount > 0) {
         const range = selection2.getRangeAt(0);
@@ -6943,12 +7047,12 @@ var SimpleEditor = React10__namespace.default.forwardRef(
         }
       }
     }, [executeCommand, updateContent]);
-    React10__namespace.default.useEffect(() => {
+    React11__namespace.default.useEffect(() => {
       if (editorRef.current && content && content !== editorRef.current.innerHTML) {
         editorRef.current.innerHTML = content;
       }
     }, [content]);
-    React10__namespace.default.useEffect(() => {
+    React11__namespace.default.useEffect(() => {
       if (value !== void 0 && value !== content) {
         setContent(value);
         setSourceContent(value);
@@ -7305,8 +7409,8 @@ var SimpleEditor = React10__namespace.default.forwardRef(
 );
 SimpleEditor.displayName = "SimpleEditor";
 var CharacterCount = ({ content }) => {
-  const [count, setCount] = React10.useState(0);
-  React10.useEffect(() => {
+  const [count, setCount] = React11.useState(0);
+  React11.useEffect(() => {
     const getPlainText = (html) => {
       const div = document.createElement("div");
       div.innerHTML = html;
@@ -7353,7 +7457,7 @@ var skeletonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Skeleton = React10__namespace.forwardRef(
+var Skeleton = React11__namespace.forwardRef(
   ({
     className,
     variant,
@@ -7437,7 +7541,7 @@ var Skeleton = React10__namespace.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React10__namespace.forwardRef(
+var SkeletonText = React11__namespace.forwardRef(
   ({
     className,
     lines = 3,
@@ -7478,7 +7582,7 @@ var SkeletonText = React10__namespace.forwardRef(
   }
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = React10__namespace.forwardRef(
+var SkeletonAvatar = React11__namespace.forwardRef(
   ({
     className,
     size = "2.5rem",
@@ -7504,7 +7608,7 @@ var SkeletonAvatar = React10__namespace.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React10__namespace.forwardRef(
+var SkeletonCard = React11__namespace.forwardRef(
   ({
     className,
     showHeader = true,
@@ -7578,11 +7682,11 @@ var SkeletonCard = React10__namespace.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SwipeableCard = React10__namespace.forwardRef(
+var SwipeableCard = React11__namespace.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
-    const [startX, setStartX] = React10__namespace.useState(0);
-    const [currentX, setCurrentX] = React10__namespace.useState(0);
-    const [isSwiping, setIsSwiping] = React10__namespace.useState(false);
+    const [startX, setStartX] = React11__namespace.useState(0);
+    const [currentX, setCurrentX] = React11__namespace.useState(0);
+    const [isSwiping, setIsSwiping] = React11__namespace.useState(false);
     const handleTouchStart = (e) => {
       if (disabled)
         return;
@@ -7628,54 +7732,95 @@ var SwipeableCard = React10__namespace.forwardRef(
   }
 );
 SwipeableCard.displayName = "SwipeableCard";
-var Switch = React10__namespace.forwardRef(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
-  leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: leftIcon }),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    SwitchPrimitives__namespace.Root,
-    {
-      className: cn(
-        "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 dark:data-[state=unchecked]:bg-gray-700/70 dark:focus-visible:ring-primary/40 dark:focus-visible:ring-offset-gray-950",
-        // Boyutlar
-        size === "sm" && "h-4 w-8",
-        size === "md" && "h-6 w-11",
-        size === "lg" && "h-7 w-14",
-        // Varyantlar (checked durumunda)
-        variant === "primary" && "data-[state=checked]:bg-primary",
-        variant === "success" && "data-[state=checked]:bg-success",
-        variant === "warning" && "data-[state=checked]:bg-warning",
-        variant === "danger" && "data-[state=checked]:bg-error",
-        variant === "secondary" && "data-[state=checked]:bg-accent",
-        // Unchecked durumu
-        "data-[state=unchecked]:bg-input",
-        // Loading durumu
-        loading && "opacity-80 cursor-wait",
-        className
-      ),
-      disabled: loading || props.disabled,
-      ...props,
-      ref,
-      children: [
-        loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-gray-300 border-t-primary" }) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SwitchPrimitives__namespace.Thumb,
-          {
-            className: cn(
-              "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
-              // Boyuta göre thumb boyutları
-              size === "sm" && "h-3 w-3 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
-              size === "md" && "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
-              size === "lg" && "h-6 w-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0"
-            )
-          }
-        )
-      ]
+var switchVariants = classVarianceAuthority.cva(
+  [
+    "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full",
+    "border-2 border-transparent transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Kapalı durum token'a bağlı; `--input` karanlık modda kendi değerini taşır.
+    // (Önceden ayrıca `dark:data-[state=unchecked]:bg-gray-700/70` hardcode'u
+    // vardı ve token'ı eziyordu — kaldırıldı.)
+    "data-[state=unchecked]:bg-input",
+    "dark:focus-visible:ring-primary/40"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-8",
+        md: "h-6 w-11",
+        lg: "h-7 w-14"
+      },
+      variant: {
+        primary: "data-[state=checked]:bg-primary",
+        success: "data-[state=checked]:bg-success",
+        warning: "data-[state=checked]:bg-warning",
+        destructive: "data-[state=checked]:bg-error",
+        secondary: "data-[state=checked]:bg-accent"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "primary"
     }
-  ),
-  rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: rightIcon }),
-  description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: description })
-] }));
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "h-3 w-3 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+        md: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React11__namespace.forwardRef(({
+  className,
+  size,
+  variant,
+  loading,
+  leftIcon,
+  rightIcon,
+  description,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}, ref) => {
+  const reactId = React11__namespace.useId();
+  const descriptionId = description ? `${reactId}-description` : void 0;
+  const describedBy = [ariaDescribedBy, descriptionId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "moonui-theme inline-flex items-center gap-2", children: [
+    leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: leftIcon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SwitchPrimitives__namespace.Root,
+      {
+        className: cn(
+          switchVariants({ size, variant }),
+          loading && "opacity-80 cursor-wait",
+          className
+        ),
+        disabled: loading || props.disabled,
+        "aria-describedby": describedBy,
+        ...props,
+        ref,
+        children: [
+          loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-muted border-t-primary" }) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: cn(switchThumbVariants({ size })) })
+        ]
+      }
+    ),
+    rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: rightIcon }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: "text-sm text-muted-foreground", children: description })
+  ] });
+});
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-var TagsInput = React10__namespace.forwardRef(
+var TagsInput = React11__namespace.forwardRef(
   ({
     value = [],
     onChange,
@@ -7688,8 +7833,8 @@ var TagsInput = React10__namespace.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = React10__namespace.useState("");
-    const [error, setError] = React10__namespace.useState("");
+    const [inputValue, setInputValue] = React11__namespace.useState("");
+    const [error, setError] = React11__namespace.useState("");
     const handleKeyDown = (e) => {
       if (e.key === "Enter" || e.key === delimiter) {
         e.preventDefault();
@@ -7820,7 +7965,7 @@ var textareaVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Textarea = React10__namespace.forwardRef(
+var Textarea = React11__namespace.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -7840,10 +7985,10 @@ var Textarea = React10__namespace.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const textareaRef = React10__namespace.useRef(null);
-    const [internalValue, setInternalValue] = React10__namespace.useState(value || defaultValue || "");
-    React10__namespace.useImperativeHandle(ref, () => textareaRef.current);
-    const adjustHeight = React10__namespace.useCallback(() => {
+    const textareaRef = React11__namespace.useRef(null);
+    const [internalValue, setInternalValue] = React11__namespace.useState(value || defaultValue || "");
+    React11__namespace.useImperativeHandle(ref, () => textareaRef.current);
+    const adjustHeight = React11__namespace.useCallback(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoResize)
         return;
@@ -7857,10 +8002,10 @@ var Textarea = React10__namespace.forwardRef(
         textarea.style.overflowY = "hidden";
       }
     }, [autoResize, maxHeight]);
-    React10__namespace.useEffect(() => {
+    React11__namespace.useEffect(() => {
       adjustHeight();
     }, [internalValue, adjustHeight]);
-    React10__namespace.useEffect(() => {
+    React11__namespace.useEffect(() => {
       if (value !== void 0) {
         setInternalValue(value);
       }
@@ -7926,7 +8071,7 @@ var Textarea = React10__namespace.forwardRef(
 );
 Textarea.displayName = "Textarea";
 var ToastProvider = ToastPrimitives__namespace.Provider;
-var ToastViewport = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastViewport = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Viewport,
   {
     ref,
@@ -7955,7 +8100,7 @@ var toastVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Toast = React10__namespace.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React11__namespace.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToastPrimitives__namespace.Root,
     {
@@ -7966,7 +8111,7 @@ var Toast = React10__namespace.forwardRef(({ className, variant, ...props }, ref
   );
 });
 Toast.displayName = ToastPrimitives__namespace.Root.displayName;
-var ToastAction = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastAction = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Action,
   {
     ref,
@@ -7978,7 +8123,7 @@ var ToastAction = React10__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
-var ToastClose = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastClose = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Close,
   {
     ref,
@@ -7992,7 +8137,7 @@ var ToastClose = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
-var ToastTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Title,
   {
     ref,
@@ -8001,7 +8146,7 @@ var ToastTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
-var ToastDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToastDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Description,
   {
     ref,
@@ -8109,8 +8254,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React10__namespace.useState(memoryState);
-  React10__namespace.useEffect(() => {
+  const [state, setState] = React11__namespace.useState(memoryState);
+  React11__namespace.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8163,7 +8308,7 @@ var kbdVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Kbd = React10__namespace.forwardRef(
+var Kbd = React11__namespace.forwardRef(
   ({ className, size, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "kbd",
@@ -8200,7 +8345,7 @@ var iconSizeMap = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Rating = React10__namespace.forwardRef(
+var Rating = React11__namespace.forwardRef(
   ({
     className,
     value,
@@ -8218,11 +8363,11 @@ var Rating = React10__namespace.forwardRef(
     const iconSizeClass = iconSizeMap[resolvedSize];
     const step = precision === "half" ? 0.5 : 1;
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React10__namespace.useState(defaultValue ?? 0);
+    const [internalValue, setInternalValue] = React11__namespace.useState(defaultValue ?? 0);
     const currentValue = isControlled ? value ?? 0 : internalValue;
-    const [hoverValue, setHoverValue] = React10__namespace.useState(null);
+    const [hoverValue, setHoverValue] = React11__namespace.useState(null);
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
-    const commit = React10__namespace.useCallback(
+    const commit = React11__namespace.useCallback(
       (next) => {
         if (readOnly)
           return;
@@ -8232,7 +8377,7 @@ var Rating = React10__namespace.forwardRef(
       },
       [readOnly, isControlled, onValueChange]
     );
-    const handleKeyDown = React10__namespace.useCallback(
+    const handleKeyDown = React11__namespace.useCallback(
       (event) => {
         if (readOnly)
           return;
@@ -8261,9 +8406,9 @@ var Rating = React10__namespace.forwardRef(
       [readOnly, max, currentValue, step, commit]
     );
     const renderIcon = (filled) => {
-      if (React10__namespace.isValidElement(icon)) {
+      if (React11__namespace.isValidElement(icon)) {
         const element = icon;
-        return React10__namespace.cloneElement(element, {
+        return React11__namespace.cloneElement(element, {
           className: cn(
             iconSizeClass,
             "shrink-0",
@@ -8397,7 +8542,7 @@ var dotSizeMap = {
   lg: "h-2 w-2",
   xl: "h-2.5 w-2.5"
 };
-var Spinner = React10__namespace.forwardRef(
+var Spinner = React11__namespace.forwardRef(
   ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8476,15 +8621,15 @@ var buttonGroupVariants = classVarianceAuthority.cva(
     }
   }
 );
-var ButtonGroup = React10__namespace.forwardRef(
+var ButtonGroup = React11__namespace.forwardRef(
   ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
     const shouldPropagate = size !== void 0 || variant !== void 0;
-    const enhancedChildren = shouldPropagate ? React10__namespace.Children.map(children, (child) => {
-      if (!React10__namespace.isValidElement(child) || child.type !== Button) {
+    const enhancedChildren = shouldPropagate ? React11__namespace.Children.map(children, (child) => {
+      if (!React11__namespace.isValidElement(child) || child.type !== Button) {
         return child;
       }
       const childProps = child.props;
-      return React10__namespace.cloneElement(child, {
+      return React11__namespace.cloneElement(child, {
         size: childProps.size ?? size,
         variant: childProps.variant ?? variant
       });
@@ -8502,16 +8647,20 @@ var ButtonGroup = React10__namespace.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-var ToggleGroupContext = React10__namespace.createContext({
+var ToggleGroupContext = React11__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React10__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ToggleGroup = React11__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
     className: cn(
       "moonui-theme inline-flex items-center justify-center gap-1",
+      // Radix roving-focus kök elemana `data-orientation` yazar; dikey yerleşim
+      // buna bağlanır. Yatay/tanımsız durumda taban sınıflar geçerli kalır —
+      // yani mevcut render değişmez. Kardeş `button-group` ile desen paritesi.
+      "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[orientation=vertical]:justify-start",
       className
     ),
     ...props,
@@ -8519,8 +8668,8 @@ var ToggleGroup = React10__namespace.forwardRef(({ className, variant, size, chi
   }
 ));
 ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React10__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React10__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React11__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React11__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -8947,6 +9096,7 @@ exports.ratingVariants = ratingVariants;
 exports.separatorVariants = separatorVariants;
 exports.skeletonVariants = skeletonVariants;
 exports.spinnerVariants = spinnerVariants;
+exports.switchVariants = switchVariants;
 exports.toast = toast;
 exports.toggleVariants = toggleVariants;
 exports.tooltipVariants = tooltipVariants;