konsolpro-custom-ui 0.0.357 → 0.0.359

package/dist/chunks/{uploader-CvHJ9FDD.js → uploader-GhkDcbgq.js}

@@ -88,11 +88,11 @@ import "../lib/ui/customizable-carousel.js";
 import { t as Er, c as jt, n as An, s as RA, f as cB, g as vB } from "./ru-CUCVR8Pn.js";
 import { a as pt, s as Pn, g as gc, e as dB, d as Et, f as nA, b as fB, c as To, h as VB, i as pB, j as Qw } from "./format-DoKcg9cH.js";
 import { P as Hn } from "./index-PsqJG3fE.js";
-import "../lib/icon/icons.js";
 import { shadowVariants as Uo } from "../lib/ui/dialog/utils.js";
 import { useDialogBase as gB, BaseDialogContext as mB } from "../lib/ui/dialog/dialog-base/use-base-dialog.js";
 import "../lib/ui/date-range-picker/locales.js";
 import { Link as hB } from "../lib/ui/link.js";
+import "../lib/icon/icons.js";
 import { translations as qB } from "../lib/ui/phone-input/constants.js";
 import wB from "../lib/ui/phone-input/locales/ru.json.js";
 import yB from "../lib/ui/phone-input/locales/tg.json.js";
@@ -14143,6 +14143,26 @@ function Ex(t) {
 function C_(t) {
   return W(Ex, Ge({}, t, { children: W(Yx, { initialProps: t }) }));
 }
+const Ru = ({ multiSources: t } = {}) => {
+  const e = { element: null, set: null }, r = (A) => {
+    e.element = A, e.set && e.set.current && e.set.current(A);
+  };
+  return { Source: ({ children: A }) => {
+    const [n, l] = ue.useState(null);
+    if (ue.useLayoutEffect(() => {
+      const i = { current: l };
+      let u;
+      return e.set && (u = e.set, !t && e.set.current && e.set.current(null)), e.set = i, e.element !== void 0 && l(e.element), () => {
+        i.current = null, e.set = null, u && u.current && (e.set = u, e.element !== void 0 && u.current(e.element));
+      };
+    }, []), !n) return null;
+    const s = typeof A == "function" ? A(n) : A;
+    return Qo.createPortal(s, n);
+  }, Target: (l) => {
+    var s = l, { as: A = "div" } = s, n = Ee(s, ["as"]);
+    return ue.createElement(A, se({ ref: r }, n));
+  }, useTargetRef: () => r };
+};
 var Ya = "Dialog", [rW, W_] = Jn(Ya), [xx, yt] = rW(Ya), tW = (t) => {
   const {
     __scopeDialog: e,
@@ -14367,207 +14387,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     e && n && (document.getElementById(e) || console.warn(A));
   }, [A, t, e]), null;
 }, gW = tW, mW = nW, hW = lW, T3 = sW, U3 = iW, S3 = oW, qW = vW, N3 = fW;
-const Nx = {
-  sm: "md:w-100",
-  md: "md:w-150",
-  lg: "md:w-200"
-}, B_ = gW, X_ = mW, jx = hW, F_ = N3, wW = a.forwardRef((A, r) => {
-  var n = A, { className: t } = n, e = Ee(n, ["className"]);
-  return /* @__PURE__ */ W(
-    T3,
-    se({
-      ref: r,
-      className: fe(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[rgba(37,29,53,0.48)]",
-        t
-      )
-    }, e)
-  );
-});
-wW.displayName = T3.displayName;
-const Ix = a.forwardRef(
-  (v, c) => {
-    var d = v, {
-      className: t,
-      children: e,
-      showClose: r = !0,
-      footer: A,
-      disabledPadding: n = !1,
-      classNameFooter: l,
-      hideOverlay: s = !1,
-      fullScreen: i = !1,
-      width: u = "sm"
-    } = d, o = Ee(d, [
-      "className",
-      "children",
-      "showClose",
-      "footer",
-      "disabledPadding",
-      "classNameFooter",
-      "hideOverlay",
-      "fullScreen",
-      "width"
-    ]);
-    const V = st(null), [f, g] = Yr(!1);
-    return Bt(() => {
-      const p = () => {
-        V.current && g(V.current.scrollTop > 0);
-      };
-      return setTimeout(() => {
-        const q = V.current;
-        q && q.addEventListener("scroll", p);
-      }, 2e3), () => {
-        const q = V.current;
-        q && q.removeEventListener("scroll", p);
-      };
-    }, []), /* @__PURE__ */ ye(jx, { children: [
-      !s && /* @__PURE__ */ W(wW, {}),
-      /* @__PURE__ */ W(
-        U3,
-        Fe(se({
-          ref: c,
-          onOpenAutoFocus: (p) => {
-            p.preventDefault();
-          },
-          className: fe(
-            "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 fixed z-50 box-border w-full gap-4 duration-200",
-            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom right-0 bottom-0 left-0 rounded-t-xl md:[right:unset] md:[bottom:unset]",
-            "md:data-[state=closed]:slide-out-to-left-1/2 md:data-[state=closed]:slide-out-to-top-[48%] md:data-[state=open]:slide-in-from-left-1/2 md:data-[state=open]:slide-in-from-top-[48%] md:top-[50%] md:left-[50%] md:translate-x-[-50%] md:translate-y-[-50%] md:rounded-4xl",
-            "max-h-[100vh] overflow-hidden bg-white p-4 md:max-h-[calc(100vh-40px)] md:p-6",
-            Nx[u],
-            { "p-0 md:p-0": n },
-            { "w-full md:h-full md:max-h-full md:w-full": i },
-            t
-          )
-        }, o), {
-          children: /* @__PURE__ */ ye(
-            "div",
-            {
-              className: fe(
-                "relative flex h-full max-h-[calc(100vh-32px)] flex-col md:max-h-[calc(100vh-40px-48px)]",
-                { "max-h-[100vh] md:max-h-[calc(100vh-40px)]": n },
-                {
-                  "h-full w-full md:h-full md:max-h-[calc(100vh-48px)] md:w-full": i
-                }
-              ),
-              children: [
-                /* @__PURE__ */ W(
-                  "div",
-                  {
-                    className: "no-scrollbar flex flex-col overflow-y-auto",
-                    ref: V,
-                    children: e
-                  }
-                ),
-                A && /* @__PURE__ */ W(
-                  "div",
-                  {
-                    className: fe(
-                      "bottom-0 z-[1] flex pt-4 transition-shadow duration-200 md:pt-6",
-                      { "shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)]": f },
-                      { "p-4 md:p-6": n },
-                      {
-                        "mx-[-18px] px-[18px] md:mx-[-26px] md:px-[26px]": !n
-                      },
-                      l
-                    ),
-                    children: A
-                  }
-                ),
-                r && /* @__PURE__ */ W(
-                  N3,
-                  {
-                    tabIndex: -1,
-                    className: fe(
-                      "absolute top-[-8px] right-[-8px] border-0 bg-transparent p-0",
-                      { "top-2 right-2": n }
-                    ),
-                    asChild: !0,
-                    children: /* @__PURE__ */ W(
-                      Ur,
-                      {
-                        variant: "text",
-                        className: "text-secondary",
-                        iconOnly: !0,
-                        icon: "CloseIcon"
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          )
-        })
-      )
-    ] });
-  }
-);
-Ix.displayName = U3.displayName;
-function Gx(r) {
-  var A = r, {
-    className: t
-  } = A, e = Ee(A, [
-    "className"
-  ]);
-  return /* @__PURE__ */ W("div", se({ className: fe("flex flex-col space-y-1.5", t) }, e));
-}
-Gx.displayName = "DialogHeader";
-const kx = a.forwardRef((A, r) => {
-  var n = A, { className: t } = n, e = Ee(n, ["className"]);
-  return /* @__PURE__ */ W(
-    S3,
-    se({
-      ref: r,
-      className: fe(
-        "",
-        {
-          "font-graphik m-0 mb-2 pr-3 text-[28px] leading-[32px] font-bold md:mb-4": !e.asChild
-        },
-        t
-      )
-    }, e)
-  );
-});
-kx.displayName = S3.displayName;
-const Jx = a.forwardRef((A, r) => {
-  var n = A, { className: t } = n, e = Ee(n, ["className"]);
-  return /* @__PURE__ */ W(
-    qW,
-    se({
-      ref: r,
-      className: fe("", t)
-    }, e)
-  );
-});
-Jx.displayName = qW.displayName;
-function yW() {
-  return window.innerWidth < 768 ? "mobile" : "desktop";
-}
-const Ru = ({ multiSources: t } = {}) => {
-  const e = { element: null, set: null }, r = (A) => {
-    e.element = A, e.set && e.set.current && e.set.current(A);
-  };
-  return { Source: ({ children: A }) => {
-    const [n, l] = ue.useState(null);
-    if (ue.useLayoutEffect(() => {
-      const i = { current: l };
-      let u;
-      return e.set && (u = e.set, !t && e.set.current && e.set.current(null)), e.set = i, e.element !== void 0 && l(e.element), () => {
-        i.current = null, e.set = null, u && u.current && (e.set = u, e.element !== void 0 && u.current(e.element));
-      };
-    }, []), !n) return null;
-    const s = typeof A == "function" ? A(n) : A;
-    return Qo.createPortal(s, n);
-  }, Target: (l) => {
-    var s = l, { as: A = "div" } = s, n = Ee(s, ["as"]);
-    return ue.createElement(A, se({ ref: r }, n));
-  }, useTargetRef: () => r };
-}, Wn = gW, bn = hW, jA = a.forwardRef((A, r) => {
+const Wn = gW, bn = hW, jA = a.forwardRef((A, r) => {
   var n = A, { className: t } = n, e = Ee(n, ["className"]);
   return /* @__PURE__ */ W(mW, Fe(se({}, e), { asChild: !0, ref: r, className: fe(t) }));
 });
 jA.displayName = "Trigger";
-const Hx = tn(
+const Nx = tn(
   "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 bg-[rgba(37,29,53,0.48)]"
 ), IA = a.forwardRef((n, A) => {
   var l = n, { className: t, style: e } = l, r = Ee(l, ["className", "style"]);
@@ -14576,12 +14401,12 @@ const Hx = tn(
     Fe(se({}, r), {
       ref: A,
       style: (e == null ? void 0 : e.zIndex) !== void 0 ? e : Fe(se({}, e), { zIndex: 50 }),
-      className: fe(Hx(), t)
+      className: fe(Nx(), t)
     })
   );
 });
 IA.displayName = "Overlay";
-const Rx = tn(
+const jx = tn(
   [
     "flex flex-col",
     // Анимации и состояния
@@ -14669,7 +14494,7 @@ const Rx = tn(
           l ? g.preventDefault() : i == null || i(g);
         },
         className: fe(
-          Rx({ width: r, overflow: A, padding: c }),
+          jx({ width: r, overflow: A, padding: c }),
           Uo({ all: !0 }),
           t
         ),
@@ -14747,7 +14572,7 @@ const Ea = a.forwardRef((n, A) => {
   ) });
 });
 Ea.displayName = "Close";
-const K_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const B_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Close: Ea,
   Container: GA,
@@ -14758,7 +14583,7 @@ const K_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Portal: bn,
   Title: j3,
   Trigger: jA
-}, Symbol.toStringTag, { value: "Module" })), CW = a.forwardRef(
+}, Symbol.toStringTag, { value: "Module" })), wW = a.forwardRef(
   (n, A) => {
     var l = n, { className: t, shadow: e = "none" } = l, r = Ee(l, ["className", "shadow"]);
     return /* @__PURE__ */ W(
@@ -14773,22 +14598,22 @@ const K_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       })
     );
   }
-), WW = a.createContext(null);
+), yW = a.createContext(null);
 function G3() {
-  const t = a.useContext(WW);
+  const t = a.useContext(yW);
   if (!t)
     throw new Error("useTeleporters должен использоваться внутри DialogBase");
   return t;
 }
-function _x(t) {
+function Ix(t) {
   const { FooterTeleporter: e } = G3();
   return /* @__PURE__ */ W(e.Source, se({}, t));
 }
-function $x(t) {
+function Gx(t) {
   const { TitleTeleporter: e } = G3();
   return /* @__PURE__ */ W(e.Source, se({}, t));
 }
-function eP(t) {
+function kx(t) {
   const { ContentTeleporter: e } = G3();
   return /* @__PURE__ */ W(e.Source, se({}, t));
 }
@@ -14831,7 +14656,7 @@ function Ct(d) {
     }),
     []
   ), p = g.TitleTeleporter.useTargetRef(), q = g.FooterTeleporter.useTargetRef(), w = g.ContentTeleporter.useTargetRef();
-  return /* @__PURE__ */ W(Wn, Fe(se({}, v), { children: /* @__PURE__ */ W(WW.Provider, { value: g, children: /* @__PURE__ */ ye(mB.Provider, { value: f, children: [
+  return /* @__PURE__ */ W(Wn, Fe(se({}, v), { children: /* @__PURE__ */ W(yW.Provider, { value: g, children: /* @__PURE__ */ ye(mB.Provider, { value: f, children: [
     r && /* @__PURE__ */ W(jA, { children: r }),
     /* @__PURE__ */ ye(bn, { children: [
       l && /* @__PURE__ */ W(
@@ -14851,7 +14676,7 @@ function Ct(d) {
           dataTestId: c,
           children: [
             /* @__PURE__ */ ye(
-              CW,
+              wW,
               {
                 shadow: f.shadowHeader,
                 className: fe(t == null ? void 0 : t.header),
@@ -14899,15 +14724,18 @@ function Ct(d) {
 Ct.displayName = "DialogBase";
 Ct.Trigger = jA;
 Ct.Close = Ea;
-Ct.Footer = _x;
-Ct.Content = eP;
-Ct.Title = $x;
+Ct.Footer = Ix;
+Ct.Content = kx;
+Ct.Title = Gx;
 Ct.Overlay = IA;
 Ct.Portal = bn;
 Ct.Dialog = Wn;
 Ct.Container = GA;
-Ct.Header = CW;
-const bW = It({}), rP = a.forwardRef(
+Ct.Header = wW;
+function CW() {
+  return window.innerWidth < 768 ? "mobile" : "desktop";
+}
+const WW = It({}), Jx = a.forwardRef(
   (l, n) => {
     var s = l, { closeOnItemClick: t = !0, value: e, onValueChange: r } = s, A = Ee(s, ["closeOnItemClick", "value", "onValueChange"]);
     const [i, u] = a.useState(!1), o = a.useCallback(() => {
@@ -14925,9 +14753,9 @@ const bW = It({}), rP = a.forwardRef(
       }),
       [t, o, e, c]
     );
-    return /* @__PURE__ */ W(bW.Provider, { value: v, children: /* @__PURE__ */ W(Cw, se({ open: i, onOpenChange: u }, A)) });
+    return /* @__PURE__ */ W(WW.Provider, { value: v, children: /* @__PURE__ */ W(Cw, se({ open: i, onOpenChange: u }, A)) });
   }
-), tP = a.forwardRef((n, A) => {
+), Hx = a.forwardRef((n, A) => {
   var l = n, { className: t, asChild: e = !1 } = l, r = Ee(l, ["className", "asChild"]);
   return /* @__PURE__ */ W(
     Lo,
@@ -14938,8 +14766,8 @@ const bW = It({}), rP = a.forwardRef(
     }, r)
   );
 });
-tP.displayName = Lo.displayName;
-const AP = a.forwardRef(
+Hx.displayName = Lo.displayName;
+const Rx = a.forwardRef(
   (u, i) => {
     var o = u, {
       className: t,
@@ -14976,8 +14804,8 @@ const AP = a.forwardRef(
     ) });
   }
 );
-AP.displayName = Do.displayName;
-const nP = a.forwardRef(
+Rx.displayName = Do.displayName;
+const _x = a.forwardRef(
   (o, u) => {
     var c = o, {
       className: t,
@@ -14996,7 +14824,7 @@ const nP = a.forwardRef(
       "onClick",
       "value"
     ]);
-    const { onClose: v, onValueChange: d } = Gt(bW), V = A ? {} : i, f = (p) => {
+    const { onClose: v, onValueChange: d } = Gt(WW), V = A ? {} : i, f = (p) => {
       r || (l == null || l(p), s !== void 0 && (d == null || d(s)), v == null || v());
     }, g = /* @__PURE__ */ W(
       "div",
@@ -15028,9 +14856,9 @@ const nP = a.forwardRef(
     })) : g;
   }
 );
-rP.displayName = "Dropdown";
-nP.displayName = "DropdownItem";
-const aP = a.forwardRef(
+Jx.displayName = "Dropdown";
+_x.displayName = "DropdownItem";
+const $x = a.forwardRef(
   (n, A) => {
     var l = n, { className: t, children: e } = l, r = Ee(l, ["className", "children"]);
     return /* @__PURE__ */ W(
@@ -15048,8 +14876,8 @@ const aP = a.forwardRef(
     );
   }
 );
-aP.displayName = "DropdownLabel";
-const lP = a.forwardRef((A, r) => {
+$x.displayName = "DropdownLabel";
+const eP = a.forwardRef((A, r) => {
   var n = A, { className: t } = n, e = Ee(n, ["className"]);
   return /* @__PURE__ */ W(
     "div",
@@ -15060,8 +14888,8 @@ const lP = a.forwardRef((A, r) => {
     }, e)
   );
 });
-lP.displayName = "DropdownSeparator";
-const sP = a.forwardRef(
+eP.displayName = "DropdownSeparator";
+const rP = a.forwardRef(
   (f, V) => {
     var g = f, {
       value: t,
@@ -15201,9 +15029,9 @@ const sP = a.forwardRef(
     );
   }
 );
-sP.displayName = "InputNumber";
+rP.displayName = "InputNumber";
 var zn = { exports: {} }, _u, sq;
-function iP() {
+function tP() {
   if (sq) return _u;
   sq = 1;
   function t(h) {
@@ -15536,7 +15364,7 @@ function iP() {
   return _u = E, _u;
 }
 var $u, iq;
-function uP() {
+function AP() {
   if (iq) return $u;
   iq = 1;
   var t = function(e, r, A, n, l, s, i, u) {
@@ -15562,7 +15390,7 @@ function uP() {
   return $u = t, $u;
 }
 var eo, uq;
-function oP() {
+function nP() {
   if (uq) return eo;
   uq = 1;
   var t = process.env.NODE_ENV !== "production", e = function() {
@@ -15597,13 +15425,13 @@ function oP() {
   return eo = e, eo;
 }
 var ro, oq;
-function cP() {
+function aP() {
   if (oq) return ro;
   oq = 1;
   function t(h) {
     return h && typeof h == "object" && "default" in h ? h.default : h;
   }
-  var e = t(a), r = Xw, A = t(uP()), n = t(oP());
+  var e = t(a), r = Xw, A = t(AP()), n = t(nP());
   function l(h, B) {
     for (var K = Object.getOwnPropertyNames(B), z = 0; z < K.length; z++) {
       var m = K[z], N = Object.getOwnPropertyDescriptor(B, m);
@@ -16079,11 +15907,11 @@ function cP() {
   return ro = E, ro;
 }
 var cq;
-function vP() {
-  return cq || (cq = 1, process.env.NODE_ENV === "production" ? zn.exports = iP() : zn.exports = cP()), zn.exports;
+function lP() {
+  return cq || (cq = 1, process.env.NODE_ENV === "production" ? zn.exports = tP() : zn.exports = aP()), zn.exports;
 }
-var dP = vP();
-const fP = /* @__PURE__ */ mw(dP), VP = fP, BW = a.forwardRef(
+var sP = lP();
+const iP = /* @__PURE__ */ mw(sP), uP = iP, bW = a.forwardRef(
   (v, c) => {
     var d = v, {
       className: t,
@@ -16108,7 +15936,7 @@ const fP = /* @__PURE__ */ mw(dP), VP = fP, BW = a.forwardRef(
     ]);
     const V = a.useRef(null);
     return a.useImperativeHandle(c, () => V.current), /* @__PURE__ */ W(
-      VP,
+      uP,
       Fe(se({
         mask: r,
         maskChar: A,
@@ -16132,7 +15960,180 @@ const fP = /* @__PURE__ */ mw(dP), VP = fP, BW = a.forwardRef(
     );
   }
 );
-BW.displayName = "MaskedInput";
+bW.displayName = "MaskedInput";
+const oP = {
+  sm: "md:w-100",
+  md: "md:w-150",
+  lg: "md:w-200"
+}, X_ = gW, F_ = mW, cP = hW, K_ = N3, BW = a.forwardRef((A, r) => {
+  var n = A, { className: t } = n, e = Ee(n, ["className"]);
+  return /* @__PURE__ */ W(
+    T3,
+    se({
+      ref: r,
+      className: fe(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[rgba(37,29,53,0.48)]",
+        t
+      )
+    }, e)
+  );
+});
+BW.displayName = T3.displayName;
+const vP = a.forwardRef(
+  (v, c) => {
+    var d = v, {
+      className: t,
+      children: e,
+      showClose: r = !0,
+      footer: A,
+      disabledPadding: n = !1,
+      classNameFooter: l,
+      hideOverlay: s = !1,
+      fullScreen: i = !1,
+      width: u = "sm"
+    } = d, o = Ee(d, [
+      "className",
+      "children",
+      "showClose",
+      "footer",
+      "disabledPadding",
+      "classNameFooter",
+      "hideOverlay",
+      "fullScreen",
+      "width"
+    ]);
+    const V = st(null), [f, g] = Yr(!1);
+    return Bt(() => {
+      const p = () => {
+        V.current && g(V.current.scrollTop > 0);
+      };
+      return setTimeout(() => {
+        const q = V.current;
+        q && q.addEventListener("scroll", p);
+      }, 2e3), () => {
+        const q = V.current;
+        q && q.removeEventListener("scroll", p);
+      };
+    }, []), /* @__PURE__ */ ye(cP, { children: [
+      !s && /* @__PURE__ */ W(BW, {}),
+      /* @__PURE__ */ W(
+        U3,
+        Fe(se({
+          ref: c,
+          onOpenAutoFocus: (p) => {
+            p.preventDefault();
+          },
+          className: fe(
+            "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 fixed z-50 box-border w-full gap-4 duration-200",
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom right-0 bottom-0 left-0 rounded-t-xl md:[right:unset] md:[bottom:unset]",
+            "md:data-[state=closed]:slide-out-to-left-1/2 md:data-[state=closed]:slide-out-to-top-[48%] md:data-[state=open]:slide-in-from-left-1/2 md:data-[state=open]:slide-in-from-top-[48%] md:top-[50%] md:left-[50%] md:translate-x-[-50%] md:translate-y-[-50%] md:rounded-4xl",
+            "max-h-[100vh] overflow-hidden bg-white p-4 md:max-h-[calc(100vh-40px)] md:p-6",
+            oP[u],
+            { "p-0 md:p-0": n },
+            { "w-full md:h-full md:max-h-full md:w-full": i },
+            t
+          )
+        }, o), {
+          children: /* @__PURE__ */ ye(
+            "div",
+            {
+              className: fe(
+                "relative flex h-full max-h-[calc(100vh-32px)] flex-col md:max-h-[calc(100vh-40px-48px)]",
+                { "max-h-[100vh] md:max-h-[calc(100vh-40px)]": n },
+                {
+                  "h-full w-full md:h-full md:max-h-[calc(100vh-48px)] md:w-full": i
+                }
+              ),
+              children: [
+                /* @__PURE__ */ W(
+                  "div",
+                  {
+                    className: "no-scrollbar flex flex-col overflow-y-auto",
+                    ref: V,
+                    children: e
+                  }
+                ),
+                A && /* @__PURE__ */ W(
+                  "div",
+                  {
+                    className: fe(
+                      "bottom-0 z-[1] flex pt-4 transition-shadow duration-200 md:pt-6",
+                      { "shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)]": f },
+                      { "p-4 md:p-6": n },
+                      {
+                        "mx-[-18px] px-[18px] md:mx-[-26px] md:px-[26px]": !n
+                      },
+                      l
+                    ),
+                    children: A
+                  }
+                ),
+                r && /* @__PURE__ */ W(
+                  N3,
+                  {
+                    tabIndex: -1,
+                    className: fe(
+                      "absolute top-[-8px] right-[-8px] border-0 bg-transparent p-0",
+                      { "top-2 right-2": n }
+                    ),
+                    asChild: !0,
+                    children: /* @__PURE__ */ W(
+                      Ur,
+                      {
+                        variant: "text",
+                        className: "text-secondary",
+                        iconOnly: !0,
+                        icon: "CloseIcon"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        })
+      )
+    ] });
+  }
+);
+vP.displayName = U3.displayName;
+function dP(r) {
+  var A = r, {
+    className: t
+  } = A, e = Ee(A, [
+    "className"
+  ]);
+  return /* @__PURE__ */ W("div", se({ className: fe("flex flex-col space-y-1.5", t) }, e));
+}
+dP.displayName = "DialogHeader";
+const fP = a.forwardRef((A, r) => {
+  var n = A, { className: t } = n, e = Ee(n, ["className"]);
+  return /* @__PURE__ */ W(
+    S3,
+    se({
+      ref: r,
+      className: fe(
+        "",
+        {
+          "font-graphik m-0 mb-2 pr-3 text-[28px] leading-[32px] font-bold md:mb-4": !e.asChild
+        },
+        t
+      )
+    }, e)
+  );
+});
+fP.displayName = S3.displayName;
+const VP = a.forwardRef((A, r) => {
+  var n = A, { className: t } = n, e = Ee(n, ["className"]);
+  return /* @__PURE__ */ W(
+    qW,
+    se({
+      ref: r,
+      className: fe("", t)
+    }, e)
+  );
+});
+VP.displayName = qW.displayName;
 const pP = 8, gP = 37, mP = 39, hP = 46, qP = 32;
 function wP(t) {
   const c = t, {
@@ -27673,7 +27674,7 @@ const ZH = {
 }, wb = ue.forwardRef(
   (u, i) => {
     var o = u, { className: t, masks: e, mask: r, onChange: A, onMaskChange: n, size: l = "lg" } = o, s = Ee(o, ["className", "masks", "mask", "onChange", "onMaskChange", "size"]);
-    const c = yW(), v = () => /* @__PURE__ */ W(so, { children: /* @__PURE__ */ W(io, { children: /* @__PURE__ */ W(uo, { children: e == null ? void 0 : e.map((d, V) => /* @__PURE__ */ ye(
+    const c = CW(), v = () => /* @__PURE__ */ W(so, { children: /* @__PURE__ */ W(io, { children: /* @__PURE__ */ W(uo, { children: e == null ? void 0 : e.map((d, V) => /* @__PURE__ */ ye(
       hw,
       {
         onSelect: () => n(d),
@@ -27687,7 +27688,7 @@ const ZH = {
     )) }) }) });
     return /* @__PURE__ */ ye("div", { className: "relative flex-1", children: [
       /* @__PURE__ */ W(
-        BW,
+        bW,
         Fe(se({
           mask: r,
           alwaysShowMask: !0,
@@ -27790,7 +27791,7 @@ const vw = pw(
     translations: s,
     inputSize: i = "lg"
   }) => {
-    const [u, o] = ue.useState(!1), [c, v] = ue.useState(""), d = yW(), V = (g) => {
+    const [u, o] = ue.useState(!1), [c, v] = ue.useState(""), d = CW(), V = (g) => {
       n(g), o(!1);
     }, f = ue.useMemo(() => {
       if (!c)
@@ -28800,7 +28801,7 @@ export {
   JY as J,
   TC as K,
   q_ as L,
-  BW as M,
+  bW as M,
   DC as N,
   z_ as O,
   M_ as P,
@@ -28816,7 +28817,7 @@ export {
   Je as Z,
   rq as _,
   Ur as a,
-  yW as a0,
+  CW as a0,
   C_ as a1,
   Ea as a2,
   GA as a3,
@@ -28831,25 +28832,25 @@ export {
   SC as c,
   NC as d,
   UC as e,
-  K_ as f,
-  rP as g,
-  AP as h,
-  nP as i,
-  aP as j,
-  lP as k,
-  tP as l,
+  B_ as f,
+  Jx as g,
+  Rx as h,
+  _x as i,
+  $x as j,
+  eP as k,
+  Hx as l,
   IO as m,
   NO as n,
   Zn as o,
   jO as p,
-  sP as q,
-  B_ as r,
-  F_ as s,
-  Ix as t,
-  Gx as u,
-  wW as v,
-  jx as w,
-  kx as x,
-  X_ as y,
+  rP as q,
+  X_ as r,
+  K_ as s,
+  vP as t,
+  dP as u,
+  BW as v,
+  cP as w,
+  fP as x,
+  F_ as y,
   LH as z
 };