@dartcom/ui-kit 3.3.1 → 3.4.0

package/dist/cjs/components/form/form.js

@@ -17,22 +17,13 @@ var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
  *
  * @returns {JSX.Element} The rendered form component with form context.
  */
-function CustomForm({ form, sx = {}, fields, buttons, observers, onSubmit, }) {
+function CustomForm({ form, sx = {}, onSubmit, children, }) {
     const { handleSubmit } = form;
-    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsxs(Box.default, { component: "form", sx: {
+    return (jsxRuntime.jsx(index_esm.FormProvider, { ...form, children: jsxRuntime.jsx(Box.default, { component: "form", sx: {
                 display: 'grid',
                 gap: '15px',
                 ...sx,
-            }, onSubmit: handleSubmit(onSubmit), children: [jsxRuntime.jsx(Box.default, { sx: {
-                        display: 'grid',
-                        gap: '15px',
-                        ...fields.sx,
-                    }, children: fields.content }), buttons?.content ? (jsxRuntime.jsx(Box.default, { sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '15px',
-                        ...buttons.sx,
-                    }, children: buttons.content })) : null, observers?.content] }) }));
+            }, onSubmit: handleSubmit(onSubmit), children: children }) }));
 }
 
 exports.default = CustomForm;

package/dist/cjs/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n\r\n  fields: {\r\n    content: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  buttons?: {\r\n    content?: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  observers?: {\r\n    content?: React.ReactNode;\r\n  };\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  fields,\r\n  buttons,\r\n  observers,\r\n  onSubmit,\r\n}: CustomFormProp<T>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        <Box\r\n          sx={{\r\n            display: 'grid',\r\n\r\n            gap: '15px',\r\n\r\n            ...fields.sx,\r\n          }}>\r\n          {fields.content}\r\n        </Box>\r\n\r\n        {buttons?.content ? (\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n\r\n              alignItems: 'center',\r\n\r\n              gap: '15px',\r\n\r\n              ...buttons.sx,\r\n            }}>\r\n            {buttons.content}\r\n          </Box>\r\n        ) : null}\r\n        {observers?.content}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsx","FormProvider","_jsxs","Box"],"mappings":";;;;;;;;AA+BA;;;;;;;;;;AAUG;AACH,SAAS,UAAU,CAAwB,EACzC,IAAI,EACJ,EAAE,GAAG,EAAE,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACU,EAAA;AAClB,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;AAE7B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EACpBC,eAAA,CAACC,WAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,OAAO,EAAE,MAAM;AAEf,gBAAA,GAAG,EAAE,MAAM;AAEX,gBAAA,GAAG,EAAE;aACN,EACD,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAChCH,cAAA,CAACG,WAAG,EAAA,EACF,EAAE,EAAE;AACF,wBAAA,OAAO,EAAE,MAAM;AAEf,wBAAA,GAAG,EAAE,MAAM;wBAEX,GAAG,MAAM,CAAC,EAAE;AACb,qBAAA,EAAA,QAAA,EACA,MAAM,CAAC,OAAO,EAAA,CACX,EAEL,OAAO,EAAE,OAAO,IACfH,cAAA,CAACG,WAAG,EAAA,EACF,EAAE,EAAE;AACF,wBAAA,OAAO,EAAE,MAAM;AAEf,wBAAA,UAAU,EAAE,QAAQ;AAEpB,wBAAA,GAAG,EAAE,MAAM;wBAEX,GAAG,OAAO,CAAC,EAAE;AACd,qBAAA,EAAA,QAAA,EACA,OAAO,CAAC,OAAO,EAAA,CACZ,IACJ,IAAI,EACP,SAAS,EAAE,OAAO,CAAA,EAAA,CACf,EAAA,CACO;AAEnB;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  onSubmit,\r\n  children,\r\n}: React.PropsWithChildren<CustomFormProp<T>>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        {children}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["_jsx","FormProvider","Box"],"mappings":";;;;;;;;AAgBA;;;;;;;;;;AAUG;AACH,SAAS,UAAU,CAAwB,EACzC,IAAI,EACJ,EAAE,GAAG,EAAE,EACP,QAAQ,EACR,QAAQ,GACmC,EAAA;AAC3C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;AAE7B,IAAA,QACEA,cAAA,CAACC,sBAAY,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EACpBD,cAAA,CAACE,WAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,gBAAA,OAAO,EAAE,MAAM;AAEf,gBAAA,GAAG,EAAE,MAAM;AAEX,gBAAA,GAAG,EAAE;aACN,EACD,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAA,QAAA,EAC/B,QAAQ,EAAA,CACL,EAAA,CACO;AAEnB;;;;"}

package/dist/cjs/components/input/input.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index_esm = require('../../node_modules/react-hook-form/dist/index.esm.js');
-var TextField = require('../../node_modules/@mui/material/esm/TextField/TextField.js');
+var textField = require('../text-field/text-field.js');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -27,12 +27,27 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function CustomInput(props) {
-    const { name } = props;
+    const { name, type } = props;
     const textFieldId = React__namespace.useId();
     const { control } = index_esm.useFormContext();
-    return (jsxRuntime.jsx(index_esm.Controller, { name: name, control: control, render: ({ field }) => {
-            return (jsxRuntime.jsx(TextField.default, { id: textFieldId, ...props, ...field, size: "small" }));
-        } }));
+    return (jsxRuntime.jsx(index_esm.Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(textField.default, { id: textFieldId, ...props, ...field, onChange: (event) => {
+                const { target } = event;
+                const { value } = target;
+                switch (type) {
+                    case 'number': {
+                        if (value === '') {
+                            field.onChange();
+                        }
+                        else {
+                            field.onChange(Number(value));
+                        }
+                        break;
+                    }
+                    default: {
+                        field.onChange(event);
+                    }
+                }
+            } })) }));
 }
 
 exports.default = CustomInput;

package/dist/cjs/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return (\r\n          <TextField id={textFieldId} {...props} {...field} size=\"small\" />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["React","useFormContext","_jsx","Controller","TextField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,WAAW,CAAI,KAA0B,EAAA;AAChD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK;AAEtB,IAAA,MAAM,WAAW,GAAGA,gBAAK,CAAC,KAAK,EAAE;AAEjC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,wBAAc,EAAE;AAEpC,IAAA,QACEC,cAAA,CAACC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,YAAA,QACED,cAAA,CAACE,iBAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAA,GAAM,KAAK,EAAA,GAAM,KAAK,EAAE,IAAI,EAAC,OAAO,EAAA,CAAG;QAErE,CAAC,EAAA,CACD;AAEN;;;;"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { TextField } from '../text-field';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name, type } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => (\r\n        <TextField\r\n          id={textFieldId}\r\n          {...props}\r\n          {...field}\r\n          onChange={(event) => {\r\n            const { target } = event;\r\n\r\n            const { value } = target;\r\n\r\n            switch (type) {\r\n              case 'number': {\r\n                if (value === '') {\r\n                  field.onChange();\r\n                } else {\r\n                  field.onChange(Number(value));\r\n                }\r\n\r\n                break;\r\n              }\r\n\r\n              default: {\r\n                field.onChange(event);\r\n              }\r\n            }\r\n          }}\r\n        />\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["React","useFormContext","_jsx","Controller","TextField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAS,WAAW,CAAI,KAA0B,EAAA;AAChD,IAAA,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK;AAE5B,IAAA,MAAM,WAAW,GAAGA,gBAAK,CAAC,KAAK,EAAE;AAEjC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,wBAAc,EAAE;AAEpC,IAAA,QACEC,cAAA,CAACC,oBAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChBD,cAAA,CAACE,iBAAS,EAAA,EACR,EAAE,EAAE,WAAW,EAAA,GACX,KAAK,EAAA,GACL,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK;AAExB,gBAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM;gBAExB,QAAQ,IAAI;oBACV,KAAK,QAAQ,EAAE;AACb,wBAAA,IAAI,KAAK,KAAK,EAAE,EAAE;4BAChB,KAAK,CAAC,QAAQ,EAAE;wBAClB;6BAAO;4BACL,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B;wBAEA;oBACF;oBAEA,SAAS;AACP,wBAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;oBACvB;;AAEJ,YAAA,CAAC,EAAA,CACD,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/text-field/text-field.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var TextField = require('../../node_modules/@mui/material/esm/TextField/TextField.js');
+
+const CustomTextField = (props) => {
+    return jsxRuntime.jsx(TextField.default, { size: "small", ...props });
+};
+
+exports.default = CustomTextField;
+//# sourceMappingURL=text-field.js.map

package/dist/cjs/components/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sources":["../../../../src/components/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextField } from '@mui/material';\n\nimport { CustomTextFieldProps } from './types';\n\nconst CustomTextField: React.FC<CustomTextFieldProps> = (props) => {\n  return <TextField size=\"small\" {...props} />;\n};\n\nexport default CustomTextField;\n"],"names":["_jsx","TextField"],"mappings":";;;;;;;AAKA,MAAM,eAAe,GAAmC,CAAC,KAAK,KAAI;IAChE,OAAOA,cAAA,CAACC,iBAAS,EAAA,EAAC,IAAI,EAAC,OAAO,EAAA,GAAK,KAAK,EAAA,CAAI;AAC9C;;;;"}

package/dist/esm/components/form/form.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{FormProvider as n}from"../../node_modules/react-hook-form/dist/index.esm.js";import t from"../../node_modules/@mui/material/esm/Box/Box.js";function r({form:r,sx:s={},fields:i,buttons:m,observers:d,onSubmit:l}){const{handleSubmit:x}=r;return e(n,{...r,children:o(t,{component:"form",sx:{display:"grid",gap:"15px",...s},onSubmit:x(l),children:[e(t,{sx:{display:"grid",gap:"15px",...i.sx},children:i.content}),m?.content?e(t,{sx:{display:"flex",alignItems:"center",gap:"15px",...m.sx},children:m.content}):null,d?.content]})})}export{r as default};
+import{jsx as o}from"react/jsx-runtime";import{FormProvider as m}from"../../node_modules/react-hook-form/dist/index.esm.js";import r from"../../node_modules/@mui/material/esm/Box/Box.js";function e({form:e,sx:i={},onSubmit:t,children:n}){const{handleSubmit:d}=e;return o(m,{...e,children:o(r,{component:"form",sx:{display:"grid",gap:"15px",...i},onSubmit:d(t),children:n})})}export{e as default};
 //# sourceMappingURL=form.js.map

package/dist/esm/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n\r\n  fields: {\r\n    content: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  buttons?: {\r\n    content?: React.ReactNode;\r\n    sx?: SxProps;\r\n  };\r\n\r\n  observers?: {\r\n    content?: React.ReactNode;\r\n  };\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  fields,\r\n  buttons,\r\n  observers,\r\n  onSubmit,\r\n}: CustomFormProp<T>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        <Box\r\n          sx={{\r\n            display: 'grid',\r\n\r\n            gap: '15px',\r\n\r\n            ...fields.sx,\r\n          }}>\r\n          {fields.content}\r\n        </Box>\r\n\r\n        {buttons?.content ? (\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n\r\n              alignItems: 'center',\r\n\r\n              gap: '15px',\r\n\r\n              ...buttons.sx,\r\n            }}>\r\n            {buttons.content}\r\n          </Box>\r\n        ) : null}\r\n        {observers?.content}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","form","sx","fields","buttons","observers","onSubmit","handleSubmit","_jsx","FormProvider","children","_jsxs","Box","component","display","gap","content","alignItems"],"mappings":"qMA0CA,SAASA,GAAkCC,KACzCA,EAAIC,GACJA,EAAK,CAAA,EAAEC,OACPA,EAAMC,QACNA,EAAOC,UACPA,EAASC,SACTA,IAEA,MAAMC,aAAEA,GAAiBN,EAEzB,OACEO,EAACC,EAAY,IAAKR,EAAIS,SACpBC,EAACC,EAAG,CACFC,UAAU,OACVX,GAAI,CACFY,QAAS,OAETC,IAAK,UAEFb,GAELI,SAAUC,EAAaD,GAASI,SAAA,CAChCF,EAACI,EAAG,CACFV,GAAI,CACFY,QAAS,OAETC,IAAK,UAEFZ,EAAOD,IACXQ,SACAP,EAAOa,UAGTZ,GAASY,QACRR,EAACI,EAAG,CACFV,GAAI,CACFY,QAAS,OAETG,WAAY,SAEZF,IAAK,UAEFX,EAAQF,IACZQ,SACAN,EAAQY,UAET,KACHX,GAAWW,YAIpB"}
+{"version":3,"file":"form.js","sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material';\r\nimport {\r\n  FieldValues,\r\n  FormProvider,\r\n  SubmitHandler,\r\n  UseFormReturn,\r\n} from 'react-hook-form';\r\n\r\ninterface CustomFormProp<T extends FieldValues> {\r\n  form: UseFormReturn<T>;\r\n\r\n  onSubmit: SubmitHandler<T>;\r\n\r\n  sx?: SxProps;\r\n}\r\n\r\n/**\r\n * Используем этот компонент как основную обертку для формы\r\n * Все поля должны хранится при инициализации формы и быть доступны через контекст формы\r\n * @template T - Интрефейс данных формы.\r\n * @param {React.ReactNode} children - Все компоненты, которым нужен контекст фор.\r\n * @param {UseFormReturn<T>} form - Форма useForm, которая содержит все поля.\r\n * @param {SxProps} [sx={}] - Опциональные стили самой формы.\r\n * @param {SubmitHandler<T>} onSubmit - Функция обработки отправки формы.\r\n *\r\n * @returns {JSX.Element} The rendered form component with form context.\r\n */\r\nfunction CustomForm<T extends FieldValues>({\r\n  form,\r\n  sx = {},\r\n  onSubmit,\r\n  children,\r\n}: React.PropsWithChildren<CustomFormProp<T>>) {\r\n  const { handleSubmit } = form;\r\n\r\n  return (\r\n    <FormProvider {...form}>\r\n      <Box\r\n        component=\"form\"\r\n        sx={{\r\n          display: 'grid',\r\n\r\n          gap: '15px',\r\n\r\n          ...sx,\r\n        }}\r\n        onSubmit={handleSubmit(onSubmit)}>\r\n        {children}\r\n      </Box>\r\n    </FormProvider>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["CustomForm","form","sx","onSubmit","children","handleSubmit","_jsx","FormProvider","Box","component","display","gap"],"mappings":"2LA2BA,SAASA,GAAkCC,KACzCA,EAAIC,GACJA,EAAK,CAAA,EAAEC,SACPA,EAAQC,SACRA,IAEA,MAAMC,aAAEA,GAAiBJ,EAEzB,OACEK,EAACC,EAAY,IAAKN,EAAIG,SACpBE,EAACE,EAAG,CACFC,UAAU,OACVP,GAAI,CACFQ,QAAS,OAETC,IAAK,UAEFT,GAELC,SAAUE,EAAaF,GAASC,SAC/BA,KAIT"}

package/dist/esm/components/input/input.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{useFormContext as r,Controller as m}from"../../node_modules/react-hook-form/dist/index.esm.js";import t from"../../node_modules/@mui/material/esm/TextField/TextField.js";function i(i){const{name:s}=i,d=o.useId(),{control:n}=r();return e(m,{name:s,control:n,render:({field:o})=>e(t,{id:d,...i,...o,size:"small"})})}export{i as default};
+import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{useFormContext as t,Controller as r}from"../../node_modules/react-hook-form/dist/index.esm.js";import n from"../text-field/text-field.js";function m(m){const{name:a,type:i}=m,s=o.useId(),{control:d}=t();return e(r,{name:a,control:d,render:({field:o})=>e(n,{id:s,...m,...o,onChange:e=>{const{target:t}=e,{value:r}=t;if("number"===i)""===r?o.onChange():o.onChange(Number(r));else o.onChange(e)}})})}export{m as default};
 //# sourceMappingURL=input.js.map

package/dist/esm/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => {\r\n        return (\r\n          <TextField id={textFieldId} {...props} {...field} size=\"small\" />\r\n        );\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","textFieldId","React","useId","control","useFormContext","_jsx","Controller","render","field","TextField","id","size"],"mappings":"iPAMA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,GAASD,EAEXE,EAAcC,EAAMC,SAEpBC,QAAEA,GAAYC,IAEpB,OACEC,EAACC,GACCP,KAAMA,EACNI,QAASA,EACTI,OAAQ,EAAGC,WAEPH,EAACI,EAAS,CAACC,GAAIV,KAAiBF,KAAWU,EAAOG,KAAK,WAKjE"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Controller, useFormContext } from 'react-hook-form';\r\n\r\nimport { TextField } from '../text-field';\r\n\r\nimport { CustomInputProps } from './types';\r\n\r\nfunction CustomInput<T>(props: CustomInputProps<T>) {\r\n  const { name, type } = props;\r\n\r\n  const textFieldId = React.useId();\r\n\r\n  const { control } = useFormContext();\r\n\r\n  return (\r\n    <Controller\r\n      name={name}\r\n      control={control}\r\n      render={({ field }) => (\r\n        <TextField\r\n          id={textFieldId}\r\n          {...props}\r\n          {...field}\r\n          onChange={(event) => {\r\n            const { target } = event;\r\n\r\n            const { value } = target;\r\n\r\n            switch (type) {\r\n              case 'number': {\r\n                if (value === '') {\r\n                  field.onChange();\r\n                } else {\r\n                  field.onChange(Number(value));\r\n                }\r\n\r\n                break;\r\n              }\r\n\r\n              default: {\r\n                field.onChange(event);\r\n              }\r\n            }\r\n          }}\r\n        />\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\nexport default CustomInput;\r\n"],"names":["CustomInput","props","name","type","textFieldId","React","useId","control","useFormContext","_jsx","Controller","render","field","TextField","id","onChange","event","target","value","Number"],"mappings":"iNAOA,SAASA,EAAeC,GACtB,MAAMC,KAAEA,EAAIC,KAAEA,GAASF,EAEjBG,EAAcC,EAAMC,SAEpBC,QAAEA,GAAYC,IAEpB,OACEC,EAACC,EAAU,CACTR,KAAMA,EACNK,QAASA,EACTI,OAAQ,EAAGC,WACTH,EAACI,EAAS,CACRC,GAAIV,KACAH,KACAW,EACJG,SAAWC,IACT,MAAMC,OAAEA,GAAWD,GAEbE,MAAEA,GAAUD,EAElB,GACO,WADCd,EAEU,KAAVe,EACFN,EAAMG,WAENH,EAAMG,SAASI,OAAOD,SAOxBN,EAAMG,SAASC,OAQ/B"}

package/dist/esm/components/text-field/text-field.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import m from"../../node_modules/@mui/material/esm/TextField/TextField.js";const t=t=>e(m,{size:"small",...t});export{t as default};
+//# sourceMappingURL=text-field.js.map

package/dist/esm/components/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sources":["../../../../src/components/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextField } from '@mui/material';\n\nimport { CustomTextFieldProps } from './types';\n\nconst CustomTextField: React.FC<CustomTextFieldProps> = (props) => {\n  return <TextField size=\"small\" {...props} />;\n};\n\nexport default CustomTextField;\n"],"names":["CustomTextField","props","_jsx","TextField","size"],"mappings":"mHAKA,MAAMA,EAAmDC,GAChDC,EAACC,EAAS,CAACC,KAAK,WAAYH"}

package/dist/esm/types/components/buttons/delete/delete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/buttons/delete/delete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}
+{"version":3,"file":"delete.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/buttons/delete/delete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAYnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}

package/dist/esm/types/components/form/form.d.ts

@@ -1,21 +1,9 @@
-import * as React from 'react';
 import { SxProps } from '@mui/material';
 import { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
 interface CustomFormProp<T extends FieldValues> {
     form: UseFormReturn<T>;
     onSubmit: SubmitHandler<T>;
     sx?: SxProps;
-    fields: {
-        content: React.ReactNode;
-        sx?: SxProps;
-    };
-    buttons?: {
-        content?: React.ReactNode;
-        sx?: SxProps;
-    };
-    observers?: {
-        content?: React.ReactNode;
-    };
 }
 /**
  * Используем этот компонент как основную обертку для формы
@@ -28,6 +16,6 @@ interface CustomFormProp<T extends FieldValues> {
  *
  * @returns {JSX.Element} The rendered form component with form context.
  */
-declare function CustomForm<T extends FieldValues>({ form, sx, fields, buttons, observers, onSubmit, }: CustomFormProp<T>): import("react/jsx-runtime").JSX.Element;
+declare function CustomForm<T extends FieldValues>({ form, sx, onSubmit, children, }: React.PropsWithChildren<CustomFormProp<T>>): import("react/jsx-runtime").JSX.Element;
 export default CustomForm;
 //# sourceMappingURL=form.d.ts.map

package/dist/esm/types/components/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,WAAW,EAEX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW;IAC5C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAE3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,MAAM,EAAE;QACN,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;IAEF,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;IAEF,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACzC,IAAI,EACJ,EAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,CAAC,CAAC,CAAC,2CA4CnB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,WAAW,EAEX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW;IAC5C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAE3B,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACzC,IAAI,EACJ,EAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,2CAmB5C;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/types/components/form/form.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAMF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAoClB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAOF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAwDlB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/types/components/input/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Input } from './input';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}

package/dist/esm/types/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAkBjD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyCjD;AAED,eAAe,WAAW,CAAC"}

package/dist/esm/types/components/input/types.d.ts

@@ -1,6 +1,6 @@
-import { TextFieldProps } from '@mui/material';
 import { Path } from 'react-hook-form';
-export type CustomInputProps<T> = TextFieldProps & {
+import { CustomTextFieldProps } from '../text-field';
+export type CustomInputProps<T> = CustomTextFieldProps & {
     name: Path<T>;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/types/components/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,GAAG;IACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,oBAAoB,GAAG;IACvD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;CACf,CAAC"}

package/dist/esm/types/components/text-field/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TextField } from './text-field';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/text-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/dist/esm/types/components/text-field/text-field.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { CustomTextFieldProps } from './types';
+declare const CustomTextField: React.FC<CustomTextFieldProps>;
+export default CustomTextField;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/esm/types/components/text-field/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/types/components/text-field/types.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '@mui/material';
+export type CustomTextFieldProps = TextFieldProps & {};
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types/components/text-field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartcom/ui-kit",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "Кастомная библиотека комопнентов Dartcom",
   "type": "module",
   "main": "dist/cjs/index.js",