@moontra/moonui-pro 2.6.2 → 2.7.1

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useContext, useMemo, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, ChevronLeft, Calendar as Calendar$1, Edit, Trash2, Clock, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, ZoomOut, ZoomIn, Download, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, CheckCircle2, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, XCircle, Trophy, RotateCcw, ExternalLink, CalendarIcon, DollarSign, Users, Github, Star, GitFork, Activity, Server, EyeOff, RotateCw, Zap, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Video, Music, Archive, File as File$1, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, CreditCard, Globe, CheckCircle2, XCircle, RotateCcw, Download, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, Trash2, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Zap, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Video, Music, Archive, File as File$1, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -4044,7 +4044,7 @@ var me = t.forwardRef((r3, o3) => {
     var e2;
     return Array.from(((e2 = I.current) == null ? void 0 : e2.querySelectorAll(ce)) || []);
   }
-  function X18(e2) {
+  function X19(e2) {
     let s3 = V()[e2];
     s3 && E.setState("value", s3.getAttribute(T));
   }
@@ -4059,10 +4059,10 @@ var me = t.forwardRef((r3, o3) => {
       s3 = e2 > 0 ? we(s3, N) : De(s3, N), i3 = s3 == null ? void 0 : s3.querySelector(ce);
     i3 ? E.setState("value", i3.getAttribute(T)) : Q(e2);
   }
-  let oe = () => X18(V().length - 1), ie3 = (e2) => {
+  let oe = () => X19(V().length - 1), ie3 = (e2) => {
     e2.preventDefault(), e2.metaKey ? oe() : e2.altKey ? re(1) : Q(1);
   }, se = (e2) => {
-    e2.preventDefault(), e2.metaKey ? X18(0) : e2.altKey ? re(-1) : Q(-1);
+    e2.preventDefault(), e2.metaKey ? X19(0) : e2.altKey ? re(-1) : Q(-1);
   };
   return t.createElement(Primitive2.div, { ref: o3, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e2) => {
     var s3;
@@ -4089,7 +4089,7 @@ var me = t.forwardRef((r3, o3) => {
           break;
         }
         case "Home": {
-          e2.preventDefault(), X18(0);
+          e2.preventDefault(), X19(0);
           break;
         }
         case "End": {
@@ -60477,7 +60477,7 @@ var FormWizardNavigation = ({
     )
   ] });
 };
-var FormWizardPro = t__default.forwardRef(({
+var MoonUIFormWizardPro = t__default.forwardRef(({
   steps,
   currentStep = 0,
   onStepChange,
@@ -60559,7 +60559,7 @@ var FormWizardPro = t__default.forwardRef(({
     }
   );
 });
-FormWizardPro.displayName = "FormWizardPro";
+MoonUIFormWizardPro.displayName = "MoonUIFormWizardPro";
 var r2 = (t4, r3, o3) => {
   if (t4 && "reportValidity" in t4) {
     const s3 = get(o3, r3);
@@ -72111,7 +72111,7 @@ function createStepSchema(fields) {
   });
   return external_exports.object(shape);
 }
-function MultiStepFormPro({
+function MoonUIMultiStepFormPro({
   steps,
   onSubmit,
   defaultValues,
@@ -72197,7 +72197,7 @@ function MultiStepFormPro({
     }
   };
   return /* @__PURE__ */ jsx(
-    FormWizardPro,
+    MoonUIFormWizardPro,
     {
       ...wizardProps,
       steps: wizardSteps,
@@ -72208,376 +72208,1140 @@ function MultiStepFormPro({
 function cn2(...classes) {
   return classes.filter(Boolean).join(" ");
 }
-function shuffleArray(array2) {
-  const shuffled = [...array2];
-  for (let i3 = shuffled.length - 1; i3 > 0; i3--) {
-    const j = Math.floor(Math.random() * (i3 + 1));
-    [shuffled[i3], shuffled[j]] = [shuffled[j], shuffled[i3]];
+var cardPatterns = {
+  visa: /^4/,
+  mastercard: /^5[1-5]/,
+  amex: /^3[47]/,
+  discover: /^6(?:011|5)/,
+  diners: /^3(?:0[0-5]|[68])/,
+  jcb: /^35/,
+  unionpay: /^62/
+};
+function formatCardNumber(value, cardType) {
+  const v = value.replace(/\s+/g, "").replace(/[^0-9]/gi, "");
+  const matches2 = cardType === "amex" ? v.match(/\d{1,4}/g) : v.match(/\d{1,4}/g);
+  return matches2 ? matches2.join(" ") : v;
+}
+function formatExpiry(value) {
+  const v = value.replace(/\s+/g, "").replace(/[^0-9]/gi, "");
+  if (v.length >= 2) {
+    return v.slice(0, 2) + (v.length > 2 ? "/" + v.slice(2, 4) : "");
+  }
+  return v;
+}
+function detectCardType(number4) {
+  const cleanNumber = number4.replace(/\s+/g, "");
+  for (const [type, pattern] of Object.entries(cardPatterns)) {
+    if (pattern.test(cleanNumber)) {
+      return type;
+    }
   }
-  return shuffled;
+  return null;
 }
-var QuizFormPro = ({
-  title,
-  description,
+function validateCardNumber(number4) {
+  const cleanNumber = number4.replace(/\s+/g, "");
+  if (!/^\d+$/.test(cleanNumber))
+    return false;
+  let sum = 0;
+  let isEven = false;
+  for (let i3 = cleanNumber.length - 1; i3 >= 0; i3--) {
+    let digit = parseInt(cleanNumber.charAt(i3), 10);
+    if (isEven) {
+      digit *= 2;
+      if (digit > 9) {
+        digit -= 9;
+      }
+    }
+    sum += digit;
+    isEven = !isEven;
+  }
+  return sum % 10 === 0;
+}
+function validateExpiry(expiry) {
+  const parts = expiry.split("/");
+  if (parts.length !== 2)
+    return false;
+  const month = parseInt(parts[0], 10);
+  const year = parseInt("20" + parts[1], 10);
+  if (month < 1 || month > 12)
+    return false;
+  const now = /* @__PURE__ */ new Date();
+  const expiryDate = new Date(year, month - 1);
+  return expiryDate > now;
+}
+var MoonUICreditCardInputPro = t__default.forwardRef(({
+  value = { number: "", expiry: "", cvc: "", name: "" },
+  onChange,
+  showCardPreview = true,
+  showCardType = true,
+  showSecurityBadge = true,
+  autoFormat = true,
+  validateOnChange = false,
+  labels = {},
+  placeholders = {},
+  errors = {},
+  className,
+  inputClassName,
+  labelClassName,
+  errorClassName,
+  disabled,
+  required: required2,
+  ...props
+}, ref) => {
+  const [cardType, setCardType] = useState(null);
+  const [focused, setFocused] = useState(null);
+  const [localErrors, setLocalErrors] = useState({});
+  const numberRef = useRef(null);
+  const expiryRef = useRef(null);
+  const cvcRef = useRef(null);
+  const nameRef = useRef(null);
+  useEffect(() => {
+    const detectedType = detectCardType(value.number);
+    setCardType(detectedType);
+  }, [value.number]);
+  useEffect(() => {
+    if (!validateOnChange)
+      return;
+    const newErrors = {};
+    if (value.number && !validateCardNumber(value.number)) {
+      newErrors.number = "Invalid card number";
+    }
+    if (value.expiry && !validateExpiry(value.expiry)) {
+      newErrors.expiry = "Invalid expiry date";
+    }
+    if (value.cvc && (value.cvc.length < 3 || value.cvc.length > 4)) {
+      newErrors.cvc = "Invalid CVC";
+    }
+    setLocalErrors(newErrors);
+  }, [value, validateOnChange]);
+  const handleChange = (field, newValue) => {
+    let formattedValue = newValue;
+    if (autoFormat) {
+      if (field === "number") {
+        formattedValue = formatCardNumber(newValue, cardType || void 0);
+        const maxLength = cardType === "amex" ? 18 : 19;
+        if (formattedValue.length > maxLength)
+          return;
+      } else if (field === "expiry") {
+        formattedValue = formatExpiry(newValue);
+        if (formattedValue.length > 5)
+          return;
+      } else if (field === "cvc") {
+        formattedValue = newValue.replace(/\D/g, "");
+        const maxLength = cardType === "amex" ? 4 : 3;
+        if (formattedValue.length > maxLength)
+          return;
+      }
+    }
+    onChange?.({
+      ...value,
+      [field]: formattedValue
+    });
+    if (autoFormat) {
+      if (field === "number" && formattedValue.length === (cardType === "amex" ? 18 : 19)) {
+        expiryRef.current?.focus();
+      } else if (field === "expiry" && formattedValue.length === 5) {
+        cvcRef.current?.focus();
+      } else if (field === "cvc" && formattedValue.length === (cardType === "amex" ? 4 : 3)) {
+        nameRef.current?.focus();
+      }
+    }
+  };
+  const displayErrors = { ...localErrors, ...errors };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), ...props, children: [
+    showCardPreview && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "relative w-full max-w-md mx-auto h-48 rounded-xl bg-gradient-to-r from-gray-700 to-gray-900 p-6 text-white shadow-xl",
+        initial: { opacity: 0, y: -20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3 },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-8", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: cardType ? cardType.toUpperCase() : "CARD" }),
+            /* @__PURE__ */ jsx(CreditCard, { className: "w-8 h-8" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xl font-mono tracking-wider", children: value.number || "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs opacity-70", children: "NAME" }),
+                /* @__PURE__ */ jsx("div", { className: "text-sm uppercase", children: value.name || "YOUR NAME" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs opacity-70", children: "EXPIRES" }),
+                /* @__PURE__ */ jsx("div", { className: "text-sm", children: value.expiry || "MM/YY" })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs(MoonUILabelPro, { htmlFor: "card-number", className: labelClassName, children: [
+          labels.number || "Card Number",
+          required2 && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              ref: numberRef,
+              id: "card-number",
+              type: "text",
+              inputMode: "numeric",
+              value: value.number,
+              onChange: (e2) => handleChange("number", e2.target.value),
+              onFocus: () => setFocused("number"),
+              onBlur: () => setFocused(null),
+              placeholder: placeholders.number || "1234 5678 9012 3456",
+              className: cn(
+                "pr-20",
+                displayErrors.number && "border-destructive",
+                inputClassName
+              ),
+              disabled
+            }
+          ),
+          showCardType && cardType && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm font-medium text-muted-foreground", children: cardType.toUpperCase() })
+        ] }),
+        displayErrors.number && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-destructive", errorClassName), children: displayErrors.number })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs(MoonUILabelPro, { htmlFor: "card-expiry", className: labelClassName, children: [
+            labels.expiry || "Expiry Date",
+            required2 && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              ref: expiryRef,
+              id: "card-expiry",
+              type: "text",
+              inputMode: "numeric",
+              value: value.expiry,
+              onChange: (e2) => handleChange("expiry", e2.target.value),
+              onFocus: () => setFocused("expiry"),
+              onBlur: () => setFocused(null),
+              placeholder: placeholders.expiry || "MM/YY",
+              className: cn(
+                displayErrors.expiry && "border-destructive",
+                inputClassName
+              ),
+              disabled
+            }
+          ),
+          displayErrors.expiry && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-destructive", errorClassName), children: displayErrors.expiry })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs(MoonUILabelPro, { htmlFor: "card-cvc", className: labelClassName, children: [
+            labels.cvc || "CVC",
+            required2 && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              MoonUIInputPro,
+              {
+                ref: cvcRef,
+                id: "card-cvc",
+                type: "text",
+                inputMode: "numeric",
+                value: value.cvc,
+                onChange: (e2) => handleChange("cvc", e2.target.value),
+                onFocus: () => setFocused("cvc"),
+                onBlur: () => setFocused(null),
+                placeholder: placeholders.cvc || cardType === "amex" ? "1234" : "123",
+                className: cn(
+                  displayErrors.cvc && "border-destructive",
+                  inputClassName
+                ),
+                disabled
+              }
+            ),
+            showSecurityBadge && /* @__PURE__ */ jsx(Lock, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" })
+          ] }),
+          displayErrors.cvc && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-destructive", errorClassName), children: displayErrors.cvc })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "card-name", className: labelClassName, children: labels.name || "Cardholder Name" }),
+        /* @__PURE__ */ jsx(
+          MoonUIInputPro,
+          {
+            ref: nameRef,
+            id: "card-name",
+            type: "text",
+            value: value.name,
+            onChange: (e2) => handleChange("name", e2.target.value),
+            onFocus: () => setFocused("name"),
+            onBlur: () => setFocused(null),
+            placeholder: placeholders.name || "John Doe",
+            className: cn(
+              displayErrors.name && "border-destructive",
+              inputClassName
+            ),
+            disabled
+          }
+        ),
+        displayErrors.name && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-destructive", errorClassName), children: displayErrors.name })
+      ] })
+    ] }),
+    showSecurityBadge && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Lock, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Your payment information is secure and encrypted" })
+    ] })
+  ] });
+});
+MoonUICreditCardInputPro.displayName = "MoonUICreditCardInputPro";
+var countries = [
+  { code: "US", name: "United States", dialCode: "+1", flag: "\u{1F1FA}\u{1F1F8}", format: "(xxx) xxx-xxxx" },
+  { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "\u{1F1EC}\u{1F1E7}", format: "xxxx xxxxxx" },
+  { code: "TR", name: "Turkey", dialCode: "+90", flag: "\u{1F1F9}\u{1F1F7}", format: "(xxx) xxx xx xx" },
+  { code: "DE", name: "Germany", dialCode: "+49", flag: "\u{1F1E9}\u{1F1EA}", format: "xxx xxxxxxxx" },
+  { code: "FR", name: "France", dialCode: "+33", flag: "\u{1F1EB}\u{1F1F7}", format: "x xx xx xx xx" },
+  { code: "IT", name: "Italy", dialCode: "+39", flag: "\u{1F1EE}\u{1F1F9}", format: "xxx xxxxxxx" },
+  { code: "ES", name: "Spain", dialCode: "+34", flag: "\u{1F1EA}\u{1F1F8}", format: "xxx xxx xxx" },
+  { code: "CN", name: "China", dialCode: "+86", flag: "\u{1F1E8}\u{1F1F3}", format: "xxx xxxx xxxx" },
+  { code: "JP", name: "Japan", dialCode: "+81", flag: "\u{1F1EF}\u{1F1F5}", format: "xx xxxx xxxx" },
+  { code: "KR", name: "South Korea", dialCode: "+82", flag: "\u{1F1F0}\u{1F1F7}", format: "xx xxxx xxxx" },
+  { code: "IN", name: "India", dialCode: "+91", flag: "\u{1F1EE}\u{1F1F3}", format: "xxxxx xxxxx" },
+  { code: "BR", name: "Brazil", dialCode: "+55", flag: "\u{1F1E7}\u{1F1F7}", format: "(xx) xxxxx-xxxx" },
+  { code: "MX", name: "Mexico", dialCode: "+52", flag: "\u{1F1F2}\u{1F1FD}", format: "xxx xxx xxxx" },
+  { code: "CA", name: "Canada", dialCode: "+1", flag: "\u{1F1E8}\u{1F1E6}", format: "(xxx) xxx-xxxx" },
+  { code: "AU", name: "Australia", dialCode: "+61", flag: "\u{1F1E6}\u{1F1FA}", format: "xxx xxx xxx" },
+  { code: "RU", name: "Russia", dialCode: "+7", flag: "\u{1F1F7}\u{1F1FA}", format: "(xxx) xxx-xx-xx" },
+  { code: "NL", name: "Netherlands", dialCode: "+31", flag: "\u{1F1F3}\u{1F1F1}", format: "x xxxxxxxx" },
+  { code: "SE", name: "Sweden", dialCode: "+46", flag: "\u{1F1F8}\u{1F1EA}", format: "xx xxx xx xx" },
+  { code: "NO", name: "Norway", dialCode: "+47", flag: "\u{1F1F3}\u{1F1F4}", format: "xxx xx xxx" },
+  { code: "FI", name: "Finland", dialCode: "+358", flag: "\u{1F1EB}\u{1F1EE}", format: "xx xxxxxxx" }
+];
+function formatPhoneNumber(number4, format3) {
+  const cleaned = number4.replace(/\D/g, "");
+  let formatted = "";
+  let digitIndex = 0;
+  for (let i3 = 0; i3 < format3.length && digitIndex < cleaned.length; i3++) {
+    if (format3[i3] === "x") {
+      formatted += cleaned[digitIndex];
+      digitIndex++;
+    } else {
+      formatted += format3[i3];
+    }
+  }
+  return formatted;
+}
+function validatePhoneNumber(number4, countryCode) {
+  const cleaned = number4.replace(/\D/g, "");
+  const country = countries.find((c2) => c2.code === countryCode);
+  if (!country)
+    return false;
+  const expectedLength = country.format.split("").filter((c2) => c2 === "x").length;
+  return cleaned.length === expectedLength;
+}
+function toInternationalFormat(countryCode, phoneNumber) {
+  const country = countries.find((c2) => c2.code === countryCode);
+  if (!country)
+    return phoneNumber;
+  const cleaned = phoneNumber.replace(/\D/g, "");
+  return `${country.dialCode}${cleaned}`;
+}
+var MoonUIPhoneNumberInputPro = t__default.forwardRef(({
+  value = { country: "US", number: "" },
+  onChange,
+  defaultCountry = "US",
+  countries: customCountries,
+  showFlags = true,
+  showDialCode = true,
+  autoFormat = true,
+  validateOnChange = true,
+  showValidationIcon = true,
+  label,
+  error: error42,
+  helperText,
+  required: required2,
+  className,
+  inputClassName,
+  selectClassName,
+  labelClassName,
+  errorClassName,
+  disabled,
+  allowInternationalFormat = true,
+  ...props
+}, ref) => {
+  const [isValid, setIsValid] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const inputRef = useRef(null);
+  const countryList = customCountries || countries;
+  const selectedCountry = countryList.find((c2) => c2.code === value.country) || countryList[0];
+  useEffect(() => {
+    if (validateOnChange && value.number) {
+      const valid = validatePhoneNumber(value.number, value.country);
+      setIsValid(valid);
+    }
+  }, [value, validateOnChange]);
+  const handleCountryChange = (countryCode) => {
+    const fullNumber = allowInternationalFormat ? toInternationalFormat(countryCode, value.number) : value.number;
+    onChange?.({
+      country: countryCode,
+      number: value.number,
+      fullNumber,
+      isValid: validatePhoneNumber(value.number, countryCode)
+    });
+  };
+  const handleNumberChange = (e2) => {
+    let newValue = e2.target.value;
+    if (autoFormat) {
+      const cleaned = newValue.replace(/\D/g, "");
+      newValue = formatPhoneNumber(cleaned, selectedCountry.format);
+    }
+    const valid = validatePhoneNumber(newValue, value.country);
+    const fullNumber = allowInternationalFormat ? toInternationalFormat(value.country, newValue) : newValue;
+    onChange?.({
+      country: value.country,
+      number: newValue,
+      fullNumber,
+      isValid: valid
+    });
+  };
+  const handlePaste2 = (e2) => {
+    if (!autoFormat)
+      return;
+    e2.preventDefault();
+    const pastedText = e2.clipboardData.getData("text");
+    const cleaned = pastedText.replace(/\D/g, "");
+    const formatted = formatPhoneNumber(cleaned, selectedCountry.format);
+    const valid = validatePhoneNumber(formatted, value.country);
+    const fullNumber = allowInternationalFormat ? toInternationalFormat(value.country, formatted) : formatted;
+    onChange?.({
+      country: value.country,
+      number: formatted,
+      fullNumber,
+      isValid: valid
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-2", className), ...props, children: [
+    label && /* @__PURE__ */ jsxs(MoonUILabelPro, { htmlFor: "phone-number", className: labelClassName, children: [
+      label,
+      required2 && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        MoonUISelectPro,
+        {
+          value: value.country,
+          onValueChange: handleCountryChange,
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(
+              MoonUISelectTriggerPro,
+              {
+                className: cn(
+                  "w-[140px]",
+                  error42 && "border-destructive",
+                  selectClassName
+                ),
+                children: /* @__PURE__ */ jsx(MoonUISelectValuePro, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  showFlags && /* @__PURE__ */ jsx("span", { className: "text-lg", children: selectedCountry.flag }),
+                  showDialCode && /* @__PURE__ */ jsx("span", { className: "text-sm", children: selectedCountry.dialCode }),
+                  !showFlags && !showDialCode && /* @__PURE__ */ jsx("span", { className: "text-sm", children: selectedCountry.code })
+                ] }) })
+              }
+            ),
+            /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: countryList.map((country) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: country.code, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              showFlags && /* @__PURE__ */ jsx("span", { className: "text-lg", children: country.flag }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: country.name }),
+              showDialCode && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: country.dialCode })
+            ] }) }, country.code)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx(
+          MoonUIInputPro,
+          {
+            ref: inputRef,
+            id: "phone-number",
+            type: "tel",
+            value: value.number,
+            onChange: handleNumberChange,
+            onPaste: handlePaste2,
+            onFocus: () => setIsFocused(true),
+            onBlur: () => setIsFocused(false),
+            placeholder: selectedCountry.format.replace(/x/g, "\u2022"),
+            className: cn(
+              "pr-10",
+              error42 && "border-destructive",
+              inputClassName
+            ),
+            disabled
+          }
+        ),
+        showValidationIcon && value.number && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isValid ? /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { scale: 0, opacity: 0 },
+            animate: { scale: 1, opacity: 1 },
+            exit: { scale: 0, opacity: 0 },
+            transition: { duration: 0.2 },
+            children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-green-500" })
+          },
+          "valid"
+        ) : /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { scale: 0, opacity: 0 },
+            animate: { scale: 1, opacity: 1 },
+            exit: { scale: 0, opacity: 0 },
+            transition: { duration: 0.2 },
+            children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-destructive" })
+          },
+          "invalid"
+        ) }) })
+      ] })
+    ] }),
+    (error42 || helperText) && /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: error42 ? /* @__PURE__ */ jsx(
+      motion.p,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        className: cn("text-sm text-destructive", errorClassName),
+        children: error42
+      },
+      "error"
+    ) : /* @__PURE__ */ jsx(
+      motion.p,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        className: "text-sm text-muted-foreground",
+        children: helperText
+      },
+      "helper"
+    ) }),
+    allowInternationalFormat && value.number && isValid && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        className: "flex items-center gap-2 text-sm text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "International: ",
+            toInternationalFormat(value.country, value.number)
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+MoonUIPhoneNumberInputPro.displayName = "MoonUIPhoneNumberInputPro";
+var quizFormVariants = cva(
+  "relative w-full rounded-lg border bg-card text-card-foreground shadow-sm",
+  {
+    variants: {
+      variant: {
+        default: "border-border",
+        exam: "border-primary/20 bg-primary/5",
+        personality: "border-secondary/20 bg-secondary/5"
+      },
+      size: {
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var MoonUIQuizFormPro = t__default.forwardRef(({
+  className,
+  variant,
+  size: size4,
   questions: initialQuestions,
+  settings = {},
   onComplete,
-  showTimer = true,
-  totalTimeLimit,
-  showProgress = true,
-  showQuestionNumbers = true,
-  allowReview = true,
-  allowSkip = true,
-  shuffleQuestions = false,
-  shuffleOptions = false,
-  passingScore = 70,
-  instantFeedback = false,
-  showHints = false,
-  className
-}) => {
-  const [questions] = useState(
-    () => shuffleQuestions ? shuffleArray(initialQuestions) : initialQuestions
-  );
-  const [answers, setAnswers] = useState({});
-  const [results, setResults] = useState([]);
-  const [timeRemaining, setTimeRemaining] = useState(totalTimeLimit || 0);
-  const [questionStartTime, setQuestionStartTime] = useState({});
+  onProgress,
+  title,
+  description,
+  ...props
+}, ref) => {
+  const [questions, setQuestions] = useState([]);
+  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
+  const [userAnswers, setUserAnswers] = useState({});
   const [showResults, setShowResults] = useState(false);
-  const [currentQuestionTime, setCurrentQuestionTime] = useState(0);
+  const [quizResult, setQuizResult] = useState(null);
+  const [timeLeft, setTimeLeft] = useState(
+    settings.timeLimit ? settings.timeLimit * 60 : null
+  );
+  const [questionStartTime, setQuestionStartTime] = useState(Date.now());
+  const [showHint, setShowHint] = useState(false);
+  const [attempts, setAttempts] = useState(0);
   useEffect(() => {
-    if (!showTimer || !totalTimeLimit || showResults)
+    let processedQuestions = [...initialQuestions];
+    if (settings.shuffleQuestions) {
+      processedQuestions = shuffleArray(processedQuestions);
+    }
+    if (settings.shuffleOptions) {
+      processedQuestions = processedQuestions.map((q) => {
+        if (q.options) {
+          return { ...q, options: shuffleArray([...q.options]) };
+        }
+        return q;
+      });
+    }
+    setQuestions(processedQuestions);
+  }, [initialQuestions, settings.shuffleQuestions, settings.shuffleOptions]);
+  useEffect(() => {
+    if (timeLeft === null || timeLeft <= 0 || showResults)
       return;
-    const interval = setInterval(() => {
-      setTimeRemaining((prev) => {
-        if (prev <= 1) {
-          handleQuizComplete();
+    const timer = setInterval(() => {
+      setTimeLeft((prev) => {
+        if (prev === null || prev <= 1) {
+          handleComplete();
           return 0;
         }
         return prev - 1;
       });
     }, 1e3);
-    return () => clearInterval(interval);
-  }, [showTimer, totalTimeLimit, showResults]);
+    return () => clearInterval(timer);
+  }, [timeLeft, showResults]);
   useEffect(() => {
-    if (!showTimer || showResults)
-      return;
-    const interval = setInterval(() => {
-      setCurrentQuestionTime((prev) => prev + 1);
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [showTimer, showResults]);
-  const calculateScore = useCallback(() => {
-    let score = 0;
+    if (onProgress) {
+      onProgress(currentQuestionIndex + 1, questions.length);
+    }
+  }, [currentQuestionIndex, questions.length, onProgress]);
+  const currentQuestion = questions[currentQuestionIndex];
+  const shuffleArray = (array2) => {
+    const newArray = [...array2];
+    for (let i3 = newArray.length - 1; i3 > 0; i3--) {
+      const j = Math.floor(Math.random() * (i3 + 1));
+      [newArray[i3], newArray[j]] = [newArray[j], newArray[i3]];
+    }
+    return newArray;
+  };
+  const saveAnswer = (answer) => {
+    const timeSpent = Date.now() - questionStartTime;
+    setUserAnswers((prev) => ({
+      ...prev,
+      [currentQuestion.id]: {
+        questionId: currentQuestion.id,
+        answer,
+        timeSpent
+      }
+    }));
+  };
+  const handleNext = () => {
+    if (currentQuestionIndex < questions.length - 1) {
+      setCurrentQuestionIndex((prev) => prev + 1);
+      setQuestionStartTime(Date.now());
+      setShowHint(false);
+    } else {
+      handleComplete();
+    }
+  };
+  const handlePrevious = () => {
+    if (currentQuestionIndex > 0) {
+      setCurrentQuestionIndex((prev) => prev - 1);
+      setShowHint(false);
+    }
+  };
+  const handleComplete = () => {
+    const result = calculateResult();
+    setQuizResult(result);
+    setShowResults(true);
+    setAttempts((prev) => prev + 1);
+    if (onComplete) {
+      onComplete(result);
+    }
+  };
+  const calculateResult = () => {
     let totalScore = 0;
-    const quizResults = questions.map((question) => {
-      const answer = answers[question.id];
+    let userScore = 0;
+    const answers = [];
+    questions.forEach((question) => {
+      const userAnswer = userAnswers[question.id];
       const points = question.points || 1;
       totalScore += points;
       let isCorrect = false;
-      if (answer !== void 0 && answer !== null && answer !== "") {
-        if (question.type === "single-choice" || question.type === "true-false") {
-          isCorrect = answer === question.correctAnswer;
-        } else if (question.type === "multiple-choice") {
-          const userAnswers = Array.isArray(answer) ? answer : [];
-          const correctAnswers = Array.isArray(question.correctAnswer) ? question.correctAnswer : [];
-          isCorrect = userAnswers.length === correctAnswers.length && userAnswers.every((a2) => correctAnswers.includes(a2));
+      if (userAnswer?.answer && question.correctAnswer !== void 0) {
+        switch (question.type) {
+          case "single-choice":
+          case "true-false":
+          case "text":
+            isCorrect = userAnswer.answer === question.correctAnswer;
+            break;
+          case "multiple-choice":
+            if (Array.isArray(userAnswer.answer) && Array.isArray(question.correctAnswer)) {
+              isCorrect = userAnswer.answer.length === question.correctAnswer.length && userAnswer.answer.every((a2) => question.correctAnswer.includes(a2));
+            }
+            break;
+          case "matching":
+            if (typeof userAnswer.answer === "object" && typeof question.correctAnswer === "object") {
+              const correct = question.correctAnswer;
+              const user = userAnswer.answer;
+              isCorrect = Object.keys(correct).every((key) => correct[key] === user[key]);
+            }
+            break;
+          case "rating":
+            isCorrect = true;
+            break;
         }
       }
-      const earnedPoints = isCorrect ? points : 0;
-      score += earnedPoints;
-      return {
+      if (isCorrect) {
+        userScore += points;
+      }
+      answers.push({
         questionId: question.id,
-        answer,
+        userAnswer: userAnswer?.answer || null,
+        correctAnswer: question.correctAnswer,
         isCorrect,
-        points: earnedPoints,
-        timeSpent: questionStartTime[question.id] || 0
-      };
+        points: isCorrect ? points : 0
+      });
     });
-    return { results: quizResults, score, totalScore };
-  }, [questions, answers, questionStartTime]);
-  const handleQuizComplete = async () => {
-    const { results: results2, score, totalScore } = calculateScore();
-    setResults(results2);
-    setShowResults(true);
-    if (onComplete) {
-      await onComplete(results2, score, totalScore);
+    const percentage = totalScore > 0 ? userScore / totalScore * 100 : 0;
+    const totalTimeSpent = Object.values(userAnswers).reduce(
+      (sum, answer) => sum + (answer.timeSpent || 0),
+      0
+    );
+    return {
+      score: userScore,
+      totalScore,
+      percentage,
+      passed: settings.passingScore ? percentage >= settings.passingScore : void 0,
+      answers,
+      timeSpent: totalTimeSpent,
+      completedAt: /* @__PURE__ */ new Date()
+    };
+  };
+  const handleRestart = () => {
+    setCurrentQuestionIndex(0);
+    setUserAnswers({});
+    setShowResults(false);
+    setQuizResult(null);
+    setTimeLeft(settings.timeLimit ? settings.timeLimit * 60 : null);
+    setQuestionStartTime(Date.now());
+    setShowHint(false);
+    if (settings.shuffleQuestions) {
+      setQuestions(shuffleArray([...initialQuestions]));
     }
   };
+  const handleDownloadResults = () => {
+    if (!quizResult)
+      return;
+    const data = {
+      title,
+      completedAt: quizResult.completedAt,
+      score: quizResult.score,
+      totalScore: quizResult.totalScore,
+      percentage: quizResult.percentage,
+      passed: quizResult.passed,
+      timeSpent: quizResult.timeSpent,
+      answers: quizResult.answers.map((a2) => {
+        const question = questions.find((q) => q.id === a2.questionId);
+        return {
+          question: question?.question,
+          userAnswer: a2.userAnswer,
+          correctAnswer: a2.correctAnswer,
+          isCorrect: a2.isCorrect,
+          points: a2.points
+        };
+      })
+    };
+    const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+    const url2 = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url2;
+    link.download = `quiz-results-${Date.now()}.json`;
+    link.click();
+    URL.revokeObjectURL(url2);
+  };
   const formatTime = (seconds) => {
     const mins = Math.floor(seconds / 60);
     const secs = seconds % 60;
     return `${mins}:${secs.toString().padStart(2, "0")}`;
   };
-  const wizardSteps = questions.map((question, index2) => ({
-    id: question.id,
-    title: `Question ${index2 + 1}`,
-    description: question.tags?.join(", "),
-    content: ({ updateStepData, goToNext }) => {
-      const currentAnswer = answers[question.id];
-      const questionOptions = shuffleOptions && question.options ? shuffleArray(question.options) : question.options;
-      useEffect(() => {
-        if (!questionStartTime[question.id]) {
-          setQuestionStartTime((prev) => ({
-            ...prev,
-            [question.id]: currentQuestionTime
-          }));
-        }
-      }, []);
-      const handleAnswerChange = (value) => {
-        setAnswers((prev) => ({ ...prev, [question.id]: value }));
-        if (instantFeedback && question.type !== "text") ;
-      };
-      return /* @__PURE__ */ jsxs(MoonUICardPro, { className: "border-0 shadow-none", children: [
-        /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-            showQuestionNumbers && /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "secondary", children: [
-              "Question ",
-              index2 + 1,
-              " of ",
-              questions.length
-            ] }),
-            question.points && question.points > 1 && /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "outline", children: [
-              question.points,
-              " points"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-xl", children: question.question }),
-          question.description && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { children: question.description })
-        ] }),
-        /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-4", children: [
-          question.image && /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: question.image,
-              alt: "Question illustration",
-              className: "w-full rounded-lg"
-            }
-          ),
-          question.type === "single-choice" && questionOptions && /* @__PURE__ */ jsx(
-            MoonUIRadioGroupPro,
-            {
-              value: currentAnswer || "",
-              onValueChange: handleAnswerChange,
-              children: questionOptions.map((option, optionIndex) => /* @__PURE__ */ jsxs(
-                motion.div,
-                {
-                  initial: { opacity: 0, x: -20 },
-                  animate: { opacity: 1, x: 0 },
-                  transition: { delay: optionIndex * 0.1 },
-                  className: "flex items-center space-x-2 p-3 rounded-lg hover:bg-muted/50 transition-colors",
-                  children: [
-                    /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: String(option.value), id: `${question.id}-${option.value}` }),
-                    /* @__PURE__ */ jsx(
-                      MoonUILabelPro,
-                      {
-                        htmlFor: `${question.id}-${option.value}`,
-                        className: "flex-1 cursor-pointer",
-                        children: option.label || option.value
-                      }
-                    )
-                  ]
-                },
-                String(option.value)
-              ))
-            }
-          ),
-          question.type === "multiple-choice" && questionOptions && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: questionOptions.map((option, optionIndex) => /* @__PURE__ */ jsxs(
-            motion.div,
+  const renderQuestion = () => {
+    if (!currentQuestion)
+      return null;
+    const userAnswer = userAnswers[currentQuestion.id]?.answer;
+    switch (currentQuestion.type) {
+      case "single-choice":
+      case "true-false":
+        return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: currentQuestion.options?.map((option, index2) => /* @__PURE__ */ jsx(
+          motion.button,
+          {
+            initial: { opacity: 0, x: -20 },
+            animate: { opacity: 1, x: 0 },
+            transition: { delay: index2 * 0.1 },
+            onClick: () => saveAnswer(option),
+            className: cn(
+              "w-full text-left p-4 rounded-lg border transition-colors",
+              userAnswer === option ? "border-primary bg-primary/10" : "border-border hover:border-primary/50"
+            ),
+            children: option
+          },
+          index2
+        )) });
+      case "multiple-choice":
+        return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: currentQuestion.options?.map((option, index2) => {
+          const selected = Array.isArray(userAnswer) && userAnswer.includes(option);
+          return /* @__PURE__ */ jsx(
+            motion.button,
             {
               initial: { opacity: 0, x: -20 },
               animate: { opacity: 1, x: 0 },
-              transition: { delay: optionIndex * 0.1 },
-              className: "flex items-center space-x-2 p-3 rounded-lg hover:bg-muted/50 transition-colors",
-              children: [
-                /* @__PURE__ */ jsx(
-                  MoonUICheckboxPro,
-                  {
-                    id: `${question.id}-${option.value}`,
-                    checked: (currentAnswer || []).includes(option.value),
-                    onCheckedChange: (checked) => {
-                      const current = currentAnswer || [];
-                      if (checked) {
-                        handleAnswerChange([...current, option.value]);
-                      } else {
-                        handleAnswerChange(current.filter((v) => v !== option.value));
-                      }
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  MoonUILabelPro,
-                  {
-                    htmlFor: `${question.id}-${option.value}`,
-                    className: "flex-1 cursor-pointer",
-                    children: option.label || option.value
-                  }
-                )
-              ]
+              transition: { delay: index2 * 0.1 },
+              onClick: () => {
+                const current = userAnswer || [];
+                const newAnswer = selected ? current.filter((a2) => a2 !== option) : [...current, option];
+                saveAnswer(newAnswer);
+              },
+              className: cn(
+                "w-full text-left p-4 rounded-lg border transition-colors",
+                selected ? "border-primary bg-primary/10" : "border-border hover:border-primary/50"
+              ),
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: cn(
+                  "w-5 h-5 rounded border-2 transition-colors",
+                  selected ? "bg-primary border-primary" : "border-border"
+                ), children: selected && /* @__PURE__ */ jsx(CheckCircle2, { className: "w-full h-full text-primary-foreground" }) }),
+                option
+              ] })
             },
-            String(option.value)
-          )) }),
-          question.type === "true-false" && /* @__PURE__ */ jsxs(
-            MoonUIRadioGroupPro,
-            {
-              value: currentAnswer?.toString() || "",
-              onValueChange: (value) => handleAnswerChange(value === "true"),
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 p-3 rounded-lg hover:bg-muted/50", children: [
-                  /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: "true", id: `${question.id}-true` }),
-                  /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: `${question.id}-true`, className: "flex-1 cursor-pointer", children: "True" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 p-3 rounded-lg hover:bg-muted/50", children: [
-                  /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: "false", id: `${question.id}-false` }),
-                  /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: `${question.id}-false`, className: "flex-1 cursor-pointer", children: "False" })
-                ] })
-              ]
-            }
-          ),
-          question.type === "text" && /* @__PURE__ */ jsx(
-            MoonUITextareaPro,
-            {
-              value: currentAnswer || "",
-              onChange: (e2) => handleAnswerChange(e2.target.value),
-              placeholder: "Type your answer here...",
-              className: "min-h-[120px]"
-            }
-          ),
-          question.type === "rating" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx(
-              MoonUISliderPro,
+            index2
+          );
+        }) });
+      case "text":
+        return /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            children: /* @__PURE__ */ jsx(
+              "textarea",
               {
-                value: [currentAnswer || 5],
-                onValueChange: ([value]) => handleAnswerChange(value),
-                max: 10,
-                min: 1,
-                step: 1,
-                className: "w-full"
+                className: "w-full p-4 rounded-lg border border-input bg-background resize-none",
+                rows: 4,
+                placeholder: "Type your answer here...",
+                value: userAnswer || "",
+                onChange: (e2) => saveAnswer(e2.target.value)
               }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "text-center text-2xl font-bold", children: [
-              currentAnswer || 5,
-              "/10"
-            ] })
+            )
+          }
+        );
+      case "rating":
+        const maxRating = currentQuestion.maxRating || 5;
+        const currentRating = typeof userAnswer === "number" ? userAnswer : 0;
+        return /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-2", children: Array.from({ length: maxRating }, (_, i3) => i3 + 1).map((rating) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => saveAnswer(rating),
+                  className: "transition-transform hover:scale-110",
+                  children: /* @__PURE__ */ jsx(
+                    Star,
+                    {
+                      className: cn(
+                        "w-10 h-10 transition-colors",
+                        rating <= currentRating ? "fill-yellow-500 text-yellow-500" : "text-muted-foreground"
+                      )
+                    }
+                  )
+                },
+                rating
+              )) }),
+              currentQuestion.ratingLabels && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx("span", { children: currentQuestion.ratingLabels[0] }),
+                /* @__PURE__ */ jsx("span", { children: currentQuestion.ratingLabels[1] })
+              ] })
+            ]
+          }
+        );
+      case "matching":
+        const matches2 = userAnswer || {};
+        return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: "Match these items:" }),
+            currentQuestion.leftOptions?.map((left, index2) => /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, x: -20 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: index2 * 0.1 },
+                className: "p-3 rounded-lg border bg-muted/50",
+                children: left
+              },
+              left
+            ))
           ] }),
-          showHints && question.hint && /* @__PURE__ */ jsx(MoonUIAlertPro, { children: /* @__PURE__ */ jsxs(MoonUIAlertDescriptionPro, { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Hint:" }),
-            " ",
-            question.hint
-          ] }) })
-        ] })
-      ] });
-    },
-    validation: () => {
-      if (question.required && !answers[question.id]) {
-        return false;
-      }
-      return true;
-    },
-    isOptional: !question.required
-  }));
-  if (showResults) {
-    const { score, totalScore } = calculateScore();
-    const percentage = Math.round(score / totalScore * 100);
-    const passed = percentage >= passingScore;
-    return /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: "With these:" }),
+            currentQuestion.leftOptions?.map((left) => /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, x: 20 },
+                animate: { opacity: 1, x: 0 },
+                children: /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    className: "w-full p-3 rounded-lg border bg-background",
+                    value: matches2[left] || "",
+                    onChange: (e2) => saveAnswer({ ...matches2, [left]: e2.target.value }),
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+                      currentQuestion.rightOptions?.map((right) => /* @__PURE__ */ jsx("option", { value: right, children: right }, right))
+                    ]
+                  }
+                )
+              },
+              left
+            ))
+          ] })
+        ] });
+      default:
+        return null;
+    }
+  };
+  if (showResults && quizResult) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(quizFormVariants({ variant, size: size4 }), className), ...props, children: /* @__PURE__ */ jsxs(
       motion.div,
       {
-        initial: { opacity: 0, scale: 0.9 },
+        initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
-        className: cn("w-full max-w-2xl mx-auto", className),
-        children: /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
-          /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "text-center", children: [
-            /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4", children: /* @__PURE__ */ jsx(Trophy, { className: cn(
-              "w-16 h-16",
-              passed ? "text-yellow-500" : "text-muted-foreground"
-            ) }) }),
-            /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-3xl", children: "Quiz Complete!" }),
-            /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { children: "Here's how you performed" })
-          ] }),
-          /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-              /* @__PURE__ */ jsxs("div", { className: "text-5xl font-bold mb-2", children: [
-                percentage,
-                "%"
-              ] }),
-              /* @__PURE__ */ jsx(MoonUIProgressPro, { value: percentage, className: "h-3 mb-4" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ jsxs("span", { children: [
-                  "Score: ",
-                  score,
-                  "/",
-                  totalScore
-                ] }),
-                /* @__PURE__ */ jsx("span", { children: passed ? /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "success", children: "Passed" }) : /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "destructive", children: "Failed" }) })
-              ] })
+        className: "space-y-6",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Quiz Completed!" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-5xl font-bold mb-4", children: [
+              quizResult.percentage.toFixed(1),
+              "%"
             ] }),
-            allowReview && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: "Review Answers" }),
-              results.map((result, index2) => {
-                const question = questions.find((q) => q.id === result.questionId);
-                return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-2 rounded-lg bg-muted/50", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
-                    showQuestionNumbers && `Q${index2 + 1}: `,
-                    question?.question.substring(0, 50),
-                    "..."
-                  ] }),
-                  /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: result.isCorrect ? "success" : "destructive", children: [
-                    result.points,
-                    "/",
-                    question?.points || 1
-                  ] })
-                ] }, result.questionId);
-              })
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+              "You scored ",
+              quizResult.score,
+              " out of ",
+              quizResult.totalScore,
+              " points"
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxs(MoonUIButtonPro, { className: "flex-1", onClick: () => window.location.reload(), children: [
-                /* @__PURE__ */ jsx(RotateCcw, { className: "w-4 h-4 mr-2" }),
-                "Retake Quiz"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", children: [
-                /* @__PURE__ */ jsx(Download, { className: "w-4 h-4 mr-2" }),
-                "Download Results"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", children: [
-                /* @__PURE__ */ jsx(Share2, { className: "w-4 h-4 mr-2" }),
-                "Share"
-              ] })
-            ] })
+            quizResult.passed !== void 0 && /* @__PURE__ */ jsx("div", { className: cn(
+              "mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-full",
+              quizResult.passed ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"
+            ), children: quizResult.passed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5" }),
+              "Passed"
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(XCircle, { className: "w-5 h-5" }),
+              "Failed"
+            ] }) })
+          ] }),
+          settings.allowReview && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: "Review Answers:" }),
+            quizResult.answers.map((answer, index2) => {
+              const question = questions.find((q) => q.id === answer.questionId);
+              if (!question)
+                return null;
+              return /* @__PURE__ */ jsx("div", { className: "p-4 rounded-lg border bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                answer.isCorrect ? /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5 text-green-600 mt-0.5" }) : /* @__PURE__ */ jsx(XCircle, { className: "w-5 h-5 text-red-600 mt-0.5" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs("p", { className: "font-medium mb-2", children: [
+                    index2 + 1,
+                    ". ",
+                    question.question
+                  ] }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                    "Your answer: ",
+                    JSON.stringify(answer.userAnswer)
+                  ] }),
+                  !answer.isCorrect && question.correctAnswer !== void 0 && /* @__PURE__ */ jsxs("p", { className: "text-sm text-green-600 mt-1", children: [
+                    "Correct answer: ",
+                    JSON.stringify(question.correctAnswer)
+                  ] }),
+                  question.explanation && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2", children: question.explanation })
+                ] })
+              ] }) }, answer.questionId);
+            })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-center", children: [
+            (!settings.maxAttempts || attempts < settings.maxAttempts) && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: handleRestart,
+                className: "inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90",
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "w-4 h-4" }),
+                  "Try Again"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: handleDownloadResults,
+                className: "inline-flex items-center gap-2 px-4 py-2 rounded-lg border hover:bg-muted",
+                children: [
+                  /* @__PURE__ */ jsx(Download, { className: "w-4 h-4" }),
+                  "Download Results"
+                ]
+              }
+            )
           ] })
-        ] })
+        ]
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
-    showTimer && totalTimeLimit && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn(quizFormVariants({ variant, size: size4 }), className), ...props, children: [
+    (title || timeLeft !== null) && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        title && /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: description })
+      ] }),
+      timeLeft !== null && /* @__PURE__ */ jsxs("div", { className: cn(
+        "flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium",
+        timeLeft < 60 ? "bg-red-100 text-red-700" : "bg-muted"
+      ), children: [
         /* @__PURE__ */ jsx(Clock, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-          "Time Remaining: ",
-          formatTime(timeRemaining)
+        formatTime(timeLeft)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground mb-2", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Question ",
+          currentQuestionIndex + 1,
+          " of ",
+          questions.length
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          Math.round((currentQuestionIndex + 1) / questions.length * 100),
+          "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx(
-        MoonUIProgressPro,
+      /* @__PURE__ */ jsx("div", { className: "h-2 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+        motion.div,
         {
-          value: timeRemaining / totalTimeLimit * 100,
-          className: "w-32 h-2"
+          className: "h-full bg-primary",
+          initial: { width: 0 },
+          animate: { width: `${(currentQuestionIndex + 1) / questions.length * 100}%` },
+          transition: { duration: 0.3 }
         }
-      )
+      ) })
     ] }),
-    /* @__PURE__ */ jsx(
-      FormWizardPro,
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentQuestion && /* @__PURE__ */ jsxs(
+      motion.div,
       {
-        steps: wizardSteps,
-        onComplete: handleQuizComplete,
-        allowStepSkip: allowSkip,
-        validateOnStepChange: true,
-        showProgressBar: showProgress,
-        progressType: "dots",
-        animationType: "slide"
-      }
-    )
+        initial: { opacity: 0, x: 20 },
+        animate: { opacity: 1, x: 0 },
+        exit: { opacity: 0, x: -20 },
+        className: "mb-6",
+        children: [
+          /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold mb-4", children: [
+            currentQuestion.question,
+            currentQuestion.required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1", children: "*" })
+          ] }),
+          renderQuestion(),
+          settings.showHints && currentQuestion.hint && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setShowHint(!showHint),
+                className: "inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx(HelpCircle, { className: "w-4 h-4" }),
+                  showHint ? "Hide" : "Show",
+                  " Hint"
+                ]
+              }
+            ),
+            showHint && /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, height: 0 },
+                animate: { opacity: 1, height: "auto" },
+                className: "mt-2 p-3 rounded-lg bg-muted/50 text-sm",
+                children: currentQuestion.hint
+              }
+            )
+          ] }),
+          settings.showInstantFeedback && userAnswers[currentQuestion.id] && currentQuestion.correctAnswer !== void 0 && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              className: "mt-4",
+              children: (() => {
+                const userAnswer = userAnswers[currentQuestion.id].answer;
+                let isCorrect = false;
+                switch (currentQuestion.type) {
+                  case "single-choice":
+                  case "true-false":
+                    isCorrect = userAnswer === currentQuestion.correctAnswer;
+                    break;
+                }
+                return /* @__PURE__ */ jsxs("div", { className: cn(
+                  "p-3 rounded-lg flex items-start gap-2",
+                  isCorrect ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"
+                ), children: [
+                  isCorrect ? /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5 mt-0.5" }) : /* @__PURE__ */ jsx(XCircle, { className: "w-5 h-5 mt-0.5" }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "font-medium", children: isCorrect ? "Correct!" : "Incorrect" }),
+                    currentQuestion.explanation && /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: currentQuestion.explanation })
+                  ] })
+                ] });
+              })()
+            }
+          )
+        ]
+      },
+      currentQuestion.id
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: handlePrevious,
+          disabled: currentQuestionIndex === 0,
+          className: cn(
+            "inline-flex items-center gap-2 px-4 py-2 rounded-lg transition-colors",
+            currentQuestionIndex === 0 ? "opacity-50 cursor-not-allowed bg-muted text-muted-foreground" : "bg-muted hover:bg-muted/80"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" }),
+            "Previous"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: currentQuestionIndex === questions.length - 1 ? handleComplete : handleNext,
+          disabled: currentQuestion?.required && !userAnswers[currentQuestion.id],
+          className: cn(
+            "inline-flex items-center gap-2 px-4 py-2 rounded-lg transition-colors",
+            currentQuestion?.required && !userAnswers[currentQuestion.id] ? "opacity-50 cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
+          ),
+          children: [
+            currentQuestionIndex === questions.length - 1 ? "Complete" : "Next",
+            /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" })
+          ]
+        }
+      )
+    ] })
   ] });
-};
+});
+MoonUIQuizFormPro.displayName = "MoonUIQuizFormPro";
 
 // src/components/enhanced/index.ts
 var enhanced_exports = {};
@@ -73477,4 +74241,4 @@ var BadgePro = t__default.forwardRef(({
 });
 BadgePro.displayName = "BadgePro";
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, FormWizardNavigation, FormWizardPro, FormWizardProgress, FormWizardStep, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MultiStepFormPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, QuizFormPro, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, getExpandableColumn, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };
+export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFormWizardPro, MoonUIInputPro, MoonUILabelPro, MoonUIMultiStepFormPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, getExpandableColumn, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };