fastapi-rtk 1.0.15 → 1.0.17

package/dist/jsonforms/cjs/controls/MantineOneOfEnumControl.cjs

@@ -1,14 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineOneOfEnumInput = require("../MantineInputs/MantineOneOfEnumInput.cjs");
-const constants = require("../utils/constants.cjs");
 const mantineOneOfEnumControlTester = core.rankWith(2, core.isOneOfControl);
-const MantineOneOfEnumControl = react.withJsonFormsOneOfEnumProps(
-  react.withTranslateProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineOneOfEnumInput.MantineOneOfEnumInput, { margin: constants.DEFAULT_MARGIN, ...props })),
-  false
-);
+const MantineOneOfEnumControl = react.withJsonFormsOneOfEnumProps(react.withTranslateProps(MantineOneOfEnumInput.MantineOneOfEnumInput), false);
 exports.MantineOneOfEnumControl = MantineOneOfEnumControl;
 exports.mantineOneOfEnumControlTester = mantineOneOfEnumControlTester;

package/dist/jsonforms/cjs/controls/MantineTextControl.cjs

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineTextInput = require("../MantineInputs/MantineTextInput.cjs");
-const constants = require("../utils/constants.cjs");
 const mantineTextControlTester = core.rankWith(1, core.isStringControl);
-const MantineTextControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineTextInput.MantineTextInput, { margin: constants.DEFAULT_MARGIN, ...props }));
+const MantineTextControl = react.withJsonFormsControlProps(MantineTextInput.MantineTextInput);
 exports.MantineTextControl = MantineTextControl;
 exports.mantineTextControlTester = mantineTextControlTester;

package/dist/jsonforms/cjs/controls/MantineTimeControl.cjs

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const MantineTimeInput = require("../MantineInputs/MantineTimeInput.cjs");
-const constants = require("../utils/constants.cjs");
 const mantineTimeControlTester = core.rankWith(2, core.isTimeControl);
-const MantineTimeControl = react.withJsonFormsControlProps((props) => /* @__PURE__ */ jsxRuntime.jsx(MantineTimeInput.MantineTimeInput, { margin: constants.DEFAULT_MARGIN, ...props }));
+const MantineTimeControl = react.withJsonFormsControlProps(MantineTimeInput.MantineTimeInput);
 exports.MantineTimeControl = MantineTimeControl;
 exports.mantineTimeControlTester = mantineTimeControlTester;

package/dist/jsonforms/cjs/layouts/Array/MantineArrayLayoutRenderer.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
-const core$1 = require("@mantine/core");
 const React = require("react");
 const MantineArrayLayout = require("./MantineArrayLayout.cjs");
 const Component = ({ visible, addItem, translations, ...props }) => {
@@ -11,7 +10,7 @@ const Component = ({ visible, addItem, translations, ...props }) => {
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { m: "0.5rem", mx: "calc(0.5rem + 2px)", children: /* @__PURE__ */ jsxRuntime.jsx(MantineArrayLayout.MantineArrayLayout, { translations, visible, addItem: addItemCb, ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(MantineArrayLayout.MantineArrayLayout, { translations, visible, addItem: addItemCb, ...props });
 };
 const mantineArrayLayoutTester = core.rankWith(2, core.isObjectArrayWithNesting);
 const MantineArrayLayoutRenderer = react.withJsonFormsArrayLayoutProps(

package/dist/jsonforms/cjs/layouts/Categorization/MantineCategorizationLayoutRenderer.cjs

@@ -11,7 +11,7 @@ const CategorizationCards = require("./variants/CategorizationCards.cjs");
 const CategorizationStepper = require("./variants/CategorizationStepper.cjs");
 const CategorizationTabs = require("./variants/CategorizationTabs.cjs");
 const Component = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { schema, uischema, path, enabled, visible, renderers, cells, data, ajv, t } = props;
   const categorization = uischema;
   const categories = React.useMemo(
@@ -34,10 +34,11 @@ const Component = (props) => {
         cells,
         childProps,
         t,
+        componentProps: ((_c = uischema.options) == null ? void 0 : _c.props) ?? {},
         jsonFormsProps: props
       }
     );
-  } else if (((_c = uischema.options) == null ? void 0 : _c.variant) === "stepper") {
+  } else if (((_d = uischema.options) == null ? void 0 : _d.variant) === "stepper") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       CategorizationStepper.CategorizationStepper,
       {
@@ -48,8 +49,9 @@ const Component = (props) => {
         cells,
         childProps,
         t,
+        componentProps: ((_e = uischema.options) == null ? void 0 : _e.props) ?? {},
         jsonFormsProps: props,
-        showNavButtons: (_d = uischema.options) == null ? void 0 : _d.showNavButtons
+        showNavButtons: (_f = uischema.options) == null ? void 0 : _f.showNavButtons
       }
     );
   }
@@ -63,6 +65,7 @@ const Component = (props) => {
       cells,
       childProps,
       t,
+      componentProps: ((_g = uischema.options) == null ? void 0 : _g.props) ?? {},
       jsonFormsProps: props
     }
   );

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationCards.cjs

@@ -5,7 +5,6 @@ const utils = require("fastapi-rtk/utils");
 const core$1 = require("@jsonforms/core");
 const core = require("@mantine/core");
 const React = require("react");
-const LayoutPaddingContext = require("../../../Contexts/LayoutPaddingContext.cjs");
 const useContextProps = require("../../../hooks/useContextProps.cjs");
 const getAbsoluteValue = require("../../../utils/getAbsoluteValue.cjs");
 const layout = require("../../../utils/layout.cjs");
@@ -18,7 +17,7 @@ const CategorizationCardsGroup = ({ labels, jsonFormsProps, children, ...props }
     false
   );
   const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Group, { ...mergedProps, children: mergedProps.children });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Group, { gap: "xs", ...mergedProps, children: mergedProps.children });
 };
 const CategorizationCardsCard = ({ value, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps.useContextProps(
@@ -39,24 +38,26 @@ const CategorizationCards = ({
   cells,
   childProps,
   t,
+  componentProps,
   jsonFormsProps
 }) => {
   const theme = core.useMantineTheme();
   const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteValue.getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Cards.[${labels}]`;
-  const [, componentProps] = useContextProps.useContextProps(
+  const [, _props] = useContextProps.useContextProps(
     `Categorization.Cards`,
     contextPath,
     {
       categorization: _categorization,
       categories: _categories,
       value: _value,
-      onChange: _onChange
+      onChange: _onChange,
+      ...componentProps
     },
     jsonFormsProps,
     false
   );
-  const { categories, value, onChange, groupProps, cardProps } = componentProps;
+  const { categories, value, onChange, groupProps, cardProps } = _props;
   const categoryLabels = React.useMemo(
     () => categories.map((category) => ({
       value: getAbsoluteValue.getAbsoluteLabel(category),
@@ -88,7 +89,16 @@ const CategorizationCards = ({
       },
       cl.value
     )) }),
-    categories.filter((category) => getAbsoluteValue.getAbsoluteLabel(category) === value).map((category) => /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) }, getAbsoluteValue.getAbsoluteLabel(category)))
+    categories.filter((category) => getAbsoluteValue.getAbsoluteLabel(category) === value).map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+      layout.MantineLayoutRenderer,
+      {
+        ...childProps,
+        elements: category.elements,
+        renderers,
+        cells
+      },
+      getAbsoluteValue.getAbsoluteLabel(category)
+    ))
   ] });
 };
 exports.CategorizationCards = CategorizationCards;

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationStepper.cjs

@@ -5,7 +5,6 @@ const utils = require("fastapi-rtk/utils");
 const core = require("@jsonforms/core");
 const core$1 = require("@mantine/core");
 const React = require("react");
-const LayoutPaddingContext = require("../../../Contexts/LayoutPaddingContext.cjs");
 const useContextProps = require("../../../hooks/useContextProps.cjs");
 const getAbsoluteValue = require("../../../utils/getAbsoluteValue.cjs");
 const layout = require("../../../utils/layout.cjs");
@@ -39,24 +38,26 @@ const CategorizationStepper = ({
   cells,
   childProps,
   t,
+  componentProps,
   jsonFormsProps,
   showNavButtons
 }) => {
   const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteValue.getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Stepper.[${labels}]`;
-  const [, componentProps] = useContextProps.useContextProps(
+  const [, _props] = useContextProps.useContextProps(
     `Categorization.Stepper`,
     contextPath,
     {
       categorization: _categorization,
       categories: _categories,
       value: _value,
-      onChange: _onChange
+      onChange: _onChange,
+      ...componentProps
     },
     jsonFormsProps,
     false
   );
-  const { categories, value, onChange, stepProps, buttonProps, ...rest } = componentProps;
+  const { categories, value, onChange, stepProps, buttonProps, ...rest } = _props;
   const categoryLabels = React.useMemo(
     () => categories.map((category) => ({
       value: getAbsoluteValue.getAbsoluteLabel(category),
@@ -83,7 +84,7 @@ const CategorizationStepper = ({
             description: category.description,
             jsonFormsProps,
             ...stepProps,
-            children: /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells })
           },
           getAbsoluteValue.getAbsoluteLabel(category)
         ))

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationTabs.cjs

@@ -5,7 +5,6 @@ const utils = require("fastapi-rtk/utils");
 const core = require("@jsonforms/core");
 const core$1 = require("@mantine/core");
 const React = require("react");
-const LayoutPaddingContext = require("../../../Contexts/LayoutPaddingContext.cjs");
 const useContextProps = require("../../../hooks/useContextProps.cjs");
 const getAbsoluteValue = require("../../../utils/getAbsoluteValue.cjs");
 const layout = require("../../../utils/layout.cjs");
@@ -50,23 +49,25 @@ const CategorizationTabs = ({
   cells,
   childProps,
   t,
+  componentProps,
   jsonFormsProps
 }) => {
   const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteValue.getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Tabs.[${labels}]`;
-  const [, componentProps] = useContextProps.useContextProps(
+  const [, _props] = useContextProps.useContextProps(
     `Categorization.Tabs`,
     contextPath,
     {
       categorization: _categorization,
       categories: _categories,
       value: _value,
-      onChange: _onChange
+      onChange: _onChange,
+      ...componentProps
     },
     jsonFormsProps,
     false
   );
-  const { categories, value, onChange, listProps, tabProps, panelProps, ...rest } = componentProps;
+  const { categories, value, onChange, listProps, tabProps, panelProps, ...rest } = _props;
   const categoryLabels = React.useMemo(
     () => categories.map((category) => ({
       value: getAbsoluteValue.getAbsoluteLabel(category),
@@ -95,9 +96,9 @@ const CategorizationTabs = ({
       {
         value: getAbsoluteValue.getAbsoluteLabel(category),
         jsonFormsProps,
-        pt: "xs",
+        ...rest.orientation === "vertical" ? { pl: "xs" } : { pt: "xs" },
         ...panelProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells })
       },
       getAbsoluteValue.getAbsoluteLabel(category)
     ))

package/dist/jsonforms/cjs/layouts/{MantineGroupLayoutRenderer.cjs → Group/MantineGroupLayoutRenderer.cjs}

@@ -3,12 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
-const core$1 = require("@mantine/core");
-const layout = require("../utils/layout.cjs");
-const Component = ({ schema, uischema, path, enabled, visible, renderers, cells, label }) => {
-  const layout$1 = uischema;
-  const childProps = { schema, path, enabled, visible, elements: layout$1.elements, direction: "column" };
-  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Fieldset, { legend: label, m: "0.5rem", mx: "calc(0.5rem + 2px)", children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, renderers, cells }) });
+const GroupFieldset = require("./variants/GroupFieldset.cjs");
+const Component = (props) => {
+  var _a;
+  const { schema, uischema, path, enabled, visible, renderers, cells, label } = props;
+  const layout = uischema;
+  const childProps = { schema, path, enabled, visible, elements: layout.elements, direction: "column" };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GroupFieldset.GroupFieldset,
+    {
+      label,
+      renderers,
+      cells,
+      childProps,
+      componentProps: ((_a = uischema.options) == null ? void 0 : _a.props) ?? {},
+      jsonFormsProps: props
+    }
+  );
 };
 const mantineGroupLayoutTester = core.rankWith(1, core.uiTypeIs("Group"));
 const MantineGroupLayoutRenderer = react.withJsonFormsLayoutProps(Component);

package/dist/jsonforms/cjs/layouts/Group/variants/GroupFieldset.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("fastapi-rtk/core");
+const core$1 = require("@mantine/core");
+const layout = require("../../../utils/layout.cjs");
+const GroupFieldset = ({ label, renderers, cells, childProps, componentProps, jsonFormsProps }) => {
+  const contextPath = `Group.Fieldset.${label}`;
+  const [, _props] = core.useContextProps(
+    `Group.Fieldset`,
+    contextPath,
+    { legend: label, ...componentProps },
+    jsonFormsProps,
+    false
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Fieldset, { legend: label, ..._props, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, renderers, cells }) });
+};
+exports.GroupFieldset = GroupFieldset;

package/dist/jsonforms/cjs/layouts/MantineHotizontalLayoutRenderer.cjs

@@ -1,13 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core$1 = require("fastapi-rtk/core");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const layout = require("../utils/layout.cjs");
-const Component = ({ schema, uischema, path, enabled, visible, renderers, cells }) => {
+const Component = (props) => {
+  var _a;
+  const { schema, uischema, path, enabled, visible, renderers, cells } = props;
   const layout$1 = uischema;
   const childProps = { schema, path, enabled, visible, elements: layout$1.elements, direction: "row" };
-  return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, renderers, cells });
+  const [Component2, _props] = core$1.useContextProps(
+    "HorizontalLayout",
+    `${path}.HorizontalLayout`,
+    ((_a = uischema.options) == null ? void 0 : _a.props) ?? {},
+    props,
+    false
+  );
+  if (Component2 === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+  }
+  return Component2;
 };
 const mantineHorizontalLayoutTester = core.rankWith(1, core.uiTypeIs("HorizontalLayout"));
 const MantineHorizontalLayoutRenderer = react.withJsonFormsLayoutProps(Component);

package/dist/jsonforms/cjs/layouts/MantineVerticalLayoutRenderer.cjs

@@ -1,13 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core$1 = require("fastapi-rtk/core");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const layout = require("../utils/layout.cjs");
-const Component = ({ schema, uischema, path, enabled, visible, renderers, cells }) => {
+const Component = (props) => {
+  var _a;
+  const { schema, uischema, path, enabled, visible, renderers, cells } = props;
   const layout$1 = uischema;
   const childProps = { schema, path, enabled, visible, elements: layout$1.elements, direction: "column" };
-  return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, renderers, cells });
+  const [Component2, _props] = core$1.useContextProps(
+    "VerticalLayout",
+    `${path}.VerticalLayout`,
+    ((_a = uischema.options) == null ? void 0 : _a.props) ?? {},
+    props,
+    false
+  );
+  if (Component2 === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+  }
+  return Component2;
 };
 const mantineVerticalLayoutTester = core.rankWith(1, core.uiTypeIs("VerticalLayout"));
 const MantineVerticalLayoutRenderer = react.withJsonFormsLayoutProps(Component);

package/dist/jsonforms/cjs/renderers/mantineRenderers.cjs

@@ -18,7 +18,7 @@ const MantineTimeControl = require("../controls/MantineTimeControl.cjs");
 const MantineLabelRenderer = require("../labels/MantineLabelRenderer.cjs");
 const MantineArrayLayoutRenderer = require("../layouts/Array/MantineArrayLayoutRenderer.cjs");
 const MantineCategorizationLayoutRenderer = require("../layouts/Categorization/MantineCategorizationLayoutRenderer.cjs");
-const MantineGroupLayoutRenderer = require("../layouts/MantineGroupLayoutRenderer.cjs");
+const MantineGroupLayoutRenderer = require("../layouts/Group/MantineGroupLayoutRenderer.cjs");
 const MantineHotizontalLayoutRenderer = require("../layouts/MantineHotizontalLayoutRenderer.cjs");
 const MantineVerticalLayoutRenderer = require("../layouts/MantineVerticalLayoutRenderer.cjs");
 const mantineRenderers = [

package/dist/jsonforms/cjs/utils/layout.cjs

@@ -5,35 +5,37 @@ const react = require("@jsonforms/react");
 const core = require("@mantine/core");
 const isEmpty = require("../_virtual/isEmpty.cjs");
 const React = require("react");
-const LayoutPaddingContext = require("../Contexts/LayoutPaddingContext.cjs");
 const renderLayoutElements = (elements, schema, path, enabled, direction, renderers, cells) => {
-  const withPadding = LayoutPaddingContext.useLayoutPadding({ throwOnError: false, defaultValue: false });
   return elements.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    core.Grid.Col,
+    react.JsonFormsDispatch,
     {
-      span: direction === "row" ? 12 / elements.length : 12,
-      style: { alignContent: "start" },
-      p: withPadding && child.elements ? void 0 : 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: false, children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.JsonFormsDispatch,
-        {
-          uischema: child,
-          schema,
-          path,
-          enabled,
-          renderers,
-          cells
-        }
-      ) })
+      uischema: child,
+      schema,
+      path,
+      enabled,
+      renderers,
+      cells
     },
     `${path}-${index}`
   ));
 };
-const MantineLayoutRendererComponent = ({ visible, elements, schema, path, enabled, direction, renderers, cells }) => {
+const MantineLayoutRendererComponent = ({
+  visible,
+  elements,
+  schema,
+  path,
+  enabled,
+  direction,
+  renderers,
+  cells,
+  ...props
+}) => {
   if (isEmpty(elements) || !visible) {
     return null;
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { spacing: direction === "row" ? 2 : 0, children: renderLayoutElements(elements, schema, path, enabled, direction, renderers, cells) });
+    const Wrapper = direction === "row" ? core.Group : core.Stack;
+    const wrapperProps = direction === "row" ? { grow: true, align: "flex-start" } : {};
+    return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { gap: "xs", ...wrapperProps, ...props, children: renderLayoutElements(elements, schema, path, enabled, direction, renderers, cells) });
   }
 };
 const MantineLayoutRenderer = React.memo(MantineLayoutRendererComponent);

package/dist/jsonforms/esm/MantineInputs/MantineBooleanInput.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { deepMerge } from "fastapi-rtk/utils";
-import { Box, Checkbox, Select } from "@mantine/core";
+import { Checkbox, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useBooleanProps } from "../hooks/useBooleanProps.mjs";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
-function MantineBooleanInput({ margin, ...props }) {
+function MantineBooleanInput(props) {
   var _a;
   const { value, ...commonProps } = useCommonProps(props);
   const { path, schema, uischema } = props;
@@ -23,12 +23,12 @@ function MantineBooleanInput({ margin, ...props }) {
     return null;
   }
   const { inputWrapperOrder, ...__props } = _props;
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsx(
+  return Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsx(
     Checkbox,
     {
       ...deepMerge({ styles: { root: { minHeight: "calc(2.25rem * 1)", alignContent: "center" } } }, __props)
     }
-  ) : /* @__PURE__ */ jsx(Select, { inputWrapperOrder, ...__props }) : Component });
+  ) : /* @__PURE__ */ jsx(Select, { inputWrapperOrder, ...__props }) : Component;
 }
 export {
   MantineBooleanInput

package/dist/jsonforms/esm/MantineInputs/MantineDateInput.mjs

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { Box } from "@mantine/core";
 import { DateInput } from "@mantine/dates";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useDateProps } from "../hooks/useDateProps.mjs";
-function MantineDateInput({ margin, ...props }) {
+function MantineDateInput(props) {
   const { value, ...commonProps } = useCommonProps(props);
   const { path } = props;
   const dateProps = useDateProps("date", true, { value, onChange: commonProps.onChange });
@@ -14,7 +13,7 @@ function MantineDateInput({ margin, ...props }) {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsx(DateInput, { ..._props }) : Component });
+  return Component === void 0 ? /* @__PURE__ */ jsx(DateInput, { ..._props }) : Component;
 }
 export {
   MantineDateInput

package/dist/jsonforms/esm/MantineInputs/MantineDateTimeInput.mjs

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { Box } from "@mantine/core";
 import { DateTimePicker } from "@mantine/dates";
 import { useDisclosure } from "@mantine/hooks";
 import { useEffect, useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useDateProps } from "../hooks/useDateProps.mjs";
-function MantineDateTimeInput({ margin, ...props }) {
+function MantineDateTimeInput(props) {
   const { value, ...commonProps } = useCommonProps(props);
   const { path, uischema } = props;
   const { initialUTC: __initialUTC } = uischema.options || {};
@@ -28,7 +27,7 @@ function MantineDateTimeInput({ margin, ...props }) {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsx(DateTimePicker, { ..._props }) : Component });
+  return Component === void 0 ? /* @__PURE__ */ jsx(DateTimePicker, { ..._props }) : Component;
 }
 export {
   MantineDateTimeInput

package/dist/jsonforms/esm/MantineInputs/MantineEnumArrayInput.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, MultiSelect } from "@mantine/core";
+import { MultiSelect } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useMultiSelectProps } from "../hooks/useMultiSelectProps.mjs";
-function MantineEnumArrayInput({ margin, ...props }) {
+function MantineEnumArrayInput(props) {
   const { value, ...commonProps } = useCommonProps(props);
   const { path } = props;
   const multiSelectProps = useMultiSelectProps(value, props.options, { onChange: commonProps.onChange });
@@ -13,7 +13,7 @@ function MantineEnumArrayInput({ margin, ...props }) {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsx(MultiSelect, { ..._props }) : Component });
+  return Component === void 0 ? /* @__PURE__ */ jsx(MultiSelect, { ..._props }) : Component;
 }
 export {
   MantineEnumArrayInput

package/dist/jsonforms/esm/MantineInputs/MantineEnumInput.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, Select } from "@mantine/core";
+import { Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useSelectProps } from "../hooks/useSelectProps.mjs";
-function MantineEnumInput({ margin, ...props }) {
+function MantineEnumInput(props) {
   const { value, ...commonProps } = useCommonProps(props);
   const { path } = props;
   const selectProps = useSelectProps(value, props.options);
@@ -13,7 +13,7 @@ function MantineEnumInput({ margin, ...props }) {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsx(Select, { ..._props }) : Component });
+  return Component === void 0 ? /* @__PURE__ */ jsx(Select, { ..._props }) : Component;
 }
 export {
   MantineEnumInput

package/dist/jsonforms/esm/MantineInputs/MantineFileInput.mjs

@@ -5,7 +5,7 @@ import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useFileProps } from "../hooks/useFileProps.mjs";
-const InnerMantineFileInput = ({ contextName, margin, children, ...props }) => {
+const InnerMantineFileInput = ({ contextName, children, ...props }) => {
   const { value, ...commonProps } = useCommonProps(props);
   const { path, schema, errors } = props;
   const fileProps = useFileProps({
@@ -19,13 +19,13 @@ const InnerMantineFileInput = ({ contextName, margin, children, ...props }) => {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Box, { m: Component === null ? void 0 : margin, children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     Component === void 0 ? /* @__PURE__ */ jsx(FileInput, { ..._props }) : Component,
     parseFromValuesOrFunc(children, { componentProps, jsonFormsProps: props })
   ] });
 };
-function MantineFileInput({ margin, ...props }) {
-  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "File", margin });
+function MantineFileInput(props) {
+  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "File" });
 }
 export {
   InnerMantineFileInput,

package/dist/jsonforms/esm/MantineInputs/MantineImageInput.mjs

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { useApi } from "fastapi-rtk/core";
 import { Image } from "@mantine/core";
 import { InnerMantineFileInput } from "./MantineFileInput.mjs";
-function MantineImageInput({ margin, ...props }) {
-  const { path } = useApi();
-  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "Image", margin, children: ({ jsonFormsProps }) => jsonFormsProps.data ? /* @__PURE__ */ jsx(
+function MantineImageInput(props) {
+  const { path } = useApi({ throwOnError: false, defaultValue: { path: "" } });
+  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "Image", children: ({ jsonFormsProps }) => jsonFormsProps.data ? /* @__PURE__ */ jsx(
     Image,
     {
       src: typeof jsonFormsProps.data === "string" ? `${path}/_image/${jsonFormsProps.data}` : URL.createObjectURL(jsonFormsProps.data),

package/dist/jsonforms/esm/MantineInputs/MantineIntegerInput.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { InnerMantineNumberInput } from "./MantineNumberInput.mjs";
-function MantineIntegerInput({ margin, ...props }) {
-  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Integer", margin });
+function MantineIntegerInput(props) {
+  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Integer" });
 }
 export {
   MantineIntegerInput

package/dist/jsonforms/esm/MantineInputs/MantineJsonInput.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, JsonInput } from "@mantine/core";
+import { JsonInput } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useJsonProps } from "../hooks/useJsonProps.mjs";
-function MantineJsonInput({ margin, ...props }) {
+function MantineJsonInput(props) {
   const { value, ...commonProps } = useCommonProps(props);
   const { path } = props;
   const jsonProps = useJsonProps({ value, onChange: commonProps.onChange });
@@ -13,7 +13,7 @@ function MantineJsonInput({ margin, ...props }) {
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? /* @__PURE__ */ jsx(JsonInput, { ..._props }) : Component });
+  return Component === void 0 ? /* @__PURE__ */ jsx(JsonInput, { ..._props }) : Component;
 }
 export {
   MantineJsonInput