@moontra/moonui 6.1.0 → 6.2.0

package/dist/index.mjs

@@ -3,7 +3,7 @@
 import * as React24 from 'react';
 import React24__default, { useState, useCallback, useEffect } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, ArrowLeft, ArrowRight, Minus, Search, Calendar as Calendar$1, Clock, ChevronLeft, ChevronRight, Circle, Upload, Dot, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, CheckCircle, Star, Video, Music, FileText, File, Copy, ArrowDown, ArrowUp, ArrowUpDown, GitFork, ExternalLink, Crown, Lock, Zap } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, ArrowLeft, ArrowRight, Minus, Search, Calendar as Calendar$1, Clock, ChevronLeft, ChevronRight, Circle, Upload, Dot, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, Copy, ArrowDown, ArrowUp, ArrowUpDown, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } from 'lucide-react';
 export { Palette, Pipette } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -11,7 +11,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { motion, AnimatePresence, useMotionValue, useTransform, animate } from 'framer-motion';
-import { isValid, format, isSameMonth, isToday, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, subMonths, addMonths, isSameDay } from 'date-fns';
+import { isValid, format, isSameMonth, isToday, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } from 'date-fns';
 export { format } from 'date-fns';
 import useEmblaCarousel from 'embla-carousel-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -21,7 +21,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { Command as Command$1 } from 'cmdk';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { useReactTable, getFilteredRowModel, getSortedRowModel, getPaginationRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { OTPInput, OTPInputContext } from 'input-otp';
 export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
@@ -716,7 +716,7 @@ var buttonVariants = cva(
           "dark:bg-gray-800 dark:text-gray-100",
           "hover:bg-gray-200 dark:hover:bg-gray-700",
           "active:bg-gray-300 dark:active:bg-gray-600",
-          "border border-gray-200 dark:border-gray-700",
+          "border border-input",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "shadow-sm hover:shadow-md"
         ],
@@ -958,7 +958,26 @@ var springAnimations = {
     type: "spring",
     stiffness: 260,
     damping: 20
-  }};
+  },
+  // Bouncy spring for playful interactions
+  bouncy: {
+    type: "spring",
+    stiffness: 300,
+    damping: 15
+  },
+  // Stiff spring for quick responses
+  stiff: {
+    type: "spring",
+    stiffness: 400,
+    damping: 25
+  },
+  // Gentle spring for subtle movements
+  gentle: {
+    type: "spring",
+    stiffness: 150,
+    damping: 15
+  }
+};
 var hoverAnimations = {
   lift: {
     y: -2,
@@ -971,12 +990,22 @@ var hoverAnimations = {
   glow: {
     boxShadow: "0 0 20px rgba(var(--primary), 0.3)",
     transition: springAnimations.smooth
-  }};
+  },
+  rotate: {
+    rotate: 2,
+    transition: springAnimations.bouncy
+  }
+};
 var tapAnimations = {
   scale: {
     scale: 0.95,
     transition: { duration: 0.1 }
-  }};
+  },
+  depress: {
+    y: 1,
+    transition: { duration: 0.1 }
+  }
+};
 var skeletonAnimation = {
   initial: { opacity: 0.5 },
   animate: {
@@ -1122,7 +1151,8 @@ function Calendar({
     setCurrentMonth(addMonths(currentMonth, 1));
   };
   const handleDateClick = (date) => {
-    if (disabled?.(date)) return;
+    if (disabled?.(date))
+      return;
     if (mode === "single") {
       onSelect?.(date);
     } else if (mode === "range") {
@@ -1139,7 +1169,8 @@ function Calendar({
     }
   };
   const isDateSelected = (date) => {
-    if (!selected) return false;
+    if (!selected)
+      return false;
     if (mode === "single") {
       return isSameDay(date, selected);
     } else if (mode === "range") {
@@ -1152,19 +1183,23 @@ function Calendar({
     return false;
   };
   const isRangeStart = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
     return range.from ? isSameDay(date, range.from) : false;
   };
   const isRangeEnd = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
     return range.to ? isSameDay(date, range.to) : false;
   };
   const isRangeMiddle = (date) => {
-    if (mode !== "range" || !selected) return false;
+    if (mode !== "range" || !selected)
+      return false;
     const range = selected;
-    if (!range.from || !range.to) return false;
+    if (!range.from || !range.to)
+      return false;
     return date > range.from && date < range.to;
   };
   const getDaysInMonth = () => {
@@ -1291,7 +1326,8 @@ var getCardType = (number) => {
     jcb: /^35/
   };
   for (const [type, pattern] of Object.entries(patterns)) {
-    if (pattern.test(number)) return type;
+    if (pattern.test(number))
+      return type;
   }
   return "unknown";
 };
@@ -1301,8 +1337,10 @@ var formatCardNumber = (value, cardType) => {
   let formatted = "";
   let position = 0;
   for (const group of groups) {
-    if (position >= cleaned.length) break;
-    if (formatted) formatted += " ";
+    if (position >= cleaned.length)
+      break;
+    if (formatted)
+      formatted += " ";
     formatted += cleaned.slice(position, position + group);
     position += group;
   }
@@ -1484,7 +1522,8 @@ var Carousel = React24.forwardRef(
     const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
     const [canScrollNext, setCanScrollNext] = React24.useState(false);
     const onSelect = React24.useCallback((emblaApi) => {
-      if (!emblaApi) return;
+      if (!emblaApi)
+        return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
     }, []);
@@ -1509,11 +1548,13 @@ var Carousel = React24.forwardRef(
       [resolvedOrientation, scrollPrev, scrollNext]
     );
     React24.useEffect(() => {
-      if (!api || !setApi) return;
+      if (!api || !setApi)
+        return;
       setApi(api);
     }, [api, setApi]);
     React24.useEffect(() => {
-      if (!api) return;
+      if (!api)
+        return;
       onSelect(api);
       api.on("reInit", onSelect);
       api.on("select", onSelect);
@@ -1899,7 +1940,7 @@ var inputWrapperVariants = cva(
 var inputVariants = cva(
   [
     "w-full bg-background transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "file:border-0 file:bg-transparent file:font-medium",
     "focus-visible:outline-none dark:text-gray-200"
@@ -1907,10 +1948,10 @@ var inputVariants = cva(
   {
     variants: {
       variant: {
-        standard: "border border-gray-300 dark:border-gray-700 rounded-md px-3 py-2 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 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
+        standard: "border border-input rounded-md px-3 py-2 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 dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10",
         filled: "border border-transparent bg-gray-100 dark:bg-gray-800 rounded-md px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 dark:shadow-inner dark:shadow-gray-950/10",
-        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 dark:placeholder:text-gray-500 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 py-2 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 dark:text-gray-300 dark:bg-transparent"
+        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
+        underline: "border-t-0 border-l-0 border-r-0 border-b border-input rounded-none px-0 py-2 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300 dark:bg-transparent"
       },
       size: {
         sm: "h-8 text-xs",
@@ -2474,9 +2515,11 @@ var Slider = React24.forwardRef(({
     }
   };
   const handleTrackClick = (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     const track = trackRef.current;
-    if (!track) return;
+    if (!track)
+      return;
     const rect = track.getBoundingClientRect();
     const percent = (event.clientX - rect.left) / rect.width;
     const rawValue = min + percent * (max - min);
@@ -2487,11 +2530,13 @@ var Slider = React24.forwardRef(({
     handleValueChange(newValues);
   };
   const handleThumbMouseDown = (index) => (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     event.preventDefault();
     const handleMouseMove = (moveEvent) => {
       const track = trackRef.current;
-      if (!track) return;
+      if (!track)
+        return;
       const rect = track.getBoundingClientRect();
       const percent = (moveEvent.clientX - rect.left) / rect.width;
       const rawValue = min + percent * (max - min);
@@ -2509,7 +2554,8 @@ var Slider = React24.forwardRef(({
     document.addEventListener("mouseup", handleMouseUp);
   };
   const handleThumbKeyDown = (index) => (event) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     const largeStep = step * 10;
     const current = sliderValue[index];
     let next;
@@ -2646,7 +2692,8 @@ function rgbToHex(r, g, b) {
 }
 function hexToHsl(hex) {
   const rgb = hexToRgb(hex);
-  if (!rgb) return null;
+  if (!rgb)
+    return null;
   const r = rgb.r / 255;
   const g = rgb.g / 255;
   const b = rgb.b / 255;
@@ -2685,11 +2732,16 @@ function hslToHex(h, s, l) {
     r = g = b = l;
   } else {
     const hue2rgb = (p2, q2, t) => {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
-      if (t < 1 / 2) return q2;
-      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+      if (t < 0)
+        t += 1;
+      if (t > 1)
+        t -= 1;
+      if (t < 1 / 6)
+        return p2 + (q2 - p2) * 6 * t;
+      if (t < 1 / 2)
+        return q2;
+      if (t < 2 / 3)
+        return p2 + (q2 - p2) * (2 / 3 - t) * 6;
       return p2;
     };
     const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
@@ -2806,8 +2858,10 @@ function ColorPicker({
     }
   };
   const formatDisplay = () => {
-    if (format4 === "rgb") return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
-    if (format4 === "hsl") return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+    if (format4 === "rgb")
+      return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+    if (format4 === "hsl")
+      return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
     return color;
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
@@ -3681,7 +3735,8 @@ TableRow.displayName = "TableRow";
 var TableHead = React24.forwardRef(
   ({ className, sortable, sorted, onSort, align = "left", children, ...props }, ref) => {
     const renderSortIcon = () => {
-      if (!sortable) return null;
+      if (!sortable)
+        return null;
       if (sorted === "asc") {
         return /* @__PURE__ */ jsx(
           "svg",
@@ -4010,10 +4065,14 @@ var DatePicker = React24.forwardRef(function DatePicker2({
     handleSelect(today);
   };
   const isDateDisabled = (date) => {
-    if (minDate && date < minDate) return true;
-    if (maxDate && date > maxDate) return true;
-    if (disabledDates?.some((d) => d.toDateString() === date.toDateString())) return true;
-    if (disabledDaysOfWeek?.includes(date.getDay())) return true;
+    if (minDate && date < minDate)
+      return true;
+    if (maxDate && date > maxDate)
+      return true;
+    if (disabledDates?.some((d) => d.toDateString() === date.toDateString()))
+      return true;
+    if (disabledDaysOfWeek?.includes(date.getDay()))
+      return true;
     return false;
   };
   const displayValue = internalDate && isValid(internalDate) ? format(internalDate, formatString) : null;
@@ -4156,7 +4215,8 @@ var DateRangePicker = React24.forwardRef(function DateRangePicker2({
     }
   };
   const displayValue = React24.useMemo(() => {
-    if (!internalRange?.from) return null;
+    if (!internalRange?.from)
+      return null;
     if (!internalRange?.to) {
       return format(internalRange.from, formatString);
     }
@@ -4400,7 +4460,8 @@ function DraggableList({
 }) {
   const [draggedIndex, setDraggedIndex] = React24.useState(null);
   const handleDragStart = (e, index) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     setDraggedIndex(index);
     e.dataTransfer.effectAllowed = "move";
   };
@@ -4694,14 +4755,19 @@ var Progress = React24.forwardRef(({
 });
 Progress.displayName = "Progress";
 var getFileIcon = (type) => {
-  if (type.startsWith("image/")) return /* @__PURE__ */ jsx(Image, { className: "h-4 w-4" });
-  if (type.startsWith("video/")) return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
-  if (type.startsWith("audio/")) return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
-  if (type.includes("text") || type.includes("document")) return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
+  if (type.startsWith("image/"))
+    return /* @__PURE__ */ jsx(Image, { className: "h-4 w-4" });
+  if (type.startsWith("video/"))
+    return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
+  if (type.startsWith("audio/"))
+    return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
+  if (type.includes("text") || type.includes("document"))
+    return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
   return /* @__PURE__ */ jsx(File, { className: "h-4 w-4" });
 };
 var formatFileSize = (bytes) => {
-  if (bytes === 0) return "0 Bytes";
+  if (bytes === 0)
+    return "0 Bytes";
   const k = 1024;
   const sizes = ["Bytes", "KB", "MB", "GB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
@@ -4862,7 +4928,8 @@ var FileUpload = React24__default.forwardRef(
     const handleDrop = useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
-      if (disabled) return;
+      if (disabled)
+        return;
       const files = e.dataTransfer.files;
       if (files.length > 0) {
         processFiles(files);
@@ -5004,7 +5071,8 @@ var GestureDrawer = React24__default.forwardRef(
     const motionValue = isVertical ? y : x;
     const opacity = useTransform(motionValue, [0, threshold], [1, 0.5]);
     const handleDragEnd = (event, info) => {
-      if (!enableSwipeToClose) return;
+      if (!enableSwipeToClose)
+        return;
       const offset = isVertical ? info.offset.y : info.offset.x;
       const velocity = isVertical ? info.velocity.y : info.velocity.x;
       let shouldClose = false;
@@ -5045,7 +5113,8 @@ var GestureDrawer = React24__default.forwardRef(
     const getAnimatePosition = () => {
       return isVertical ? { y: 0 } : { x: 0 };
     };
-    if (!isOpen) return null;
+    if (!isOpen)
+      return null;
     return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
       /* @__PURE__ */ jsx(
         motion.div,
@@ -5337,7 +5406,8 @@ function LockedComponent({
   const [isPreviewActive, setIsPreviewActive] = useState(false);
   const [previewTimeout, setPreviewTimeout] = useState(null);
   const handleMouseEnter = () => {
-    if (!showPreview) return;
+    if (!showPreview)
+      return;
     setIsPreviewActive(true);
     if (previewTimeout) {
       clearTimeout(previewTimeout);
@@ -5443,6 +5513,7 @@ function ProComponentWrapper({
         nodeEnv: process.env.NODE_ENV === "development",
         nextPublicEnv: process.env.NEXT_PUBLIC_VERCEL_ENV === "development",
         localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local")),
+        port: typeof window !== "undefined" && (window.location.port === "3000" || window.location.port === "3001" || window.location.port === "8080"),
         vercelEnv: !process.env.VERCEL,
         ciEnv: !process.env.CI,
         deploymentEnv: !process.env.DEPLOYMENT_ENV
@@ -5523,7 +5594,9 @@ function ProComponentWrapper({
   const isDevelopment = () => {
     const checks = {
       nodeEnv: process.env.NODE_ENV === "development",
-      localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local"))};
+      localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local")),
+      port: typeof window !== "undefined" && (window.location.port === "3000" || window.location.port === "3001" || window.location.port === "8080")
+    };
     if (process.env.VERCEL || process.env.NETLIFY || process.env.RENDER || process.env.RAILWAY_ENVIRONMENT || process.env.FLY_APP_NAME) {
       return false;
     }
@@ -5878,7 +5951,7 @@ var SelectContent = React24.forwardRef(({ className, children, position = "poppe
     className: cn(
       [
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
-        "rounded-md border border-gray-200 dark:border-gray-700",
+        "rounded-md border border-input",
         "bg-background dark:bg-gray-800/80 backdrop-blur-sm text-foreground dark:text-gray-200",
         "shadow-lg dark:shadow-gray-900/20",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -5988,22 +6061,30 @@ var formatPhoneNumber = (value, countryCode) => {
   const cleaned = value.replace(/\D/g, "");
   switch (countryCode) {
     case "+1":
-      if (cleaned.length <= 3) return cleaned;
-      if (cleaned.length <= 6) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
+      if (cleaned.length <= 3)
+        return cleaned;
+      if (cleaned.length <= 6)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
       return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)}-${cleaned.slice(6, 10)}`;
     case "+44":
-      if (cleaned.length <= 4) return cleaned;
-      if (cleaned.length <= 7) return `${cleaned.slice(0, 4)} ${cleaned.slice(4)}`;
+      if (cleaned.length <= 4)
+        return cleaned;
+      if (cleaned.length <= 7)
+        return `${cleaned.slice(0, 4)} ${cleaned.slice(4)}`;
       return `${cleaned.slice(0, 4)} ${cleaned.slice(4, 7)} ${cleaned.slice(7, 11)}`;
     case "+90":
-      if (cleaned.length <= 3) return cleaned;
-      if (cleaned.length <= 6) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
-      if (cleaned.length <= 9) return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6)}`;
+      if (cleaned.length <= 3)
+        return cleaned;
+      if (cleaned.length <= 6)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
+      if (cleaned.length <= 9)
+        return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6)}`;
       return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
     default:
       let formatted = "";
       for (let i = 0; i < cleaned.length; i++) {
-        if (i > 0 && i % 3 === 0) formatted += " ";
+        if (i > 0 && i % 3 === 0)
+          formatted += " ";
         formatted += cleaned[i];
       }
       return formatted;
@@ -6013,13 +6094,10 @@ var getMaxLength = (countryCode) => {
   switch (countryCode) {
     case "+1":
       return 10;
-    // US/Canada
     case "+44":
       return 11;
-    // UK
     case "+90":
       return 10;
-    // Turkey
     default:
       return 15;
   }
@@ -6395,7 +6473,8 @@ var ScrollReveal = React24.forwardRef(
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
     const animationVariants = React24.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
     const transition = React24.useMemo(() => ({
@@ -6494,7 +6573,8 @@ var ScrollRevealItem = React24.forwardRef(
     id
   }, ref) => {
     const animationVariants = React24.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
     const transition = React24.useMemo(() => ({
@@ -6819,7 +6899,7 @@ var SimpleEditor = React24__default.forwardRef(
     const [content, setContent] = useState(value);
     const [isPreview, setIsPreview] = useState(false);
     const [sourceContent, setSourceContent] = useState(value);
-    const [selection, setSelection] = useState(null);
+    useState(null);
     const editorRef = React24__default.useRef(null);
     const sourceRef = React24__default.useRef(null);
     const [formatState, setFormatState] = useState({
@@ -6848,7 +6928,8 @@ var SimpleEditor = React24__default.forwardRef(
       return null;
     }, []);
     useCallback((range) => {
-      if (!range) return;
+      if (!range)
+        return;
       const selection2 = window.getSelection();
       if (selection2) {
         selection2.removeAllRanges();
@@ -6856,7 +6937,8 @@ var SimpleEditor = React24__default.forwardRef(
       }
     }, []);
     const executeCommand = useCallback((command, value2) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       if (editorRef.current) {
         editorRef.current.focus();
       }
@@ -7599,16 +7681,19 @@ var SwipeableCard = React24.forwardRef(
     const [currentX, setCurrentX] = React24.useState(0);
     const [isSwiping, setIsSwiping] = React24.useState(false);
     const handleTouchStart = (e) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       setStartX(e.touches[0].clientX);
       setIsSwiping(true);
     };
     const handleTouchMove = (e) => {
-      if (disabled || !isSwiping) return;
+      if (disabled || !isSwiping)
+        return;
       setCurrentX(e.touches[0].clientX);
     };
     const handleTouchEnd = () => {
-      if (disabled || !isSwiping) return;
+      if (disabled || !isSwiping)
+        return;
       const deltaX = currentX - startX;
       if (Math.abs(deltaX) > threshold) {
         if (deltaX > 0 && onSwipeRight) {
@@ -7748,7 +7833,8 @@ var TagsInput = React24.forwardRef(
     const tagButtonRefs = React24.useRef([]);
     const errorId = React24.useId();
     const focusTag = (index) => {
-      if (value.length === 0) return;
+      if (value.length === 0)
+        return;
       const clamped = Math.max(0, Math.min(value.length - 1, index));
       tagButtonRefs.current[clamped]?.focus();
     };
@@ -7771,8 +7857,10 @@ var TagsInput = React24.forwardRef(
           break;
         case "ArrowRight":
           e.preventDefault();
-          if (index >= value.length - 1) innerInputRef.current?.focus();
-          else focusTag(index + 1);
+          if (index >= value.length - 1)
+            innerInputRef.current?.focus();
+          else
+            focusTag(index + 1);
           break;
         case "Home":
           e.preventDefault();
@@ -7788,8 +7876,10 @@ var TagsInput = React24.forwardRef(
           const remaining = value.length - 1;
           removeTag(index);
           requestAnimationFrame(() => {
-            if (remaining > 0) focusTag(Math.min(index, remaining - 1));
-            else innerInputRef.current?.focus();
+            if (remaining > 0)
+              focusTag(Math.min(index, remaining - 1));
+            else
+              innerInputRef.current?.focus();
           });
           break;
         }
@@ -7797,7 +7887,8 @@ var TagsInput = React24.forwardRef(
     };
     const addTag = () => {
       const tag = inputValue.trim();
-      if (!tag) return;
+      if (!tag)
+        return;
       if (!allowDuplicates && value.includes(tag)) {
         setError("This tag already exists");
         setTimeout(() => setError(""), 2e3);
@@ -7813,7 +7904,8 @@ var TagsInput = React24.forwardRef(
       setError("");
     };
     const removeTag = (index) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       onChange(value.filter((_, i) => i !== index));
     };
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -7880,7 +7972,7 @@ TagsInput.displayName = "TagsInput";
 var textareaVariants = cva(
   [
     "flex w-full rounded-md px-3 py-2 text-sm transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
+    "text-foreground placeholder:text-muted-foreground",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "focus-visible:outline-none dark:text-gray-200",
     "resize-none"
@@ -7889,10 +7981,10 @@ var textareaVariants = cva(
   {
     variants: {
       variant: {
-        default: "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 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 dark:shadow-inner dark:shadow-gray-950/10",
-        outline: "border-2 border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:border-primary dark:focus-visible:border-primary/80",
+        default: "border border-input bg-background dark:bg-gray-800/80 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 dark:shadow-inner dark:shadow-gray-950/10",
+        outline: "border-2 border-input bg-transparent focus-visible:border-primary dark:focus-visible:border-primary/80",
         ghost: "border-none bg-transparent hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
+        underline: "border-t-0 border-l-0 border-r-0 border-b-2 border-input rounded-none px-0 focus-visible:ring-0 focus-visible:border-primary dark:focus-visible:border-primary/80 bg-transparent dark:bg-transparent"
       },
       size: {
         sm: "min-h-[60px] text-xs",
@@ -7943,7 +8035,8 @@ var Textarea = React24.forwardRef(
     React24.useImperativeHandle(ref, () => textareaRef.current);
     const adjustHeight = React24.useCallback(() => {
       const textarea = textareaRef.current;
-      if (!textarea || !autoResize) return;
+      if (!textarea || !autoResize)
+        return;
       textarea.style.height = "auto";
       const newHeight = textarea.scrollHeight;
       if (maxHeight && newHeight > maxHeight) {
@@ -8197,7 +8290,8 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open) dismiss();
+        if (!open)
+          dismiss();
       }
     }
   });
@@ -8323,15 +8417,18 @@ var Rating = React24.forwardRef(
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
     const commit = React24.useCallback(
       (next) => {
-        if (readOnly) return;
-        if (!isControlled) setInternalValue(next);
+        if (readOnly)
+          return;
+        if (!isControlled)
+          setInternalValue(next);
         onValueChange?.(next);
       },
       [readOnly, isControlled, onValueChange]
     );
     const handleKeyDown = React24.useCallback(
       (event) => {
-        if (readOnly) return;
+        if (readOnly)
+          return;
         let next = null;
         switch (event.key) {
           case "ArrowRight":
@@ -8640,5 +8737,5 @@ var ToggleGroupItem = React24.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = "ToggleGroupItem";
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, Card, CardCVCInput, CardContent, CardDescription, CardExpiryInput, CardFooter, CardHeader, CardNumberInput, CardTitle, CardZipInput, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FreeBadge, GestureDrawer, GitHubStarButton, GitHubStars, GradientPicker, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, LockedComponent, MonthPicker, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, ButtonGroup as MoonUIButtonGroup, Calendar as MoonUICalendar, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Carousel as MoonUICarousel, CarouselContent as MoonUICarouselContent, CarouselItem as MoonUICarouselItem, CarouselNext as MoonUICarouselNext, CarouselPrevious as MoonUICarouselPrevious, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, InputOTP as MoonUIInputOTP, InputOTPGroup as MoonUIInputOTPGroup, InputOTPSeparator as MoonUIInputOTPSeparator, InputOTPSlot as MoonUIInputOTPSlot, Kbd as MoonUIKbd, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup2 as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, Rating as MoonUIRating, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, ScrollReveal as MoonUIScrollReveal, ScrollRevealContainer as MoonUIScrollRevealContainer, ScrollRevealItem as MoonUIScrollRevealItem, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator3 as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, Spinner as MoonUISpinner, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, ToggleGroup as MoonUIToggleGroup, ToggleGroupItem as MoonUIToggleGroupItem, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, RadioItemWithLabel, RadioLabel, Rating, RichTextEditor, ScrollArea, ScrollBar, ScrollReveal, ScrollRevealContainer, ScrollRevealItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, SimpleColorPicker, SimpleEditor, SimpleTooltip, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, Spinner, SwipeableCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonGroupVariants, buttonVariants, carouselContentVariants, carouselItemVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, inputOTPSlotVariants, kbdVariants, badgeVariants as moonUIBadgeVariants, buttonGroupVariants as moonUIButtonGroupVariants, buttonVariants as moonUIButtonVariants, carouselContentVariants as moonUICarouselContentVariants, carouselItemVariants as moonUICarouselItemVariants, createSortableHeader as moonUICreateSortableHeader, inputOTPSlotVariants as moonUIInputOTPSlotVariants, kbdVariants as moonUIKbdVariants, ratingVariants as moonUIRatingVariants, skeletonVariants as moonUISkeletonVariants, spinnerVariants as moonUISpinnerVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, ratingVariants, separatorVariants, skeletonVariants, spinnerVariants, switchVariants, toast, toggleVariants, tooltipVariants, useCarousel, useToast };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map