@levo-so/react 0.1.18 → 0.1.22

package/dist/{CurrencyWidget-BfnmQP9S.js → CurrencyWidget-BaMho9Pw.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useController as j } from "react-hook-form";
 import { NumericFormat as F } from "react-number-format";
 import { c as w } from "./cn-C9QoOYNG.js";
-import { z as C, A as B, B as N } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as C, A as B, B as N } from "./CollectionFormBuilder-DeGyMEXJ.js";
 const V = ({
   field: r,
   ...m

package/dist/{DateTimeWidget-CqjC2iYx.js → DateTimeWidget-VCmX__cv.js}

@@ -4,7 +4,7 @@ import { Calendar as w, X as N } from "lucide-react";
 import * as l from "react-datepicker";
 import { useController as v } from "react-hook-form";
 import { c as p } from "./cn-C9QoOYNG.js";
-import { z as M, A as D, B as C } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as M, A as D, B as C } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as F } from "./Input-2CvZ90f8.js";
 const T = l.default.default || l.default || l, I = (e) => {
   if (e) {

package/dist/{DefaultFormVariant-CG7WUPV3.js → DefaultFormVariant-fTWKRYI_.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { FormProvider as y } from "react-hook-form";
 import { c as t } from "./cn-C9QoOYNG.js";
-import { D as F, F as g } from "./CollectionFormBuilder-DpTePTDd.js";
-import { u as w, S as N, F as b } from "./FormCaptcha-CbLdFHHY.js";
-import { B as D } from "./Spinner-Bzu2xCFZ.js";
+import { D as F, F as N } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { u as g, S as w, F as b } from "./FormCaptcha-YeElu90S.js";
+import { B as D } from "./Spinner-BnrQ9e_i.js";
 const _ = () => {
   var n;
   const {
@@ -20,7 +20,7 @@ const _ = () => {
     isLoading: u,
     handleContentId: f,
     handleSubmit: j
-  } = w({
+  } = g({
     schema: l,
     saveToRemote: !0
   }), {
@@ -28,7 +28,7 @@ const _ = () => {
   } = o, S = o.watch("__captcha");
   return /* @__PURE__ */ e.jsxs(y, { ...o, children: [
     /* @__PURE__ */ e.jsx(
-      N,
+      w,
       {
         getContentId: (s) => f(s),
         isError: h,
@@ -39,7 +39,7 @@ const _ = () => {
       "form",
       {
         className: t(
-          "w-full bg-white rounded-md flex flex-col gap-6 px-4 md:px-8 py-6",
+          "w-full rounded-md flex flex-col gap-6 px-4 md:px-8 py-6",
           u && "opacity-50 pointer-events-none"
         ),
         id: "collection-form",
@@ -50,7 +50,7 @@ const _ = () => {
             return /* @__PURE__ */ e.jsxs("div", { className: "w-full", children: [
               !(m != null && m.hideSectionHeadings) && /* @__PURE__ */ e.jsx("p", { className: t("mb-4 text-lg font-semibold"), children: s == null ? void 0 : s.label }),
               /* @__PURE__ */ e.jsx("div", { className: t("flex flex-col gap-4"), children: (i = s == null ? void 0 : s.fields) == null ? void 0 : i.map((r) => r && !r.hidden ? /* @__PURE__ */ e.jsx(
-                g,
+                N,
                 {
                   field: r,
                   isInternal: d

package/dist/{DropdownWidget-15oYGYnv.js → DropdownWidget-zAr9v_IY.js}

@@ -1,17 +1,17 @@
 "use client";
 import { j as d } from "./jsx-runtime-B6kdoens.js";
-import { useState as x, useEffect as w } from "react";
-import { useController as B } from "react-hook-form";
-import D from "react-select";
+import { useState as f, useEffect as w } from "react";
+import { useController as R } from "react-hook-form";
+import B from "react-select";
 import { c as y } from "./cn-C9QoOYNG.js";
-import { z as N, A as k, B as q } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as D, A as N, B as q } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as L } from "./Input-2CvZ90f8.js";
 const G = ({
   field: s,
   ...o
 }) => {
   var j;
-  const [t, I] = x([]), [h, g] = x(""), [p, i] = x(!1), {
+  const [t, I] = f([]), [h, g] = f(""), [p, i] = f(!1), {
     key: C = "",
     label: v = "",
     helper_text: S = "",
@@ -19,12 +19,12 @@ const G = ({
     values: n = [],
     options: c = {}
   } = s, u = C, {
-    field: { value: l, onBlur: E, onChange: a, disabled: F, ...M },
-    fieldState: f
-  } = B({
+    field: { value: l, onBlur: k, onChange: a, disabled: E, ...F },
+    fieldState: x
+  } = R({
     name: u,
-    rules: N(s)
-  }), P = !!(s != null && s.required), R = (j = f == null ? void 0 : f.error) == null ? void 0 : j.message, m = !!(c != null && c.custom_input);
+    rules: D(s)
+  }), M = !!(s != null && s.required), P = (j = x == null ? void 0 : x.error) == null ? void 0 : j.message, m = !!(c != null && c.custom_input);
   return w(() => {
     if (n != null && n.length) {
       const r = [...n == null ? void 0 : n.map((b) => ({
@@ -40,10 +40,10 @@ const G = ({
     !(o != null && o.isMulti) && m && typeof l == "string" && l && ((t == null ? void 0 : t.findIndex(
       (r) => (r == null ? void 0 : r.value) !== "Other" && (r == null ? void 0 : r.value) === l
     )) === -1 ? (i(!0), g(l)) : i(!1));
-  }, [l, t]), /* @__PURE__ */ d.jsxs(k, { error: R, helperText: S, readOnly: O, children: [
-    v && /* @__PURE__ */ d.jsx(q, { htmlFor: u, isRequired: P, children: v }),
+  }, [l, t]), /* @__PURE__ */ d.jsxs(N, { error: P, helperText: S, readOnly: O, children: [
+    v && /* @__PURE__ */ d.jsx(q, { htmlFor: u, isRequired: M, children: v }),
     /* @__PURE__ */ d.jsx(
-      D,
+      B,
       {
         id: u,
         value: p ? {
@@ -55,17 +55,17 @@ const G = ({
         onChange: (e) => {
           m && (e == null ? void 0 : e.value) === "Other" && (e == null ? void 0 : e.label) === "Other, Please Specify" ? (i(!0), a(h)) : (i(!1), o != null && o.isMulti ? a(e == null ? void 0 : e.map((r) => r == null ? void 0 : r.value)) : a(e == null ? void 0 : e.value));
         },
-        onBlur: () => E(),
+        onBlur: () => k(),
         options: t,
-        isDisabled: F,
+        isDisabled: E,
         menuPlacement: "auto",
-        ...M,
+        ...F,
         ...o,
         unstyled: !0,
         classNames: {
           container: () => y("w-full min-w-none h-auto min-h-none"),
           control: ({ isFocused: e, isMulti: r, isDisabled: b }) => y(
-            "w-full  pl-3",
+            "w-full  pl-3 text-black/80",
             r ? "!min-h-9 h-auto" : "h-9 !min-h-none",
             "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
             "flex ",
@@ -87,7 +87,7 @@ const G = ({
           groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
           placeholder: () => "text-gray-500 pl-1 py-0.5",
           option: ({ isSelected: e, isFocused: r }) => y(
-            "text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
+            "text-black/80 text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
             r && "bg-gray-100 active:bg-gray-200",
             e && "text-white bg-primary/80"
           ),

package/dist/{EmailWidget-mGeLzigY.js → EmailWidget-d3hSxbAS.js}

@@ -1,7 +1,7 @@
 import { j as r } from "./jsx-runtime-B6kdoens.js";
 import { useController as y } from "react-hook-form";
-import { G as C } from "./Spinner-Bzu2xCFZ.js";
-import { z as F, A as I, B as V } from "./CollectionFormBuilder-DpTePTDd.js";
+import { G as C } from "./Spinner-BnrQ9e_i.js";
+import { z as F, A as I, B as V } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as b } from "./Input-2CvZ90f8.js";
 function w(e) {
   return C({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M1.75 3h20.5c.966 0 1.75.784 1.75 1.75v14a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 18.75v-14C0 3.784.784 3 1.75 3ZM1.5 7.412V18.75c0 .138.112.25.25.25h20.5a.25.25 0 0 0 .25-.25V7.412l-9.52 6.433c-.592.4-1.368.4-1.96 0Zm0-2.662v.852l10.36 7a.25.25 0 0 0 .28 0l10.36-7V4.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z" }, child: [] }] })(e);

package/dist/{FormCaptcha-CbLdFHHY.js → FormCaptcha-YeElu90S.js}

@@ -3,7 +3,7 @@ import { useEffect as k, useState as b, useRef as J } from "react";
 import { useFormContext as W, useWatch as Y, useForm as B, useController as G } from "react-hook-form";
 import { useDebouncedCallback as H } from "use-debounce";
 import { u as x } from "./LevoProvider-BAZy7_tP.js";
-import { D as C, s as z, h as Q, c as X, A as Z } from "./CollectionFormBuilder-DpTePTDd.js";
+import { D as C, s as z, h as Q, c as X, A as Z } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { s as m } from "./Sonner-t6JVKA0a.js";
 import { e as D } from "./errorHandler-_34Yv8wA.js";
 import { a as h } from "./isEmptyObject-C5s4GzLE.js";
@@ -22,7 +22,7 @@ const R = {
   );
 }, M = (t) => {
   localStorage.removeItem(`${t}-${R.FORM_VALUES}`);
-}, dt = ({ currentValues: t, isError: s, getContentId: p }) => {
+}, dt = ({ currentValues: t, isError: s, getContentId: g }) => {
   var O;
   const { schema: n, isLoggedIn: a } = C(), e = W(), l = Y(), { client: S } = x(), I = H((v) => {
     n != null && n.key && !s && n != null && n.allow_draft && (a ? fetch(`${S.apiUrl}/v1/bevy/content/${n == null ? void 0 : n.key}/save-entry`, {
@@ -33,9 +33,9 @@ const R = {
       }
     }).then((o) => o.json()).then((o) => {
       var _, V, c, E;
-      (V = (_ = o == null ? void 0 : o.content) == null ? void 0 : _.data) != null && V._id && p((E = (c = o == null ? void 0 : o.content) == null ? void 0 : c.data) == null ? void 0 : E._id);
+      (V = (_ = o == null ? void 0 : o.content) == null ? void 0 : _.data) != null && V._id && g((E = (c = o == null ? void 0 : o.content) == null ? void 0 : c.data) == null ? void 0 : E._id);
     }).catch(() => {
-      console.log("saving entry failed");
+      console.error("saving entry failed");
     }) : et(n == null ? void 0 : n.key, v));
   }, 2500);
   return k(() => {
@@ -48,7 +48,7 @@ const R = {
 }, yt = ({
   schema: t,
   saveToRemote: s,
-  onSubmit: p,
+  onSubmit: g,
   onSubmitSuccess: n,
   onSubmitError: a
 }) => {
@@ -68,7 +68,7 @@ const R = {
       keepErrors: !0
     }
   }), q = F.handleSubmit(async (d) => {
-    var L, g, y, i, j, T;
+    var L, p, y, i, j, T;
     if (r.current = {
       ...r.current || {},
       ...d
@@ -85,7 +85,7 @@ const R = {
               l.successToastText || "Form submitted successfully."
             ), r.current = h(o) ? {} : { ...o }, M(t == null ? void 0 : t.key), E(null), S && S({
               schemaId: t == null ? void 0 : t.id,
-              response: (g = u == null ? void 0 : u.content) == null ? void 0 : g.data
+              response: (p = u == null ? void 0 : u.content) == null ? void 0 : p.data
             }), n && n(), F.reset(), F.clearErrors(), !0;
           throw new Error("Failed to save form details, API response invalid");
         } catch (f) {
@@ -94,7 +94,7 @@ const R = {
         }
       return !1;
     }
-    d && p && p(d);
+    d && g && g(d);
   }), K = (d) => {
     d && d !== c && E(d);
   };
@@ -107,13 +107,13 @@ const R = {
         ...r.current || {}
       }, !c && t != null && t.allow_draft) {
         if (O) {
-          $(!0), e == null || e.getDraftEntry(t == null ? void 0 : t.key).then((g) => {
-            if (g === null) {
+          $(!0), e == null || e.getDraftEntry(t == null ? void 0 : t.key).then((p) => {
+            if (p === null) {
               A(!0);
               return;
             }
             A(!1);
-            const y = Array.isArray(g) ? g == null ? void 0 : g.filter((i) => (i == null ? void 0 : i._status) === "draft") : [];
+            const y = Array.isArray(p) ? p == null ? void 0 : p.filter((i) => (i == null ? void 0 : i._status) === "draft") : [];
             if ((y == null ? void 0 : y.length) > 0) {
               const i = (y == null ? void 0 : y[0]) || {};
               i != null && i._id && (r.current = {
@@ -149,8 +149,8 @@ const R = {
     handleContentId: K,
     handleSubmit: q
   };
-}, gt = () => {
-  const { isInternal: t } = C(), { client: s } = x(), p = J(null), {
+}, pt = () => {
+  const { isInternal: t } = C(), { client: s } = x(), g = J(null), {
     field: { onChange: n },
     fieldState: { error: a }
   } = G({
@@ -162,13 +162,13 @@ const R = {
   return k(() => {
     const e = (S) => {
       "detail" in S && n(S.detail.state || null);
-    }, { current: l } = p;
+    }, { current: l } = g;
     if (l)
       return l.addEventListener("statechange", e), () => l.removeEventListener("statechange", e);
   }, []), /* @__PURE__ */ U.jsx(Z, { error: a == null ? void 0 : a.message, children: /* @__PURE__ */ U.jsx(
     "altcha-widget",
     {
-      ref: p,
+      ref: g,
       style: {
         "--altcha-max-width": "100%"
       },
@@ -181,7 +181,7 @@ const R = {
   ) });
 };
 export {
-  gt as F,
+  pt as F,
   dt as S,
   yt as u
 };

package/dist/{GeocoderWidget-BXv8P8Y1.js → GeocoderWidget-BOqaJMm1.js}

@@ -2,8 +2,8 @@
 import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useState as p, useEffect as v } from "react";
 import { useController as z } from "react-hook-form";
-import { n as T } from "./Spinner-Bzu2xCFZ.js";
-import { z as k, A as q, B as A } from "./CollectionFormBuilder-DpTePTDd.js";
+import { o as T } from "./Spinner-BnrQ9e_i.js";
+import { z as k, A as q, B as A } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as E } from "./Input-2CvZ90f8.js";
 import { u as O } from "./LevoProvider-BAZy7_tP.js";
 const $ = ({ field: t }) => {

package/dist/{MultiGeocoderWidget-eCOGwc1m.js → MultiGeocoderWidget-BTffSkJX.js}

@@ -2,9 +2,9 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { Plus as m } from "lucide-react";
 import { useFieldArray as n } from "react-hook-form";
-import { B as c } from "./CollectionFormBuilder-DpTePTDd.js";
-import { GeocoderWidget as d } from "./GeocoderWidget-BXv8P8Y1.js";
-import { B as p } from "./Spinner-Bzu2xCFZ.js";
+import { B as c } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-BOqaJMm1.js";
+import { B as p } from "./Spinner-BnrQ9e_i.js";
 const k = ({
   field: l
 }) => {

package/dist/{MultiTextWidget-DpT1gLmr.js → MultiTextWidget-L2Eoz2Zv.js}

@@ -1,6 +1,6 @@
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { useController as A } from "react-hook-form";
-import { z as C, A as b, B as q } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as C, A as b, B as q } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I } from "./Input-2CvZ90f8.js";
 const f = ({ field: r }) => {
   var l;

package/dist/{PhoneWidget-DisB02Ll.js → PhoneWidget-CnDhiovx.js}

@@ -3,7 +3,7 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useController as f } from "react-hook-form";
 import { PhoneInput as g } from "react-international-phone";
 import { c as l } from "./cn-C9QoOYNG.js";
-import { z as x, A as v, B as y } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as x, A as v, B as y } from "./CollectionFormBuilder-DeGyMEXJ.js";
 const P = ({ field: e }) => {
   const { key: u = "", label: t = "", helper_text: c = "", readonly: n = !1 } = e, s = u, {
     field: { value: d, onBlur: a, onChange: i, ...m },

package/dist/{RadioWidget-DjWXEZQx.js → RadioWidget-CG01ys9E.js}

@@ -3,9 +3,9 @@ import { j as r } from "./jsx-runtime-B6kdoens.js";
 import * as n from "@radix-ui/react-radio-group";
 import * as d from "react";
 import { useController as F } from "react-hook-form";
-import { G as B } from "./Spinner-Bzu2xCFZ.js";
+import { G as B } from "./Spinner-BnrQ9e_i.js";
 import { c as N } from "./cn-C9QoOYNG.js";
-import { z as E, A as G, B as f } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as E, A as G, B as f } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as V } from "./Input-2CvZ90f8.js";
 function q(s) {
   return B({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M416 128 192 384l-96-96" }, child: [] }] })(s);

package/dist/{RichTextWidget-BnqTjA-v.js → RichTextWidget-DCX1Vpw4.js}

@@ -17,9 +17,9 @@ import F from "@tiptap/extension-underline";
 import { useEditor as I, EditorContent as E } from "@tiptap/react";
 import { useState as q, useEffect as D } from "react";
 import { useController as G } from "react-hook-form";
-import { G as p, o as J, p as V, q as W, r as Z, s as _, t as P, u as K, v as Q, w as X, x as Y, y as $, z as nn } from "./Spinner-Bzu2xCFZ.js";
+import { G as p, p as J, q as V, r as W, s as Z, t as _, u as P, v as K, w as Q, x as X, y as Y, z as $, A as nn } from "./Spinner-BnrQ9e_i.js";
 import { c as j } from "./cn-C9QoOYNG.js";
-import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-DpTePTDd.js";
+import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-DeGyMEXJ.js";
 function an(n) {
   return p({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 0 1-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 0 0-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" }, child: [] }] })(n);
 }

package/dist/{Spinner-Bzu2xCFZ.js → Spinner-BnrQ9e_i.js}

@@ -3,7 +3,7 @@ import { j as i } from "./jsx-runtime-B6kdoens.js";
 import * as m from "@radix-ui/react-tabs";
 import * as u from "react";
 import f from "react";
-import { c as l } from "./cn-C9QoOYNG.js";
+import { c } from "./cn-C9QoOYNG.js";
 import { Slot as D } from "@radix-ui/react-slot";
 import { twMerge as M } from "tailwind-merge";
 import { cva as L } from "class-variance-authority";
@@ -16,17 +16,17 @@ var y = {
   style: void 0,
   attr: void 0
 }, b = f.createContext && /* @__PURE__ */ f.createContext(y), T = ["attr", "size", "title"];
-function S(t, e) {
+function E(t, e) {
   if (t == null) return {};
-  var a = k(t, e), r, s;
+  var a = S(t, e), r, s;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(t);
-    for (s = 0; s < c.length; s++)
-      r = c[s], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (a[r] = t[r]);
+    var l = Object.getOwnPropertySymbols(t);
+    for (s = 0; s < l.length; s++)
+      r = l[s], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (a[r] = t[r]);
   }
   return a;
 }
-function k(t, e) {
+function S(t, e) {
   if (t == null) return {};
   var a = {};
   for (var r in t)
@@ -60,14 +60,14 @@ function p(t) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? x(Object(a), !0).forEach(function(r) {
-      E(t, r, a[r]);
+      k(t, r, a[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : x(Object(a)).forEach(function(r) {
       Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(a, r));
     });
   }
   return t;
 }
-function E(t, e, a) {
+function k(t, e, a) {
   return e = _(e), e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
 }
 function _(t) {
@@ -99,8 +99,8 @@ function V(t) {
     var {
       attr: r,
       size: s,
-      title: c
-    } = t, g = S(t, T), h = s || a.size || "1em", d;
+      title: l
+    } = t, g = E(t, T), h = s || a.size || "1em", d;
     return a.className && (d = a.className), t.className && (d = (d ? d + " " : "") + t.className), /* @__PURE__ */ f.createElement("svg", v({
       stroke: "currentColor",
       fill: "currentColor",
@@ -113,7 +113,7 @@ function V(t) {
       height: h,
       width: h,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ f.createElement("title", null, c), t.children);
+    }), l && /* @__PURE__ */ f.createElement("title", null, l), t.children);
   };
   return b !== void 0 ? /* @__PURE__ */ f.createElement(b.Consumer, null, (a) => e(a)) : e(y);
 }
@@ -166,7 +166,7 @@ const vt = m.Root, I = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__
   m.List,
   {
     ref: a,
-    className: l(
+    className: c(
       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
       t
     ),
@@ -178,7 +178,7 @@ const W = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
   m.Trigger,
   {
     ref: a,
-    className: l(
+    className: c(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       t
     ),
@@ -191,7 +191,7 @@ const F = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
   m.Content,
   {
     ref: a,
-    className: l(
+    className: c(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       t
     ),
@@ -240,21 +240,21 @@ const U = L(
     size: a,
     rounded: r,
     asChild: s = !1,
-    isLoading: c = !1,
+    isLoading: l = !1,
     loadingText: g,
     disabled: h,
     ...d
-  }, P) => {
-    const C = s ? D : "button";
+  }, C) => {
+    const P = s ? D : "button";
     return /* @__PURE__ */ i.jsx(
-      C,
+      P,
       {
-        className: l(U({ variant: e, size: a, rounded: r, className: t })),
-        ref: P,
-        disabled: h || c,
+        className: c(U({ variant: e, size: a, rounded: r, className: t })),
+        ref: C,
+        disabled: h || l,
         type: "button",
         ...d,
-        children: c ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        children: l ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
           /* @__PURE__ */ i.jsx(
             z,
             {
@@ -271,11 +271,11 @@ const U = L(
   }
 );
 G.displayName = "Button";
-const q = o.Root, pt = o.Trigger, J = o.Portal, j = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+const q = o.Root, pt = o.Trigger, J = o.Portal, bt = o.Close, j = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
   o.Overlay,
   {
     ref: a,
-    className: l(
+    className: c(
       "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
@@ -283,17 +283,17 @@ const q = o.Root, pt = o.Trigger, J = o.Portal, j = u.forwardRef(({ className: t
   }
 ));
 j.displayName = o.Overlay.displayName;
-const N = u.forwardRef(({ className: t, children: e, hideCloseButton: a, ...r }, s) => /* @__PURE__ */ i.jsxs(J, { children: [
-  /* @__PURE__ */ i.jsx(j, {}),
+const N = u.forwardRef(({ className: t, children: e, hideCloseButton: a, overlayStyles: r, ...s }, l) => /* @__PURE__ */ i.jsxs(J, { children: [
+  /* @__PURE__ */ i.jsx(j, { className: r }),
   /* @__PURE__ */ i.jsxs(
     o.Content,
     {
-      ref: s,
-      className: l(
+      ref: l,
+      className: c(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
         t
       ),
-      ...r,
+      ...s,
       children: [
         e,
         !a && /* @__PURE__ */ i.jsxs(o.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
@@ -311,7 +311,7 @@ const H = ({
 }) => /* @__PURE__ */ i.jsx(
   "div",
   {
-    className: l(
+    className: c(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       t
     ),
@@ -325,7 +325,7 @@ const K = ({
 }) => /* @__PURE__ */ i.jsx(
   "div",
   {
-    className: l(
+    className: c(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       t
     ),
@@ -337,7 +337,7 @@ const O = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
   o.Title,
   {
     ref: a,
-    className: l(
+    className: c(
       "text-lg font-semibold leading-none tracking-tight",
       t
     ),
@@ -349,32 +349,33 @@ const B = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
   o.Description,
   {
     ref: a,
-    className: l("text-sm text-muted-foreground", t),
+    className: c("text-sm text-muted-foreground", t),
     ...e
   }
 ));
 B.displayName = o.Description.displayName;
-const bt = ({
+const xt = ({
   isOpen: t,
   onClose: e,
   children: a,
   title: r,
   contentClassName: s,
-  modal: c = !0
-}) => /* @__PURE__ */ i.jsx(q, { open: t, onOpenChange: e, modal: c, children: /* @__PURE__ */ i.jsxs(N, { className: s, children: [
+  modal: l = !0
+}) => /* @__PURE__ */ i.jsx(q, { open: t, onOpenChange: e, modal: l, children: /* @__PURE__ */ i.jsxs(N, { className: s, children: [
   r && /* @__PURE__ */ i.jsxs(H, { className: "flex-1 font-medium", children: [
     /* @__PURE__ */ i.jsx(O, { children: r }),
     /* @__PURE__ */ i.jsx(B, {})
   ] }),
   /* @__PURE__ */ i.jsx("div", { className: "w-full", children: a })
-] }) }), xt = ({ className: t }) => /* @__PURE__ */ i.jsx(z, { className: l("h-8 w-8 animate-spin font-light", t) });
+] }) }), yt = ({ className: t }) => /* @__PURE__ */ i.jsx(z, { className: c("h-8 w-8 animate-spin font-light", t) });
 export {
-  ot as A,
+  at as A,
   G as B,
-  lt as C,
+  ot as C,
   q as D,
+  lt as E,
   n as G,
-  xt as S,
+  yt as S,
   vt as T,
   J as a,
   U as b,
@@ -386,20 +387,20 @@ export {
   O as h,
   B as i,
   bt as j,
-  I as k,
-  W as l,
-  F as m,
-  z as n,
-  st as o,
-  ct as p,
-  gt as q,
-  mt as r,
-  ft as s,
-  ut as t,
-  dt as u,
-  ht as v,
-  rt as w,
-  it as x,
-  nt as y,
-  at as z
+  xt as k,
+  I as l,
+  W as m,
+  F as n,
+  z as o,
+  st as p,
+  ct as q,
+  gt as r,
+  mt as s,
+  ft as t,
+  ut as u,
+  dt as v,
+  ht as w,
+  rt as x,
+  it as y,
+  nt as z
 };