@northlight/ui 2.7.1 → 2.9.0

package/dist/umd/northlight.js

@@ -92,7 +92,7 @@
       }
     return a;
   };
-  var __objRest$1s = (source, exclude) => {
+  var __objRest$1t = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -109,7 +109,7 @@
       name,
       image,
       variant = "square"
-    } = _b, rest = __objRest$1s(_b, [
+    } = _b, rest = __objRest$1t(_b, [
       "name",
       "image",
       "variant"
@@ -151,7 +151,7 @@
       }
     return a;
   };
-  var __objRest$1r = (source, exclude) => {
+  var __objRest$1s = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -167,7 +167,7 @@
     var _b = _a, {
       variant = "success",
       children
-    } = _b, rest = __objRest$1r(_b, [
+    } = _b, rest = __objRest$1s(_b, [
       "variant",
       "children"
     ]);
@@ -208,7 +208,7 @@
       }
     return a;
   };
-  var __objRest$1q = (source, exclude) => {
+  var __objRest$1r = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1Z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -226,7 +226,7 @@
       size,
       color,
       boxSize
-    } = _b, rest = __objRest$1q(_b, [
+    } = _b, rest = __objRest$1r(_b, [
       "as",
       "size",
       "color",
@@ -411,7 +411,7 @@
       }
     return a;
   };
-  var __objRest$1p = (source, exclude) => {
+  var __objRest$1q = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1W.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -430,7 +430,7 @@
       name,
       image,
       size
-    } = _b, rest = __objRest$1p(_b, [
+    } = _b, rest = __objRest$1q(_b, [
       "variant",
       "notificationCount",
       "name",
@@ -476,7 +476,7 @@
       }
     return a;
   };
-  var __objRest$1o = (source, exclude) => {
+  var __objRest$1p = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1V.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -492,7 +492,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1o(_b, [
+    } = _b, rest = __objRest$1p(_b, [
       "children",
       "sx"
     ]);
@@ -523,7 +523,7 @@
       }
     return a;
   };
-  var __objRest$1n = (source, exclude) => {
+  var __objRest$1o = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1U.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -539,7 +539,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1n(_b, [
+    } = _b, rest = __objRest$1o(_b, [
       "children",
       "sx"
     ]);
@@ -570,7 +570,7 @@
       }
     return a;
   };
-  var __objRest$1m = (source, exclude) => {
+  var __objRest$1n = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1T.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -586,7 +586,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1m(_b, [
+    } = _b, rest = __objRest$1n(_b, [
       "children",
       "sx"
     ]);
@@ -617,7 +617,7 @@
       }
     return a;
   };
-  var __objRest$1l = (source, exclude) => {
+  var __objRest$1m = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1S.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -633,7 +633,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1l(_b, [
+    } = _b, rest = __objRest$1m(_b, [
       "children",
       "sx"
     ]);
@@ -664,7 +664,7 @@
       }
     return a;
   };
-  var __objRest$1k = (source, exclude) => {
+  var __objRest$1l = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1R.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -680,7 +680,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1k(_b, [
+    } = _b, rest = __objRest$1l(_b, [
       "children",
       "sx"
     ]);
@@ -711,7 +711,7 @@
       }
     return a;
   };
-  var __objRest$1j = (source, exclude) => {
+  var __objRest$1k = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1Q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -727,7 +727,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1j(_b, [
+    } = _b, rest = __objRest$1k(_b, [
       "children",
       "sx"
     ]);
@@ -758,7 +758,7 @@
       }
     return a;
   };
-  var __objRest$1i = (source, exclude) => {
+  var __objRest$1j = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1P.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -775,7 +775,7 @@
       children,
       variant = "16",
       sx = {}
-    } = _b, rest = __objRest$1i(_b, [
+    } = _b, rest = __objRest$1j(_b, [
       "children",
       "variant",
       "sx"
@@ -807,7 +807,7 @@
       }
     return a;
   };
-  var __objRest$1h = (source, exclude) => {
+  var __objRest$1i = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1O.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -820,7 +820,7 @@
     return target;
   };
   const Blockquote$1 = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1h(_b, ["children", "sx"]);
+    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1i(_b, ["children", "sx"]);
     const styles = react.useStyleConfig("Blockquote", { sx });
     return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$1O({ as: "span", sx: styles }, rest), children);
   };
@@ -841,7 +841,7 @@
       }
     return a;
   };
-  var __objRest$1g = (source, exclude) => {
+  var __objRest$1h = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1N.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -857,7 +857,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1g(_b, [
+    } = _b, rest = __objRest$1h(_b, [
       "children",
       "sx"
     ]);
@@ -888,7 +888,7 @@
       }
     return a;
   };
-  var __objRest$1f = (source, exclude) => {
+  var __objRest$1g = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1M.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -904,7 +904,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1f(_b, [
+    } = _b, rest = __objRest$1g(_b, [
       "children",
       "sx"
     ]);
@@ -935,7 +935,7 @@
       }
     return a;
   };
-  var __objRest$1e = (source, exclude) => {
+  var __objRest$1f = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1L.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -951,7 +951,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1e(_b, [
+    } = _b, rest = __objRest$1f(_b, [
       "children",
       "sx"
     ]);
@@ -982,7 +982,7 @@
       }
     return a;
   };
-  var __objRest$1d = (source, exclude) => {
+  var __objRest$1e = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -998,7 +998,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1d(_b, [
+    } = _b, rest = __objRest$1e(_b, [
       "children",
       "sx"
     ]);
@@ -1029,7 +1029,7 @@
       }
     return a;
   };
-  var __objRest$1c = (source, exclude) => {
+  var __objRest$1d = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1J.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1046,7 +1046,7 @@
       children,
       size = "sm",
       sx = {}
-    } = _b, rest = __objRest$1c(_b, [
+    } = _b, rest = __objRest$1d(_b, [
       "children",
       "size",
       "sx"
@@ -1158,7 +1158,7 @@
       }
     return a;
   };
-  var __objRest$1b = (source, exclude) => {
+  var __objRest$1c = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1I.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1175,7 +1175,7 @@
       children,
       max = Infinity,
       spacing = "-4"
-    } = _b, rest = __objRest$1b(_b, [
+    } = _b, rest = __objRest$1c(_b, [
       "children",
       "max",
       "spacing"
@@ -1218,7 +1218,7 @@
       }
     return a;
   };
-  var __objRest$1a = (source, exclude) => {
+  var __objRest$1b = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1G.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1235,7 +1235,7 @@
       color = "",
       size,
       isBlinking = true
-    } = _b, rest = __objRest$1a(_b, [
+    } = _b, rest = __objRest$1b(_b, [
       "color",
       "size",
       "isBlinking"
@@ -1260,7 +1260,7 @@
       }
     return a;
   };
-  var __objRest$19 = (source, exclude) => {
+  var __objRest$1a = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1274,7 +1274,7 @@
   };
   const Button$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { variant = "default", children } = _b, rest = __objRest$19(_b, ["variant", "children"]);
+      var _b = _a, { variant = "default", children } = _b, rest = __objRest$1a(_b, ["variant", "children"]);
       return /* @__PURE__ */ React.createElement(react.Button, __spreadValues$1F({ variant, ref }, rest), children);
     }
   );
@@ -1295,7 +1295,7 @@
       }
     return a;
   };
-  var __objRest$18 = (source, exclude) => {
+  var __objRest$19 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1E.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1314,7 +1314,7 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$18(_b, [
+    } = _b, rest = __objRest$19(_b, [
       "value",
       "onChange",
       "name",
@@ -1365,7 +1365,7 @@
       }
     return a;
   };
-  var __objRest$17 = (source, exclude) => {
+  var __objRest$18 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1388,7 +1388,7 @@
       enableReinitialize = false,
       shouldTrim = true,
       innerFormStyle = {}
-    } = _b, rest = __objRest$17(_b, [
+    } = _b, rest = __objRest$18(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -1448,7 +1448,7 @@
       }
     return a;
   };
-  var __objRest$16 = (source, exclude) => {
+  var __objRest$17 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1C.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1463,7 +1463,7 @@
   const FormLabel = (_a) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$16(_b, [
+    } = _b, rest = __objRest$17(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
@@ -1605,7 +1605,7 @@
     onChange,
     onAdd,
     onRemove,
-    isMulti,
+    isMulti = false,
     value
   }) => {
     const items = React.useRef(value);
@@ -1659,7 +1659,7 @@
         const isInBound = isBetween(clientX, left, right) && isBetween(clientY, top, bottom);
         if (isInBound)
           return;
-        callback();
+        callback(event);
       };
       const onPointerDown = () => {
         state.isPointerDown = true;
@@ -1694,6 +1694,17 @@
     }, []);
   };
 
+  const useScreenSize = () => {
+    const screenSizes = react.useMediaQuery(["(min-width: 1280px)", "(min-width: 1024px)"]);
+    if (screenSizes[0]) {
+      return "lg";
+    }
+    if (screenSizes[1]) {
+      return "md";
+    }
+    return "sm";
+  };
+
   function Field({
     name,
     label,
@@ -1753,7 +1764,7 @@
       }
     return a;
   };
-  var __objRest$15 = (source, exclude) => {
+  var __objRest$16 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1776,7 +1787,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$15(_b, [
+    } = _b, rest = __objRest$16(_b, [
       "name",
       "label",
       "variant",
@@ -1843,7 +1854,7 @@
       }
     return a;
   };
-  var __objRest$14 = (source, exclude) => {
+  var __objRest$15 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1861,7 +1872,7 @@
       icon,
       "aria-label": ariaLabel,
       children
-    } = _b, rest = __objRest$14(_b, [
+    } = _b, rest = __objRest$15(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -1978,7 +1989,7 @@
       }
     return a;
   };
-  var __objRest$13 = (source, exclude) => {
+  var __objRest$14 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1999,7 +2010,7 @@
       value = null,
       name,
       size = "md"
-    } = _b, rest = __objRest$13(_b, [
+    } = _b, rest = __objRest$14(_b, [
       "onChange",
       "colors",
       "expandedColors",
@@ -2129,7 +2140,7 @@
       }
     return a;
   };
-  var __objRest$12 = (source, exclude) => {
+  var __objRest$13 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2148,7 +2159,7 @@
       direction,
       isRequired,
       validate
-    } = _b, rest = __objRest$12(_b, [
+    } = _b, rest = __objRest$13(_b, [
       "name",
       "label",
       "direction",
@@ -2233,7 +2244,7 @@
     return a;
   };
   var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
-  var __objRest$11 = (source, exclude) => {
+  var __objRest$12 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1w.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2255,7 +2266,7 @@
       icon,
       value,
       iconPlacement = "left"
-    } = _a, rest = __objRest$11(_a, [
+    } = _a, rest = __objRest$12(_a, [
       "children",
       "size",
       "variant",
@@ -2335,7 +2346,7 @@
     return a;
   };
   var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
-  var __objRest$10 = (source, exclude) => {
+  var __objRest$11 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1v.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2359,7 +2370,7 @@
       variant,
       icon,
       sx = {}
-    } = _a, rest = __objRest$10(_a, [
+    } = _a, rest = __objRest$11(_a, [
       "isMulti",
       "name",
       "children",
@@ -2419,7 +2430,7 @@
       }
     return a;
   };
-  var __objRest$$ = (source, exclude) => {
+  var __objRest$10 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1u.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2441,7 +2452,7 @@
       iconPlacement = "left",
       onChange: onChangeCallback = ramda.identity,
       validate
-    } = _b, rest = __objRest$$(_b, [
+    } = _b, rest = __objRest$10(_b, [
       "name",
       "label",
       "children",
@@ -2634,7 +2645,7 @@
     return a;
   };
   var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
-  var __objRest$_ = (source, exclude) => {
+  var __objRest$$ = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2648,7 +2659,7 @@
   };
   const StyledField = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$_(_b, ["isInvalid", "isDisabled", "children", "variant"]);
+      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$$(_b, ["isInvalid", "isDisabled", "children", "variant"]);
       const { styledField } = react.useMultiStyleConfig("DatePicker", { variant });
       return /* @__PURE__ */ React.createElement(
         react.Box,
@@ -2739,7 +2750,7 @@
       }
     return a;
   };
-  var __objRest$Z = (source, exclude) => {
+  var __objRest$_ = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1o.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2753,7 +2764,7 @@
   };
   const CalendarGrid = React.memo(
     (_a) => {
-      var _b = _a, { state, locale } = _b, rest = __objRest$Z(_b, ["state", "locale"]);
+      var _b = _a, { state, locale } = _b, rest = __objRest$_(_b, ["state", "locale"]);
       const startDate = state.visibleRange.start;
       const { gridProps, headerProps, weekDays } = calendar.useCalendarGrid(rest, state);
       const weeksInMonth = date.getWeeksInMonth(startDate, locale);
@@ -2790,7 +2801,7 @@
     return a;
   };
   var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
-  var __objRest$Y = (source, exclude) => {
+  var __objRest$Z = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1n.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2803,7 +2814,7 @@
     return target;
   };
   const MonthButton = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$Y(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$Z(_b, ["children"]);
     const ref = React.useRef(null);
     const { buttonProps } = button.useButton(rest, ref);
     return /* @__PURE__ */ React.createElement(
@@ -3089,7 +3100,7 @@
       }
     return a;
   };
-  var __objRest$X = (source, exclude) => {
+  var __objRest$Y = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1k.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3102,7 +3113,7 @@
     return target;
   };
   const Clickable = (_a) => {
-    var _b = _a, { href, linkProps } = _b, rest = __objRest$X(_b, ["href", "linkProps"]);
+    var _b = _a, { href, linkProps } = _b, rest = __objRest$Y(_b, ["href", "linkProps"]);
     const clickable$1 = clickable.useClickable(rest);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, !ramda.isNil(href) && /* @__PURE__ */ React.createElement(
       react.Link,
@@ -3191,7 +3202,7 @@
       }
     return a;
   };
-  var __objRest$W = (source, exclude) => {
+  var __objRest$X = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1j.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3215,7 +3226,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$W(_b, [
+    } = _b, rest = __objRest$X(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -3258,7 +3269,7 @@
       }
     return a;
   };
-  var __objRest$V = (source, exclude) => {
+  var __objRest$W = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1i.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3282,7 +3293,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$V(_b, [
+    } = _b, rest = __objRest$W(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -3325,7 +3336,7 @@
       }
     return a;
   };
-  var __objRest$U = (source, exclude) => {
+  var __objRest$V = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1h.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3350,7 +3361,7 @@
       exitDelay = 0,
       direction = "bottom",
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$U(_b, [
+    } = _b, rest = __objRest$V(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -3395,7 +3406,7 @@
       }
     return a;
   };
-  var __objRest$T = (source, exclude) => {
+  var __objRest$U = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1g.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3423,7 +3434,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$T(_b, [
+    } = _b, rest = __objRest$U(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -3473,7 +3484,7 @@
       }
     return a;
   };
-  var __objRest$S = (source, exclude) => {
+  var __objRest$T = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1f.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3497,7 +3508,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$T(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -4407,7 +4418,7 @@
       }
     return a;
   };
-  var __objRest$R = (source, exclude) => {
+  var __objRest$S = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$17.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4424,7 +4435,7 @@
       inputLeftElement,
       inputRightElement,
       children
-    } = _b, rest = __objRest$R(_b, [
+    } = _b, rest = __objRest$S(_b, [
       "inputLeftElement",
       "inputRightElement",
       "children"
@@ -4449,7 +4460,7 @@
       }
     return a;
   };
-  var __objRest$Q = (source, exclude) => {
+  var __objRest$R = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$16.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4474,7 +4485,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$Q(_b, [
+    } = _b, rest = __objRest$R(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4549,7 +4560,7 @@
       }
     return a;
   };
-  var __objRest$P = (source, exclude) => {
+  var __objRest$Q = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$15.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4573,7 +4584,7 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true
-    } = _b, rest = __objRest$P(_b, [
+    } = _b, rest = __objRest$Q(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4644,7 +4655,7 @@
     return a;
   };
   var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-  var __objRest$O = (source, exclude) => {
+  var __objRest$P = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$14.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4666,7 +4677,7 @@
       width,
       onClose,
       autoFocus = true
-    } = _b, rest = __objRest$O(_b, [
+    } = _b, rest = __objRest$P(_b, [
       "isOpen",
       "children",
       "direction",
@@ -4716,7 +4727,7 @@
       }
     return a;
   };
-  var __objRest$N = (source, exclude) => {
+  var __objRest$O = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$13.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4732,7 +4743,7 @@
     var _b = _a, {
       children,
       onClose
-    } = _b, rest = __objRest$N(_b, [
+    } = _b, rest = __objRest$O(_b, [
       "children",
       "onClose"
     ]);
@@ -4764,7 +4775,7 @@
       }
     return a;
   };
-  var __objRest$M = (source, exclude) => {
+  var __objRest$N = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$12.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4777,7 +4788,7 @@
     return target;
   };
   const ToolboxContent = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$M(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$N(_b, ["children"]);
     const { body } = system.useMultiStyleConfig("Toolbox", {});
     return /* @__PURE__ */ React.createElement(
       react.Flex,
@@ -4804,7 +4815,7 @@
       }
     return a;
   };
-  var __objRest$L = (source, exclude) => {
+  var __objRest$M = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$11.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4817,7 +4828,7 @@
     return target;
   };
   const ToolboxFooter = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$L(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$M(_b, ["children"]);
     const { footer } = system.useMultiStyleConfig("Toolbox", {});
     return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$11({ sx: footer }, rest), children);
   };
@@ -4838,7 +4849,7 @@
       }
     return a;
   };
-  var __objRest$K = (source, exclude) => {
+  var __objRest$L = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$10.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4856,7 +4867,7 @@
       onChange,
       name,
       value
-    } = _b, rest = __objRest$K(_b, [
+    } = _b, rest = __objRest$L(_b, [
       "size",
       "onChange",
       "name",
@@ -4889,7 +4900,7 @@
       }
     return a;
   };
-  var __objRest$J = (source, exclude) => {
+  var __objRest$K = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$$.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4906,7 +4917,7 @@
       direction = "row",
       children,
       name
-    } = _b, rest = __objRest$J(_b, [
+    } = _b, rest = __objRest$K(_b, [
       "direction",
       "children",
       "name"
@@ -4930,7 +4941,7 @@
       }
     return a;
   };
-  var __objRest$I = (source, exclude) => {
+  var __objRest$J = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4951,7 +4962,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$I(_b, [
+    } = _b, rest = __objRest$J(_b, [
       "name",
       "label",
       "children",
@@ -5016,7 +5027,7 @@
       }
     return a;
   };
-  var __objRest$H = (source, exclude) => {
+  var __objRest$I = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -5032,7 +5043,7 @@
     var _b = _a, {
       onClick,
       direction
-    } = _b, rest = __objRest$H(_b, [
+    } = _b, rest = __objRest$I(_b, [
       "onClick",
       "direction"
     ]);
@@ -5063,7 +5074,7 @@
       }
     return a;
   };
-  var __objRest$G = (source, exclude) => {
+  var __objRest$H = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -5086,7 +5097,7 @@
       itemHeight = carouselItemWidth,
       spacing = carouselItemSpacing,
       carouselStyles = {}
-    } = _b, rest = __objRest$G(_b, [
+    } = _b, rest = __objRest$H(_b, [
       "children",
       "showArrows",
       "showRadio",
@@ -5275,11 +5286,27 @@
       }
     return a;
   };
+  var __objRest$G = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$W)
+      for (var prop of __getOwnPropSymbols$W(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$W.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   function getComponents() {
     return {
       DropdownIndicator: (props) => props.selectProps.icon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$W({}, props)),
       Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$W({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$W({}, props)),
-      MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$W({}, props))
+      MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$W({}, props)),
+      Control: (_a) => {
+        var _b = _a, { children } = _b, props = __objRest$G(_b, ["children"]);
+        return props.selectProps.leftIcon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", pl: "2" }, /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.leftIcon }), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$W({}, props), children);
+      }
     };
   }
 
@@ -5315,7 +5342,7 @@
     (_a, ref) => {
       var _b = _a, {
         defaultOptions = [],
-        isMulti = false,
+        isMulti,
         customOption = null,
         customTag = null,
         sx = {},
@@ -6129,7 +6156,8 @@
     displayOverlay = false,
     sensors,
     dblClickThreshold = 300,
-    disableDrag = false
+    disableDrag = false,
+    modifiers
   }) {
     const [activeItem, setActiveItem] = React.useState(null);
     const identifierItems = React.useMemo(() => ramda.map(createKey, items), [items]);
@@ -6162,7 +6190,8 @@
         sensors: sensors || customSensors,
         collisionDetection: collisionDetection || core.rectIntersection,
         onDragStart: handleDragStart,
-        onDragEnd: handleDragEnd
+        onDragEnd: handleDragEnd,
+        modifiers
       },
       /* @__PURE__ */ React.createElement(
         Sortable,
@@ -6472,7 +6501,7 @@
       }
     return target;
   };
-  const Modal$1 = (_a) => {
+  const ModalBase = (_a) => {
     var _b = _a, {
       isCentered = true,
       children
@@ -6491,6 +6520,16 @@
       /* @__PURE__ */ React.createElement(react.ModalContent, { "data-testid": "modal-test-id" }, /* @__PURE__ */ React.createElement(react.ModalCloseButton, { "data-testid": "modal-test-button-id" }), children)
     );
   };
+  const Modal$1 = (_c) => {
+    var _d = _c, {
+      stayMountedOnClose = false,
+      isOpen
+    } = _d, rest = __objRest$s(_d, [
+      "stayMountedOnClose",
+      "isOpen"
+    ]);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, (stayMountedOnClose || isOpen) && /* @__PURE__ */ React.createElement(ModalBase, __spreadValues$E({ isOpen }, rest)));
+  };
 
   var __defProp$D = Object.defineProperty;
   var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
@@ -10813,7 +10852,7 @@
   function Select(_a) {
     var _b = _a, {
       options,
-      isMulti = false,
+      isMulti,
       onChange = ramda.identity,
       onAdd = ramda.identity,
       onRemove = ramda.identity,
@@ -11478,7 +11517,7 @@
         name,
         label,
         isRequired,
-        validate,
+        validate: ramda.isNil(validate) && isRequired ? { validate: (value) => !!value.trim() } : validate,
         direction
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
@@ -12889,6 +12928,7 @@
   exports.MaskedTextInput = MaskedTextInput;
   exports.MediatoolThemeProvider = MediatoolThemeProvider;
   exports.Modal = Modal$1;
+  exports.ModalBase = ModalBase;
   exports.MultiFileList = MultiFileList;
   exports.MultiFilePicker = MultiFilePicker;
   exports.MultiFilePickerField = MultiFilePickerField;
@@ -12964,6 +13004,7 @@
   exports.useLoadingMessage = useLoadingMessage;
   exports.useOutsideRectClick = useOutsideRectClick;
   exports.useOverflowGroup = useOverflowGroup;
+  exports.useScreenSize = useScreenSize;
   exports.useScrollToBottom = useScrollToBottom;
   exports.useSelectCallbacks = useSelectCallbacks;
   exports.useSetValueRefreshed = useSetValueRefreshed;