triafly-ui-kit 1.0.17 → 1.0.19

package/dist/assets/FormControls.css

@@ -0,0 +1 @@
+form .form-controls{margin:28px 0 0;display:flex;gap:12px}

package/dist/assets/FormRoot.css

@@ -1 +1 @@
-form .form-group{padding:12px;border-radius:8px;background-color:var(--color-bg-neutral-lightest-default)}form .form-group:not(:last-of-type){margin:0 0 12px}form .form-controls{margin:28px 0 0;display:flex;gap:12px}form .columns-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}
+form .form-group{padding:12px;border-radius:8px;background-color:var(--color-bg-neutral-lightest-default)}form .form-group:not(:last-of-type){margin:0 0 12px}form .columns-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}

package/dist/components/Ui/Form/FormGroup/FormControls/FormControls.js

@@ -0,0 +1,5 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../../../../../assets/FormControls.css';const t = ({ children: o }) => /* @__PURE__ */ r("div", { className: "form-controls", children: o });
+export {
+  t as FormControls
+};

package/dist/components/Ui/Form/FormRoot/FormRoot.js

@@ -1,10 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { FormContext as f } from "../FormContext/FormContext.js";
-import { FormItem as i } from "../FormItem/FormItem.js";
-import { useForm as p } from "../useForm/useForm.js";
-import '../../../../assets/FormRoot.css';const v = ({ form: m, children: c, onFinish: o, disabled: t = !1 }) => {
-  const n = p()[0], s = l(() => {
+import { useMemo as f } from "react";
+import { FormContext as i } from "../FormContext/FormContext.js";
+import { FormItem as p } from "../FormItem/FormItem.js";
+import { useForm as v } from "../useForm/useForm.js";
+import { FormControls as F } from "../FormGroup/FormControls/FormControls.js";
+import '../../../../assets/FormRoot.css';const c = ({ form: m, children: l, onFinish: o, disabled: t = !1 }) => {
+  const n = v()[0], s = f(() => {
     const r = m || n;
     return r.disabled = t, r;
   }, [m, n, t]), u = async (r) => {
@@ -17,9 +18,10 @@ import '../../../../assets/FormRoot.css';const v = ({ form: m, children: c, onFi
       console.error("Form submission error:", e);
     }
   };
-  return /* @__PURE__ */ a(f.Provider, { value: s || null, children: /* @__PURE__ */ a("form", { onSubmit: u, children: c }) });
+  return /* @__PURE__ */ a(i.Provider, { value: s || null, children: /* @__PURE__ */ a("form", { onSubmit: u, children: l }) });
 };
-v.Item = i;
+c.Item = p;
+c.FormControls = F;
 export {
-  v as Form
+  c as Form
 };

package/dist/main.d.ts

@@ -190,8 +190,15 @@ export declare const Form: FormComponent;
 
 declare interface FormComponent extends React.FC<FormProps> {
     Item: typeof FormItem;
+    FormControls: typeof FormControls;
 }
 
+declare const FormControls: default_2.FC<FormControlsProps>;
+
+declare type FormControlsProps = {
+    children: default_2.ReactNode;
+};
+
 declare interface FormInstance {
     /**
      * Сбрасывает все значения формы и ошибки

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",