remoraid 1.1.0 → 2.0.0

package/dist/jsonforms/index.js

@@ -0,0 +1,724 @@
+"use client";
+// src/jsonforms/renderers/AnyOfControl.tsx
+import {
+  JsonForms,
+  useJsonForms,
+  withJsonFormsControlProps
+} from "@jsonforms/react";
+import { Input, Paper, Select } from "@mantine/core";
+
+// src/jsonforms/components/FormOptionsProvider/index.tsx
+import React, {
+  useContext,
+  useState
+} from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var defaultFormOptions = {
+  withDescriptions: false
+};
+var formOptionsContext = React.createContext({
+  formOptions: defaultFormOptions,
+  updateFormOptions: () => {}
+});
+var useFormOptions = () => useContext(formOptionsContext);
+function FormOptionsProvider({
+  children,
+  initialValue
+}) {
+  const [formOptions, setFormOptions] = useState({
+    ...defaultFormOptions,
+    ...initialValue
+  });
+  const updateFormOptions = (newFormOptions) => {
+    setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
+  };
+  return /* @__PURE__ */ jsxDEV(formOptionsContext.Provider, {
+    value: { formOptions, updateFormOptions },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/jsonforms/renderers/AnyOfControl.tsx
+import { jsxDEV as jsxDEV2, Fragment } from "react/jsx-dev-runtime";
+function PlainAnyOfControl(props) {
+  const { data, schema, label, required, handleChange, path } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = useJsonForms();
+  const defaultValues = {
+    number: 0,
+    integer: 0,
+    string: "",
+    array: [],
+    object: {},
+    null: null,
+    boolean: false
+  };
+  let type = undefined;
+  if (typeof data === "number") {
+    if (Number.isInteger(data) && schema.anyOf && schema.anyOf.find((a) => a.type && a.type === "integer")) {
+      type = "integer";
+    } else {
+      type = "number";
+    }
+  } else if (typeof data === "string") {
+    type = "string";
+  } else if (data === null) {
+    type = "null";
+  } else if (typeof data === "object" && Array.isArray(data)) {
+    type = "array";
+  } else if (typeof data === "object") {
+    type = "object";
+  } else if (typeof data === "boolean") {
+    type = "boolean";
+  }
+  const typeProperties = schema.anyOf ? schema.anyOf.find((a) => a.type === type) || {} : {};
+  return /* @__PURE__ */ jsxDEV2(Fragment, {
+    children: /* @__PURE__ */ jsxDEV2(Input.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description || null : null,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsxDEV2(Paper, {
+        withBorder: true,
+        shadow: "0",
+        p: "sm",
+        mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
+        children: [
+          /* @__PURE__ */ jsxDEV2(Select, {
+            label: `Value Type`,
+            data: schema.anyOf ? schema.anyOf.map((a) => String(a.type)) : [],
+            value: type,
+            onChange: (newValue) => {
+              handleChange(path, newValue ? defaultValues[newValue] : undefined);
+            },
+            allowDeselect: true,
+            required,
+            placeholder: "Select Value Type",
+            variant: "default",
+            mb: type && type !== "null" ? "sm" : undefined
+          }, undefined, false, undefined, this),
+          type && type !== "null" && /* @__PURE__ */ jsxDEV2(JsonForms, {
+            schema: {
+              ...typeProperties,
+              $schema: undefined
+            },
+            data,
+            renderers: renderers ?? [],
+            cells: cells ?? [],
+            onChange: ({ data: newData }) => {
+              handleChange(path, newData);
+            },
+            validationMode: "NoValidation"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var AnyOfControl = withJsonFormsControlProps(PlainAnyOfControl);
+var AnyOfControl_default = AnyOfControl;
+
+// src/jsonforms/renderers/ArrayControl.tsx
+import {
+  JsonForms as JsonForms2,
+  useJsonForms as useJsonForms2,
+  withJsonFormsControlProps as withJsonFormsControlProps2
+} from "@jsonforms/react";
+import {
+  ActionIcon,
+  Button,
+  Flex,
+  Input as Input2,
+  Paper as Paper2,
+  Stack,
+  Tooltip,
+  useMantineTheme as useMantineTheme2
+} from "@mantine/core";
+import { IconPlus, IconTrash } from "@tabler/icons-react";
+import { useState as useState2 } from "react";
+
+// src/core/lib/utils.ts
+var co = (condition, value, fallback) => condition(value) ? value : fallback;
+
+// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
+import {
+  px,
+  rgba,
+  useMantineColorScheme,
+  useMantineTheme
+} from "@mantine/core";
+import {
+  IconAlertCircle,
+  IconCircleCheck,
+  IconInfoCircle
+} from "@tabler/icons-react";
+import React2, {
+  useContext as useContext2,
+  useMemo
+} from "react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var isMantinePrimaryShade = (primaryShade) => {
+  if (isNaN(Number(primaryShade))) {
+    return true;
+  }
+  return false;
+};
+var createRemoraidTheme = (customTheme, mantineTheme, colorScheme) => {
+  const defaultMediumIconProps = { size: "1.125em" };
+  let transparentBackground;
+  let primaryColor;
+  let spacingPx;
+  if (mantineTheme && colorScheme) {
+    transparentBackground = colorScheme === "dark" ? rgba(mantineTheme.colors.dark[8], 0.8) : rgba(mantineTheme.white, 0.8);
+    primaryColor = mantineTheme.colors[mantineTheme.primaryColor][isMantinePrimaryShade(mantineTheme.primaryShade) ? mantineTheme.primaryShade[colorScheme === "auto" ? "light" : colorScheme] : mantineTheme.primaryShade];
+    spacingPx = {
+      xs: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xs)), 0)),
+      sm: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.sm)), 0)),
+      md: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.md)), 0)),
+      lg: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.lg)), 0)),
+      xl: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xl)), 0))
+    };
+  }
+  return {
+    complete: true,
+    transitionDurations: {
+      short: 200,
+      medium: 350,
+      long: 500
+    },
+    breakpoints: {
+      buttonCollapse: "md",
+      badgeGroupCollapse: "md"
+    },
+    scrollAreaProps: {
+      scrollbarSize: 8,
+      scrollHideDelay: 20,
+      type: "hover"
+    },
+    containerSize: 1300,
+    alertProps: {
+      negative: {
+        icon: /* @__PURE__ */ jsxDEV3(IconAlertCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "red",
+        title: "Attention!"
+      },
+      neutral: {
+        icon: /* @__PURE__ */ jsxDEV3(IconInfoCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: mantineTheme?.primaryColor,
+        title: "Information"
+      },
+      positive: {
+        icon: /* @__PURE__ */ jsxDEV3(IconCircleCheck, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "green",
+        title: "Success"
+      }
+    },
+    iconProps: {
+      medium: defaultMediumIconProps,
+      tiny: { size: 14, stroke: 3 }
+    },
+    transparentBackground,
+    primaryColor,
+    spacingPx,
+    ...customTheme
+  };
+};
+var themeContext = React2.createContext(createRemoraidTheme());
+var useRemoraidTheme = () => {
+  return useContext2(themeContext);
+};
+
+// src/jsonforms/renderers/ArrayControl.tsx
+import { jsxDEV as jsxDEV4, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+function PlainArrayControl(props) {
+  const mantineTheme = useMantineTheme2();
+  const theme = useRemoraidTheme();
+  const { label, schema, data, handleChange, path, required } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = useJsonForms2();
+  const [isHoveringDelete, setIsHoveringDelete] = useState2(null);
+  let schemaItems;
+  if (schema.items && !Array.isArray(schema.items)) {
+    schemaItems = schema.items;
+  } else {
+    return /* @__PURE__ */ jsxDEV4(Fragment2, {
+      children: [
+        "No applicable renderer found for '",
+        label,
+        "'."
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV4(Fragment2, {
+    children: /* @__PURE__ */ jsxDEV4(Input2.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description : undefined,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsxDEV4(Paper2, {
+        withBorder: Array.isArray(data) && data.length > 0,
+        shadow: "0",
+        p: Array.isArray(data) && data.length > 0 ? "sm" : 0,
+        mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
+        children: /* @__PURE__ */ jsxDEV4(Stack, {
+          align: "stretch",
+          justify: "flex-start",
+          gap: "sm",
+          children: [
+            Array.isArray(data) ? data.map((item, i) => {
+              return /* @__PURE__ */ jsxDEV4(Flex, {
+                gap: "xs",
+                justify: "flex-start",
+                align: "center",
+                direction: "row",
+                wrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ jsxDEV4(Paper2, {
+                    p: schemaItems.type === "object" ? "sm" : 0,
+                    withBorder: schemaItems.type === "object",
+                    style: {
+                      borderColor: isHoveringDelete === i ? mantineTheme.colors.red[6] : undefined
+                    },
+                    flex: 1,
+                    children: /* @__PURE__ */ jsxDEV4(JsonForms2, {
+                      schema: {
+                        ...schemaItems,
+                        $schema: undefined
+                      },
+                      data: item,
+                      renderers: renderers ?? [],
+                      cells: cells ?? [],
+                      onChange: ({ data: newData }) => {
+                        const dataCopy = [...data];
+                        dataCopy[i] = newData;
+                        handleChange(path, dataCopy);
+                      },
+                      validationMode: "NoValidation"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV4(Tooltip, {
+                    label: "Delete Item",
+                    children: /* @__PURE__ */ jsxDEV4(ActionIcon, {
+                      variant: "default",
+                      onClick: () => {
+                        const dataCopy = [...data];
+                        dataCopy.splice(i, 1);
+                        handleChange(path, dataCopy);
+                        setIsHoveringDelete(null);
+                      },
+                      size: "input-sm",
+                      "aria-label": "Delete Item",
+                      onMouseEnter: () => {
+                        setIsHoveringDelete(i);
+                      },
+                      onMouseLeave: () => {
+                        setIsHoveringDelete(null);
+                      },
+                      children: /* @__PURE__ */ jsxDEV4(IconTrash, {
+                        ...theme.iconProps.medium
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, i, true, undefined, this);
+            }) : /* @__PURE__ */ jsxDEV4(Fragment2, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4(Button, {
+              variant: "default",
+              leftSection: /* @__PURE__ */ jsxDEV4(IconPlus, {
+                ...theme.iconProps.medium
+              }, undefined, false, undefined, this),
+              onClick: () => {
+                let defaultValue = "";
+                if (schemaItems.type === "string" && schemaItems.enum) {
+                  if (schemaItems.enum.length > 0) {
+                    defaultValue = schemaItems.enum[0];
+                  }
+                } else if (schemaItems.type === "string") {
+                  defaultValue = "";
+                } else if (schemaItems.type === "object") {
+                  defaultValue = {};
+                }
+                handleChange(path, [...data || [], defaultValue]);
+              },
+              children: "Add Item"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var ArrayControl = withJsonFormsControlProps2(PlainArrayControl);
+var ArrayControl_default = ArrayControl;
+
+// src/jsonforms/renderers/CheckboxControl.tsx
+import { withJsonFormsControlProps as withJsonFormsControlProps3 } from "@jsonforms/react";
+import { Checkbox } from "@mantine/core";
+import { jsxDEV as jsxDEV5, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+function PlainCheckboxControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsxDEV5(Fragment3, {
+    children: /* @__PURE__ */ jsxDEV5(Checkbox, {
+      label,
+      py: "sm",
+      size: "sm",
+      labelPosition: "left",
+      checked: data,
+      onChange: (event) => {
+        handleChange(path, event.target.checked);
+      },
+      required,
+      description: withDescriptions ? schema.description || null : null
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var CheckboxControl = withJsonFormsControlProps3(PlainCheckboxControl);
+var CheckboxControl_default = CheckboxControl;
+
+// src/jsonforms/renderers/NumberControl.tsx
+import { withJsonFormsControlProps as withJsonFormsControlProps4 } from "@jsonforms/react";
+import { NumberInput } from "@mantine/core";
+import { jsxDEV as jsxDEV6, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+function PlainNumberControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsxDEV6(Fragment4, {
+    children: /* @__PURE__ */ jsxDEV6(NumberInput, {
+      label,
+      variant: "filled",
+      value: data,
+      onChange: (newValue) => {
+        if (newValue === "") {
+          handleChange(path, undefined);
+        }
+        handleChange(path, Number(newValue));
+      },
+      required,
+      description: withDescriptions ? schema.description || null : null
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var NumberControl = withJsonFormsControlProps4(PlainNumberControl);
+var NumberControl_default = NumberControl;
+
+// src/jsonforms/renderers/ObjectControl.tsx
+import {
+  JsonForms as JsonForms3,
+  useJsonForms as useJsonForms3,
+  withJsonFormsControlProps as withJsonFormsControlProps5
+} from "@jsonforms/react";
+import { Input as Input3, Paper as Paper3 } from "@mantine/core";
+import { jsxDEV as jsxDEV7, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+function PlainObjectControl(props) {
+  const { label, schema, data, handleChange, path, required } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = useJsonForms3();
+  return /* @__PURE__ */ jsxDEV7(Fragment5, {
+    children: /* @__PURE__ */ jsxDEV7(Input3.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description : undefined,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsxDEV7(Paper3, {
+        withBorder: true,
+        shadow: "0",
+        p: "sm",
+        mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
+        children: /* @__PURE__ */ jsxDEV7(JsonForms3, {
+          schema: {
+            ...schema,
+            $schema: undefined
+          },
+          data,
+          renderers: renderers ?? [],
+          cells: cells ?? [],
+          onChange: ({ data: newData }) => {
+            handleChange(path, newData);
+          },
+          validationMode: "NoValidation"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var ObjectControl = withJsonFormsControlProps5(PlainObjectControl);
+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 jsxDEV8, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+function PlainTimestampControl({
+  data,
+  handleChange,
+  path,
+  label,
+  schema,
+  required
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsxDEV8(Fragment6, {
+    children: /* @__PURE__ */ jsxDEV8(Select2, {
+      label,
+      data: schema.enum,
+      value: data,
+      onChange: (newValue) => {
+        handleChange(path, newValue);
+      },
+      required,
+      placeholder: "Select an option",
+      variant: "filled",
+      description: withDescriptions ? schema.description || null : null
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var TimestampControl = withJsonFormsControlProps6(PlainTimestampControl);
+var StringSelectControl_default = TimestampControl;
+
+// src/jsonforms/renderers/testers/anyOfTester.ts
+import { rankWith, uiTypeIs, and, isAnyOfControl } from "@jsonforms/core";
+var anyOfTester_default = rankWith(10, and(uiTypeIs("Control"), isAnyOfControl));
+
+// src/jsonforms/renderers/testers/arrayControlTester.ts
+import { rankWith as rankWith2, uiTypeIs as uiTypeIs2, and as and2, schemaTypeIs } from "@jsonforms/core";
+var arrayControlTester_default = rankWith2(10, and2(uiTypeIs2("Control"), schemaTypeIs("array")));
+
+// src/jsonforms/renderers/testers/checkboxControlTester.ts
+import { rankWith as rankWith3, uiTypeIs as uiTypeIs3, and as and3, schemaTypeIs as schemaTypeIs2 } from "@jsonforms/core";
+var checkboxControlTester_default = rankWith3(10, and3(uiTypeIs3("Control"), schemaTypeIs2("boolean")));
+
+// src/jsonforms/renderers/testers/numberControlTester.ts
+import { rankWith as rankWith4, uiTypeIs as uiTypeIs4, and as and4, schemaTypeIs as schemaTypeIs3, or } from "@jsonforms/core";
+var numberControlTester_default = rankWith4(8, (a, b, c) => {
+  if (b.type === "integer") {
+    return true;
+  }
+  return and4(uiTypeIs4("Control"), or(schemaTypeIs3("number"), schemaTypeIs3("integer")))(a, b, c);
+});
+
+// src/jsonforms/renderers/testers/objectControlTester.ts
+import { rankWith as rankWith5, uiTypeIs as uiTypeIs5, and as and5, schemaTypeIs as schemaTypeIs4 } from "@jsonforms/core";
+var objectControlTester_default = rankWith5(10, and5(uiTypeIs5("Control"), schemaTypeIs4("object")));
+
+// src/jsonforms/renderers/testers/stringSelectControlTester.ts
+import {
+  rankWith as rankWith6,
+  uiTypeIs as uiTypeIs6,
+  and as and6,
+  schemaTypeIs as schemaTypeIs5,
+  isEnumControl
+} from "@jsonforms/core";
+var stringSelectControlTester_default = rankWith6(11, and6(uiTypeIs6("Control"), schemaTypeIs5("string"), isEnumControl));
+
+// src/jsonforms/renderers/testers/textControlTester.ts
+import { rankWith as rankWith7, uiTypeIs as uiTypeIs7, and as and7, schemaTypeIs as schemaTypeIs6 } from "@jsonforms/core";
+var textControlTester_default = rankWith7(10, and7(uiTypeIs7("Control"), schemaTypeIs6("string")));
+
+// src/jsonforms/renderers/testers/timestampControlTester.ts
+import {
+  rankWith as rankWith8,
+  uiTypeIs as uiTypeIs8,
+  and as and8,
+  schemaTypeIs as schemaTypeIs7,
+  scopeEndsWith
+} from "@jsonforms/core";
+var timestampControlTester_default = rankWith8(11, and8(uiTypeIs8("Control"), schemaTypeIs7("integer"), scopeEndsWith("startTime")));
+
+// src/jsonforms/renderers/testers/verticalLayoutTester.ts
+import { rankWith as rankWith9, uiTypeIs as uiTypeIs9 } from "@jsonforms/core";
+var verticalLayoutTester_default = rankWith9(2, uiTypeIs9("VerticalLayout"));
+
+// src/jsonforms/renderers/TextControl.tsx
+import { withJsonFormsControlProps as withJsonFormsControlProps7 } from "@jsonforms/react";
+import { TextInput } from "@mantine/core";
+import { jsxDEV as jsxDEV9, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+function PlainTextControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsxDEV9(Fragment7, {
+    children: /* @__PURE__ */ jsxDEV9(TextInput, {
+      label,
+      variant: "filled",
+      placeholder: "",
+      value: data,
+      onChange: (event) => {
+        handleChange(path, event.currentTarget.value);
+      },
+      required,
+      description: withDescriptions ? schema.description || null : null
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var TextControl = withJsonFormsControlProps7(PlainTextControl);
+var TextControl_default = TextControl;
+
+// src/jsonforms/renderers/TimestampControl.tsx
+import { withJsonFormsControlProps as withJsonFormsControlProps8 } from "@jsonforms/react";
+import { DatePickerInput } from "@mantine/dates";
+import { jsxDEV as jsxDEV10, Fragment as Fragment8 } from "react/jsx-dev-runtime";
+function PlainTimestampControl2({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsxDEV10(Fragment8, {
+    children: /* @__PURE__ */ jsxDEV10(DatePickerInput, {
+      label,
+      placeholder: "Pick a date",
+      value: new Date(data * 1000),
+      onChange: (newValue) => {
+        if (newValue) {
+          handleChange(path, newValue.getTime() / 1000);
+        }
+      },
+      required,
+      description: withDescriptions ? schema.description || null : null
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var TimestampControl2 = withJsonFormsControlProps8(PlainTimestampControl2);
+var TimestampControl_default = TimestampControl2;
+
+// src/jsonforms/renderers/VerticalLayout.tsx
+import React3 from "react";
+import { withJsonFormsLayoutProps } from "@jsonforms/react";
+import { JsonFormsDispatch, useJsonForms as useJsonForms4 } from "@jsonforms/react";
+import { useMantineTheme as useMantineTheme3 } from "@mantine/core";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+"use client";
+var JsonFormsLayout = ({
+  className,
+  children,
+  visible
+}) => {
+  return /* @__PURE__ */ jsxDEV11("div", {
+    className,
+    hidden: visible === undefined || visible === null ? false : !visible,
+    children
+  }, undefined, false, undefined, this);
+};
+var renderChildren = (layout, schema, className, path, enabled) => {
+  const { renderers, cells } = useJsonForms4();
+  const theme = useMantineTheme3();
+  return layout.elements.map((child, index) => {
+    return /* @__PURE__ */ jsxDEV11("div", {
+      className,
+      style: { marginTop: index === 0 ? 0 : theme.spacing.xs },
+      children: /* @__PURE__ */ jsxDEV11(JsonFormsDispatch, {
+        renderers,
+        cells,
+        uischema: child,
+        schema,
+        path,
+        enabled
+      }, undefined, false, undefined, this)
+    }, `${path}-${index}`, false, undefined, this);
+  });
+};
+var VerticalLayoutRenderer = (props) => {
+  const { data: _data, ...otherProps } = props;
+  return /* @__PURE__ */ jsxDEV11(VerticalLayoutRendererComponent, {
+    ...otherProps
+  }, undefined, false, undefined, this);
+};
+var VerticalLayoutRendererComponent = React3.memo(function VerticalLayoutRendererComponent2({
+  schema,
+  uischema,
+  path,
+  visible,
+  enabled
+}) {
+  const verticalLayout = uischema;
+  const layoutClassName = "";
+  const childClassNames = "";
+  return /* @__PURE__ */ jsxDEV11(JsonFormsLayout, {
+    className: layoutClassName,
+    uischema,
+    schema,
+    visible,
+    enabled,
+    path,
+    children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
+  }, undefined, false, undefined, this);
+});
+var VerticalLayout = withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
+var VerticalLayout_default = VerticalLayout;
+
+// src/jsonforms/renderers/index.ts
+var remoraidControlRenderers = [
+  { renderer: ArrayControl_default, tester: arrayControlTester_default },
+  { renderer: CheckboxControl_default, tester: checkboxControlTester_default },
+  { renderer: NumberControl_default, tester: numberControlTester_default },
+  { renderer: StringSelectControl_default, tester: stringSelectControlTester_default },
+  { renderer: TextControl_default, tester: textControlTester_default },
+  { renderer: TimestampControl_default, tester: timestampControlTester_default },
+  { renderer: ObjectControl_default, tester: objectControlTester_default },
+  { renderer: AnyOfControl_default, tester: anyOfTester_default }
+];
+var remoraidLayoutRenderers = [
+  { renderer: VerticalLayout_default, tester: verticalLayoutTester_default }
+];
+var remoraidRenderers = [
+  ...remoraidControlRenderers,
+  ...remoraidLayoutRenderers
+];
+// src/jsonforms/lib/utils.ts
+import { vanillaRenderers } from "@jsonforms/vanilla-renderers";
+var renderers = [
+  ...vanillaRenderers,
+  ...remoraidRenderers
+];
+export {
+  useFormOptions,
+  renderers,
+  remoraidRenderers,
+  remoraidLayoutRenderers,
+  remoraidControlRenderers,
+  defaultFormOptions,
+  FormOptionsProvider
+};