remoraid 2.26.4 → 2.28.2

package/dist/jsonforms/index.js

@@ -5439,7 +5439,7 @@ import {
   useJsonForms,
   withJsonFormsControlProps
 } from "@jsonforms/react";
-import { Input, Paper as Paper4, Select } from "@mantine/core";
+import { Input as Input2, Paper as Paper5, Select } from "@mantine/core";
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
 import React2, {
@@ -5583,13 +5583,14 @@ var useHydratedMantineColorScheme = () => {
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 var import_lodash2 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var defaultTransitionDurations = {
+  ["short" /* Short */]: 200,
+  ["medium" /* Medium */]: 350,
+  ["long" /* Long */]: 500
+};
 var createRemoraidTheme = (customTheme, dependencies) => {
   const { mantineTheme, colorScheme } = dependencies ?? {};
-  const transitionDurations = import_lodash2.merge({
-    ["short" /* Short */]: 200,
-    ["medium" /* Medium */]: 350,
-    ["long" /* Long */]: 500
-  }, customTheme?.transitionDurations);
+  const transitionDurations = import_lodash2.merge(defaultTransitionDurations, customTheme?.transitionDurations);
   const transparentBackground = customTheme?.transparentBackground ?? (mantineTheme && colorScheme ? colorScheme === "dark" ? rgba(mantineTheme.colors.dark[8], 0.8) : rgba(mantineTheme.white, 0.8) : undefined);
   let spacingPx;
   if (mantineTheme && colorScheme) {
@@ -5644,30 +5645,6 @@ var createRemoraidTheme = (customTheme, dependencies) => {
           size: 12,
           stroke: 2.6
         }
-      },
-      ScrollArea: {
-        scrollbarSize: 8,
-        scrollHideDelay: 20,
-        type: "hover",
-        styles: { thumb: { zIndex: 5 } }
-      },
-      HoverCard: {
-        withArrow: true,
-        transitionProps: {
-          duration: transitionDurations.short
-        }
-      },
-      Tooltip: {
-        withArrow: true,
-        transitionProps: {
-          duration: transitionDurations.short
-        }
-      },
-      Menu: {
-        withArrow: true,
-        transitionProps: {
-          duration: transitionDurations.short
-        }
       }
     }
   };
@@ -5786,7 +5763,6 @@ function NavbarLink({
   href,
   indicator
 }) {
-  const theme = useRemoraidTheme();
   const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = useState6(false);
   const iconProps = {
     size: iconSize,
@@ -5795,7 +5771,6 @@ function NavbarLink({
   const Icon2 = icon ?? IconLink;
   if (!href) {
     return /* @__PURE__ */ jsxDEV10(Tooltip, {
-      ...theme.componentsProps.Tooltip,
       label,
       position: "right",
       children: /* @__PURE__ */ jsxDEV10(UnstyledButton, {
@@ -5823,7 +5798,6 @@ function NavbarLink({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
   return /* @__PURE__ */ jsxDEV10(Tooltip, {
-    ...theme.componentsProps.Tooltip,
     label,
     position: "right",
     children: indicator === undefined ? button : /* @__PURE__ */ jsxDEV10(Indicator, {
@@ -6079,7 +6053,6 @@ function Element2({
 }
 
 // src/core/components/FrameLayout/index.tsx
-var import_lodash5 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 var layoutContext = createContext5(null);
 var useFrameLayout = () => {
@@ -6092,7 +6065,6 @@ function FrameLayout({
   componentsProps,
   children
 }) {
-  const theme = useRemoraidTheme();
   const { layouts, setLayouts } = useLayouts();
   const layout = layouts[layoutId];
   const defaultSections = useMemo3(() => ({
@@ -6194,7 +6166,7 @@ function FrameLayout({
             }, undefined, false, undefined, this),
             includeScrollArea ? /* @__PURE__ */ jsxDEV14(ScrollArea, {
               flex: 1,
-              ...import_lodash5.merge({}, theme.componentsProps.ScrollArea, componentsProps?.ScrollArea),
+              ...componentsProps?.ScrollArea,
               children: contentSection
             }, undefined, false, undefined, this) : contentSection,
             /* @__PURE__ */ jsxDEV14(Stack2, {
@@ -6224,7 +6196,7 @@ var FrameLayout_default = Object.assign(FrameLayout, {
 });
 
 // src/core/components/AppShell/index.tsx
-var import_lodash6 = __toESM(require_lodash(), 1);
+var import_lodash5 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
 var remoraidAppShellLayoutId = "remoraid-app-shell";
 var defaultAppShellNavbarPositions = { ["minimal" /* Minimal */]: "left" /* Left */ };
@@ -6277,13 +6249,13 @@ function AppShell({
           navbarPosition !== null && /* @__PURE__ */ jsxDEV15(FrameLayout_default.Element, {
             section: navbarPosition,
             includeContainer: false,
-            ...import_lodash6.merge(navbarLayoutElementProps, componentsProps?.navbarLayoutElement),
+            ...import_lodash5.merge(navbarLayoutElementProps, componentsProps?.navbarLayoutElement),
             children: navbar
           }, undefined, false, undefined, this),
           children,
           footerPosition !== null && /* @__PURE__ */ jsxDEV15(FrameLayout_default.Element, {
             section: footerPosition,
-            ...import_lodash6.merge(footerLayoutElementProps, componentsProps?.footerLayoutElement),
+            ...import_lodash5.merge(footerLayoutElementProps, componentsProps?.footerLayoutElement),
             children: footer
           }, undefined, false, undefined, this)
         ]
@@ -6329,11 +6301,10 @@ import {
   Flex as Flex2,
   ScrollArea as ScrollArea2
 } from "@mantine/core";
-var import_lodash7 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 
 // src/core/components/WidgetSelectionHeader/index.tsx
-var import_lodash10 = __toESM(require_lodash(), 1);
+var import_lodash8 = __toESM(require_lodash(), 1);
 
 // src/core/components/Pinnable/index.tsx
 import {
@@ -6351,7 +6322,7 @@ import {
   Transition
 } from "@mantine/core";
 import { IconClick } from "@tabler/icons-react";
-var import_lodash8 = __toESM(require_lodash(), 1);
+var import_lodash6 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
 function ControlButton({
   icon: Icon3 = IconClick,
@@ -6372,7 +6343,9 @@ function ControlButton({
     timingFunction: "ease",
     ...componentsProps?.transition,
     children: (transitionStyle) => /* @__PURE__ */ jsxDEV18(Tooltip2, {
-      ...import_lodash8.merge({}, theme.componentsProps.Tooltip, { label: tooltip, disabled: !Boolean(tooltip) }, componentsProps?.tooltip),
+      label: tooltip,
+      disabled: !Boolean(tooltip),
+      ...componentsProps?.tooltip,
       children: /* @__PURE__ */ jsxDEV18(ActionIcon, {
         "data-control-button": true,
         size,
@@ -6382,10 +6355,10 @@ function ControlButton({
         ...componentsProps?.button,
         style: {
           order,
-          ...import_lodash8.merge(transitionStyle, componentsProps?.button?.style)
+          ...import_lodash6.merge(transitionStyle, componentsProps?.button?.style)
         },
         children: /* @__PURE__ */ jsxDEV18(Icon3, {
-          ...import_lodash8.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
+          ...import_lodash6.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this)
@@ -6400,7 +6373,7 @@ import {
   Transition as Transition2
 } from "@mantine/core";
 import { IconGripHorizontal } from "@tabler/icons-react";
-var import_lodash9 = __toESM(require_lodash(), 1);
+var import_lodash7 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
 function Controls({
   groupRef,
@@ -6479,7 +6452,7 @@ function Controls({
       style: {
         right: pos.x,
         top: pos.y,
-        ...import_lodash9.merge(transitionStyle, componentsProps?.container?.style)
+        ...import_lodash7.merge(transitionStyle, componentsProps?.container?.style)
       },
       className: clsx_default("remoraid-controls", componentsProps?.container?.className),
       children: /* @__PURE__ */ jsxDEV19(Group3, {
@@ -6490,7 +6463,7 @@ function Controls({
         className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
         children: [
           /* @__PURE__ */ jsxDEV19(IconGripHorizontal, {
-            ...import_lodash9.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
+            ...import_lodash7.merge({}, theme.componentsProps.icons[iconSize], { order: -100, color: "var(--mantine-color-default-border)" }, componentsProps?.gripIcon)
           }, undefined, false, undefined, this),
           children,
           additionalButtons && additionalButtons.map((button, i) => {
@@ -6590,7 +6563,6 @@ import {
   Tooltip as Tooltip3,
   Transition as Transition3
 } from "@mantine/core";
-var import_lodash11 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
 function BadgeMinimal({
   label,
@@ -6606,7 +6578,9 @@ function BadgeMinimal({
     timingFunction: "ease",
     ...componentsProps?.transition,
     children: (transitionStyle) => /* @__PURE__ */ jsxDEV22(Tooltip3, {
-      ...import_lodash11.merge({}, theme.componentsProps.Tooltip, { label: tooltip, disabled: !Boolean(tooltip) }, componentsProps?.tooltip),
+      label: tooltip,
+      disabled: !Boolean(tooltip),
+      ...componentsProps?.tooltip,
       children: /* @__PURE__ */ jsxDEV22(Badge, {
         variant: "default",
         ...componentsProps?.badge,
@@ -6622,7 +6596,7 @@ function BadgeMinimal({
 }
 
 // src/core/components/BadgeGroup/index.tsx
-var import_lodash12 = __toESM(require_lodash(), 1);
+var import_lodash9 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV23, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 import { createElement } from "react";
 function BadgeGroup({
@@ -6661,7 +6635,7 @@ function BadgeGroup({
         timingFunction: "ease",
         ...componentsProps?.cumulativeBadgeTransition,
         children: (transitionStyle) => /* @__PURE__ */ jsxDEV23(HoverCard, {
-          ...import_lodash12.merge({}, theme.componentsProps.HoverCard, componentsProps?.HoverCard),
+          ...componentsProps?.HoverCard,
           children: [
             /* @__PURE__ */ jsxDEV23(HoverCard.Target, {
               children: /* @__PURE__ */ jsxDEV23(Badge2, {
@@ -6670,7 +6644,7 @@ function BadgeGroup({
                 ...componentsProps?.cumulativeBadge,
                 style: {
                   cursor: "pointer",
-                  ...import_lodash12.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
+                  ...import_lodash9.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
                 },
                 children: [
                   numVisibleBadges,
@@ -6694,7 +6668,7 @@ function BadgeGroup({
 }
 // src/core/components/AlertMinimal/index.tsx
 import { Alert, Transition as Transition5 } from "@mantine/core";
-var import_lodash13 = __toESM(require_lodash(), 1);
+var import_lodash10 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV24 } from "react/jsx-dev-runtime";
 function AlertMinimal({
   category,
@@ -6711,7 +6685,7 @@ function AlertMinimal({
     icon: Icon3,
     iconSize = "medium" /* Medium */,
     componentsProps
-  } = import_lodash13.merge({}, theme.componentsProps.alerts[category], props);
+  } = import_lodash10.merge({}, theme.componentsProps.alerts[category], props);
   return /* @__PURE__ */ jsxDEV24(Transition5, {
     mounted,
     transition: "fade",
@@ -6725,9 +6699,9 @@ function AlertMinimal({
       onClose,
       withCloseButton: onClose !== undefined,
       icon: Icon3 ? /* @__PURE__ */ jsxDEV24(Icon3, {
-        ...import_lodash13.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
+        ...import_lodash10.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
       }, undefined, false, undefined, this) : undefined,
-      style: import_lodash13.merge(transitionStyle, componentsProps?.alert?.style),
+      style: import_lodash10.merge(transitionStyle, componentsProps?.alert?.style),
       children: [
         text,
         children
@@ -6743,7 +6717,7 @@ import {
   Transition as Transition6
 } from "@mantine/core";
 import { IconClick as IconClick2 } from "@tabler/icons-react";
-var import_lodash14 = __toESM(require_lodash(), 1);
+var import_lodash11 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV25, Fragment as Fragment3 } from "react/jsx-dev-runtime";
 function RemoraidButton({
   label,
@@ -6767,7 +6741,7 @@ function RemoraidButton({
   const Icon4 = iconProp ?? IconClick2;
   const theme = useRemoraidTheme();
   const iconElement = /* @__PURE__ */ jsxDEV25(Icon4, {
-    ...import_lodash14.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
+    ...import_lodash11.merge({}, theme.componentsProps.icons[iconSize], componentsProps?.icon)
   }, undefined, false, undefined, this);
   return /* @__PURE__ */ jsxDEV25(Transition6, {
     mounted,
@@ -6778,7 +6752,8 @@ function RemoraidButton({
     children: (transitionStyle) => /* @__PURE__ */ jsxDEV25(Fragment3, {
       children: [
         /* @__PURE__ */ jsxDEV25(Tooltip4, {
-          ...import_lodash14.merge({}, theme.componentsProps.Tooltip, { label }, componentsProps?.tooltip),
+          label,
+          ...componentsProps?.tooltip,
           children: /* @__PURE__ */ jsxDEV25(ActionIcon2, {
             "aria-label": label,
             variant,
@@ -6827,7 +6802,7 @@ import {
   useState as useState10
 } from "react";
 import { IconX } from "@tabler/icons-react";
-var import_lodash15 = __toESM(require_lodash(), 1);
+var import_lodash12 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV26 } from "react/jsx-dev-runtime";
 function WidgetWrapper({
   config,
@@ -6898,7 +6873,7 @@ function WidgetWrapper({
         }
         componentsProps?.container?.onMouseLeave?.(e);
       },
-      style: import_lodash15.merge(transitionStyle, { flexDirection: "column" }, componentsProps?.container?.style),
+      style: import_lodash12.merge(transitionStyle, { flexDirection: "column" }, componentsProps?.container?.style),
       className: clsx_default("remoraid-segment", componentsProps?.container?.className),
       id: config.widgetId,
       children: [
@@ -6991,7 +6966,6 @@ import {
   Box as Box5,
   ScrollArea as ScrollArea3
 } from "@mantine/core";
-var import_lodash16 = __toESM(require_lodash(), 1);
 import { jsxDEV as jsxDEV27 } from "react/jsx-dev-runtime";
 import { createElement as createElement2 } from "react";
 function Widget({
@@ -7011,7 +6985,6 @@ function Widget({
   const buttons = buttonsProp?.map((button) => asElementOrPropsOfType(RemoraidButton, button, "Check the 'buttons' property of this widget."));
   const alerts = alertsProp?.map((alert) => asElementOrPropsOfType(AlertMinimal, alert, "Check the 'alerts' property of this widget."));
   const badges = badgesProp?.map((badge) => asElementOrPropsOfType(BadgeMinimal, badge, "Check the 'badges' property of this widget."));
-  const theme = useRemoraidTheme();
   const badgesGap = (typeof gaps === "object" ? gaps.badges : gaps) ?? "xs";
   const buttonsGap = (typeof gaps === "object" ? gaps.buttons : gaps) ?? "xs";
   const alertsGap = (typeof gaps === "object" ? gaps.alerts : gaps) ?? "xs";
@@ -7090,7 +7063,8 @@ function Widget({
           })
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV27(ScrollArea3.Autosize, {
-          ...import_lodash16.merge(theme.componentsProps.ScrollArea, { flex: 1 }, componentsProps?.childrenContainer),
+          flex: 1,
+          ...componentsProps?.childrenContainer,
           children: loading ? /* @__PURE__ */ jsxDEV27(Center, {
             children: /* @__PURE__ */ jsxDEV27(Loader, {
               ...componentsProps?.loader
@@ -7259,15 +7233,25 @@ var SettingsTable_default = Object.assign(SettingsTable, {
   Row
 });
 // src/core/components/NavbarSettingsWidget/index.tsx
-var import_lodash17 = __toESM(require_lodash(), 1);
+var import_lodash13 = __toESM(require_lodash(), 1);
 import { Chip as Chip3, Group as Group7 } from "@mantine/core";
 import { IconLink as IconLink2 } from "@tabler/icons-react";
 import { jsxDEV as jsxDEV34 } from "react/jsx-dev-runtime";
 // src/core/components/ContextClusterProvider/index.tsx
 import React9 from "react";
 import { jsxDEV as jsxDEV35 } from "react/jsx-dev-runtime";
+// src/core/components/InputWrapperScrollArea/index.tsx
+import {
+  Box as Box6,
+  Input,
+  Paper as Paper4,
+  ScrollArea as ScrollArea4
+} from "@mantine/core";
+import { useState as useState11 } from "react";
+import { useRemoraidTheme as useRemoraidTheme2 } from "remoraid/core";
+import { jsxDEV as jsxDEV36 } from "react/jsx-dev-runtime";
 // src/jsonforms/renderers/AnyOfControl.tsx
-import { jsxDEV as jsxDEV36, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV37, Fragment as Fragment4 } from "react/jsx-dev-runtime";
 function PlainAnyOfControl(props) {
   const { data, schema, label, required, handleChange, path } = props;
   const theme = useRemoraidTheme();
@@ -7301,19 +7285,19 @@ function PlainAnyOfControl(props) {
     type = "boolean";
   }
   const typeProperties = schema.anyOf ? schema.anyOf.find((a) => a.type === type) || {} : {};
-  return /* @__PURE__ */ jsxDEV36(Fragment4, {
-    children: /* @__PURE__ */ jsxDEV36(Input.Wrapper, {
+  return /* @__PURE__ */ jsxDEV37(Fragment4, {
+    children: /* @__PURE__ */ jsxDEV37(Input2.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsxDEV36(Paper4, {
+      children: /* @__PURE__ */ jsxDEV37(Paper5, {
         withBorder: true,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: formOptions.gutter,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
         children: [
-          /* @__PURE__ */ jsxDEV36(Select, {
+          /* @__PURE__ */ jsxDEV37(Select, {
             label: `Value Type`,
             data: schema.anyOf ? schema.anyOf.map((a) => String(a.type)) : [],
             value: type,
@@ -7326,7 +7310,7 @@ function PlainAnyOfControl(props) {
             variant: "default",
             mb: type && type !== "null" ? formOptions.gutter : undefined
           }, undefined, false, undefined, this),
-          type && type !== "null" && /* @__PURE__ */ jsxDEV36(JsonForms, {
+          type && type !== "null" && /* @__PURE__ */ jsxDEV37(JsonForms, {
             schema: {
               ...typeProperties,
               $schema: undefined
@@ -7353,18 +7337,18 @@ import {
   useJsonForms as useJsonForms2,
   withJsonFormsControlProps as withJsonFormsControlProps2
 } from "@jsonforms/react";
-import { Box as Box6, Button as Button2, Flex as Flex4, Input as Input2, Paper as Paper5, Stack as Stack6 } from "@mantine/core";
+import { Box as Box7, Button as Button2, Flex as Flex4, Input as Input3, Paper as Paper6, Stack as Stack6 } from "@mantine/core";
 import { IconPlus, IconTrash } from "@tabler/icons-react";
-var import_lodash18 = __toESM(require_lodash(), 1);
+var import_lodash14 = __toESM(require_lodash(), 1);
 import {
   AlertCategory as AlertCategory3,
   AlertMinimal as AlertMinimal2,
   RemoraidButton as RemoraidButton2,
-  useRemoraidTheme as useRemoraidTheme2
+  useRemoraidTheme as useRemoraidTheme3
 } from "remoraid/core";
-import { jsxDEV as jsxDEV37, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV38, Fragment as Fragment5 } from "react/jsx-dev-runtime";
 function PlainArrayControl(props) {
-  const theme = useRemoraidTheme2();
+  const theme = useRemoraidTheme3();
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
   const { renderers, cells } = useJsonForms2();
@@ -7381,45 +7365,45 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsxDEV37(AlertMinimal2, {
+    return /* @__PURE__ */ jsxDEV38(AlertMinimal2, {
       category: AlertCategory3.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV37(Fragment5, {
-    children: /* @__PURE__ */ jsxDEV37(Input2.Wrapper, {
+  return /* @__PURE__ */ jsxDEV38(Fragment5, {
+    children: /* @__PURE__ */ jsxDEV38(Input3.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsxDEV37(Paper5, {
+      children: /* @__PURE__ */ jsxDEV38(Paper6, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         bg: "var(--remoraid-transparent-background)",
         p: Array.isArray(data) && data.length > 0 ? formOptions.gutter : 0,
         mt: formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsxDEV37(Stack6, {
+        children: /* @__PURE__ */ jsxDEV38(Stack6, {
           align: "stretch",
           justify: "flex-start",
           gap: formOptions.gutter,
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsxDEV37(Flex4, {
+              return /* @__PURE__ */ jsxDEV38(Flex4, {
                 gap: "xs",
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsxDEV37(Box6, {
+                  /* @__PURE__ */ jsxDEV38(Box7, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsxDEV37(JsonForms2, {
+                    children: /* @__PURE__ */ jsxDEV38(JsonForms2, {
                       schema: schemaItems,
                       data: { item },
                       renderers: renderers ?? [],
                       cells: cells ?? [],
                       onChange: ({ data: newData }) => {
-                        if (import_lodash18.isEqual(data[i], newData.item)) {
+                        if (import_lodash14.isEqual(data[i], newData.item)) {
                           return;
                         }
                         const dataCopy = [...data];
@@ -7429,7 +7413,7 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV37(RemoraidButton2, {
+                  /* @__PURE__ */ jsxDEV38(RemoraidButton2, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
@@ -7441,10 +7425,10 @@ function PlainArrayControl(props) {
                   }, undefined, false, undefined, this)
                 ]
               }, i, true, undefined, this);
-            }) : /* @__PURE__ */ jsxDEV37(Fragment5, {}, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV37(Button2, {
+            }) : /* @__PURE__ */ jsxDEV38(Fragment5, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV38(Button2, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsxDEV37(IconPlus, {
+              leftSection: /* @__PURE__ */ jsxDEV38(IconPlus, {
                 ...theme.componentsProps.icons.medium
               }, undefined, false, undefined, this),
               onClick: () => {
@@ -7474,7 +7458,7 @@ var ArrayControl_default = ArrayControl;
 // src/jsonforms/renderers/CheckboxControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps3 } from "@jsonforms/react";
 import { Checkbox } from "@mantine/core";
-import { jsxDEV as jsxDEV38, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV39, Fragment as Fragment6 } from "react/jsx-dev-runtime";
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -7484,8 +7468,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV38(Fragment6, {
-    children: /* @__PURE__ */ jsxDEV38(Checkbox, {
+  return /* @__PURE__ */ jsxDEV39(Fragment6, {
+    children: /* @__PURE__ */ jsxDEV39(Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -7504,7 +7488,7 @@ var CheckboxControl_default = CheckboxControl;
 // src/jsonforms/renderers/NumberControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps4 } from "@jsonforms/react";
 import { NumberInput } from "@mantine/core";
-import { jsxDEV as jsxDEV39, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV40, Fragment as Fragment7 } from "react/jsx-dev-runtime";
 function PlainNumberControl({
   data,
   handleChange,
@@ -7516,8 +7500,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV39(Fragment7, {
-    children: /* @__PURE__ */ jsxDEV39(NumberInput, {
+  return /* @__PURE__ */ jsxDEV40(Fragment7, {
+    children: /* @__PURE__ */ jsxDEV40(NumberInput, {
       label,
       variant: "default",
       value: data,
@@ -7541,26 +7525,26 @@ import {
   useJsonForms as useJsonForms3,
   withJsonFormsControlProps as withJsonFormsControlProps5
 } from "@jsonforms/react";
-import { Input as Input3, Paper as Paper6 } from "@mantine/core";
-import { jsxDEV as jsxDEV40, Fragment as Fragment8 } from "react/jsx-dev-runtime";
+import { Input as Input4, Paper as Paper7 } from "@mantine/core";
+import { jsxDEV as jsxDEV41, Fragment as Fragment8 } from "react/jsx-dev-runtime";
 function PlainObjectControl(props) {
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
   const { renderers, cells } = useJsonForms3();
   const theme = useRemoraidTheme();
   const mt = formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0;
-  return /* @__PURE__ */ jsxDEV40(Fragment8, {
-    children: /* @__PURE__ */ jsxDEV40(Input3.Wrapper, {
+  return /* @__PURE__ */ jsxDEV41(Fragment8, {
+    children: /* @__PURE__ */ jsxDEV41(Input4.Wrapper, {
       label: label !== "remoraid-array-item" ? label : null,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: schema.properties && Object.keys(schema.properties).length > 0 ? /* @__PURE__ */ jsxDEV40(Paper6, {
+      children: schema.properties && Object.keys(schema.properties).length > 0 ? /* @__PURE__ */ jsxDEV41(Paper7, {
         withBorder: true,
         bg: "var(--remoraid-transparent-background)",
         shadow: "0",
         p: formOptions.gutter,
         mt,
-        children: /* @__PURE__ */ jsxDEV40(JsonForms3, {
+        children: /* @__PURE__ */ jsxDEV41(JsonForms3, {
           schema: {
             ...schema,
             $schema: undefined
@@ -7573,7 +7557,7 @@ function PlainObjectControl(props) {
           },
           validationMode: "NoValidation"
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV40(AlertMinimal, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV41(AlertMinimal, {
         category: "negative" /* Negative */,
         title: "No properties specified",
         text: "The JSON schema for this object did not specify any properties.",
@@ -7588,7 +7572,7 @@ var ObjectControl_default = ObjectControl;
 // src/jsonforms/renderers/StringSelectControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps6 } from "@jsonforms/react";
 import { Select as Select2 } from "@mantine/core";
-import { jsxDEV as jsxDEV41, Fragment as Fragment9 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV42, Fragment as Fragment9 } from "react/jsx-dev-runtime";
 function PlainTimestampControl({
   data,
   handleChange,
@@ -7600,8 +7584,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV41(Fragment9, {
-    children: /* @__PURE__ */ jsxDEV41(Select2, {
+  return /* @__PURE__ */ jsxDEV42(Fragment9, {
+    children: /* @__PURE__ */ jsxDEV42(Select2, {
       label,
       data: schema.enum,
       value: data,
@@ -7714,7 +7698,7 @@ var verticalLayoutTester_default = tester9;
 // src/jsonforms/renderers/TextControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps7 } from "@jsonforms/react";
 import { TextInput } from "@mantine/core";
-import { jsxDEV as jsxDEV42, Fragment as Fragment10 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV43, Fragment as Fragment10 } from "react/jsx-dev-runtime";
 function PlainTextControl({
   data,
   handleChange,
@@ -7726,8 +7710,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV42(Fragment10, {
-    children: /* @__PURE__ */ jsxDEV42(TextInput, {
+  return /* @__PURE__ */ jsxDEV43(Fragment10, {
+    children: /* @__PURE__ */ jsxDEV43(TextInput, {
       label,
       variant: "default",
       placeholder: "",
@@ -7746,7 +7730,7 @@ var TextControl_default = TextControl;
 // src/jsonforms/renderers/TimestampControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps8 } from "@jsonforms/react";
 import { DatePickerInput } from "@mantine/dates";
-import { jsxDEV as jsxDEV43, Fragment as Fragment11 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV44, Fragment as Fragment11 } from "react/jsx-dev-runtime";
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -7758,8 +7742,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV43(Fragment11, {
-    children: /* @__PURE__ */ jsxDEV43(DatePickerInput, {
+  return /* @__PURE__ */ jsxDEV44(Fragment11, {
+    children: /* @__PURE__ */ jsxDEV44(DatePickerInput, {
       variant: "default",
       label,
       placeholder: "Pick a date",
@@ -7781,14 +7765,14 @@ var TimestampControl_default = TimestampControl2;
 import React10 from "react";
 import { withJsonFormsLayoutProps } from "@jsonforms/react";
 import { JsonFormsDispatch, useJsonForms as useJsonForms4 } from "@jsonforms/react";
-import { jsxDEV as jsxDEV44 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV45 } from "react/jsx-dev-runtime";
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsxDEV44("div", {
+  return /* @__PURE__ */ jsxDEV45("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
@@ -7799,10 +7783,10 @@ var renderChildren = (layout, schema, className, path, enabled) => {
   const { formOptions } = useFormOptions();
   const gutter = typeof formOptions.gutter === "string" ? `var(--mantine-spacing-${formOptions.gutter})` : `${formOptions.gutter}px`;
   return layout.elements.map((child, index) => {
-    return /* @__PURE__ */ jsxDEV44("div", {
+    return /* @__PURE__ */ jsxDEV45("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsxDEV44(JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsxDEV45(JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -7815,7 +7799,7 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsxDEV44(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsxDEV45(VerticalLayoutRendererComponent, {
     ...otherProps
   }, undefined, false, undefined, this);
 };
@@ -7829,7 +7813,7 @@ var VerticalLayoutRendererComponent = React10.memo(function VerticalLayoutRender
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsxDEV44(JsonFormsLayout, {
+  return /* @__PURE__ */ jsxDEV45(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,