remoraid 2.26.4 → 2.28.2

package/dist/jsonforms/index.cjs

@@ -5471,8 +5471,8 @@ __export(exports_jsonforms, {
 module.exports = __toCommonJS(exports_jsonforms);
 
 // src/jsonforms/renderers/AnyOfControl.tsx
-var import_react21 = require("@jsonforms/react");
-var import_core25 = require("@mantine/core");
+var import_react22 = require("@jsonforms/react");
+var import_core27 = require("@mantine/core");
 
 // src/jsonforms/components/FormOptionsProvider/index.tsx
 var import_react = __toESM(require("react"));
@@ -5594,13 +5594,14 @@ var useHydratedMantineColorScheme = () => {
 // src/core/components/RemoraidProvider/ThemeProvider/index.tsx
 var import_lodash2 = __toESM(require_lodash());
 var jsx_dev_runtime4 = require("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" ? import_core2.rgba(mantineTheme.colors.dark[8], 0.8) : import_core2.rgba(mantineTheme.white, 0.8) : undefined);
   let spacingPx;
   if (mantineTheme && colorScheme) {
@@ -5655,30 +5656,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
-        }
       }
     }
   };
@@ -5774,7 +5751,6 @@ function NavbarLink({
   href,
   indicator
 }) {
-  const theme = useRemoraidTheme();
   const [isHoveringRoleIndicator, setIsHoveringRoleIndicator] = import_react10.useState(false);
   const iconProps = {
     size: iconSize,
@@ -5783,7 +5759,6 @@ function NavbarLink({
   const Icon2 = icon ?? import_icons_react2.IconLink;
   if (!href) {
     return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core3.Tooltip, {
-      ...theme.componentsProps.Tooltip,
       label,
       position: "right",
       children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core3.UnstyledButton, {
@@ -5811,7 +5786,6 @@ function NavbarLink({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
   return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core3.Tooltip, {
-    ...theme.componentsProps.Tooltip,
     label,
     position: "right",
     children: indicator === undefined ? button : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_core3.Indicator, {
@@ -6058,7 +6032,6 @@ function Element2({
 }
 
 // src/core/components/FrameLayout/index.tsx
-var import_lodash5 = __toESM(require_lodash());
 var jsx_dev_runtime14 = require("react/jsx-dev-runtime");
 var layoutContext = import_react11.createContext(null);
 var useFrameLayout = () => {
@@ -6071,7 +6044,6 @@ function FrameLayout({
   componentsProps,
   children
 }) {
-  const theme = useRemoraidTheme();
   const { layouts, setLayouts } = useLayouts();
   const layout = layouts[layoutId];
   const defaultSections = import_react11.useMemo(() => ({
@@ -6173,7 +6145,7 @@ function FrameLayout({
             }, undefined, false, undefined, this),
             includeScrollArea ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.ScrollArea, {
               flex: 1,
-              ...import_lodash5.merge({}, theme.componentsProps.ScrollArea, componentsProps?.ScrollArea),
+              ...componentsProps?.ScrollArea,
               children: contentSection
             }, undefined, false, undefined, this) : contentSection,
             /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_core7.Stack, {
@@ -6203,7 +6175,7 @@ var FrameLayout_default = Object.assign(FrameLayout, {
 });
 
 // src/core/components/AppShell/index.tsx
-var import_lodash6 = __toESM(require_lodash());
+var import_lodash5 = __toESM(require_lodash());
 var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
 var remoraidAppShellLayoutId = "remoraid-app-shell";
 var defaultAppShellNavbarPositions = { ["minimal" /* Minimal */]: "left" /* Left */ };
@@ -6256,13 +6228,13 @@ function AppShell({
           navbarPosition !== null && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(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__ */ jsx_dev_runtime15.jsxDEV(FrameLayout_default.Element, {
             section: footerPosition,
-            ...import_lodash6.merge(footerLayoutElementProps, componentsProps?.footerLayoutElement),
+            ...import_lodash5.merge(footerLayoutElementProps, componentsProps?.footerLayoutElement),
             children: footer
           }, undefined, false, undefined, this)
         ]
@@ -6293,11 +6265,10 @@ var import_react15 = require("react");
 
 // src/core/components/ScrollableChipGroup/index.tsx
 var import_core10 = require("@mantine/core");
-var import_lodash7 = __toESM(require_lodash());
 var jsx_dev_runtime17 = require("react/jsx-dev-runtime");
 
 // src/core/components/WidgetSelectionHeader/index.tsx
-var import_lodash10 = __toESM(require_lodash());
+var import_lodash8 = __toESM(require_lodash());
 
 // src/core/components/Pinnable/index.tsx
 var import_react14 = require("react");
@@ -6307,7 +6278,7 @@ var import_core13 = require("@mantine/core");
 // src/core/components/Controls/ControlButton/index.tsx
 var import_core11 = require("@mantine/core");
 var import_icons_react4 = require("@tabler/icons-react");
-var import_lodash8 = __toESM(require_lodash());
+var import_lodash6 = __toESM(require_lodash());
 var jsx_dev_runtime18 = require("react/jsx-dev-runtime");
 function ControlButton({
   icon: Icon3 = import_icons_react4.IconClick,
@@ -6328,7 +6299,9 @@ function ControlButton({
     timingFunction: "ease",
     ...componentsProps?.transition,
     children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core11.Tooltip, {
-      ...import_lodash8.merge({}, theme.componentsProps.Tooltip, { label: tooltip, disabled: !Boolean(tooltip) }, componentsProps?.tooltip),
+      label: tooltip,
+      disabled: !Boolean(tooltip),
+      ...componentsProps?.tooltip,
       children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(import_core11.ActionIcon, {
         "data-control-button": true,
         size,
@@ -6338,10 +6311,10 @@ function ControlButton({
         ...componentsProps?.button,
         style: {
           order,
-          ...import_lodash8.merge(transitionStyle, componentsProps?.button?.style)
+          ...import_lodash6.merge(transitionStyle, componentsProps?.button?.style)
         },
         children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(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)
@@ -6352,7 +6325,7 @@ function ControlButton({
 var import_react13 = require("react");
 var import_core12 = require("@mantine/core");
 var import_icons_react5 = require("@tabler/icons-react");
-var import_lodash9 = __toESM(require_lodash());
+var import_lodash7 = __toESM(require_lodash());
 var jsx_dev_runtime19 = require("react/jsx-dev-runtime");
 function Controls({
   groupRef,
@@ -6431,7 +6404,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__ */ jsx_dev_runtime19.jsxDEV(import_core12.Group, {
@@ -6442,7 +6415,7 @@ function Controls({
         className: clsx_default("remoraid-controls-group", componentsProps?.group?.className),
         children: [
           /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(import_icons_react5.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) => {
@@ -6532,7 +6505,6 @@ var import_react16 = __toESM(require("react"));
 
 // src/core/components/BadgeMinimal/index.tsx
 var import_core15 = require("@mantine/core");
-var import_lodash11 = __toESM(require_lodash());
 var jsx_dev_runtime22 = require("react/jsx-dev-runtime");
 function BadgeMinimal({
   label,
@@ -6548,7 +6520,9 @@ function BadgeMinimal({
     timingFunction: "ease",
     ...componentsProps?.transition,
     children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(import_core15.Tooltip, {
-      ...import_lodash11.merge({}, theme.componentsProps.Tooltip, { label: tooltip, disabled: !Boolean(tooltip) }, componentsProps?.tooltip),
+      label: tooltip,
+      disabled: !Boolean(tooltip),
+      ...componentsProps?.tooltip,
       children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(import_core15.Badge, {
         variant: "default",
         ...componentsProps?.badge,
@@ -6564,7 +6538,7 @@ function BadgeMinimal({
 }
 
 // src/core/components/BadgeGroup/index.tsx
-var import_lodash12 = __toESM(require_lodash());
+var import_lodash9 = __toESM(require_lodash());
 var jsx_dev_runtime23 = require("react/jsx-dev-runtime");
 var react = require("react");
 function BadgeGroup({
@@ -6603,7 +6577,7 @@ function BadgeGroup({
         timingFunction: "ease",
         ...componentsProps?.cumulativeBadgeTransition,
         children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_core16.HoverCard, {
-          ...import_lodash12.merge({}, theme.componentsProps.HoverCard, componentsProps?.HoverCard),
+          ...componentsProps?.HoverCard,
           children: [
             /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_core16.HoverCard.Target, {
               children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_core16.Badge, {
@@ -6612,7 +6586,7 @@ function BadgeGroup({
                 ...componentsProps?.cumulativeBadge,
                 style: {
                   cursor: "pointer",
-                  ...import_lodash12.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
+                  ...import_lodash9.merge(transitionStyle, componentsProps?.cumulativeBadge?.style)
                 },
                 children: [
                   numVisibleBadges,
@@ -6636,7 +6610,7 @@ function BadgeGroup({
 }
 // src/core/components/AlertMinimal/index.tsx
 var import_core17 = require("@mantine/core");
-var import_lodash13 = __toESM(require_lodash());
+var import_lodash10 = __toESM(require_lodash());
 var jsx_dev_runtime24 = require("react/jsx-dev-runtime");
 function AlertMinimal({
   category,
@@ -6653,7 +6627,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__ */ jsx_dev_runtime24.jsxDEV(import_core17.Transition, {
     mounted,
     transition: "fade",
@@ -6667,9 +6641,9 @@ function AlertMinimal({
       onClose,
       withCloseButton: onClose !== undefined,
       icon: Icon3 ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(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
@@ -6680,7 +6654,7 @@ function AlertMinimal({
 // src/core/components/RemoraidButton/index.tsx
 var import_core18 = require("@mantine/core");
 var import_icons_react8 = require("@tabler/icons-react");
-var import_lodash14 = __toESM(require_lodash());
+var import_lodash11 = __toESM(require_lodash());
 var jsx_dev_runtime25 = require("react/jsx-dev-runtime");
 function RemoraidButton({
   label,
@@ -6704,7 +6678,7 @@ function RemoraidButton({
   const Icon4 = iconProp ?? import_icons_react8.IconClick;
   const theme = useRemoraidTheme();
   const iconElement = /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(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__ */ jsx_dev_runtime25.jsxDEV(import_core18.Transition, {
     mounted,
@@ -6715,7 +6689,8 @@ function RemoraidButton({
     children: (transitionStyle) => /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(jsx_dev_runtime25.Fragment, {
       children: [
         /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(import_core18.Tooltip, {
-          ...import_lodash14.merge({}, theme.componentsProps.Tooltip, { label }, componentsProps?.tooltip),
+          label,
+          ...componentsProps?.tooltip,
           children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(import_core18.ActionIcon, {
             "aria-label": label,
             variant,
@@ -6759,7 +6734,7 @@ function RemoraidButton({
 var import_core19 = require("@mantine/core");
 var import_react17 = require("react");
 var import_icons_react9 = require("@tabler/icons-react");
-var import_lodash15 = __toESM(require_lodash());
+var import_lodash12 = __toESM(require_lodash());
 var jsx_dev_runtime26 = require("react/jsx-dev-runtime");
 function WidgetWrapper({
   config,
@@ -6830,7 +6805,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: [
@@ -6914,7 +6889,6 @@ function WidgetWrapper({
 }
 // src/core/components/Widget/index.tsx
 var import_core20 = require("@mantine/core");
-var import_lodash16 = __toESM(require_lodash());
 var jsx_dev_runtime27 = require("react/jsx-dev-runtime");
 var react2 = require("react");
 function Widget({
@@ -6934,7 +6908,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";
@@ -7013,7 +6986,8 @@ function Widget({
           })
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core20.ScrollArea.Autosize, {
-          ...import_lodash16.merge(theme.componentsProps.ScrollArea, { flex: 1 }, componentsProps?.childrenContainer),
+          flex: 1,
+          ...componentsProps?.childrenContainer,
           children: loading ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core20.Center, {
             children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_core20.Loader, {
               ...componentsProps?.loader
@@ -7182,20 +7156,25 @@ var SettingsTable_default = Object.assign(SettingsTable, {
   Row
 });
 // src/core/components/NavbarSettingsWidget/index.tsx
-var import_lodash17 = __toESM(require_lodash());
+var import_lodash13 = __toESM(require_lodash());
 var import_core24 = require("@mantine/core");
 var import_icons_react12 = require("@tabler/icons-react");
 var jsx_dev_runtime34 = require("react/jsx-dev-runtime");
 // src/core/components/ContextClusterProvider/index.tsx
 var import_react20 = __toESM(require("react"));
 var jsx_dev_runtime35 = require("react/jsx-dev-runtime");
-// src/jsonforms/renderers/AnyOfControl.tsx
+// src/core/components/InputWrapperScrollArea/index.tsx
+var import_core25 = require("@mantine/core");
+var import_react21 = require("react");
+var import_core26 = require("remoraid/core");
 var jsx_dev_runtime36 = require("react/jsx-dev-runtime");
+// src/jsonforms/renderers/AnyOfControl.tsx
+var jsx_dev_runtime37 = require("react/jsx-dev-runtime");
 function PlainAnyOfControl(props) {
   const { data, schema, label, required, handleChange, path } = props;
   const theme = useRemoraidTheme();
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react21.useJsonForms();
+  const { renderers, cells } = import_react22.useJsonForms();
   const defaultValues = {
     number: 0,
     integer: 0,
@@ -7224,19 +7203,19 @@ function PlainAnyOfControl(props) {
     type = "boolean";
   }
   const typeProperties = schema.anyOf ? schema.anyOf.find((a) => a.type === type) || {} : {};
-  return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(jsx_dev_runtime36.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core25.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(jsx_dev_runtime37.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description ?? null : null,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_core25.Paper, {
+      children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Paper, {
         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__ */ jsx_dev_runtime36.jsxDEV(import_core25.Select, {
+          /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Select, {
             label: `Value Type`,
             data: schema.anyOf ? schema.anyOf.map((a) => String(a.type)) : [],
             value: type,
@@ -7249,7 +7228,7 @@ function PlainAnyOfControl(props) {
             variant: "default",
             mb: type && type !== "null" ? formOptions.gutter : undefined
           }, undefined, false, undefined, this),
-          type && type !== "null" && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_react21.JsonForms, {
+          type && type !== "null" && /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_react22.JsonForms, {
             schema: {
               ...typeProperties,
               $schema: undefined
@@ -7267,21 +7246,21 @@ function PlainAnyOfControl(props) {
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var AnyOfControl = import_react21.withJsonFormsControlProps(PlainAnyOfControl);
+var AnyOfControl = import_react22.withJsonFormsControlProps(PlainAnyOfControl);
 var AnyOfControl_default = AnyOfControl;
 
 // src/jsonforms/renderers/ArrayControl.tsx
-var import_react22 = require("@jsonforms/react");
-var import_core27 = require("@mantine/core");
+var import_react23 = require("@jsonforms/react");
+var import_core29 = require("@mantine/core");
 var import_icons_react13 = require("@tabler/icons-react");
-var import_core28 = require("remoraid/core");
-var import_lodash18 = __toESM(require_lodash());
-var jsx_dev_runtime37 = require("react/jsx-dev-runtime");
+var import_core30 = require("remoraid/core");
+var import_lodash14 = __toESM(require_lodash());
+var jsx_dev_runtime38 = require("react/jsx-dev-runtime");
 function PlainArrayControl(props) {
-  const theme = import_core28.useRemoraidTheme();
+  const theme = import_core30.useRemoraidTheme();
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react22.useJsonForms();
+  const { renderers, cells } = import_react23.useJsonForms();
   let schemaItems;
   if (schema.items && !Array.isArray(schema.items)) {
     schemaItems = {
@@ -7295,45 +7274,45 @@ function PlainArrayControl(props) {
       required: ["item"]
     };
   } else {
-    return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core28.AlertMinimal, {
-      category: import_core28.AlertCategory.Negative,
+    return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core30.AlertMinimal, {
+      category: import_core30.AlertCategory.Negative,
       title: "Renderer missing",
       text: `Could not find applicable renderer for property '${label}'.`
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(jsx_dev_runtime37.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(jsx_dev_runtime38.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Input.Wrapper, {
       label,
       description: formOptions.withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Paper, {
+      children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Paper, {
         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__ */ jsx_dev_runtime37.jsxDEV(import_core27.Stack, {
+        children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Stack, {
           align: "stretch",
           justify: "flex-start",
           gap: formOptions.gutter,
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Flex, {
+              return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Flex, {
                 gap: "xs",
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Box, {
+                  /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Box, {
                     flex: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_react22.JsonForms, {
+                    children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_react23.JsonForms, {
                       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];
@@ -7343,7 +7322,7 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core28.RemoraidButton, {
+                  /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core30.RemoraidButton, {
                     responsive: false,
                     collapsed: true,
                     label: "Delete item",
@@ -7355,10 +7334,10 @@ function PlainArrayControl(props) {
                   }, undefined, false, undefined, this)
                 ]
               }, i, true, undefined, this);
-            }) : /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(jsx_dev_runtime37.Fragment, {}, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_core27.Button, {
+            }) : /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(jsx_dev_runtime38.Fragment, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Button, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(import_icons_react13.IconPlus, {
+              leftSection: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_icons_react13.IconPlus, {
                 ...theme.componentsProps.icons.medium
               }, undefined, false, undefined, this),
               onClick: () => {
@@ -7382,13 +7361,13 @@ function PlainArrayControl(props) {
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var ArrayControl = import_react22.withJsonFormsControlProps(PlainArrayControl);
+var ArrayControl = import_react23.withJsonFormsControlProps(PlainArrayControl);
 var ArrayControl_default = ArrayControl;
 
 // src/jsonforms/renderers/CheckboxControl.tsx
-var import_react23 = require("@jsonforms/react");
-var import_core29 = require("@mantine/core");
-var jsx_dev_runtime38 = require("react/jsx-dev-runtime");
+var import_react24 = require("@jsonforms/react");
+var import_core31 = require("@mantine/core");
+var jsx_dev_runtime39 = require("react/jsx-dev-runtime");
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -7398,8 +7377,8 @@ function PlainCheckboxControl({
   schema
 }) {
   const { formOptions } = useFormOptions();
-  return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(jsx_dev_runtime38.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_core29.Checkbox, {
+  return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(jsx_dev_runtime39.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(import_core31.Checkbox, {
       label,
       py: formOptions.gutter,
       labelPosition: "left",
@@ -7412,13 +7391,13 @@ function PlainCheckboxControl({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var CheckboxControl = import_react23.withJsonFormsControlProps(PlainCheckboxControl);
+var CheckboxControl = import_react24.withJsonFormsControlProps(PlainCheckboxControl);
 var CheckboxControl_default = CheckboxControl;
 
 // src/jsonforms/renderers/NumberControl.tsx
-var import_react24 = require("@jsonforms/react");
-var import_core30 = require("@mantine/core");
-var jsx_dev_runtime39 = require("react/jsx-dev-runtime");
+var import_react25 = require("@jsonforms/react");
+var import_core32 = require("@mantine/core");
+var jsx_dev_runtime40 = require("react/jsx-dev-runtime");
 function PlainNumberControl({
   data,
   handleChange,
@@ -7430,8 +7409,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(jsx_dev_runtime39.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime39.jsxDEV(import_core30.NumberInput, {
+  return /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(jsx_dev_runtime40.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_core32.NumberInput, {
       label,
       variant: "default",
       value: data,
@@ -7446,31 +7425,31 @@ function PlainNumberControl({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var NumberControl = import_react24.withJsonFormsControlProps(PlainNumberControl);
+var NumberControl = import_react25.withJsonFormsControlProps(PlainNumberControl);
 var NumberControl_default = NumberControl;
 
 // src/jsonforms/renderers/ObjectControl.tsx
-var import_react25 = require("@jsonforms/react");
-var import_core31 = require("@mantine/core");
-var jsx_dev_runtime40 = require("react/jsx-dev-runtime");
+var import_react26 = require("@jsonforms/react");
+var import_core33 = require("@mantine/core");
+var jsx_dev_runtime41 = require("react/jsx-dev-runtime");
 function PlainObjectControl(props) {
   const { label, schema, data, handleChange, path, required } = props;
   const { formOptions } = useFormOptions();
-  const { renderers, cells } = import_react25.useJsonForms();
+  const { renderers, cells } = import_react26.useJsonForms();
   const theme = useRemoraidTheme();
   const mt = formOptions.withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0;
-  return /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(jsx_dev_runtime40.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_core31.Input.Wrapper, {
+  return /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(jsx_dev_runtime41.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core33.Input.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__ */ jsx_dev_runtime40.jsxDEV(import_core31.Paper, {
+      children: schema.properties && Object.keys(schema.properties).length > 0 ? /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core33.Paper, {
         withBorder: true,
         bg: "var(--remoraid-transparent-background)",
         shadow: "0",
         p: formOptions.gutter,
         mt,
-        children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_react25.JsonForms, {
+        children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_react26.JsonForms, {
           schema: {
             ...schema,
             $schema: undefined
@@ -7483,7 +7462,7 @@ function PlainObjectControl(props) {
           },
           validationMode: "NoValidation"
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(AlertMinimal, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(AlertMinimal, {
         category: "negative" /* Negative */,
         title: "No properties specified",
         text: "The JSON schema for this object did not specify any properties.",
@@ -7492,13 +7471,13 @@ function PlainObjectControl(props) {
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var ObjectControl = import_react25.withJsonFormsControlProps(PlainObjectControl);
+var ObjectControl = import_react26.withJsonFormsControlProps(PlainObjectControl);
 var ObjectControl_default = ObjectControl;
 
 // src/jsonforms/renderers/StringSelectControl.tsx
-var import_react26 = require("@jsonforms/react");
-var import_core33 = require("@mantine/core");
-var jsx_dev_runtime41 = require("react/jsx-dev-runtime");
+var import_react27 = require("@jsonforms/react");
+var import_core35 = require("@mantine/core");
+var jsx_dev_runtime42 = require("react/jsx-dev-runtime");
 function PlainTimestampControl({
   data,
   handleChange,
@@ -7510,8 +7489,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(jsx_dev_runtime41.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(import_core33.Select, {
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(jsx_dev_runtime42.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_core35.Select, {
       label,
       data: schema.enum,
       value: data,
@@ -7525,63 +7504,63 @@ function PlainTimestampControl({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var TimestampControl = import_react26.withJsonFormsControlProps(PlainTimestampControl);
+var TimestampControl = import_react27.withJsonFormsControlProps(PlainTimestampControl);
 var StringSelectControl_default = TimestampControl;
 
 // src/jsonforms/renderers/testers/anyOfTester.ts
-var import_core34 = require("@jsonforms/core");
-var tester = import_core34.rankWith(10, import_core34.and(import_core34.uiTypeIs("Control"), import_core34.isAnyOfControl));
+var import_core36 = require("@jsonforms/core");
+var tester = import_core36.rankWith(10, import_core36.and(import_core36.uiTypeIs("Control"), import_core36.isAnyOfControl));
 var anyOfTester_default = tester;
 
 // src/jsonforms/renderers/testers/arrayControlTester.ts
-var import_core35 = require("@jsonforms/core");
-var tester2 = import_core35.rankWith(10, import_core35.and(import_core35.uiTypeIs("Control"), import_core35.schemaTypeIs("array")));
+var import_core37 = require("@jsonforms/core");
+var tester2 = import_core37.rankWith(10, import_core37.and(import_core37.uiTypeIs("Control"), import_core37.schemaTypeIs("array")));
 var arrayControlTester_default = tester2;
 
 // src/jsonforms/renderers/testers/checkboxControlTester.ts
-var import_core36 = require("@jsonforms/core");
-var tester3 = import_core36.rankWith(10, import_core36.and(import_core36.uiTypeIs("Control"), import_core36.schemaTypeIs("boolean")));
+var import_core38 = require("@jsonforms/core");
+var tester3 = import_core38.rankWith(10, import_core38.and(import_core38.uiTypeIs("Control"), import_core38.schemaTypeIs("boolean")));
 var checkboxControlTester_default = tester3;
 
 // src/jsonforms/renderers/testers/numberControlTester.ts
-var import_core37 = require("@jsonforms/core");
-var tester4 = import_core37.rankWith(8, (a, b, c) => {
+var import_core39 = require("@jsonforms/core");
+var tester4 = import_core39.rankWith(8, (a, b, c) => {
   if (b.type === "integer") {
     return true;
   }
-  return import_core37.and(import_core37.uiTypeIs("Control"), import_core37.or(import_core37.schemaTypeIs("number"), import_core37.schemaTypeIs("integer")))(a, b, c);
+  return import_core39.and(import_core39.uiTypeIs("Control"), import_core39.or(import_core39.schemaTypeIs("number"), import_core39.schemaTypeIs("integer")))(a, b, c);
 });
 var numberControlTester_default = tester4;
 
 // src/jsonforms/renderers/testers/objectControlTester.ts
-var import_core38 = require("@jsonforms/core");
-var tester5 = import_core38.rankWith(10, import_core38.and(import_core38.uiTypeIs("Control"), import_core38.schemaTypeIs("object")));
+var import_core40 = require("@jsonforms/core");
+var tester5 = import_core40.rankWith(10, import_core40.and(import_core40.uiTypeIs("Control"), import_core40.schemaTypeIs("object")));
 var objectControlTester_default = tester5;
 
 // src/jsonforms/renderers/testers/stringSelectControlTester.ts
-var import_core39 = require("@jsonforms/core");
-var tester6 = import_core39.rankWith(11, import_core39.and(import_core39.uiTypeIs("Control"), import_core39.schemaTypeIs("string"), import_core39.isEnumControl));
+var import_core41 = require("@jsonforms/core");
+var tester6 = import_core41.rankWith(11, import_core41.and(import_core41.uiTypeIs("Control"), import_core41.schemaTypeIs("string"), import_core41.isEnumControl));
 var stringSelectControlTester_default = tester6;
 
 // src/jsonforms/renderers/testers/textControlTester.ts
-var import_core40 = require("@jsonforms/core");
-var tester7 = import_core40.rankWith(10, import_core40.and(import_core40.uiTypeIs("Control"), import_core40.schemaTypeIs("string")));
+var import_core42 = require("@jsonforms/core");
+var tester7 = import_core42.rankWith(10, import_core42.and(import_core42.uiTypeIs("Control"), import_core42.schemaTypeIs("string")));
 var textControlTester_default = tester7;
 
 // src/jsonforms/renderers/testers/timestampControlTester.ts
-var import_core41 = require("@jsonforms/core");
-var tester8 = import_core41.rankWith(11, import_core41.and(import_core41.uiTypeIs("Control"), import_core41.schemaTypeIs("integer"), import_core41.scopeEndsWith("startTime")));
+var import_core43 = require("@jsonforms/core");
+var tester8 = import_core43.rankWith(11, import_core43.and(import_core43.uiTypeIs("Control"), import_core43.schemaTypeIs("integer"), import_core43.scopeEndsWith("startTime")));
 var timestampControlTester_default = tester8;
 
 // src/jsonforms/renderers/testers/verticalLayoutTester.ts
-var import_core42 = require("@jsonforms/core");
-var tester9 = import_core42.rankWith(2, import_core42.uiTypeIs("VerticalLayout"));
+var import_core44 = require("@jsonforms/core");
+var tester9 = import_core44.rankWith(2, import_core44.uiTypeIs("VerticalLayout"));
 var verticalLayoutTester_default = tester9;
 
 // src/jsonforms/renderers/TextControl.tsx
-var import_react27 = require("@jsonforms/react");
-var import_core43 = require("@mantine/core");
-var jsx_dev_runtime42 = require("react/jsx-dev-runtime");
+var import_react28 = require("@jsonforms/react");
+var import_core45 = require("@mantine/core");
+var jsx_dev_runtime43 = require("react/jsx-dev-runtime");
 function PlainTextControl({
   data,
   handleChange,
@@ -7593,8 +7572,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(jsx_dev_runtime42.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_core43.TextInput, {
+  return /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(jsx_dev_runtime43.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(import_core45.TextInput, {
       label,
       variant: "default",
       placeholder: "",
@@ -7607,13 +7586,13 @@ function PlainTextControl({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var TextControl = import_react27.withJsonFormsControlProps(PlainTextControl);
+var TextControl = import_react28.withJsonFormsControlProps(PlainTextControl);
 var TextControl_default = TextControl;
 
 // src/jsonforms/renderers/TimestampControl.tsx
-var import_react28 = require("@jsonforms/react");
+var import_react29 = require("@jsonforms/react");
 var import_dates = require("@mantine/dates");
-var jsx_dev_runtime43 = require("react/jsx-dev-runtime");
+var jsx_dev_runtime44 = require("react/jsx-dev-runtime");
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -7625,8 +7604,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(jsx_dev_runtime43.Fragment, {
-    children: /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(import_dates.DatePickerInput, {
+  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(jsx_dev_runtime44.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_dates.DatePickerInput, {
       variant: "default",
       label,
       placeholder: "Pick a date",
@@ -7641,35 +7620,35 @@ function PlainTimestampControl2({
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var TimestampControl2 = import_react28.withJsonFormsControlProps(PlainTimestampControl2);
+var TimestampControl2 = import_react29.withJsonFormsControlProps(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-var import_react29 = __toESM(require("react"));
-var import_react30 = require("@jsonforms/react");
+var import_react30 = __toESM(require("react"));
 var import_react31 = require("@jsonforms/react");
-var jsx_dev_runtime44 = require("react/jsx-dev-runtime");
+var import_react32 = require("@jsonforms/react");
+var jsx_dev_runtime45 = require("react/jsx-dev-runtime");
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
   }, undefined, false, undefined, this);
 };
 var renderChildren = (layout, schema, className, path, enabled) => {
-  const { renderers, cells } = import_react31.useJsonForms();
+  const { renderers, cells } = import_react32.useJsonForms();
   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__ */ jsx_dev_runtime44.jsxDEV("div", {
+    return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
       className,
       style: { marginTop: index === 0 ? 0 : gutter },
-      children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_react31.JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(import_react32.JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -7682,11 +7661,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(VerticalLayoutRendererComponent, {
     ...otherProps
   }, undefined, false, undefined, this);
 };
-var VerticalLayoutRendererComponent = import_react29.default.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = import_react30.default.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -7696,7 +7675,7 @@ var VerticalLayoutRendererComponent = import_react29.default.memo(function Verti
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(JsonFormsLayout, {
+  return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,
@@ -7706,7 +7685,7 @@ var VerticalLayoutRendererComponent = import_react29.default.memo(function Verti
     children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
   }, undefined, false, undefined, this);
 });
-var VerticalLayout = import_react30.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
+var VerticalLayout = import_react31.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
 var VerticalLayout_default = VerticalLayout;
 
 // src/jsonforms/renderers/index.ts