@northlight/ui 2.7.1 → 2.8.0

package/dist/es/northlight.mjs

@@ -127,7 +127,7 @@ var __spreadValues$20 = (a, b) => {
     }
   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)
@@ -144,7 +144,7 @@ const OrganizationLogo = (_a) => {
     name,
     image,
     variant = "square"
-  } = _b, rest = __objRest$1s(_b, [
+  } = _b, rest = __objRest$1t(_b, [
     "name",
     "image",
     "variant"
@@ -186,7 +186,7 @@ var __spreadValues$1$ = (a, b) => {
     }
   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)
@@ -202,7 +202,7 @@ const Alert$1 = (_a) => {
   var _b = _a, {
     variant = "success",
     children
-  } = _b, rest = __objRest$1r(_b, [
+  } = _b, rest = __objRest$1s(_b, [
     "variant",
     "children"
   ]);
@@ -243,7 +243,7 @@ var __spreadValues$1Z = (a, b) => {
     }
   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)
@@ -261,7 +261,7 @@ const Icon$1 = forwardRef((_a, ref) => {
     size,
     color,
     boxSize
-  } = _b, rest = __objRest$1q(_b, [
+  } = _b, rest = __objRest$1r(_b, [
     "as",
     "size",
     "color",
@@ -446,7 +446,7 @@ var __spreadValues$1W = (a, b) => {
     }
   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)
@@ -465,7 +465,7 @@ const Avatar$1 = (_a) => {
     name,
     image,
     size
-  } = _b, rest = __objRest$1p(_b, [
+  } = _b, rest = __objRest$1q(_b, [
     "variant",
     "notificationCount",
     "name",
@@ -511,7 +511,7 @@ var __spreadValues$1V = (a, b) => {
     }
   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)
@@ -527,7 +527,7 @@ const H1$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1o(_b, [
+  } = _b, rest = __objRest$1p(_b, [
     "children",
     "sx"
   ]);
@@ -558,7 +558,7 @@ var __spreadValues$1U = (a, b) => {
     }
   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)
@@ -574,7 +574,7 @@ const H2$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1n(_b, [
+  } = _b, rest = __objRest$1o(_b, [
     "children",
     "sx"
   ]);
@@ -605,7 +605,7 @@ var __spreadValues$1T = (a, b) => {
     }
   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)
@@ -621,7 +621,7 @@ const H3$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1m(_b, [
+  } = _b, rest = __objRest$1n(_b, [
     "children",
     "sx"
   ]);
@@ -652,7 +652,7 @@ var __spreadValues$1S = (a, b) => {
     }
   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)
@@ -668,7 +668,7 @@ const H4$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1l(_b, [
+  } = _b, rest = __objRest$1m(_b, [
     "children",
     "sx"
   ]);
@@ -699,7 +699,7 @@ var __spreadValues$1R = (a, b) => {
     }
   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)
@@ -715,7 +715,7 @@ const H5$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1k(_b, [
+  } = _b, rest = __objRest$1l(_b, [
     "children",
     "sx"
   ]);
@@ -746,7 +746,7 @@ var __spreadValues$1Q = (a, b) => {
     }
   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)
@@ -762,7 +762,7 @@ const H6$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1j(_b, [
+  } = _b, rest = __objRest$1k(_b, [
     "children",
     "sx"
   ]);
@@ -793,7 +793,7 @@ var __spreadValues$1P = (a, b) => {
     }
   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)
@@ -810,7 +810,7 @@ const P$1 = (_a) => {
     children,
     variant = "16",
     sx = {}
-  } = _b, rest = __objRest$1i(_b, [
+  } = _b, rest = __objRest$1j(_b, [
     "children",
     "variant",
     "sx"
@@ -842,7 +842,7 @@ var __spreadValues$1O = (a, b) => {
     }
   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)
@@ -855,7 +855,7 @@ var __objRest$1h = (source, exclude) => {
   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 = useStyleConfig("Blockquote", { sx });
   return /* @__PURE__ */ React.createElement(Text, __spreadValues$1O({ as: "span", sx: styles }, rest), children);
 };
@@ -876,7 +876,7 @@ var __spreadValues$1N = (a, b) => {
     }
   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)
@@ -892,7 +892,7 @@ const Capitalized$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1g(_b, [
+  } = _b, rest = __objRest$1h(_b, [
     "children",
     "sx"
   ]);
@@ -923,7 +923,7 @@ var __spreadValues$1M = (a, b) => {
     }
   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)
@@ -939,7 +939,7 @@ const Lead$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1f(_b, [
+  } = _b, rest = __objRest$1g(_b, [
     "children",
     "sx"
   ]);
@@ -970,7 +970,7 @@ var __spreadValues$1L = (a, b) => {
     }
   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)
@@ -986,7 +986,7 @@ const Small$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1e(_b, [
+  } = _b, rest = __objRest$1f(_b, [
     "children",
     "sx"
   ]);
@@ -1017,7 +1017,7 @@ var __spreadValues$1K = (a, b) => {
     }
   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)
@@ -1033,7 +1033,7 @@ const Tiny$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1d(_b, [
+  } = _b, rest = __objRest$1e(_b, [
     "children",
     "sx"
   ]);
@@ -1064,7 +1064,7 @@ var __spreadValues$1J = (a, b) => {
     }
   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)
@@ -1081,7 +1081,7 @@ const Label$1 = (_a) => {
     children,
     size = "sm",
     sx = {}
-  } = _b, rest = __objRest$1c(_b, [
+  } = _b, rest = __objRest$1d(_b, [
     "children",
     "size",
     "sx"
@@ -1193,7 +1193,7 @@ var __spreadValues$1I = (a, b) => {
     }
   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)
@@ -1210,7 +1210,7 @@ const AvatarGroup = (_a) => {
     children,
     max = Infinity,
     spacing = "-4"
-  } = _b, rest = __objRest$1b(_b, [
+  } = _b, rest = __objRest$1c(_b, [
     "children",
     "max",
     "spacing"
@@ -1253,7 +1253,7 @@ var __spreadValues$1G = (a, b) => {
     }
   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)
@@ -1270,7 +1270,7 @@ const Blinker$1 = (_a) => {
     color = "",
     size,
     isBlinking = true
-  } = _b, rest = __objRest$1a(_b, [
+  } = _b, rest = __objRest$1b(_b, [
     "color",
     "size",
     "isBlinking"
@@ -1295,7 +1295,7 @@ var __spreadValues$1F = (a, b) => {
     }
   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)
@@ -1309,7 +1309,7 @@ var __objRest$19 = (source, exclude) => {
 };
 const Button$1 = forwardRef$1(
   (_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(Button$2, __spreadValues$1F({ variant, ref }, rest), children);
   }
 );
@@ -1330,7 +1330,7 @@ var __spreadValues$1E = (a, b) => {
     }
   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)
@@ -1349,7 +1349,7 @@ const Checkbox$1 = (_a) => {
     name,
     size = "md",
     variant = "default"
-  } = _b, rest = __objRest$18(_b, [
+  } = _b, rest = __objRest$19(_b, [
     "value",
     "onChange",
     "name",
@@ -1400,7 +1400,7 @@ var __spreadValues$1D = (a, b) => {
     }
   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)
@@ -1423,7 +1423,7 @@ const Form = forwardRef$1((_a, ref) => {
     enableReinitialize = false,
     shouldTrim = true,
     innerFormStyle = {}
-  } = _b, rest = __objRest$17(_b, [
+  } = _b, rest = __objRest$18(_b, [
     "initialValues",
     "onSubmit",
     "children",
@@ -1483,7 +1483,7 @@ var __spreadValues$1C = (a, b) => {
     }
   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)
@@ -1498,7 +1498,7 @@ var __objRest$16 = (source, exclude) => {
 const FormLabel = (_a) => {
   var _b = _a, {
     children: label
-  } = _b, rest = __objRest$16(_b, [
+  } = _b, rest = __objRest$17(_b, [
     "children"
   ]);
   return /* @__PURE__ */ React.createElement(
@@ -1694,7 +1694,7 @@ const useOutsideRectClick = (ref, callback) => {
       const isInBound = isBetween(clientX, left, right) && isBetween(clientY, top, bottom);
       if (isInBound)
         return;
-      callback();
+      callback(event);
     };
     const onPointerDown = () => {
       state.isPointerDown = true;
@@ -1788,7 +1788,7 @@ var __spreadValues$1B = (a, b) => {
     }
   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)
@@ -1811,7 +1811,7 @@ const CheckboxField = (_a) => {
     direction = "row",
     labelPlacement = "left",
     labelSize = "md"
-  } = _b, rest = __objRest$15(_b, [
+  } = _b, rest = __objRest$16(_b, [
     "name",
     "label",
     "variant",
@@ -1878,7 +1878,7 @@ var __spreadValues$1A = (a, b) => {
     }
   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)
@@ -1896,7 +1896,7 @@ const IconButton = forwardRef$1((_a, ref) => {
     icon,
     "aria-label": ariaLabel,
     children
-  } = _b, rest = __objRest$14(_b, [
+  } = _b, rest = __objRest$15(_b, [
     "variant",
     "icon",
     "aria-label",
@@ -2013,7 +2013,7 @@ var __spreadValues$1z = (a, b) => {
     }
   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)
@@ -2034,7 +2034,7 @@ const ColorPicker$1 = (_a) => {
     value = null,
     name,
     size = "md"
-  } = _b, rest = __objRest$13(_b, [
+  } = _b, rest = __objRest$14(_b, [
     "onChange",
     "colors",
     "expandedColors",
@@ -2164,7 +2164,7 @@ var __spreadValues$1y = (a, b) => {
     }
   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)
@@ -2183,7 +2183,7 @@ const ColorPickerField = (_a) => {
     direction,
     isRequired,
     validate
-  } = _b, rest = __objRest$12(_b, [
+  } = _b, rest = __objRest$13(_b, [
     "name",
     "label",
     "direction",
@@ -2268,7 +2268,7 @@ var __spreadValues$1w = (a, b) => {
   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)
@@ -2290,7 +2290,7 @@ const FlipButton$1 = (props) => {
     icon,
     value,
     iconPlacement = "left"
-  } = _a, rest = __objRest$11(_a, [
+  } = _a, rest = __objRest$12(_a, [
     "children",
     "size",
     "variant",
@@ -2370,7 +2370,7 @@ var __spreadValues$1v = (a, b) => {
   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)
@@ -2394,7 +2394,7 @@ const FlipButtonGroup = (props) => {
     variant,
     icon,
     sx = {}
-  } = _a, rest = __objRest$10(_a, [
+  } = _a, rest = __objRest$11(_a, [
     "isMulti",
     "name",
     "children",
@@ -2454,7 +2454,7 @@ var __spreadValues$1u = (a, b) => {
     }
   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)
@@ -2476,7 +2476,7 @@ const FlipButtonGroupField = (_a) => {
     iconPlacement = "left",
     onChange: onChangeCallback = identity,
     validate
-  } = _b, rest = __objRest$$(_b, [
+  } = _b, rest = __objRest$10(_b, [
     "name",
     "label",
     "children",
@@ -2669,7 +2669,7 @@ var __spreadValues$1q = (a, b) => {
   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)
@@ -2683,7 +2683,7 @@ var __objRest$_ = (source, exclude) => {
 };
 const StyledField = forwardRef$1(
   (_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 } = useMultiStyleConfig("DatePicker", { variant });
     return /* @__PURE__ */ React.createElement(
       Box,
@@ -2774,7 +2774,7 @@ var __spreadValues$1o = (a, b) => {
     }
   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)
@@ -2788,7 +2788,7 @@ var __objRest$Z = (source, exclude) => {
 };
 const CalendarGrid = 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 } = useCalendarGrid(rest, state);
     const weeksInMonth = getWeeksInMonth(startDate, locale);
@@ -2825,7 +2825,7 @@ var __spreadValues$1n = (a, b) => {
   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)
@@ -2838,7 +2838,7 @@ var __objRest$Y = (source, exclude) => {
   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 = useRef(null);
   const { buttonProps } = useButton(rest, ref);
   return /* @__PURE__ */ React.createElement(
@@ -3124,7 +3124,7 @@ var __spreadValues$1k = (a, b) => {
     }
   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)
@@ -3137,7 +3137,7 @@ var __objRest$X = (source, exclude) => {
   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 = useClickable(rest);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, !isNil(href) && /* @__PURE__ */ React.createElement(
     Link$1,
@@ -3226,7 +3226,7 @@ var __spreadValues$1j = (a, b) => {
     }
   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)
@@ -3250,7 +3250,7 @@ const Fade = (_a) => {
     enterDelay = 0,
     exitDelay = 0,
     onTransitionComplete = identity
-  } = _b, rest = __objRest$W(_b, [
+  } = _b, rest = __objRest$X(_b, [
     "children",
     "enterDuration",
     "exitDuration",
@@ -3293,7 +3293,7 @@ var __spreadValues$1i = (a, b) => {
     }
   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)
@@ -3317,7 +3317,7 @@ const ScaleFade = (_a) => {
     enterDelay = 0,
     exitDelay = 0,
     onTransitionComplete = identity
-  } = _b, rest = __objRest$V(_b, [
+  } = _b, rest = __objRest$W(_b, [
     "children",
     "enterDuration",
     "exitDuration",
@@ -3360,7 +3360,7 @@ var __spreadValues$1h = (a, b) => {
     }
   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)
@@ -3385,7 +3385,7 @@ const Slide = (_a) => {
     exitDelay = 0,
     direction = "bottom",
     onTransitionComplete = identity
-  } = _b, rest = __objRest$U(_b, [
+  } = _b, rest = __objRest$V(_b, [
     "children",
     "enterDuration",
     "exitDuration",
@@ -3430,7 +3430,7 @@ var __spreadValues$1g = (a, b) => {
     }
   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)
@@ -3458,7 +3458,7 @@ const SlideFade = (_a) => {
     enterDelay = 0,
     exitDelay = 0,
     onTransitionComplete = identity
-  } = _b, rest = __objRest$T(_b, [
+  } = _b, rest = __objRest$U(_b, [
     "children",
     "enterDuration",
     "exitDuration",
@@ -3508,7 +3508,7 @@ var __spreadValues$1f = (a, b) => {
     }
   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)
@@ -3532,7 +3532,7 @@ const Collapse = (_a) => {
     enterDelay = 0,
     exitDelay = 0,
     onTransitionComplete = identity
-  } = _b, rest = __objRest$S(_b, [
+  } = _b, rest = __objRest$T(_b, [
     "children",
     "enterDuration",
     "exitDuration",
@@ -4442,7 +4442,7 @@ var __spreadValues$17 = (a, b) => {
     }
   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)
@@ -4459,7 +4459,7 @@ const InputGroupWrapper = (_a) => {
     inputLeftElement,
     inputRightElement,
     children
-  } = _b, rest = __objRest$R(_b, [
+  } = _b, rest = __objRest$S(_b, [
     "inputLeftElement",
     "inputRightElement",
     "children"
@@ -4484,7 +4484,7 @@ var __spreadValues$16 = (a, b) => {
     }
   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)
@@ -4509,7 +4509,7 @@ const DatePickerField = (_a) => {
     onChange: onChangeCallback = identity,
     inputLeftElement,
     inputRightElement
-  } = _b, rest = __objRest$Q(_b, [
+  } = _b, rest = __objRest$R(_b, [
     "name",
     "minValue",
     "maxValue",
@@ -4584,7 +4584,7 @@ var __spreadValues$15 = (a, b) => {
     }
   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)
@@ -4608,7 +4608,7 @@ const DateRangePickerField = (_a) => {
     firstDayOfWeek = "monday",
     onChange: onChangeCallback = identity,
     isClearable = true
-  } = _b, rest = __objRest$P(_b, [
+  } = _b, rest = __objRest$Q(_b, [
     "name",
     "minValue",
     "maxValue",
@@ -4679,7 +4679,7 @@ var __spreadValues$14 = (a, b) => {
   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)
@@ -4701,7 +4701,7 @@ const Toolbox$1 = (_a) => {
     width,
     onClose,
     autoFocus = true
-  } = _b, rest = __objRest$O(_b, [
+  } = _b, rest = __objRest$P(_b, [
     "isOpen",
     "children",
     "direction",
@@ -4751,7 +4751,7 @@ var __spreadValues$13 = (a, b) => {
     }
   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)
@@ -4767,7 +4767,7 @@ const ToolboxHeader = (_a) => {
   var _b = _a, {
     children,
     onClose
-  } = _b, rest = __objRest$N(_b, [
+  } = _b, rest = __objRest$O(_b, [
     "children",
     "onClose"
   ]);
@@ -4799,7 +4799,7 @@ var __spreadValues$12 = (a, b) => {
     }
   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)
@@ -4812,7 +4812,7 @@ var __objRest$M = (source, exclude) => {
   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 } = useMultiStyleConfig$1("Toolbox", {});
   return /* @__PURE__ */ React.createElement(
     Flex,
@@ -4839,7 +4839,7 @@ var __spreadValues$11 = (a, b) => {
     }
   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)
@@ -4852,7 +4852,7 @@ var __objRest$L = (source, exclude) => {
   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 } = useMultiStyleConfig$1("Toolbox", {});
   return /* @__PURE__ */ React.createElement(Flex, __spreadValues$11({ sx: footer }, rest), children);
 };
@@ -4873,7 +4873,7 @@ var __spreadValues$10 = (a, b) => {
     }
   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)
@@ -4891,7 +4891,7 @@ const Radio$1 = (_a) => {
     onChange,
     name,
     value
-  } = _b, rest = __objRest$K(_b, [
+  } = _b, rest = __objRest$L(_b, [
     "size",
     "onChange",
     "name",
@@ -4924,7 +4924,7 @@ var __spreadValues$$ = (a, b) => {
     }
   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)
@@ -4941,7 +4941,7 @@ const RadioGroup = (_a) => {
     direction = "row",
     children,
     name
-  } = _b, rest = __objRest$J(_b, [
+  } = _b, rest = __objRest$K(_b, [
     "direction",
     "children",
     "name"
@@ -4965,7 +4965,7 @@ var __spreadValues$_ = (a, b) => {
     }
   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)
@@ -4986,7 +4986,7 @@ const RadioGroupField = (_a) => {
     isRequired,
     validate,
     onChange: onChangeCallback = identity
-  } = _b, rest = __objRest$I(_b, [
+  } = _b, rest = __objRest$J(_b, [
     "name",
     "label",
     "children",
@@ -5051,7 +5051,7 @@ var __spreadValues$Z = (a, b) => {
     }
   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)
@@ -5067,7 +5067,7 @@ const CarouselArrow = (_a) => {
   var _b = _a, {
     onClick,
     direction
-  } = _b, rest = __objRest$H(_b, [
+  } = _b, rest = __objRest$I(_b, [
     "onClick",
     "direction"
   ]);
@@ -5098,7 +5098,7 @@ var __spreadValues$Y = (a, b) => {
     }
   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)
@@ -5121,7 +5121,7 @@ const Carousel$1 = (_a) => {
     itemHeight = carouselItemWidth,
     spacing = carouselItemSpacing,
     carouselStyles = {}
-  } = _b, rest = __objRest$G(_b, [
+  } = _b, rest = __objRest$H(_b, [
     "children",
     "showArrows",
     "showRadio",
@@ -5310,11 +5310,27 @@ var __spreadValues$W = (a, b) => {
     }
   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(chakraComponents.DropdownIndicator, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraComponents.DropdownIndicator, __spreadValues$W({}, props)),
     Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props)),
-    MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props))
+    MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props)),
+    Control: (_a) => {
+      var _b = _a, { children } = _b, props = __objRest$G(_b, ["children"]);
+      return props.selectProps.leftIcon ? /* @__PURE__ */ React.createElement(chakraComponents.Control, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(HStack, { w: "full", pl: "2" }, /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.leftIcon }), /* @__PURE__ */ React.createElement(HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraComponents.Control, __spreadValues$W({}, props), children);
+    }
   };
 }
 
@@ -6164,7 +6180,8 @@ function SortableList({
   displayOverlay = false,
   sensors,
   dblClickThreshold = 300,
-  disableDrag = false
+  disableDrag = false,
+  modifiers
 }) {
   const [activeItem, setActiveItem] = useState(null);
   const identifierItems = useMemo(() => map(createKey, items), [items]);
@@ -6197,7 +6214,8 @@ function SortableList({
       sensors: sensors || customSensors,
       collisionDetection: collisionDetection || rectIntersection,
       onDragStart: handleDragStart,
-      onDragEnd: handleDragEnd
+      onDragEnd: handleDragEnd,
+      modifiers
     },
     /* @__PURE__ */ React.createElement(
       Sortable,
@@ -6507,7 +6525,7 @@ var __objRest$s = (source, exclude) => {
     }
   return target;
 };
-const Modal$1 = (_a) => {
+const ModalBase = (_a) => {
   var _b = _a, {
     isCentered = true,
     children
@@ -6526,6 +6544,16 @@ const Modal$1 = (_a) => {
     /* @__PURE__ */ React.createElement(ModalContent, { "data-testid": "modal-test-id" }, /* @__PURE__ */ React.createElement(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;
@@ -11513,7 +11541,7 @@ const TextField = (_a) => {
       name,
       label,
       isRequired,
-      validate,
+      validate: isNil(validate) && isRequired ? { validate: (value) => !!value.trim() } : validate,
       direction
     },
     ({ onChange, value }) => /* @__PURE__ */ React.createElement(
@@ -12145,5 +12173,5 @@ const StepStack = (_a) => {
   ));
 };
 
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Tabs, Tag$1 as Tag, TagGroup, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
+export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, ModalBase, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Tabs, Tag$1 as Tag, TagGroup, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
 //# sourceMappingURL=northlight.mjs.map