remoraid 1.1.0 → 2.0.0

package/dist/jsonforms/index.cjs

@@ -0,0 +1,721 @@
+"use client";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/jsonforms/index.ts
+var exports_jsonforms = {};
+__export(exports_jsonforms, {
+  useFormOptions: () => useFormOptions,
+  renderers: () => renderers,
+  remoraidRenderers: () => remoraidRenderers,
+  remoraidLayoutRenderers: () => remoraidLayoutRenderers,
+  remoraidControlRenderers: () => remoraidControlRenderers,
+  defaultFormOptions: () => defaultFormOptions,
+  FormOptionsProvider: () => FormOptionsProvider
+});
+module.exports = __toCommonJS(exports_jsonforms);
+
+// src/jsonforms/renderers/AnyOfControl.tsx
+var import_react2 = require("@jsonforms/react");
+var import_core = require("@mantine/core");
+
+// src/jsonforms/components/FormOptionsProvider/index.tsx
+var import_react = __toESM(require("react"));
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+var defaultFormOptions = {
+  withDescriptions: false
+};
+var formOptionsContext = import_react.default.createContext({
+  formOptions: defaultFormOptions,
+  updateFormOptions: () => {}
+});
+var useFormOptions = () => import_react.useContext(formOptionsContext);
+function FormOptionsProvider({
+  children,
+  initialValue
+}) {
+  const [formOptions, setFormOptions] = import_react.useState({
+    ...defaultFormOptions,
+    ...initialValue
+  });
+  const updateFormOptions = (newFormOptions) => {
+    setFormOptions((prev) => ({ ...prev, ...newFormOptions }));
+  };
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(formOptionsContext.Provider, {
+    value: { formOptions, updateFormOptions },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/jsonforms/renderers/AnyOfControl.tsx
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+function PlainAnyOfControl(props) {
+  const { data, schema, label, required, handleChange, path } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = import_react2.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__ */ jsx_dev_runtime2.jsxDEV(jsx_dev_runtime2.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core.Input.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description || null : null,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core.Paper, {
+        withBorder: true,
+        shadow: "0",
+        p: "sm",
+        mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_core.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__ */ jsx_dev_runtime2.jsxDEV(import_react2.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 = import_react2.withJsonFormsControlProps(PlainAnyOfControl);
+var AnyOfControl_default = AnyOfControl;
+
+// src/jsonforms/renderers/ArrayControl.tsx
+var import_react4 = require("@jsonforms/react");
+var import_core3 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_react5 = require("react");
+
+// src/core/lib/utils.ts
+var co = (condition, value, fallback) => condition(value) ? value : fallback;
+
+// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
+var import_core2 = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_react3 = __toESM(require("react"));
+var jsx_dev_runtime3 = require("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" ? import_core2.rgba(mantineTheme.colors.dark[8], 0.8) : import_core2.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(import_core2.px(mantineTheme.spacing.xs)), 0)),
+      sm: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.sm)), 0)),
+      md: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.md)), 0)),
+      lg: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.lg)), 0)),
+      xl: Number(co((v) => !Number.isNaN(v), Number(import_core2.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__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconAlertCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: "red",
+        title: "Attention!"
+      },
+      neutral: {
+        icon: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconInfoCircle, {
+          ...defaultMediumIconProps
+        }, undefined, false, undefined, this),
+        variant: "light",
+        color: mantineTheme?.primaryColor,
+        title: "Information"
+      },
+      positive: {
+        icon: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.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 = import_react3.default.createContext(createRemoraidTheme());
+var useRemoraidTheme = () => {
+  return import_react3.useContext(themeContext);
+};
+
+// src/jsonforms/renderers/ArrayControl.tsx
+var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+function PlainArrayControl(props) {
+  const mantineTheme = import_core3.useMantineTheme();
+  const theme = useRemoraidTheme();
+  const { label, schema, data, handleChange, path, required } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = import_react4.useJsonForms();
+  const [isHoveringDelete, setIsHoveringDelete] = import_react5.useState(null);
+  let schemaItems;
+  if (schema.items && !Array.isArray(schema.items)) {
+    schemaItems = schema.items;
+  } else {
+    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
+      children: [
+        "No applicable renderer found for '",
+        label,
+        "'."
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.Input.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description : undefined,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.Paper, {
+        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__ */ jsx_dev_runtime4.jsxDEV(import_core3.Stack, {
+          align: "stretch",
+          justify: "flex-start",
+          gap: "sm",
+          children: [
+            Array.isArray(data) ? data.map((item, i) => {
+              return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.Flex, {
+                gap: "xs",
+                justify: "flex-start",
+                align: "center",
+                direction: "row",
+                wrap: "nowrap",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.Paper, {
+                    p: schemaItems.type === "object" ? "sm" : 0,
+                    withBorder: schemaItems.type === "object",
+                    style: {
+                      borderColor: isHoveringDelete === i ? mantineTheme.colors.red[6] : undefined
+                    },
+                    flex: 1,
+                    children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_react4.JsonForms, {
+                      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__ */ jsx_dev_runtime4.jsxDEV(import_core3.Tooltip, {
+                    label: "Delete Item",
+                    children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.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__ */ jsx_dev_runtime4.jsxDEV(import_icons_react2.IconTrash, {
+                        ...theme.iconProps.medium
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, i, true, undefined, this);
+            }) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core3.Button, {
+              variant: "default",
+              leftSection: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_icons_react2.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 = import_react4.withJsonFormsControlProps(PlainArrayControl);
+var ArrayControl_default = ArrayControl;
+
+// src/jsonforms/renderers/CheckboxControl.tsx
+var import_react6 = require("@jsonforms/react");
+var import_core4 = require("@mantine/core");
+var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+function PlainCheckboxControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_core4.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 = import_react6.withJsonFormsControlProps(PlainCheckboxControl);
+var CheckboxControl_default = CheckboxControl;
+
+// src/jsonforms/renderers/NumberControl.tsx
+var import_react7 = require("@jsonforms/react");
+var import_core5 = require("@mantine/core");
+var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+function PlainNumberControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_core5.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 = import_react7.withJsonFormsControlProps(PlainNumberControl);
+var NumberControl_default = NumberControl;
+
+// src/jsonforms/renderers/ObjectControl.tsx
+var import_react8 = require("@jsonforms/react");
+var import_core6 = require("@mantine/core");
+var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+function PlainObjectControl(props) {
+  const { label, schema, data, handleChange, path, required } = props;
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  const { renderers, cells } = import_react8.useJsonForms();
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core6.Input.Wrapper, {
+      label,
+      description: withDescriptions ? schema.description : undefined,
+      withAsterisk: required,
+      children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core6.Paper, {
+        withBorder: true,
+        shadow: "0",
+        p: "sm",
+        mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_react8.JsonForms, {
+          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 = import_react8.withJsonFormsControlProps(PlainObjectControl);
+var ObjectControl_default = ObjectControl;
+
+// src/jsonforms/renderers/StringSelectControl.tsx
+var import_react9 = require("@jsonforms/react");
+var import_core7 = require("@mantine/core");
+var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+function PlainTimestampControl({
+  data,
+  handleChange,
+  path,
+  label,
+  schema,
+  required
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(import_core7.Select, {
+      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 = import_react9.withJsonFormsControlProps(PlainTimestampControl);
+var StringSelectControl_default = TimestampControl;
+
+// src/jsonforms/renderers/testers/anyOfTester.ts
+var import_core8 = require("@jsonforms/core");
+var anyOfTester_default = import_core8.rankWith(10, import_core8.and(import_core8.uiTypeIs("Control"), import_core8.isAnyOfControl));
+
+// src/jsonforms/renderers/testers/arrayControlTester.ts
+var import_core9 = require("@jsonforms/core");
+var arrayControlTester_default = import_core9.rankWith(10, import_core9.and(import_core9.uiTypeIs("Control"), import_core9.schemaTypeIs("array")));
+
+// src/jsonforms/renderers/testers/checkboxControlTester.ts
+var import_core10 = require("@jsonforms/core");
+var checkboxControlTester_default = import_core10.rankWith(10, import_core10.and(import_core10.uiTypeIs("Control"), import_core10.schemaTypeIs("boolean")));
+
+// src/jsonforms/renderers/testers/numberControlTester.ts
+var import_core11 = require("@jsonforms/core");
+var numberControlTester_default = import_core11.rankWith(8, (a, b, c) => {
+  if (b.type === "integer") {
+    return true;
+  }
+  return import_core11.and(import_core11.uiTypeIs("Control"), import_core11.or(import_core11.schemaTypeIs("number"), import_core11.schemaTypeIs("integer")))(a, b, c);
+});
+
+// src/jsonforms/renderers/testers/objectControlTester.ts
+var import_core12 = require("@jsonforms/core");
+var objectControlTester_default = import_core12.rankWith(10, import_core12.and(import_core12.uiTypeIs("Control"), import_core12.schemaTypeIs("object")));
+
+// src/jsonforms/renderers/testers/stringSelectControlTester.ts
+var import_core13 = require("@jsonforms/core");
+var stringSelectControlTester_default = import_core13.rankWith(11, import_core13.and(import_core13.uiTypeIs("Control"), import_core13.schemaTypeIs("string"), import_core13.isEnumControl));
+
+// src/jsonforms/renderers/testers/textControlTester.ts
+var import_core14 = require("@jsonforms/core");
+var textControlTester_default = import_core14.rankWith(10, import_core14.and(import_core14.uiTypeIs("Control"), import_core14.schemaTypeIs("string")));
+
+// src/jsonforms/renderers/testers/timestampControlTester.ts
+var import_core15 = require("@jsonforms/core");
+var timestampControlTester_default = import_core15.rankWith(11, import_core15.and(import_core15.uiTypeIs("Control"), import_core15.schemaTypeIs("integer"), import_core15.scopeEndsWith("startTime")));
+
+// src/jsonforms/renderers/testers/verticalLayoutTester.ts
+var import_core16 = require("@jsonforms/core");
+var verticalLayoutTester_default = import_core16.rankWith(2, import_core16.uiTypeIs("VerticalLayout"));
+
+// src/jsonforms/renderers/TextControl.tsx
+var import_react10 = require("@jsonforms/react");
+var import_core17 = require("@mantine/core");
+var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+function PlainTextControl({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_core17.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 = import_react10.withJsonFormsControlProps(PlainTextControl);
+var TextControl_default = TextControl;
+
+// src/jsonforms/renderers/TimestampControl.tsx
+var import_react11 = require("@jsonforms/react");
+var import_dates = require("@mantine/dates");
+var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
+function PlainTimestampControl2({
+  data,
+  handleChange,
+  path,
+  label,
+  required,
+  schema
+}) {
+  const {
+    formOptions: { withDescriptions }
+  } = useFormOptions();
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(jsx_dev_runtime10.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_dates.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 = import_react11.withJsonFormsControlProps(PlainTimestampControl2);
+var TimestampControl_default = TimestampControl2;
+
+// src/jsonforms/renderers/VerticalLayout.tsx
+var import_react12 = __toESM(require("react"));
+var import_react13 = require("@jsonforms/react");
+var import_react14 = require("@jsonforms/react");
+var import_core18 = require("@mantine/core");
+var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
+"use client";
+var JsonFormsLayout = ({
+  className,
+  children,
+  visible
+}) => {
+  return /* @__PURE__ */ jsx_dev_runtime11.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_react14.useJsonForms();
+  const theme = import_core18.useMantineTheme();
+  return layout.elements.map((child, index) => {
+    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV("div", {
+      className,
+      style: { marginTop: index === 0 ? 0 : theme.spacing.xs },
+      children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(import_react14.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__ */ jsx_dev_runtime11.jsxDEV(VerticalLayoutRendererComponent, {
+    ...otherProps
+  }, undefined, false, undefined, this);
+};
+var VerticalLayoutRendererComponent = import_react12.default.memo(function VerticalLayoutRendererComponent2({
+  schema,
+  uischema,
+  path,
+  visible,
+  enabled
+}) {
+  const verticalLayout = uischema;
+  const layoutClassName = "";
+  const childClassNames = "";
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(JsonFormsLayout, {
+    className: layoutClassName,
+    uischema,
+    schema,
+    visible,
+    enabled,
+    path,
+    children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
+  }, undefined, false, undefined, this);
+});
+var VerticalLayout = import_react13.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
+var import_vanilla_renderers = require("@jsonforms/vanilla-renderers");
+var renderers = [
+  ...import_vanilla_renderers.vanillaRenderers,
+  ...remoraidRenderers
+];