@moontra/moonui 2.3.8 → 2.3.10

package/dist/index.js

@@ -966,26 +966,7 @@ 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,
@@ -998,22 +979,12 @@ 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: {
@@ -1138,8 +1109,7 @@ 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";
 };
@@ -1149,10 +1119,8 @@ 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;
   }
@@ -1478,10 +1446,8 @@ 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];
@@ -1503,8 +1469,7 @@ 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(),
@@ -1781,13 +1746,12 @@ var count = 0;
 function useId2(deterministicId) {
   const [id, setId] = t__namespace.useState(useReactId());
   useLayoutEffect2(() => {
-    if (!deterministicId)
-      setId((reactId) => reactId ?? String(count++));
+    setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 var COLLAPSIBLE_NAME = "Collapsible";
-var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
+var [createCollapsibleContext] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible = t__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -2531,11 +2495,9 @@ 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);
@@ -2546,13 +2508,11 @@ 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);
@@ -2669,8 +2629,7 @@ 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;
@@ -2709,16 +2668,11 @@ 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;
@@ -2835,10 +2789,8 @@ 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: [
@@ -3255,13 +3207,10 @@ 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(_) {
@@ -3270,88 +3219,6 @@ 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=""]';
@@ -3369,7 +3236,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 = useId3(), q = useId3(), _ = useId3(), 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 = useId2(), q = useId2(), _ = useId2(), I = t__namespace.useRef(null), v = ke();
   k2(() => {
     if (R !== void 0) {
       let e = R.trim();
@@ -3381,8 +3248,7 @@ 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(_);
@@ -3423,8 +3289,7 @@ 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;
@@ -3463,12 +3328,10 @@ 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() {
@@ -3495,8 +3358,7 @@ 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) => {
@@ -3504,61 +3366,58 @@ 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(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
+  return t__namespace.createElement(Primitive.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 = 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;
+  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;
   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;
@@ -3567,26 +3426,25 @@ 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(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);
+  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);
 });
 var Ee = t__namespace.forwardRef((r, o) => {
-  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);
+  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);
   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(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))));
+  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))));
 });
 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(Primitive2.div, { ref: composeRefs2(c, o), ...u2, "cmdk-separator": "", role: "separator" });
+  return !n && !d ? null : t__namespace.createElement(Primitive.div, { ref: composeRefs(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(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) => {
+  }, [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) => {
     c || d.setState("search", m2.target.value), n == null || n(m2.target.value);
   } });
 });
@@ -3604,31 +3462,29 @@ var Ce = t__namespace.forwardRef((r, o) => {
         cancelAnimationFrame(x), C.unobserve(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)));
+  }, []), 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)));
 });
 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(Primitive2.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(Primitive.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(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)));
+  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)));
 });
 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;
   }
 }
@@ -3654,10 +3510,8 @@ 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;
@@ -4075,8 +3929,7 @@ 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) {
@@ -4084,8 +3937,7 @@ 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) {
@@ -4456,7 +4308,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 != null ? subRows : [],
+    subRows: [],
     getLeafRows: () => flattenBy(row.subRows, (d) => d.subRows),
     getParentRow: () => row.parentId ? table.getRow(row.parentId, true) : void 0,
     getParentRows: () => {
@@ -4464,8 +4316,7 @@ 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;
       }
@@ -4753,29 +4604,25 @@ 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 count4 = 0;
+  let count3 = 0;
   let sum2 = 0;
   leafRows.forEach((row) => {
     let value = row.getValue(columnId);
     if (value != null && (value = +value) >= value) {
-      ++count4, sum2 += value;
+      ++count3, sum2 += value;
     }
   });
-  if (count4)
-    return sum2 / count4;
+  if (count3) return sum2 / count3;
   return;
 };
 var median = (columnId, leafRows) => {
@@ -4799,7 +4646,7 @@ var unique = (columnId, leafRows) => {
 var uniqueCount = (columnId, leafRows) => {
   return new Set(leafRows.map((d) => d.getValue(columnId))).size;
 };
-var count3 = (_columnId, leafRows) => {
+var count2 = (_columnId, leafRows) => {
   return leafRows.length;
 };
 var aggregationFns = {
@@ -4811,7 +4658,7 @@ var aggregationFns = {
   median,
   unique,
   uniqueCount,
-  count: count3
+  count: count2
 };
 var ColumnGrouping = {
   getDefaultColumnDef: () => {
@@ -4859,8 +4706,7 @@ var ColumnGrouping = {
     column.getToggleGroupingHandler = () => {
       const canGroup = column.getCanGroup();
       return () => {
-        if (!canGroup)
-          return;
+        if (!canGroup) return;
         column.toggleGrouping();
       };
     };
@@ -5323,8 +5169,7 @@ 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 = {
@@ -5518,8 +5363,7 @@ 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();
@@ -5636,8 +5480,7 @@ var RowExpanding = {
     row.getToggleExpandedHandler = () => {
       const canExpand = row.getCanExpand();
       return () => {
-        if (!canExpand)
-          return;
+        if (!canExpand) return;
         row.toggleExpanded();
       };
     };
@@ -5676,8 +5519,7 @@ 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();
@@ -5870,8 +5712,7 @@ 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
@@ -6112,8 +5953,7 @@ 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);
       };
     };
@@ -6171,8 +6011,7 @@ 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) => {
@@ -6431,8 +6270,7 @@ 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);
       };
@@ -6915,8 +6753,7 @@ 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,
@@ -6941,10 +6778,8 @@ 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;
             }
           }
@@ -7132,10 +6967,9 @@ var TableRow = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 TableRow.displayName = "TableRow";
 var TableHead = t__namespace.forwardRef(
-  ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
+  ({ 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",
@@ -7192,34 +7026,48 @@ var TableHead = t__namespace.forwardRef(
         }
       );
     };
+    const alignmentClasses = {
+      left: "text-left justify-start",
+      center: "text-center justify-center",
+      right: "text-right justify-end"
+    };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "th",
       {
         ref,
         className: cn(
-          "h-10 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+          "h-10 px-4 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+          alignmentClasses[align].split(" ")[0],
+          // text alignment
           sortable && "cursor-pointer hover:text-foreground select-none",
           className
         ),
         onClick: sortable ? onSort : void 0,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+        children: sortable || align !== "left" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center", alignmentClasses[align].split(" ")[1]), children: [
           children,
           sortable && renderSortIcon()
-        ] })
+        ] }) : children
       }
     );
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "td",
-  {
-    ref,
-    className: cn("moonui-theme", "p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
+var TableCell = t__namespace.forwardRef(({ className, align = "left", ...props }, ref) => {
+  const alignmentClass = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right"
+  }[align];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      ref,
+      className: cn("moonui-theme", "p-4 align-middle [&:has([role=checkbox])]:pr-0", alignmentClass, className),
+      ...props
+    }
+  );
+});
 TableCell.displayName = "TableCell";
 var TableCaption = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
@@ -7402,8 +7250,7 @@ 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") {
@@ -7420,8 +7267,7 @@ 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") {
@@ -7434,23 +7280,19 @@ 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 = () => {
@@ -7646,14 +7488,10 @@ 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;
@@ -7795,8 +7633,7 @@ 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);
     }
@@ -8030,8 +7867,7 @@ 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";
   };
@@ -8325,19 +8161,14 @@ 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));
@@ -8497,8 +8328,7 @@ 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);
@@ -8639,8 +8469,7 @@ 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;
@@ -8681,8 +8510,7 @@ 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,
@@ -8902,8 +8730,7 @@ 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);
@@ -9009,7 +8836,6 @@ 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
@@ -9090,9 +8916,7 @@ 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")),
-      port: typeof window !== "undefined" && (window.location.port === "3000" || window.location.port === "3001" || window.location.port === "8080")
-    };
+      localhost: typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local"))};
     if (process.env.VERCEL || process.env.NETLIFY || process.env.RENDER || process.env.RAILWAY_ENVIRONMENT || process.env.FLY_APP_NAME) {
       return false;
     }
@@ -9535,30 +9359,22 @@ 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;
@@ -9568,10 +9384,13 @@ var getMaxLength = (countryCode) => {
   switch (countryCode) {
     case "+1":
       return 10;
+    // US/Canada
     case "+44":
       return 11;
+    // UK
     case "+90":
       return 10;
+    // Turkey
     default:
       return 15;
   }
@@ -9827,188 +9646,6 @@ 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(() => {
@@ -10026,22 +9663,14 @@ function useDirection(localDir) {
 function clamp(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
-function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return function handleEvent(event) {
-    originalEventHandler?.(event);
-    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler?.(event);
-    }
-  };
-}
-function useStateMachine3(initialState, machine) {
+function useStateMachine2(initialState, machine) {
   return t__namespace.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
 }
 var SCROLL_AREA_NAME = "ScrollArea";
-var [createScrollAreaContext, createScrollAreaScope] = createContextScope2(SCROLL_AREA_NAME);
+var [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
 var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 var ScrollArea = t__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -10061,7 +9690,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 = useComposedRefs2(forwardedRef, (node) => setScrollArea(node));
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setScrollArea(node));
     const direction = useDirection(dir);
     return /* @__PURE__ */ jsxRuntime.jsx(
       ScrollAreaProvider,
@@ -10086,7 +9715,7 @@ var ScrollArea = t__namespace.forwardRef(
         onCornerWidthChange: setCornerWidth,
         onCornerHeightChange: setCornerHeight,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive2.div,
+          Primitive.div,
           {
             dir: direction,
             ...scrollAreaProps,
@@ -10111,7 +9740,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 = useComposedRefs2(forwardedRef, ref, context.onViewportChange);
+    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "style",
@@ -10123,7 +9752,7 @@ var ScrollAreaViewport = t__namespace.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive2.div,
+        Primitive.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...viewportProps,
@@ -10192,7 +9821,7 @@ var ScrollAreaScrollbarHover = t__namespace.forwardRef((props, forwardedRef) =>
       };
     }
   }, [context.scrollArea, context.scrollHideDelay]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarAuto,
     {
       "data-state": visible ? "visible" : "hidden",
@@ -10206,7 +9835,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] = useStateMachine3("hidden", {
+  const [state, send] = useStateMachine2("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -10248,14 +9877,14 @@ var ScrollAreaScrollbarScroll = t__namespace.forwardRef((props, forwardedRef) =>
       return () => viewport.removeEventListener("scroll", handleScroll);
     }
   }, [context.viewport, isHorizontal, send, debounceScrollEnd]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarVisible,
     {
       "data-state": state === "hidden" ? "hidden" : "visible",
       ...scrollbarProps,
       ref: forwardedRef,
-      onPointerEnter: composeEventHandlers2(props.onPointerEnter, () => send("POINTER_ENTER")),
-      onPointerLeave: composeEventHandlers2(props.onPointerLeave, () => send("POINTER_LEAVE"))
+      onPointerEnter: composeEventHandlers(props.onPointerEnter, () => send("POINTER_ENTER")),
+      onPointerLeave: composeEventHandlers(props.onPointerLeave, () => send("POINTER_LEAVE"))
     }
   ) });
 });
@@ -10273,7 +9902,7 @@ var ScrollAreaScrollbarAuto = t__namespace.forwardRef((props, forwardedRef) => {
   }, 10);
   useResizeObserver(context.viewport, handleResize);
   useResizeObserver(context.content, handleResize);
-  return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaScrollbarVisible,
     {
       "data-state": visible ? "visible" : "hidden",
@@ -10319,8 +9948,7 @@ 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) {
@@ -10344,12 +9972,10 @@ 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);
         }
       }
     );
@@ -10361,17 +9987,16 @@ 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 composeRefs3 = useComposedRefs2(forwardedRef, ref, context.onScrollbarXChange);
+  const composeRefs2 = useComposedRefs(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: composeRefs3,
+      ref: composeRefs2,
       sizes,
       style: {
         bottom: 0,
@@ -10412,17 +10037,16 @@ 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 composeRefs3 = useComposedRefs2(forwardedRef, ref, context.onScrollbarYChange);
+  const composeRefs2 = useComposedRefs(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: composeRefs3,
+      ref: composeRefs2,
       sizes,
       style: {
         top: 0,
@@ -10476,7 +10100,7 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
   const [scrollbar, setScrollbar] = t__namespace.useState(null);
-  const composeRefs3 = useComposedRefs2(forwardedRef, (node) => setScrollbar(node));
+  const composeRefs2 = useComposedRefs(forwardedRef, (node) => setScrollbar(node));
   const rectRef = t__namespace.useRef(null);
   const prevWebkitUserSelectRef = t__namespace.useRef("");
   const viewport = context.viewport;
@@ -10495,8 +10119,7 @@ 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 });
@@ -10515,12 +10138,12 @@ var ScrollAreaScrollbarImpl = t__namespace.forwardRef((props, forwardedRef) => {
       onThumbPositionChange: handleThumbPositionChange,
       onThumbPointerDown: useCallbackRef(onThumbPointerDown),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive2.div,
+        Primitive.div,
         {
           ...scrollbarProps,
-          ref: composeRefs3,
+          ref: composeRefs2,
           style: { position: "absolute", ...scrollbarProps.style },
-          onPointerDown: composeEventHandlers2(props.onPointerDown, (event) => {
+          onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
             const mainPointer = 0;
             if (event.button === mainPointer) {
               const element = event.target;
@@ -10528,20 +10151,18 @@ 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: composeEventHandlers2(props.onPointerMove, handleDragScroll),
-          onPointerUp: composeEventHandlers2(props.onPointerUp, (event) => {
+          onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
+          onPointerUp: composeEventHandlers(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;
           })
         }
@@ -10554,7 +10175,7 @@ var ScrollAreaThumb = t__namespace.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...thumbProps } = props;
     const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
-    return /* @__PURE__ */ jsxRuntime.jsx(Presence2, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
   }
 );
 var ScrollAreaThumbImpl = t__namespace.forwardRef(
@@ -10563,7 +10184,7 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
     const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
     const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
     const { onThumbPositionChange } = scrollbarContext;
-    const composedRef = useComposedRefs2(
+    const composedRef = useComposedRefs(
       forwardedRef,
       (node) => scrollbarContext.onThumbChange(node)
     );
@@ -10591,7 +10212,7 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
       }
     }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive2.div,
+      Primitive.div,
       {
         "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
         ...thumbProps,
@@ -10601,14 +10222,14 @@ var ScrollAreaThumbImpl = t__namespace.forwardRef(
           height: "var(--radix-scroll-area-thumb-height)",
           ...style
         },
-        onPointerDownCapture: composeEventHandlers2(props.onPointerDownCapture, (event) => {
+        onPointerDownCapture: composeEventHandlers(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: composeEventHandlers2(props.onPointerUp, scrollbarContext.onThumbPointerUp)
+        onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
       }
     );
   }
@@ -10641,7 +10262,7 @@ var ScrollAreaCornerImpl = t__namespace.forwardRef((props, forwardedRef) => {
     setWidth(width2);
   });
   return hasSize ? /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive2.div,
+    Primitive.div,
     {
       ...cornerProps,
       ref: forwardedRef,
@@ -10695,8 +10316,7 @@ 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]);
   };
@@ -10712,8 +10332,7 @@ 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);
   })();
@@ -10730,7 +10349,7 @@ function useDebounceCallback(callback, delay) {
 }
 function useResizeObserver(element, onResize) {
   const handleResize = useCallbackRef(onResize);
-  useLayoutEffect22(() => {
+  useLayoutEffect2(() => {
     let rAF = 0;
     if (element) {
       const resizeObserver = new ResizeObserver(() => {
@@ -10778,6 +10397,185 @@ var ScrollBar = t__namespace.forwardRef(({ className, orientation = "vertical",
   }
 ));
 ScrollBar.displayName = ScrollAreaScrollbar.displayName;
+var defaultVariants = {
+  up: {
+    hidden: { opacity: 0, y: 50 },
+    visible: { opacity: 1, y: 0 }
+  },
+  down: {
+    hidden: { opacity: 0, y: -50 },
+    visible: { opacity: 1, y: 0 }
+  },
+  left: {
+    hidden: { opacity: 0, x: 50 },
+    visible: { opacity: 1, x: 0 }
+  },
+  right: {
+    hidden: { opacity: 0, x: -50 },
+    visible: { opacity: 1, x: 0 }
+  },
+  fade: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  },
+  scale: {
+    hidden: { opacity: 0, scale: 0.8 },
+    visible: { opacity: 1, scale: 1 }
+  },
+  blur: {
+    hidden: { opacity: 0, filter: "blur(10px)" },
+    visible: { opacity: 1, filter: "blur(0px)" }
+  }
+};
+var ScrollReveal = t__namespace.forwardRef(
+  ({
+    children,
+    direction = "up",
+    delay = 0,
+    duration = 0.6,
+    distance = 50,
+    threshold = 0.1,
+    triggerOnce = true,
+    stagger = 0,
+    className,
+    variants,
+    animate: animate2 = true,
+    style,
+    id
+  }, ref) => {
+    const controls = framerMotion.useAnimation();
+    const elementRef = t__namespace.useRef(null);
+    const isInView = framerMotion.useInView(elementRef, {
+      amount: threshold,
+      once: triggerOnce
+    });
+    const customVariants = t__namespace.useMemo(() => {
+      if (variants) return variants;
+      const baseVariants = defaultVariants[direction] || defaultVariants.up;
+      return {
+        hidden: {
+          ...baseVariants.hidden,
+          ...direction === "up" && { y: distance },
+          ...direction === "down" && { y: -distance },
+          ...direction === "left" && { x: distance },
+          ...direction === "right" && { x: -distance }
+        },
+        visible: baseVariants.visible
+      };
+    }, [direction, distance, variants]);
+    t__namespace.useEffect(() => {
+      if (!animate2) return;
+      if (isInView) {
+        controls.start("visible");
+      } else if (!triggerOnce) {
+        controls.start("hidden");
+      }
+    }, [isInView, controls, triggerOnce, animate2]);
+    t__namespace.useImperativeHandle(ref, () => elementRef.current);
+    if (!animate2) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: elementRef,
+          className,
+          style,
+          id,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        ref: elementRef,
+        variants: customVariants,
+        initial: "hidden",
+        animate: controls,
+        transition: {
+          duration,
+          delay: delay + stagger,
+          ease: "easeOut"
+        },
+        className: cn(className),
+        style,
+        id,
+        children
+      }
+    );
+  }
+);
+ScrollReveal.displayName = "ScrollReveal";
+var ScrollRevealContainer = t__namespace.forwardRef(
+  ({ children, stagger = 0.1, className, style, id }, ref) => {
+    const containerRef = t__namespace.useRef(null);
+    const isInView = framerMotion.useInView(containerRef, { amount: 0.1, once: true });
+    t__namespace.useImperativeHandle(ref, () => containerRef.current);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        ref: containerRef,
+        initial: "hidden",
+        animate: isInView ? "visible" : "hidden",
+        variants: {
+          hidden: {},
+          visible: {
+            transition: {
+              staggerChildren: stagger
+            }
+          }
+        },
+        className: cn(className),
+        style,
+        id,
+        children
+      }
+    );
+  }
+);
+ScrollRevealContainer.displayName = "ScrollRevealContainer";
+var ScrollRevealItem = t__namespace.forwardRef(
+  ({
+    children,
+    direction = "up",
+    duration = 0.6,
+    distance = 50,
+    className,
+    variants,
+    style,
+    id
+  }, ref) => {
+    const customVariants = t__namespace.useMemo(() => {
+      if (variants) return variants;
+      const baseVariants = defaultVariants[direction] || defaultVariants.up;
+      return {
+        hidden: {
+          ...baseVariants.hidden,
+          ...direction === "up" && { y: distance },
+          ...direction === "down" && { y: -distance },
+          ...direction === "left" && { x: distance },
+          ...direction === "right" && { x: -distance }
+        },
+        visible: baseVariants.visible
+      };
+    }, [direction, distance, variants]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        ref,
+        variants: customVariants,
+        transition: {
+          duration,
+          ease: "easeOut"
+        },
+        className: cn(className),
+        style,
+        id,
+        children
+      }
+    );
+  }
+);
+ScrollRevealItem.displayName = "ScrollRevealItem";
 var separatorVariants = classVarianceAuthority.cva(
   "shrink-0 bg-border",
   {
@@ -10898,81 +10696,17 @@ 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] = useControllableState2({
+  const [pressed, setPressed] = useControllableState({
     prop: pressedProp,
     onChange: onPressedChange,
     defaultProp: defaultPressed ?? false,
     caller: NAME
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive2.button,
+    Primitive.button,
     {
       type: "button",
       "aria-pressed": pressed,
@@ -10980,7 +10714,7 @@ var Toggle = t__namespace.forwardRef((props, forwardedRef) => {
       "data-disabled": props.disabled ? "" : void 0,
       ...buttonProps,
       ref: forwardedRef,
-      onClick: composeEventHandlers2(props.onClick, () => {
+      onClick: composeEventHandlers(props.onClick, () => {
         if (!props.disabled) {
           setPressed(!pressed);
         }
@@ -11170,7 +10904,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);
-    t.useState(null);
+    const [selection, setSelection] = t.useState(null);
     const editorRef = t__namespace.default.useRef(null);
     const sourceRef = t__namespace.default.useRef(null);
     const [formatState, setFormatState] = t.useState({
@@ -11199,8 +10933,7 @@ 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();
@@ -11208,8 +10941,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
       }
     }, []);
     const executeCommand = t.useCallback((command, value2) => {
-      if (disabled)
-        return;
+      if (disabled) return;
       if (editorRef.current) {
         editorRef.current.focus();
       }
@@ -11668,7 +11400,7 @@ var SimpleEditor = t__namespace.default.forwardRef(
 );
 SimpleEditor.displayName = "SimpleEditor";
 var CharacterCount = ({ content }) => {
-  const [count4, setCount] = t.useState(0);
+  const [count3, setCount] = t.useState(0);
   t.useEffect(() => {
     const getPlainText = (html) => {
       const div = document.createElement("div");
@@ -11678,7 +11410,7 @@ var CharacterCount = ({ content }) => {
     setCount(getPlainText(content).length);
   }, [content]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    count4,
+    count3,
     " characters"
   ] });
 };
@@ -11947,19 +11679,16 @@ 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) {
@@ -12063,8 +11792,7 @@ 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);
@@ -12080,8 +11808,7 @@ 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: [
@@ -12345,8 +12072,7 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open)
-          dismiss();
+        if (!open) dismiss();
       }
     }
   });
@@ -12416,15 +12142,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; }
 });
@@ -12624,6 +12350,9 @@ exports.MoonUIRadioLabel = RadioLabel;
 exports.MoonUIRichTextEditor = RichTextEditor;
 exports.MoonUIScrollArea = ScrollArea2;
 exports.MoonUIScrollBar = ScrollBar;
+exports.MoonUIScrollReveal = ScrollReveal;
+exports.MoonUIScrollRevealContainer = ScrollRevealContainer;
+exports.MoonUIScrollRevealItem = ScrollRevealItem;
 exports.MoonUISelect = Select;
 exports.MoonUISelectContent = SelectContent;
 exports.MoonUISelectGroup = SelectGroup;
@@ -12697,6 +12426,9 @@ exports.RadioLabel = RadioLabel;
 exports.RichTextEditor = RichTextEditor;
 exports.ScrollArea = ScrollArea2;
 exports.ScrollBar = ScrollBar;
+exports.ScrollReveal = ScrollReveal;
+exports.ScrollRevealContainer = ScrollRevealContainer;
+exports.ScrollRevealItem = ScrollRevealItem;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -12765,5 +12497,5 @@ exports.toast = toast;
 exports.toggleVariants = toggleVariants;
 exports.tooltipVariants = tooltipVariants;
 exports.useToast = useToast;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map