@biznext-ui/react 0.5.1 → 0.5.2

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as T, jsxs as me, Fragment as gn } from "react/jsx-runtime";
 import * as R from "react";
-import tt, { createContext as De, useContext as z, useId as Xi, useEffect as Ie, useCallback as $, Component as ws, useLayoutEffect as Fs, useRef as te, useInsertionEffect as Rs, useMemo as pe, forwardRef as Mn, Fragment as Gt, createElement as nc, Children as un, isValidElement as ic, useState as ue, useReducer as rc } from "react";
+import tt, { createContext as De, useContext as z, useId as Xi, useEffect as Ce, useCallback as $, Component as ws, useLayoutEffect as Fs, useRef as te, useInsertionEffect as Rs, useMemo as pe, forwardRef as Mn, Fragment as Gt, createElement as nc, Children as un, isValidElement as ic, useState as se, useReducer as rc } from "react";
 import oc, { createPortal as it } from "react-dom";
 const Bs = De({}), sc = (e, t) => {
   switch (t.type) {
@@ -78,7 +78,7 @@ var Gs = { exports: {} };
   })();
 })(Gs);
 var mc = Gs.exports;
-const yt = /* @__PURE__ */ pc(mc);
+const rt = /* @__PURE__ */ pc(mc);
 var Ms = {
   color: void 0,
   size: void 0,
@@ -159,7 +159,7 @@ function Ds(e) {
     key: n
   }, t.attr), Ds(t.child)));
 }
-function ot(e) {
+function st(e) {
   return (t) => /* @__PURE__ */ tt.createElement(xc, bn({
     attr: vn({}, e.attr)
   }, t), Ds(e.child));
@@ -188,19 +188,19 @@ function xc(e) {
   return Br !== void 0 ? /* @__PURE__ */ tt.createElement(Br.Consumer, null, (n) => t(n)) : t(Ms);
 }
 function Ac(e) {
-  return ot({ tag: "svg", attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12h-2.7c0 5.128-4.172 9.3-9.3 9.3-5.128 0-9.3-4.172-9.3-9.3 0-5.128 4.172-9.3 9.3-9.3V0Zm7.4 2.583-7.505 9.371L8.388 9.08l-2.002 2.436 4.741 3.888a1.573 1.573 0 0 0 2.231-.233l8.504-10.617L19.4 2.583Z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12h-2.7c0 5.128-4.172 9.3-9.3 9.3-5.128 0-9.3-4.172-9.3-9.3 0-5.128 4.172-9.3 9.3-9.3V0Zm7.4 2.583-7.505 9.371L8.388 9.08l-2.002 2.436 4.741 3.888a1.573 1.573 0 0 0 2.231-.233l8.504-10.617L19.4 2.583Z" }, child: [] }] })(e);
 }
 function Sc(e) {
-  return ot({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z", fill: "currentColor" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z", fill: "currentColor" }, child: [] }] })(e);
 }
 function Tc(e) {
-  return ot({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" }, child: [] }] })(e);
 }
 function Ec(e) {
-  return ot({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }, child: [] }] })(e);
 }
 function Pc(e) {
-  return ot({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M15.854 12.854c-0-0-0-0-0-0l-4.854-4.854 4.854-4.854c0-0 0-0 0-0 0.052-0.052 0.090-0.113 0.114-0.178 0.066-0.178 0.028-0.386-0.114-0.529l-2.293-2.293c-0.143-0.143-0.351-0.181-0.529-0.114-0.065 0.024-0.126 0.062-0.178 0.114 0 0-0 0-0 0l-4.854 4.854-4.854-4.854c-0-0-0-0-0-0-0.052-0.052-0.113-0.090-0.178-0.114-0.178-0.066-0.386-0.029-0.529 0.114l-2.293 2.293c-0.143 0.143-0.181 0.351-0.114 0.529 0.024 0.065 0.062 0.126 0.114 0.178 0 0 0 0 0 0l4.854 4.854-4.854 4.854c-0 0-0 0-0 0-0.052 0.052-0.090 0.113-0.114 0.178-0.066 0.178-0.029 0.386 0.114 0.529l2.293 2.293c0.143 0.143 0.351 0.181 0.529 0.114 0.065-0.024 0.126-0.062 0.178-0.114 0-0 0-0 0-0l4.854-4.854 4.854 4.854c0 0 0 0 0 0 0.052 0.052 0.113 0.090 0.178 0.114 0.178 0.066 0.386 0.029 0.529-0.114l2.293-2.293c0.143-0.143 0.181-0.351 0.114-0.529-0.024-0.065-0.062-0.126-0.114-0.178z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M15.854 12.854c-0-0-0-0-0-0l-4.854-4.854 4.854-4.854c0-0 0-0 0-0 0.052-0.052 0.090-0.113 0.114-0.178 0.066-0.178 0.028-0.386-0.114-0.529l-2.293-2.293c-0.143-0.143-0.351-0.181-0.529-0.114-0.065 0.024-0.126 0.062-0.178 0.114 0 0-0 0-0 0l-4.854 4.854-4.854-4.854c-0-0-0-0-0-0-0.052-0.052-0.113-0.090-0.178-0.114-0.178-0.066-0.386-0.029-0.529 0.114l-2.293 2.293c-0.143 0.143-0.181 0.351-0.114 0.529 0.024 0.065 0.062 0.126 0.114 0.178 0 0 0 0 0 0l4.854 4.854-4.854 4.854c-0 0-0 0-0 0-0.052 0.052-0.090 0.113-0.114 0.178-0.066 0.178-0.029 0.386 0.114 0.529l2.293 2.293c0.143 0.143 0.351 0.181 0.529 0.114 0.065-0.024 0.126-0.062 0.178-0.114 0-0 0-0 0-0l4.854-4.854 4.854 4.854c0 0 0 0 0 0 0.052 0.052 0.113 0.090 0.178 0.114 0.178 0.066 0.386 0.029 0.529-0.114l2.293-2.293c0.143-0.143 0.181-0.351 0.114-0.529-0.024-0.065-0.062-0.126-0.114-0.178z" }, child: [] }] })(e);
 }
 const Mr = /* @__PURE__ */ new Set();
 function Dn(e, t, n) {
@@ -482,7 +482,7 @@ function Kc(e) {
     i !== void 0 && (t.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const mt = {
+const gt = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -494,8 +494,8 @@ const mt = {
   x: Or(4, 13),
   y: Or(5, 14)
 };
-mt.translateX = mt.x;
-mt.translateY = mt.y;
+gt.translateX = gt.x;
+gt.translateY = gt.y;
 const $s = (e) => (t) => t.test(e), qc = {
   test: (e) => e === "auto",
   parse: (e) => e
@@ -604,14 +604,14 @@ const yi = {
   test: /* @__PURE__ */ Qi("#"),
   parse: rl,
   transform: et.transform
-}, ct = {
+}, lt = {
   test: /* @__PURE__ */ Qi("hsl", "hue"),
   parse: /* @__PURE__ */ ta("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(e) + ", " + Be.transform(Ft(t)) + ", " + Be.transform(Ft(n)) + ", " + Ft(Nt.transform(i)) + ")"
 }, re = {
-  test: (e) => et.test(e) || yi.test(e) || ct.test(e),
-  parse: (e) => et.test(e) ? et.parse(e) : ct.test(e) ? ct.parse(e) : yi.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? et.transform(e) : ct.transform(e)
+  test: (e) => et.test(e) || yi.test(e) || lt.test(e),
+  parse: (e) => et.test(e) ? et.parse(e) : lt.test(e) ? lt.parse(e) : yi.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? et.transform(e) : lt.transform(e)
 }, ol = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function sl(e) {
   var t, n;
@@ -814,7 +814,7 @@ class aa extends Ui {
     const { element: t, unresolvedKeyframes: n, name: i } = this;
     if (!t || !t.current)
       return;
-    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = mt[i](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = gt[i](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const r = n[n.length - 1];
     r !== void 0 && t.getValue(i, r).jump(r, !1);
   }
@@ -826,7 +826,7 @@ class aa extends Ui {
     const o = n.getValue(i);
     o && o.jump(this.measuredOrigin, !1);
     const s = r.length - 1, u = r[s];
-    r[s] = mt[i](n.measureViewportBox(), window.getComputedStyle(n.current)), u !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = u), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([a, c]) => {
+    r[s] = gt[i](n.measureViewportBox(), window.getComputedStyle(n.current)), u !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = u), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([a, c]) => {
       n.getValue(a).set(c);
     }), this.resolveNoneKeyframes();
   }
@@ -1100,7 +1100,7 @@ const Ml = /* @__PURE__ */ zt(0.42, 0, 1, 1), Dl = /* @__PURE__ */ zt(0, 0, 0.58
   } else if (typeof e == "string")
     return Ze(Jr[e] !== void 0, `Invalid easing type '${e}'`), Jr[e];
   return e;
-}, Ll = (e, t) => (n) => t(e(n)), We = (...e) => e.reduce(Ll), gt = (e, t, n) => {
+}, Ll = (e, t) => (n) => t(e(n)), We = (...e) => e.reduce(Ll), bt = (e, t, n) => {
   const i = t - e;
   return i === 0 ? 1 : (n - e) / i;
 }, H = (e, t, n) => e + (t - e) * n;
@@ -1129,13 +1129,13 @@ function yn(e, t) {
 const qn = (e, t, n) => {
   const i = e * e, r = n * (t * t - i) + i;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Ol = [yi, et, ct], Xl = (e) => Ol.find((t) => t.test(e));
+}, Ol = [yi, et, lt], Xl = (e) => Ol.find((t) => t.test(e));
 function _r(e) {
   const t = Xl(e);
   if (It(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === ct && (n = Wl(n)), n;
+  return t === lt && (n = Wl(n)), n;
 }
 const Qr = (e, t) => {
   const n = _r(e), i = _r(t);
@@ -1211,7 +1211,7 @@ function Jl(e, t, { clamp: n = !0, ease: i, mixer: r } = {}) {
     if (u > 1)
       for (; l < e.length - 2 && !(c < e[l + 1]); l++)
         ;
-    const d = gt(e[l], e[l + 1], c);
+    const d = bt(e[l], e[l + 1], c);
     return s[l](d);
   };
   return n ? (c) => a(Ye(e[0], e[o - 1], c)) : a;
@@ -1219,7 +1219,7 @@ function Jl(e, t, { clamp: n = !0, ease: i, mixer: r } = {}) {
 function Ul(e, t) {
   const n = e[e.length - 1];
   for (let i = 1; i <= t; i++) {
-    const r = gt(0, t, i);
+    const r = bt(0, t, i);
     e.push(H(n, 1, r));
   }
 }
@@ -1409,7 +1409,7 @@ const ma = /* @__PURE__ */ new Set([
   let n = "";
   const i = Math.max(Math.round(t / nd), 2);
   for (let r = 0; r < i; r++)
-    n += e(gt(0, i - 1, r)) + ", ";
+    n += e(bt(0, i - 1, r)) + ", ";
   return `linear(${n.substring(0, n.length - 2)})`;
 };
 function ir(e) {
@@ -2150,8 +2150,8 @@ function Rd(e) {
         const X = Z[W], le = Y[W];
         if (h.hasOwnProperty(W))
           continue;
-        let se = !1;
-        gi(X) && gi(le) ? se = !Ns(X, le) : se = X !== le, se ? X != null ? ce(W) : f.add(W) : X !== void 0 && f.has(W) ? ce(W) : I.protectedKeys[W] = !0;
+        let ae = !1;
+        gi(X) && gi(le) ? ae = !Ns(X, le) : ae = X !== le, ae ? X != null ? ce(W) : f.add(W) : X !== void 0 && f.has(W) ? ce(W) : I.protectedKeys[W] = !0;
       }
       I.prevProp = v, I.prevResolvedValues = Z, I.isActive && (h = { ...h, ...Z }), i && e.blockInitialAnimation && (x = !1), x && (!(A && S) || B) && d.push(...G.map((W) => ({
         animation: W,
@@ -2399,7 +2399,7 @@ function Va() {
   const e = Pa(!0);
   return e ? (e(), !1) : !0;
 }
-function lt(e) {
+function dt(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 const wa = 1e-4, Zd = 1 - wa, Hd = 1 + wa, Fa = 0.01, kd = 0 - Fa, zd = 0 + Fa;
@@ -2455,7 +2455,7 @@ function _d(e, t) {
 function Qd(e, t) {
   let n = 0.5;
   const i = be(e), r = be(t);
-  return r > i ? n = gt(t.min, t.max - i, e.min) : i > r && (n = gt(e.min, e.max - r, t.min)), Ye(0, 1, n);
+  return r > i ? n = bt(t.min, t.max - i, e.min) : i > r && (n = bt(e.min, e.max - r, t.min)), Ye(0, 1, n);
 }
 function $d(e, t) {
   const n = {};
@@ -2482,7 +2482,7 @@ const po = () => ({
   scale: 1,
   origin: 0,
   originPoint: 0
-}), dt = () => ({
+}), ft = () => ({
   x: po(),
   y: po()
 }), mo = () => ({ min: 0, max: 0 }), _ = () => ({
@@ -2550,21 +2550,21 @@ function tf(e, t, n, i = !1) {
   for (let u = 0; u < r; u++) {
     o = n[u], s = o.projectionDelta;
     const { visualElement: a } = o.options;
-    a && a.props.style && a.props.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && ht(e, {
+    a && a.props.style && a.props.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && pt(e, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), s && (t.x *= s.x.scale, t.y *= s.y.scale, Ga(e, s)), i && Ke(o.latestValues) && ht(e, o.latestValues));
+    }), s && (t.x *= s.x.scale, t.y *= s.y.scale, Ga(e, s)), i && Ke(o.latestValues) && pt(e, o.latestValues));
   }
   t.x < yo && t.x > vo && (t.x = 1), t.y < yo && t.y > vo && (t.y = 1);
 }
-function ft(e, t) {
+function ht(e, t) {
   e.min = e.min + t, e.max = e.max + t;
 }
 function Io(e, t, n, i, r = 0.5) {
   const o = H(e.min, e.max, r);
   Vi(e, t, n, o, i);
 }
-function ht(e, t) {
+function pt(e, t) {
   Io(e.x, t.x, t.scaleX, t.scale, t.originX), Io(e.y, t.y, t.scaleY, t.scale, t.originY);
 }
 function Ma(e, t) {
@@ -2572,7 +2572,7 @@ function Ma(e, t) {
 }
 function nf(e, t, n) {
   const i = Ma(e, n), { scroll: r } = t;
-  return r && (ft(i.x, r.offset.x), ft(i.y, r.offset.y)), i;
+  return r && (ht(i.x, r.offset.x), ht(i.y, r.offset.y)), i;
 }
 const Da = ({ current: e }) => e ? e.ownerDocument.defaultView : null, rf = /* @__PURE__ */ new WeakMap();
 class of {
@@ -2656,13 +2656,13 @@ class of {
   resolveConstraints() {
     var t;
     const { dragConstraints: n, dragElastic: i } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, o = this.constraints;
-    n && lt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && r ? this.constraints = Ud(r.layoutBox, n) : this.constraints = !1, this.elastic = Kd(i), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && ye((s) => {
+    n && dt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && r ? this.constraints = Ud(r.layoutBox, n) : this.constraints = !1, this.elastic = Kd(i), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && ye((s) => {
       this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = $d(r.layoutBox[s], this.constraints[s]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !lt(t))
+    if (!t || !dt(t))
       return !1;
     const i = t.current;
     Ze(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
@@ -2746,7 +2746,7 @@ class of {
     if (!this.visualElement.current)
       return;
     const { drag: t, dragConstraints: n } = this.getProps(), { projection: i } = this.visualElement;
-    if (!lt(n) || !i || !this.constraints)
+    if (!dt(n) || !i || !this.constraints)
       return;
     this.stopAnimation();
     const r = { x: 0, y: 0 };
@@ -2774,7 +2774,7 @@ class of {
       c && l && this.start(a);
     }), i = () => {
       const { dragConstraints: a } = this.getProps();
-      lt(a) && a.current && (this.constraints = this.resolveRefConstraints());
+      dt(a) && a.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: r } = this.visualElement, o = r.addEventListener("measure", i);
     r && !r.layout && (r.root && r.root.updateScroll(), r.updateLayout()), O.read(i);
     const s = Ne(window, "resize", () => this.scalePositionWithinConstraints()), u = r.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: c }) => {
@@ -2859,7 +2859,7 @@ function cf() {
   if (e === null)
     return [!0, null];
   const { isPresent: t, onExitComplete: n, register: i } = e, r = Xi();
-  Ie(() => i(r), []);
+  Ce(() => i(r), []);
   const o = $(() => n && n(r), [r, n]);
   return !t && n ? [!1, o] : [!0];
 }
@@ -2986,7 +2986,7 @@ function To(e, t) {
 }
 const gf = /* @__PURE__ */ Oa(0, 0.5, zs), bf = /* @__PURE__ */ Oa(0.5, 0.95, ne);
 function Oa(e, t, n) {
-  return (i) => i < e ? 0 : i > t ? 1 : n(gt(e, t, i));
+  return (i) => i < e ? 0 : i > t ? 1 : n(bt(e, t, i));
 }
 function Eo(e, t) {
   e.min = t.min, e.max = t.max;
@@ -3337,7 +3337,7 @@ function ka({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const a = u.measureViewportBox();
       if (!(((s = this.scroll) === null || s === void 0 ? void 0 : s.wasRoot) || this.path.some(Yf))) {
         const { scroll: l } = this.root;
-        l && (ft(a.x, l.offset.x), ft(a.y, l.offset.y));
+        l && (ht(a.x, l.offset.x), ht(a.y, l.offset.y));
       }
       return a;
     }
@@ -3348,7 +3348,7 @@ function ka({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return a;
       for (let c = 0; c < this.path.length; c++) {
         const l = this.path[c], { scroll: d, options: f } = l;
-        l !== this.root && d && f.layoutScroll && (d.wasRoot && ve(a, s), ft(a.x, d.offset.x), ft(a.y, d.offset.y));
+        l !== this.root && d && f.layoutScroll && (d.wasRoot && ve(a, s), ht(a.x, d.offset.x), ht(a.y, d.offset.y));
       }
       return a;
     }
@@ -3357,12 +3357,12 @@ function ka({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       ve(a, s);
       for (let c = 0; c < this.path.length; c++) {
         const l = this.path[c];
-        !u && l.options.layoutScroll && l.scroll && l !== l.root && ht(a, {
+        !u && l.options.layoutScroll && l.scroll && l !== l.root && pt(a, {
           x: -l.scroll.offset.x,
           y: -l.scroll.offset.y
-        }), Ke(l.latestValues) && ht(a, l.latestValues);
+        }), Ke(l.latestValues) && pt(a, l.latestValues);
       }
-      return Ke(this.latestValues) && ht(a, this.latestValues), a;
+      return Ke(this.latestValues) && pt(a, this.latestValues), a;
     }
     removeTransform(s) {
       const u = _();
@@ -3457,10 +3457,10 @@ function ka({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     createProjectionDeltas() {
-      this.prevProjectionDelta = dt(), this.projectionDelta = dt(), this.projectionDeltaWithTransform = dt();
+      this.prevProjectionDelta = ft(), this.projectionDelta = ft(), this.projectionDeltaWithTransform = ft();
     }
     setAnimationOrigin(s, u = !1) {
-      const a = this.snapshot, c = a ? a.latestValues : {}, l = { ...this.latestValues }, d = dt();
+      const a = this.snapshot, c = a ? a.latestValues : {}, l = { ...this.latestValues }, d = ft();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !u;
       const f = _(), h = a ? a.source : void 0, p = this.layout ? this.layout.source : void 0, g = h !== p, m = this.getStack(), b = !m || m.members.length <= 1, I = !!(g && !b && this.options.crossfade === !0 && !this.path.some(kf));
       this.animationProgress = 0;
@@ -3502,7 +3502,7 @@ function ka({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           const f = be(this.layout.layoutBox.y);
           a.y.min = s.target.y.min, a.y.max = a.y.min + f;
         }
-        ve(u, a), ht(u, l), Rt(this.projectionDeltaWithTransform, this.layoutCorrected, u, l);
+        ve(u, a), pt(u, l), Rt(this.projectionDeltaWithTransform, this.layoutCorrected, u, l);
       }
     }
     registerSharedNode(s, u) {
@@ -3617,9 +3617,9 @@ function Bf(e) {
       const f = s ? n.measuredBox[d] : n.layoutBox[d], h = be(i[d]);
       f.max = f.min + h, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + h);
     });
-    const u = dt();
+    const u = ft();
     Rt(u, i, n.layoutBox);
-    const a = dt();
+    const a = ft();
     s ? Rt(a, e.applyTransform(r, !0), n.measuredBox) : Rt(a, i, n.layoutBox);
     const c = !Xa(u);
     let l = !1;
@@ -3935,7 +3935,7 @@ const oh = {
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), Zn = De({}), dr = typeof window < "u", Ja = dr ? Fs : Ie, Ua = De({ strict: !1 });
+}), Zn = De({}), dr = typeof window < "u", Ja = dr ? Fs : Ce, Ua = De({ strict: !1 });
 function ah(e, t, n, i, r) {
   var o, s;
   const { visualElement: u } = z(Zn), a = z(Ua), c = z(Xn), l = z(lr).reducedMotion, d = te();
@@ -3954,7 +3954,7 @@ function ah(e, t, n, i, r) {
   const p = n[ya], g = te(!!p && !(!((o = window.MotionHandoffIsComplete) === null || o === void 0) && o.call(window, p)) && ((s = window.MotionHasOptimisedAnimation) === null || s === void 0 ? void 0 : s.call(window, p)));
   return Ja(() => {
     f && (window.MotionIsMounted = !0, f.updateFeatures(), cr.render(f.render), g.current && f.animationState && f.animationState.animateChanges());
-  }), Ie(() => {
+  }), Ce(() => {
     f && (!g.current && f.animationState && f.animationState.animateChanges(), g.current && (queueMicrotask(() => {
       var m;
       (m = window.MotionHandoffMarkAsComplete) === null || m === void 0 || m.call(window, p);
@@ -3966,7 +3966,7 @@ function uh(e, t, n, i) {
   e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : _a(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: o,
-    alwaysMeasureLayout: !!s || u && lt(u),
+    alwaysMeasureLayout: !!s || u && dt(u),
     visualElement: e,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -3988,7 +3988,7 @@ function _a(e) {
 function ch(e, t, n) {
   return $(
     (i) => {
-      i && e.mount && e.mount(i), t && (i ? t.mount(i) : t.unmount()), n && (typeof n == "function" ? n(i) : lt(n) && (n.current = i));
+      i && e.mount && e.mount(i), t && (i ? t.mount(i) : t.unmount()), n && (typeof n == "function" ? n(i) : dt(n) && (n.current = i));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -4040,15 +4040,15 @@ const Yo = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, bt = {};
+}, vt = {};
 for (const e in Yo)
-  bt[e] = {
+  vt[e] = {
     isEnabled: (t) => Yo[e].some((n) => !!t[n])
   };
 function fh(e) {
   for (const t in e)
-    bt[t] = {
-      ...bt[t],
+    vt[t] = {
+      ...vt[t],
       ...e[t]
     };
 }
@@ -4084,7 +4084,7 @@ function gh(e, t) {
   }
 }
 function bh(e) {
-  const { drag: t, layout: n } = bt;
+  const { drag: t, layout: n } = vt;
   if (!t && !n)
     return {};
   const i = { ...t, ...n };
@@ -4572,8 +4572,8 @@ class zh {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in bt) {
-      const n = bt[t];
+    for (t in vt) {
+      const n = vt[t];
       if (!n)
         continue;
       const { isEnabled: i, Feature: r } = n;
@@ -4878,7 +4878,7 @@ function $o(e) {
 }
 const yr = ({ children: e, exitBeforeEnter: t, custom: n, initial: i = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: s = "sync" }) => {
   Ze(!t, "Replace exitBeforeEnter with mode='wait'");
-  const u = pe(() => $o(e), [e]), a = u.map(en), c = te(!0), l = te(u), d = pr(() => /* @__PURE__ */ new Map()), [f, h] = ue(u), [p, g] = ue(u);
+  const u = pe(() => $o(e), [e]), a = u.map(en), c = te(!0), l = te(u), d = pr(() => /* @__PURE__ */ new Map()), [f, h] = se(u), [p, g] = se(u);
   Ja(() => {
     c.current = !1, l.current = u;
     for (let I = 0; I < p.length; I++) {
@@ -4932,7 +4932,7 @@ const yr = ({ children: e, exitBeforeEnter: t, custom: n, initial: i = !0, onExi
   const { id: t, type: n, title: i } = e, { icon: r } = ep(n), o = 4e3, s = ac(), u = $(() => {
     s.removeToast(t);
   }, [t, s]);
-  return Ie(() => {
+  return Ce(() => {
     const a = setTimeout(() => {
       setTimeout(() => {
         u();
@@ -4941,15 +4941,15 @@ const yr = ({ children: e, exitBeforeEnter: t, custom: n, initial: i = !0, onExi
     return () => {
       clearTimeout(a);
     };
-  }, []), /* @__PURE__ */ T(Ot.div, { layout: !0, initial: { opacity: 0, y: 50, scale: 0.3 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 0, scale: 0.8 }, children: /* @__PURE__ */ me("div", { className: yt(Ve.toast, Ve[n]), children: [
+  }, []), /* @__PURE__ */ T(Ot.div, { layout: !0, initial: { opacity: 0, y: 50, scale: 0.3 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 0, scale: 0.8 }, children: /* @__PURE__ */ me("div", { className: rt(Ve.toast, Ve[n]), children: [
     /* @__PURE__ */ T("div", { className: Ve["toast-icon"], children: r }),
     /* @__PURE__ */ T("div", { className: Ve["toast-content"], children: /* @__PURE__ */ T("p", { className: Ve["toast-title"], children: i }) }),
     /* @__PURE__ */ T("div", { className: Ve["toast-close"], children: /* @__PURE__ */ T("button", { type: "button", className: Ve["toast-close-btn"], onClick: u, children: /* @__PURE__ */ T("span", { className: Ve["toast-close-btn-icon"], children: /* @__PURE__ */ T(Pc, {}) }) }) })
   ] }) }, t);
 };
 function np(e) {
-  const { children: t } = e, [n, i] = ue(!1);
-  Ie(() => {
+  const { children: t } = e, [n, i] = se(!1);
+  Ce(() => {
     i(!0);
   }, []);
   const r = document.getElementById("biznext-ui-toast-portal");
@@ -4957,7 +4957,7 @@ function np(e) {
 }
 const ip = (e) => {
   const { toasts: t, toastPosition: n = "top-center" } = e;
-  return /* @__PURE__ */ T(np, { children: /* @__PURE__ */ T("div", { className: yt(Ve["toasts-container"], Ve[n]), children: /* @__PURE__ */ T(yr, { children: t.map((i) => /* @__PURE__ */ T(tp, { id: i.id, type: i.type, title: i.title }, i.id)) }) }) });
+  return /* @__PURE__ */ T(np, { children: /* @__PURE__ */ T("div", { className: rt(Ve["toasts-container"], Ve[n]), children: /* @__PURE__ */ T(yr, { children: t.map((i) => /* @__PURE__ */ T(tp, { id: i.id, type: i.type, title: i.title }, i.id)) }) }) });
 };
 var K = [];
 for (var ui = 0; ui < 256; ++ui)
@@ -4993,9 +4993,9 @@ function cp() {
   );
 }
 function lp(e) {
-  return ot({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M7 4V2H17V4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7ZM6 6V20H18V6H6ZM9 9H11V17H9V9ZM13 9H15V17H13V9Z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M7 4V2H17V4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7ZM6 6V20H18V6H6ZM9 9H11V17H9V9ZM13 9H15V17H13V9Z" }, child: [] }] })(e);
 }
-const dp = "biznext-ui-wec4qWkj9NU-c", fp = "biznext-ui-mcehjNn9Nl0-9", hp = "biznext-ui-pYq-UQoFMHM-a", pp = "biznext-ui-bgVORylkzc0-6", Ae = {
+const dp = "biznext-ui-wec4qWkj9NU-c", fp = "biznext-ui-mcehjNn9Nl0-9", hp = "biznext-ui-pYq-UQoFMHM-a", pp = "biznext-ui-bgVORylkzc0-6", Se = {
   "confirm-dialog": "biznext-ui-4yyscqDACxw-e",
   "confirm-dialog-overlay": "biznext-ui-ylpaWxEFaTU-c",
   "confirm-dialog-content": "biznext-ui-xwshXokj5ZA-c",
@@ -5011,8 +5011,8 @@ const dp = "biznext-ui-wec4qWkj9NU-c", fp = "biznext-ui-mcehjNn9Nl0-9", hp = "bi
   success: pp
 };
 function mp(e) {
-  const { children: t } = e, [n, i] = ue(!1);
-  Ie(() => {
+  const { children: t } = e, [n, i] = se(!1);
+  Ce(() => {
     i(!0);
   }, []);
   const r = document.getElementById("biznext-ui-confirm-dialog-portal");
@@ -5024,24 +5024,24 @@ const gp = (e) => {
   }, d = () => {
     a(), n();
   };
-  return /* @__PURE__ */ T(mp, { children: /* @__PURE__ */ T("div", { className: Ae["confirm-dialog-wrapper"], children: /* @__PURE__ */ T(yr, { children: t && /* @__PURE__ */ T(Ot.div, { className: Ae["confirm-dialog-overlay"], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ T(
+  return /* @__PURE__ */ T(mp, { children: /* @__PURE__ */ T("div", { className: Se["confirm-dialog-wrapper"], children: /* @__PURE__ */ T(yr, { children: t && /* @__PURE__ */ T(Ot.div, { className: Se["confirm-dialog-overlay"], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ T(
     Ot.div,
     {
-      className: yt(Ae["confirm-dialog"], Ae[r]),
+      className: rt(Se["confirm-dialog"], Se[r]),
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.95 },
-      children: /* @__PURE__ */ me("div", { className: Ae["confirm-dialog-content"], children: [
-        /* @__PURE__ */ me("div", { className: Ae["confirm-dialog-body"], children: [
-          /* @__PURE__ */ T("div", { className: Ae["confirm-dialog-icon-container"], children: /* @__PURE__ */ T("div", { className: Ae["confirm-dialog-icon"], children: u || /* @__PURE__ */ T(lp, {}) }) }),
+      children: /* @__PURE__ */ me("div", { className: Se["confirm-dialog-content"], children: [
+        /* @__PURE__ */ me("div", { className: Se["confirm-dialog-body"], children: [
+          /* @__PURE__ */ T("div", { className: Se["confirm-dialog-icon-container"], children: /* @__PURE__ */ T("div", { className: Se["confirm-dialog-icon"], children: u || /* @__PURE__ */ T(lp, {}) }) }),
           /* @__PURE__ */ me("div", { children: [
             /* @__PURE__ */ T("h2", { children: o }),
             /* @__PURE__ */ T("p", { children: s })
           ] })
         ] }),
-        /* @__PURE__ */ me("div", { className: Ae["confirm-dialog-footer"], children: [
-          /* @__PURE__ */ T("button", { type: "button", className: Ae["confirm-dialog-footer-close-btn"], onClick: l, children: c && c.onCloseTitle ? c.onCloseTitle : "Cancel" }),
-          /* @__PURE__ */ T("button", { type: "button", className: Ae["confirm-dialog-footer-confirm-btn"], onClick: d, children: c && c.onConfirmTitle ? c.onConfirmTitle : "Confirm" })
+        /* @__PURE__ */ me("div", { className: Se["confirm-dialog-footer"], children: [
+          /* @__PURE__ */ T("button", { type: "button", className: Se["confirm-dialog-footer-close-btn"], onClick: l, children: c && c.onCloseTitle ? c.onCloseTitle : "Cancel" }),
+          /* @__PURE__ */ T("button", { type: "button", className: Se["confirm-dialog-footer-confirm-btn"], onClick: d, children: c && c.onConfirmTitle ? c.onConfirmTitle : "Confirm" })
         ] })
       ] })
     }
@@ -5062,7 +5062,7 @@ const gp = (e) => {
     o("error", v, C);
   }, removeToast: (v) => {
     r({ type: "DELETE_TOAST", payload: { id: v, title: "", type: "" } });
-  } }, [f, h] = ue({}), [p, g] = ue(!1), m = (v) => {
+  } }, [f, h] = se({}), [p, g] = se(!1), m = (v) => {
     h(v), g(!0);
   }, b = () => {
     g(!1);
@@ -5073,10 +5073,11 @@ const gp = (e) => {
     /* @__PURE__ */ T(gp, { isOpen: p, onClose: b, config: f }),
     e
   ] }) });
-}, bp = "biznext-ui-Mao59ye15po-3", vp = "biznext-ui-5bDq6-PrHF4-e", yp = "biznext-ui-X9XXG3R3kc4-5", Ip = "biznext-ui-g7IKSnXitqg-8", Cp = "biznext-ui-T4NhvYHqFMo-4", Se = {
+}, bp = "biznext-ui-Mao59ye15po-3", vp = "biznext-ui-5bDq6-PrHF4-e", yp = "biznext-ui-X9XXG3R3kc4-5", Ip = "biznext-ui-g7IKSnXitqg-8", Cp = "biznext-ui-T4NhvYHqFMo-4", Ie = {
   "modal-wrapper": "biznext-ui-n2Vjx4mdikE-9",
   "modal-overlay": "biznext-ui-6sKjk6L11EQ-e",
   modal: bp,
+  "scale-zoom-in": "biznext-ui-a7p3n176fMY-6",
   left: vp,
   "left-slider": "biznext-ui-dhv7A0opLyg-7",
   right: yp,
@@ -5098,27 +5099,33 @@ const gp = (e) => {
   "modal-footer-close-btn": "biznext-ui-acScPNehEic-6"
 };
 function xp(e) {
-  return ot({ tag: "svg", attr: { viewBox: "0 0 352 512" }, child: [{ tag: "path", attr: { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }, child: [] }] })(e);
+  return st({ tag: "svg", attr: { viewBox: "0 0 352 512" }, child: [{ tag: "path", attr: { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }, child: [] }] })(e);
 }
 function Ap(e) {
-  const { children: t } = e, [n, i] = ue(!1);
-  Ie(() => {
+  const { children: t } = e, [n, i] = se(!1);
+  Ce(() => {
     i(!0);
   }, []);
   const r = document.getElementById("biznext-ui-modal-portal");
   return n && r ? it(t, r) : it(t, document.body);
 }
 const Ir = De({ onClose: () => console.warn("Biznext-UI-Modal: Close Function not Implemented!") }), Yt = (e) => {
-  const { type: t, index: n, height: i, width: r, sx: o, isOpen: s, onClose: u, children: a } = e, c = 9999 + (n || 0), [l, d] = ue(!1);
-  return Ie(() => {
+  const { type: t, index: n, height: i, width: r, sx: o, isOpen: s, onClose: u, children: a } = e, c = 9999 + (n || 0), [l, d] = se(!1), [f, h] = se(!1);
+  Ce(() => {
     d(!0);
-  }, []), /* @__PURE__ */ T(Ir.Provider, { value: { onClose: u }, children: l ? /* @__PURE__ */ T(Ap, { children: /* @__PURE__ */ T(yr, { children: s && /* @__PURE__ */ me("div", { className: Se["modal-wrapper"], children: [
+  }, []);
+  const p = () => {
+    h(!0), setTimeout(() => {
+      h(!1);
+    }, 100);
+  };
+  return /* @__PURE__ */ T(Ir.Provider, { value: { onClose: u }, children: l ? /* @__PURE__ */ T(Ap, { children: /* @__PURE__ */ T(yr, { children: s && /* @__PURE__ */ me("div", { className: Ie["modal-wrapper"], children: [
     /* @__PURE__ */ T(
       Ot.div,
       {
-        className: Se["modal-overlay"],
+        className: rt(Ie["modal-overlay"]),
         style: { zIndex: c },
-        onClick: u,
+        onClick: p,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 }
@@ -5127,7 +5134,7 @@ const Ir = De({ onClose: () => console.warn("Biznext-UI-Modal: Close Function no
     /* @__PURE__ */ T(
       Ot.div,
       {
-        className: yt(Se.modal, Se[t]),
+        className: rt(Ie.modal, f && Ie["scale-zoom-in"], Ie[t]),
         style: { height: i, width: r, zIndex: c, ...o },
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
@@ -5136,17 +5143,17 @@ const Ir = De({ onClose: () => console.warn("Biznext-UI-Modal: Close Function no
       }
     )
   ] }) }) }) : null });
-}, Sp = ({ children: e }) => /* @__PURE__ */ T("div", { className: Se["modal-content"], children: e }), Tp = ({ children: e }) => {
+}, Sp = ({ children: e }) => /* @__PURE__ */ T("div", { className: Ie["modal-content"], children: e }), Tp = ({ children: e }) => {
   const { onClose: t } = z(Ir);
-  return /* @__PURE__ */ me("header", { id: "handle", className: Se["modal-header"], children: [
+  return /* @__PURE__ */ me("header", { id: "handle", className: Ie["modal-header"], children: [
     e,
-    /* @__PURE__ */ T("button", { type: "button", className: Se["module-header-close-btn"], onClick: t, children: /* @__PURE__ */ T(xp, {}) })
+    /* @__PURE__ */ T("button", { type: "button", className: Ie["module-header-close-btn"], onClick: t, children: /* @__PURE__ */ T(xp, {}) })
   ] });
-}, Ep = ({ children: e }) => /* @__PURE__ */ T("h2", { className: Se["modal-title"], children: e }), Pp = ({ children: e }) => /* @__PURE__ */ T("div", { className: Se["modal-body"], children: e }), Vp = (e) => {
+}, Ep = ({ children: e }) => /* @__PURE__ */ T("h2", { className: Ie["modal-title"], children: e }), Pp = ({ children: e }) => /* @__PURE__ */ T("div", { className: Ie["modal-body"], children: e }), Vp = (e) => {
   const { children: t, closeTitle: n } = e, { onClose: i } = z(Ir);
-  return /* @__PURE__ */ me("footer", { className: Se["modal-footer"], children: [
+  return /* @__PURE__ */ me("footer", { className: Ie["modal-footer"], children: [
     t,
-    /* @__PURE__ */ T("button", { type: "button", className: Se["modal-footer-close-btn"], onClick: i, children: n || "Cancel" })
+    /* @__PURE__ */ T("button", { type: "button", className: Ie["modal-footer-close-btn"], onClick: i, children: n || "Cancel" })
   ] });
 };
 Yt.Content = Sp;
@@ -5166,27 +5173,27 @@ const Xb = () => z(cu), wp = "biznext-ui-WgISRe1bJDU-5", Fp = "biznext-ui-S1AWtF
   "form-select-control": "biznext-ui-TyZSBF2HLh0-4",
   "form-input-group-error-text": "biznext-ui-npOI3UC2M38-9"
 };
-function rt(e) {
+function ot(e) {
   "@babel/helpers - typeof";
-  return rt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return ot = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, rt(e);
+  }, ot(e);
 }
 function Rp(e, t) {
-  if (rt(e) != "object" || !e) return e;
+  if (ot(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var i = n.call(e, t || "default");
-    if (rt(i) != "object") return i;
+    if (ot(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
 function lu(e) {
   var t = Rp(e, "string");
-  return rt(t) == "symbol" ? t : t + "";
+  return ot(t) == "symbol" ? t : t + "";
 }
 function wt(e, t, n) {
   return (t = lu(t)) in e ? Object.defineProperty(e, t, {
@@ -5280,11 +5287,11 @@ function ke(e, t) {
 }
 var Np = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function Lp(e) {
-  var t = e.defaultInputValue, n = t === void 0 ? "" : t, i = e.defaultMenuIsOpen, r = i === void 0 ? !1 : i, o = e.defaultValue, s = o === void 0 ? null : o, u = e.inputValue, a = e.menuIsOpen, c = e.onChange, l = e.onInputChange, d = e.onMenuClose, f = e.onMenuOpen, h = e.value, p = ke(e, Np), g = ue(u !== void 0 ? u : n), m = Xe(g, 2), b = m[0], I = m[1], v = ue(a !== void 0 ? a : r), C = Xe(v, 2), y = C[0], A = C[1], S = ue(h !== void 0 ? h : s), x = Xe(S, 2), B = x[0], G = x[1], Z = $(function(X, le) {
+  var t = e.defaultInputValue, n = t === void 0 ? "" : t, i = e.defaultMenuIsOpen, r = i === void 0 ? !1 : i, o = e.defaultValue, s = o === void 0 ? null : o, u = e.inputValue, a = e.menuIsOpen, c = e.onChange, l = e.onInputChange, d = e.onMenuClose, f = e.onMenuOpen, h = e.value, p = ke(e, Np), g = se(u !== void 0 ? u : n), m = Xe(g, 2), b = m[0], I = m[1], v = se(a !== void 0 ? a : r), C = Xe(v, 2), y = C[0], A = C[1], S = se(h !== void 0 ? h : s), x = Xe(S, 2), B = x[0], G = x[1], Z = $(function(X, le) {
     typeof c == "function" && c(X, le), G(X);
   }, [c]), Y = $(function(X, le) {
-    var se;
-    typeof l == "function" && (se = l(X, le)), I(se !== void 0 ? se : X);
+    var ae;
+    typeof l == "function" && (ae = l(X, le)), I(ae !== void 0 ? ae : X);
   }, [l]), fe = $(function() {
     typeof f == "function" && f(), A(!0);
   }, [f]), ce = $(function() {
@@ -5360,7 +5367,7 @@ function Zp(e) {
   return e;
 }
 function Hp(e, t) {
-  if (t && (rt(t) == "object" || typeof t == "function")) return t;
+  if (t && (ot(t) == "object" || typeof t == "function")) return t;
   if (t !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
   return Zp(e);
 }
@@ -5463,9 +5470,9 @@ function nn(e, t) {
 function im(e, t) {
   return e.map(t).join("");
 }
-var zn = 1, vt = 1, gu = 0, de = 0, Q = 0, xt = "";
+var zn = 1, yt = 1, gu = 0, de = 0, Q = 0, xt = "";
 function jn(e, t, n, i, r, o, s) {
-  return { value: e, root: t, parent: n, type: i, props: r, children: o, line: zn, column: vt, length: s, return: "" };
+  return { value: e, root: t, parent: n, type: i, props: r, children: o, line: zn, column: yt, length: s, return: "" };
 }
 function Tt(e, t) {
   return em(jn("", null, null, "", null, null, 0), e, { length: -e.length }, t);
@@ -5474,10 +5481,10 @@ function rm() {
   return Q;
 }
 function om() {
-  return Q = de > 0 ? ee(xt, --de) : 0, vt--, Q === 10 && (vt = 1, zn--), Q;
+  return Q = de > 0 ? ee(xt, --de) : 0, yt--, Q === 10 && (yt = 1, zn--), Q;
 }
 function ge() {
-  return Q = de < gu ? ee(xt, de++) : 0, vt++, Q === 10 && (vt = 1, zn++), Q;
+  return Q = de < gu ? ee(xt, de++) : 0, yt++, Q === 10 && (yt = 1, zn++), Q;
 }
 function Me() {
   return ee(xt, de);
@@ -5521,7 +5528,7 @@ function Zt(e) {
   return 0;
 }
 function bu(e) {
-  return zn = vt = 1, gu = we(xt = e), de = 0, [];
+  return zn = yt = 1, gu = we(xt = e), de = 0, [];
 }
 function vu(e) {
   return xt = "", e;
@@ -5672,7 +5679,7 @@ function dm(e, t, n) {
 function ns(e, t, n, i) {
   return jn(e, t, n, Ar, Xt(e, 0, i), Xt(e, i + 1, -1), i);
 }
-function pt(e, t) {
+function mt(e, t) {
   for (var n = "", i = Sr(e), r = 0; r < i; r++)
     n += t(e[r], r, e, t) || "";
   return n;
@@ -5687,11 +5694,11 @@ function fm(e, t, n, i) {
     case hu:
       return "";
     case pu:
-      return e.return = e.value + "{" + pt(e.children, i) + "}";
+      return e.return = e.value + "{" + mt(e.children, i) + "}";
     case xr:
       e.value = e.props.join(",");
   }
-  return we(n = pt(e.children, i)) ? e.return = e.value + "{" + n + "}" : "";
+  return we(n = mt(e.children, i)) ? e.return = e.value + "{" + n + "}" : "";
 }
 function hm(e) {
   var t = Sr(e);
@@ -5876,7 +5883,7 @@ var Cm = function(t, n, i, r) {
       t.return = yu(t.value, t.length);
       break;
     case pu:
-      return pt([Tt(t, {
+      return mt([Tt(t, {
         value: D(t.value, "@", "@" + M)
       })], r);
     case xr:
@@ -5884,11 +5891,11 @@ var Cm = function(t, n, i, r) {
         switch (nm(o, /(::plac\w+|:read-\w+)/)) {
           case ":read-only":
           case ":read-write":
-            return pt([Tt(t, {
+            return mt([Tt(t, {
               props: [D(o, /:(read-\w+)/, ":" + Pn + "$1")]
             })], r);
           case "::placeholder":
-            return pt([Tt(t, {
+            return mt([Tt(t, {
               props: [D(o, /:(plac\w+)/, ":" + M + "input-$1")]
             }), Tt(t, {
               props: [D(o, /:(plac\w+)/, ":" + Pn + "$1")]
@@ -5924,7 +5931,7 @@ var Cm = function(t, n, i, r) {
     var l, d = [fm, pm(function(g) {
       l.insert(g);
     })], f = hm(c.concat(r, d)), h = function(m) {
-      return pt(lm(m), f);
+      return mt(lm(m), f);
     };
     a = function(m, b, I, v) {
       l = I, h(m ? m + "{" + b.styles + "}" : b.styles), v && (p.inserted[b.name] = !0);
@@ -6072,21 +6079,21 @@ function Tm() {
     }
     var y = a, A = c, S = u, x = s, B = t, G = l, Z = i, Y = p, fe = h, ce = n, J = o, k = r, W = d, X = !1;
     function le(E) {
-      return X || (X = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), se(E) || C(E) === a;
+      return X || (X = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ae(E) || C(E) === a;
     }
-    function se(E) {
+    function ae(E) {
       return C(E) === c;
     }
-    function st(E) {
+    function at(E) {
       return C(E) === u;
     }
     function U(E) {
       return C(E) === s;
     }
-    function ae(E) {
+    function ue(E) {
       return typeof E == "object" && E !== null && E.$$typeof === t;
     }
-    function Ce(E) {
+    function xe(E) {
       return C(E) === l;
     }
     function Ee(E) {
@@ -6098,10 +6105,10 @@ function Tm() {
     function Pe(E) {
       return C(E) === h;
     }
-    function xe(E) {
+    function Ae(E) {
       return C(E) === n;
     }
-    function at(E) {
+    function ut(E) {
       return C(E) === o;
     }
     function Un(E) {
@@ -6110,7 +6117,7 @@ function Tm() {
     function _t(E) {
       return C(E) === d;
     }
-    L.AsyncMode = y, L.ConcurrentMode = A, L.ContextConsumer = S, L.ContextProvider = x, L.Element = B, L.ForwardRef = G, L.Fragment = Z, L.Lazy = Y, L.Memo = fe, L.Portal = ce, L.Profiler = J, L.StrictMode = k, L.Suspense = W, L.isAsyncMode = le, L.isConcurrentMode = se, L.isContextConsumer = st, L.isContextProvider = U, L.isElement = ae, L.isForwardRef = Ce, L.isFragment = Ee, L.isLazy = he, L.isMemo = Pe, L.isPortal = xe, L.isProfiler = at, L.isStrictMode = Un, L.isSuspense = _t, L.isValidElementType = v, L.typeOf = C;
+    L.AsyncMode = y, L.ConcurrentMode = A, L.ContextConsumer = S, L.ContextProvider = x, L.Element = B, L.ForwardRef = G, L.Fragment = Z, L.Lazy = Y, L.Memo = fe, L.Portal = ce, L.Profiler = J, L.StrictMode = k, L.Suspense = W, L.isAsyncMode = le, L.isConcurrentMode = ae, L.isContextConsumer = at, L.isContextProvider = U, L.isElement = ue, L.isForwardRef = xe, L.isFragment = Ee, L.isLazy = he, L.isMemo = Pe, L.isPortal = Ae, L.isProfiler = ut, L.isStrictMode = Un, L.isSuspense = _t, L.isValidElementType = v, L.typeOf = C;
   }()), L;
 }
 process.env.NODE_ENV === "production" ? Di.exports = Sm() : Di.exports = Tm();
@@ -6689,7 +6696,7 @@ function fg(e, t) {
   }).join(" ");
 }
 var fs = function(t) {
-  return Cg(t) ? t.filter(Boolean) : rt(t) === "object" && t !== null ? [t] : [];
+  return Cg(t) ? t.filter(Boolean) : ot(t) === "object" && t !== null ? [t] : [];
 }, Ru = function(t) {
   t.className, t.clearValue, t.cx, t.getStyles, t.getClassNames, t.getValue, t.hasValue, t.isMulti, t.isRtl, t.options, t.selectOption, t.selectProps, t.setValue, t.theme;
   var n = ke(t, lg);
@@ -6883,7 +6890,7 @@ var Mu = function(t) {
     marginTop: u.menuGutter
   });
 }, Du = /* @__PURE__ */ De(null), Vg = function(t) {
-  var n = t.children, i = t.minMenuHeight, r = t.maxMenuHeight, o = t.menuPlacement, s = t.menuPosition, u = t.menuShouldScrollIntoView, a = t.theme, c = z(Du) || {}, l = c.setPortalPlacement, d = te(null), f = ue(r), h = Xe(f, 2), p = h[0], g = h[1], m = ue(null), b = Xe(m, 2), I = b[0], v = b[1], C = a.spacing.controlHeight;
+  var n = t.children, i = t.minMenuHeight, r = t.maxMenuHeight, o = t.menuPlacement, s = t.menuPosition, u = t.menuShouldScrollIntoView, a = t.theme, c = z(Du) || {}, l = c.setPortalPlacement, d = te(null), f = se(r), h = Xe(f, 2), p = h[0], g = h[1], m = se(null), b = Xe(m, 2), I = b[0], v = b[1], C = a.spacing.controlHeight;
   return Wi(function() {
     var y = d.current;
     if (y) {
@@ -6968,11 +6975,11 @@ var Mu = function(t) {
     zIndex: 1
   };
 }, Wg = function(t) {
-  var n = t.appendTo, i = t.children, r = t.controlElement, o = t.innerProps, s = t.menuPlacement, u = t.menuPosition, a = te(null), c = te(null), l = ue(Mu(s)), d = Xe(l, 2), f = d[0], h = d[1], p = pe(function() {
+  var n = t.appendTo, i = t.children, r = t.controlElement, o = t.innerProps, s = t.menuPlacement, u = t.menuPosition, a = te(null), c = te(null), l = se(Mu(s)), d = Xe(l, 2), f = d[0], h = d[1], p = pe(function() {
     return {
       setPortalPlacement: h
     };
-  }, []), g = ue(null), m = Xe(g, 2), b = m[0], I = m[1], v = $(function() {
+  }, []), g = se(null), m = Xe(g, 2), b = m[0], I = m[1], v = $(function() {
     if (r) {
       var S = gg(r), x = u === "fixed" ? 0 : window.pageYOffset, B = S[f] + x;
       (B !== (b == null ? void 0 : b.offset) || S.left !== (b == null ? void 0 : b.rect.left) || S.width !== (b == null ? void 0 : b.rect.width)) && I({
@@ -7579,13 +7586,13 @@ var H0 = process.env.NODE_ENV === "production" ? {
   }, [d]), B = pe(function() {
     var J = "";
     if (n && x.onChange) {
-      var k = n.option, W = n.options, X = n.removedValue, le = n.removedValues, se = n.value, st = function(xe) {
-        return Array.isArray(xe) ? null : xe;
-      }, U = X || k || st(se), ae = U ? f(U) : "", Ce = W || le || void 0, Ee = Ce ? Ce.map(f) : [], he = V({
+      var k = n.option, W = n.options, X = n.removedValue, le = n.removedValues, ae = n.value, at = function(Ae) {
+        return Array.isArray(Ae) ? null : Ae;
+      }, U = X || k || at(ae), ue = U ? f(U) : "", xe = W || le || void 0, Ee = xe ? xe.map(f) : [], he = V({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: U && g(U, u),
-        label: ae,
+        label: ue,
         labels: Ee
       }, n);
       J = x.onChange(he);
@@ -7984,7 +7991,7 @@ function eb(e) {
   }, [h, f, d]), g = $(function(m) {
     m && (m.removeEventListener("wheel", d, !1), m.removeEventListener("touchstart", f, !1), m.removeEventListener("touchmove", h, !1));
   }, [h, f, d]);
-  return Ie(function() {
+  return Ce(function() {
     if (t) {
       var m = c.current;
       return p(m), function() {
@@ -8015,7 +8022,7 @@ function As() {
 function Ss() {
   return "ontouchstart" in window || navigator.maxTouchPoints;
 }
-var Ts = !!(typeof window < "u" && window.document && window.document.createElement), Et = 0, ut = {
+var Ts = !!(typeof window < "u" && window.document && window.document.createElement), Et = 0, ct = {
   capture: !1,
   passive: !1
 };
@@ -8033,7 +8040,7 @@ function tb(e) {
           l && (l[p] = g);
         }), l && (l.paddingRight = "".concat(h, "px"));
       }
-      c && Ss() && (c.addEventListener("touchmove", Cs, ut), a && (a.addEventListener("touchstart", As, ut), a.addEventListener("touchmove", xs, ut))), Et += 1;
+      c && Ss() && (c.addEventListener("touchmove", Cs, ct), a && (a.addEventListener("touchstart", As, ct), a.addEventListener("touchmove", xs, ct))), Et += 1;
     }
   }, [i]), u = $(function(a) {
     if (Ts) {
@@ -8041,10 +8048,10 @@ function tb(e) {
       Et = Math.max(Et - 1, 0), i && Et < 1 && ys.forEach(function(d) {
         var f = r.current[d];
         l && (l[d] = f);
-      }), c && Ss() && (c.removeEventListener("touchmove", Cs, ut), a && (a.removeEventListener("touchstart", As, ut), a.removeEventListener("touchmove", xs, ut)));
+      }), c && Ss() && (c.removeEventListener("touchmove", Cs, ct), a && (a.removeEventListener("touchstart", As, ct), a.removeEventListener("touchmove", xs, ct)));
     }
   }, [i]);
-  return Ie(function() {
+  return Ce(function() {
     if (t) {
       var a = o.current;
       return s(a), function() {
@@ -9027,50 +9034,50 @@ var $u = function(t) {
     value: function() {
       var r = this, o = this.getComponents(), s = o.Group, u = o.GroupHeading, a = o.Menu, c = o.MenuList, l = o.MenuPortal, d = o.LoadingMessage, f = o.NoOptionsMessage, h = o.Option, p = this.commonProps, g = this.state.focusedOption, m = this.props, b = m.captureMenuScroll, I = m.inputValue, v = m.isLoading, C = m.loadingMessage, y = m.minMenuHeight, A = m.maxMenuHeight, S = m.menuIsOpen, x = m.menuPlacement, B = m.menuPosition, G = m.menuPortalTarget, Z = m.menuShouldBlockScroll, Y = m.menuShouldScrollIntoView, fe = m.noOptionsMessage, ce = m.onMenuScrollToTop, J = m.onMenuScrollToBottom;
       if (!S) return null;
-      var k = function(ae, Ce) {
-        var Ee = ae.type, he = ae.data, Pe = ae.isDisabled, xe = ae.isSelected, at = ae.label, Un = ae.value, _t = g === he, E = Pe ? void 0 : function() {
+      var k = function(ue, xe) {
+        var Ee = ue.type, he = ue.data, Pe = ue.isDisabled, Ae = ue.isSelected, ut = ue.label, Un = ue.value, _t = g === he, E = Pe ? void 0 : function() {
           return r.onOptionHover(he);
         }, At = Pe ? void 0 : function() {
           return r.selectOption(he);
-        }, Qe = "".concat(r.getElementId("option"), "-").concat(Ce), Qt = {
+        }, Qe = "".concat(r.getElementId("option"), "-").concat(xe), Qt = {
           id: Qe,
           onClick: At,
           onMouseMove: E,
           onMouseOver: E,
           tabIndex: -1,
           role: "option",
-          "aria-selected": r.isAppleDevice ? void 0 : xe
+          "aria-selected": r.isAppleDevice ? void 0 : Ae
           // is not supported on Apple devices
         };
         return /* @__PURE__ */ R.createElement(h, F({}, p, {
           innerProps: Qt,
           data: he,
           isDisabled: Pe,
-          isSelected: xe,
+          isSelected: Ae,
           key: Qe,
-          label: at,
+          label: ut,
           type: Ee,
           value: Un,
           isFocused: _t,
           innerRef: _t ? r.getFocusedOptionRef : void 0
-        }), r.formatOptionLabel(ae.data, "menu"));
+        }), r.formatOptionLabel(ue.data, "menu"));
       }, W;
       if (this.hasOptions())
         W = this.getCategorizedOptions().map(function(U) {
           if (U.type === "group") {
-            var ae = U.data, Ce = U.options, Ee = U.index, he = "".concat(r.getElementId("group"), "-").concat(Ee), Pe = "".concat(he, "-heading");
+            var ue = U.data, xe = U.options, Ee = U.index, he = "".concat(r.getElementId("group"), "-").concat(Ee), Pe = "".concat(he, "-heading");
             return /* @__PURE__ */ R.createElement(s, F({}, p, {
               key: he,
-              data: ae,
-              options: Ce,
+              data: ue,
+              options: xe,
               Heading: u,
               headingProps: {
                 id: Pe,
                 data: U.data
               },
               label: r.formatGroupLabel(U.data)
-            }), U.options.map(function(xe) {
-              return k(xe, "".concat(Ee, "-").concat(xe.index));
+            }), U.options.map(function(Ae) {
+              return k(Ae, "".concat(Ee, "-").concat(Ae.index));
             }));
           } else if (U.type === "option")
             return k(U, "".concat(U.index));
@@ -9088,16 +9095,16 @@ var $u = function(t) {
         if (le === null) return null;
         W = /* @__PURE__ */ R.createElement(f, p, le);
       }
-      var se = {
+      var ae = {
         minMenuHeight: y,
         maxMenuHeight: A,
         menuPlacement: x,
         menuPosition: B,
         menuShouldScrollIntoView: Y
-      }, st = /* @__PURE__ */ R.createElement(Vg, F({}, p, se), function(U) {
-        var ae = U.ref, Ce = U.placerProps, Ee = Ce.placement, he = Ce.maxHeight;
-        return /* @__PURE__ */ R.createElement(a, F({}, p, se, {
-          innerRef: ae,
+      }, at = /* @__PURE__ */ R.createElement(Vg, F({}, p, ae), function(U) {
+        var ue = U.ref, xe = U.placerProps, Ee = xe.placement, he = xe.maxHeight;
+        return /* @__PURE__ */ R.createElement(a, F({}, p, ae, {
+          innerRef: ue,
           innerProps: {
             onMouseDown: r.onMenuMouseDown,
             onMouseMove: r.onMenuMouseMove
@@ -9111,8 +9118,8 @@ var $u = function(t) {
           lockEnabled: Z
         }, function(Pe) {
           return /* @__PURE__ */ R.createElement(c, F({}, p, {
-            innerRef: function(at) {
-              r.getMenuListRef(at), Pe(at);
+            innerRef: function(ut) {
+              r.getMenuListRef(ut), Pe(ut);
             },
             innerProps: {
               role: "listbox",
@@ -9130,7 +9137,7 @@ var $u = function(t) {
         controlElement: this.controlRef,
         menuPlacement: x,
         menuPosition: B
-      }), st) : st;
+      }), at) : at;
     }
   }, {
     key: "renderFormField",
@@ -9321,7 +9328,7 @@ const Ut = (e) => {
   return /* @__PURE__ */ T("div", { className: Te["form-group"], style: n, ...i, children: t });
 }, Gb = (e) => {
   const { children: t, sx: n, ...i } = e, r = un.toArray(t).filter((a) => a.type.displayName === "biznext-ui-input-label"), o = un.toArray(t).filter((a) => a.type.displayName === "biznext-ui-input-control"), s = un.toArray(t).filter((a) => a.type.displayName === "biznext-ui-input-error-message"), u = s[0] && s[0].props.children && s[0].props.children.length > 0;
-  return /* @__PURE__ */ me("div", { className: yt(Te["form-input-group"], u && Te["validation-error"]), style: n, ...i, children: [
+  return /* @__PURE__ */ me("div", { className: rt(Te["form-input-group"], u && Te["validation-error"]), style: n, ...i, children: [
     r,
     /* @__PURE__ */ me("div", { className: Te["form-input-control-group"], children: [
       o,
@@ -9330,14 +9337,14 @@ const Ut = (e) => {
   ] });
 }, qu = (e) => {
   const { required: t = !1, children: n, sx: i, ...r } = e;
-  return /* @__PURE__ */ T("label", { className: yt(Te["form-input-group-label"], t && Te.required), style: i, ...r, children: n });
+  return /* @__PURE__ */ T("label", { className: rt(Te["form-input-group-label"], t && Te.required), style: i, ...r, children: n });
 }, ec = Mn((e, t) => {
   const { controlType: n, focus: i, onFocus: r, sx: o, placeholder: s = "", isSearchable: u = !0, isClearable: a = !0, ...c } = e;
   let l = /* @__PURE__ */ T(gn, {});
   const d = te(null);
-  switch (Ie(() => {
+  switch (Ce(() => {
     d.current && d.current.focus();
-  }, [i]), Ie(() => {
+  }, [i]), Ce(() => {
     d.current && d.current.focus();
   }, [r]), n) {
     case "input":