@moontra/moonui 6.1.0 → 6.2.0

package/dist/index.js

@@ -754,7 +754,7 @@ var buttonVariants = classVarianceAuthority.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"
         ],
@@ -996,7 +996,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,
@@ -1009,12 +1028,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: {
@@ -1160,7 +1189,8 @@ function Calendar({
     setCurrentMonth(dateFns.addMonths(currentMonth, 1));
   };
   const handleDateClick = (date) => {
-    if (disabled?.(date)) return;
+    if (disabled?.(date))
+      return;
     if (mode === "single") {
       onSelect?.(date);
     } else if (mode === "range") {
@@ -1177,7 +1207,8 @@ function Calendar({
     }
   };
   const isDateSelected = (date) => {
-    if (!selected) return false;
+    if (!selected)
+      return false;
     if (mode === "single") {
       return dateFns.isSameDay(date, selected);
     } else if (mode === "range") {
@@ -1190,19 +1221,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 ? dateFns.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 ? dateFns.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 = () => {
@@ -1329,7 +1364,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";
 };
@@ -1339,8 +1375,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;
   }
@@ -1522,7 +1560,8 @@ var Carousel = React24__namespace.forwardRef(
     const [canScrollPrev, setCanScrollPrev] = React24__namespace.useState(false);
     const [canScrollNext, setCanScrollNext] = React24__namespace.useState(false);
     const onSelect = React24__namespace.useCallback((emblaApi) => {
-      if (!emblaApi) return;
+      if (!emblaApi)
+        return;
       setCanScrollPrev(emblaApi.canScrollPrev());
       setCanScrollNext(emblaApi.canScrollNext());
     }, []);
@@ -1547,11 +1586,13 @@ var Carousel = React24__namespace.forwardRef(
       [resolvedOrientation, scrollPrev, scrollNext]
     );
     React24__namespace.useEffect(() => {
-      if (!api || !setApi) return;
+      if (!api || !setApi)
+        return;
       setApi(api);
     }, [api, setApi]);
     React24__namespace.useEffect(() => {
-      if (!api) return;
+      if (!api)
+        return;
       onSelect(api);
       api.on("reInit", onSelect);
       api.on("select", onSelect);
@@ -1937,7 +1978,7 @@ var inputWrapperVariants = classVarianceAuthority.cva(
 var inputVariants = classVarianceAuthority.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"
@@ -1945,10 +1986,10 @@ var inputVariants = classVarianceAuthority.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",
@@ -2512,9 +2553,11 @@ var Slider = React24__namespace.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);
@@ -2525,11 +2568,13 @@ var Slider = React24__namespace.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);
@@ -2547,7 +2592,8 @@ var Slider = React24__namespace.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;
@@ -2684,7 +2730,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;
@@ -2723,11 +2770,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;
@@ -2844,8 +2896,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__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
@@ -3719,7 +3773,8 @@ TableRow.displayName = "TableRow";
 var TableHead = React24__namespace.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__ */ jsxRuntime.jsx(
           "svg",
@@ -4048,10 +4103,14 @@ var DatePicker = React24__namespace.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 && dateFns.isValid(internalDate) ? dateFns.format(internalDate, formatString) : null;
@@ -4194,7 +4253,8 @@ var DateRangePicker = React24__namespace.forwardRef(function DateRangePicker2({
     }
   };
   const displayValue = React24__namespace.useMemo(() => {
-    if (!internalRange?.from) return null;
+    if (!internalRange?.from)
+      return null;
     if (!internalRange?.to) {
       return dateFns.format(internalRange.from, formatString);
     }
@@ -4438,7 +4498,8 @@ function DraggableList({
 }) {
   const [draggedIndex, setDraggedIndex] = React24__namespace.useState(null);
   const handleDragStart = (e, index) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     setDraggedIndex(index);
     e.dataTransfer.effectAllowed = "move";
   };
@@ -4732,14 +4793,19 @@ var Progress = React24__namespace.forwardRef(({
 });
 Progress.displayName = "Progress";
 var getFileIcon = (type) => {
-  if (type.startsWith("image/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "h-4 w-4" });
-  if (type.startsWith("video/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "h-4 w-4" });
-  if (type.startsWith("audio/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Music, { className: "h-4 w-4" });
-  if (type.includes("text") || type.includes("document")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4" });
+  if (type.startsWith("image/"))
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "h-4 w-4" });
+  if (type.startsWith("video/"))
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "h-4 w-4" });
+  if (type.startsWith("audio/"))
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Music, { className: "h-4 w-4" });
+  if (type.includes("text") || type.includes("document"))
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4" });
   return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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));
@@ -4900,7 +4966,8 @@ var FileUpload = React24__namespace.default.forwardRef(
     const handleDrop = React24.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
-      if (disabled) return;
+      if (disabled)
+        return;
       const files = e.dataTransfer.files;
       if (files.length > 0) {
         processFiles(files);
@@ -5042,7 +5109,8 @@ var GestureDrawer = React24__namespace.default.forwardRef(
     const motionValue = isVertical ? y : x;
     const opacity = framerMotion.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;
@@ -5083,7 +5151,8 @@ var GestureDrawer = React24__namespace.default.forwardRef(
     const getAnimatePosition = () => {
       return isVertical ? { y: 0 } : { x: 0 };
     };
-    if (!isOpen) return null;
+    if (!isOpen)
+      return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
@@ -5375,7 +5444,8 @@ function LockedComponent({
   const [isPreviewActive, setIsPreviewActive] = React24.useState(false);
   const [previewTimeout, setPreviewTimeout] = React24.useState(null);
   const handleMouseEnter = () => {
-    if (!showPreview) return;
+    if (!showPreview)
+      return;
     setIsPreviewActive(true);
     if (previewTimeout) {
       clearTimeout(previewTimeout);
@@ -5481,6 +5551,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
@@ -5561,7 +5632,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;
     }
@@ -5916,7 +5989,7 @@ var SelectContent = React24__namespace.forwardRef(({ className, children, positi
     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",
@@ -6026,22 +6099,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;
@@ -6051,13 +6132,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;
   }
@@ -6433,7 +6511,8 @@ var ScrollReveal = React24__namespace.forwardRef(
   }, ref) => {
     const shouldTriggerOnce = triggerOnce !== void 0 ? triggerOnce : once;
     const animationVariants = React24__namespace.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
     const transition = React24__namespace.useMemo(() => ({
@@ -6532,7 +6611,8 @@ var ScrollRevealItem = React24__namespace.forwardRef(
     id
   }, ref) => {
     const animationVariants = React24__namespace.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       return createDefaultVariants(direction, distance);
     }, [direction, distance, variants]);
     const transition = React24__namespace.useMemo(() => ({
@@ -6857,7 +6937,7 @@ var SimpleEditor = React24__namespace.default.forwardRef(
     const [content, setContent] = React24.useState(value);
     const [isPreview, setIsPreview] = React24.useState(false);
     const [sourceContent, setSourceContent] = React24.useState(value);
-    const [selection, setSelection] = React24.useState(null);
+    React24.useState(null);
     const editorRef = React24__namespace.default.useRef(null);
     const sourceRef = React24__namespace.default.useRef(null);
     const [formatState, setFormatState] = React24.useState({
@@ -6886,7 +6966,8 @@ var SimpleEditor = React24__namespace.default.forwardRef(
       return null;
     }, []);
     React24.useCallback((range) => {
-      if (!range) return;
+      if (!range)
+        return;
       const selection2 = window.getSelection();
       if (selection2) {
         selection2.removeAllRanges();
@@ -6894,7 +6975,8 @@ var SimpleEditor = React24__namespace.default.forwardRef(
       }
     }, []);
     const executeCommand = React24.useCallback((command, value2) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       if (editorRef.current) {
         editorRef.current.focus();
       }
@@ -7637,16 +7719,19 @@ var SwipeableCard = React24__namespace.forwardRef(
     const [currentX, setCurrentX] = React24__namespace.useState(0);
     const [isSwiping, setIsSwiping] = React24__namespace.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) {
@@ -7786,7 +7871,8 @@ var TagsInput = React24__namespace.forwardRef(
     const tagButtonRefs = React24__namespace.useRef([]);
     const errorId = React24__namespace.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();
     };
@@ -7809,8 +7895,10 @@ var TagsInput = React24__namespace.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();
@@ -7826,8 +7914,10 @@ var TagsInput = React24__namespace.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;
         }
@@ -7835,7 +7925,8 @@ var TagsInput = React24__namespace.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);
@@ -7851,7 +7942,8 @@ var TagsInput = React24__namespace.forwardRef(
       setError("");
     };
     const removeTag = (index) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       onChange(value.filter((_, i) => i !== index));
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
@@ -7918,7 +8010,7 @@ TagsInput.displayName = "TagsInput";
 var textareaVariants = classVarianceAuthority.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"
@@ -7927,10 +8019,10 @@ var textareaVariants = classVarianceAuthority.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",
@@ -7981,7 +8073,8 @@ var Textarea = React24__namespace.forwardRef(
     React24__namespace.useImperativeHandle(ref, () => textareaRef.current);
     const adjustHeight = React24__namespace.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) {
@@ -8235,7 +8328,8 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open) dismiss();
+        if (!open)
+          dismiss();
       }
     }
   });
@@ -8361,15 +8455,18 @@ var Rating = React24__namespace.forwardRef(
     const displayValue = hoverValue !== null ? hoverValue : currentValue;
     const commit = React24__namespace.useCallback(
       (next) => {
-        if (readOnly) return;
-        if (!isControlled) setInternalValue(next);
+        if (readOnly)
+          return;
+        if (!isControlled)
+          setInternalValue(next);
         onValueChange?.(next);
       },
       [readOnly, isControlled, onValueChange]
     );
     const handleKeyDown = React24__namespace.useCallback(
       (event) => {
-        if (readOnly) return;
+        if (readOnly)
+          return;
         let next = null;
         switch (event.key) {
           case "ArrowRight":
@@ -8677,27 +8774,27 @@ var ToggleGroupItem = React24__namespace.forwardRef(({ className, children, vari
 });
 ToggleGroupItem.displayName = "ToggleGroupItem";
 
-Object.defineProperty(exports, "Palette", {
+Object.defineProperty(exports, 'Palette', {
   enumerable: true,
   get: function () { return lucideReact.Palette; }
 });
-Object.defineProperty(exports, "Pipette", {
+Object.defineProperty(exports, 'Pipette', {
   enumerable: true,
   get: function () { return lucideReact.Pipette; }
 });
-Object.defineProperty(exports, "format", {
+Object.defineProperty(exports, 'format', {
   enumerable: true,
   get: function () { return dateFns.format; }
 });
-Object.defineProperty(exports, "REGEXP_ONLY_CHARS", {
+Object.defineProperty(exports, 'REGEXP_ONLY_CHARS', {
   enumerable: true,
   get: function () { return inputOtp.REGEXP_ONLY_CHARS; }
 });
-Object.defineProperty(exports, "REGEXP_ONLY_DIGITS", {
+Object.defineProperty(exports, 'REGEXP_ONLY_DIGITS', {
   enumerable: true,
   get: function () { return inputOtp.REGEXP_ONLY_DIGITS; }
 });
-Object.defineProperty(exports, "REGEXP_ONLY_DIGITS_AND_CHARS", {
+Object.defineProperty(exports, 'REGEXP_ONLY_DIGITS_AND_CHARS', {
   enumerable: true,
   get: function () { return inputOtp.REGEXP_ONLY_DIGITS_AND_CHARS; }
 });
@@ -9091,5 +9188,5 @@ exports.toggleVariants = toggleVariants;
 exports.tooltipVariants = tooltipVariants;
 exports.useCarousel = useCarousel;
 exports.useToast = useToast;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map