dn-react-router-toolkit 0.7.7 → 0.7.9

package/dist/client/store_text_editor.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/client/store_text_editor.tsx
@@ -35,7 +25,8 @@ __export(store_text_editor_exports, {
 module.exports = __toCommonJS(store_text_editor_exports);
 var import_dn_react_text_editor = require("dn-react-text-editor");
 var import_react_store_input = require("react-store-input");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function StoreTextEditor({
   store,
   name,
@@ -94,7 +85,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,

package/dist/client/store_text_editor.mjs

@@ -3,7 +3,8 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React, { useImperativeHandle, useRef } from "react";
+import { useImperativeHandle, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 function StoreTextEditor({
   store,
   name,
@@ -62,7 +63,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TextEditor,
     {
       ...props,

package/dist/crud/crud_form.d.mts

@@ -1,11 +1,12 @@
-import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, ReactNode } from 'react';
 
 type Props = {
-    AdminHeader: React__default.FC<{
+    AdminHeader: FC<{
         title: string;
-        actions?: React__default.ReactNode;
+        actions?: ReactNode;
     }>;
 };
-declare function CrudForm<TModel extends Record<string, unknown>>({ AdminHeader, }: Props): React__default.JSX.Element;
+declare function CrudForm<TModel extends Record<string, unknown>>({ AdminHeader, }: Props): react_jsx_runtime.JSX.Element;
 
 export { CrudForm as default };

package/dist/crud/crud_form.d.ts

@@ -1,11 +1,12 @@
-import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, ReactNode } from 'react';
 
 type Props = {
-    AdminHeader: React__default.FC<{
+    AdminHeader: FC<{
         title: string;
-        actions?: React__default.ReactNode;
+        actions?: ReactNode;
     }>;
 };
-declare function CrudForm<TModel extends Record<string, unknown>>({ AdminHeader, }: Props): React__default.JSX.Element;
+declare function CrudForm<TModel extends Record<string, unknown>>({ AdminHeader, }: Props): react_jsx_runtime.JSX.Element;
 
 export { CrudForm as default };

package/dist/crud/crud_form.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/crud/crud_form.tsx
@@ -38,22 +28,20 @@ module.exports = __toCommonJS(crud_form_exports);
 var import_react_router = require("react-router");
 var import_react_store_input = require("react-store-input");
 var import_react = require("react");
-var import_react2 = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var FormContext = (0, import_react.createContext)({});
 function useFormContext() {
   return (0, import_react.useContext)(FormContext);
 }
 
-// src/crud/crud_form.tsx
-var import_react8 = __toESM(require("react"));
-
 // src/form/create_form_component.tsx
 var import_utils = require("dn-react-toolkit/utils");
-var import_react3 = __toESM(require("react"));
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ import_react3.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
   };
 }
 
@@ -72,12 +60,12 @@ var FormLabel = createComponent("label", {
 var import_react_store_input3 = require("react-store-input");
 
 // src/client/env_loader.tsx
-var import_react4 = __toESM(require("react"));
 var import_react_router2 = require("react-router");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 
 // src/client/file_input.tsx
-var import_react5 = require("react");
-var import_react6 = __toESM(require("react"));
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 
 // src/client/use_user_agent.tsx
 var import_react_router3 = require("react-router");
@@ -85,7 +73,8 @@ var import_react_router3 = require("react-router");
 // src/client/store_text_editor.tsx
 var import_dn_react_text_editor = require("dn-react-text-editor");
 var import_react_store_input2 = require("react-store-input");
-var import_react7 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function StoreTextEditor({
   store,
   name,
@@ -95,8 +84,8 @@ function StoreTextEditor({
   ref,
   ...props
 }) {
-  const controllerRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useImperativeHandle)(
+  const controllerRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useImperativeHandle)(
     ref,
     () => controllerRef.current,
     []
@@ -144,7 +133,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
@@ -162,65 +151,87 @@ function StoreTextEditor({
 var import_client = require("dn-react-toolkit/file/client");
 
 // src/crud/crud_form.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function CrudForm({
   AdminHeader
 }) {
   const form = useFormContext();
   const component = (0, import_react_store_input3.useStoreComponent)(form.store);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
-    AdminHeader,
-    {
-      title: `${form.name} ${form.item ? "\uC218\uC815" : "\uCD94\uAC00"}`,
-      actions: /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, form.item && /* @__PURE__ */ import_react8.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "button-outline",
-          onClick: () => {
-            form.delete();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      AdminHeader,
+      {
+        title: `${form.name} ${form.item ? "\uC218\uC815" : "\uCD94\uAC00"}`,
+        actions: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          form.item && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "button-outline",
+              onClick: () => {
+                form.delete();
+              },
+              children: "\uC0AD\uC81C\uD558\uAE30"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "button-primary",
+              onClick: form.submit,
+              children: "\uC800\uC7A5\uD558\uAE30"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: Object.entries(form.columns).map(
+      ([name, value]) => {
+        function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, { store: form.store, name });
           }
-        },
-        "\uC0AD\uC81C\uD558\uAE30"
-      ), /* @__PURE__ */ import_react8.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "button-primary",
-          onClick: form.submit
-        },
-        "\uC800\uC7A5\uD558\uAE30"
-      ))
-    }
-  ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "max-w-2xl mx-auto" }, Object.keys(form.columns).length > 0 && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, Object.entries(form.columns).map(
-    ([name, value]) => {
-      function InputComponent() {
-        if (value.type === "textarea") {
-          return /* @__PURE__ */ import_react8.default.createElement(
-            StoreTextEditor,
+          if (value.type === "textarea") {
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              StoreTextEditor,
+              {
+                store: form.store,
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
+              }
+            );
+          }
+          if (value.options) {
+            const Component = value.options;
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(component.select, { name, className: "select-form", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, {}) });
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            component.input,
             {
-              store: form.store,
-              name
+              name,
+              type: value.type,
+              className: "input-form"
             }
           );
         }
-        if (value.options) {
-          const Component = value.options;
-          return /* @__PURE__ */ import_react8.default.createElement(component.select, { name, className: "select-form" }, /* @__PURE__ */ import_react8.default.createElement(Component, null));
+        const v = form.store.state[name];
+        if (typeof v === "boolean") {
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex", children: [
+            value.label,
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InputComponent, {}) })
+          ] });
         }
-        return /* @__PURE__ */ import_react8.default.createElement(
-          component.input,
-          {
-            name,
-            type: value.type,
-            className: "input-form"
-          }
-        );
-      }
-      const v = form.store.state[name];
-      if (typeof v === "boolean") {
-        return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex" }, value.label, /* @__PURE__ */ import_react8.default.createElement("div", { className: "ml-auto" }, /* @__PURE__ */ import_react8.default.createElement(InputComponent, null)));
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormLabel, { children: value.label }, name),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InputComponent, {})
+        ] }) });
       }
-      return /* @__PURE__ */ import_react8.default.createElement(FormRow, null, /* @__PURE__ */ import_react8.default.createElement(FormEntry, null, /* @__PURE__ */ import_react8.default.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ import_react8.default.createElement(InputComponent, null)));
-    }
-  ))));
+    ) }) })
+  ] });
 }

package/dist/crud/crud_form.mjs

@@ -1,23 +1,24 @@
 // src/crud/crud_form_provider.tsx
 import { useNavigate } from "react-router";
 import { useStore } from "react-store-input";
-import { createContext, useContext } from "react";
-import React from "react";
+import {
+  createContext,
+  useContext
+} from "react";
+import { jsx } from "react/jsx-runtime";
 var FormContext = createContext({});
 function useFormContext() {
   return useContext(FormContext);
 }
 
-// src/crud/crud_form.tsx
-import React6 from "react";
-
 // src/form/create_form_component.tsx
 import { cn } from "dn-react-toolkit/utils";
-import React2 from "react";
+import "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ React2.createElement(Tag, { ...props, className: cn(options.className, className) });
+    return /* @__PURE__ */ jsx2(Tag, { ...props, className: cn(options.className, className) });
   };
 }
 
@@ -36,12 +37,14 @@ var FormLabel = createComponent("label", {
 import { useStoreComponent } from "react-store-input";
 
 // src/client/env_loader.tsx
-import React3 from "react";
 import { useRouteLoaderData } from "react-router";
+import { jsx as jsx3 } from "react/jsx-runtime";
 
 // src/client/file_input.tsx
-import "react";
-import React4 from "react";
+import {
+  useRef
+} from "react";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
 
 // src/client/use_user_agent.tsx
 import { useRouteLoaderData as useRouteLoaderData2 } from "react-router";
@@ -51,7 +54,8 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5, { useImperativeHandle, useRef } from "react";
+import { useImperativeHandle, useRef as useRef2 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function StoreTextEditor({
   store,
   name,
@@ -61,7 +65,7 @@ function StoreTextEditor({
   ref,
   ...props
 }) {
-  const controllerRef = useRef(null);
+  const controllerRef = useRef2(null);
   useImperativeHandle(
     ref,
     () => controllerRef.current,
@@ -110,7 +114,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsx5(
     TextEditor,
     {
       ...props,
@@ -128,67 +132,89 @@ function StoreTextEditor({
 import { generateMetadata } from "dn-react-toolkit/file/client";
 
 // src/crud/crud_form.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function CrudForm({
   AdminHeader
 }) {
   const form = useFormContext();
   const component = useStoreComponent(form.store);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
-    AdminHeader,
-    {
-      title: `${form.name} ${form.item ? "\uC218\uC815" : "\uCD94\uAC00"}`,
-      actions: /* @__PURE__ */ React6.createElement(React6.Fragment, null, form.item && /* @__PURE__ */ React6.createElement(
-        "button",
-        {
-          type: "button",
-          className: "button-outline",
-          onClick: () => {
-            form.delete();
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(
+      AdminHeader,
+      {
+        title: `${form.name} ${form.item ? "\uC218\uC815" : "\uCD94\uAC00"}`,
+        actions: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          form.item && /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              className: "button-outline",
+              onClick: () => {
+                form.delete();
+              },
+              children: "\uC0AD\uC81C\uD558\uAE30"
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              className: "button-primary",
+              onClick: form.submit,
+              children: "\uC800\uC7A5\uD558\uAE30"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx6("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ jsx6(Fragment2, { children: Object.entries(form.columns).map(
+      ([name, value]) => {
+        function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ jsx6(Component, { store: form.store, name });
           }
-        },
-        "\uC0AD\uC81C\uD558\uAE30"
-      ), /* @__PURE__ */ React6.createElement(
-        "button",
-        {
-          type: "button",
-          className: "button-primary",
-          onClick: form.submit
-        },
-        "\uC800\uC7A5\uD558\uAE30"
-      ))
-    }
-  ), /* @__PURE__ */ React6.createElement("div", { className: "max-w-2xl mx-auto" }, Object.keys(form.columns).length > 0 && /* @__PURE__ */ React6.createElement(React6.Fragment, null, Object.entries(form.columns).map(
-    ([name, value]) => {
-      function InputComponent() {
-        if (value.type === "textarea") {
-          return /* @__PURE__ */ React6.createElement(
-            StoreTextEditor,
+          if (value.type === "textarea") {
+            return /* @__PURE__ */ jsx6(
+              StoreTextEditor,
+              {
+                store: form.store,
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
+              }
+            );
+          }
+          if (value.options) {
+            const Component = value.options;
+            return /* @__PURE__ */ jsx6(component.select, { name, className: "select-form", children: /* @__PURE__ */ jsx6(Component, {}) });
+          }
+          return /* @__PURE__ */ jsx6(
+            component.input,
             {
-              store: form.store,
-              name
+              name,
+              type: value.type,
+              className: "input-form"
             }
           );
         }
-        if (value.options) {
-          const Component = value.options;
-          return /* @__PURE__ */ React6.createElement(component.select, { name, className: "select-form" }, /* @__PURE__ */ React6.createElement(Component, null));
+        const v = form.store.state[name];
+        if (typeof v === "boolean") {
+          return /* @__PURE__ */ jsxs2("div", { className: "flex", children: [
+            value.label,
+            /* @__PURE__ */ jsx6("div", { className: "ml-auto", children: /* @__PURE__ */ jsx6(InputComponent, {}) })
+          ] });
         }
-        return /* @__PURE__ */ React6.createElement(
-          component.input,
-          {
-            name,
-            type: value.type,
-            className: "input-form"
-          }
-        );
+        return /* @__PURE__ */ jsx6(FormRow, { children: /* @__PURE__ */ jsxs2(FormEntry, { children: [
+          /* @__PURE__ */ jsx6(FormLabel, { children: value.label }, name),
+          /* @__PURE__ */ jsx6(InputComponent, {})
+        ] }) });
       }
-      const v = form.store.state[name];
-      if (typeof v === "boolean") {
-        return /* @__PURE__ */ React6.createElement("div", { className: "flex" }, value.label, /* @__PURE__ */ React6.createElement("div", { className: "ml-auto" }, /* @__PURE__ */ React6.createElement(InputComponent, null)));
-      }
-      return /* @__PURE__ */ React6.createElement(FormRow, null, /* @__PURE__ */ React6.createElement(FormEntry, null, /* @__PURE__ */ React6.createElement(FormLabel, { key: name }, value.label), /* @__PURE__ */ React6.createElement(InputComponent, null)));
-    }
-  ))));
+    ) }) })
+  ] });
 }
 export {
   CrudForm as default

package/dist/crud/crud_form_provider.d.mts

@@ -1,15 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLInputTypeAttribute, FC, ReactNode } from 'react';
 import { Store } from 'react-store-input';
-import React__default from 'react';
 
 type FormColumnValue<TModel> = {
     label?: string;
-    type?: React__default.HTMLInputTypeAttribute | "textarea";
+    type?: HTMLInputTypeAttribute | "textarea";
     defaultValue?: TModel[keyof TModel];
-    component?: React__default.FC<{
+    component?: FC<{
         store: Store<TModel>;
-        property: string;
+        name: string;
     }>;
-    options?: React__default.FC;
+    options?: FC;
 };
 type FormColumns<TModel> = Partial<{
     [K in keyof TModel]: FormColumnValue<TModel>;
@@ -22,7 +24,7 @@ type FormContextProps<TModel> = {
     delete: () => Promise<void>;
     columns: FormColumns<TModel>;
 };
-declare const FormContext: React__default.Context<{}>;
+declare const FormContext: react.Context<{}>;
 declare function useFormContext<TModel>(): FormContextProps<TModel>;
 type CrudFormProps<TModel> = {
     primaryKey?: keyof TModel;
@@ -30,8 +32,8 @@ type CrudFormProps<TModel> = {
     prefix: string;
     item?: TModel;
     columns?: FormColumns<TModel>;
-    children?: React__default.ReactNode;
+    children?: ReactNode;
 };
-declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): React__default.JSX.Element;
+declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): react_jsx_runtime.JSX.Element;
 
 export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, type FormContextProps, CrudFormProvider as default, useFormContext };

package/dist/crud/crud_form_provider.d.ts

@@ -1,15 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLInputTypeAttribute, FC, ReactNode } from 'react';
 import { Store } from 'react-store-input';
-import React__default from 'react';
 
 type FormColumnValue<TModel> = {
     label?: string;
-    type?: React__default.HTMLInputTypeAttribute | "textarea";
+    type?: HTMLInputTypeAttribute | "textarea";
     defaultValue?: TModel[keyof TModel];
-    component?: React__default.FC<{
+    component?: FC<{
         store: Store<TModel>;
-        property: string;
+        name: string;
     }>;
-    options?: React__default.FC;
+    options?: FC;
 };
 type FormColumns<TModel> = Partial<{
     [K in keyof TModel]: FormColumnValue<TModel>;
@@ -22,7 +24,7 @@ type FormContextProps<TModel> = {
     delete: () => Promise<void>;
     columns: FormColumns<TModel>;
 };
-declare const FormContext: React__default.Context<{}>;
+declare const FormContext: react.Context<{}>;
 declare function useFormContext<TModel>(): FormContextProps<TModel>;
 type CrudFormProps<TModel> = {
     primaryKey?: keyof TModel;
@@ -30,8 +32,8 @@ type CrudFormProps<TModel> = {
     prefix: string;
     item?: TModel;
     columns?: FormColumns<TModel>;
-    children?: React__default.ReactNode;
+    children?: ReactNode;
 };
-declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): React__default.JSX.Element;
+declare function CrudFormProvider<TModel>({ primaryKey, name, prefix, item, columns, children, }: CrudFormProps<TModel>): react_jsx_runtime.JSX.Element;
 
 export { type CrudFormProps, type FormColumnValue, type FormColumns, FormContext, type FormContextProps, CrudFormProvider as default, useFormContext };