dynamic-mui 2.1.0 → 2.3.0

package/dist/asyncautocomplete-BAfBR9P7.mjs

@@ -0,0 +1,89 @@
+import { jsx as c, jsxs as F, Fragment as K } from "react/jsx-runtime";
+import { useState as f, useRef as y, useEffect as L, createElement as M } from "react";
+import _ from "@mui/material/Autocomplete";
+import k from "@mui/material/TextField";
+import z from "@mui/material/CircularProgress";
+import { u as V, a as w } from "./index-CddjLTWF.mjs";
+function Q({ attributes: t = {}, rules: v = {}, onChange: A }) {
+  const {
+    MuiAttributes: C = {},
+    id: x = "",
+    label: I = "Search",
+    placeholder: O = "",
+    minChars: S = 1,
+    debounceMs: q = 300,
+    labelKey: P = "label",
+    valueKey: p = "value",
+    loadOptions: m,
+    optionsUrl: s
+  } = t, [T, d] = f(t.value ?? null), [b, a] = f([]), [h, o] = f(!1), u = y(0), r = y(null);
+  V(() => {
+    d(t.value ?? null);
+  }, [t.value]), L(() => () => {
+    r.current && clearTimeout(r.current);
+  }, []);
+  const j = async (e) => {
+    if (typeof m == "function")
+      return m(e);
+    if (s) {
+      const n = `${s}${s.includes("?") ? "&" : "?"}q=${encodeURIComponent(e)}`, g = await (await fetch(n)).json();
+      return Array.isArray(g) ? g : [];
+    }
+    return [];
+  }, E = (e) => {
+    const n = ++u.current;
+    o(!0), j(e).then((i) => {
+      n === u.current && (a(Array.isArray(i) ? i : []), o(!1));
+    }).catch(() => {
+      n === u.current && (a([]), o(!1));
+    });
+  }, R = (e, n) => {
+    if (r.current && clearTimeout(r.current), !n || n.length < S) {
+      u.current++, o(!1), a([]);
+      return;
+    }
+    r.current = setTimeout(() => {
+      E(n);
+    }, q);
+  }, U = (e, n) => {
+    d(n), A?.({
+      id: x,
+      value: n != null ? n?.[p] ?? n : n,
+      option: n
+    });
+  }, l = (e) => typeof e == "string" ? e : e?.[P] ?? "", $ = !!v?.validation?.some((e) => e.rule === "mandatory");
+  return /* @__PURE__ */ c(
+    _,
+    {
+      value: T,
+      onChange: U,
+      onInputChange: R,
+      options: b,
+      loading: h,
+      filterOptions: (e) => e,
+      getOptionLabel: l,
+      renderOption: (e, n) => /* @__PURE__ */ M("li", { ...e, key: (n && n[p]) ?? l(n) }, l(n)),
+      ...C,
+      renderInput: (e) => /* @__PURE__ */ c(
+        k,
+        {
+          ...e,
+          label: I,
+          placeholder: O,
+          required: $,
+          sx: w,
+          InputProps: {
+            ...e.InputProps,
+            endAdornment: /* @__PURE__ */ F(K, { children: [
+              h ? /* @__PURE__ */ c(z, { color: "inherit", size: 20 }) : null,
+              e.InputProps.endAdornment
+            ] })
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  Q as default
+};

package/dist/asyncautocomplete-w9q_1DWt.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),$=require("@mui/material/Autocomplete"),F=require("@mui/material/TextField"),K=require("@mui/material/CircularProgress"),y=require("./index-D08GIfqF.js");function L({attributes:o={},rules:v={},onChange:q}){const{MuiAttributes:A={},id:x="",label:S="Search",placeholder:j="",minChars:C=1,debounceMs:O=300,labelKey:I="label",valueKey:d="value",loadOptions:p,optionsUrl:a}=o,[R,h]=t.useState(o.value??null),[b,i]=t.useState([]),[m,s]=t.useState(!1),c=t.useRef(0),r=t.useRef(null);y.useUpdateEffect(()=>{h(o.value??null)},[o.value]),t.useEffect(()=>()=>{r.current&&clearTimeout(r.current)},[]);const P=async e=>{if(typeof p=="function")return p(e);if(a){const n=`${a}${a.includes("?")?"&":"?"}q=${encodeURIComponent(e)}`,g=await(await fetch(n)).json();return Array.isArray(g)?g:[]}return[]},T=e=>{const n=++c.current;s(!0),P(e).then(f=>{n===c.current&&(i(Array.isArray(f)?f:[]),s(!1))}).catch(()=>{n===c.current&&(i([]),s(!1))})},E=(e,n)=>{if(r.current&&clearTimeout(r.current),!n||n.length<C){c.current++,s(!1),i([]);return}r.current=setTimeout(()=>{T(n)},O)},M=(e,n)=>{h(n),q?.({id:x,value:n!=null?n?.[d]??n:n,option:n})},l=e=>typeof e=="string"?e:e?.[I]??"",U=!!v?.validation?.some(e=>e.rule==="mandatory");return u.jsx($,{value:R,onChange:M,onInputChange:E,options:b,loading:m,filterOptions:e=>e,getOptionLabel:l,renderOption:(e,n)=>t.createElement("li",{...e,key:(n&&n[d])??l(n)},l(n)),...A,renderInput:e=>u.jsx(F,{...e,label:S,placeholder:j,required:U,sx:y.premiumInputSx,InputProps:{...e.InputProps,endAdornment:u.jsxs(u.Fragment,{children:[m?u.jsx(K,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})}})})}exports.default=L;

package/dist/bar-BzO7tvYJ.mjs

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import a, { Suspense as i } from "react";
+import n from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+const f = a.lazy(
+  () => import("@mui/x-charts/BarChart").then((t) => ({ default: t.BarChart }))
+);
+function u({ attributes: t = {} }) {
+  const { MuiChartAttributes: e = {}, id: o = "" } = t;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      fallback: /* @__PURE__ */ r(n, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ r(s, {}) }),
+      children: /* @__PURE__ */ r(f, { height: 300, ...e }, o)
+    }
+  );
+}
+export {
+  u as default
+};

package/dist/bar-DEVxyUVS.js

@@ -0,0 +1 @@
+"use strict";var c=Object.create;var u=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of l(t))!h.call(e,s)&&s!==r&&u(e,s,{get:()=>t[s],enumerable:!(n=o(t,s))||n.enumerable});return e};var f=(e,t,r)=>(r=e!=null?c(d(e)):{},x(t||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),j=require("@mui/material/Box"),p=require("@mui/material/CircularProgress"),y=a.lazy(()=>import("@mui/x-charts/BarChart").then(e=>({default:e.BarChart})));function C({attributes:e={}}){const{MuiChartAttributes:t={},id:r=""}=e;return i.jsx(a.Suspense,{fallback:i.jsx(j,{sx:{display:"flex",justifyContent:"center",p:2},children:i.jsx(p,{})}),children:i.jsx(y,{height:300,...t},r)})}exports.default=C;

package/dist/cascadeselect-C3QVfoig.mjs

@@ -0,0 +1,64 @@
+import { jsxs as C, jsx as p } from "react/jsx-runtime";
+import x, { useCallback as E } from "react";
+import I from "@mui/material/TextField";
+import S from "@mui/material/MenuItem";
+import { u as y, m as O, a as P } from "./index-CddjLTWF.mjs";
+const R = (a) => Array.isArray(a) ? a.map(
+  (e) => e != null && typeof e == "object" ? { value: e.value, label: e.label ?? e.title ?? String(e.value) } : { value: e, label: String(e) }
+) : [], h = (a, e, t) => {
+  const r = a && e != null && e !== "" ? a[e] : void 0;
+  return R(r ?? t ?? []);
+};
+function U({ attributes: a = {}, rules: e = {}, onChange: t }) {
+  const {
+    id: r = "",
+    parentValue: s,
+    optionsMap: o,
+    options: i,
+    label: v = "",
+    placeholder: c = "",
+    MuiAttributes: f = {}
+  } = a, b = e?.validation?.some(
+    (l) => l.rule === "mandatory" || l.rule === "mandatoryselect"
+  ) || !1, [m, g] = x.useState(
+    () => h(o, s, i)
+  ), [n, d] = x.useState(() => a?.value ?? "");
+  y(() => {
+    d(a?.value ?? "");
+  }, [a?.value]), y(() => {
+    const l = h(o, s, i);
+    g(l), n !== "" && n != null && !l.some((u) => u.value === n) && (d(""), t?.({ id: r, value: "", option: null }));
+  }, [s, o, i]);
+  const M = E(
+    (l) => {
+      const u = l.target.value, j = m.find((A) => A.value === u) ?? null;
+      d(u), t?.({ id: r, value: u, option: j });
+    },
+    [m, r, t]
+  );
+  return /* @__PURE__ */ C(
+    I,
+    {
+      select: !0,
+      fullWidth: !0,
+      label: v,
+      placeholder: c,
+      required: b,
+      value: n ?? "",
+      onChange: M,
+      SelectProps: {
+        displayEmpty: !0,
+        inputProps: { "aria-label": v || "cascade-select" }
+      },
+      ...f,
+      sx: O(P, f?.sx),
+      children: [
+        c ? /* @__PURE__ */ p(S, { value: "", children: /* @__PURE__ */ p("em", { children: c }) }) : null,
+        m.map((l) => /* @__PURE__ */ p(S, { value: l.value, children: l.label }, String(l.value)))
+      ]
+    }
+  );
+}
+export {
+  U as default
+};

package/dist/cascadeselect-DzbhK9en.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),A=require("@mui/material/TextField"),y=require("@mui/material/MenuItem"),i=require("./index-D08GIfqF.js"),E=t=>Array.isArray(t)?t.map(e=>e!=null&&typeof e=="object"?{value:e.value,label:e.label??e.title??String(e.value)}:{value:e,label:String(e)}):[],b=(t,e,a)=>{const u=t&&e!=null&&e!==""?t[e]:void 0;return E(u??a??[])};function O({attributes:t={},rules:e={},onChange:a}){const{id:u="",parentValue:c,optionsMap:o,options:d,label:x="",placeholder:v="",MuiAttributes:S={}}=t,g=e?.validation?.some(l=>l.rule==="mandatory"||l.rule==="mandatoryselect")||!1,[p,h]=f.useState(()=>b(o,c,d)),[r,m]=f.useState(()=>t?.value??"");i.useUpdateEffect(()=>{m(t?.value??"")},[t?.value]),i.useUpdateEffect(()=>{const l=b(o,c,d);h(l),r!==""&&r!=null&&!l.some(n=>n.value===r)&&(m(""),a?.({id:u,value:"",option:null}))},[c,o,d]);const j=f.useCallback(l=>{const n=l.target.value,q=p.find(M=>M.value===n)??null;m(n),a?.({id:u,value:n,option:q})},[p,u,a]);return s.jsxs(A,{select:!0,fullWidth:!0,label:x,placeholder:v,required:g,value:r??"",onChange:j,SelectProps:{displayEmpty:!0,inputProps:{"aria-label":x||"cascade-select"}},...S,sx:i.mergeSx(i.premiumInputSx,S?.sx),children:[v?s.jsx(y,{value:"",children:s.jsx("em",{children:v})}):null,p.map(l=>s.jsx(y,{value:l.value,children:l.label},String(l.value)))]})}exports.default=O;

package/dist/colorpicker-5qmEq7ZI.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),k=require("react"),p=require("@mui/material/Box"),x=require("@mui/material/Stack"),C=require("@mui/material/TextField"),$=require("@mui/material/FormControl"),A=require("@mui/material/FormLabel"),n=require("@mui/material/styles"),l=require("./index-D08GIfqF.js"),h="#000000";function R({attributes:t={},rules:m={},onChange:b}){const{id:u="",label:o,presets:s=[],MuiAttributes:g={}}=t,{sx:y,...f}=g,[a,d]=k.useState(t.value||h);l.useUpdateEffect(()=>{d(t.value||h)},[t.value]);const v=m?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1,c=e=>{d(e),b?.({id:u,value:e})},S=e=>{c(e.target.value)},w=e=>{c(e.target.value)},j=e=>{c(e)},q={width:44,height:44,borderRadius:"10px",border:e=>`1px solid ${n.alpha(e.palette.text.primary,.2)}`,boxShadow:e=>`0 2px 8px ${n.alpha(e.palette.common.black,.12)}`,cursor:"pointer",flexShrink:0,position:"relative",overflow:"hidden"};return r.jsxs($,{required:v,component:"fieldset",fullWidth:!0,children:[o&&r.jsx(A,{component:"legend",children:o}),r.jsxs(x,{direction:"row",spacing:1.5,alignItems:"center",sx:{mt:o?1:0},children:[r.jsx(p,{sx:{...q,backgroundColor:a},children:r.jsx("input",{type:"color","aria-label":o?`${o} colour`:"colour",value:a,onChange:S,...f,style:{position:"absolute",inset:0,width:"100%",height:"100%",opacity:0,border:"none",padding:0,cursor:"pointer"}})}),r.jsx(C,{id:u||void 0,value:a,onChange:w,size:"small",label:"Hex",inputProps:{"aria-label":"hex value"},sx:l.mergeSx(l.premiumInputSx,l.mergeSx({maxWidth:160},y))})]}),Array.isArray(s)&&s.length>0&&r.jsx(x,{direction:"row",spacing:1,sx:{mt:1.5,flexWrap:"wrap",rowGap:1},children:s.map(e=>r.jsx(p,{role:"button","aria-label":`preset ${e}`,onClick:()=>j(e),sx:{width:26,height:26,borderRadius:"8px",backgroundColor:e,cursor:"pointer",flexShrink:0,border:i=>a===e?`2px solid ${i.palette.primary.main}`:`1px solid ${n.alpha(i.palette.text.primary,.2)}`,boxShadow:i=>`0 1px 4px ${n.alpha(i.palette.common.black,.12)}`}},e))})]})}exports.default=R;

package/dist/colorpicker-DhNZulJY.mjs

@@ -0,0 +1,98 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import $ from "react";
+import m from "@mui/material/Box";
+import u from "@mui/material/Stack";
+import A from "@mui/material/TextField";
+import F from "@mui/material/FormControl";
+import I from "@mui/material/FormLabel";
+import { alpha as l } from "@mui/material/styles";
+import { u as R, m as x, a as B } from "./index-CddjLTWF.mjs";
+const h = "#000000";
+function q({ attributes: t = {}, rules: f = {}, onChange: b }) {
+  const { id: p = "", label: r, presets: n = [], MuiAttributes: g = {} } = t, { sx: w, ...v } = g, [a, d] = $.useState(
+    t.value || h
+  );
+  R(() => {
+    d(t.value || h);
+  }, [t.value]);
+  const y = f?.validation?.some(
+    (o) => o.rule === "mandatory" || o.rule === "mandatoryselect"
+  ) || !1, s = (o) => {
+    d(o), b?.({ id: p, value: o });
+  }, k = (o) => {
+    s(o.target.value);
+  }, C = (o) => {
+    s(o.target.value);
+  }, S = (o) => {
+    s(o);
+  };
+  return /* @__PURE__ */ c(F, { required: y, component: "fieldset", fullWidth: !0, children: [
+    r && /* @__PURE__ */ e(I, { component: "legend", children: r }),
+    /* @__PURE__ */ c(u, { direction: "row", spacing: 1.5, alignItems: "center", sx: { mt: r ? 1 : 0 }, children: [
+      /* @__PURE__ */ e(m, { sx: { ...{
+        width: 44,
+        height: 44,
+        borderRadius: "10px",
+        border: (o) => `1px solid ${l(o.palette.text.primary, 0.2)}`,
+        boxShadow: (o) => `0 2px 8px ${l(o.palette.common.black, 0.12)}`,
+        cursor: "pointer",
+        flexShrink: 0,
+        position: "relative",
+        overflow: "hidden"
+      }, backgroundColor: a }, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "color",
+          "aria-label": r ? `${r} colour` : "colour",
+          value: a,
+          onChange: k,
+          ...v,
+          style: {
+            position: "absolute",
+            inset: 0,
+            width: "100%",
+            height: "100%",
+            opacity: 0,
+            border: "none",
+            padding: 0,
+            cursor: "pointer"
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        A,
+        {
+          id: p || void 0,
+          value: a,
+          onChange: C,
+          size: "small",
+          label: "Hex",
+          inputProps: { "aria-label": "hex value" },
+          sx: x(B, x({ maxWidth: 160 }, w))
+        }
+      )
+    ] }),
+    Array.isArray(n) && n.length > 0 && /* @__PURE__ */ e(u, { direction: "row", spacing: 1, sx: { mt: 1.5, flexWrap: "wrap", rowGap: 1 }, children: n.map((o) => /* @__PURE__ */ e(
+      m,
+      {
+        role: "button",
+        "aria-label": `preset ${o}`,
+        onClick: () => S(o),
+        sx: {
+          width: 26,
+          height: 26,
+          borderRadius: "8px",
+          backgroundColor: o,
+          cursor: "pointer",
+          flexShrink: 0,
+          border: (i) => a === o ? `2px solid ${i.palette.primary.main}` : `1px solid ${l(i.palette.text.primary, 0.2)}`,
+          boxShadow: (i) => `0 1px 4px ${l(i.palette.common.black, 0.12)}`
+        }
+      },
+      o
+    )) })
+  ] });
+}
+export {
+  q as default
+};

package/dist/components/DynamicComponent.d.ts

@@ -1,5 +1,7 @@
 import { ControlProps } from '../types';
 interface DynamicComponentProps extends ControlProps {
+    /** Schema `type` — checked against the custom-control registry first. */
+    type?: string;
     map?: string;
     option?: string;
     control?: any;

package/dist/components/FormGenerator.d.ts

@@ -1,8 +1,16 @@
 import { default as React } from 'react';
 import { GridProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
 import { FormField } from '../util/helper';
-export declare const FormData: (id?: string) => any;
+import { FormResolver } from '../util/resolvers';
+export declare const FormData: <T = any>(id?: string) => T;
 export declare const ClearFormData: (id?: string) => void;
+/** Convenience accessor for a form's stored values (imperative; pairs with `guid`).
+ *  Pass a values type for autocomplete: `useForm<MyValues>(guid)`. */
+export declare const useForm: <T = Record<string, any>>(guid: string) => {
+    getValues: () => T;
+    clear: () => void;
+};
 export interface FormGeneratorProps {
     /** Component unique identifier */
     guid: string;
@@ -46,5 +54,118 @@ export interface FormGeneratorProps {
     autoSaveKey?: string;
     /** Which browser storage to use for auto-save (default 'local'). */
     autoSaveStorage?: 'local' | 'session';
+    /** Imperative API — getValues/getErrors/validate/reset/setValues/submit. */
+    apiRef?: React.Ref<FormApi<any>>;
+    /** Localizable default messages (e.g. { required: 'Champ obligatoire' }). */
+    messages?: FormMessages;
+    /** Translate every user-facing string (labels, placeholders, helper text,
+     *  option labels, validation messages, typography, submit/cancel labels).
+     *  Plug in any i18n: `translate={(s) => dictionary[s] ?? s}`. */
+    translate?: (text: string) => string;
+    /** Show a visible validation summary above the form after a failed submit. */
+    validationSummary?: boolean;
+    /** Validate the whole form against a schema resolver (see `zodResolver` /
+     *  `yupResolver`). Its errors merge with per-field `rules.validation` and
+     *  appear in `onSubmit`, the validation summary, and `apiRef.getErrors()`. */
+    resolver?: FormResolver;
+    /** Per-field async (remote) validators, keyed by field id — e.g. an
+     *  "is this username taken?" server check. Each returns an error message
+     *  (string) or a falsy value when valid. Runs debounced on change with a
+     *  pending / valid / invalid indicator, and blocks submit while pending or
+     *  invalid. */
+    asyncValidators?: Record<string, AsyncValidator>;
+    /** Render every control disabled (non-editable) while keeping the form layout. */
+    readOnly?: boolean;
+    /** Warn the user (native beforeunload prompt) when they try to leave the page
+     *  with unsaved edits — i.e. while the form is dirty. */
+    warnOnUnsavedChanges?: boolean;
+    /** Render a visible submit button with this label (runs the same submit flow).
+     *  When omitted, no visible submit button is rendered (external/apiRef submit).
+     *  Shortcut for `submitButton: { label }`. */
+    submitLabel?: string;
+    /** Fully configure the visible submit button — colour, icon, loader, variant.
+     *  Takes precedence over `submitLabel`. */
+    submitButton?: SubmitButtonConfig;
+    /** Make the submit bar stick to the bottom of the scroll area. */
+    stickySubmit?: boolean;
+    /** Optional cancel/secondary action shown beside submit. */
+    cancelLabel?: string;
+    /** Handler for the cancel button. */
+    onCancel?: () => void;
+    /**
+     * Render the form as a clean read-only SUMMARY of its current values
+     * (label → value), instead of input controls. Respects `visibleWhen`,
+     * resolves option labels/booleans/dates, and follows matching subforms.
+     */
+    reviewMode?: boolean;
+}
+/** Localizable built-in strings. */
+export interface FormMessages {
+    required?: string;
+    /** "{n} error(s) found" summary prefix; `{n}` is replaced with the count. */
+    errorSummary?: string;
+}
+/** Declarative styling/behaviour for the visible submit button. */
+export interface SubmitButtonConfig {
+    /** Button text. */
+    label?: string;
+    /** MUI theme palette colour, or any CSS colour string for a custom fill. */
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit' | string;
+    /** Two-colour gradient `[from, to]` for the button background (overrides `color`). */
+    gradient?: [string, string];
+    /** Leading Material icon name (e.g. `send`, `save`). */
+    icon?: string;
+    /** Trailing Material icon name. */
+    endIcon?: string;
+    /** MUI button variant. */
+    variant?: 'contained' | 'outlined' | 'text';
+    /** Show a spinner and disable the button. Also driven automatically while an
+     *  async `onSubmit` (one that returns a Promise) is pending. */
+    loading?: boolean;
+    /** Text shown while loading (defaults to the label). */
+    loadingLabel?: string;
+    /** Stretch the button to the full width of the bar. */
+    fullWidth?: boolean;
+    /** Extra styles merged onto the button. */
+    sx?: SxProps<Theme>;
+}
+/** An async field validator: resolves to an error message when invalid, or a
+ *  falsy value when valid. Receives the field's value and all current values. */
+export type AsyncValidator = (value: any, values: Record<string, any>) => Promise<string | null | undefined | false>;
+/** Imperative handle exposed via `apiRef`. Pass a values type for full
+ *  autocomplete: `useRef<FormApi<MyValues>>(null)`. */
+export interface FormApi<T = Record<string, any>> {
+    /** Current values for this form. */
+    getValues: () => T;
+    /** Run validation now and return the errors (also displays them). */
+    getErrors: () => any[];
+    /** Alias of getErrors that returns whether the form is valid. */
+    validate: () => boolean;
+    /** Merge values into the form and re-render. */
+    setValues: (values: Partial<T>) => void;
+    /** Clear this form's stored values. */
+    reset: () => void;
+    /** The values the form started with (initial patch/schema snapshot). */
+    getInitialValues: () => T;
+    /** True when the current values differ from the initial snapshot. */
+    isDirty: () => boolean;
+    /** Restore the values to the initial snapshot (undo all edits). */
+    resetToInitial: () => void;
+    /** Adopt the current values as the new "clean" baseline (e.g. after a save),
+     *  so `isDirty()` reports false until the next edit. */
+    markPristine: () => void;
+    /** Programmatically submit (runs the same flow as the submit button). */
+    submit: () => void;
+    /** Open the browser print dialog for a clean summary of the current values
+     *  (the same "review" layout). Users can also "Save as PDF" from there. */
+    print: (options?: {
+        title?: string;
+    }) => void;
+    /** Download a PDF of the current values. Requires the optional `pdfmake`
+     *  package (`npm i pdfmake`); lazy-loaded, so it never bloats the bundle. */
+    exportPdf: (options?: {
+        title?: string;
+        filename?: string;
+    }) => Promise<void>;
 }
-export declare function FormGenerator({ data, patch, guid, formRef, onSubmit, onChange, onStepChange, MuiGridAttributes, activeStep, onFieldClick, onFieldDoubleClick, onFieldContextMenu, persistOnUnmount, autoSave, autoSaveKey, autoSaveStorage, }: FormGeneratorProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormGenerator({ data, patch, guid, formRef, onSubmit, onChange, onStepChange, MuiGridAttributes, activeStep, onFieldClick, onFieldDoubleClick, onFieldContextMenu, persistOnUnmount, autoSave, autoSaveKey, autoSaveStorage, apiRef, messages, validationSummary, resolver, asyncValidators, readOnly, reviewMode, warnOnUnsavedChanges, submitLabel, submitButton, stickySubmit, cancelLabel, onCancel, translate, }: FormGeneratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/AsyncAutocomplete/asyncautocomplete.d.ts

@@ -0,0 +1,9 @@
+import { ControlProps } from '../../../types';
+/**
+ * AsyncAutocomplete — an MUI `Autocomplete` whose options are loaded
+ * asynchronously as the user types (server-side search). Client-side filtering
+ * is disabled; options come from `loadOptions(query)` or by fetching
+ * `optionsUrl` with a `q` query param. Requests are debounced and guarded
+ * against out-of-order responses.
+ */
+export default function AsyncAutocomplete({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/CheckBox/checkbox.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** Playground Component */
-export default function CheckBox({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function CheckBox({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/ChipSelect/chipselect.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** Premium selectable-chip control supporting single and multi select. */
-export default function ChipSelect({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function ChipSelect({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/EditableTable/editabletable.d.ts

@@ -0,0 +1,2 @@
+import { ControlProps } from '../../../types';
+export default function EditableTable({ attributes, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/IntlPhone/intlphone.d.ts

@@ -0,0 +1,2 @@
+import { ControlProps } from '../../../types';
+export default function IntlPhone({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/LocationField/locationfield.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function LocationField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function LocationField({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/MultiTextbox/multitextbox.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function MultiTextbox({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function MultiTextbox({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/NpsScale/npsscale.d.ts

@@ -0,0 +1,3 @@
+import { ControlProps } from '../../../types';
+/** NpsScale Component — a horizontal 0..N rating scale (Net Promoter Score style). */
+export default function NpsScale({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/NumberField/numberfield.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function NumberField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function NumberField({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/PasswordField/passwordfield.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function PasswordField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function PasswordField({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/Radio/radio.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** Radio Component */
-export default function Radio({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Radio({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/RichTextEditor/richtexteditor.d.ts

@@ -0,0 +1,3 @@
+import { ControlProps } from '../../../types';
+/** RichTextEditor Component — a lightweight WYSIWYG editor over a contentEditable div. */
+export default function RichTextEditor({ attributes, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/Select/select.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function Select({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Select({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/Switch/switch.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** Switch Component */
-export default function Switch({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Switch({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/TextField/textfield.d.ts

@@ -1,2 +1,2 @@
 import { ControlProps } from '../../../types';
-export default function TextField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function TextField({ attributes, rules, onChange, submitTick, messages }: ControlProps): import("react/jsx-runtime").JSX.Element;