@owlmeans/client-panel 0.1.0 → 0.1.1

package/build/components/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,SAAS,EAA6B,MAAM,uBAAuB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAK1C,CAAA;AAED,eAAO,MAAM,cAAc,qBAAsD,CAAA;AAEjF,eAAO,MAAM,YAAY,UAAW,MAAM,aAAa,SAAS,CAAC,MAAM,CAAC,0DAUvE,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,MAAM,UAAU,cAAc,uBAajE,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,SAAS,EAA6B,MAAM,uBAAuB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAK1C,CAAA;AAED,eAAO,MAAM,cAAc,qBAAsD,CAAA;AAEjF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,WAAW,SAAS,CAAC,MAAM,CAAC,0DAUvE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,QAAQ,cAAc,uBAajE,CAAA"}

package/build/components/form/action.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { FormActionProps } from "./types.js";
+export declare const ActionCtrl: FC<FormActionProps>;
+//# sourceMappingURL=action.d.ts.map

package/build/components/form/action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/components/form/action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAMjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmC1C,CAAA"}

package/build/components/form/action.js

@@ -0,0 +1,36 @@
+import { useMemo } from "react";
+import { useFormContext } from "react-hook-form";
+import { useClientFormContext, useFormI18n } from "./context.js";
+import { useContext } from "@owlmeans/client";
+// import { usePanelHelper } from "../context.js"
+// import { useCommonI18n, useI18nApp, useI18nLib } from "@owlmeans/client-i18n"
+import { useI18nApp, useI18nLib } from "@owlmeans/client-i18n";
+export const ActionCtrl = ({ render, label, i18n, size, onClick, submit }) => {
+    const form = useFormContext();
+    const client = useClientFormContext();
+    const context = useContext();
+    // const panel = usePanelHelper()
+    /*const t = useCommonI18n(
+      i18n?.resource ?? panel.resource ?? context.cfg.service,
+      i18n?.ns ?? panel.ns,
+      i18n?.prefix ?? panel.prefix
+    )*/
+    const t = useFormI18n();
+    const appT = useI18nApp(context.cfg.service, 'buttons');
+    const libT = useI18nLib('client-panel', 'buttons');
+    label = useMemo(() => i18n?.suppress ? label : t(label ?? 'submit', {
+        defaultValue: appT(label ?? 'submit', { defaultValue: libT(label ?? 'submit') })
+    }), [i18n?.suppress, label]);
+    size = size ?? 'medium';
+    const progressSize = size === 'large'
+        ? 20
+        : size === 'medium' ? 16 : 14;
+    submit = onClick != null ? undefined : (submit ?? client.onSubmit);
+    const action = onClick ?? submit != null
+        ? form.handleSubmit(async (data) => submit?.(data, client.formRef?.current?.update))
+        : undefined;
+    const update = client.formRef?.current?.update;
+    const loading = client.loader.opened === true;
+    return render({ form, client, label, size, progressSize, action, update, loading, t });
+};
+//# sourceMappingURL=action.js.map

package/build/components/form/action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.js","sourceRoot":"","sources":["../../../src/components/form/action.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,iDAAiD;AACjD,gFAAgF;AAChF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE9D,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAChG,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IAErC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,iCAAiC;IACjC;;;;OAIG;IACH,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACvD,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAElD,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,QAAQ,EAAE;QAClE,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAAC;KACjF,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAE,CAAA;IAE7B,IAAI,GAAG,IAAI,IAAI,QAAQ,CAAA;IACvB,MAAM,YAAY,GAAG,IAAI,KAAK,OAAO;QACnC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/B,MAAM,GAAG,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,OAAO,IAAI,MAAM,IAAI,IAAI;QACtC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAClF,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,MAAO,CAAA;IAE/C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAA;IAE7C,OAAO,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AACxF,CAAC,CAAA"}

package/build/components/form/actiont.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { FormActionProps } from "./types.js";
+export declare const ActionCtrl: FC<FormActionProps>;
+//# sourceMappingURL=actiont.d.ts.map

package/build/components/form/actiont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actiont.d.ts","sourceRoot":"","sources":["../../../src/components/form/actiont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAKjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6B1C,CAAA"}

package/build/components/form/actiont.js

@@ -0,0 +1,28 @@
+import { useMemo } from "react";
+import { useFormContext } from "react-hook-form";
+import { useClientFormContext } from "./context.js";
+import { useContext } from "@owlmeans/client";
+import { usePanelHelper } from "../context.js";
+import { useCommonI18n, useI18nApp, useI18nLib } from "@owlmeans/client-i18n";
+export const ActionCtrl = ({ render, label, i18n, size, onClick, submit }) => {
+    const form = useFormContext();
+    const client = useClientFormContext();
+    const context = useContext();
+    const panel = usePanelHelper();
+    const t = useCommonI18n(i18n?.resource ?? panel.resource ?? context.cfg.service, i18n?.ns ?? panel.ns, i18n?.prefix ?? panel.prefix);
+    const appT = useI18nApp(context.cfg.service, 'buttons');
+    const libT = useI18nLib('client-panel', 'buttons');
+    label = useMemo(() => i18n?.suppress ? label : t(label, {
+        defaultValue: appT(label, { defaultValue: libT(label) })
+    }), [i18n?.suppress, label]);
+    size = size ?? 'medium';
+    const progressSize = size === 'large'
+        ? 20
+        : size === 'medium' ? 16 : 14;
+    submit = onClick != null ? undefined : (submit ?? client.onSubmit);
+    const action = onClick ??
+        submit != null ? form.handleSubmit(async (data) => submit?.(data, client.formRef?.current?.update))
+        : undefined;
+    return render({ form, client, label, size, progressSize, action });
+};
+//# sourceMappingURL=actiont.js.map

package/build/components/form/actiont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actiont.js","sourceRoot":"","sources":["../../../src/components/form/actiont.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE7E,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAChG,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IAErC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,GAAG,aAAa,CACrB,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,EACvD,IAAI,EAAE,EAAE,IAAI,KAAK,CAAC,EAAE,EACpB,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAC7B,CAAA;IACD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACvD,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAClD,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QACtD,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;KACzD,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,IAAI,GAAG,IAAI,IAAI,QAAQ,CAAA;IACvB,MAAM,YAAY,GAAG,IAAI,KAAK,OAAO;QACnC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/B,MAAM,GAAG,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,OAAO;QACpB,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACjG,CAAC,CAAC,SAAS,CAAA;IAEb,OAAO,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAA;AACpE,CAAC,CAAA"}

package/build/components/form/actionts.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { FormActionProps } from "./types.js";
+export declare const ActionCtrl: FC<FormActionProps>;
+//# sourceMappingURL=actionts.d.ts.map

package/build/components/form/actionts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionts.d.ts","sourceRoot":"","sources":["../../../src/components/form/actionts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAKjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6B1C,CAAA"}

package/build/components/form/actionts.js

@@ -0,0 +1,28 @@
+import { useMemo } from "react";
+import { useFormContext } from "react-hook-form";
+import { useClientFormContext } from "./context.js";
+import { useContext } from "@owlmeans/client";
+import { usePanelHelper } from "../context.js";
+import { useCommonI18n, useI18nApp, useI18nLib } from "@owlmeans/client-i18n";
+export const ActionCtrl = ({ render, label, i18n, size, onClick, submit }) => {
+    const form = useFormContext();
+    const client = useClientFormContext();
+    const context = useContext();
+    const panel = usePanelHelper();
+    const t = useCommonI18n(i18n?.resource ?? panel.resource ?? context.cfg.service, i18n?.ns ?? panel.ns, i18n?.prefix ?? panel.prefix);
+    const appT = useI18nApp(context.cfg.service, 'buttons');
+    const libT = useI18nLib('client-panel', 'buttons');
+    label = useMemo(() => i18n?.suppress ? label : t(label, {
+        defaultValue: appT(label, { defaultValue: libT(label) })
+    }), [i18n?.suppress, label]);
+    size = size ?? 'medium';
+    const progressSize = size === 'large'
+        ? 20
+        : size === 'medium' ? 16 : 14;
+    submit = submit ?? client.onSubmit;
+    const action = onClick ??
+        submit != null ? form.handleSubmit(async (data) => submit?.(data, client.formRef?.current?.update))
+        : undefined;
+    return render({ form, client, label, size, progressSize, action });
+};
+//# sourceMappingURL=actionts.js.map

package/build/components/form/actionts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionts.js","sourceRoot":"","sources":["../../../src/components/form/actionts.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE7E,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAChG,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IAErC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,GAAG,aAAa,CACrB,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,EACvD,IAAI,EAAE,EAAE,IAAI,KAAK,CAAC,EAAE,EACpB,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAC7B,CAAA;IACD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACvD,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAClD,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QACtD,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;KACzD,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,IAAI,GAAG,IAAI,IAAI,QAAQ,CAAA;IACvB,MAAM,YAAY,GAAG,IAAI,KAAK,OAAO;QACnC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/B,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAA;IAElC,MAAM,MAAM,GAAG,OAAO;QACpB,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACjG,CAAC,CAAC,SAAS,CAAA;IAEb,OAAO,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAA;AACpE,CAAC,CAAA"}

package/build/components/form/component.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { FormProps } from "./types.js";
+export declare const ClientForm: FC<FormProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/form/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAe3C,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,SAAS,CA6CpC,CAAA"}

package/build/components/form/component.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import Ajv from "ajv";
+import { useMemo } from "react";
+import { schemaToFormDefault } from "../../helper/form.js";
+import { FormProvider, useForm } from 'react-hook-form';
+import { ajvResolver } from '@hookform/resolvers/ajv';
+import { FormContext } from "./context.js";
+import { useToggle } from "@owlmeans/client";
+import formatsPlugin from 'ajv-formats';
+import { ResilientError } from "@owlmeans/error";
+const ajv = new Ajv({ coerceTypes: true });
+formatsPlugin(ajv);
+export const ClientForm = (props) => {
+    const { defaults, children, formRef, validation, name } = props;
+    const _defaults = useMemo(() => defaults ?? (validation != null ? schemaToFormDefault(validation) : undefined), [name, defaults != null, validation != null]);
+    const loader = useToggle(false);
+    const form = useForm({
+        mode: 'all',
+        defaultValues: _defaults,
+        resolver: validation
+            ? ajvResolver(validation, { formats: ajv.formats, coerceTypes: true })
+            : undefined,
+        delayError: 300
+    });
+    const update = useCallback(((data) => {
+        const fields = validation != null
+            ? Object.keys(validation.properties)
+            : Object.keys(data);
+        fields.forEach(key => {
+            form.setValue(key, data[key]);
+        });
+    }), [name]);
+    const setError = useCallback((error, target = 'root') => {
+        form.setError(target, {
+            message: ResilientError.ensure(error instanceof Error ? error : `${error}`).marshal().message
+        });
+    }, [name]);
+    if (formRef != null) {
+        formRef.current = { form, update, loader, error: setError };
+    }
+    return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: children }) });
+};
+//# sourceMappingURL=component.js.map

package/build/components/form/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,GAAG,MAAM,KAAK,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,aAAa,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAA;AAC1C,aAAa,CAAC,GAAG,CAAC,CAAA;AAElB,MAAM,CAAC,MAAM,UAAU,GAAkB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE/D,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACpF,CAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,CAAC,CAC7C,CAAA;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAE/B,MAAM,IAAI,GAAG,OAAO,CAAC;QACnB,IAAI,EAAE,KAAK;QACX,aAAa,EAAE,SAAS;QACxB,QAAQ,EAAE,UAAU;YAClB,CAAC,CAAC,WAAW,CAAC,UAAqC,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;YACjG,CAAC,CAAC,SAAS;QACb,UAAU,EAAE,GAAG;KAChB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,IAAyB,EAAE,EAAE;QACxD,MAAM,MAAM,GAAG,UAAU,IAAI,IAAI;YAC/B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAE,UAAkC,CAAC,UAAU,CAAC;YAC7D,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACrB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;QAC/B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAyB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAc,EAAE,SAAiB,MAAM,EAAE,EAAE;QACvE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,OAAO,EAAE,cAAc,CAAC,MAAM,CAC5B,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAC5C,CAAC,OAAO,EAAE,CAAC,OAAO;SACpB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,OAAO,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;IAC7D,CAAC;IAED,OAAO,KAAC,YAAY,OAAK,IAAI,YAC3B,KAAC,WAAW,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,YACnC,QAAQ,GACG,GACD,CAAA;AACjB,CAAC,CAAA"}

package/build/components/form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CACa,CAAA;AAEzE,eAAO,MAAM,oBAAoB,oBAAoD,CAAA;AAErF,eAAO,MAAM,WAAW,6DASvB,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,MAAM,UAAU,UAAU,uBAa5D,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CACa,CAAA;AAEzE,eAAO,MAAM,oBAAoB,oBAAoD,CAAA;AAErF,eAAO,MAAM,WAAW,6DASvB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,QAAQ,UAAU,uBAa5D,CAAA"}

package/build/components/form/helper.d.ts

@@ -1,4 +1,4 @@
 import type { FieldValues } from 'react-hook-form';
 import type { FormRef } from './types.js';
-export declare const useFormRef: <T extends FieldValues = FieldValues>() => import("react").MutableRefObject<FormRef<T> | null>;
+export declare const useFormRef: <T extends FieldValues = FieldValues>() => import("react").RefObject<FormRef<T> | null>;
 //# sourceMappingURL=helper.d.ts.map

package/build/components/form/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/form/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEzC,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,wEAE/C,CAAA"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/form/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEzC,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,mDAE7D,CAAA"}

package/build/components/form/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/components/form/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI9B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAwC,EAAE;IAClE,OAAO,MAAM,CAAoB,IAAI,CAAC,CAAA;AACxC,CAAC,CAAA"}
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/components/form/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI9B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAwC,EAAE;IAClE,OAAO,MAAM,CAAa,IAAI,CAAC,CAAA;AACjC,CAAC,CAAA"}

package/build/components/form/index.d.ts

@@ -1,4 +1,7 @@
-export * from './types.js';
+export type * from './types.js';
 export * from './helper.js';
 export * from './context.js';
+export * from './component.js';
+export * from './action.js';
+export * from './input/index.js';
 //# sourceMappingURL=index.d.ts.map

package/build/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,mBAAmB,YAAY,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}

package/build/components/form/index.js

@@ -1,4 +1,6 @@
-export * from './types.js';
 export * from './helper.js';
 export * from './context.js';
+export * from './component.js';
+export * from './action.js';
+export * from './input/index.js';
 //# sourceMappingURL=index.js.map

package/build/components/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}

package/build/components/form/input/controller.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { InputControllerProps } from "./types.js";
+export declare const InputCtrl: FC<InputControllerProps>;
+//# sourceMappingURL=controller.d.ts.map

package/build/components/form/input/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAKtD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CA2B9C,CAAA"}

package/build/components/form/input/controller.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext, Controller } from 'react-hook-form';
+import { useClientFormContext, useFormError, useFormI18n } from "../context.js";
+export const InputCtrl = (props) => {
+    let { name, label, placeholder, hint, def, render, ...other } = props;
+    const { control } = useFormContext();
+    const t = useFormI18n();
+    const key = name;
+    if (typeof label === 'boolean' && label) {
+        label = t(`${key}.label`);
+    }
+    else {
+        label = undefined;
+    }
+    if (typeof placeholder === 'boolean' && placeholder) {
+        placeholder = t(`${key}.placeholder`);
+    }
+    else {
+        placeholder = undefined;
+    }
+    if (typeof hint === 'boolean' && hint) {
+        hint = t(`${key}.hint`);
+    }
+    else {
+        hint = undefined;
+    }
+    return _jsx(Controller, { control: control, name: name, defaultValue: def, render: ({ field, fieldState }) => {
+            const form = useClientFormContext();
+            const error = useFormError(name, fieldState.error);
+            return render({ ...other, ...form, field, fieldState, label, placeholder, hint, error, t });
+        } });
+};
+//# sourceMappingURL=controller.js.map

package/build/components/form/input/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/components/form/input/controller.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,GAAG,KAAK,CAAA;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,IAAI,CAAA;IAChB,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC;QACxC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAA;IAC3B,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC;IACD,IAAI,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,EAAE,CAAC;QACpD,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,cAAc,CAAC,CAAA;IACvC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,SAAS,CAAA;IACzB,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,CAAA;IACzB,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;YACpG,MAAM,IAAI,GAAG,oBAAoB,EAAE,CAAA;YACnC,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;YAElD,OAAO,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;QAC7F,CAAC,GAAI,CAAA;AACP,CAAC,CAAA"}

package/build/components/form/input/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types.js';
+export * from './controller.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/form/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/index.ts"],"names":[],"mappings":"AACA,mBAAmB,YAAY,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

package/build/components/form/input/index.js

@@ -0,0 +1,2 @@
+export * from './controller.js';
+//# sourceMappingURL=index.js.map

package/build/components/form/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/input/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAA"}

package/build/components/form/input/types.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLInputTypeAttribute, ReactElement } from 'react';
+import type { FormFieldProps, TFormContext } from '../types.js';
+import type { ControllerFieldState, ControllerRenderProps, FieldValues } from 'react-hook-form';
+import type { TFunction } from "i18next";
+export interface InputControllerProps extends FormFieldProps {
+    name: string;
+    label?: string | boolean;
+    placeholder?: string | boolean;
+    hint?: string | boolean;
+    type?: HTMLInputTypeAttribute;
+    disableAutocomplete?: boolean;
+    render: InputControllerRenderer;
+}
+export interface InputControllerRenderer<T extends FieldValues = FieldValues> {
+    (args: InputControllerRendererArgs<T>): ReactElement;
+}
+export interface InputControllerRendererArgs<T extends FieldValues = FieldValues> extends TFormContext, Omit<InputControllerProps, "name" | "render"> {
+    placeholder?: string;
+    field: ControllerRenderProps<T>;
+    fieldState: ControllerFieldState;
+    t: TFunction;
+    error?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/form/input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,MAAM,EAAE,uBAAuB,CAAA;CAChC;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC1E,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG,YAAY,CAAA;CACrD;AAED,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAC9E,SAAQ,YAAY,EACpB,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/B,UAAU,EAAE,oBAAoB,CAAA;IAChC,CAAC,EAAE,SAAS,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/components/form/input/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/form/input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/input/types.ts"],"names":[],"mappings":""}

package/build/components/form/types.d.ts

@@ -1,9 +1,10 @@
 import type { AnySchema } from 'ajv';
-import type { PropsWithChildren, MutableRefObject } from 'react';
+import type { PropsWithChildren, ReactNode, MutableRefObject } from 'react';
 import type { UseFormReturn, FieldValues } from 'react-hook-form';
 import type { I18nProps } from '@owlmeans/client-i18n';
 import type { Toggleable } from '@owlmeans/client';
 import type { BlockScaling } from '../consts.js';
+import type { TFunction } from 'i18next';
 export interface FormProps extends PropsWithChildren<I18nProps> {
     name?: string;
     formRef?: MutableRefObject<FormRef<any> | null>;
@@ -30,4 +31,22 @@ export interface FormFieldProps {
     name: string;
     def?: any;
 }
+export interface FormActionProps<T extends FieldValues = FieldValues> extends I18nProps {
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+    render: (args: FormActionRenderArgs<T>) => ReactNode;
+    onClick?: () => void;
+    submit?: FormOnSubmit<T>;
+}
+export interface FormActionRenderArgs<T extends FieldValues = FieldValues> {
+    label: string;
+    size: 'small' | 'medium' | 'large';
+    progressSize: number;
+    form: UseFormReturn<T>;
+    client: TFormContext;
+    action?: () => void;
+    loading: boolean;
+    t: TFunction;
+    update: (data: T) => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/components/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,MAAM,WAAW,SAAU,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;CAC7B;AAED,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC1D,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IACzB,MAAM,EAAE,UAAU,CAAA;IAClB,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IAC5E,MAAM,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAA;CACV"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,WAAW,SAAU,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;CAC7B;AAED,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC1D,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IACzB,MAAM,EAAE,UAAU,CAAA;IAClB,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IAC5E,MAAM,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,SAAS;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAA;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACvE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,MAAM,EAAE,YAAY,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,SAAS,CAAA;IACZ,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC1B"}

package/build/components/index.d.ts

@@ -3,4 +3,5 @@ export * from './form/index.js';
 export * from './layout/index.js';
 export * from './context.js';
 export * from './consts.js';
+export * from './status.js';
 //# sourceMappingURL=index.d.ts.map

package/build/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/build/components/index.js

@@ -2,4 +2,5 @@ export * from './form/index.js';
 export * from './layout/index.js';
 export * from './context.js';
 export * from './consts.js';
+export * from './status.js';
 //# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/build/components/layout/helper.d.ts

@@ -1,6 +1,6 @@
 import type { ClientModule } from '@owlmeans/client-module';
 import type { AbstractRequest } from '@owlmeans/module';
-export declare const usePanelLayout: <T = {}, R extends AbstractRequest = AbstractRequest<{}>>() => ClientModule<T, R>;
+export declare const usePanelLayout: <T = {}, R extends AbstractRequest = AbstractRequest>() => ClientModule<T, R>;
 export declare const useLayoutTitle: (name?: string, alias?: string) => string;
 export declare const prepareLayoutTitle: (title: string) => string;
 //# sourceMappingURL=helper.d.ts.map

package/build/components/layout/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/layout/helper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAOvD,eAAO,MAAM,cAAc,GAAI,CAAC,OAAO,CAAC,SAAS,eAAe,6BAAuB,YAAY,CAAC,CAAC,EAAE,CAAC,CAKvG,CAAA;AAED,eAAO,MAAM,cAAc,UAAW,MAAM,UAAU,MAAM,KAAG,MAM9D,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAA0C,CAAA"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/layout/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAOvD,eAAO,MAAM,cAAc,GAAI,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,eAAe,GAAG,eAAe,OAAK,YAAY,CAAC,CAAC,EAAE,CAAC,CAKvG,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAM9D,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,WAA0C,CAAA"}

package/build/components/layout/helper.js

@@ -1,10 +1,9 @@
-import { useLocation } from 'react-router';
 import { useContext } from '@owlmeans/client';
 import { usePanelI18n } from '../context.js';
 import { useMemo } from 'react';
 export const usePanelLayout = () => {
     const context = useContext();
-    const location = useLocation();
+    const location = context.router().useLocation();
     return context.module(location.state.alias);
 };
 export const useLayoutTitle = (name, alias) => {

package/build/components/layout/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/components/layout/helper.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,cAAc,GAAG,GAA4E,EAAE;IAC1G,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAA0B,WAAW,EAAE,CAAA;IAErD,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAa,EAAE,KAAc,EAAU,EAAE;IACtE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;IAC/B,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAA;IAE7B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;AACxE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAA"}
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/components/layout/helper.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,cAAc,GAAG,GAA4E,EAAE;IAC1G,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAA0B,OAAO,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAA;IAEtE,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAa,EAAE,KAAc,EAAU,EAAE;IACtE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;IAC/B,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAA;IAE7B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;AACxE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAA"}

package/build/components/status.d.ts

@@ -0,0 +1,7 @@
+import type { StatusOptions } from "./types.js";
+export declare const useStatusMessage: ({ variant, name, ok, i18n, message, error }: StatusOptions) => {
+    message: string;
+    variant: string;
+    ok: boolean;
+};
+//# sourceMappingURL=status.d.ts.map

package/build/components/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/components/status.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,eAAO,MAAM,gBAAgB,GAAI,6CAA6C,aAAa;;;;CAe1F,CAAA"}

package/build/components/status.js

@@ -0,0 +1,18 @@
+import { useMemo } from "react";
+import { usePanelI18n } from "./context";
+import { ResilientError } from "@owlmeans/error";
+const prepareMessage = (msg) => msg.replace(/\:/g, '.');
+export const useStatusMessage = ({ variant, name, ok, i18n, message, error }) => {
+    ok = ok !== false;
+    variant = useMemo(() => variant ?? (ok ? 'success' : 'error'), [ok, variant]);
+    const t = usePanelI18n(name ?? variant, i18n);
+    message = useMemo(() => {
+        const resilient = error != null ? ResilientError.ensure(error) : null;
+        return message != null ? t(message) : resilient != null ? t([
+            `${resilient.type}.${prepareMessage(resilient.message)}`,
+            prepareMessage(resilient.message)
+        ]) : t(variant);
+    }, [message, error?.name, ok, variant]);
+    return { message, variant, ok };
+};
+//# sourceMappingURL=status.js.map

package/build/components/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/components/status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAiB,EAAE,EAAE;IAC7F,EAAE,GAAG,EAAE,KAAK,KAAK,CAAA;IACjB,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAA;IAC7E,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,IAAI,OAAO,EAAE,IAAI,CAAC,CAAA;IAC7C,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACrB,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACrE,OAAO,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CACzD;YACE,GAAG,SAAS,CAAC,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YACxD,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC;SAClC,CACF,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;AACjC,CAAC,CAAA"}

package/build/components/types.d.ts

@@ -4,4 +4,11 @@ import type { PropsWithChildren } from 'react';
 export interface TPanelContext extends PropsWithChildren<I18nProps["i18n"]> {
     loader?: Toggleable;
 }
+export interface StatusOptions extends I18nProps {
+    name?: string;
+    ok?: boolean;
+    variant?: string;
+    error?: Error;
+    message?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzE,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzE,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}

package/build/helper/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/helper/form.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAA;AAEpD,eAAO,MAAM,mBAAmB,WAAY,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAGzE,CAAA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/helper/form.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAA;AAEpD,eAAO,MAAM,mBAAmB,GAAI,QAAQ,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAGzE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owlmeans/client-panel",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "build": "tsc -b",
@@ -34,21 +34,22 @@
     }
   },
   "dependencies": {
-    "@owlmeans/client": "^0.1.0",
-    "@owlmeans/client-i18n": "^0.1.0",
-    "@owlmeans/client-module": "^0.1.0",
-    "@owlmeans/client-route": "^0.1.0",
-    "@owlmeans/error": "^0.1.0",
-    "@owlmeans/module": "^0.1.0"
+    "@hookform/resolvers": "^3.9.0",
+    "@owlmeans/client": "^0.1.1",
+    "@owlmeans/client-i18n": "^0.1.1",
+    "@owlmeans/client-module": "^0.1.1",
+    "@owlmeans/client-route": "^0.1.1",
+    "@owlmeans/error": "^0.1.1",
+    "@owlmeans/module": "^0.1.1"
   },
   "peerDependencies": {
     "@owlmeans/auth": "*",
     "@owlmeans/client-auth": "*",
     "@owlmeans/i18n": "*",
+    "@owlmeans/router": "*",
     "ajv": "*",
     "react": "*",
-    "react-hook-form": "*",
-    "react-router": "*"
+    "react-hook-form": "*"
   },
   "peerDependenciesMeta": {
     "@owlmeans/auth": {
@@ -59,16 +60,15 @@
     }
   },
   "devDependencies": {
-    "@owlmeans/auth": "^0.1.0",
-    "@owlmeans/client-auth": "^0.1.0",
-    "@types/react": "^18.3.11",
-    "nodemon": "^3.1.7",
+    "@owlmeans/auth": "^0.1.1",
+    "@owlmeans/client-auth": "^0.1.1",
+    "@types/react": "^19.2.7",
+    "nodemon": "^3.1.11",
     "npm-check": "^6.0.1",
     "react-hook-form": "^7.53.0",
-    "typescript": "^5.6.3"
+    "typescript": "^5.8.3"
   },
-  "private": false,
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/form/action.tsx

@@ -0,0 +1,46 @@
+import type { FC } from "react"
+import { useMemo } from "react"
+import { useFormContext } from "react-hook-form"
+import { useClientFormContext, useFormI18n } from "./context.js"
+import type { FormActionProps } from "./types.js"
+import { useContext } from "@owlmeans/client"
+// import { usePanelHelper } from "../context.js"
+// import { useCommonI18n, useI18nApp, useI18nLib } from "@owlmeans/client-i18n"
+import { useI18nApp, useI18nLib } from "@owlmeans/client-i18n"
+
+export const ActionCtrl: FC<FormActionProps> = ({ render, label, i18n, size, onClick, submit }) => {
+  const form = useFormContext()
+  const client = useClientFormContext()
+
+  const context = useContext()
+  // const panel = usePanelHelper()
+  /*const t = useCommonI18n(
+    i18n?.resource ?? panel.resource ?? context.cfg.service,
+    i18n?.ns ?? panel.ns,
+    i18n?.prefix ?? panel.prefix
+  )*/
+  const t = useFormI18n()
+  const appT = useI18nApp(context.cfg.service, 'buttons')
+  const libT = useI18nLib('client-panel', 'buttons')
+
+  label = useMemo(() => i18n?.suppress ? label : t(label ?? 'submit', {
+    defaultValue: appT(label ?? 'submit', { defaultValue: libT(label ?? 'submit') })
+  }), [i18n?.suppress, label])!
+
+  size = size ?? 'medium'
+  const progressSize = size === 'large'
+    ? 20
+    : size === 'medium' ? 16 : 14
+
+  submit = onClick != null ? undefined : (submit ?? client.onSubmit)
+
+  const action = onClick ?? submit != null
+    ? form.handleSubmit(async data => submit?.(data, client.formRef?.current?.update))
+    : undefined
+
+  const update = client.formRef?.current?.update!
+
+  const loading = client.loader.opened === true
+
+  return render({ form, client, label, size, progressSize, action, update, loading, t })
+}

package/src/components/form/component.tsx

@@ -0,0 +1,63 @@
+import type { FC } from "react"
+import { useCallback } from "react"
+import type { FormProps } from "./types.js"
+import type { JSONSchemaType } from "ajv"
+import Ajv from "ajv"
+import { useMemo } from "react"
+import { schemaToFormDefault } from "../../helper/form.js"
+import { FormProvider, useForm } from 'react-hook-form'
+import { ajvResolver } from '@hookform/resolvers/ajv'
+import { FormContext } from "./context.js"
+import { useToggle } from "@owlmeans/client"
+import formatsPlugin from 'ajv-formats'
+import { ResilientError } from "@owlmeans/error"
+
+const ajv = new Ajv({ coerceTypes: true })
+formatsPlugin(ajv)
+
+export const ClientForm: FC<FormProps> = (props) => {
+  const { defaults, children, formRef, validation, name } = props
+
+  const _defaults = useMemo(
+    () => defaults ?? (validation != null ? schemaToFormDefault(validation) : undefined),
+    [name, defaults != null, validation != null]
+  )
+
+  const loader = useToggle(false)
+
+  const form = useForm({
+    mode: 'all',
+    defaultValues: _defaults,
+    resolver: validation
+      ? ajvResolver(validation as JSONSchemaType<unknown>, { formats: ajv.formats, coerceTypes: true })
+      : undefined,
+    delayError: 300
+  })
+
+  const update = useCallback(((data: Record<string, any>) => {
+    const fields = validation != null
+      ? Object.keys((validation as JSONSchemaType<any>).properties)
+      : Object.keys(data)
+    fields.forEach(key => {
+      form.setValue(key, data[key])
+    })
+  }) as <T>(data: T) => void, [name])
+
+  const setError = useCallback((error: unknown, target: string = 'root') => {
+    form.setError(target, {
+      message: ResilientError.ensure(
+        error instanceof Error ? error : `${error}`
+      ).marshal().message
+    })
+  }, [name])
+
+  if (formRef != null) {
+    formRef.current = { form, update, loader, error: setError }
+  }
+
+  return <FormProvider {...form}>
+    <FormContext {...props} loader={loader}>
+      {children}
+    </FormContext>
+  </FormProvider>
+}

package/src/components/form/helper.ts

@@ -3,5 +3,5 @@ import type { FieldValues } from 'react-hook-form'
 import type { FormRef } from './types.js'
 
 export const useFormRef = <T extends FieldValues = FieldValues>() => {
-  return useRef<FormRef<T> | null>(null)
+  return useRef<FormRef<T>>(null)
 }

package/src/components/form/index.ts

@@ -1,4 +1,7 @@
 
-export * from './types.js'
+export type * from './types.js'
 export * from './helper.js'
-export * from './context.js'
+export * from './context.js'
+export * from './component.js'
+export * from './action.js'
+export * from './input/index.js'

package/src/components/form/input/controller.tsx

@@ -0,0 +1,34 @@
+import type { FC } from "react"
+import type { InputControllerProps } from "./types.js"
+import { useFormContext, Controller } from 'react-hook-form'
+import { } from "react"
+import { useClientFormContext, useFormError, useFormI18n } from "../context.js"
+
+export const InputCtrl: FC<InputControllerProps> = (props) => {
+  let { name, label, placeholder, hint, def, render, ...other} = props
+  const { control } = useFormContext()
+  const t = useFormI18n()
+  const key = name
+  if (typeof label === 'boolean' && label) {
+    label = t(`${key}.label`)
+  } else {
+    label = undefined
+  }
+  if (typeof placeholder === 'boolean' && placeholder) {
+    placeholder = t(`${key}.placeholder`)
+  } else {
+    placeholder = undefined
+  }
+  if (typeof hint === 'boolean' && hint) {
+    hint = t(`${key}.hint`)
+  } else {
+    hint = undefined
+  }
+
+  return <Controller control={control} name={name} defaultValue={def} render={({ field, fieldState }) => {
+    const form = useClientFormContext()
+    const error = useFormError(name, fieldState.error)
+
+    return render({ ...other, ...form, field, fieldState, label, placeholder, hint, error, t })
+  }} />
+}

package/src/components/form/input/index.ts

@@ -0,0 +1,3 @@
+
+export type * from './types.js'
+export * from './controller.js'

package/src/components/form/input/types.ts

@@ -0,0 +1,28 @@
+import type { HTMLInputTypeAttribute, ReactElement } from 'react'
+import type { FormFieldProps, TFormContext } from '../types.js'
+import type { ControllerFieldState, ControllerRenderProps, FieldValues } from 'react-hook-form'
+import type { TFunction } from "i18next"
+
+export interface InputControllerProps extends FormFieldProps {
+  name: string
+  label?: string | boolean
+  placeholder?: string | boolean
+  hint?: string | boolean
+  type?: HTMLInputTypeAttribute
+  disableAutocomplete?: boolean
+  render: InputControllerRenderer
+}
+
+export interface InputControllerRenderer<T extends FieldValues = FieldValues> {
+  (args: InputControllerRendererArgs<T>): ReactElement
+}
+
+export interface InputControllerRendererArgs<T extends FieldValues = FieldValues>
+  extends TFormContext,
+  Omit<InputControllerProps, "name" | "render"> {
+  placeholder?: string
+  field: ControllerRenderProps<T>
+  fieldState: ControllerFieldState
+  t: TFunction
+  error?: string
+}

package/src/components/form/types.ts

@@ -1,9 +1,10 @@
 import type { AnySchema } from 'ajv'
-import type { PropsWithChildren, MutableRefObject } from 'react'
+import type { PropsWithChildren, ReactNode, MutableRefObject } from 'react'
 import type { UseFormReturn, FieldValues } from 'react-hook-form'
 import type { I18nProps } from '@owlmeans/client-i18n'
 import type { Toggleable } from '@owlmeans/client'
 import type { BlockScaling } from '../consts.js'
+import type { TFunction } from 'i18next'
 
 export interface FormProps extends PropsWithChildren<I18nProps> {
   name?: string
@@ -35,3 +36,23 @@ export interface FormFieldProps {
   name: string
   def?: any
 }
+
+export interface FormActionProps<T extends FieldValues = FieldValues> extends I18nProps {
+  label?: string
+  size?: 'small' | 'medium' | 'large'
+  render: (args: FormActionRenderArgs<T>) => ReactNode
+  onClick?: () => void
+  submit?: FormOnSubmit<T>
+}
+
+export interface FormActionRenderArgs<T extends FieldValues = FieldValues> {
+  label: string
+  size: 'small' | 'medium' | 'large'
+  progressSize: number
+  form: UseFormReturn<T>
+  client: TFormContext
+  action?: () => void
+  loading: boolean
+  t: TFunction
+  update: (data: T) => void
+}

package/src/components/index.ts

@@ -4,3 +4,4 @@ export * from './form/index.js'
 export * from './layout/index.js'
 export * from './context.js'
 export * from './consts.js'
+export * from './status.js'

package/src/components/layout/helper.ts

@@ -1,16 +1,15 @@
 import type { ClientRoute } from '@owlmeans/client-route'
-import type { Location } from 'react-router'
 import type { ClientModule } from '@owlmeans/client-module'
 import type { AbstractRequest } from '@owlmeans/module'
+import type { Location } from '@owlmeans/router'
 
-import { useLocation } from 'react-router'
 import { useContext } from '@owlmeans/client'
 import { usePanelI18n } from '../context.js'
 import { useMemo } from 'react'
 
 export const usePanelLayout = <T = {}, R extends AbstractRequest = AbstractRequest>(): ClientModule<T, R> => {
   const context = useContext()
-  const location: Location<ClientRoute> = useLocation()
+  const location: Location<ClientRoute> = context.router().useLocation()
 
   return context.module(location.state.alias)
 }

package/src/components/status.ts

@@ -0,0 +1,23 @@
+import { useMemo } from "react"
+import type { StatusOptions } from "./types.js"
+import { usePanelI18n } from "./context"
+import { ResilientError } from "@owlmeans/error"
+
+const prepareMessage = (msg: string) => msg.replace(/\:/g, '.')
+
+export const useStatusMessage = ({ variant, name, ok, i18n, message, error }: StatusOptions) => {
+  ok = ok !== false
+  variant = useMemo(() => variant ?? (ok ? 'success' : 'error'), [ok, variant])
+  const t = usePanelI18n(name ?? variant, i18n)
+  message = useMemo(() => {
+    const resilient = error != null ? ResilientError.ensure(error) : null
+    return message != null ? t(message) : resilient != null ? t(
+      [
+        `${resilient.type}.${prepareMessage(resilient.message)}`,
+        prepareMessage(resilient.message)
+      ],
+    ) : t(variant)
+  }, [message, error?.name, ok, variant])
+
+  return { message, variant, ok }
+}

package/src/components/types.ts

@@ -5,3 +5,11 @@ import type { PropsWithChildren } from 'react'
 export interface TPanelContext extends PropsWithChildren<I18nProps["i18n"]> {
   loader?: Toggleable
 }
+
+export interface StatusOptions extends I18nProps {
+  name?: string
+  ok?: boolean
+  variant?: string
+  error?: Error
+  message?: string
+}

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./src/index.ts","./src/auth/i18n.ts","./src/auth/index.ts","./src/auth/plugins/consts.ts","./src/auth/plugins/exports.ts","./src/auth/plugins/types.ts","./src/components/consts.ts","./src/components/context.tsx","./src/components/index.ts","./src/components/types.ts","./src/components/form/context.tsx","./src/components/form/helper.ts","./src/components/form/index.ts","./src/components/form/types.ts","./src/components/layout/helper.ts","./src/components/layout/index.ts","./src/helper/form.ts","./src/helper/index.ts"],"version":"5.6.3"}