@moontra/moonui 2.3.10 → 2.4.0

package/dist/index.js

@@ -966,7 +966,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,
@@ -979,12 +998,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: {
@@ -1109,7 +1138,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";
 };
@@ -1119,8 +1149,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;
   }
@@ -1446,8 +1478,10 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
       const context = t__namespace.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
     }
     return [Provider3, useContext22];
@@ -1469,7 +1503,8 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 }
 function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
+  if (scopes.length === 1)
+    return baseScope;
   const createScope = () => {
     const scopeHooks = scopes.map((createScope2) => ({
       useScope: createScope2(),
@@ -1746,12 +1781,13 @@ var count = 0;
 function useId2(deterministicId) {
   const [id, setId] = t__namespace.useState(useReactId());
   useLayoutEffect2(() => {
-    setId((reactId) => reactId ?? String(count++));
+    if (!deterministicId)
+      setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 var COLLAPSIBLE_NAME = "Collapsible";
-var [createCollapsibleContext] = createContextScope(COLLAPSIBLE_NAME);
+var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible = t__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -1990,10 +2026,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-900/60 dark:shadow-inner dark:shadow-gray-950/10",
-        filled: "border border-transparent bg-gray-100 dark:bg-gray-800/90 rounded-md px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-700/90 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 dark:shadow-inner dark:shadow-gray-950/10",
+        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",
+        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"
+        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"
       },
       size: {
         sm: "h-8 text-xs",
@@ -2053,12 +2089,59 @@ var Input = t__namespace.forwardRef(
     rightIcon,
     rightButton,
     alwaysShowMessage = false,
+    label,
+    floatingLabel = false,
+    floatingLabelClassName,
+    value,
+    defaultValue,
+    onChange,
+    onFocus,
+    onBlur,
+    placeholder,
     ...props
   }, ref) => {
+    const [isFocused, setIsFocused] = t__namespace.useState(false);
+    const [internalValue, setInternalValue] = t__namespace.useState(value || defaultValue || "");
+    const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
+    const isLabelActive = isFocused || hasValue;
+    const handleFocus = (e) => {
+      setIsFocused(true);
+      onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      onBlur?.(e);
+    };
+    const handleChange = (e) => {
+      setInternalValue(e.target.value);
+      onChange?.(e);
+    };
+    t__namespace.useEffect(() => {
+      if (value !== void 0) {
+        setInternalValue(value);
+      }
+    }, [value]);
     const showMessage = alwaysShowMessage || error || success;
     const messageType = error ? "error" : success ? "success" : "normal";
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("moonui-theme", inputWrapperVariants({ size }), wrapperClassName), children: [
+        floatingLabel && label && /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: props.id,
+            className: cn(
+              "absolute transition-all duration-200 pointer-events-none",
+              leftIcon || loading ? "left-10" : "left-3",
+              "text-gray-500 dark:text-gray-400",
+              isLabelActive ? "top-0 -translate-y-1/2 text-xs bg-background dark:bg-gray-800 px-1" : "top-1/2 -translate-y-1/2 text-sm",
+              isFocused && "text-primary dark:text-primary",
+              !!error && "text-error",
+              disabled && "opacity-50",
+              floatingLabelClassName
+            ),
+            children: label
+          }
+        ),
         leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 text-gray-500 flex items-center justify-center pointer-events-none", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : leftIcon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -2083,6 +2166,12 @@ var Input = t__namespace.forwardRef(
             "data-success": !!success ? "" : void 0,
             "aria-invalid": !!error || !!isError || void 0,
             "aria-describedby": error ? `${props.id || ""}-error` : success ? `${props.id || ""}-success` : void 0,
+            value,
+            defaultValue,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            placeholder: floatingLabel ? isLabelActive ? placeholder : "" : placeholder,
             ...props
           }
         ),
@@ -2495,9 +2584,11 @@ var Slider = t__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 = min2 + percent * (max2 - min2);
@@ -2508,11 +2599,13 @@ var Slider = t__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 = min2 + percent * (max2 - min2);
@@ -2629,7 +2722,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;
@@ -2668,11 +2762,16 @@ function hslToHex(h, s, l) {
     r = g = b = l;
   } else {
     const hue2rgb = (p3, q2, t2) => {
-      if (t2 < 0) t2 += 1;
-      if (t2 > 1) t2 -= 1;
-      if (t2 < 1 / 6) return p3 + (q2 - p3) * 6 * t2;
-      if (t2 < 1 / 2) return q2;
-      if (t2 < 2 / 3) return p3 + (q2 - p3) * (2 / 3 - t2) * 6;
+      if (t2 < 0)
+        t2 += 1;
+      if (t2 > 1)
+        t2 -= 1;
+      if (t2 < 1 / 6)
+        return p3 + (q2 - p3) * 6 * t2;
+      if (t2 < 1 / 2)
+        return q2;
+      if (t2 < 2 / 3)
+        return p3 + (q2 - p3) * (2 / 3 - t2) * 6;
       return p3;
     };
     const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
@@ -2789,8 +2888,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: [
@@ -3207,10 +3308,13 @@ var B = /[\\\/_+.#"@\[\(\{&]/g;
 var K = /[\s-]/;
 var X2 = /[\s-]/g;
 function G(_, C, h, P2, A, f, O) {
-  if (f === C.length) return A === _.length ? U : k;
+  if (f === C.length)
+    return A === _.length ? U : k;
   var T2 = `${A},${f}`;
-  if (O[T2] !== void 0) return O[T2];
-  for (var L2 = P2.charAt(f), c = h.indexOf(L2, A), S = 0, E, N2, R, M; c >= 0; ) E = G(_, C, h, P2, c + 1, f + 1, O), E > S && (c === A ? E *= U : m.test(_.charAt(c - 1)) ? (E *= H, R = _.slice(A, c - 1).match(B), R && A > 0 && (E *= Math.pow(u, R.length))) : K.test(_.charAt(c - 1)) ? (E *= Y, M = _.slice(A, c - 1).match(X2), M && A > 0 && (E *= Math.pow(u, M.length))) : (E *= J, A > 0 && (E *= Math.pow(u, c - A))), _.charAt(c) !== C.charAt(f) && (E *= $)), (E < p && h.charAt(c - 1) === P2.charAt(f + 1) || P2.charAt(f + 1) === P2.charAt(f) && h.charAt(c - 1) !== P2.charAt(f)) && (N2 = G(_, C, h, P2, c + 1, f + 2, O), N2 * p > E && (E = N2 * p)), E > S && (S = E), c = h.indexOf(L2, c + 1);
+  if (O[T2] !== void 0)
+    return O[T2];
+  for (var L2 = P2.charAt(f), c = h.indexOf(L2, A), S = 0, E, N2, R, M; c >= 0; )
+    E = G(_, C, h, P2, c + 1, f + 1, O), E > S && (c === A ? E *= U : m.test(_.charAt(c - 1)) ? (E *= H, R = _.slice(A, c - 1).match(B), R && A > 0 && (E *= Math.pow(u, R.length))) : K.test(_.charAt(c - 1)) ? (E *= Y, M = _.slice(A, c - 1).match(X2), M && A > 0 && (E *= Math.pow(u, M.length))) : (E *= J, A > 0 && (E *= Math.pow(u, c - A))), _.charAt(c) !== C.charAt(f) && (E *= $)), (E < p && h.charAt(c - 1) === P2.charAt(f + 1) || P2.charAt(f + 1) === P2.charAt(f) && h.charAt(c - 1) !== P2.charAt(f)) && (N2 = G(_, C, h, P2, c + 1, f + 2, O), N2 * p > E && (E = N2 * p)), E > S && (S = E), c = h.indexOf(L2, c + 1);
   return O[T2] = S, S;
 }
 function D(_) {
@@ -3219,6 +3323,88 @@ function D(_) {
 function W(_, C, h) {
   return _ = h && h.length > 0 ? `${_ + " " + h.join(" ")}` : _, G(_, C, D(_), D(C), 0, 0, {});
 }
+var NODES2 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive2 = NODES2.reduce((primitive, node) => {
+  const Slot = reactSlot.createSlot(`Primitive.${node}`);
+  const Node = t__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+var useLayoutEffect22 = globalThis?.document ? t__namespace.useLayoutEffect : () => {
+};
+
+// ../../node_modules/@radix-ui/react-id/dist/index.mjs
+var useReactId2 = t__namespace[" useId ".trim().toString()] || (() => void 0);
+var count2 = 0;
+function useId3(deterministicId) {
+  const [id, setId] = t__namespace.useState(useReactId2());
+  useLayoutEffect22(() => {
+    if (!deterministicId)
+      setId((reactId) => reactId ?? String(count2++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+function setRef2(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs2(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef2(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef2(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs2(...refs) {
+  return t__namespace.useCallback(composeRefs2(...refs), refs);
+}
+
+// ../../node_modules/cmdk/dist/index.mjs
 var N = '[cmdk-group=""]';
 var Y2 = '[cmdk-group-items=""]';
 var be = '[cmdk-group-heading=""]';
@@ -3236,7 +3422,7 @@ var me = t__namespace.forwardRef((r, o) => {
   let n = L(() => {
     var e, a;
     return { search: "", value: (a = (e = r.value) != null ? e : r.defaultValue) != null ? a : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), u2 = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p2 = pe(r), { label: b, children: m2, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = false, vimBindings: j = true, ...O } = r, $2 = useId2(), q = useId2(), _ = useId2(), I = t__namespace.useRef(null), v = ke();
+  }), u2 = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p2 = pe(r), { label: b, children: m2, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = false, vimBindings: j = true, ...O } = r, $2 = useId3(), q = useId3(), _ = useId3(), I = t__namespace.useRef(null), v = ke();
   k2(() => {
     if (R !== void 0) {
       let e = R.trim();
@@ -3248,7 +3434,8 @@ var me = t__namespace.forwardRef((r, o) => {
   let E = t__namespace.useMemo(() => ({ subscribe: (e) => (f.current.add(e), () => f.current.delete(e)), snapshot: () => n.current, setState: (e, a, s) => {
     var i, l, g, y;
     if (!Object.is(n.current[e], a)) {
-      if (n.current[e] = a, e === "search") J2(), z(), v(1, W2);
+      if (n.current[e] = a, e === "search")
+        J2(), z(), v(1, W2);
       else if (e === "value") {
         if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
           let h = document.getElementById(_);
@@ -3289,7 +3476,8 @@ var me = t__namespace.forwardRef((r, o) => {
     return e ? s(e, n.current.search, a) : 0;
   }
   function z() {
-    if (!n.current.search || p2.current.shouldFilter === false) return;
+    if (!n.current.search || p2.current.shouldFilter === false)
+      return;
     let e = n.current.filtered.items, a = [];
     n.current.filtered.groups.forEach((i) => {
       let l = c.current.get(i), g = 0;
@@ -3328,10 +3516,12 @@ var me = t__namespace.forwardRef((r, o) => {
       let y = (s = (a = d.current.get(g)) == null ? void 0 : a.value) != null ? s : "", h = (l = (i = d.current.get(g)) == null ? void 0 : i.keywords) != null ? l : [], F = te(y, h);
       n.current.filtered.items.set(g, F), F > 0 && e++;
     }
-    for (let [g, y] of c.current) for (let h of y) if (n.current.filtered.items.get(h) > 0) {
-      n.current.filtered.groups.add(g);
-      break;
-    }
+    for (let [g, y] of c.current)
+      for (let h of y)
+        if (n.current.filtered.items.get(h) > 0) {
+          n.current.filtered.groups.add(g);
+          break;
+        }
     n.current.filtered.count = e;
   }
   function ne() {
@@ -3358,7 +3548,8 @@ var me = t__namespace.forwardRef((r, o) => {
   }
   function re(e) {
     let a = M(), s = a == null ? void 0 : a.closest(N), i;
-    for (; s && !i; ) s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
+    for (; s && !i; )
+      s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
     i ? E.setState("value", i.getAttribute(T)) : Q(e);
   }
   let oe = () => X7(V().length - 1), ie = (e) => {
@@ -3366,58 +3557,61 @@ var me = t__namespace.forwardRef((r, o) => {
   }, se = (e) => {
     e.preventDefault(), e.metaKey ? X7(0) : e.altKey ? re(-1) : Q(-1);
   };
-  return t__namespace.createElement(Primitive.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
+  return t__namespace.createElement(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
     var s;
     (s = O.onKeyDown) == null || s.call(O, e);
     let a = e.nativeEvent.isComposing || e.keyCode === 229;
-    if (!(e.defaultPrevented || a)) switch (e.key) {
-      case "n":
-      case "j": {
-        j && e.ctrlKey && ie(e);
-        break;
-      }
-      case "ArrowDown": {
-        ie(e);
-        break;
-      }
-      case "p":
-      case "k": {
-        j && e.ctrlKey && se(e);
-        break;
-      }
-      case "ArrowUp": {
-        se(e);
-        break;
-      }
-      case "Home": {
-        e.preventDefault(), X7(0);
-        break;
-      }
-      case "End": {
-        e.preventDefault(), oe();
-        break;
-      }
-      case "Enter": {
-        e.preventDefault();
-        let i = M();
-        if (i) {
-          let l = new Event(Z);
-          i.dispatchEvent(l);
+    if (!(e.defaultPrevented || a))
+      switch (e.key) {
+        case "n":
+        case "j": {
+          j && e.ctrlKey && ie(e);
+          break;
+        }
+        case "ArrowDown": {
+          ie(e);
+          break;
+        }
+        case "p":
+        case "k": {
+          j && e.ctrlKey && se(e);
+          break;
+        }
+        case "ArrowUp": {
+          se(e);
+          break;
+        }
+        case "Home": {
+          e.preventDefault(), X7(0);
+          break;
+        }
+        case "End": {
+          e.preventDefault(), oe();
+          break;
+        }
+        case "Enter": {
+          e.preventDefault();
+          let i = M();
+          if (i) {
+            let l = new Event(Z);
+            i.dispatchEvent(l);
+          }
         }
       }
-    }
   } }, t__namespace.createElement("label", { "cmdk-label": "", htmlFor: U2.inputId, id: U2.labelId, style: Te }, b), B2(r, (e) => t__namespace.createElement(de.Provider, { value: E }, t__namespace.createElement(ue.Provider, { value: U2 }, e))));
 });
 var he = t__namespace.forwardRef((r, o) => {
   var _, I;
-  let n = useId2(), u2 = t__namespace.useRef(null), c = t__namespace.useContext(fe), d = K2(), f = pe(r), p2 = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
+  let n = useId3(), u2 = t__namespace.useRef(null), c = t__namespace.useContext(fe), d = K2(), f = pe(r), p2 = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
   k2(() => {
-    if (!p2) return d.item(n, c == null ? void 0 : c.id);
+    if (!p2)
+      return d.item(n, c == null ? void 0 : c.id);
   }, [p2]);
   let b = ve(n, u2, [r.value, r.children, u2], r.keywords), m2 = ee(), R = P((v) => v.value && v.value === b.current), x = P((v) => p2 || d.filter() === false ? true : v.search ? v.filtered.items.get(n) > 0 : true);
   t__namespace.useEffect(() => {
     let v = u2.current;
-    if (!(!v || r.disabled)) return v.addEventListener(Z, C), () => v.removeEventListener(Z, C);
+    if (!(!v || r.disabled))
+      return v.addEventListener(Z, C), () => v.removeEventListener(Z, C);
   }, [x, r.onSelect, r.disabled]);
   function C() {
     var v, E;
@@ -3426,25 +3620,26 @@ var he = t__namespace.forwardRef((r, o) => {
   function S() {
     m2.setState("value", b.current, true);
   }
-  if (!x) return null;
+  if (!x)
+    return null;
   let { disabled: A, value: ge, onSelect: j, forceMount: O, keywords: $2, ...q } = r;
-  return t__namespace.createElement(Primitive.div, { ref: composeRefs(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r.children);
+  return t__namespace.createElement(Primitive2.div, { ref: composeRefs2(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r.children);
 });
 var Ee = t__namespace.forwardRef((r, o) => {
-  let { heading: n, children: u2, forceMount: c, ...d } = r, f = useId2(), p2 = t__namespace.useRef(null), b = t__namespace.useRef(null), m2 = useId2(), R = K2(), x = P((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
+  let { heading: n, children: u2, forceMount: c, ...d } = r, f = useId3(), p2 = t__namespace.useRef(null), b = t__namespace.useRef(null), m2 = useId3(), R = K2(), x = P((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
   k2(() => R.group(f), []), ve(f, p2, [r.value, r.heading, b]);
   let C = t__namespace.useMemo(() => ({ id: f, forceMount: c }), [c]);
-  return t__namespace.createElement(Primitive.div, { ref: composeRefs(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x ? void 0 : true }, n && t__namespace.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B2(r, (S) => t__namespace.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, t__namespace.createElement(fe.Provider, { value: C }, S))));
+  return t__namespace.createElement(Primitive2.div, { ref: composeRefs2(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x ? void 0 : true }, n && t__namespace.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B2(r, (S) => t__namespace.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, t__namespace.createElement(fe.Provider, { value: C }, S))));
 });
 var ye = t__namespace.forwardRef((r, o) => {
   let { alwaysRender: n, ...u2 } = r, c = t__namespace.useRef(null), d = P((f) => !f.search);
-  return !n && !d ? null : t__namespace.createElement(Primitive.div, { ref: composeRefs(c, o), ...u2, "cmdk-separator": "", role: "separator" });
+  return !n && !d ? null : t__namespace.createElement(Primitive2.div, { ref: composeRefs2(c, o), ...u2, "cmdk-separator": "", role: "separator" });
 });
 var Se = t__namespace.forwardRef((r, o) => {
   let { onValueChange: n, ...u2 } = r, c = r.value != null, d = ee(), f = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b = K2();
   return t__namespace.useEffect(() => {
     r.value != null && d.setState("search", r.value);
-  }, [r.value]), t__namespace.createElement(Primitive.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": p2, id: b.inputId, type: "text", value: c ? r.value : f, onChange: (m2) => {
+  }, [r.value]), t__namespace.createElement(Primitive2.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": p2, id: b.inputId, type: "text", value: c ? r.value : f, onChange: (m2) => {
     c || d.setState("search", m2.target.value), n == null || n(m2.target.value);
   } });
 });
@@ -3462,29 +3657,31 @@ var Ce = t__namespace.forwardRef((r, o) => {
         cancelAnimationFrame(x), C.unobserve(m2);
       };
     }
-  }, []), t__namespace.createElement(Primitive.div, { ref: composeRefs(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B2(r, (m2) => t__namespace.createElement("div", { ref: composeRefs(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
+  }, []), t__namespace.createElement(Primitive2.div, { ref: composeRefs2(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B2(r, (m2) => t__namespace.createElement("div", { ref: composeRefs2(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
 });
 var xe = t__namespace.forwardRef((r, o) => {
   let { open: n, onOpenChange: u2, overlayClassName: c, contentClassName: d, container: f, ...p2 } = r;
   return t__namespace.createElement(DialogPrimitive__namespace.Root, { open: n, onOpenChange: u2 }, t__namespace.createElement(DialogPrimitive__namespace.Portal, { container: f }, t__namespace.createElement(DialogPrimitive__namespace.Overlay, { "cmdk-overlay": "", className: c }), t__namespace.createElement(DialogPrimitive__namespace.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, t__namespace.createElement(me, { ref: o, ...p2 }))));
 });
-var Ie = t__namespace.forwardRef((r, o) => P((u2) => u2.filtered.count === 0) ? t__namespace.createElement(Primitive.div, { ref: o, ...r, "cmdk-empty": "", role: "presentation" }) : null);
+var Ie = t__namespace.forwardRef((r, o) => P((u2) => u2.filtered.count === 0) ? t__namespace.createElement(Primitive2.div, { ref: o, ...r, "cmdk-empty": "", role: "presentation" }) : null);
 var Pe = t__namespace.forwardRef((r, o) => {
   let { progress: n, children: u2, label: c = "Loading...", ...d } = r;
-  return t__namespace.createElement(Primitive.div, { ref: o, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c }, B2(r, (f) => t__namespace.createElement("div", { "aria-hidden": true }, f)));
+  return t__namespace.createElement(Primitive2.div, { ref: o, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c }, B2(r, (f) => t__namespace.createElement("div", { "aria-hidden": true }, f)));
 });
 var _e = Object.assign(me, { List: Ce, Item: he, Input: Se, Group: Ee, Separator: ye, Dialog: xe, Empty: Ie, Loading: Pe });
 function we(r, o) {
   let n = r.nextElementSibling;
   for (; n; ) {
-    if (n.matches(o)) return n;
+    if (n.matches(o))
+      return n;
     n = n.nextElementSibling;
   }
 }
 function De(r, o) {
   let n = r.previousElementSibling;
   for (; n; ) {
-    if (n.matches(o)) return n;
+    if (n.matches(o))
+      return n;
     n = n.previousElementSibling;
   }
 }
@@ -3510,8 +3707,10 @@ function ve(r, o, n, u2 = []) {
     let f = (() => {
       var m2;
       for (let R of n) {
-        if (typeof R == "string") return R.trim();
-        if (typeof R == "object" && "current" in R) return R.current ? (m2 = R.current.textContent) == null ? void 0 : m2.trim() : c.current;
+        if (typeof R == "string")
+          return R.trim();
+        if (typeof R == "object" && "current" in R)
+          return R.current ? (m2 = R.current.textContent) == null ? void 0 : m2.trim() : c.current;
       }
     })(), p2 = u2.map((m2) => m2.trim());
     d.value(r, f, p2), (b = o.current) == null || b.setAttribute(T, f), c.current = f;
@@ -3929,7 +4128,8 @@ function memo(getDeps, fn, opts) {
   let result;
   return (depArgs) => {
     let depTime;
-    if (opts.key && opts.debug) depTime = Date.now();
+    if (opts.key && opts.debug)
+      depTime = Date.now();
     const newDeps = getDeps(depArgs);
     const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
     if (!depsChanged) {
@@ -3937,7 +4137,8 @@ function memo(getDeps, fn, opts) {
     }
     deps = newDeps;
     let resultTime;
-    if (opts.key && opts.debug) resultTime = Date.now();
+    if (opts.key && opts.debug)
+      resultTime = Date.now();
     result = fn(...newDeps);
     opts == null || opts.onChange == null || opts.onChange(result);
     if (opts.key && opts.debug) {
@@ -4308,7 +4509,7 @@ var createRow = (table, id, original, rowIndex, depth, subRows, parentId) => {
       var _row$getValue;
       return (_row$getValue = row.getValue(columnId)) != null ? _row$getValue : table.options.renderFallbackValue;
     },
-    subRows: [],
+    subRows: subRows != null ? subRows : [],
     getLeafRows: () => flattenBy(row.subRows, (d) => d.subRows),
     getParentRow: () => row.parentId ? table.getRow(row.parentId, true) : void 0,
     getParentRows: () => {
@@ -4316,7 +4517,8 @@ var createRow = (table, id, original, rowIndex, depth, subRows, parentId) => {
       let currentRow = row;
       while (true) {
         const parentRow = currentRow.getParentRow();
-        if (!parentRow) break;
+        if (!parentRow)
+          break;
         parentRows.push(parentRow);
         currentRow = parentRow;
       }
@@ -4604,25 +4806,29 @@ var extent = (columnId, _leafRows, childRows) => {
     const value = row.getValue(columnId);
     if (value != null) {
       if (min2 === void 0) {
-        if (value >= value) min2 = max2 = value;
+        if (value >= value)
+          min2 = max2 = value;
       } else {
-        if (min2 > value) min2 = value;
-        if (max2 < value) max2 = value;
+        if (min2 > value)
+          min2 = value;
+        if (max2 < value)
+          max2 = value;
       }
     }
   });
   return [min2, max2];
 };
 var mean = (columnId, leafRows) => {
-  let count3 = 0;
+  let count4 = 0;
   let sum2 = 0;
   leafRows.forEach((row) => {
     let value = row.getValue(columnId);
     if (value != null && (value = +value) >= value) {
-      ++count3, sum2 += value;
+      ++count4, sum2 += value;
     }
   });
-  if (count3) return sum2 / count3;
+  if (count4)
+    return sum2 / count4;
   return;
 };
 var median = (columnId, leafRows) => {
@@ -4646,7 +4852,7 @@ var unique = (columnId, leafRows) => {
 var uniqueCount = (columnId, leafRows) => {
   return new Set(leafRows.map((d) => d.getValue(columnId))).size;
 };
-var count2 = (_columnId, leafRows) => {
+var count3 = (_columnId, leafRows) => {
   return leafRows.length;
 };
 var aggregationFns = {
@@ -4658,7 +4864,7 @@ var aggregationFns = {
   median,
   unique,
   uniqueCount,
-  count: count2
+  count: count3
 };
 var ColumnGrouping = {
   getDefaultColumnDef: () => {
@@ -4706,7 +4912,8 @@ var ColumnGrouping = {
     column.getToggleGroupingHandler = () => {
       const canGroup = column.getCanGroup();
       return () => {
-        if (!canGroup) return;
+        if (!canGroup)
+          return;
         column.toggleGrouping();
       };
     };
@@ -5169,7 +5376,8 @@ var ColumnSizing = {
 };
 var passiveSupported = null;
 function passiveEventSupported() {
-  if (typeof passiveSupported === "boolean") return passiveSupported;
+  if (typeof passiveSupported === "boolean")
+    return passiveSupported;
   let supported = false;
   try {
     const options = {
@@ -5363,7 +5571,8 @@ var RowExpanding = {
         return;
       }
       if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetExpanded) != null ? _ref : !table.options.manualExpanding) {
-        if (queued) return;
+        if (queued)
+          return;
         queued = true;
         table._queue(() => {
           table.resetExpanded();
@@ -5480,7 +5689,8 @@ var RowExpanding = {
     row.getToggleExpandedHandler = () => {
       const canExpand = row.getCanExpand();
       return () => {
-        if (!canExpand) return;
+        if (!canExpand)
+          return;
         row.toggleExpanded();
       };
     };
@@ -5519,7 +5729,8 @@ var RowPagination = {
         return;
       }
       if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetPageIndex) != null ? _ref : !table.options.manualPagination) {
-        if (queued) return;
+        if (queued)
+          return;
         queued = true;
         table._queue(() => {
           table.resetPageIndex();
@@ -5712,7 +5923,8 @@ var RowPinning = {
     row.getPinnedIndex = () => {
       var _ref4, _visiblePinnedRowIds$;
       const position = row.getIsPinned();
-      if (!position) return -1;
+      if (!position)
+        return -1;
       const visiblePinnedRowIds = (_ref4 = position === "top" ? table.getTopRows() : table.getBottomRows()) == null ? void 0 : _ref4.map((_ref5) => {
         let {
           id
@@ -5953,7 +6165,8 @@ var RowSelection = {
       const canSelect = row.getCanSelect();
       return (e) => {
         var _target;
-        if (!canSelect) return;
+        if (!canSelect)
+          return;
         row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
       };
     };
@@ -6011,7 +6224,8 @@ function isRowSelected(row, selection) {
 }
 function isSubRowSelected(row, selection, table) {
   var _row$subRows3;
-  if (!((_row$subRows3 = row.subRows) != null && _row$subRows3.length)) return false;
+  if (!((_row$subRows3 = row.subRows) != null && _row$subRows3.length))
+    return false;
   let allChildrenSelected = true;
   let someSelected = false;
   row.subRows.forEach((subRow) => {
@@ -6270,7 +6484,8 @@ var RowSorting = {
     column.getToggleSortingHandler = () => {
       const canSort = column.getCanSort();
       return (e) => {
-        if (!canSort) return;
+        if (!canSort)
+          return;
         e.persist == null || e.persist();
         column.toggleSorting == null || column.toggleSorting(void 0, column.getCanMultiSort() ? table.options.isMultiSortEvent == null ? void 0 : table.options.isMultiSortEvent(e) : false);
       };
@@ -6753,7 +6968,8 @@ function getSortedRowModel() {
     const columnInfoById = {};
     availableSorting.forEach((sortEntry) => {
       const column = table.getColumn(sortEntry.id);
-      if (!column) return;
+      if (!column)
+        return;
       columnInfoById[sortEntry.id] = {
         sortUndefined: column.columnDef.sortUndefined,
         invertSorting: column.columnDef.invertSorting,
@@ -6778,8 +6994,10 @@ function getSortedRowModel() {
             const aUndefined = aValue === void 0;
             const bUndefined = bValue === void 0;
             if (aUndefined || bUndefined) {
-              if (sortUndefined === "first") return aUndefined ? -1 : 1;
-              if (sortUndefined === "last") return aUndefined ? 1 : -1;
+              if (sortUndefined === "first")
+                return aUndefined ? -1 : 1;
+              if (sortUndefined === "last")
+                return aUndefined ? 1 : -1;
               sortInt = aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;
             }
           }
@@ -6969,7 +7187,8 @@ TableRow.displayName = "TableRow";
 var TableHead = t__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",
@@ -7250,7 +7469,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") {
@@ -7267,7 +7487,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") {
@@ -7280,19 +7501,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 = () => {
@@ -7488,10 +7713,14 @@ function DatePicker({
     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;
@@ -7633,7 +7862,8 @@ function DateRangePicker({
     }
   };
   const displayValue = t__namespace.useMemo(() => {
-    if (!internalRange?.from) return null;
+    if (!internalRange?.from)
+      return null;
     if (!internalRange?.to) {
       return dateFns.format(internalRange.from, formatString);
     }
@@ -7867,7 +8097,8 @@ function DraggableList({
 }) {
   const [draggedIndex, setDraggedIndex] = t__namespace.useState(null);
   const handleDragStart = (e, index) => {
-    if (disabled) return;
+    if (disabled)
+      return;
     setDraggedIndex(index);
     e.dataTransfer.effectAllowed = "move";
   };
@@ -8161,14 +8392,19 @@ var Progress = t__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 k3 = 1024;
   const sizes = ["Bytes", "KB", "MB", "GB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k3));
@@ -8328,7 +8564,8 @@ var FileUpload = t__namespace.default.forwardRef(
     const handleDrop = t.useCallback((e) => {
       e.preventDefault();
       setIsDragOver(false);
-      if (disabled) return;
+      if (disabled)
+        return;
       const files = e.dataTransfer.files;
       if (files.length > 0) {
         processFiles(files);
@@ -8469,7 +8706,8 @@ var GestureDrawer = t__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;
@@ -8510,7 +8748,8 @@ var GestureDrawer = t__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,
@@ -8730,7 +8969,8 @@ function LockedComponent({
   const [isPreviewActive, setIsPreviewActive] = t.useState(false);
   const [previewTimeout, setPreviewTimeout] = t.useState(null);
   const handleMouseEnter = () => {
-    if (!showPreview) return;
+    if (!showPreview)
+      return;
     setIsPreviewActive(true);
     if (previewTimeout) {
       clearTimeout(previewTimeout);
@@ -8836,6 +9076,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
@@ -8916,7 +9157,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;
     }
@@ -9359,22 +9602,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;
@@ -9384,13 +9635,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;
   }
@@ -9646,6 +9894,188 @@ function RichTextEditor({
     )
   ] });
 }
+function useStateMachine2(initialState, machine) {
+  return t__namespace.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+var Presence2 = (props) => {
+  const { present, children } = props;
+  const presence = usePresence2(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : t__namespace.Children.only(children);
+  const ref = useComposedRefs2(presence.ref, getElementRef2(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? t__namespace.cloneElement(child, { ref }) : null;
+};
+Presence2.displayName = "Presence";
+function usePresence2(present) {
+  const [node, setNode] = t__namespace.useState();
+  const stylesRef = t__namespace.useRef(null);
+  const prevPresentRef = t__namespace.useRef(present);
+  const prevAnimationNameRef = t__namespace.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine2(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  t__namespace.useEffect(() => {
+    const currentAnimationName = getAnimationName2(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect22(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName2(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect22(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName2(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName2(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: t__namespace.useCallback((node2) => {
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName2(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef2(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+function createContextScope2(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext32(rootComponentName, defaultContext) {
+    const BaseContext = t__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider3 = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = t__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    };
+    Provider3.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = t__namespace.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider3, useContext22];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return t__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return t__namespace.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes2(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return t__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
 function useCallbackRef(callback) {
   const callbackRef = t__namespace.useRef(callback);
   t__namespace.useEffect(() => {
@@ -9663,14 +10093,22 @@ function useDirection(localDir) {
 function clamp(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
-function useStateMachine2(initialState, machine) {
+function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+function useStateMachine3(initialState, machine) {
   return t__namespace.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
 }
 var SCROLL_AREA_NAME = "ScrollArea";
-var [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
+var [createScrollAreaContext, createScrollAreaScope] = createContextScope2(SCROLL_AREA_NAME);
 var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 var ScrollArea = t__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -9690,7 +10128,7 @@ var ScrollArea = t__namespace.forwardRef(
     const [cornerHeight, setCornerHeight] = t__namespace.useState(0);
     const [scrollbarXEnabled, setScrollbarXEnabled] = t__namespace.useState(false);
     const [scrollbarYEnabled, setScrollbarYEnabled] = t__namespace.useState(false);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setScrollArea(node));
+    const composedRefs = useComposedRefs2(forwardedRef, (node) => setScrollArea(node));
     const direction = useDirection(dir);
     return /* @__PURE__ */ jsxRuntime.jsx(
       ScrollAreaProvider,
@@ -9715,7 +10153,7 @@ var ScrollArea = t__namespace.forwardRef(
         onCornerWidthChange: setCornerWidth,
         onCornerHeightChange: setCornerHeight,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive.div,
+          Primitive2.div,
           {
             dir: direction,
             ...scrollAreaProps,
@@ -9740,7 +10178,7 @@ var ScrollAreaViewport = t__namespace.forwardRef(
     const { __scopeScrollArea, children, nonce, ...viewportProps } = props;
     const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
     const ref = t__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
+    const composedRefs = useComposedRefs2(forwardedRef, ref, context.onViewportChange);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "style",
@@ -9752,7 +10190,7 @@ var ScrollAreaViewport = t__namespace.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.div,
+        Primitive2.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...viewportProps,
@@ -9821,7 +10259,7 @@ var ScrollAreaScrollbarHover = t__namespace.forwardRef((props, forwardedRef) =>
       };
     }
   }, [context.scrollArea, context.scrollHideDelay]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarAuto,
     {
       "data-state": visible ? "visible" : "hidden",
@@ -9835,7 +10273,7 @@ var ScrollAreaScrollbarScroll = t__namespace.forwardRef((props, forwardedRef) =>
   const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
   const isHorizontal = props.orientation === "horizontal";
   const debounceScrollEnd = useDebounceCallback(() => send("SCROLL_END"), 100);
-  const [state, send] = useStateMachine2("hidden", {
+  const [state, send] = useStateMachine3("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -9877,14 +10315,14 @@ var ScrollAreaScrollbarScroll = t__namespace.forwardRef((props, forwardedRef) =>
       return () => viewport.removeEventListener("scroll", handleScroll);
     }
   }, [context.viewport, isHorizontal, send, debounceScrollEnd]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarVisible,
     {
       "data-state": state === "hidden" ? "hidden" : "visible",
       ...scrollbarProps,
       ref: forwardedRef,
-      onPointerEnter: composeEventHandlers(props.onPointerEnter, () => send("POINTER_ENTER")),
-      onPointerLeave: composeEventHandlers(props.onPointerLeave, () => send("POINTER_LEAVE"))
+      onPointerEnter: composeEventHandlers2(props.onPointerEnter, () => send("POINTER_ENTER")),
+      onPointerLeave: composeEventHandlers2(props.onPointerLeave, () => send("POINTER_LEAVE"))
     }
   ) });
 });
@@ -9902,7 +10340,7 @@ var ScrollAreaScrollbarAuto = t__namespace.forwardRef((props, forwardedRef) => {
   }, 10);
   useResizeObserver(context.viewport, handleResize);
   useResizeObserver(context.content, handleResize);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarVisible,
     {
       "data-state": visible ? "visible" : "hidden",
@@ -9948,7 +10386,8 @@ var ScrollAreaScrollbarVisible = t__namespace.forwardRef((props, forwardedRef) =
           }
         },
         onWheelScroll: (scrollPos) => {
-          if (context.viewport) context.viewport.scrollLeft = scrollPos;
+          if (context.viewport)
+            context.viewport.scrollLeft = scrollPos;
         },
         onDragScroll: (pointerPos) => {
           if (context.viewport) {
@@ -9972,10 +10411,12 @@ var ScrollAreaScrollbarVisible = t__namespace.forwardRef((props, forwardedRef) =
           }
         },
         onWheelScroll: (scrollPos) => {
-          if (context.viewport) context.viewport.scrollTop = scrollPos;
+          if (context.viewport)
+            context.viewport.scrollTop = scrollPos;
         },
         onDragScroll: (pointerPos) => {
-          if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);
+          if (context.viewport)
+            context.viewport.scrollTop = getScrollPosition(pointerPos);
         }
       }
     );
@@ -9987,16 +10428,17 @@ var ScrollAreaScrollbarX = t__namespace.forwardRef((props, forwardedRef) => {
   const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
   const [computedStyle, setComputedStyle] = t__namespace.useState();
   const ref = t__namespace.useRef(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);
+  const composeRefs3 = useComposedRefs2(forwardedRef, ref, context.onScrollbarXChange);
   t__namespace.useEffect(() => {
-    if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+    if (ref.current)
+      setComputedStyle(getComputedStyle(ref.current));
   }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarImpl,
     {
       "data-orientation": "horizontal",
       ...scrollbarProps,
-      ref: composeRefs2,
+      ref: composeRefs3,
       sizes,
       style: {
         bottom: 0,
@@ -10037,16 +10479,17 @@ var ScrollAreaScrollbarY = t__namespace.forwardRef((props, forwardedRef) => {
   const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
   const [computedStyle, setComputedStyle] = t__namespace.useState();
   const ref = t__namespace.useRef(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);
+  const composeRefs3 = useComposedRefs2(forwardedRef, ref, context.onScrollbarYChange);
   t__namespace.useEffect(() => {
-    if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+    if (ref.current)
+      setComputedStyle(getComputedStyle(ref.current));
   }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarImpl,
     {
       "data-orientation": "vertical",
       ...scrollbarProps,
-      ref: composeRefs2,
+      ref: composeRefs3,
       sizes,
       style: {
         top: 0,
@@ -10100,7 +10543,7 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
   const [scrollbar, setScrollbar] = t__namespace.useState(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, (node) => setScrollbar(node));
+  const composeRefs3 = useComposedRefs2(forwardedRef, (node) => setScrollbar(node));
   const rectRef = t__namespace.useRef(null);
   const prevWebkitUserSelectRef = t__namespace.useRef("");
   const viewport = context.viewport;
@@ -10119,7 +10562,8 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
     const handleWheel = (event) => {
       const element = event.target;
       const isScrollbarWheel = scrollbar?.contains(element);
-      if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);
+      if (isScrollbarWheel)
+        handleWheelScroll(event, maxScrollPos);
     };
     document.addEventListener("wheel", handleWheel, { passive: false });
     return () => document.removeEventListener("wheel", handleWheel, { passive: false });
@@ -10138,12 +10582,12 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
       onThumbPositionChange: handleThumbPositionChange,
       onThumbPointerDown: useCallbackRef(onThumbPointerDown),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.div,
+        Primitive2.div,
         {
           ...scrollbarProps,
-          ref: composeRefs2,
+          ref: composeRefs3,
           style: { position: "absolute", ...scrollbarProps.style },
-          onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+          onPointerDown: composeEventHandlers2(props.onPointerDown, (event) => {
             const mainPointer = 0;
             if (event.button === mainPointer) {
               const element = event.target;
@@ -10151,18 +10595,20 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
               rectRef.current = scrollbar.getBoundingClientRect();
               prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
               document.body.style.webkitUserSelect = "none";
-              if (context.viewport) context.viewport.style.scrollBehavior = "auto";
+              if (context.viewport)
+                context.viewport.style.scrollBehavior = "auto";
               handleDragScroll(event);
             }
           }),
-          onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
-          onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
+          onPointerMove: composeEventHandlers2(props.onPointerMove, handleDragScroll),
+          onPointerUp: composeEventHandlers2(props.onPointerUp, (event) => {
             const element = event.target;
             if (element.hasPointerCapture(event.pointerId)) {
               element.releasePointerCapture(event.pointerId);
             }
             document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
-            if (context.viewport) context.viewport.style.scrollBehavior = "";
+            if (context.viewport)
+              context.viewport.style.scrollBehavior = "";
             rectRef.current = null;
           })
         }
@@ -10175,7 +10621,7 @@ var ScrollAreaThumb = t__namespace.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...thumbProps } = props;
     const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
-    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
   }
 );
 var ScrollAreaThumbImpl = t__namespace.forwardRef(
@@ -10184,7 +10630,7 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
     const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
     const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
     const { onThumbPositionChange } = scrollbarContext;
-    const composedRef = useComposedRefs(
+    const composedRef = useComposedRefs2(
       forwardedRef,
       (node) => scrollbarContext.onThumbChange(node)
     );
@@ -10212,7 +10658,7 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
       }
     }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.div,
+      Primitive2.div,
       {
         "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
         ...thumbProps,
@@ -10222,14 +10668,14 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
           height: "var(--radix-scroll-area-thumb-height)",
           ...style
         },
-        onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, (event) => {
+        onPointerDownCapture: composeEventHandlers2(props.onPointerDownCapture, (event) => {
           const thumb = event.target;
           const thumbRect = thumb.getBoundingClientRect();
           const x = event.clientX - thumbRect.left;
           const y = event.clientY - thumbRect.top;
           scrollbarContext.onThumbPointerDown({ x, y });
         }),
-        onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
+        onPointerUp: composeEventHandlers2(props.onPointerUp, scrollbarContext.onThumbPointerUp)
       }
     );
   }
@@ -10262,7 +10708,7 @@ var ScrollAreaCornerImpl = t__namespace.forwardRef((props, forwardedRef) => {
     setWidth(width2);
   });
   return hasSize ? /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive.div,
+    Primitive2.div,
     {
       ...cornerProps,
       ref: forwardedRef,
@@ -10316,7 +10762,8 @@ function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
 }
 function linearScale(input, output) {
   return (value) => {
-    if (input[0] === input[1] || output[0] === output[1]) return output[0];
+    if (input[0] === input[1] || output[0] === output[1])
+      return output[0];
     const ratio = (output[1] - output[0]) / (input[1] - input[0]);
     return output[0] + ratio * (value - input[0]);
   };
@@ -10332,7 +10779,8 @@ var addUnlinkedScrollListener = (node, handler = () => {
     const position = { left: node.scrollLeft, top: node.scrollTop };
     const isHorizontalScroll = prevPosition.left !== position.left;
     const isVerticalScroll = prevPosition.top !== position.top;
-    if (isHorizontalScroll || isVerticalScroll) handler();
+    if (isHorizontalScroll || isVerticalScroll)
+      handler();
     prevPosition = position;
     rAF = window.requestAnimationFrame(loop);
   })();
@@ -10349,7 +10797,7 @@ function useDebounceCallback(callback, delay) {
 }
 function useResizeObserver(element, onResize) {
   const handleResize = useCallbackRef(onResize);
-  useLayoutEffect2(() => {
+  useLayoutEffect22(() => {
     let rAF = 0;
     if (element) {
       const resizeObserver = new ResizeObserver(() => {
@@ -10450,7 +10898,8 @@ var ScrollReveal = t__namespace.forwardRef(
       once: triggerOnce
     });
     const customVariants = t__namespace.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       const baseVariants = defaultVariants[direction] || defaultVariants.up;
       return {
         hidden: {
@@ -10464,7 +10913,8 @@ var ScrollReveal = t__namespace.forwardRef(
       };
     }, [direction, distance, variants]);
     t__namespace.useEffect(() => {
-      if (!animate2) return;
+      if (!animate2)
+        return;
       if (isInView) {
         controls.start("visible");
       } else if (!triggerOnce) {
@@ -10545,7 +10995,8 @@ var ScrollRevealItem = t__namespace.forwardRef(
     id
   }, ref) => {
     const customVariants = t__namespace.useMemo(() => {
-      if (variants) return variants;
+      if (variants)
+        return variants;
       const baseVariants = defaultVariants[direction] || defaultVariants.up;
       return {
         hidden: {
@@ -10696,17 +11147,81 @@ var Separator3 = t__namespace.forwardRef(
   )
 );
 Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
+var useInsertionEffect2 = t__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+function useControllableState2({
+  prop,
+  defaultProp,
+  onChange = () => {
+  },
+  caller
+}) {
+  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  {
+    const isControlledRef = t__namespace.useRef(prop !== void 0);
+    t__namespace.useEffect(() => {
+      const wasControlled = isControlledRef.current;
+      if (wasControlled !== isControlled) {
+        const from = wasControlled ? "controlled" : "uncontrolled";
+        const to = isControlled ? "controlled" : "uncontrolled";
+        console.warn(
+          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+        );
+      }
+      isControlledRef.current = isControlled;
+    }, [isControlled, caller]);
+  }
+  const setValue = t__namespace.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const value2 = isFunction3(nextValue) ? nextValue(prop) : nextValue;
+        if (value2 !== prop) {
+          onChangeRef.current?.(value2);
+        }
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, onChangeRef]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState2({
+  defaultProp,
+  onChange
+}) {
+  const [value, setValue] = t__namespace.useState(defaultProp);
+  const prevValueRef = t__namespace.useRef(value);
+  const onChangeRef = t__namespace.useRef(onChange);
+  useInsertionEffect2(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  t__namespace.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      onChangeRef.current?.(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef]);
+  return [value, setValue, onChangeRef];
+}
+function isFunction3(value) {
+  return typeof value === "function";
+}
 var NAME = "Toggle";
 var Toggle = t__namespace.forwardRef((props, forwardedRef) => {
   const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
-  const [pressed, setPressed] = useControllableState({
+  const [pressed, setPressed] = useControllableState2({
     prop: pressedProp,
     onChange: onPressedChange,
     defaultProp: defaultPressed ?? false,
     caller: NAME
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive.button,
+    Primitive2.button,
     {
       type: "button",
       "aria-pressed": pressed,
@@ -10714,7 +11229,7 @@ var Toggle = t__namespace.forwardRef((props, forwardedRef) => {
       "data-disabled": props.disabled ? "" : void 0,
       ...buttonProps,
       ref: forwardedRef,
-      onClick: composeEventHandlers(props.onClick, () => {
+      onClick: composeEventHandlers2(props.onClick, () => {
         if (!props.disabled) {
           setPressed(!pressed);
         }
@@ -10904,7 +11419,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
     const [content, setContent] = t.useState(value);
     const [isPreview, setIsPreview] = t.useState(false);
     const [sourceContent, setSourceContent] = t.useState(value);
-    const [selection, setSelection] = t.useState(null);
+    t.useState(null);
     const editorRef = t__namespace.default.useRef(null);
     const sourceRef = t__namespace.default.useRef(null);
     const [formatState, setFormatState] = t.useState({
@@ -10933,7 +11448,8 @@ var SimpleEditor = t__namespace.default.forwardRef(
       return null;
     }, []);
     t.useCallback((range) => {
-      if (!range) return;
+      if (!range)
+        return;
       const selection2 = window.getSelection();
       if (selection2) {
         selection2.removeAllRanges();
@@ -10941,7 +11457,8 @@ var SimpleEditor = t__namespace.default.forwardRef(
       }
     }, []);
     const executeCommand = t.useCallback((command, value2) => {
-      if (disabled) return;
+      if (disabled)
+        return;
       if (editorRef.current) {
         editorRef.current.focus();
       }
@@ -11400,7 +11917,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
 );
 SimpleEditor.displayName = "SimpleEditor";
 var CharacterCount = ({ content }) => {
-  const [count3, setCount] = t.useState(0);
+  const [count4, setCount] = t.useState(0);
   t.useEffect(() => {
     const getPlainText = (html) => {
       const div = document.createElement("div");
@@ -11410,7 +11927,7 @@ var CharacterCount = ({ content }) => {
     setCount(getPlainText(content).length);
   }, [content]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    count3,
+    count4,
     " characters"
   ] });
 };
@@ -11679,16 +12196,19 @@ var SwipeableCard = t__namespace.forwardRef(
     const [currentX, setCurrentX] = t__namespace.useState(0);
     const [isSwiping, setIsSwiping] = t__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) {
@@ -11792,7 +12312,8 @@ var TagsInput = t__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);
@@ -11808,7 +12329,8 @@ var TagsInput = t__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: [
@@ -11871,32 +12393,147 @@ var TagsInput = t__namespace.forwardRef(
   }
 );
 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",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "focus-visible:outline-none dark:text-gray-200",
+    "resize-none"
+    // Always disable manual resize, we control it
+  ],
+  {
+    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",
+        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"
+      },
+      size: {
+        sm: "min-h-[60px] text-xs",
+        md: "min-h-[80px] text-sm",
+        lg: "min-h-[120px] text-base"
+      },
+      isError: {
+        true: "border-error focus-visible:ring-error/30 focus-visible:border-error hover:border-error/80 dark:hover:border-error/80",
+        false: ""
+      },
+      isSuccess: {
+        true: "border-success focus-visible:ring-success/30 focus-visible:border-success hover:border-success/80 dark:hover:border-success/80",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      isError: false,
+      isSuccess: false
+    }
+  }
+);
 var Textarea = t__namespace.forwardRef(
   ({
     className,
-    // Extract enhanced props to prevent them from being passed to DOM
+    wrapperClassName,
+    messageClassName,
     variant,
     size,
     error,
     success,
     loading,
-    autoResize,
+    autoResize = false,
     maxHeight,
-    characterCount,
+    characterCount = false,
+    disabled,
+    maxLength,
+    value,
+    defaultValue,
+    onChange,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        className: cn(
-          "moonui-theme",
-          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
+    const textareaRef = t__namespace.useRef(null);
+    const [internalValue, setInternalValue] = t__namespace.useState(value || defaultValue || "");
+    t__namespace.useImperativeHandle(ref, () => textareaRef.current);
+    const adjustHeight = t__namespace.useCallback(() => {
+      const textarea = textareaRef.current;
+      if (!textarea || !autoResize)
+        return;
+      textarea.style.height = "auto";
+      const newHeight = textarea.scrollHeight;
+      if (maxHeight && newHeight > maxHeight) {
+        textarea.style.height = `${maxHeight}px`;
+        textarea.style.overflowY = "auto";
+      } else {
+        textarea.style.height = `${newHeight}px`;
+        textarea.style.overflowY = "hidden";
       }
-    );
+    }, [autoResize, maxHeight]);
+    t__namespace.useEffect(() => {
+      adjustHeight();
+    }, [internalValue, adjustHeight]);
+    t__namespace.useEffect(() => {
+      if (value !== void 0) {
+        setInternalValue(value);
+      }
+    }, [value]);
+    const handleChange = (e) => {
+      setInternalValue(e.target.value);
+      onChange?.(e);
+    };
+    const currentLength = String(internalValue).length;
+    const showCharCount = characterCount && (maxLength !== void 0 || currentLength > 0);
+    const errorMessage = typeof error === "string" ? error : void 0;
+    const successMessage = typeof success === "string" ? success : void 0;
+    const showMessage = errorMessage || successMessage;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("moonui-theme", "space-y-1.5 w-full", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            ref: textareaRef,
+            className: cn(
+              textareaVariants({
+                variant,
+                size,
+                isError: !!error,
+                isSuccess: !!success
+              }),
+              loading && "pr-10",
+              className
+            ),
+            disabled: disabled || loading,
+            value,
+            defaultValue,
+            onChange: handleChange,
+            maxLength,
+            "aria-invalid": !!error || void 0,
+            "aria-describedby": errorMessage ? `${props.id || ""}-error` : successMessage ? `${props.id || ""}-success` : void 0,
+            ...props
+          }
+        ),
+        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-3 right-3 text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        showMessage && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "text-xs transition-all",
+              errorMessage && "text-error",
+              successMessage && "text-success",
+              messageClassName
+            ),
+            id: errorMessage ? `${props.id || ""}-error` : successMessage ? `${props.id || ""}-success` : void 0,
+            children: errorMessage || successMessage
+          }
+        ),
+        showCharCount && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground dark:text-gray-500 ml-auto", children: [
+          currentLength,
+          maxLength !== void 0 && ` / ${maxLength}`
+        ] })
+      ] })
+    ] });
   }
 );
 Textarea.displayName = "Textarea";
@@ -12072,7 +12709,8 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open) dismiss();
+        if (!open)
+          dismiss();
       }
     }
   });
@@ -12142,15 +12780,15 @@ function Toaster() {
      *)
 */
 
-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; }
 });
@@ -12497,5 +13135,5 @@ exports.toast = toast;
 exports.toggleVariants = toggleVariants;
 exports.tooltipVariants = tooltipVariants;
 exports.useToast = useToast;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map