@a-type/ui 0.6.10 → 0.6.11

package/dist/cjs/components/forms/TextField.d.ts

@@ -22,5 +22,6 @@ export type TextAreaFieldProps = {
     disabled?: boolean;
     className?: string;
     inputRef?: Ref<HTMLTextAreaElement>;
+    submitOnEnter?: boolean;
 } & TextAreaProps;
-export declare function TextAreaField({ name, label, className, inputRef, ...rest }: TextAreaFieldProps): JSX.Element;
+export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, ...rest }: TextAreaFieldProps): JSX.Element;

package/dist/cjs/components/forms/TextField.js

@@ -45,9 +45,17 @@ exports.TextField = (0, react_1.forwardRef)(function TextField(_a, ref) {
     return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className, ref: ref }, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { autoFocus: autoFocus, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] })));
 });
 function TextAreaField(_a) {
-    var { name, label, className, inputRef } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef"]);
+    var { name, label, className, inputRef, onKeyDown, submitOnEnter } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter"]);
     const [props] = (0, formik_1.useField)(name);
-    return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className }, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest))] })));
+    const { submitForm } = (0, formik_1.useFormikContext)();
+    const onKeyDownInner = (0, react_1.useCallback)((e) => {
+        if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            submitForm();
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }, [submitOnEnter, onKeyDown, submitForm]);
+    return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className }, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest, { onKeyDown: onKeyDownInner }))] })));
 }
 exports.TextAreaField = TextAreaField;
 const FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-1 self-stretch');

package/dist/cjs/components/forms/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,mCAAkC;AAClC,iCAOe;AACf,kFAAuD;AAEvD,gDAA0C;AAC1C,yDAAkE;AAClE,6CAA+C;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEtB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAClC,SAAS,SAAS,CACjB,EAWC,EACD,GAAG;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,0GAWC,CADO;IAIR,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACvC,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,gBAAK,oBACD,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,KACS,CACZ,CAAC;AACH,CAAC,CACD,CAAC;AAYF,SAAgB,aAAa,CAAC,EAMT;QANS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEY,EADjB,IAAI,cALsB,0CAM7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC7B,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,sBAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACrC,CACZ,CAAC;AACH,CAAC;AAdD,sCAcC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,gDAAgD,CAChD,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,mEAAmE,CACnE,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,mCAAoD;AACpD,iCASe;AACf,kFAAuD;AAEvD,gDAA0C;AAC1C,yDAAkE;AAClE,6CAA+C;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEtB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAClC,SAAS,SAAS,CACjB,EAWC,EACD,GAAG;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,0GAWC,CADO;IAIR,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACvC,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,gBAAK,oBACD,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,KACS,CACZ,CAAC;AACH,CAAC,CACD,CAAC;AAaF,SAAgB,aAAa,CAAC,EAQT;QARS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,aAAa,OAEO,EADjB,IAAI,cAPsB,wEAQ7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,IAAA,mBAAW,EACjC,CAAC,CAAqC,EAAE,EAAE;QACzC,IAAI,aAAa,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;SACb;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CACtC,CAAC;IACF,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC7B,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,sBAAQ,kBACR,GAAG,EAAE,QAAQ,IACT,KAAK,EACL,IAAI,IACR,SAAS,EAAE,cAAc,IACxB,KACS,CACZ,CAAC;AACH,CAAC;AAhCD,sCAgCC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,gDAAgD,CAChD,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,mEAAmE,CACnE,CAAC"}

package/dist/cjs/components/forms/hooks.d.ts

@@ -0,0 +1 @@
+export { useField } from 'formik';

package/dist/cjs/components/forms/hooks.js

@@ -0,0 +1,12 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useField = void 0;
+const formik_1 = require("formik");
+var formik_2 = require("formik");
+Object.defineProperty(exports, "useField", { enumerable: true, get: function () { return formik_2.useField; } });
+function useSubmit() {
+    const { submitForm, isSubmitting } = (0, formik_1.useFormikContext)();
+    return [submitForm, isSubmitting];
+}
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/components/forms/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/forms/hooks.ts"],"names":[],"mappings":";;;AAAA,mCAA0C;AAE1C,iCAAkC;AAAzB,kGAAA,QAAQ,OAAA;AAEjB,SAAS,SAAS;IACjB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IAExD,OAAO,CAAC,UAAU,EAAE,YAAY,CAAU,CAAC;AAC5C,CAAC"}

package/dist/cjs/components/forms/index.d.ts

@@ -2,3 +2,4 @@ export * from './Form.js';
 export * from './SubmitButton.js';
 export * from './TextField.js';
 export * from './FormikForm.js';
+export * from './hooks.js';

package/dist/cjs/components/forms/index.js

@@ -19,4 +19,5 @@ __exportStar(require("./Form.js"), exports);
 __exportStar(require("./SubmitButton.js"), exports);
 __exportStar(require("./TextField.js"), exports);
 __exportStar(require("./FormikForm.js"), exports);
+__exportStar(require("./hooks.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,iDAA+B;AAC/B,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,iDAA+B;AAC/B,kDAAgC;AAChC,6CAA2B"}

package/dist/esm/components/forms/TextField.d.ts

@@ -22,5 +22,6 @@ export type TextAreaFieldProps = {
     disabled?: boolean;
     className?: string;
     inputRef?: Ref<HTMLTextAreaElement>;
+    submitOnEnter?: boolean;
 } & TextAreaProps;
-export declare function TextAreaField({ name, label, className, inputRef, ...rest }: TextAreaFieldProps): JSX.Element;
+export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, ...rest }: TextAreaFieldProps): JSX.Element;

package/dist/esm/components/forms/TextField.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useField } from 'formik';
-import { useEffect, useRef, forwardRef, } from 'react';
+import { useField, useFormikContext } from 'formik';
+import { useEffect, useRef, forwardRef, useCallback, } from 'react';
 import useMergedRef from '../../hooks/useMergedRef.js';
 import { Input } from '../input/Input.js';
 import { TextArea } from '../textArea/TextArea.js';
@@ -39,9 +39,17 @@ export const TextField = forwardRef(function TextField(_a, ref) {
     return (_jsxs(FieldRoot, Object.assign({ className: className, ref: ref }, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(Input, Object.assign({}, props, rest, { autoFocus: autoFocus, ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] })));
 });
 export function TextAreaField(_a) {
-    var { name, label, className, inputRef } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef"]);
+    var { name, label, className, inputRef, onKeyDown, submitOnEnter } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter"]);
     const [props] = useField(name);
-    return (_jsxs(FieldRoot, Object.assign({ className: className }, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest))] })));
+    const { submitForm } = useFormikContext();
+    const onKeyDownInner = useCallback((e) => {
+        if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            submitForm();
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }, [submitOnEnter, onKeyDown, submitForm]);
+    return (_jsxs(FieldRoot, Object.assign({ className: className }, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { onKeyDown: onKeyDownInner }))] })));
 }
 const FieldRoot = withClassName('div', 'flex flex-col items-stretch gap-1 self-stretch');
 const FieldLabel = withClassName('label', 'inline-flex flex-col gap-1 text-sm font-bold text-dark-blend mb-1');

package/dist/esm/components/forms/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAGN,SAAS,EACT,MAAM,EAEN,UAAU,GACV,MAAM,OAAO,CAAC;AACf,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAiB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAClC,SAAS,SAAS,CACjB,EAWC,EACD,GAAG;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,0GAWC,CADO;IAIR,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,MAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACvC,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,KAAC,KAAK,oBACD,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,KACS,CACZ,CAAC;AACH,CAAC,CACD,CAAC;AAYF,MAAM,UAAU,aAAa,CAAC,EAMT;QANS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEY,EADjB,IAAI,cALsB,0CAM7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACN,MAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC7B,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,KAAC,QAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACrC,CACZ,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAC9B,KAAK,EACL,gDAAgD,CAChD,CAAC;AACF,MAAM,UAAU,GAAG,aAAa,CAC/B,OAAO,EACP,mEAAmE,CACnE,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/forms/hooks.d.ts

@@ -0,0 +1 @@
+export { useField } from 'formik';

package/dist/esm/components/forms/hooks.js

@@ -0,0 +1,8 @@
+// @unocss-include
+import { useFormikContext } from 'formik';
+export { useField } from 'formik';
+function useSubmit() {
+    const { submitForm, isSubmitting } = useFormikContext();
+    return [submitForm, isSubmitting];
+}
+//# sourceMappingURL=hooks.js.map

package/dist/esm/components/forms/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/forms/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,SAAS,SAAS;IACjB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,OAAO,CAAC,UAAU,EAAE,YAAY,CAAU,CAAC;AAC5C,CAAC"}

package/dist/esm/components/forms/index.d.ts

@@ -2,3 +2,4 @@ export * from './Form.js';
 export * from './SubmitButton.js';
 export * from './TextField.js';
 export * from './FormikForm.js';
+export * from './hooks.js';

package/dist/esm/components/forms/index.js

@@ -3,4 +3,5 @@ export * from './Form.js';
 export * from './SubmitButton.js';
 export * from './TextField.js';
 export * from './FormikForm.js';
+export * from './hooks.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "type": "module",
   "files": [
     "/dist",

package/src/components/forms/TextField.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useField } from 'formik';
+import { useField, useFormikContext } from 'formik';
 import {
 	ComponentProps,
 	InputHTMLAttributes,
@@ -8,6 +8,8 @@ import {
 	useRef,
 	Ref,
 	forwardRef,
+	KeyboardEvent,
+	useCallback,
 } from 'react';
 import useMergedRef from '../../hooks/useMergedRef.js';
 import classNames from 'clsx';
@@ -84,6 +86,7 @@ export type TextAreaFieldProps = {
 	disabled?: boolean;
 	className?: string;
 	inputRef?: Ref<HTMLTextAreaElement>;
+	submitOnEnter?: boolean;
 } & TextAreaProps;
 
 export function TextAreaField({
@@ -91,13 +94,31 @@ export function TextAreaField({
 	label,
 	className,
 	inputRef,
+	onKeyDown,
+	submitOnEnter,
 	...rest
 }: TextAreaFieldProps) {
 	const [props] = useField(name);
+	const { submitForm } = useFormikContext();
+	const onKeyDownInner = useCallback(
+		(e: KeyboardEvent<HTMLTextAreaElement>) => {
+			if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {
+				e.preventDefault();
+				submitForm();
+			}
+			onKeyDown?.(e);
+		},
+		[submitOnEnter, onKeyDown, submitForm],
+	);
 	return (
 		<FieldRoot className={className}>
 			{label && <FieldLabel>{label}</FieldLabel>}
-			<TextArea ref={inputRef} {...props} {...rest} />
+			<TextArea
+				ref={inputRef}
+				{...props}
+				{...rest}
+				onKeyDown={onKeyDownInner}
+			/>
 		</FieldRoot>
 	);
 }

package/src/components/forms/hooks.ts

@@ -0,0 +1,9 @@
+import { useFormikContext } from 'formik';
+
+export { useField } from 'formik';
+
+function useSubmit() {
+	const { submitForm, isSubmitting } = useFormikContext();
+
+	return [submitForm, isSubmitting] as const;
+}

package/src/components/forms/index.tsx

@@ -2,3 +2,4 @@ export * from './Form.js';
 export * from './SubmitButton.js';
 export * from './TextField.js';
 export * from './FormikForm.js';
+export * from './hooks.js';