@useloops/design-system 1.4.721 → 1.4.722

package/dist/esm/systems/WebCore/FormBuilder/Field.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{memo as l}from"react";import{useWatch as m,Controller as a}from"react-hook-form";import{space as s}from"../../BrandCore/primitiveVariables.js";import d from"../Html/Html.js";import p from"../InputLabel/InputLabel.js";import c from"./components/StrengthIndicator/StrengthIndicator.js";import f from"./FieldMessage.js";import{extractNoneOfThese as u,splitFieldProps as h,getFieldDefinition as g}from"./fieldRegistry.js";const x=l(({field:l,fieldRef:x,control:b})=>{const{custom:j}=o(),v=l,{fieldType:y,name:I,label:L,labelProps:S,helperText:T,helpTextProps:k,content:R,styleOverrides:w,strengthIndicator:H,hidden:M}=v,P=u(h(v)),$=m({control:b,name:I,disabled:!H}),z="checkbox"===y?`${"lg"===P.sizing?s[600]:s[500]}px`:void 0,B=`${I}-error`;return r(i,{sx:n({gap:j.margin.sm},w?.sxInputStack,M&&{display:"none!important"}),children:["switch"!==y?L&&e(p,{...S,children:L}):null,(()=>{if("html"===y)return R?e(d,{children:R}):null;const o=g(y);if(!o)return null;const i=o.component;return e(a,{name:I,control:b,render:({field:{ref:n,...l},fieldState:m})=>r(t,{children:[e(i,{...P,...l,...o.adapt?.(v,l)??{},"aria-invalid":!!m.error||void 0,"aria-describedby":m.error?B:void 0,inputRef:r=>{n(r),((r,e)=>{"function"==typeof r?r(e):r&&(r.current=e)})(x,r)}}),H&&e(c,{value:$}),m.error&&e(f,{id:B,errorMessage:m.error.message,paddingLeft:z,showicon:!0})]})})})(),T?e(f,{helperText:T,paddingLeft:z,...k}):null]})});export{x as default};
+import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{mergeSx as i}from"merge-sx";import{memo as n}from"react";import{useWatch as l,Controller as m}from"react-hook-form";import{space as a}from"../../BrandCore/primitiveVariables.js";import s from"../Html/Html.js";import d from"../InputLabel/InputLabel.js";import p from"./components/StrengthIndicator/StrengthIndicator.js";import c from"./FieldCollapse.js";import f from"./FieldMessage.js";import{extractNoneOfThese as u,splitFieldProps as h,getFieldDefinition as g}from"./fieldRegistry.js";const x=n(({field:n,fieldRef:x,control:b})=>{const{custom:j}=o(),v=n,{fieldType:I,name:y,label:L,labelProps:S,helperText:T,helpTextProps:k,content:R,styleOverrides:w,strengthIndicator:C,hidden:F}=v,H=u(h(v)),M=l({control:b,name:y,disabled:!C}),P="checkbox"===I?`${"lg"===H.sizing?a[600]:a[500]}px`:void 0,$=`${y}-error`;return r(c,{hidden:F,sx:i({gap:j.margin.sm},w?.sxInputStack),children:["switch"!==I?L&&e(d,{...S,children:L}):null,(()=>{if("html"===I)return R?e(s,{children:R}):null;const o=g(I);if(!o)return null;const i=o.component;return e(m,{name:y,control:b,render:({field:{ref:n,...l},fieldState:m})=>r(t,{children:[e(i,{...H,...l,...o.adapt?.(v,l)??{},"aria-invalid":!!m.error||void 0,"aria-describedby":m.error?$:void 0,inputRef:r=>{n(r),((r,e)=>{"function"==typeof r?r(e):r&&(r.current=e)})(x,r)}}),C&&e(p,{value:M}),m.error&&e(f,{id:$,errorMessage:m.error.message,paddingLeft:P,showicon:!0})]})})})(),T?e(f,{helperText:T,paddingLeft:P,...k}):null]})});export{x as default};

package/dist/esm/systems/WebCore/FormBuilder/FieldCollapse.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Stack as i}from"@mui/material";import{useTheme as o}from"@mui/material/styles";import{mergeSx as r}from"merge-sx";import{motion as a,useReducedMotion as e,AnimatePresence as m}from"motion/react";import{useState as n}from"react";const c=a.create(i),s=[.32,.72,0,1],d=({hidden:i=!1,sx:a,children:d})=>{const{spacing:l,custom:p}=o(),u=e(),[h,f]=n(!1),g=Number.parseFloat(l(p.margin.md))||0,x=u?{duration:0}:{duration:.26,ease:s};return t(m,{initial:!1,children:!i&&t(c,{sx:r(a,{overflow:h?"hidden":"visible"}),initial:{height:0,opacity:0,marginBottom:0},animate:{height:"auto",opacity:1,marginBottom:g},exit:{height:0,opacity:0,marginBottom:0},transition:{...x,opacity:{...x,duration:.6*x.duration}},onAnimationStart:()=>f(!0),onAnimationComplete:()=>f(!1),children:d},"field")})};export{d as default};

package/dist/esm/systems/WebCore/FormBuilder/FormBuilder.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{zodResolver as t}from"@hookform/resolvers/zod";import{useTheme as o,Box as i,Stack as s}from"@mui/material";import{mergeSx as m}from"merge-sx";import{forwardRef as n,useRef as a,useMemo as l,useEffect as u,useImperativeHandle as d}from"react";import{useForm as c,FormProvider as f}from"react-hook-form";import{usePrevious as p}from"../../../utils/usePrevious.js";import g from"./Field.js";import{getDefaultValues as h,getFieldDefault as b}from"./fieldRegistry.js";import v from"./FormActions.js";const x=n(({formConfig:n,onSubmit:x,onChange:F,onFormSubmit:S,onFormChange:V,submitButton:y,secondaryButton:B},C)=>{const{custom:j}=o(),{fields:I,mode:k,reValidateMode:R,autoComplete:w,formId:M,validateOnInit:O,disableInvalidSubmit:T,styleOverrides:z,schema:A,resolver:E}=n,N=x??S,P=F??V,U=p(I),q=a({isValid:!1,errors:{}}),D=c({mode:k||"onChange",reValidateMode:R,defaultValues:l(()=>h(I),[]),resolver:E??(A?t(A):void 0),shouldUnregister:!0}),{control:G,handleSubmit:H,reset:J,trigger:K,setValue:L,setFocus:Q,getValues:W,getFieldState:X,watch:Y}=D;u(()=>{O&&K()},[]),u(()=>{if(!P)return;const e=Y(()=>P(W()));return()=>e.unsubscribe()},[Y,W,P]),u(()=>{if(void 0===U)return;const e=U.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);I.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>L(e.name,b(e)))},[I]);const Z=a(!1);return u(()=>{Z.current?J(h(I)):Z.current=!0},[M]),d(C,()=>({submit(){N&&H(N)()},reset(){J()},values:()=>W(),valid:()=>q.current.isValid,errors:()=>q.current.errors,focus(e){Q(e)},setValue:L,getFieldState:X,trigger:K,watch:Y})),e(f,{...D,children:r(i,{component:"form",autoComplete:w,noValidate:!0,sx:z?.sxForm,...N&&{onSubmit:H(N)},children:[e(s,{sx:m({gap:j.margin.md},z?.sxStack),children:I.map(r=>e(g,{field:r,fieldRef:r.ref,control:G},r.name))}),e(v,{control:G,stateRef:q,submitButton:y,secondaryButton:B,disableInvalidSubmit:T,sx:z?.sxButtons})]})})});x.displayName="FormBuilder";const F=x;export{F as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{zodResolver as t}from"@hookform/resolvers/zod";import{Box as o,Stack as i}from"@mui/material";import{mergeSx as s}from"merge-sx";import{forwardRef as m,useRef as n,useMemo as a,useEffect as l,useImperativeHandle as u}from"react";import{useForm as d,FormProvider as f}from"react-hook-form";import{usePrevious as c}from"../../../utils/usePrevious.js";import p from"./Field.js";import{getDefaultValues as h,getFieldDefault as g}from"./fieldRegistry.js";import b from"./FormActions.js";const v=m(({formConfig:m,onSubmit:v,onChange:V,onFormSubmit:x,onFormChange:F,submitButton:S,secondaryButton:y},B)=>{const{fields:C,mode:j,reValidateMode:I,autoComplete:k,formId:w,validateOnInit:R,disableInvalidSubmit:M,preserveHiddenValues:O,styleOverrides:T,schema:z,resolver:A}=m,E=v??x,G=V??F,H=c(C),N=n({isValid:!1,errors:{}}),P=d({mode:j||"onChange",reValidateMode:I,defaultValues:a(()=>h(C),[]),resolver:A??(z?t(z):void 0),shouldUnregister:!O}),{control:U,handleSubmit:q,reset:D,trigger:J,setValue:K,setFocus:L,getValues:Q,getFieldState:W,watch:X}=P;l(()=>{R&&J()},[]),l(()=>{if(!G)return;const e=X(()=>G(Q()));return()=>e.unsubscribe()},[X,Q,G]),l(()=>{if(void 0===H)return;const e=H.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);C.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>K(e.name,g(e)))},[C]);const Y=n(!1);return l(()=>{Y.current?D(h(C)):Y.current=!0},[w]),u(B,()=>({submit(){E&&q(E)()},reset(){D()},values:()=>Q(),valid:()=>N.current.isValid,errors:()=>N.current.errors,focus(e){L(e)},setValue:K,getFieldState:W,trigger:J,watch:X})),e(f,{...P,children:r(o,{component:"form",autoComplete:k,noValidate:!0,sx:T?.sxForm,...E&&{onSubmit:q(E)},children:[e(i,{sx:s({rowGap:0},T?.sxStack),children:C.map(r=>e(p,{field:r,fieldRef:r.ref,control:U},r.name))}),e(b,{control:U,stateRef:N,submitButton:S,secondaryButton:y,disableInvalidSubmit:M,sx:T?.sxButtons})]})})});v.displayName="FormBuilder";const V=v;export{V as default};

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "className" | "style" | "classes" | "children" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;

package/dist/systems/WebCore/FormBuilder/Field.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),n=require("react-hook-form"),s=require("../../BrandCore/primitiveVariables.js"),l=require("../Html/Html.js"),o=require("../InputLabel/InputLabel.js"),a=require("./components/StrengthIndicator/StrengthIndicator.js"),d=require("./FieldMessage.js"),c=require("./fieldRegistry.js");var u=i.memo(({field:i,fieldRef:u,control:p})=>{const{custom:m}=r.useTheme(),x=i,{fieldType:h,name:f,label:g,labelProps:j,helperText:q,helpTextProps:b,content:v,styleOverrides:y,strengthIndicator:I,hidden:S}=x,T=c.extractNoneOfThese(c.splitFieldProps(x)),k=n.useWatch({control:p,name:f,disabled:!I}),F="checkbox"===h?`${"lg"===T.sizing?s.space[600]:s.space[500]}px`:void 0,L=`${f}-error`;return e.jsxs(r.Stack,{sx:t.mergeSx({gap:m.margin.sm},y?.sxInputStack,S&&{display:"none!important"}),children:["switch"!==h?g&&e.jsx(o,{...j,children:g}):null,(()=>{if("html"===h)return v?e.jsx(l,{children:v}):null;const r=c.getFieldDefinition(h);if(!r)return null;const t=r.component;return e.jsx(n.Controller,{name:f,control:p,render:({field:{ref:i,...n},fieldState:s})=>e.jsxs(e.Fragment,{children:[e.jsx(t,{...T,...n,...r.adapt?.(x,n)??{},"aria-invalid":!!s.error||void 0,"aria-describedby":s.error?L:void 0,inputRef:e=>{i(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(u,e)}}),I&&e.jsx(a,{value:k}),s.error&&e.jsx(d,{id:L,errorMessage:s.error.message,paddingLeft:F,showicon:!0})]})})})(),q?e.jsx(d,{helperText:q,paddingLeft:F,...b}):null]})});module.exports=u;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("merge-sx"),t=require("react"),s=require("react-hook-form"),n=require("../../BrandCore/primitiveVariables.js"),l=require("../Html/Html.js"),o=require("../InputLabel/InputLabel.js"),a=require("./components/StrengthIndicator/StrengthIndicator.js"),d=require("./FieldCollapse.js"),u=require("./FieldMessage.js"),c=require("./fieldRegistry.js");var p=t.memo(({field:t,fieldRef:p,control:m})=>{const{custom:x}=r.useTheme(),h=t,{fieldType:f,name:g,label:j,labelProps:q,helperText:b,helpTextProps:v,content:I,styleOverrides:T,strengthIndicator:y,hidden:F}=h,S=c.extractNoneOfThese(c.splitFieldProps(h)),L=s.useWatch({control:m,name:g,disabled:!y}),k="checkbox"===f?`${"lg"===S.sizing?n.space[600]:n.space[500]}px`:void 0,C=`${g}-error`;return e.jsxs(d,{hidden:F,sx:i.mergeSx({gap:x.margin.sm},T?.sxInputStack),children:["switch"!==f?j&&e.jsx(o,{...q,children:j}):null,(()=>{if("html"===f)return I?e.jsx(l,{children:I}):null;const r=c.getFieldDefinition(f);if(!r)return null;const i=r.component;return e.jsx(s.Controller,{name:g,control:m,render:({field:{ref:t,...s},fieldState:n})=>e.jsxs(e.Fragment,{children:[e.jsx(i,{...S,...s,...r.adapt?.(h,s)??{},"aria-invalid":!!n.error||void 0,"aria-describedby":n.error?C:void 0,inputRef:e=>{t(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(p,e)}}),y&&e.jsx(a,{value:L}),n.error&&e.jsx(u,{id:C,errorMessage:n.error.message,paddingLeft:k,showicon:!0})]})})})(),b?e.jsx(u,{helperText:b,paddingLeft:k,...v}):null]})});module.exports=p;

package/dist/systems/WebCore/FormBuilder/FieldCollapse.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("@mui/material/styles"),r=require("merge-sx"),a=require("motion/react"),o=require("react");const n=a.motion.create(i.Stack),m=[.32,.72,0,1];module.exports=({hidden:i=!1,sx:s,children:u})=>{const{spacing:c,custom:d}=t.useTheme(),l=a.useReducedMotion(),[h,g]=o.useState(!1),x=Number.parseFloat(c(d.margin.md))||0,p=l?{duration:0}:{duration:.26,ease:m};return e.jsx(a.AnimatePresence,{initial:!1,children:!i&&e.jsx(n,{sx:r.mergeSx(s,{overflow:h?"hidden":"visible"}),initial:{height:0,opacity:0,marginBottom:0},animate:{height:"auto",opacity:1,marginBottom:x},exit:{height:0,opacity:0,marginBottom:0},transition:{...p,opacity:{...p,duration:.6*p.duration}},onAnimationStart:()=>g(!0),onAnimationComplete:()=>g(!1),children:u},"field")})};

package/dist/systems/WebCore/FormBuilder/FormBuilder.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@hookform/resolvers/zod"),t=require("@mui/material"),s=require("merge-sx"),o=require("react"),i=require("react-hook-form"),u=require("../../../utils/usePrevious.js"),a=require("./Field.js"),l=require("./fieldRegistry.js"),n=require("./FormActions.js");const m=o.forwardRef(({formConfig:m,onSubmit:d,onChange:c,onFormSubmit:f,onFormChange:g,submitButton:h,secondaryButton:v},x)=>{const{custom:b}=t.useTheme(),{fields:F,mode:p,reValidateMode:S,autoComplete:V,formId:j,validateOnInit:q,disableInvalidSubmit:y,styleOverrides:B,schema:R,resolver:C}=m,E=d??f,I=c??g,k=u.usePrevious(F),w=o.useRef({isValid:!1,errors:{}}),D=i.useForm({mode:p||"onChange",reValidateMode:S,defaultValues:o.useMemo(()=>l.getDefaultValues(F),[]),resolver:C??(R?r.zodResolver(R):void 0),shouldUnregister:!0}),{control:M,handleSubmit:P,reset:T,trigger:z,setValue:O,setFocus:A,getValues:H,getFieldState:N,watch:U}=D;o.useEffect(()=>{q&&z()},[]),o.useEffect(()=>{if(!I)return;const e=U(()=>I(H()));return()=>e.unsubscribe()},[U,H,I]),o.useEffect(()=>{if(void 0===k)return;const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);F.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>O(e.name,l.getFieldDefault(e)))},[F]);const G=o.useRef(!1);return o.useEffect(()=>{G.current?T(l.getDefaultValues(F)):G.current=!0},[j]),o.useImperativeHandle(x,()=>({submit(){E&&P(E)()},reset(){T()},values:()=>H(),valid:()=>w.current.isValid,errors:()=>w.current.errors,focus(e){A(e)},setValue:O,getFieldState:N,trigger:z,watch:U})),e.jsx(i.FormProvider,{...D,children:e.jsxs(t.Box,{component:"form",autoComplete:V,noValidate:!0,sx:B?.sxForm,...E&&{onSubmit:P(E)},children:[e.jsx(t.Stack,{sx:s.mergeSx({gap:b.margin.md},B?.sxStack),children:F.map(r=>e.jsx(a,{field:r,fieldRef:r.ref,control:M},r.name))}),e.jsx(n,{control:M,stateRef:w,submitButton:h,secondaryButton:v,disableInvalidSubmit:y,sx:B?.sxButtons})]})})});m.displayName="FormBuilder";const d=m;module.exports=d;
+"use strict";var e=require("react/jsx-runtime"),r=require("@hookform/resolvers/zod"),t=require("@mui/material"),s=require("merge-sx"),o=require("react"),i=require("react-hook-form"),u=require("../../../utils/usePrevious.js"),a=require("./Field.js"),l=require("./fieldRegistry.js"),n=require("./FormActions.js");const d=o.forwardRef(({formConfig:d,onSubmit:m,onChange:c,onFormSubmit:f,onFormChange:g,submitButton:v,secondaryButton:h},x)=>{const{fields:b,mode:p,reValidateMode:F,autoComplete:V,formId:S,validateOnInit:j,disableInvalidSubmit:q,preserveHiddenValues:y,styleOverrides:B,schema:R,resolver:C}=d,E=m??f,I=c??g,k=u.usePrevious(b),w=o.useRef({isValid:!1,errors:{}}),D=i.useForm({mode:p||"onChange",reValidateMode:F,defaultValues:o.useMemo(()=>l.getDefaultValues(b),[]),resolver:C??(R?r.zodResolver(R):void 0),shouldUnregister:!y}),{control:M,handleSubmit:P,reset:z,trigger:H,setValue:O,setFocus:T,getValues:A,getFieldState:G,watch:N}=D;o.useEffect(()=>{j&&H()},[]),o.useEffect(()=>{if(!I)return;const e=N(()=>I(A()));return()=>e.unsubscribe()},[N,A,I]),o.useEffect(()=>{if(void 0===k)return;const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);b.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>O(e.name,l.getFieldDefault(e)))},[b]);const U=o.useRef(!1);return o.useEffect(()=>{U.current?z(l.getDefaultValues(b)):U.current=!0},[S]),o.useImperativeHandle(x,()=>({submit(){E&&P(E)()},reset(){z()},values:()=>A(),valid:()=>w.current.isValid,errors:()=>w.current.errors,focus(e){T(e)},setValue:O,getFieldState:G,trigger:H,watch:N})),e.jsx(i.FormProvider,{...D,children:e.jsxs(t.Box,{component:"form",autoComplete:V,noValidate:!0,sx:B?.sxForm,...E&&{onSubmit:P(E)},children:[e.jsx(t.Stack,{sx:s.mergeSx({rowGap:0},B?.sxStack),children:b.map(r=>e.jsx(a,{field:r,fieldRef:r.ref,control:M},r.name))}),e.jsx(n,{control:M,stateRef:w,submitButton:v,secondaryButton:h,disableInvalidSubmit:q,sx:B?.sxButtons})]})})});d.displayName="FormBuilder";const m=d;module.exports=m;

package/dist/systems/WebCore/FormBuilder/types.d.ts

@@ -35,6 +35,7 @@ interface FormBuilderConfig<TValues extends FieldValues = FieldValues> {
     formId?: string;
     validateOnInit?: boolean;
     disableInvalidSubmit?: boolean;
+    preserveHiddenValues?: boolean;
     styleOverrides?: {
         sxForm?: SxProps<Theme>;
         sxButtons?: SxProps<Theme>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.721",
+    "version": "1.4.722",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",