beesoft-components 0.4.8 → 0.4.9

package/dist/index.es.js

@@ -82,14 +82,14 @@ function zo() {
       // with.
       c.$$typeof === z || c.getModuleId !== void 0));
     }
-    function X(c, w, O) {
+    function J(c, w, O) {
       var q = c.displayName;
       if (q)
         return q;
       var pe = w.displayName || w.name || "";
       return pe !== "" ? O + "(" + pe + ")" : O;
     }
-    function J(c) {
+    function X(c) {
       return c.displayName || "Context";
     }
     function v(c) {
@@ -117,12 +117,12 @@ function zo() {
         switch (c.$$typeof) {
           case s:
             var w = c;
-            return J(w) + ".Consumer";
+            return X(w) + ".Consumer";
           case o:
             var O = c;
-            return J(O._context) + ".Provider";
+            return X(O._context) + ".Provider";
           case u:
-            return X(c, c.render, "ForwardRef");
+            return J(c, c.render, "ForwardRef");
           case d:
             var q = c.displayName || null;
             return q !== null ? q : v(c.type) || "Memo";
@@ -1444,7 +1444,7 @@ const ll = (e, t) => {
       j.className = `${K.current}`, x && D === x && (j.innerHTML = ""), C == null || C(m);
     },
     [x, C]
-  ), X = Ae(
+  ), J = Ae(
     (m) => {
       const j = m.target.innerHTML;
       if (x && j === "") {
@@ -1454,10 +1454,10 @@ const ll = (e, t) => {
       P == null || P(m);
     },
     [x, P]
-  ), J = Ae(
+  ), X = Ae(
     (m) => {
       var j, D;
-      (j = z.current) == null || j.removeEventListener("focus", oe), (D = z.current) == null || D.removeEventListener("blur", X), x && m && m !== document.activeElement && m.innerHTML === "" && (m.innerHTML = x, m.className = `${K.current} ${ee.current}`), m.addEventListener("focus", oe), m.addEventListener("blur", X), z.current = m;
+      (j = z.current) == null || j.removeEventListener("focus", oe), (D = z.current) == null || D.removeEventListener("blur", J), x && m && m !== document.activeElement && m.innerHTML === "" && (m.innerHTML = x, m.className = `${K.current} ${ee.current}`), m.addEventListener("focus", oe), m.addEventListener("blur", J), z.current = m;
     },
     [x]
   ), v = Ae(
@@ -1499,7 +1499,7 @@ const ll = (e, t) => {
     /* @__PURE__ */ h.jsx(
       "div",
       {
-        ref: (m) => m && J(m),
+        ref: (m) => m && X(m),
         className: K.current,
         contentEditable: !n,
         suppressContentEditableWarning: !0,
@@ -3987,14 +3987,14 @@ function ze(e, t, r, n) {
   var oe = Ne((o = (s = (u = (l = n == null ? void 0 : n.firstWeekContainsDate) !== null && l !== void 0 ? l : n == null || (f = n.locale) === null || f === void 0 || (d = f.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && u !== void 0 ? u : ee.firstWeekContainsDate) !== null && s !== void 0 ? s : (b = ee.locale) === null || b === void 0 || (T = b.options) === null || T === void 0 ? void 0 : T.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(oe >= 1 && oe <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var X = Ne((x = (C = (P = (R = n == null ? void 0 : n.weekStartsOn) !== null && R !== void 0 ? R : n == null || (V = n.locale) === null || V === void 0 || (G = V.options) === null || G === void 0 ? void 0 : G.weekStartsOn) !== null && P !== void 0 ? P : ee.weekStartsOn) !== null && C !== void 0 ? C : (W = ee.locale) === null || W === void 0 || (g = W.options) === null || g === void 0 ? void 0 : g.weekStartsOn) !== null && x !== void 0 ? x : 0);
-  if (!(X >= 0 && X <= 6))
+  var J = Ne((x = (C = (P = (R = n == null ? void 0 : n.weekStartsOn) !== null && R !== void 0 ? R : n == null || (V = n.locale) === null || V === void 0 || (G = V.options) === null || G === void 0 ? void 0 : G.weekStartsOn) !== null && P !== void 0 ? P : ee.weekStartsOn) !== null && C !== void 0 ? C : (W = ee.locale) === null || W === void 0 || (g = W.options) === null || g === void 0 ? void 0 : g.weekStartsOn) !== null && x !== void 0 ? x : 0);
+  if (!(J >= 0 && J <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (K === "")
     return Y === "" ? me(r) : /* @__PURE__ */ new Date(NaN);
-  var J = {
+  var X = {
     firstWeekContainsDate: oe,
-    weekStartsOn: X,
+    weekStartsOn: J,
     locale: z
   }, v = [new Df()], F = K.match(dd).map(function(_) {
     var N = _[0];
@@ -4023,7 +4023,7 @@ function ze(e, t, r, n) {
           token: H,
           fullToken: N
         });
-        var Fe = Pe.run(Y, N, z.match, J);
+        var Fe = Pe.run(Y, N, z.match, X);
         if (!Fe)
           return {
             v: /* @__PURE__ */ new Date(NaN)
@@ -4073,9 +4073,9 @@ function ze(e, t, r, n) {
   try {
     for (j.s(); !(D = j.n()).done; ) {
       var k = D.value;
-      if (!k.validate(y, J))
+      if (!k.validate(y, X))
         return /* @__PURE__ */ new Date(NaN);
-      var $ = k.set(y, m, J);
+      var $ = k.set(y, m, X);
       Array.isArray($) ? (y = $[0], yf(m, $[1])) : y = $;
     }
   } catch (_) {
@@ -4305,13 +4305,15 @@ function Rp(e) {
     "--theme-bsc-gray-2": e.gray2 || "#5f5f5f",
     "--theme-bsc-gray-3": e.gray3 || "#8f8f8f",
     "--theme-bsc-gray-4": e.gray4 || "#bebebe",
-    "--theme-bsc-gray-5": e.gray5 || "#eeeeee",
-    "--theme-bsc-mono-dark-1": e.monoDark1 || "#222222",
+    "--theme-bsc-gray-5": e.gray5 || "#eee",
+    "--theme-bsc-black": e.black || "#000",
+    "--theme-bsc-white": e.white || "#fff",
+    "--theme-bsc-mono-dark-1": e.monoDark1 || "#222",
     "--theme-bsc-mono-dark-2": e.monoDark2 || "#3c3c3c",
     "--theme-bsc-mono-dark-3": e.monoDark3 || "#4e4e4e",
     "--theme-bsc-mono-light-1": e.monoLight1 || "#fefefe",
-    "--theme-bsc-mono-light-2": e.monoLight2 || "#eeeeee",
-    "--theme-bsc-mono-light-3": e.monoLight3 || "#cccccc",
+    "--theme-bsc-mono-light-2": e.monoLight2 || "#eee",
+    "--theme-bsc-mono-light-3": e.monoLight3 || "#ccc",
     "--theme-bsc-info": e.info || "#2e7ff8",
     "--theme-bsc-success": e.success || "#53ae0c",
     "--theme-bsc-warning": e.warning || "#ff6914",
@@ -4729,7 +4731,7 @@ function $h() {
         }
       }
     }
-    var g = u, Y = l, K = s, ee = o, z = t, oe = f, X = n, J = x, v = T, F = r, B = i, A = a, te = d, L = !1;
+    var g = u, Y = l, K = s, ee = o, z = t, oe = f, J = n, X = x, v = T, F = r, B = i, A = a, te = d, L = !1;
     function le(S) {
       return L || (L = !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.")), p(S) || W(S) === u;
     }
@@ -4769,7 +4771,7 @@ function $h() {
     function Pe(S) {
       return W(S) === d;
     }
-    ye.AsyncMode = g, ye.ConcurrentMode = Y, ye.ContextConsumer = K, ye.ContextProvider = ee, ye.Element = z, ye.ForwardRef = oe, ye.Fragment = X, ye.Lazy = J, ye.Memo = v, ye.Portal = F, ye.Profiler = B, ye.StrictMode = A, ye.Suspense = te, ye.isAsyncMode = le, ye.isConcurrentMode = p, ye.isContextConsumer = E, ye.isContextProvider = y, ye.isElement = m, ye.isForwardRef = j, ye.isFragment = D, ye.isLazy = k, ye.isMemo = $, ye.isPortal = _, ye.isProfiler = N, ye.isStrictMode = H, ye.isSuspense = Pe, ye.isValidElementType = G, ye.typeOf = W;
+    ye.AsyncMode = g, ye.ConcurrentMode = Y, ye.ContextConsumer = K, ye.ContextProvider = ee, ye.Element = z, ye.ForwardRef = oe, ye.Fragment = J, ye.Lazy = X, ye.Memo = v, ye.Portal = F, ye.Profiler = B, ye.StrictMode = A, ye.Suspense = te, ye.isAsyncMode = le, ye.isConcurrentMode = p, ye.isContextConsumer = E, ye.isContextProvider = y, ye.isElement = m, ye.isForwardRef = j, ye.isFragment = D, ye.isLazy = k, ye.isMemo = $, ye.isPortal = _, ye.isProfiler = N, ye.isStrictMode = H, ye.isSuspense = Pe, ye.isValidElementType = G, ye.typeOf = W;
   }()), ye;
 }
 var ya;
@@ -4933,7 +4935,7 @@ function Fh() {
       objectOf: ee,
       oneOf: K,
       oneOfType: z,
-      shape: J,
+      shape: X,
       exact: v
     };
     function x(p, E) {
@@ -5095,12 +5097,12 @@ function Fh() {
       }
       return P(p);
     }
-    function X(p, E, y, m, j) {
+    function J(p, E, y, m, j) {
       return new C(
         (p || "React class") + ": " + E + " type `" + y + "." + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
-    function J(p) {
+    function X(p) {
       function E(y, m, j, D, k) {
         var $ = y[m], _ = A($);
         if (_ !== "object")
@@ -5108,7 +5110,7 @@ function Fh() {
         for (var N in p) {
           var H = p[N];
           if (typeof H != "function")
-            return X(j, D, k, N, te(H));
+            return J(j, D, k, N, te(H));
           var Pe = H($, N, j, D, k + "." + N, r);
           if (Pe)
             return Pe;
@@ -5126,7 +5128,7 @@ function Fh() {
         for (var H in N) {
           var Pe = p[H];
           if (n(p, H) && typeof Pe != "function")
-            return X(j, D, k, H, te(Pe));
+            return J(j, D, k, H, te(Pe));
           if (!Pe)
             return new C(
               "Invalid " + D + " `" + k + "` key `" + H + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(y[m], null, "  ") + `
@@ -5693,9 +5695,9 @@ const qh = ({
     Y.current = bo(g.current, F, v);
   }, oe = () => {
     Y.current && wo(Y.current);
-  }, X = () => {
+  }, J = () => {
     C(-1), T(-1), l == null || l();
-  }, J = {
+  }, X = {
     entering: { opacity: 0.5 },
     entered: { opacity: 0.5 }
   };
@@ -5710,7 +5712,7 @@ const qh = ({
         onEntering: ee,
         onEntered: z,
         onExit: oe,
-        onExited: X,
+        onExited: J,
         unmountOnExit: n,
         children: ({ state: v, defaultStyle: F, transitionStyles: B }) => /* @__PURE__ */ h.jsxs("div", { ref: (A) => A && K(A), children: [
           /* @__PURE__ */ h.jsx(
@@ -5720,7 +5722,7 @@ const qh = ({
               style: {
                 zIndex: x,
                 ...B[v],
-                ...J[v]
+                ...X[v]
               }
             }
           ),
@@ -5933,12 +5935,12 @@ const Gh = ({
     left: 0,
     top: 0,
     width: 0
-  }), X = ne(), J = ne(), v = ne(), F = ne(), B = ne(), A = ne();
-  ke(() => () => {
+  }), J = ne(), X = ne(), v = ne(), F = ne(), B = ne(), A = ne();
+  ke(() => (u === !0 && (A.current = new ResizeObserver(te)), () => {
     var D, k;
-    u === !0 && (J.current && ((D = A.current) == null || D.unobserve(J.current)), (k = A.current) == null || k.disconnect());
-  }, []), ke(() => {
-    if (t && (X.current = So(t), o && (v.current = mo(X.current, {
+    u === !0 && (X.current && ((D = A.current) == null || D.unobserve(X.current)), (k = A.current) == null || k.disconnect());
+  }), []), ke(() => {
+    if (t && (J.current = So(t), o && (v.current = mo(J.current, {
       overflow: "scroll, auto",
       overflowX: "scroll, auto",
       overflowY: "scroll, auto"
@@ -5949,13 +5951,13 @@ const Gh = ({
     e !== void 0 && g(e);
   }, [t, e, o, s]);
   const te = (D) => {
-    if (J.current) {
+    if (X.current) {
       const k = Ee.getScreenDimensions(), $ = D[D.length - 1].target, _ = $.getBoundingClientRect(), N = Ee.determineOffScreenLocation(_);
       if (N) {
-        if (X.current && Ee.canPositionElementOnScreenWithTarget($, X.current)) {
+        if (J.current && Ee.canPositionElementOnScreenWithTarget($, J.current)) {
           const H = Ee.positionElementToTargetOnScreen(
-            J.current,
             X.current,
+            J.current,
             n,
             r
           );
@@ -5973,16 +5975,16 @@ const Gh = ({
   }, 20), le = () => {
     G(z.current);
   }, p = () => {
-    if (!J.current)
+    if (!X.current)
       return;
     T == null || T();
     let D;
-    !a && X.current && (D = [X.current]);
+    !a && J.current && (D = [J.current]);
     const k = ($) => {
       $ ? C == null || C() : g(!1);
     };
-    F.current = bo(J.current, k, D), o && (B.current = cl(
-      ($) => J.current && Yd($, J.current) && g(!1),
+    F.current = bo(X.current, k, D), o && (B.current = cl(
+      ($) => X.current && Yd($, X.current) && g(!1),
       100,
       { leading: !0 }
     ), v.current && v.current.addEventListener("scroll", B.current));
@@ -5992,17 +5994,17 @@ const Gh = ({
     G(-1), x == null || x();
   }, m = (D) => {
     var k, $;
-    if (J.current = D, P == null || P(D), X.current) {
+    if (u === !0 && X.current && ((k = A.current) == null || k.unobserve(X.current)), X.current = D, P == null || P(D), J.current) {
       const _ = Ee.positionElementToTarget(
-        J.current,
         X.current,
+        J.current,
         n,
         r
       );
       oe.current = {
         ..._,
-        width: X.current.offsetWidth
-      }, u === !0 && (Ee.canPositionElementOnScreenWithTarget(J.current, X.current) || Ee.canPositionElementOnScreen(J.current)) && ((k = A.current) == null || k.unobserve(J.current), ($ = A.current) == null || $.observe(J.current), A.current = new ResizeObserver(te));
+        width: J.current.offsetWidth
+      }, u === !0 && (Ee.canPositionElementOnScreenWithTarget(X.current, J.current) || Ee.canPositionElementOnScreen(X.current)) && (($ = A.current) == null || $.observe(X.current));
     }
   }, j = dr(() => {
     const D = {
@@ -6713,13 +6715,13 @@ const sp = (e, t) => {
       x ? x(L) ? (Y(!0), C == null || C(L)) : Y(!1) : C == null || C(L);
     },
     [C]
-  ), X = Ae(
+  ), J = Ae(
     (L) => {
       var le;
       (le = z.current) == null || le.inputFocused(), P == null || P(L);
     },
     [P]
-  ), J = Ae(
+  ), X = Ae(
     (L) => {
       var le;
       (le = z.current) == null || le.inputBlurred(), R == null || R(L);
@@ -6758,8 +6760,8 @@ const sp = (e, t) => {
       rightElementClassName: d,
       isSingleLine: b,
       allowSingleLineScroll: T,
-      onFocus: X,
-      onBlur: J,
+      onFocus: J,
+      onBlur: X,
       onElementCreate: V,
       onLeftElementClick: G,
       onRightElementClick: W
@@ -7283,13 +7285,13 @@ const fr = ({
         throw new Error("Range selection mode requires onDateSelected to be set");
       !r || wf(A, r) ? o(A) : r && !n ? o(A, { setEndDate: !0 }) : r && n && o(A);
     }
-  }, oe = (A) => (V == null ? void 0 : V.toLocaleDateString()) === A.toLocaleDateString(), X = (A) => {
+  }, oe = (A) => (V == null ? void 0 : V.toLocaleDateString()) === A.toLocaleDateString(), J = (A) => {
     if (b && x) {
       const te = A.getTime();
       return te >= b && te <= x;
     }
     return !1;
-  }, J = {
+  }, X = {
     viewDate: e,
     selectedDate: t,
     selectedStartDate: r,
@@ -7302,9 +7304,9 @@ const fr = ({
     isValidDate: u,
     onDateClicked: z,
     isSelectedDate: oe,
-    isInSelectedDateRange: X
+    isInSelectedDateRange: J
   }, F = K || ((A, te) => /* @__PURE__ */ h.jsx("div", { className: "bsc-w-full bc-dt-calendar", children: te }));
-  return /* @__PURE__ */ h.jsx(gn, { props: J, template: F, children: /* @__PURE__ */ h.jsxs("div", { className: "bsc-grid bsc-grid-cols-7 bsc-gap-3 bc-dt-day-row bsc-min-w-[329px]", children: [
+  return /* @__PURE__ */ h.jsx(gn, { props: X, template: F, children: /* @__PURE__ */ h.jsxs("div", { className: "bsc-grid bsc-grid-cols-7 bsc-gap-3 bc-dt-day-row bsc-min-w-[329px]", children: [
     (B = g.current) == null ? void 0 : B.map((A, te) => /* @__PURE__ */ h.jsx("div", { className: "bsc-text-center bsc-font-bold bc-dt-day-cell", children: A }, te)),
     P == null ? void 0 : P.map(
       (A, te) => A.map((L, le) => {
@@ -7313,10 +7315,10 @@ const fr = ({
           "bsc-text-center bsc-py-1",
           {
             "bsc-text-gray-3": !L.isCurrent,
-            "bsc-bg-primary-3 dark:bsc-bg-mono-light-1 dark:bsc-text-mono-dark-1": L && L.dayValue && (V && oe(L.dayValue) || b && !x && eo(b, L.dayValue) || b && x && X(L.dayValue)),
+            "bsc-bg-primary-3 dark:bsc-bg-mono-light-1 dark:bsc-text-mono-dark-1": L && L.dayValue && (V && oe(L.dayValue) || b && !x && eo(b, L.dayValue) || b && x && J(L.dayValue)),
             "bsc-cursor-pointer": p,
             "bsc-text-error bsc-cursor-not-allowed": !p,
-            "bsc-bg-primary-5 dark:bsc-bg-mono-light-3 dark:bsc-text-mono-dark-1": L.dayValue && yd(L.dayValue) && !(oe(L.dayValue) || X(L.dayValue))
+            "bsc-bg-primary-5 dark:bsc-bg-mono-light-3 dark:bsc-text-mono-dark-1": L.dayValue && yd(L.dayValue) && !(oe(L.dayValue) || J(L.dayValue))
           },
           "bc-dt-date-cell"
         );
@@ -7634,10 +7636,10 @@ const fr = ({
     o({
       type: Z.DaySelector
     });
-  }, X = Ze("bsc-w-full bsc-grid bsc-grid-rows-3 bsc-gap-4 bc-dt-time-grid", {
+  }, J = Ze("bsc-w-full bsc-grid bsc-grid-rows-3 bsc-gap-4 bc-dt-time-grid", {
     "bsc-grid-cols-4": n === Ce.TwelveHour,
     "bsc-grid-cols-3": n === Ce.TwentyFourHour
-  }), J = Ze(
+  }), X = Ze(
     "bsc-text-center bsc-cursor-pointer hover:bsc-bg-gray-4 dark:bsc-text-mono-light-1 dark:hover:bsc-bg-mono-light-1 dark:hover:bsc-text-mono-dark-1 bc-dt-time-date-value",
     {
       "bsc-col-span-4": n === Ce.TwelveHour,
@@ -7649,8 +7651,8 @@ const fr = ({
     {
       className: "bc-dt-time-selector bsc-flex bsc-flex-row bsc-justify-center bsc-p-2",
       style: { minWidth: n === Ce.TwelveHour ? "15rem" : "11rem" },
-      children: /* @__PURE__ */ h.jsxs("div", { className: X, children: [
-        t && /* @__PURE__ */ h.jsx("div", { className: J, onClick: oe, children: G.current }),
+      children: /* @__PURE__ */ h.jsxs("div", { className: J, children: [
+        t && /* @__PURE__ */ h.jsx("div", { className: X, onClick: oe, children: G.current }),
         /* @__PURE__ */ h.jsx("div", { className: "bc-dt-time-hour-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ h.jsx(Ke, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: W, children: /* @__PURE__ */ h.jsx(Ar, {}) }) }),
         /* @__PURE__ */ h.jsx("div", {}),
         /* @__PURE__ */ h.jsx("div", { className: "bc-dt-time-minute-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ h.jsx(Ke, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: Y, children: /* @__PURE__ */ h.jsx(Ar, {}) }) }),
@@ -7971,13 +7973,13 @@ const Ep = (e, t) => {
   dateScrollerTemplate: V,
   inputTemplate: G
 }) => {
-  const [W, g] = je(!1), [Y, K] = je(), [ee, z] = je(), oe = ne(), X = ne(!1), J = ne(o || po()), v = ne(), F = ne(), B = ne(), [A, te] = Ep(u, Y), L = ne({
+  const [W, g] = je(!1), [Y, K] = je(), [ee, z] = je(), oe = ne(), J = ne(!1), X = ne(o || po()), v = ne(), F = ne(), B = ne(), [A, te] = Ep(u, Y), L = ne({
     calendarTemplate: R,
     dateScrollerTemplate: V
   });
   ke(() => {
-    J.current && le(J.current);
-  }, [J]), ke(() => {
+    X.current && le(X.current);
+  }, [X]), ke(() => {
     o && le(o);
   }, [o]), ke(() => {
     if (e) {
@@ -8068,9 +8070,9 @@ const Ep = (e, t) => {
       type: Z.ClearDates
     }), g(!1), P == null || P();
   }, Me = (Q, fe) => {
-    (!F.current || oe.current !== fe) && (F.current = Q, oe.current = fe, X.current = !0);
+    (!F.current || oe.current !== fe) && (F.current = Q, oe.current = fe, J.current = !0);
   }, Fe = () => {
-    (!B.current || X.current) && F.current && (B.current = F.current, z(F.current), X.current = !1);
+    (!B.current || J.current) && F.current && (B.current = F.current, z(F.current), J.current = !1);
   }, Ye = () => {
     g(!1), m({
       type: u === we.TimeOnly ? Z.TimeSelector : u === we.DateTime || u === we.DateOnly ? Z.DaySelector : Z.DateRangeSelector