@acp-autoform/mantine 3.0.0

package/README.md

@@ -0,0 +1,11 @@
+# Mantine integration for AutoForm
+
+This package provides a Mantine integration for AutoForm.
+
+## Installation
+
+```bash
+npm install @acp-autoform/mantine
+```
+
+For more information on how to use this package, see the [AutoForm documentation](https://autoform.vantezzen.io/docs/react/getting-started).

package/dist/index.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _acp_autoform_react from '@acp-autoform/react';
+import { FieldValues, ExtendableAutoFormProps } from '@acp-autoform/react';
+import React from 'react';
+import { MantineProvider } from '@mantine/core';
+
+interface AutoFormProps<T extends FieldValues> extends ExtendableAutoFormProps<T> {
+    theme?: Parameters<typeof MantineProvider>[0]["theme"];
+}
+
+declare const MantineAutoFormFieldComponents: {
+    readonly string: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly number: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly boolean: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly date: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly select: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+};
+type FieldTypes = keyof typeof MantineAutoFormFieldComponents;
+declare function AutoForm<T extends Record<string, any>>({ theme, uiComponents, formComponents, ...props }: AutoFormProps<T>): react_jsx_runtime.JSX.Element;
+
+export { AutoForm, type AutoFormProps, type FieldTypes, MantineAutoFormFieldComponents };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _acp_autoform_react from '@acp-autoform/react';
+import { FieldValues, ExtendableAutoFormProps } from '@acp-autoform/react';
+import React from 'react';
+import { MantineProvider } from '@mantine/core';
+
+interface AutoFormProps<T extends FieldValues> extends ExtendableAutoFormProps<T> {
+    theme?: Parameters<typeof MantineProvider>[0]["theme"];
+}
+
+declare const MantineAutoFormFieldComponents: {
+    readonly string: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly number: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly boolean: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly date: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+    readonly select: React.FC<_acp_autoform_react.AutoFormFieldProps>;
+};
+type FieldTypes = keyof typeof MantineAutoFormFieldComponents;
+declare function AutoForm<T extends Record<string, any>>({ theme, uiComponents, formComponents, ...props }: AutoFormProps<T>): react_jsx_runtime.JSX.Element;
+
+export { AutoForm, type AutoFormProps, type FieldTypes, MantineAutoFormFieldComponents };

package/dist/index.js

@@ -0,0 +1,360 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  AutoForm: () => AutoForm,
+  MantineAutoFormFieldComponents: () => MantineAutoFormFieldComponents
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/AutoForm.tsx
+var import_react2 = require("@acp-autoform/react");
+var import_core11 = require("@mantine/core");
+
+// src/components/Form.tsx
+var import_react = __toESM(require("react"));
+var import_styles = require("@mantine/dates/styles.css");
+var import_core = require("@mantine/core");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Form = import_react.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.Box,
+    {
+      component: "form",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 15
+      },
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/FieldWrapper.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FieldWrapper = ({ children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+};
+
+// src/components/ErrorMessage.tsx
+var import_core2 = require("@mantine/core");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ErrorMessage = ({ error }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "red", size: "sm", children: error });
+
+// src/components/SubmitButton.tsx
+var import_core3 = require("@mantine/core");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SubmitButton = ({
+  children
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Button, { type: "submit", mt: "md", children });
+
+// src/components/StringField.tsx
+var import_core4 = require("@mantine/core");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var StringField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_core4.TextInput,
+    {
+      id,
+      label,
+      error,
+      ...formField,
+      ...inputProps,
+      value: formField.value ?? "",
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description
+    },
+    id
+  );
+};
+
+// src/components/NumberField.tsx
+var import_core5 = require("@mantine/core");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var NumberField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_core5.TextInput,
+    {
+      type: "number",
+      label,
+      error,
+      ...formField,
+      ...inputProps,
+      value: formField.value ?? "",
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description
+    },
+    id
+  );
+};
+
+// src/components/BooleanField.tsx
+var import_core6 = require("@mantine/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var BooleanField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_core6.Checkbox,
+    {
+      ...formField,
+      ...inputProps,
+      error,
+      checked: formField.value ?? false,
+      description: field.fieldConfig?.description,
+      label: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { lineHeight: "16px", cursor: "pointer" }, children: [
+        label,
+        field.required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "red", opacity: 0.8 }, children: " * " })
+      ] })
+    },
+    id
+  );
+};
+
+// src/components/DateField.tsx
+var import_dates = require("@mantine/dates");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DateField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_dates.DateInput,
+    {
+      ...inputProps,
+      ...formField,
+      label,
+      error,
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description,
+      value: formField.value ? new Date(formField.value) : void 0,
+      onChange: (value) => formField.onChange(value?.toLocaleDateString("en-CA"))
+    },
+    id
+  );
+};
+
+// src/components/SelectField.tsx
+var import_core7 = require("@mantine/core");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var SelectField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_core7.Select,
+    {
+      ...inputProps,
+      ...formField,
+      label,
+      error,
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description,
+      data: (field.options || []).map(([_key, label2]) => ({
+        value: label2,
+        label: label2
+      }))
+    },
+    id
+  );
+};
+
+// src/components/ObjectWrapper.tsx
+var import_core8 = require("@mantine/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ObjectWrapper = ({
+  label,
+  field,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core8.Box, { mt: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core8.Title, { order: 5, style: { marginTop: "25px" }, children: label }),
+    field.fieldConfig?.description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core8.Text, { size: "xs", c: "dimmed", mb: 3, children: field.fieldConfig?.description }),
+    children
+  ] });
+};
+
+// src/components/ArrayWrapper.tsx
+var import_icons_react = require("@tabler/icons-react");
+var import_core9 = require("@mantine/core");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ArrayWrapper = ({
+  label,
+  field,
+  error,
+  children,
+  onAddItem,
+  inputProps
+}) => {
+  const { key, ref, ...props } = inputProps;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core9.Box, { mt: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      import_core9.Text,
+      {
+        fw: 500,
+        size: "md",
+        ref,
+        tabIndex: -1,
+        role: "heading",
+        "aria-describedby": `${key}-error ${key}-description`,
+        children: [
+          label,
+          field.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { color: "red", opacity: 0.8 }, children: " * " })
+        ]
+      }
+    ),
+    field.fieldConfig?.description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core9.Text, { size: "xs", c: "dimmed", id: key + "-description", children: field.fieldConfig?.description }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core9.Text, { size: "xs", c: "red.6", id: key + "-error", children: error }),
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_core9.Button,
+      {
+        ...props,
+        mt: "5px",
+        onClick: onAddItem,
+        "aria-label": `add ${label}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_react.IconPlus, { size: 19 })
+      }
+    )
+  ] });
+};
+
+// src/components/ArrayElementWrapper.tsx
+var import_core10 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ArrayElementWrapper = ({
+  children,
+  onRemove
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_core10.Box,
+    {
+      mt: "md",
+      p: "md",
+      style: {
+        border: "1px solid #eee",
+        borderRadius: 4,
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_core10.ActionIcon,
+          {
+            onClick: onRemove,
+            color: "red",
+            variant: "subtle",
+            "data-testid": "remove-item-button",
+            size: 30,
+            mb: 5,
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_react2.IconTrash, { size: 19 })
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+
+// src/AutoForm.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var MantineUIComponents = {
+  Form,
+  FieldWrapper,
+  ErrorMessage,
+  SubmitButton,
+  ObjectWrapper,
+  ArrayWrapper,
+  ArrayElementWrapper
+};
+var MantineAutoFormFieldComponents = {
+  string: StringField,
+  number: NumberField,
+  boolean: BooleanField,
+  date: DateField,
+  select: SelectField
+};
+function AutoForm({
+  theme,
+  uiComponents,
+  formComponents,
+  ...props
+}) {
+  const ThemedForm = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react2.AutoForm,
+    {
+      ...props,
+      uiComponents: { ...MantineUIComponents, ...uiComponents },
+      formComponents: { ...MantineAutoFormFieldComponents, ...formComponents }
+    }
+  );
+  return theme ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.MantineProvider, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ThemedForm, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ThemedForm, {});
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutoForm,
+  MantineAutoFormFieldComponents
+});

package/dist/index.mjs

@@ -0,0 +1,324 @@
+// src/AutoForm.tsx
+import {
+  AutoForm as BaseAutoForm
+} from "@acp-autoform/react";
+import { MantineProvider } from "@mantine/core";
+
+// src/components/Form.tsx
+import React from "react";
+import "@mantine/dates/styles.css";
+import { Box } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+var Form = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "form",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 15
+      },
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/FieldWrapper.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var FieldWrapper = ({ children }) => {
+  return /* @__PURE__ */ jsx2(Fragment, { children });
+};
+
+// src/components/ErrorMessage.tsx
+import { Text } from "@mantine/core";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ErrorMessage = ({ error }) => /* @__PURE__ */ jsx3(Text, { c: "red", size: "sm", children: error });
+
+// src/components/SubmitButton.tsx
+import { Button } from "@mantine/core";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var SubmitButton = ({
+  children
+}) => /* @__PURE__ */ jsx4(Button, { type: "submit", mt: "md", children });
+
+// src/components/StringField.tsx
+import { TextInput } from "@mantine/core";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var StringField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ jsx5(
+    TextInput,
+    {
+      id,
+      label,
+      error,
+      ...formField,
+      ...inputProps,
+      value: formField.value ?? "",
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description
+    },
+    id
+  );
+};
+
+// src/components/NumberField.tsx
+import { TextInput as TextInput2 } from "@mantine/core";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var NumberField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ jsx6(
+    TextInput2,
+    {
+      type: "number",
+      label,
+      error,
+      ...formField,
+      ...inputProps,
+      value: formField.value ?? "",
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description
+    },
+    id
+  );
+};
+
+// src/components/BooleanField.tsx
+import { Checkbox } from "@mantine/core";
+import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+var BooleanField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ jsx7(
+    Checkbox,
+    {
+      ...formField,
+      ...inputProps,
+      error,
+      checked: formField.value ?? false,
+      description: field.fieldConfig?.description,
+      label: /* @__PURE__ */ jsxs("span", { style: { lineHeight: "16px", cursor: "pointer" }, children: [
+        label,
+        field.required && /* @__PURE__ */ jsx7("span", { style: { color: "red", opacity: 0.8 }, children: " * " })
+      ] })
+    },
+    id
+  );
+};
+
+// src/components/DateField.tsx
+import { DateInput } from "@mantine/dates";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var DateField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ jsx8(
+    DateInput,
+    {
+      ...inputProps,
+      ...formField,
+      label,
+      error,
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description,
+      value: formField.value ? new Date(formField.value) : void 0,
+      onChange: (value) => formField.onChange(value?.toLocaleDateString("en-CA"))
+    },
+    id
+  );
+};
+
+// src/components/SelectField.tsx
+import { Select } from "@mantine/core";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var SelectField = ({
+  id,
+  label,
+  field,
+  error,
+  useField,
+  inputProps
+}) => {
+  const formField = useField();
+  return /* @__PURE__ */ jsx9(
+    Select,
+    {
+      ...inputProps,
+      ...formField,
+      label,
+      error,
+      withAsterisk: field.required,
+      description: field.fieldConfig?.description,
+      data: (field.options || []).map(([_key, label2]) => ({
+        value: label2,
+        label: label2
+      }))
+    },
+    id
+  );
+};
+
+// src/components/ObjectWrapper.tsx
+import { Box as Box2, Title, Text as Text2 } from "@mantine/core";
+import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+var ObjectWrapper = ({
+  label,
+  field,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs2(Box2, { mt: "md", children: [
+    /* @__PURE__ */ jsx10(Title, { order: 5, style: { marginTop: "25px" }, children: label }),
+    field.fieldConfig?.description && /* @__PURE__ */ jsx10(Text2, { size: "xs", c: "dimmed", mb: 3, children: field.fieldConfig?.description }),
+    children
+  ] });
+};
+
+// src/components/ArrayWrapper.tsx
+import { IconPlus } from "@tabler/icons-react";
+import { Box as Box3, Text as Text3, Button as Button2 } from "@mantine/core";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var ArrayWrapper = ({
+  label,
+  field,
+  error,
+  children,
+  onAddItem,
+  inputProps
+}) => {
+  const { key, ref, ...props } = inputProps;
+  return /* @__PURE__ */ jsxs3(Box3, { mt: "md", children: [
+    /* @__PURE__ */ jsxs3(
+      Text3,
+      {
+        fw: 500,
+        size: "md",
+        ref,
+        tabIndex: -1,
+        role: "heading",
+        "aria-describedby": `${key}-error ${key}-description`,
+        children: [
+          label,
+          field.required && /* @__PURE__ */ jsx11("span", { style: { color: "red", opacity: 0.8 }, children: " * " })
+        ]
+      }
+    ),
+    field.fieldConfig?.description && /* @__PURE__ */ jsx11(Text3, { size: "xs", c: "dimmed", id: key + "-description", children: field.fieldConfig?.description }),
+    error && /* @__PURE__ */ jsx11(Text3, { size: "xs", c: "red.6", id: key + "-error", children: error }),
+    children,
+    /* @__PURE__ */ jsx11(
+      Button2,
+      {
+        ...props,
+        mt: "5px",
+        onClick: onAddItem,
+        "aria-label": `add ${label}`,
+        children: /* @__PURE__ */ jsx11(IconPlus, { size: 19 })
+      }
+    )
+  ] });
+};
+
+// src/components/ArrayElementWrapper.tsx
+import { Box as Box4, ActionIcon } from "@mantine/core";
+import { IconTrash } from "@tabler/icons-react";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var ArrayElementWrapper = ({
+  children,
+  onRemove
+}) => {
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      mt: "md",
+      p: "md",
+      style: {
+        border: "1px solid #eee",
+        borderRadius: 4,
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ jsx12(
+          ActionIcon,
+          {
+            onClick: onRemove,
+            color: "red",
+            variant: "subtle",
+            "data-testid": "remove-item-button",
+            size: 30,
+            mb: 5,
+            children: /* @__PURE__ */ jsx12(IconTrash, { size: 19 })
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+
+// src/AutoForm.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var MantineUIComponents = {
+  Form,
+  FieldWrapper,
+  ErrorMessage,
+  SubmitButton,
+  ObjectWrapper,
+  ArrayWrapper,
+  ArrayElementWrapper
+};
+var MantineAutoFormFieldComponents = {
+  string: StringField,
+  number: NumberField,
+  boolean: BooleanField,
+  date: DateField,
+  select: SelectField
+};
+function AutoForm({
+  theme,
+  uiComponents,
+  formComponents,
+  ...props
+}) {
+  const ThemedForm = () => /* @__PURE__ */ jsx13(
+    BaseAutoForm,
+    {
+      ...props,
+      uiComponents: { ...MantineUIComponents, ...uiComponents },
+      formComponents: { ...MantineAutoFormFieldComponents, ...formComponents }
+    }
+  );
+  return theme ? /* @__PURE__ */ jsx13(MantineProvider, { theme, children: /* @__PURE__ */ jsx13(ThemedForm, {}) }) : /* @__PURE__ */ jsx13(ThemedForm, {});
+}
+export {
+  AutoForm,
+  MantineAutoFormFieldComponents
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@acp-autoform/mantine",
+  "version": "3.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "lint": "eslint . --max-warnings 0",
+    "build": "tsup src/index.tsx --format cjs,esm --dts ",
+    "dev": "tsup src/index.tsx --format cjs,esm --dts --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adityacodepublic/autoform.git"
+  },
+  "devDependencies": {
+    "@acp-autoform/core": "*",
+    "@acp-autoform/eslint-config": "*",
+    "@acp-autoform/typescript-config": "*",
+    "@mantine/core": "^7.16.0",
+    "@mantine/dates": "^7.16.0",
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.24",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "eslint": "^8.57.0",
+    "react": "^19.1.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@acp-autoform/react": "*",
+    "@tabler/icons-react": "^3.0.0"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^7",
+    "@mantine/dates": "^7",
+    "react": "^16.8.0 || ^17 || ^18 || ^19"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}