@rjsf/mantine 6.5.2 → 6.6.0

package/dist/mantine.esm.js

@@ -2,11 +2,11 @@
 import { withTheme } from "@rjsf/core";
 
 // src/templates/ArrayFieldItemTemplate.tsx
+import { Box, Flex, Group } from "@mantine/core";
 import {
   getTemplate,
   getUiOptions
 } from "@rjsf/utils";
-import { Box, Flex, Group } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { buttonsProps, className, hasToolbar, index, uiSchema, registry, children } = props;
@@ -23,12 +23,12 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/templates/ArrayFieldTemplate.tsx
+import { Fieldset, Box as Box2, Group as Group2 } from "@mantine/core";
 import {
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions2,
   buttonId
 } from "@rjsf/utils";
-import { Fieldset, Box as Box2, Group as Group2 } from "@mantine/core";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -104,11 +104,11 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/templates/ArrayFieldTitleTemplate.tsx
+import { Grid, Title } from "@mantine/core";
 import {
   getUiOptions as getUiOptions3,
   titleId
 } from "@rjsf/utils";
-import { Grid, Title } from "@mantine/core";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldTitleTemplate(props) {
   const { fieldPathId, title, uiSchema, registry, optionalDataControl } = props;
@@ -129,14 +129,14 @@ function ArrayFieldTitleTemplate(props) {
 
 // src/templates/BaseInputTemplate.tsx
 import { useCallback } from "react";
+import { TextInput, NumberInput } from "@mantine/core";
+import { SchemaExamples } from "@rjsf/core";
 import {
   ariaDescribedByIds,
   examplesId,
   getInputProps,
   labelValue
 } from "@rjsf/utils";
-import { TextInput, NumberInput } from "@mantine/core";
-import { SchemaExamples } from "@rjsf/core";
 
 // src/utils.ts
 var uiOptionsKeys = [
@@ -284,24 +284,11 @@ function BaseInputTemplate(props) {
   ] });
 }
 
-// src/templates/DescriptionField.tsx
-import { RichDescription } from "@rjsf/core";
-import { Text } from "@mantine/core";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function DescriptionField(props) {
-  const { id, description, registry, uiSchema } = props;
-  if (description) {
-    return /* @__PURE__ */ jsx5(Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsx5(RichDescription, { description, registry, uiSchema }) });
-  }
-  return null;
-}
-
-// src/templates/ErrorList.tsx
-import { TranslatableString } from "@rjsf/utils";
-import { Alert, Title as Title2, List } from "@mantine/core";
+// src/templates/ButtonTemplates/AddButton.tsx
+import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
 
 // src/templates/icons.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function Plus({ size, style, ...others }) {
   return /* @__PURE__ */ jsxs5(
     "svg",
@@ -319,9 +306,9 @@ function Plus({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx6("path", { d: "M12 5l0 14" }),
-        /* @__PURE__ */ jsx6("path", { d: "M5 12l14 0" })
+        /* @__PURE__ */ jsx5("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsx5("path", { d: "M12 5l0 14" }),
+        /* @__PURE__ */ jsx5("path", { d: "M5 12l14 0" })
       ]
     }
   );
@@ -343,9 +330,9 @@ function Copy({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx6("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }),
-        /* @__PURE__ */ jsx6("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" })
+        /* @__PURE__ */ jsx5("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsx5("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }),
+        /* @__PURE__ */ jsx5("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" })
       ]
     }
   );
@@ -367,8 +354,8 @@ function ChevronDown({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx6("path", { d: "M6 9l6 6l6 -6" })
+        /* @__PURE__ */ jsx5("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsx5("path", { d: "M6 9l6 6l6 -6" })
       ]
     }
   );
@@ -390,8 +377,8 @@ function ChevronUp({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx6("path", { d: "M6 15l6 -6l6 6" })
+        /* @__PURE__ */ jsx5("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsx5("path", { d: "M6 15l6 -6l6 6" })
       ]
     }
   );
@@ -413,9 +400,9 @@ function X({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsx6("path", { d: "M18 6l-12 12" }),
-        /* @__PURE__ */ jsx6("path", { d: "M6 6l12 12" })
+        /* @__PURE__ */ jsx5("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ jsx5("path", { d: "M18 6l-12 12" }),
+        /* @__PURE__ */ jsx5("path", { d: "M6 6l12 12" })
       ]
     }
   );
@@ -437,55 +424,21 @@ function ExclamationCircle({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ jsx6("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-        /* @__PURE__ */ jsx6("path", { d: "M12 9v4" }),
-        /* @__PURE__ */ jsx6("path", { d: "M12 16v.01" })
+        /* @__PURE__ */ jsx5("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+        /* @__PURE__ */ jsx5("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ jsx5("path", { d: "M12 16v.01" })
       ]
     }
   );
 }
 
-// src/templates/ErrorList.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function ErrorList({
-  errors,
-  registry
-}) {
-  const { translateString } = registry;
-  return /* @__PURE__ */ jsx7(
-    Alert,
-    {
-      color: "red",
-      variant: "transparent",
-      title: /* @__PURE__ */ jsx7(Title2, { order: 5, fw: "normal", children: translateString(TranslatableString.ErrorsLabel) }),
-      icon: /* @__PURE__ */ jsx7(ExclamationCircle, {}),
-      children: /* @__PURE__ */ jsx7(List, { children: errors.map((error, index) => /* @__PURE__ */ jsx7(List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
-    }
-  );
-}
-
-// src/templates/ButtonTemplates/SubmitButton.tsx
-import { Button } from "@mantine/core";
-import { getSubmitButtonOptions } from "@rjsf/utils";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function SubmitButton({ uiSchema }) {
-  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
-  if (norender) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx8(Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
-}
-
-// src/templates/ButtonTemplates/AddButton.tsx
-import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-
 // src/templates/ButtonTemplates/IconButton.tsx
 import { ActionIcon } from "@mantine/core";
-import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { TranslatableString } from "@rjsf/utils";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function IconButton(props) {
   const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx6(
     ActionIcon,
     {
       size: iconType,
@@ -500,19 +453,19 @@ function CopyButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx9(IconButton, { title: translateString(TranslatableString2.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx9(Copy, {}) });
+  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(Copy, {}) });
 }
 function MoveDownButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx6(
     IconButton,
     {
-      title: translateString(TranslatableString2.MoveDownButton),
+      title: translateString(TranslatableString.MoveDownButton),
       variant: "subtle",
       ...props,
-      icon: /* @__PURE__ */ jsx9(ChevronDown, {})
+      icon: /* @__PURE__ */ jsx6(ChevronDown, {})
     }
   );
 }
@@ -520,13 +473,13 @@ function MoveUpButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx6(
     IconButton,
     {
-      title: translateString(TranslatableString2.MoveUpButton),
+      title: translateString(TranslatableString.MoveUpButton),
       variant: "subtle",
       ...props,
-      icon: /* @__PURE__ */ jsx9(ChevronUp, {})
+      icon: /* @__PURE__ */ jsx6(ChevronUp, {})
     }
   );
 }
@@ -534,14 +487,14 @@ function RemoveButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx6(
     IconButton,
     {
-      title: translateString(TranslatableString2.RemoveButton),
+      title: translateString(TranslatableString.RemoveButton),
       variant: "subtle",
       color: "red",
       ...props,
-      icon: /* @__PURE__ */ jsx9(X, {})
+      icon: /* @__PURE__ */ jsx6(X, {})
     }
   );
 }
@@ -549,16 +502,28 @@ function ClearButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx9(IconButton, { title: translateString(TranslatableString2.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx9(X, {}) });
+  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(X, {}) });
 }
 
 // src/templates/ButtonTemplates/AddButton.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function AddButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx10(IconButton, { title: translateString(TranslatableString3.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx10(Plus, {}) });
+  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString2.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx7(Plus, {}) });
+}
+
+// src/templates/ButtonTemplates/SubmitButton.tsx
+import { Button } from "@mantine/core";
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
+  if (norender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx8(Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
 }
 
 // src/templates/ButtonTemplates/index.ts
@@ -575,9 +540,42 @@ function buttonTemplates() {
 }
 var ButtonTemplates_default = buttonTemplates;
 
+// src/templates/DescriptionField.tsx
+import { Text } from "@mantine/core";
+import { RichDescription } from "@rjsf/core";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function DescriptionField(props) {
+  const { id, description, registry, uiSchema } = props;
+  if (description) {
+    return /* @__PURE__ */ jsx9(Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsx9(RichDescription, { description, registry, uiSchema }) });
+  }
+  return null;
+}
+
+// src/templates/ErrorList.tsx
+import { Alert, Title as Title2, List } from "@mantine/core";
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function ErrorList({
+  errors,
+  registry
+}) {
+  const { translateString } = registry;
+  return /* @__PURE__ */ jsx10(
+    Alert,
+    {
+      color: "red",
+      variant: "transparent",
+      title: /* @__PURE__ */ jsx10(Title2, { order: 5, fw: "normal", children: translateString(TranslatableString3.ErrorsLabel) }),
+      icon: /* @__PURE__ */ jsx10(ExclamationCircle, {}),
+      children: /* @__PURE__ */ jsx10(List, { children: errors.map((error, index) => /* @__PURE__ */ jsx10(List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+    }
+  );
+}
+
 // src/templates/FieldErrorTemplate.tsx
-import { errorId } from "@rjsf/utils";
 import { Box as Box3, List as List2 } from "@mantine/core";
+import { errorId } from "@rjsf/utils";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function FieldErrorTemplate({ errors, fieldPathId }) {
   if (!errors || !errors.length) {
@@ -587,13 +585,26 @@ function FieldErrorTemplate({ errors, fieldPathId }) {
   return /* @__PURE__ */ jsx11(Box3, { id, c: "red", display: "none", children: /* @__PURE__ */ jsx11(List2, { children: errors.map((error, index) => /* @__PURE__ */ jsx11(List2.Item, { children: error }, `field-error-${index}`)) }) });
 }
 
+// src/templates/FieldHelpTemplate.tsx
+import { Text as Text2 } from "@mantine/core";
+import { RichHelp } from "@rjsf/core";
+import { helpId } from "@rjsf/utils";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function FieldHelpTemplate(props) {
+  const { fieldPathId, help, uiSchema, registry } = props;
+  if (!help) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx12(Text2, { id: helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsx12(RichHelp, { help, registry, uiSchema }) });
+}
+
 // src/templates/FieldTemplate.tsx
 import { Box as Box4 } from "@mantine/core";
 import {
   getTemplate as getTemplate3,
   getUiOptions as getUiOptions4
 } from "@rjsf/utils";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -619,7 +630,7 @@ function FieldTemplate(props) {
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx12(Box4, { display: "none", children });
+    return /* @__PURE__ */ jsx13(Box4, { display: "none", children });
   }
   return /* @__PURE__ */ jsxs6(
     WrapIfAdditionalTemplate2,
@@ -643,19 +654,6 @@ function FieldTemplate(props) {
   );
 }
 
-// src/templates/FieldHelpTemplate.tsx
-import { helpId } from "@rjsf/utils";
-import { Text as Text2 } from "@mantine/core";
-import { RichHelp } from "@rjsf/core";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function FieldHelpTemplate(props) {
-  const { fieldPathId, help, uiSchema, registry } = props;
-  if (!help) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx13(Text2, { id: helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsx13(RichHelp, { help, registry, uiSchema }) });
-}
-
 // src/templates/GridTemplate.tsx
 import { Container, Grid as Grid2 } from "@mantine/core";
 import { jsx as jsx14 } from "react/jsx-runtime";
@@ -670,6 +668,16 @@ function GridTemplate(props) {
   return /* @__PURE__ */ jsx14(Grid2, { grow: true, ...rest, children });
 }
 
+// src/templates/MultiSchemaFieldTemplate.tsx
+import { Stack } from "@mantine/core";
+import { jsxs as jsxs7 } from "react/jsx-runtime";
+function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
+  return /* @__PURE__ */ jsxs7(Stack, { style: { marginBottom: "1rem" }, children: [
+    selector,
+    optionSchemaField
+  ] });
+}
+
 // src/templates/ObjectFieldTemplate.tsx
 import { Box as Box5, Container as Container2, Group as Group3, SimpleGrid } from "@mantine/core";
 import {
@@ -680,7 +688,7 @@ import {
   getUiOptions as getUiOptions5,
   titleId as titleId2
 } from "@rjsf/utils";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     title,
@@ -711,7 +719,7 @@ function ObjectFieldTemplate(props) {
   const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-  return /* @__PURE__ */ jsxs7(Container2, { id: fieldPathId.$id, p: 0, children: [
+  return /* @__PURE__ */ jsxs8(Container2, { id: fieldPathId.$id, p: 0, children: [
     title && /* @__PURE__ */ jsx15(
       TitleFieldTemplate,
       {
@@ -734,7 +742,7 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       SimpleGrid,
       {
         cols: gridCols,
@@ -795,12 +803,12 @@ function OptionalDataControlsTemplate(props) {
 
 // src/templates/TitleField.tsx
 import { Grid as Grid3, Title as Title3 } from "@mantine/core";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function TitleField(props) {
   const { id, title, optionalDataControl } = props;
   let heading = title ? /* @__PURE__ */ jsx17(Title3, { id, order: 3, fw: "normal", children: title }) : null;
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ jsxs8(Grid3, { children: [
+    heading = /* @__PURE__ */ jsxs9(Grid3, { children: [
       /* @__PURE__ */ jsx17(Grid3.Col, { span: "auto", children: heading }),
       /* @__PURE__ */ jsx17(Grid3.Col, { span: "content", children: optionalDataControl })
     ] });
@@ -809,14 +817,14 @@ function TitleField(props) {
 }
 
 // src/templates/WrapIfAdditionalTemplate.tsx
+import { Flex as Flex2, Grid as Grid4, TextInput as TextInput2 } from "@mantine/core";
 import {
   ADDITIONAL_PROPERTY_FLAG,
   UI_OPTIONS_KEY,
   buttonId as buttonId3,
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
-import { Flex as Flex2, Grid as Grid4, TextInput as TextInput2 } from "@mantine/core";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -847,8 +855,8 @@ function WrapIfAdditionalTemplate(props) {
     ...uiSchema,
     [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ jsx18("div", { className: classNames, style, children: /* @__PURE__ */ jsxs9(Flex2, { gap: "xs", align: "end", justify: "center", children: [
-    /* @__PURE__ */ jsxs9(Grid4, { w: "100%", align: "center", children: [
+  return /* @__PURE__ */ jsx18("div", { className: classNames, style, children: /* @__PURE__ */ jsxs10(Flex2, { gap: "xs", align: "end", justify: "center", children: [
+    /* @__PURE__ */ jsxs10(Grid4, { w: "100%", align: "center", children: [
       /* @__PURE__ */ jsx18(Grid4.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsx18(
         TextInput2,
         {
@@ -881,16 +889,6 @@ function WrapIfAdditionalTemplate(props) {
   ] }) });
 }
 
-// src/templates/MultiSchemaFieldTemplate.tsx
-import { Stack } from "@mantine/core";
-import { jsxs as jsxs10 } from "react/jsx-runtime";
-function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-  return /* @__PURE__ */ jsxs10(Stack, { style: { marginBottom: "1rem" }, children: [
-    selector,
-    optionSchemaField
-  ] });
-}
-
 // src/templates/index.ts
 function generateTemplates() {
   return {
@@ -918,86 +916,24 @@ var templates_default = generateTemplates();
 import dayjs2 from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 
-// src/widgets/DateTime/AltDateTimeWidget.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-function AltDateTimeWidget(props) {
-  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx19(AltDateWidget2, { time: true, ...props });
-}
-
-// src/widgets/DateTime/AltDateWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds2,
-  dateRangeOptions,
-  titleId as titleId3,
-  TranslatableString as TranslatableString5,
-  useAltDateWidgetProps
-} from "@rjsf/utils";
-import { Flex as Flex3, Box as Box6, Group as Group4, Button as Button2, Select, Input } from "@mantine/core";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-function AltDateWidget(props) {
-  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
-  const { translateString } = registry;
-  const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx20(Input.Label, { id: titleId3(id), required, children: label }),
-    /* @__PURE__ */ jsxs11(Flex3, { gap: "xs", align: "center", wrap: "nowrap", children: [
-      elements.map((elemProps, i) => {
-        const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ jsx20(Box6, { children: /* @__PURE__ */ jsx20(
-          Select,
-          {
-            id: elemId,
-            name: elemId,
-            placeholder: elemProps.type,
-            disabled: disabled || readonly,
-            data: dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
-            value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
-            onChange: (v) => handleChange(elemProps.type, v || void 0),
-            searchable: false,
-            allowDeselect: false,
-            comboboxProps: { withinPortal: false },
-            "aria-describedby": ariaDescribedByIds2(elemId)
-          }
-        ) }, i);
-      }),
-      /* @__PURE__ */ jsxs11(Group4, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx20(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx20(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
-      ] })
-    ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx20(Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
-  ] });
-}
-
-// src/widgets/DateTime/DateTimeInput.tsx
+// src/widgets/CheckboxesWidget.tsx
 import { useCallback as useCallback2 } from "react";
+import { Checkbox, Flex as Flex3, Input } from "@mantine/core";
 import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  labelValue as labelValue2
+  ariaDescribedByIds as ariaDescribedByIds2,
+  enumOptionValueDecoder,
+  enumOptionValueEncoder,
+  enumOptionsIndexForValue,
+  getOptionValueFormat,
+  optionId,
+  titleId as titleId3
 } from "@rjsf/utils";
-import dayjs from "dayjs";
-import { DateInput } from "@mantine/dates";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var dateParser = (input, format) => {
-  if (!input) {
-    return null;
-  }
-  const d = dayjs(input, format);
-  return d.isValid() ? d.toDate() : null;
-};
-var dateFormat = (date, format) => {
-  if (!date) {
-    return "";
-  }
-  return dayjs(date).format(format || "YYYY-MM-DD");
-};
-function DateTimeInput(props) {
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+function CheckboxesWidget(props) {
   const {
     id,
-    name,
+    htmlName,
     value,
-    placeholder,
     required,
     disabled,
     readonly,
@@ -1008,202 +944,28 @@ function DateTimeInput(props) {
     options,
     onChange,
     onBlur,
-    onFocus,
-    valueFormat,
-    displayFormat
+    onFocus
   } = props;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat(options);
+  const themeProps = cleanupOptions(options);
   const handleChange = useCallback2(
     (nextValue) => {
-      onChange(dateFormat(nextValue, valueFormat));
+      if (!disabled && !readonly && onChange) {
+        onChange(enumOptionValueDecoder(nextValue, enumOptions, optionValueFormat, emptyValue));
+      }
     },
-    [onChange, valueFormat]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleBlur = useCallback2(() => {
-    if (onBlur) {
-      onBlur(id, value);
-    }
-  }, [onBlur, id, value]);
-  const handleFocus = useCallback2(() => {
-    if (onFocus) {
-      onFocus(id, value);
-    }
-  }, [onFocus, id, value]);
-  return /* @__PURE__ */ jsx21(
-    DateInput,
-    {
-      id,
-      name,
-      value: dateParser(value, valueFormat),
-      dateParser: (v) => dateParser(v, displayFormat),
-      placeholder: placeholder || void 0,
-      required,
-      disabled: disabled || readonly,
-      autoFocus: autofocus,
-      label: labelValue2(label || void 0, hideLabel, false),
-      onChange: handleChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...options,
-      "aria-describedby": ariaDescribedByIds3(id),
-      popoverProps: { withinPortal: false },
-      classNames: typeof options?.classNames === "object" ? options.classNames : void 0,
-      valueFormat: displayFormat
-    }
+  const handleBlur = useCallback2(
+    ({ target }) => {
+      if (onBlur) {
+        onBlur(id, enumOptionValueDecoder(target.value, enumOptions, optionValueFormat, emptyValue));
+      }
+    },
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
-}
-
-// src/widgets/DateTime/DateWidget.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function DateWidget(props) {
-  const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx22(
-    DateTimeInput,
-    {
-      ...props,
-      options: otherOptions,
-      valueFormat,
-      displayFormat: displayFormat || valueFormat
-    }
-  );
-}
-
-// src/widgets/DateTime/DateTimeWidget.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-function DateTimeWidget(props) {
-  const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx23(
-    DateTimeInput,
-    {
-      ...props,
-      options: otherOptions,
-      valueFormat,
-      displayFormat: displayFormat || valueFormat
-    }
-  );
-}
-
-// src/widgets/DateTime/TimeWidget.tsx
-import { useCallback as useCallback3 } from "react";
-import {
-  labelValue as labelValue3,
-  ariaDescribedByIds as ariaDescribedByIds4
-} from "@rjsf/utils";
-import { TimeInput } from "@mantine/dates";
-import { jsx as jsx24 } from "react/jsx-runtime";
-function TimeWidget(props) {
-  const {
-    id,
-    name,
-    value,
-    placeholder,
-    required,
-    disabled,
-    readonly,
-    autofocus,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    onBlur,
-    onFocus
-  } = props;
-  const emptyValue = options.emptyValue || "";
-  const handleChange = useCallback3(
-    (e) => {
-      onChange(e.target.value === "" ? emptyValue : e.target.value);
-    },
-    [onChange, emptyValue]
-  );
-  const handleBlur = useCallback3(
-    ({ target }) => {
-      if (onBlur) {
-        onBlur(id, target && target.value);
-      }
-    },
-    [onBlur, id]
-  );
-  const handleFocus = useCallback3(
-    ({ target }) => {
-      if (onFocus) {
-        onFocus(id, target && target.value);
-      }
-    },
-    [onFocus, id]
-  );
-  return /* @__PURE__ */ jsx24(
-    TimeInput,
-    {
-      id,
-      name,
-      value: value || "",
-      placeholder: placeholder || void 0,
-      required,
-      disabled: disabled || readonly,
-      autoFocus: autofocus,
-      label: labelValue3(label || void 0, hideLabel, false),
-      onChange: handleChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...options,
-      "aria-describedby": ariaDescribedByIds4(id),
-      classNames: typeof options?.classNames === "object" ? options.classNames : void 0
-    }
-  );
-}
-
-// src/widgets/CheckboxesWidget.tsx
-import { useCallback as useCallback4 } from "react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds5,
-  enumOptionValueDecoder,
-  enumOptionValueEncoder,
-  enumOptionsIndexForValue,
-  getOptionValueFormat,
-  optionId,
-  titleId as titleId4
-} from "@rjsf/utils";
-import { Checkbox, Flex as Flex4, Input as Input2 } from "@mantine/core";
-import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
-function CheckboxesWidget(props) {
-  const {
-    id,
-    htmlName,
-    value,
-    required,
-    disabled,
-    readonly,
-    autofocus,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    onBlur,
-    onFocus
-  } = props;
-  const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const optionValueFormat = getOptionValueFormat(options);
-  const themeProps = cleanupOptions(options);
-  const handleChange = useCallback4(
-    (nextValue) => {
-      if (!disabled && !readonly && onChange) {
-        onChange(enumOptionValueDecoder(nextValue, enumOptions, optionValueFormat, emptyValue));
-      }
-    },
-    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
-  );
-  const handleBlur = useCallback4(
-    ({ target }) => {
-      if (onBlur) {
-        onBlur(id, enumOptionValueDecoder(target.value, enumOptions, optionValueFormat, emptyValue));
-      }
-    },
-    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
-  );
-  const handleFocus = useCallback4(
+  const handleFocus = useCallback2(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, enumOptionValueDecoder(target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1212,9 +974,9 @@ function CheckboxesWidget(props) {
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx25(Input2.Label, { id: titleId4(id), required, children: label }),
-    /* @__PURE__ */ jsx25(
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx19(Input.Label, { id: titleId3(id), required, children: label }),
+    /* @__PURE__ */ jsx19(
       Checkbox.Group,
       {
         id,
@@ -1223,9 +985,9 @@ function CheckboxesWidget(props) {
         required,
         readOnly: disabled || readonly,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": ariaDescribedByIds5(id),
+        "aria-describedby": ariaDescribedByIds2(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx25(Flex4, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx25(
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx19(Flex3, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx19(
           Checkbox,
           {
             id: optionId(id, i),
@@ -1245,15 +1007,15 @@ function CheckboxesWidget(props) {
 }
 
 // src/widgets/CheckboxWidget.tsx
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback3 } from "react";
+import { Checkbox as Checkbox2 } from "@mantine/core";
 import {
   descriptionId as descriptionId2,
   getTemplate as getTemplate5,
-  labelValue as labelValue4,
-  ariaDescribedByIds as ariaDescribedByIds6
+  labelValue as labelValue2,
+  ariaDescribedByIds as ariaDescribedByIds3
 } from "@rjsf/utils";
-import { Checkbox as Checkbox2 } from "@mantine/core";
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -1280,7 +1042,7 @@ function CheckboxWidget(props) {
     registry,
     options
   );
-  const handleCheckboxChange = useCallback5(
+  const handleCheckboxChange = useCallback3(
     (e) => {
       if (!disabled && !readonly && onChange) {
         onChange(e.currentTarget.checked);
@@ -1288,7 +1050,7 @@ function CheckboxWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = useCallback5(
+  const handleBlur = useCallback3(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target.checked);
@@ -1296,7 +1058,7 @@ function CheckboxWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = useCallback5(
+  const handleFocus = useCallback3(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target.checked);
@@ -1305,8 +1067,8 @@ function CheckboxWidget(props) {
     [onFocus, id]
   );
   const description = options.description || schema.description;
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ jsx20(
       DescriptionFieldTemplate,
       {
         id: descriptionId2(id),
@@ -1316,12 +1078,12 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx20(
       Checkbox2,
       {
         id,
         name: htmlName || name,
-        label: labelValue4(label || void 0, hideLabel, false),
+        label: labelValue2(label || void 0, hideLabel, false),
         disabled: disabled || readonly,
         required,
         autoFocus: autofocus,
@@ -1330,20 +1092,20 @@ function CheckboxWidget(props) {
         onBlur: handleBlur,
         onFocus: handleFocus,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": ariaDescribedByIds6(id)
+        "aria-describedby": ariaDescribedByIds3(id)
       }
     )
   ] });
 }
 
 // src/widgets/ColorWidget.tsx
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback4 } from "react";
+import { ColorInput } from "@mantine/core";
 import {
-  labelValue as labelValue5,
-  ariaDescribedByIds as ariaDescribedByIds7
+  labelValue as labelValue3,
+  ariaDescribedByIds as ariaDescribedByIds4
 } from "@rjsf/utils";
-import { ColorInput } from "@mantine/core";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const {
     id,
@@ -1363,12 +1125,248 @@ function ColorWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const handleChange = useCallback6(
+  const handleChange = useCallback4(
     (nextValue) => {
       onChange(nextValue);
     },
     [onChange]
   );
+  const handleBlur = useCallback4(
+    ({ target }) => {
+      if (onBlur) {
+        onBlur(id, target && target.value);
+      }
+    },
+    [onBlur, id]
+  );
+  const handleFocus = useCallback4(
+    ({ target }) => {
+      if (onFocus) {
+        onFocus(id, target && target.value);
+      }
+    },
+    [onFocus, id]
+  );
+  return /* @__PURE__ */ jsx21(
+    ColorInput,
+    {
+      id,
+      name,
+      value: value || "",
+      placeholder: placeholder || void 0,
+      required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      label: labelValue3(label || void 0, hideLabel, false),
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+      ...themeProps,
+      "aria-describedby": ariaDescribedByIds4(id),
+      popoverProps: { withinPortal: false }
+    }
+  );
+}
+
+// src/widgets/DateTime/AltDateTimeWidget.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function AltDateTimeWidget(props) {
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ jsx22(AltDateWidget2, { time: true, ...props });
+}
+
+// src/widgets/DateTime/AltDateWidget.tsx
+import { Flex as Flex4, Box as Box6, Group as Group4, Button as Button2, Select, Input as Input2 } from "@mantine/core";
+import {
+  ariaDescribedByIds as ariaDescribedByIds5,
+  dateRangeOptions,
+  titleId as titleId4,
+  TranslatableString as TranslatableString5,
+  useAltDateWidgetProps
+} from "@rjsf/utils";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+function AltDateWidget(props) {
+  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
+  const { translateString } = registry;
+  const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx23(Input2.Label, { id: titleId4(id), required, children: label }),
+    /* @__PURE__ */ jsxs13(Flex4, { gap: "xs", align: "center", wrap: "nowrap", children: [
+      elements.map((elemProps, i) => {
+        const elemId = `${id}_${elemProps.type}`;
+        return /* @__PURE__ */ jsx23(Box6, { children: /* @__PURE__ */ jsx23(
+          Select,
+          {
+            id: elemId,
+            name: elemId,
+            placeholder: elemProps.type,
+            disabled: disabled || readonly,
+            data: dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
+            value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
+            onChange: (v) => handleChange(elemProps.type, v || void 0),
+            searchable: false,
+            allowDeselect: false,
+            comboboxProps: { withinPortal: false },
+            "aria-describedby": ariaDescribedByIds5(elemId)
+          }
+        ) }, i);
+      }),
+      /* @__PURE__ */ jsxs13(Group4, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
+      ] })
+    ] }),
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx23(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+  ] });
+}
+
+// src/widgets/DateTime/DateTimeInput.tsx
+import { useCallback as useCallback5 } from "react";
+import { DateInput } from "@mantine/dates";
+import {
+  ariaDescribedByIds as ariaDescribedByIds6,
+  labelValue as labelValue4
+} from "@rjsf/utils";
+import dayjs from "dayjs";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var dateParser = (input, format) => {
+  if (!input) {
+    return null;
+  }
+  const d = dayjs(input, format);
+  return d.isValid() ? d.toDate() : null;
+};
+var dateFormat = (date, format) => {
+  if (!date) {
+    return "";
+  }
+  return dayjs(date).format(format || "YYYY-MM-DD");
+};
+function DateTimeInput(props) {
+  const {
+    id,
+    name,
+    value,
+    placeholder,
+    required,
+    disabled,
+    readonly,
+    autofocus,
+    label,
+    hideLabel,
+    rawErrors,
+    options,
+    onChange,
+    onBlur,
+    onFocus,
+    valueFormat,
+    displayFormat
+  } = props;
+  const handleChange = useCallback5(
+    (nextValue) => {
+      onChange(dateFormat(nextValue, valueFormat));
+    },
+    [onChange, valueFormat]
+  );
+  const handleBlur = useCallback5(() => {
+    if (onBlur) {
+      onBlur(id, value);
+    }
+  }, [onBlur, id, value]);
+  const handleFocus = useCallback5(() => {
+    if (onFocus) {
+      onFocus(id, value);
+    }
+  }, [onFocus, id, value]);
+  return /* @__PURE__ */ jsx24(
+    DateInput,
+    {
+      id,
+      name,
+      value: dateParser(value, valueFormat),
+      dateParser: (v) => dateParser(v, displayFormat),
+      placeholder: placeholder || void 0,
+      required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      label: labelValue4(label || void 0, hideLabel, false),
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+      ...options,
+      "aria-describedby": ariaDescribedByIds6(id),
+      popoverProps: { withinPortal: false },
+      classNames: typeof options?.classNames === "object" ? options.classNames : void 0,
+      valueFormat: displayFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/DateWidget.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function DateWidget(props) {
+  const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
+  return /* @__PURE__ */ jsx25(
+    DateTimeInput,
+    {
+      ...props,
+      options: otherOptions,
+      valueFormat,
+      displayFormat: displayFormat || valueFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/DateTimeWidget.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function DateTimeWidget(props) {
+  const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
+  return /* @__PURE__ */ jsx26(
+    DateTimeInput,
+    {
+      ...props,
+      options: otherOptions,
+      valueFormat,
+      displayFormat: displayFormat || valueFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/TimeWidget.tsx
+import { useCallback as useCallback6 } from "react";
+import { TimeInput } from "@mantine/dates";
+import {
+  labelValue as labelValue5,
+  ariaDescribedByIds as ariaDescribedByIds7
+} from "@rjsf/utils";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function TimeWidget(props) {
+  const {
+    id,
+    name,
+    value,
+    placeholder,
+    required,
+    disabled,
+    readonly,
+    autofocus,
+    label,
+    hideLabel,
+    rawErrors,
+    options,
+    onChange,
+    onBlur,
+    onFocus
+  } = props;
+  const emptyValue = options.emptyValue || "";
+  const handleChange = useCallback6(
+    (e) => {
+      onChange(e.target.value === "" ? emptyValue : e.target.value);
+    },
+    [onChange, emptyValue]
+  );
   const handleBlur = useCallback6(
     ({ target }) => {
       if (onBlur) {
@@ -1386,7 +1384,7 @@ function ColorWidget(props) {
     [onFocus, id]
   );
   return /* @__PURE__ */ jsx27(
-    ColorInput,
+    TimeInput,
     {
       id,
       name,
@@ -1400,21 +1398,21 @@ function ColorWidget(props) {
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...themeProps,
+      ...options,
       "aria-describedby": ariaDescribedByIds7(id),
-      popoverProps: { withinPortal: false }
+      classNames: typeof options?.classNames === "object" ? options.classNames : void 0
     }
   );
 }
 
 // src/widgets/FileWidget.tsx
 import { useCallback as useCallback7 } from "react";
+import { FileInput, Pill } from "@mantine/core";
 import {
   ariaDescribedByIds as ariaDescribedByIds8,
   labelValue as labelValue6,
   useFileWidgetProps
 } from "@rjsf/utils";
-import { FileInput, Pill } from "@mantine/core";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function FileWidget(props) {
   const {
@@ -1438,7 +1436,7 @@ function FileWidget(props) {
   const handleOnChange = useCallback7(
     (files) => {
       if (typeof files === "object") {
-        handleChange(files);
+        void handleChange(files);
       }
     },
     [handleChange]
@@ -1472,11 +1470,11 @@ function FileWidget(props) {
 
 // src/widgets/PasswordWidget.tsx
 import { useCallback as useCallback8 } from "react";
+import { PasswordInput } from "@mantine/core";
 import {
   ariaDescribedByIds as ariaDescribedByIds9,
   labelValue as labelValue7
 } from "@rjsf/utils";
-import { PasswordInput } from "@mantine/core";
 import { jsx as jsx29 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const {
@@ -1543,6 +1541,7 @@ function PasswordWidget(props) {
 
 // src/widgets/RadioWidget.tsx
 import { useCallback as useCallback9 } from "react";
+import { Radio, Flex as Flex5 } from "@mantine/core";
 import {
   ariaDescribedByIds as ariaDescribedByIds10,
   enumOptionValueDecoder as enumOptionValueDecoder2,
@@ -1551,7 +1550,6 @@ import {
   getOptionValueFormat as getOptionValueFormat2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { Radio, Flex as Flex5 } from "@mantine/core";
 import { jsx as jsx30 } from "react/jsx-runtime";
 function RadioWidget(props) {
   const {
@@ -1630,12 +1628,12 @@ function RadioWidget(props) {
 
 // src/widgets/RangeWidget.tsx
 import { useCallback as useCallback10 } from "react";
+import { Slider, Input as Input3 } from "@mantine/core";
 import {
   ariaDescribedByIds as ariaDescribedByIds11,
   rangeSpec,
   titleId as titleId5
 } from "@rjsf/utils";
-import { Slider, Input as Input3 } from "@mantine/core";
 import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
@@ -1702,6 +1700,7 @@ function RangeWidget(props) {
 
 // src/widgets/SelectWidget.tsx
 import { useCallback as useCallback11, useMemo } from "react";
+import { Select as Select2, MultiSelect } from "@mantine/core";
 import {
   ariaDescribedByIds as ariaDescribedByIds12,
   enumOptionSelectedValue,
@@ -1710,7 +1709,6 @@ import {
   getOptionValueFormat as getOptionValueFormat3,
   labelValue as labelValue8
 } from "@rjsf/utils";
-import { Select as Select2, MultiSelect } from "@mantine/core";
 import { jsx as jsx32 } from "react/jsx-runtime";
 function SelectWidget(props) {
   const {
@@ -1804,11 +1802,11 @@ function SelectWidget(props) {
 
 // src/widgets/TextareaWidget.tsx
 import { useCallback as useCallback12 } from "react";
+import { Textarea } from "@mantine/core";
 import {
   labelValue as labelValue9,
   ariaDescribedByIds as ariaDescribedByIds13
 } from "@rjsf/utils";
-import { Textarea } from "@mantine/core";
 import { jsx as jsx33 } from "react/jsx-runtime";
 function TextareaWidget(props) {
   const {