@react-typed-forms/schemas-html 2.3.2 → 2.4.1

package/lib/index.cjs

@@ -1,2 +1,1914 @@
-var e=require("react"),t=require("clsx"),r=require("@react-typed-forms/schemas"),n=require("@react-typed-forms/core"),a=require("@mui/base"),l=require("@astroapps/aria-base"),o=require("@react-stately/overlays");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/s(e),u=/*#__PURE__*/s(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(null,arguments)}function c(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function f(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;r[n]=e[n]}return r}var p=["data","display","className","style"];function m(e){return void 0===e&&(e={}),{render:function(t){/*#__PURE__*/return i.default.createElement(y,d({},e,t))},type:"display"}}function y(e){var t=n.useComponentTracking();try{var a=e.data,l=e.display,o=e.className,s=e.style,d=f(e,p);switch(a.type){case r.DisplayDataType.Icon:/*#__PURE__*/return i.default.createElement("i",{style:s,className:u.default(r.getOverrideClass(o),l?l.value:a.iconClass)});case r.DisplayDataType.Text:/*#__PURE__*/return i.default.createElement("div",{style:s,className:r.rendererClass(o,d.textClassName)},l?r.coerceToString(l.value):a.text);case r.DisplayDataType.Html:/*#__PURE__*/return i.default.createElement("div",{style:s,className:r.rendererClass(o,d.htmlClassName),dangerouslySetInnerHTML:{__html:l?r.coerceToString(l.value):a.html}});case r.DisplayDataType.Custom:/*#__PURE__*/return i.default.createElement("div",null,/*#__PURE__*/i.default.createElement("b",null,"(",a.customId,")"));default:/*#__PURE__*/return i.default.createElement("h1",null,"Unknown display type: ",a.type)}}finally{t()}}var v=["control","convert"],C=["errorText","value","onChange"];function g(e){var t=n.useComponentTracking();try{var r=function(e){return null==e?"":l[2](e)},a=e.control,l=e.convert,o=f(e,v),s=n.formControlProps(a),u=s.value,c=f(s,C),p=n.useControl(function(){return r(u)});return n.useControlEffect(function(){return a.value},function(e){return p.value=r(e)}),/*#__PURE__*/i.default.createElement("input",d({},c,{type:l[0],value:p.value,onChange:function(e){p.value=e.target.value;var t=l[1](e.target.value);void 0!==t&&(a.value=t)}},o))}finally{t()}}function x(e){switch(e){case r.FieldType.String:return["text",function(e){return e},function(e){return e}];case r.FieldType.Bool:return["text",function(e){return"true"===e||"false"!==e&&void 0},function(e){var t;return null!=(t=null==e?void 0:e.toString())?t:""}];case r.FieldType.Int:return["number",function(e){return""!==e?parseInt(e):null},function(e){return null==e?"":e}];case r.FieldType.DateTime:return["datetime-local",function(e){return e||null},function(e){return e}];case r.FieldType.Date:return["date",function(e){return e||null},function(e){return e}];case r.FieldType.Time:return["time",function(e){var t=e.length;return 5===t?e+":00":8===t?e:void 0},function(e){return e?e.substring(0,5):""}];case r.FieldType.Double:return["number",function(e){return""!==e?parseFloat(e):null},function(e){return null==e?"":e}];default:return["text",function(e){return e},function(e){return e}]}}var h=["state","options","className","convert","required","emptyText","requiredText","readonly"];function N(e){return void 0===e&&(e={}),r.createDataRenderer(function(t,n){var a;/*#__PURE__*/return i.default.createElement(b,{className:r.rendererClass(t.className,e.className),state:t.control,id:t.id,readonly:t.readonly,options:null!=(a=t.options)?a:[],required:t.required,emptyText:e.emptyText,requiredText:e.requiredText,convert:E(t.field.type)})},{options:!0})}function b(t){var r=n.useComponentTracking();try{var a=function(e,t){/*#__PURE__*/return i.default.createElement("option",{key:t,value:u(e.value),disabled:!!e.disabled},e.name)},l=t.state,o=t.options,s=t.className,u=t.convert,c=t.required,p=t.emptyText,m=void 0===p?"N/A":p,y=t.requiredText,v=void 0===y?"<please select>":y,C=t.readonly,g=f(t,h),x=l.value,N=l.disabled,b=e.useState(!c||null==x)[0],E=e.useMemo(function(){return Object.fromEntries(o.map(function(e){return[u(e.value),e.value]}))},[o]),T=e.useMemo(function(){return new Set(o.filter(function(e){return e.group}).map(function(e){return e.group}))},[o]);/*#__PURE__*/return i.default.createElement("select",d({},g,{className:s,onChange:function(e){return l.value=E[e.target.value]},value:u(x),disabled:N||C}),b&&/*#__PURE__*/i.default.createElement("option",{value:""},c?v:m),[].concat(T.keys()).map(function(e){/*#__PURE__*/return i.default.createElement("optgroup",{key:e,label:e},o.filter(function(t){return t.group===e}).map(a))}),o.filter(function(e){return!e.group}).map(a))}finally{r()}}function E(e){switch(e){case r.FieldType.String:case r.FieldType.Int:case r.FieldType.Double:return function(e){return e};default:return function(e){var t;return null!=(t=null==e?void 0:e.toString())?t:""}}}function T(e){return void 0===e&&(e={}),r.createDataRenderer(function(t){/*#__PURE__*/return i.default.createElement(D,d({classes:e,controlClasses:t.renderOptions},t,{className:r.rendererClass(t.className,e.className),isChecked:function(e,t){return e.value==t.value},setChecked:function(e,t){return e.value=t.value},control:t.control,type:"radio",entryAdornment:r.fieldOptionAdornment(t)}))},{renderType:r.DataRenderType.Radio})}function R(e){return void 0===e&&(e={}),r.createDataRenderer(function(t){/*#__PURE__*/return i.default.createElement(D,d({classes:e,controlClasses:t.renderOptions},t,{className:r.rendererClass(t.className,e.className),isChecked:function(e,t){var r=e.value;return!!Array.isArray(r)&&r.includes(t.value)},setChecked:function(e,t,r){e.setValue(function(e){return k(null!=e?e:[],t.value,r)})},control:t.control,type:"checkbox",entryAdornment:r.fieldOptionAdornment(t)}))},{collection:!0,renderType:r.DataRenderType.CheckList})}function D(e){var t=n.useComponentTracking();try{var a=e.control,l=e.options,o=e.readonly,s=e.type,d=e.isChecked,c=e.setChecked,f=e.entryAdornment,p=e.classes,m=e.controlClasses,y=void 0===m?{}:m,v=a.disabled,C="r"+a.uniqueId;/*#__PURE__*/return i.default.createElement("div",{className:e.className,id:e.id},/*#__PURE__*/i.default.createElement(n.RenderArrayElements,{array:null==l?void 0:l.filter(function(e){return null!=e.value})},function(e,t){var l=n.useComputed(function(){return d(a,e)}).value,m=l?r.rendererClass(null==y?void 0:y.selectedClass,p.selectedClass):r.rendererClass(null==y?void 0:y.notSelectedClass,p.notSelectedClass);/*#__PURE__*/return i.default.createElement("div",{className:u.default(r.rendererClass(null==y?void 0:y.entryWrapperClass,p.entryWrapperClass),m),onClick:function(){return!o&&c(a,e,!l)}},/*#__PURE__*/i.default.createElement("div",{className:p.entryClass},/*#__PURE__*/i.default.createElement("input",{id:C+"_"+t,className:p.checkClass,type:s,name:C,readOnly:o,disabled:v,checked:l,onChange:function(t){!o&&c(a,e,t.target.checked)}}),/*#__PURE__*/i.default.createElement("label",{className:p.labelClass,htmlFor:C+"_"+t},e.name)),null==f?void 0:f(e,t,l))}))}finally{t()}}function k(e,t,r){return r===e.includes(t)?e:r?[].concat(e,[t]):e.filter(function(e){return e!==t})}function O(e){return void 0===e&&(e={}),r.createDataRenderer(function(t,a){return function(l){return d({},l,{label:void 0,children:/*#__PURE__*/i.default.createElement("div",{className:r.rendererClass(t.className,e.entryClass)},/*#__PURE__*/i.default.createElement(n.Fcheckbox,{id:t.id,control:t.control.as(),style:t.style,className:e.checkClass}),l.label&&a.renderLabel(l.label,void 0,void 0))})}},{renderType:r.DataRenderType.Checkbox})}function w(e){return void 0===e&&(e={}),r.createLayoutRenderer(function(t,n){var a=r.renderLayoutParts(t,n);return{children:a.wrapLayout(/*#__PURE__*/i.default.createElement(A,d({layout:a},e))),className:r.rendererClass(a.className,e.className),style:a.style,divRef:function(e){return e&&t.errorControl?t.errorControl.meta.scrollElement=e:void 0}}})}function A(e){var t=n.useComponentTracking();try{var r=e.errorClass,a=e.renderError,l=e.layout,o=l.controlEnd,s=l.errorControl;/*#__PURE__*/return i.default.createElement(i.default.Fragment,null,l.label,l.controlStart,l.children,(void 0===a?function(e){return e&&/*#__PURE__*/i.default.createElement("div",{className:r},e)}:a)(s&&s.touched?s.error:void 0),o)}finally{t()}}function F(e){var t=n.useComponentTracking();try{var r,a=e.className,l=e.emptyText,o=e.schemaInterface,s=e.field,u=e.style,d=e.control.value,c=null!=(r=o.isEmptyValue(s,d)?l:o.textValue(s,d))?r:"";/*#__PURE__*/return i.default.createElement("div",{style:u,className:a},c)}finally{t()}}function S(e){var t=n.useComponentTracking();try{var r,a=e.children,l=e.accordion,o=e.contentStyle,s=e.contentClassName,c=e.designMode,f=e.iconOpenClass,p=e.iconClosedClass,m=e.className,y=e.renderTitle,v=void 0===y?function(e){return e}:y,C=e.renderToggler,g=e.renderers,x=e.titleClass,h=e.useCss,N=e.dataContext,b=(null!=(r=N.dataNode)?r:N.parentNode).control,E=n.useControl(!!l.defaultExpanded);b&&!b.meta.accordionState&&(b.meta.accordionState=E);var T=E.value,R=T||c?o:d({},o,{display:"none"}),D=g.renderLabelText(v(l.title,E)),k=C?C(E,D):/*#__PURE__*/i.default.createElement("button",{className:m,onClick:function(){return E.setValue(function(e){return!e})}},/*#__PURE__*/i.default.createElement("label",{className:x},D),/*#__PURE__*/i.default.createElement("i",{className:u.default(T?f:p)}));/*#__PURE__*/return i.default.createElement(i.default.Fragment,null,k,(h||T||c)&&/*#__PURE__*/i.default.createElement("div",{style:R,className:s},a))}finally{t()}}function L(e){var t=n.useComponentTracking();try{var a=function(e,t){/*#__PURE__*/return i.default.createElement("div",{key:t,className:r.rendererClass(o,s.className)},/*#__PURE__*/i.default.createElement("ul",{className:r.rendererClass(null,y)},e.map(function(e,t){/*#__PURE__*/return i.default.createElement("li",{key:t,className:r.rendererClass(null,p),onClick:function(){return f.value=t}},/*#__PURE__*/i.default.createElement("span",{className:r.rendererClass(null,u.default(m,t==x?C:v))},e.definition.title?e.definition.title:"<untitled>"))})),/*#__PURE__*/i.default.createElement("div",{className:r.rendererClass(null,g)},d(x,e[x])))},l=e.formNode,o=e.className,s=e.options,d=e.renderChild,c=e.designMode,f=n.useControl(0),p=s.tabClass,m=s.labelClass,y=s.tabListClass,v=s.inactiveClass,C=s.activeClass,g=s.contentClass,x=f.value;return c?/*#__PURE__*/i.default.createElement(i.default.Fragment,null,l.getChildNodes().map(function(e,t){return a([e],t)})):a(l.getChildNodes(),0)}finally{t()}}function _(e){var t=function(e){return void 0===e&&(e={}),r.createGroupRenderer(function(t,r){/*#__PURE__*/return i.default.createElement(L,d({},t,{options:e}))},{renderType:r.GroupRenderType.Tabs})}(null==e?void 0:e.tabs),n=null!=e?e:{},a=n.className,l=n.gridStyles,o=void 0===l?function(e){var t=e.columns;return{className:f,style:{display:"grid",gridTemplateColumns:"repeat("+(void 0===t?c:t)+", 1fr)"}}}:l,s=n.defaultGridColumns,c=void 0===s?2:s,f=n.gridClassName,p=n.standardClassName,m=n.flexClassName,y=n.defaultFlexGap;return{type:"group",render:function(e,n){var l=e.renderChild,s=e.renderOptions,c=e.formNode;if(r.isTabsRenderer(s))return t.render(e,n);if(r.isSelectChildRenderer(s)&&!e.designMode)/*#__PURE__*/return i.default.createElement(I,d({},e,{renderOptions:s}));var f=r.isGridRenderer(s)?o(s):r.isFlexRenderer(s)?function(e){return{className:m,style:{display:"flex",gap:e.gap?e.gap:y,flexDirection:e.direction?e.direction:void 0}}}(s):{className:p},v=f.style;/*#__PURE__*/return i.default.createElement("div",{className:r.rendererClass(e.className,u.default(a,f.className)),style:v},c.getChildNodes().map(function(e,t){return l(t,e)}))}}}function I(e){var t=n.useComponentTracking();try{var r=e.renderOptions,a=(0,e.useEvalExpression)(null==r?void 0:r.childIndexExpression,function(e){return"string"==e?parseInt(e):e}),l=n.useTrackedComponent(function(e){var t=a.runHook(e.dataContext,a.state),r=null==t?void 0:t.value,n=e.formNode.getChildNodes();/*#__PURE__*/return i.default.createElement("div",null,"number"==typeof r&&r<n.length&&r>=0&&e.renderChild(r,n[r]))},[a.deps]);/*#__PURE__*/return i.default.createElement(l,e)}finally{t()}}function V(){return r.createVisibilityRenderer(function(e){/*#__PURE__*/return i.default.createElement(P,e)})}function P(t){var r=n.useComponentTracking();try{var a=t.visibility,l=t.children,o=t.className,s=t.style,d=t.divRef,c=a.value;return e.useEffect(function(){c&&a.setValue(function(e){return{visible:c.visible,showing:c.visible}})},[null==c?void 0:c.visible]),null!=c&&c.visible?/*#__PURE__*/i.default.createElement("div",{className:u.default(o),style:s,ref:d},l):/*#__PURE__*/i.default.createElement(i.default.Fragment,null)}finally{r()}}function q(e){return r.createDataRenderer(function(t){/*#__PURE__*/return i.default.createElement(M,{renderOptions:t.renderOptions,className:r.rendererClass(t.className,e),dataNode:t.dataNode,dataContext:t.dataContext,control:t.control,readonly:t.readonly})},{renderType:r.DataRenderType.Jsonata})}function M(e){var t=n.useComponentTracking();try{var a=e.control,l=e.renderOptions,o=e.readonly,s=e.className,u=e.dataContext,d=e.dataNode,c=null!=d.elementIndex?d:u.parentNode,f=n.useComputed(function(){return{value:a.value,readonly:o,disabled:a.disabled,formData:u.formData,dataPath:r.getJsonPath(d)}}),p=r.useJsonataExpression(l.expression,r.getRootDataNode(c).control,r.getJsonPath(c),f,r.coerceToString);/*#__PURE__*/return i.default.createElement("div",{className:s,dangerouslySetInnerHTML:{__html:p.value}})}finally{t()}}var G=["control","field","renderOptions"];function B(){return r.createDataRenderer(function(e,t){var n=e.control,a=e.field,l=f(e,G),o=r.getLastDefinedValue(n);null==o.current.value&&(o.value=l.definition.defaultValue);var s=r.getNullToggler(n);return s.disabled=l.readonly,function(e){return t.renderData(d({},l,{control:s,field:d({},a,{type:r.FieldType.Bool}),renderOptions:{type:r.DataRenderType.Checkbox}}))(e)}})}function j(e){return r.createDataRenderer(function(t,r){/*#__PURE__*/return i.default.createElement(H,{dataProps:t,renderers:r,defaultActions:e})},{renderType:r.DataRenderType.Array,collection:!0})}function H(e){var t,a=e.dataProps,l=e.renderers,o=e.defaultActions,s=a.renderOptions,u=a.control,c=a.field,f=a.readonly,p=a.designMode,m=a.required,y=a.renderChild,v=a.definition,C=a.className,g=a.style,x=a.useChildVisibility,h=a.dataContext,N=a.formNode,b=r.mergeObjects(r.isArrayRenderer(s)?s:{},o),E=b.addText,T=b.noAdd,R=b.noRemove,D=b.removeText,k=b.editExternal,O=r.isArrayRenderer(s)?s.childOptions:void 0,w=!r.isCompoundField(c),A=r.nodeForControl(w?{type:r.ControlDefinitionType.Data,field:v.field,children:v.children,renderOptions:null!=O?O:{type:r.DataRenderType.Standard},hideTitle:!0}:{type:r.ControlDefinitionType.Group,children:v.children,groupOptions:{type:r.GroupRenderType.Standard,hideTitle:!0}},N.tree),F=(null!=(t=v.children)?t:[]).map(function(e){return[x(e,void 0,!0),e]}),S=r.makeHookDepString(F,function(e){return e[0].deps}),L=n.useTrackedComponent(J,[S]),_=d({},r.createArrayActions(u.as(),c,{addText:E,removeText:D,noAdd:T,noRemove:R,readonly:f,disabled:u.disabled,designMode:p,editExternal:k}),{required:m,renderElement:function(e,t){/*#__PURE__*/return i.default.createElement(L,{index:e,renderChildElement:I,dataContext:h,visibilities:F,wrap:t})},className:C||void 0,style:g},r.getLengthRestrictions(v));return l.renderArray(_);function I(e,t){var r,n;return y(null!=(r=null==(n=u.elements)?void 0:n[e].uniqueId)?r:e,A,w?{elementIndex:e}:{parentDataNode:t})}}function J(e){var t=e.index,n=e.renderChildElement,a=e.visibilities,l=e.wrap,o=e.dataContext,s=o.dataNode.getChildElement(t),i=a.map(function(e){var t=e[0];return t.runHook(d({},o,{parentNode:s,dataNode:r.lookupDataNode(e[1],s)}),t.state).value});if(0==i.length||i.some(function(e){return!0===e}))return l(n(t,s))}function W(e){return{render:function(t,r){/*#__PURE__*/return i.default.createElement(z,d({},t,e,{renderAction:r.renderAction}))},type:"array"}}function z(e){var t=n.useComponentTracking();try{var a=e.renderElement,l=e.className,o=e.removableClass,s=e.childClass,d=e.removableChildClass,c=e.removeActionClass,f=e.addActionClass,p=e.arrayControl,m=e.renderAction,y=e.style,v=e.editAction,C=r.applyArrayLengthRestrictions(e),g=C.addAction,x=C.removeAction;/*#__PURE__*/return i.default.createElement("div",{style:y},/*#__PURE__*/i.default.createElement("div",{className:u.default(l,x&&o)},/*#__PURE__*/i.default.createElement(n.RenderElements,{control:p},function(e,t){return a(t,function(e){return x||v?/*#__PURE__*/i.default.createElement(i.default.Fragment,null,/*#__PURE__*/i.default.createElement("div",{className:u.default(s,d)},e),/*#__PURE__*/i.default.createElement("div",{className:c},v&&m(v(t)),x&&m(x(t)))):/*#__PURE__*/i.default.createElement("div",{className:s},e)})})),g&&/*#__PURE__*/i.default.createElement("div",{className:f},m(g)))}finally{t()}}var U="leading-[1.5] text-surface-900 bg-[inherit] border-0 rounded-[inherit] px-3 py-2 outline-0 grow shrink-0 basis-auto focus:outline-0 focus:ring-0 focus:shadow-none";function Y(e){return void 0===e&&(e={}),r.createDataRenderer(function(t){var n,a;return t.field.collection?/*#__PURE__*/i.default.createElement(Q,{options:null!=(n=t.options)?n:[],control:t.control,className:r.rendererClass(t.className,e.className),classes:e,controlClasses:t.renderOptions,readOnly:t.readonly,id:t.id}):/*#__PURE__*/i.default.createElement(K,{options:null!=(a=t.options)?a:[],control:t.control,className:r.rendererClass(t.className,e.className),classes:e,controlClasses:t.renderOptions,readOnly:t.readonly,id:t.id})},{renderType:r.DataRenderType.Autocomplete})}function K(e){var t=n.useComponentTracking();try{var l,o=d({},(c(e),e)),s=o.id,f=o.control,p=o.className,m=o.readOnly,y=o.classes,v=o.controlClasses,C=f.disabled,g=n.useControl(""),x=n.useControl(null),h=r.rendererClass(null==v?void 0:v.listContainerClass,y.listContainerClass),N=r.rendererClass(null==v?void 0:v.listEntryClass,y.listEntryClass);n.useControlEffect(n.controlValues(g,x),function(e){var t=e[1];f.value=t?"string"==typeof t?t:t.value:e[0]});var b=a.useAutocomplete(d({freeSolo:!0,multiple:!1,value:x.value,inputValue:g.value,getOptionLabel:function(e){return"string"==typeof e?e:e.name},filterOptions:function(e,t){return e.filter(function(e){return("string"==typeof e?e:e.name).toLowerCase().includes(t.inputValue.toLowerCase())})},onInputChange:function(e,t,r){g.value=t,"input"===r&&(x.value=null)},onChange:function(e,t,r){"selectOption"===r&&(x.value=t)}},o)),E=b.getInputProps,T=b.getListboxProps,R=b.getOptionProps,D=b.groupedOptions,k=b.popupOpen,O=b.focused,w=b.getPopupIndicatorProps;/*#__PURE__*/return i.default.createElement("div",d({id:s,className:"relative"},(0,b.getRootProps)()),/*#__PURE__*/i.default.createElement("div",{className:u.default(p,O?"border-primary-400 shadow-[0_0_0_3px_transparent] shadow-primary-200":"shadow-[0_2px_2px_transparent] shadow-surface-50")},/*#__PURE__*/i.default.createElement("input",d({type:"text"},E(),{placeholder:null!=(l=null==v?void 0:v.placeholder)?l:"",className:U})),/*#__PURE__*/i.default.createElement("button",d({},w(),{disabled:C||m,className:"outline-0 shadow-none border-0 py-0 px-0.5 bg-transparent pr-[10px]"}),/*#__PURE__*/i.default.createElement("li",{className:u.default("fa-solid fa-angle-down","text-primary-500",k&&"rotate-180")}))),D.length>0&&k&&/*#__PURE__*/i.default.createElement("ul",d({},T(),{className:h}),D.map(function(e,t){var r=R({option:e,index:t});/*#__PURE__*/return i.default.createElement("li",d({},r,{key:r.key,className:N}),e.name)})))}finally{t()}}function Q(e){var t=n.useComponentTracking();try{var l,o,s,f=d({},(c(e),e)),p=f.id,m=f.control,y=f.className,v=f.readOnly,C=f.classes,g=f.controlClasses,x=m.disabled,h=n.useControl(""),N=n.useControl(null),b=r.rendererClass(null==g?void 0:g.listContainerClass,C.listContainerClass),E=r.rendererClass(null==g?void 0:g.listEntryClass,C.listEntryClass),T=r.rendererClass(null==g?void 0:g.chipContainerClass,C.chipContainerClass),R=r.rendererClass(null==g?void 0:g.chipCloseButtonClass,C.chipCloseButtonClass);n.useControlEffect(n.controlValues(h,N),function(e){var t,r=e[0],n=e[1],a=null!=(t=null==n?void 0:n.map(function(e){return"string"==typeof e?e:e.value}))?t:[];m.value=r?a.concat(r):a});var D=a.useAutocomplete(d({value:null!=(l=N.value)?l:[],inputValue:h.value,freeSolo:!0,multiple:!0,getOptionLabel:function(e){return"string"==typeof e?e:e.name},filterOptions:function(e,t){return e.filter(function(e){return("string"==typeof e?e:e.name).toLowerCase().includes(t.inputValue.toLowerCase())})},onInputChange:function(e,t){h.value=t},onChange:function(e,t,r){"selectOption"!==r&&"removeOption"!==r||(N.value=t)}},f)),k=D.getInputProps,O=D.getListboxProps,w=D.getOptionProps,A=D.groupedOptions,F=D.popupOpen,S=D.focused,L=D.getPopupIndicatorProps;/*#__PURE__*/return i.default.createElement("div",d({id:p,className:"relative"},(0,D.getRootProps)()),/*#__PURE__*/i.default.createElement("div",{className:u.default(y,S?"border-primary-400 shadow-[0_0_0_3px_transparent] shadow-primary-200":"shadow-[0_2px_2px_transparent] shadow-surface-50")},/*#__PURE__*/i.default.createElement("div",{className:"flex flex-1 flex-row flex-wrap"},null==(o=N.value)?void 0:o.map(function(e){/*#__PURE__*/return i.default.createElement(X,{key:"string"==typeof e?e:e.name,text:"string"==typeof e?e:e.name,chipContainerClass:T,chipCloseButtonClass:R,onDeleteClick:function(){var t=N.elements.find(function(t){return t.value==e});t&&n.removeElement(N,t)}})}),/*#__PURE__*/i.default.createElement("input",d({type:"text"},k(),{placeholder:null!=(s=null==g?void 0:g.placeholder)?s:"",className:u.default(U)}))),/*#__PURE__*/i.default.createElement("button",d({},L(),{disabled:x||v,className:"outline-0 shadow-none border-0 py-0 px-0.5 bg-transparent pr-[10px]"}),/*#__PURE__*/i.default.createElement("i",{className:u.default("fa-solid fa-angle-down","text-primary-500",F&&"rotate-180")}))),A.length>0&&F&&/*#__PURE__*/i.default.createElement("ul",d({},O(),{className:b}),A.map(function(e,t){var r=w({option:e,index:t});/*#__PURE__*/return i.default.createElement("li",d({},r,{key:r.key,className:E}),e.name)})))}finally{t()}}function X(e){var t=n.useComponentTracking();try{var r=e.onDeleteClick;/*#__PURE__*/return i.default.createElement("div",{className:e.chipContainerClass},e.text,/*#__PURE__*/i.default.createElement("i",{className:e.chipCloseButtonClass,onClick:function(){null==r||r()}}))}finally{t()}}var Z="ValueForField",$={RenderOptions:{value:Z,name:"Value For Field",fields:r.buildSchema({fieldRef:r.stringField("Field Reference")})}};function ee(t){var a=n.useComponentTracking();try{var l=t.schema,o=t.renderer,s=t.control,u=n.useControl({default:void 0},void 0,function(e){return n.setFields(e,{default:s})}),c=e.useMemo(function(){var e=r.rootSchemaNode([d({},l.field,{field:"default",required:!1,notNullable:!1,onlyForTypes:null,defaultValue:void 0})]);return[r.addMissingControlsForSchema(e,[]),e]},[l]),f=c[1],p=r.useControlRendererComponent(r.groupedControl(c[0]),o,{disabled:s.disabled},r.makeSchemaDataNode(f,u));/*#__PURE__*/return i.default.createElement(p,null)}finally{a()}}function te(e){return void 0===e&&(e={}),r.createAdornmentRenderer(function(t,a){var l,o,s=t.dataContext,u=null!=(l=null==(o=s.dataNode)?void 0:o.control)?l:n.newControl(void 0),d=t.adornment,c=r.getIsEditing(u),f=c.value,p=r.getNullToggler(u);return void 0===f&&d.editSelectable&&(c.value=!1),u.disabled=!f||!(!d.allowNull||p.value),{apply:function(a){var l,o;if(t.formOptions.readonly)return a;!e.hideEdit&&d.editSelectable&&r.appendMarkupAt(null!=(l=null!=(o=d.placement)?o:e.defaultPlacement)?l:r.AdornmentPlacement.LabelStart,/*#__PURE__*/i.default.createElement(n.Fcheckbox,{control:c,className:e.checkClass}))(a),r.wrapMarkup("children",function(t){return e.customRender?e.customRender({allValues:r.getAllValues(u),editing:c,children:t,adornment:d,nullToggler:p,dataContext:s,options:e}):/*#__PURE__*/i.default.createElement(re,{children:t,options:e,editing:c.as(),adornment:d,dataControl:u})})(a)},priority:0,adornment:d}},{adornmentType:r.ControlAdornmentType.Optional})}function re(e){var t=n.useComponentTracking();try{var a,l,o=e.children,s=e.options,u=e.adornment,d=e.editing,c=e.dataControl,f=r.getNullToggler(c),p=r.getAllValues(c).value.length>1,m=u.allowNull?/*#__PURE__*/i.default.createElement("div",{className:s.nullWrapperClass},/*#__PURE__*/i.default.createElement(n.Fcheckbox,{control:f,className:s.checkClass,notValue:!0}),/*#__PURE__*/i.default.createElement("span",null,null!=(a=s.setNullText)?a:"Null")):void 0;/*#__PURE__*/return i.default.createElement("div",{className:s.className},p&&!1===d.value?/*#__PURE__*/i.default.createElement("div",{className:s.multiValuesClass},null!=(l=s.multiValuesText)?l:"Differing values"):/*#__PURE__*/i.default.createElement("div",{className:s.childWrapperClass},m,o))}finally{t()}}function ne(t){var r=n.useComponentTracking();try{var a=t.control,l=t.className,o=e.useRef(null);return n.useControlEffect(function(){return a.value},function(e){var t=o.current;t&&t.textContent!==e&&(t.textContent=e)},!0),/*#__PURE__*/i.default.createElement("code",{contentEditable:!a.disabled,className:l,onInput:function(e){return a.value=e.currentTarget.textContent},ref:o})}finally{r()}}function ae(e){var t=n.useComponentTracking();try{var a=e.dataProps,s=e.options,u=e.formRenderer,c=e.renderOptions,f=a.formNode,p=a.renderChild,m=a.designMode,y=r.getExternalEditData(a.control),v=o.useOverlayTriggerState({isOpen:!0,onOpenChange:function(){y.value=void 0}});if(m||void 0!==y.value){var C=r.makeSchemaDataNode(a.dataNode.schema,y.fields.data),g=r.nodeForControl({type:r.ControlDefinitionType.Group,children:f.definition.children,groupOptions:{type:r.GroupRenderType.Standard,hideTitle:!0}},f.tree),x=/*#__PURE__*/i.default.createElement("div",{className:r.rendererClass(a.className,s.className)},p("",g,{parentDataNode:C,elementIndex:0}),/*#__PURE__*/i.default.createElement("div",{className:s.actionsClass},/*#__PURE__*/i.default.createElement(n.RenderElements,{control:y.fields.actions},function(e){return u.renderAction((n=(t=e.value).action,t.dontValidate?n:d({},n,{onClick:function(){return e=n.onClick,t=!1,r.visitFormDataInContext(C,g,r.validationVisitor(function(){t=!0})),void(t||e());var e,t}})));var t,n})));return c.showInline||m?x:/*#__PURE__*/i.default.createElement(l.Modal,{state:v},/*#__PURE__*/i.default.createElement(l.Dialog,{children:x}))}/*#__PURE__*/return i.default.createElement(i.default.Fragment,null)}finally{t()}}function le(e,t){return void 0===t&&(t={}),r.createActionRenderer(e,function(e){var n,a=e.onClick,l=e.actionText,o=e.style,s=e.actionId,u=e.actionData,d=e.disabled;/*#__PURE__*/return i.default.createElement("button",{className:r.rendererClass(e.className,t.className),disabled:d,style:o,onClick:a},null!=(n=null==t.renderContent?void 0:t.renderContent(l,s,u))?n:l)})}var oe=[{name:"Yes",value:!0},{name:"No",value:!1}];function se(e){var t,n,a;void 0===e&&(e={});var l,o=q(e.jsonataClass),s=B(),u=(l=e.multilineClass,r.createDataRenderer(function(e){/*#__PURE__*/return i.default.createElement(ne,d({},e,{className:r.rendererClass(e.className,l)}))})),c=O(null!=(t=e.checkOptions)?t:e.checkboxOptions),f=N(e.selectOptions),p=T(null!=(n=e.radioOptions)?n:e.checkOptions),m=R(null!=(a=e.checkListOptions)?a:e.checkOptions),y=function(e){return void 0===e&&(e={}),r.createDataRenderer(function(t,r){/*#__PURE__*/return i.default.createElement(ae,{dataProps:t,options:e,formRenderer:r,renderOptions:t.renderOptions})},{renderType:r.DataRenderType.ArrayElement})}(e.arrayElementOptions),v=d({optionRenderer:f,booleanOptions:oe},e),C=v.inputClass,h=v.booleanOptions,b=v.optionRenderer,E=v.displayOnlyClass,D=v.defaultEmptyText,k=j(e.arrayOptions),w=Y(e.autocompleteOptions);return r.createDataRenderer(function(e,t){var n,a=e.field,l=a.type,v=e.renderOptions,N=v.type;if(a.collection&&null==e.elementIndex&&(N==r.DataRenderType.Standard||N==r.DataRenderType.Array||N==r.DataRenderType.ArrayElement))return N==r.DataRenderType.ArrayElement?y.render(e,t):k.render(e,t);if(l===r.FieldType.Compound){var T,R=null!=(T=r.isDataGroupRenderer(v)?v.groupOptions:void 0)?T:{type:"Standard",hideTitle:!0};return t.renderGroup(d({},e,{renderOptions:R}))}if(e.displayOnly||r.isDisplayOnlyRenderer(v))return function(t){return d({},t,{className:"@ "+r.rendererClass(t.className,E),children:/*#__PURE__*/i.default.createElement(F,{field:e.field,schemaInterface:e.dataContext.schemaInterface,control:e.control,className:e.className,style:e.style,emptyText:r.isDisplayOnlyRenderer(v)&&v.emptyText?v.emptyText:D})})};if(null!=h&&l===r.FieldType.Bool&&null==e.options)return t.renderData(d({},e,{options:h}));if(N===r.DataRenderType.Standard&&r.hasOptions(e))return b.render(e,t);switch(N){case r.DataRenderType.NullToggle:return s.render(e,t);case r.DataRenderType.CheckList:return m.render(e,t);case r.DataRenderType.Dropdown:return f.render(e,t);case r.DataRenderType.Radio:return p.render(e,t);case r.DataRenderType.Checkbox:return c.render(e,t);case r.DataRenderType.Jsonata:return o.render(e,t);case r.DataRenderType.Autocomplete:return w.render(e,t)}if(l==r.FieldType.Any)/*#__PURE__*/return i.default.createElement(i.default.Fragment,null,"Can't render field: ",null!=(n=a.displayName)?n:a.field," (",N,")");if(r.isTextfieldRenderer(v)&&v.multiline)return u.render(e,t);var O=r.isTextfieldRenderer(v)?v.placeholder:void 0;/*#__PURE__*/return i.default.createElement(g,{className:r.rendererClass(e.className,C),style:e.style,id:e.id,readOnly:e.readonly,control:e.control,placeholder:null!=O?O:void 0,convert:x(e.field.type)})})}function ie(e){void 0===e&&(e={});var t=te(e.optional);return{type:"adornment",render:function(a,l){if(r.isOptionalAdornment(a.adornment))return t.render(a,l);var o=a.adornment,s=a.designMode,u=a.dataContext,c=a.useExpr;return{apply:function(t){if(r.isSetFieldAdornment(o)&&c){var a=c(o.expression,function(e){return e}),f=r.useDynamicHooks({value:a}),p=n.useTrackedComponent(function(e){var t=e.children,a=e.adornment,l=e.parentContext,o=f(l).value,s=r.schemaDataForFieldRef(a.field,l.parentNode).control,i=!a.defaultOnly;return n.useControlEffect(function(){return[null==o?void 0:o.value,null==(null==s?void 0:s.value)]},function(e){var t=e[0];null==s||s.setValue(function(e){return i||null==e?t:e})},!0),t},[f]);return r.wrapLayout(function(e){/*#__PURE__*/return i.default.createElement(p,{children:e,parentContext:u,adornment:o})})(t)}var m;return r.isIconAdornment(o)?r.appendMarkupAt(null!=(m=o.placement)?m:r.AdornmentPlacement.ControlStart,/*#__PURE__*/i.default.createElement("i",{className:o.iconClass}))(t):r.isAccordionAdornment(o)?r.wrapLayout(function(r){/*#__PURE__*/return i.default.createElement(S,d({renderers:l,children:r,accordion:o,contentStyle:t.style,contentClassName:t.className,designMode:s,dataContext:u},e.accordion))})(t):void 0},priority:0,adornment:o}}}}function ue(e){var t=d({requiredElement:/*#__PURE__*/i.default.createElement("span",null," *"),labelContainer:function(e){return e}},e),n=t.className,a=t.groupLabelClass,l=t.controlLabelClass,o=t.requiredElement,s=t.labelContainer;return{render:function(e,t,d,c){return e.type==r.LabelType.Text?e.label:s(/*#__PURE__*/i.default.createElement(i.default.Fragment,null,/*#__PURE__*/i.default.createElement("label",{htmlFor:e.forId,className:r.rendererClass(e.className,u.default(n,e.type===r.LabelType.Group&&a,e.type===r.LabelType.Control&&l))},t,c.renderLabelText(e.label),e.required&&o),d))},type:"label"}}function de(e){return void 0===e&&(e={}),{data:se(e.data),display:m(e.display),action:le(void 0,e.action),array:W(e.array),group:_(e.group),label:ue(e.label),adornment:ie(e.adornment),renderLayout:w(e.layout),visibility:V()}}var ce={label:{groupLabelClass:"font-bold",requiredElement:/*#__PURE__*/i.default.createElement("span",{className:"text-red-500"}," *")},array:{removableClass:"grid grid-cols-[1fr_auto] items-center gap-x-2",childClass:"grow my-2",addActionClass:"my-2",removeActionClass:"flex gap-2"},group:{standardClassName:"flex flex-col gap-4",gridClassName:"gap-x-2 gap-y-4",flexClassName:"gap-2",tabs:{className:"",tabListClass:"flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400",tabClass:"me-2",labelClass:"inline-flex items-center justify-center p-4 border-b-2 group",inactiveClass:"border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 cursor-pointer",activeClass:"text-blue-600 border-blue-600 rounded-t-lg active dark:text-blue-500 dark:border-blue-500",contentClass:"my-2"}},action:{className:"bg-primary-500 rounded-lg p-3 text-white"},layout:{className:"flex flex-col",errorClass:"text-sm text-danger-500"},data:{displayOnlyClass:"flex flex-row items-center gap-2",checkOptions:{className:"flex items-center gap-4",entryClass:"flex gap-1 items-center"},selectOptions:{emptyText:"<select>"},arrayElementOptions:{actionsClass:"my-2 flex gap-2"},multilineClass:"border p-2 outline-0 whitespace-pre-wrap",autocompleteOptions:{className:"w-full flex gap-[5px] pr-[5px] overflow-hidden rounded-lg bg-white border border-solid border-gray-200 hover:border-primary-400 focus-visible:outline-0 shadow-[0_2px_4px_rgb(0_0_0_/_0.05)] min-h-[48px] py-1",listContainerClass:"absolute w-full text-sm box-border p-1.5 my-3 mx-0 min-w-[120px] rounded-xl overflow-auto outline-0 max-h-[300px] z-[1] bg-white border border-solid border-surface-200 text-surface-900 shadow-[0_4px_30px_transparent] shadow-surface-200",listEntryClass:"list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 hover:cursor-pointer hover:bg-primary-100 aria-selected:bg-primary-200 aria-selected:text-primary-900 focused:bg-surface-100 focus-visible:bg-surface-100 focused:text-surface-900 focus-visible:text-surface-900 focus-visible:shadow-[0_0_0_3px_transparent] focus-visible:shadow-primary-200  focused:aria-selected:bg-primary-200 focus-visible:aria-selected:bg-primary-200 focused:aria-selected:text-primary-900 focus-visible:aria-selected:text-primary-900",chipContainerClass:"flex flex-row items-center px-3 py-1 rounded-full bg-surface-100 m-1 gap-2 truncate",chipCloseButtonClass:"fa-solid fa-xmark p-1 bg-surface-300 rounded-full min-w-[24px] flex justify-center text-surface-50 hover:bg-surface-400 hover:text-surface-100 hover:cursor-pointer"}},adornment:{accordion:{className:"flex items-center gap-2 my-2",titleClass:"cursor-pointer",iconOpenClass:"fa fa-chevron-up",iconClosedClass:"fa fa-chevron-down"},optional:{checkClass:"m-2",className:"flex items-center gap-2 w-full",multiValuesClass:"italic",childWrapperClass:"grow"}}};exports.CheckButtons=D,exports.ControlInput=g,exports.DataArrayRenderer=H,exports.DefaultAccordion=S,exports.DefaultArrayRenderer=z,exports.DefaultBoolOptions=oe,exports.DefaultDisplay=y,exports.DefaultDisplayOnly=F,exports.DefaultLayout=A,exports.DefaultVisibility=P,exports.JsonataRenderer=M,exports.OptionalEditRenderer=re,exports.SelectDataRenderer=b,exports.ValueForFieldExtension=$,exports.createAutocompleteRenderer=Y,exports.createButtonActionRenderer=le,exports.createCheckListRenderer=R,exports.createCheckboxRenderer=O,exports.createClassStyledRenderers=function(){return de({layout:{className:"control"},group:{className:"group"},array:{className:"control-array"},action:{className:"action"},data:{inputClass:"data"},display:{htmlClassName:"html",textClassName:"text"}})},exports.createDefaultAdornmentRenderer=ie,exports.createDefaultArrayDataRenderer=j,exports.createDefaultArrayRenderer=W,exports.createDefaultDataRenderer=se,exports.createDefaultDisplayRenderer=m,exports.createDefaultGroupRenderer=_,exports.createDefaultLabelRenderer=ue,exports.createDefaultLayoutRenderer=w,exports.createDefaultRenderers=de,exports.createDefaultVisibilityRenderer=V,exports.createInputConversion=x,exports.createJsonataRenderer=q,exports.createNullToggleRenderer=B,exports.createOptionalAdornment=te,exports.createRadioRenderer=T,exports.createSelectConversion=E,exports.createSelectRenderer=N,exports.createValueForFieldRenderer=function(e){return r.createDataRenderer(function(t,n){var a,l=t.renderOptions.fieldRef,o=l?null==(a=r.schemaDataForFieldRef(l,t.dataContext.parentNode))||null==(a=a.control)?void 0:a.value:void 0,s=o?r.schemaForFieldRef(o,e.schema):void 0;return s?/*#__PURE__*/i.default.createElement(ee,{renderer:n,schema:s,control:t.control}):/*#__PURE__*/i.default.createElement(i.default.Fragment,null,o?"No schema node for "+o:"")},{renderType:Z})},exports.defaultTailwindTheme=ce,exports.getAccordionState=function(e){return e.meta.accordionState},exports.setIncluded=k;
+var React = require('react');
+var clsx = require('clsx');
+var schemas = require('@react-typed-forms/schemas');
+var core = require('@react-typed-forms/core');
+var jsxRuntime = require('react/jsx-runtime');
+var base = require('@mui/base');
+var ariaBase = require('@astroapps/aria-base');
+var overlays = require('@react-stately/overlays');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$4 = ["data", "display", "className", "style", "renderer"];
+function createDefaultDisplayRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    render: function render(props, renderer) {
+      return React.createElement(DefaultDisplay, _extends({}, options, props, {
+        renderer: renderer
+      }));
+    },
+    type: "display"
+  };
+}
+function DefaultDisplay(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var data = _ref.data,
+      display = _ref.display,
+      className = _ref.className,
+      style = _ref.style,
+      renderer = _ref.renderer,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    var h = renderer.h;
+    switch (data.type) {
+      case schemas.DisplayDataType.Icon:
+        return h("i", {
+          style: style,
+          className: clsx__default["default"](schemas.getOverrideClass(className), display ? display.value : data.iconClass)
+        });
+      case schemas.DisplayDataType.Text:
+        return h("div", {
+          style: style,
+          className: schemas.rendererClass(className, options.textClassName)
+        }, display ? schemas.coerceToString(display.value) : data.text);
+      case schemas.DisplayDataType.Html:
+        return h("div", {
+          style: style,
+          className: schemas.rendererClass(className, options.htmlClassName),
+          dangerouslySetInnerHTML: {
+            __html: display ? schemas.coerceToString(display.value) : data.html
+          }
+        });
+      case schemas.DisplayDataType.Custom:
+        return h("div", null, h("b", null, "(", data.customId, ")"));
+      default:
+        return h("h1", null, "Unknown display type: ", data.type);
+    }
+  } finally {
+    _effect();
+  }
+}
+
+var _excluded$3 = ["control", "convert", "renderer"],
+  _excluded2$1 = ["errorText", "value", "onChange"];
+function ControlInput(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var toText = function toText(value) {
+      return value == null ? "" : convert[2](value);
+    };
+    var control = _ref.control,
+      convert = _ref.convert,
+      renderer = _ref.renderer,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    var _formControlProps = core.formControlProps(control),
+      errorText = _formControlProps.errorText,
+      value = _formControlProps.value,
+      onChange = _formControlProps.onChange,
+      inputProps = _objectWithoutPropertiesLoose(_formControlProps, _excluded2$1);
+    var textValue = core.useControl(function () {
+      return toText(value);
+    });
+    core.useControlEffect(function () {
+      return control.value;
+    }, function (v) {
+      return textValue.value = toText(v);
+    });
+    // noinspection JSUnusedLocalSymbols
+    var h = renderer.h;
+    return h("input", _extends({}, inputProps, {
+      type: convert[0],
+      value: textValue.value,
+      onChange: function onChange(e) {
+        textValue.value = e.target.value;
+        var converted = convert[1](e.target.value);
+        if (converted !== undefined) control.value = converted;
+      }
+    }, props));
+  } finally {
+    _effect();
+  }
+}
+function createInputConversion(ft) {
+  switch (ft) {
+    case schemas.FieldType.String:
+      return ["text", function (a) {
+        return a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Bool:
+      return ["text", function (a) {
+        return a === "true" ? true : a === "false" ? false : undefined;
+      }, function (a) {
+        var _a$toString;
+        return (_a$toString = a == null ? void 0 : a.toString()) != null ? _a$toString : "";
+      }];
+    case schemas.FieldType.Int:
+      return ["number", function (a) {
+        return a !== "" ? parseInt(a) : null;
+      }, function (a) {
+        return a == null ? "" : a;
+      }];
+    case schemas.FieldType.DateTime:
+      return ["datetime-local", function (a) {
+        return !a ? null : a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Date:
+      return ["date", function (a) {
+        return !a ? null : a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Time:
+      return ["time", function (a) {
+        var l = a.length;
+        if (l === 5) return a + ":00";
+        if (l === 8) return a;
+        return undefined;
+      }, function (a) {
+        return a ? a.substring(0, 5) : "";
+      }];
+    case schemas.FieldType.Double:
+      return ["number", function (a) {
+        return a !== "" ? parseFloat(a) : null;
+      }, function (a) {
+        return a == null ? "" : a;
+      }];
+    default:
+      return ["text", function (a) {
+        return a;
+      }, function (a) {
+        return a;
+      }];
+  }
+}
+
+var _excluded$2 = ["state", "options", "className", "convert", "required", "emptyText", "requiredText", "readonly"];
+function createSelectRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (props, asArray) {
+    var _props$options;
+    return React.createElement(SelectDataRenderer, {
+      className: schemas.rendererClass(props.className, options.className),
+      state: props.control,
+      id: props.id,
+      readonly: props.readonly,
+      options: (_props$options = props.options) != null ? _props$options : [],
+      required: props.required,
+      emptyText: options.emptyText,
+      requiredText: options.requiredText,
+      convert: createSelectConversion(props.field.type)
+    });
+  }, {
+    options: true
+  });
+}
+function SelectDataRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var renderOption = function renderOption(x, i) {
+      return React.createElement("option", {
+        key: i,
+        value: convert(x.value),
+        disabled: !!x.disabled
+      }, x.name);
+    };
+    var state = _ref.state,
+      options = _ref.options,
+      className = _ref.className,
+      convert = _ref.convert,
+      required = _ref.required,
+      _ref$emptyText = _ref.emptyText,
+      emptyText = _ref$emptyText === void 0 ? "N/A" : _ref$emptyText,
+      _ref$requiredText = _ref.requiredText,
+      requiredText = _ref$requiredText === void 0 ? "<please select>" : _ref$requiredText,
+      readonly = _ref.readonly,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    var value = state.value,
+      disabled = state.disabled;
+    var _useState = React.useState(!required || value == null),
+      showEmpty = _useState[0];
+    var optionStringMap = React.useMemo(function () {
+      return Object.fromEntries(options.map(function (x) {
+        return [convert(x.value), x.value];
+      }));
+    }, [options]);
+    var optionGroups = React.useMemo(function () {
+      return new Set(options.filter(function (x) {
+        return x.group;
+      }).map(function (x) {
+        return x.group;
+      }));
+    }, [options]);
+    return React.createElement("select", _extends({}, props, {
+      className: className,
+      onChange: function onChange(v) {
+        return state.value = optionStringMap[v.target.value];
+      },
+      value: convert(value),
+      disabled: disabled || readonly
+    }), showEmpty && React.createElement("option", {
+      value: ""
+    }, required ? requiredText : emptyText), [].concat(optionGroups.keys()).map(function (x) {
+      return React.createElement("optgroup", {
+        key: x,
+        label: x
+      }, options.filter(function (o) {
+        return o.group === x;
+      }).map(renderOption));
+    }), options.filter(function (x) {
+      return !x.group;
+    }).map(renderOption));
+  } finally {
+    _effect();
+  }
+}
+function createSelectConversion(ft) {
+  switch (ft) {
+    case schemas.FieldType.String:
+    case schemas.FieldType.Int:
+    case schemas.FieldType.Double:
+      return function (a) {
+        return a;
+      };
+    default:
+      return function (a) {
+        var _a$toString;
+        return (_a$toString = a == null ? void 0 : a.toString()) != null ? _a$toString : "";
+      };
+  }
+}
+
+var _excluded$1 = ["control", "type", "notValue", "renderer"],
+  _excluded2 = ["value", "onChange", "errorText"];
+function createRadioRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p, renderer) {
+    return React.createElement(CheckButtons, _extends({
+      classes: options,
+      controlClasses: p.renderOptions
+    }, p, {
+      className: schemas.rendererClass(p.className, options.className),
+      isChecked: function isChecked(control, o) {
+        return control.value == o.value;
+      },
+      setChecked: function setChecked(c, o) {
+        return c.value = o.value;
+      },
+      control: p.control,
+      type: "radio",
+      entryAdornment: schemas.fieldOptionAdornment(p),
+      renderer: renderer
+    }));
+  }, {
+    renderType: schemas.DataRenderType.Radio
+  });
+}
+function createCheckListRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p, renderer) {
+    return React.createElement(CheckButtons, _extends({
+      classes: options,
+      controlClasses: p.renderOptions
+    }, p, {
+      className: schemas.rendererClass(p.className, options.className),
+      isChecked: function isChecked(control, o) {
+        var v = control.value;
+        return Array.isArray(v) ? v.includes(o.value) : false;
+      },
+      setChecked: function setChecked(c, o, checked) {
+        c.setValue(function (x) {
+          return setIncluded(x != null ? x : [], o.value, checked);
+        });
+      },
+      control: p.control,
+      type: "checkbox",
+      entryAdornment: schemas.fieldOptionAdornment(p),
+      renderer: renderer
+    }));
+  }, {
+    collection: true,
+    renderType: schemas.DataRenderType.CheckList
+  });
+}
+function CheckButtons(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var control = _ref.control,
+      options = _ref.options,
+      readonly = _ref.readonly,
+      className = _ref.className,
+      id = _ref.id,
+      type = _ref.type,
+      isChecked = _ref.isChecked,
+      setChecked = _ref.setChecked,
+      entryAdornment = _ref.entryAdornment,
+      classes = _ref.classes,
+      _ref$controlClasses = _ref.controlClasses,
+      controlClasses = _ref$controlClasses === void 0 ? {} : _ref$controlClasses,
+      renderer = _ref.renderer;
+    var h = renderer.h;
+    var disabled = control.disabled;
+    var name = "r" + control.uniqueId;
+    return h("div", {
+      className: className,
+      id: id
+    }, h(core.RenderArrayElements, {
+      array: options == null ? void 0 : options.filter(function (x) {
+        return x.value != null;
+      })
+    }, function (o, i) {
+      var checked = core.useComputed(function () {
+        return isChecked(control, o);
+      }).value;
+      var selOrUnsel = checked ? schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.selectedClass, classes.selectedClass) : schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.notSelectedClass, classes.notSelectedClass);
+      return h("div", {
+        className: clsx__default["default"](schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.entryWrapperClass, classes.entryWrapperClass), selOrUnsel),
+        onClick: function onClick() {
+          return !readonly && setChecked(control, o, !checked);
+        }
+      }, h("div", {
+        className: classes.entryClass
+      }, h("input", {
+        id: name + "_" + i,
+        className: classes.checkClass,
+        type: type,
+        name: name,
+        readOnly: readonly,
+        disabled: disabled,
+        checked: checked,
+        onChange: function onChange(x) {
+          !readonly && setChecked(control, o, x.target.checked);
+        }
+      }), h("label", {
+        className: classes.labelClass,
+        htmlFor: name + "_" + i
+      }, o.name)), entryAdornment == null ? void 0 : entryAdornment(o, i, checked));
+    }));
+  } finally {
+    _effect();
+  }
+}
+function setIncluded(array, elem, included) {
+  var already = array.includes(elem);
+  if (included === already) {
+    return array;
+  }
+  if (included) {
+    return [].concat(array, [elem]);
+  }
+  return array.filter(function (e) {
+    return e !== elem;
+  });
+}
+function createCheckboxRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (props, renderer) {
+    return function (p) {
+      return _extends({}, p, {
+        label: undefined,
+        children: React.createElement(CheckBox, {
+          p: p,
+          renderer: renderer,
+          options: options,
+          props: props
+        })
+      });
+    };
+  }, {
+    renderType: schemas.DataRenderType.Checkbox
+  });
+}
+function CheckBox(_ref2) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var p = _ref2.p,
+      props = _ref2.props,
+      renderer = _ref2.renderer,
+      options = _ref2.options;
+    var h = renderer.h;
+    return h("div", {
+      className: schemas.rendererClass(props.className, options.entryClass)
+    }, h(Fcheckbox, {
+      id: props.id,
+      control: props.control.as(),
+      style: props.style,
+      className: options.checkClass,
+      renderer: renderer
+    }), p.label && renderer.renderLabel(p.label, undefined, undefined));
+  } finally {
+    _effect2();
+  }
+}
+function Fcheckbox(_ref3) {
+  var _effect3 = core.useComponentTracking();
+  try {
+    var control = _ref3.control,
+      _ref3$type = _ref3.type,
+      type = _ref3$type === void 0 ? "checkbox" : _ref3$type,
+      _ref3$notValue = _ref3.notValue,
+      notValue = _ref3$notValue === void 0 ? false : _ref3$notValue,
+      renderer = _ref3.renderer,
+      others = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
+    var h = renderer.h;
+    // Update the HTML5 custom validity whenever the error message is changed/cleared
+    // useControlEffect(
+    //   () => control.error,
+    //   (s) => (control.element as HTMLInputElement)?.setCustomValidity(s ?? ""),
+    // );
+    var _formControlProps = core.formControlProps(control),
+      value = _formControlProps.value,
+      onChange = _formControlProps.onChange,
+      errorText = _formControlProps.errorText,
+      theseProps = _objectWithoutPropertiesLoose(_formControlProps, _excluded2);
+    return h("input", _extends({}, theseProps, {
+      checked: !!value !== notValue,
+      ref: function ref(r) {
+        control.element = r;
+        // if (r) r.setCustomValidity(control.current.error ?? "");
+      },
+      onChange: function onChange(e) {
+        return control.value = e.target.checked !== notValue;
+      },
+      type: type
+    }, others));
+  } finally {
+    _effect3();
+  }
+}
+
+function createDefaultLayoutRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createLayoutRenderer(function (props, renderers) {
+    var layout = schemas.renderLayoutParts(props, renderers);
+    return {
+      children: layout.wrapLayout(React.createElement(DefaultLayout, _extends({
+        layout: layout
+      }, options, {
+        renderer: renderers
+      }))),
+      className: schemas.rendererClass(layout.className, options.className),
+      style: layout.style,
+      divRef: function divRef(e) {
+        return e && props.errorControl ? props.errorControl.meta.scrollElement = e : undefined;
+      }
+    };
+  });
+}
+function DefaultLayout(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var errorClass = _ref.errorClass,
+      _ref$renderer = _ref.renderer,
+      h = _ref$renderer.h,
+      renderText = _ref$renderer.renderText,
+      _ref$renderError = _ref.renderError,
+      renderError = _ref$renderError === void 0 ? function (e) {
+        return e && h("div", null, h("span", {
+          className: errorClass
+        }, renderText(e)));
+      } : _ref$renderError,
+      _ref$layout = _ref.layout,
+      controlEnd = _ref$layout.controlEnd,
+      controlStart = _ref$layout.controlStart,
+      label = _ref$layout.label,
+      children = _ref$layout.children,
+      errorControl = _ref$layout.errorControl;
+    var ec = errorControl;
+    var errorText = ec && ec.touched ? ec.error : undefined;
+    return h(React.Fragment, null, label, controlStart, children, renderError(errorText), controlEnd);
+  } finally {
+    _effect();
+  }
+}
+
+function DefaultDisplayOnly(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _ref2;
+    var control = _ref.control,
+      className = _ref.className,
+      emptyText = _ref.emptyText,
+      schemaInterface = _ref.schemaInterface,
+      field = _ref.field,
+      style = _ref.style,
+      renderer = _ref.renderer;
+    var v = control.value;
+    var text = (_ref2 = schemaInterface.isEmptyValue(field, v) ? emptyText : schemaInterface.textValue(field, v)) != null ? _ref2 : "";
+    // noinspection JSUnusedLocalSymbols
+    var h = renderer.h;
+    return h("div", {
+      style: style,
+      className: className
+    }, text);
+  } finally {
+    _effect();
+  }
+}
+
+function DefaultAccordion(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _dataContext$dataNode;
+    var children = _ref.children,
+      accordion = _ref.accordion,
+      contentStyle = _ref.contentStyle,
+      contentClassName = _ref.contentClassName,
+      designMode = _ref.designMode,
+      iconOpenClass = _ref.iconOpenClass,
+      iconClosedClass = _ref.iconClosedClass,
+      className = _ref.className,
+      _ref$renderTitle = _ref.renderTitle,
+      renderTitle = _ref$renderTitle === void 0 ? function (t) {
+        return t;
+      } : _ref$renderTitle,
+      renderToggler = _ref.renderToggler,
+      renderers = _ref.renderers,
+      titleClass = _ref.titleClass,
+      useCss = _ref.useCss,
+      dataContext = _ref.dataContext;
+    var dataControl = ((_dataContext$dataNode = dataContext.dataNode) != null ? _dataContext$dataNode : dataContext.parentNode).control;
+    var open = core.useControl(!!accordion.defaultExpanded);
+    if (dataControl && !dataControl.meta.accordionState) {
+      dataControl.meta.accordionState = open;
+    }
+    var isOpen = open.value;
+    var fullContentStyle = isOpen || designMode ? contentStyle : _extends({}, contentStyle, {
+      display: "none"
+    });
+    var title = renderers.renderLabelText(renderTitle(accordion.title, open));
+    var toggler = renderToggler ? renderToggler(open, title) : React.createElement("button", {
+      className: className,
+      onClick: function onClick() {
+        return open.setValue(function (x) {
+          return !x;
+        });
+      }
+    }, React.createElement("label", {
+      className: titleClass
+    }, title), React.createElement("i", {
+      className: clsx__default["default"](isOpen ? iconOpenClass : iconClosedClass)
+    }));
+    return React.createElement(React.Fragment, null, toggler, (useCss || isOpen || designMode) && React.createElement("div", {
+      style: fullContentStyle,
+      className: contentClassName
+    }, children));
+  } finally {
+    _effect();
+  }
+}
+function getAccordionState(c) {
+  return c.meta.accordionState;
+}
+
+function createTabsRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createGroupRenderer(function (p, renderer) {
+    return React.createElement(TabsGroupRenderer, _extends({}, p, {
+      tabOptions: p.renderOptions,
+      options: options
+    }));
+  }, {
+    renderType: schemas.GroupRenderType.Tabs
+  });
+}
+function TabsGroupRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var renderTabs = function renderTabs(tabs, key) {
+      return React.createElement("div", {
+        key: key,
+        className: schemas.rendererClass(className, options.className)
+      }, React.createElement("ul", {
+        className: schemas.rendererClass(null, tabListClass)
+      }, tabs.map(function (x, i) {
+        return React.createElement("li", {
+          key: i,
+          className: schemas.rendererClass(null, tabClass),
+          onClick: function onClick() {
+            return tabIndex.value = i;
+          }
+        }, React.createElement("span", {
+          className: schemas.rendererClass(null, clsx__default["default"](labelClass, i == currentTab ? activeClass : inactiveClass))
+        }, x.definition.title ? x.definition.title : "<untitled>"));
+      })), React.createElement("div", {
+        className: schemas.rendererClass(tabOptions.contentClass, contentClass)
+      }, renderChild(currentTab, tabs[currentTab])));
+    };
+    var formNode = _ref.formNode,
+      className = _ref.className,
+      options = _ref.options,
+      renderChild = _ref.renderChild,
+      designMode = _ref.designMode,
+      tabOptions = _ref.tabOptions;
+    var tabIndex = core.useControl(0);
+    var tabClass = options.tabClass,
+      labelClass = options.labelClass,
+      tabListClass = options.tabListClass,
+      inactiveClass = options.inactiveClass,
+      activeClass = options.activeClass,
+      contentClass = options.contentClass;
+    var currentTab = tabIndex.value;
+    return designMode ? React.createElement(React.Fragment, null, formNode.getChildNodes().map(function (x, i) {
+      return renderTabs([x], i);
+    })) : renderTabs(formNode.getChildNodes(), 0);
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultGroupRenderer(options) {
+  var tabsRenderer = createTabsRenderer(options == null ? void 0 : options.tabs);
+  var _ref = options != null ? options : {},
+    className = _ref.className,
+    _ref$gridStyles = _ref.gridStyles,
+    gridStyles = _ref$gridStyles === void 0 ? defaultGridStyles : _ref$gridStyles,
+    _ref$defaultGridColum = _ref.defaultGridColumns,
+    defaultGridColumns = _ref$defaultGridColum === void 0 ? 2 : _ref$defaultGridColum,
+    gridClassName = _ref.gridClassName,
+    standardClassName = _ref.standardClassName,
+    flexClassName = _ref.flexClassName,
+    defaultFlexGap = _ref.defaultFlexGap;
+  function defaultGridStyles(_ref2) {
+    var _ref2$columns = _ref2.columns,
+      columns = _ref2$columns === void 0 ? defaultGridColumns : _ref2$columns;
+    return {
+      className: gridClassName,
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(" + columns + ", 1fr)"
+      }
+    };
+  }
+  function flexStyles(options) {
+    return {
+      className: flexClassName,
+      style: {
+        display: "flex",
+        gap: options.gap ? options.gap : defaultFlexGap,
+        flexDirection: options.direction ? options.direction : undefined
+      }
+    };
+  }
+  function render(props, renderer) {
+    var renderChild = props.renderChild,
+      renderOptions = props.renderOptions,
+      formNode = props.formNode;
+    if (schemas.isTabsRenderer(renderOptions)) return tabsRenderer.render(props, renderer);
+    if (schemas.isSelectChildRenderer(renderOptions) && !props.designMode) {
+      return h(SelectChildGroupRenderer, _extends({}, props, {
+        renderOptions: renderOptions
+      }));
+    }
+    var _ref3 = schemas.isGridRenderer(renderOptions) ? gridStyles(renderOptions) : schemas.isFlexRenderer(renderOptions) ? flexStyles(renderOptions) : {
+        className: standardClassName
+      },
+      style = _ref3.style,
+      gcn = _ref3.className;
+    // noinspection JSUnusedLocalSymbols
+    var h = renderer.h;
+    return h("div", {
+      className: schemas.rendererClass(props.className, clsx__default["default"](className, gcn)),
+      style: style
+    }, formNode.getChildNodes().map(function (c, i) {
+      return renderChild(i, c);
+    }));
+  }
+  return {
+    type: "group",
+    render: render
+  };
+}
+function SelectChildGroupRenderer(props) {
+  var _effect = core.useComponentTracking();
+  try {
+    var useEvalExpression = props.useEvalExpression,
+      renderOptions = props.renderOptions;
+    var dynHook = useEvalExpression(renderOptions == null ? void 0 : renderOptions.childIndexExpression, function (x) {
+      return x == "string" ? parseInt(x) : x;
+    });
+    var Render = core.useTrackedComponent(function (p) {
+      var ctrl = dynHook.runHook(p.dataContext, dynHook.state);
+      var childIndex = ctrl == null ? void 0 : ctrl.value;
+      var childDefinitions = p.formNode.getChildNodes();
+      return React.createElement("div", null, typeof childIndex === "number" && childIndex < childDefinitions.length && childIndex >= 0 && p.renderChild(childIndex, childDefinitions[childIndex]));
+    }, [dynHook.deps]);
+    return React.createElement(Render, props);
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultVisibilityRenderer() {
+  var h = jsxRuntime.jsx;
+  return schemas.createVisibilityRenderer(function (props, renderer) {
+    return h(DefaultVisibility, _extends({}, props, {
+      renderer: renderer
+    }));
+  });
+}
+function DefaultVisibility(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var visibility = _ref.visibility,
+      children = _ref.children,
+      className = _ref.className,
+      style = _ref.style,
+      divRef = _ref.divRef,
+      renderer = _ref.renderer;
+    var v = visibility.value;
+    React.useEffect(function () {
+      if (v) {
+        visibility.setValue(function (ex) {
+          return {
+            visible: v.visible,
+            showing: v.visible
+          };
+        });
+      }
+    }, [v == null ? void 0 : v.visible]);
+    var h = renderer.h;
+    return v != null && v.visible ? h("div", {
+      className: className,
+      style: style,
+      ref: divRef,
+      children: children
+    }) : h(React.Fragment, null);
+  } finally {
+    _effect();
+  }
+}
+
+function createJsonataRenderer(className) {
+  return schemas.createDataRenderer(function (p) {
+    return React.createElement(JsonataRenderer, {
+      renderOptions: p.renderOptions,
+      className: schemas.rendererClass(p.className, className),
+      dataNode: p.dataNode,
+      dataContext: p.dataContext,
+      control: p.control,
+      readonly: p.readonly
+    });
+  }, {
+    renderType: schemas.DataRenderType.Jsonata
+  });
+}
+function JsonataRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var control = _ref.control,
+      renderOptions = _ref.renderOptions,
+      readonly = _ref.readonly,
+      className = _ref.className,
+      dataContext = _ref.dataContext,
+      dataNode = _ref.dataNode;
+    var sdn = dataNode.elementIndex != null ? dataNode : dataContext.parentNode;
+    var bindings = core.useComputed(function () {
+      return {
+        value: control.value,
+        readonly: readonly,
+        disabled: control.disabled,
+        formData: dataContext.formData,
+        dataPath: schemas.getJsonPath(dataNode)
+      };
+    });
+    var rendered = schemas.useJsonataExpression(renderOptions.expression, schemas.getRootDataNode(sdn).control, schemas.getJsonPath(sdn), bindings, schemas.coerceToString);
+    return React.createElement("div", {
+      className: className,
+      dangerouslySetInnerHTML: {
+        __html: rendered.value
+      }
+    });
+  } finally {
+    _effect();
+  }
+}
+
+var _excluded = ["control", "field", "renderOptions"];
+function createNullToggleRenderer() {
+  return schemas.createDataRenderer(function (_ref, renderers) {
+    var control = _ref.control,
+      field = _ref.field,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    var lastDefined = schemas.getLastDefinedValue(control);
+    if (lastDefined.current.value == null) lastDefined.value = props.definition.defaultValue;
+    var nullControl = schemas.getNullToggler(control);
+    nullControl.disabled = props.readonly;
+    return function (layout) {
+      return renderers.renderData(_extends({}, props, {
+        control: nullControl,
+        field: _extends({}, field, {
+          type: schemas.FieldType.Bool
+        }),
+        renderOptions: {
+          type: schemas.DataRenderType.Checkbox
+        }
+      }))(layout);
+    };
+  });
+}
+
+function createDefaultArrayDataRenderer(defaultActions) {
+  return schemas.createDataRenderer(function (props, renderers) {
+    return React.createElement(DataArrayRenderer, {
+      dataProps: props,
+      renderers: renderers,
+      defaultActions: defaultActions
+    });
+  }, {
+    renderType: schemas.DataRenderType.Array,
+    collection: true
+  });
+}
+function DataArrayRenderer(_ref) {
+  var _definition$children;
+  var dataProps = _ref.dataProps,
+    renderers = _ref.renderers,
+    defaultActions = _ref.defaultActions;
+  var renderOptions = dataProps.renderOptions,
+    control = dataProps.control,
+    field = dataProps.field,
+    readonly = dataProps.readonly,
+    designMode = dataProps.designMode,
+    required = dataProps.required,
+    renderChild = dataProps.renderChild,
+    definition = dataProps.definition,
+    className = dataProps.className,
+    style = dataProps.style,
+    useChildVisibility = dataProps.useChildVisibility,
+    dataContext = dataProps.dataContext,
+    formNode = dataProps.formNode;
+  var _mergeObjects = schemas.mergeObjects(schemas.isArrayRenderer(renderOptions) ? renderOptions : {}, defaultActions),
+    addText = _mergeObjects.addText,
+    noAdd = _mergeObjects.noAdd,
+    noRemove = _mergeObjects.noRemove,
+    removeText = _mergeObjects.removeText,
+    editExternal = _mergeObjects.editExternal;
+  var childOptions = schemas.isArrayRenderer(renderOptions) ? renderOptions.childOptions : undefined;
+  var renderAsElement = !schemas.isCompoundField(field);
+  var childDefinition = schemas.nodeForControl(!renderAsElement ? {
+    type: schemas.ControlDefinitionType.Group,
+    children: definition.children,
+    groupOptions: {
+      type: schemas.GroupRenderType.Standard,
+      hideTitle: true
+    }
+  } : {
+    type: schemas.ControlDefinitionType.Data,
+    field: definition.field,
+    children: definition.children,
+    renderOptions: childOptions != null ? childOptions : {
+      type: schemas.DataRenderType.Standard
+    },
+    hideTitle: true
+  }, formNode.tree);
+  var visibilities = ((_definition$children = definition.children) != null ? _definition$children : []).map(function (x) {
+    return [useChildVisibility(x, undefined, true), x];
+  });
+  var deps = schemas.makeHookDepString(visibilities, function (x) {
+    return x[0].deps;
+  });
+  var Entry = core.useTrackedComponent(RenderEntry, [deps]);
+  var arrayProps = _extends({}, schemas.createArrayActions(control.as(), field, {
+    addText: addText,
+    removeText: removeText,
+    noAdd: noAdd,
+    noRemove: noRemove,
+    readonly: readonly,
+    disabled: control.disabled,
+    designMode: designMode,
+    editExternal: editExternal
+  }), {
+    required: required,
+    renderElement: function renderElement(i, wrap) {
+      return React.createElement(Entry, {
+        index: i,
+        renderChildElement: renderChildElement,
+        dataContext: dataContext,
+        visibilities: visibilities,
+        wrap: wrap
+      });
+    },
+    className: className ? className : undefined,
+    style: style
+  }, schemas.getLengthRestrictions(definition));
+  return renderers.renderArray(arrayProps);
+  function renderChildElement(i, elementNode) {
+    var _control$elements$i$u, _control$elements;
+    return renderChild((_control$elements$i$u = (_control$elements = control.elements) == null ? void 0 : _control$elements[i].uniqueId) != null ? _control$elements$i$u : i, childDefinition, renderAsElement ? {
+      elementIndex: i
+    } : {
+      parentDataNode: elementNode
+    });
+  }
+}
+function RenderEntry(_ref2) {
+  var i = _ref2.index,
+    renderChildElement = _ref2.renderChildElement,
+    visibilities = _ref2.visibilities,
+    wrap = _ref2.wrap,
+    dataContext = _ref2.dataContext;
+  var elementNode = dataContext.dataNode.getChildElement(i);
+  var childVis = visibilities.map(function (_ref3) {
+    var hook = _ref3[0],
+      def = _ref3[1];
+    return hook.runHook(_extends({}, dataContext, {
+      parentNode: elementNode,
+      dataNode: schemas.lookupDataNode(def, elementNode)
+    }), hook.state).value;
+  });
+  var anyVisible = childVis.length == 0 || childVis.some(function (x) {
+    return x === true;
+  });
+  if (!anyVisible) return undefined;
+  return wrap(renderChildElement(i, elementNode));
+}
+function createDefaultArrayRenderer(options) {
+  return {
+    render: function render(props, _ref4) {
+      var renderAction = _ref4.renderAction;
+      return React.createElement(DefaultArrayRenderer, _extends({}, props, options, {
+        renderAction: renderAction
+      }));
+    },
+    type: "array"
+  };
+}
+function DefaultArrayRenderer(props) {
+  var _effect = core.useComponentTracking();
+  try {
+    var renderElement = props.renderElement,
+      className = props.className,
+      removableClass = props.removableClass,
+      childClass = props.childClass,
+      removableChildClass = props.removableChildClass,
+      removeActionClass = props.removeActionClass,
+      addActionClass = props.addActionClass,
+      arrayControl = props.arrayControl,
+      renderAction = props.renderAction,
+      style = props.style,
+      editAction = props.editAction;
+    var _applyArrayLengthRest = schemas.applyArrayLengthRestrictions(props),
+      addAction = _applyArrayLengthRest.addAction,
+      removeAction = _applyArrayLengthRest.removeAction;
+    return React.createElement("div", {
+      style: style
+    }, React.createElement("div", {
+      className: clsx__default["default"](className, removeAction && removableClass)
+    }, React.createElement(core.RenderElements, {
+      control: arrayControl
+    }, function (_, x) {
+      return renderElement(x, function (children) {
+        return removeAction || editAction ? React.createElement(React.Fragment, null, React.createElement("div", {
+          className: clsx__default["default"](childClass, removableChildClass)
+        }, children), React.createElement("div", {
+          className: removeActionClass
+        }, editAction && renderAction(editAction(x)), removeAction && renderAction(removeAction(x)))) : React.createElement("div", {
+          className: childClass
+        }, children);
+      });
+    })), addAction && React.createElement("div", {
+      className: addActionClass
+    }, renderAction(addAction)));
+  } finally {
+    _effect();
+  }
+}
+
+var inputClass = "leading-[1.5] text-surface-900 bg-[inherit] border-0 rounded-[inherit] px-3 py-2 outline-0 grow shrink-0 basis-auto focus:outline-0 focus:ring-0 focus:shadow-none";
+function createAutocompleteRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p) {
+    var _p$options, _p$options2;
+    return p.field.collection ? React.createElement(MultipleAutocomplete, {
+      options: (_p$options = p.options) != null ? _p$options : [],
+      control: p.control,
+      className: schemas.rendererClass(p.className, options.className),
+      classes: options,
+      controlClasses: p.renderOptions,
+      readOnly: p.readonly,
+      id: p.id
+    }) : React.createElement(SingleAutocomplete, {
+      options: (_p$options2 = p.options) != null ? _p$options2 : [],
+      control: p.control,
+      className: schemas.rendererClass(p.className, options.className),
+      classes: options,
+      controlClasses: p.renderOptions,
+      readOnly: p.readonly,
+      id: p.id
+    });
+  }, {
+    renderType: schemas.DataRenderType.Autocomplete
+  });
+}
+function SingleAutocomplete(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _controlClasses$place;
+    var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+    var id = props.id,
+      control = props.control,
+      className = props.className,
+      readOnly = props.readOnly,
+      classes = props.classes,
+      controlClasses = props.controlClasses;
+    var disabled = control.disabled;
+    var inputControl = core.useControl("");
+    var selectedOptionControl = core.useControl(null);
+    var listContainerClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.listContainerClass, classes.listContainerClass);
+    var listEntryClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.listEntryClass, classes.listEntryClass);
+    core.useControlEffect(core.controlValues(inputControl, selectedOptionControl), function (_ref2) {
+      var text = _ref2[0],
+        selected = _ref2[1];
+      control.value = selected ? typeof selected === "string" ? selected : selected.value : text;
+    });
+    var _useAutocomplete = base.useAutocomplete(_extends({
+        freeSolo: true,
+        multiple: false,
+        value: selectedOptionControl.value,
+        inputValue: inputControl.value,
+        getOptionLabel: function getOptionLabel(v) {
+          return typeof v === "string" ? v : v.name;
+        },
+        filterOptions: function filterOptions(o, s) {
+          return o.filter(function (o) {
+            var label = typeof o === "string" ? o : o.name;
+            return label.toLowerCase().includes(s.inputValue.toLowerCase());
+          });
+        },
+        onInputChange: function onInputChange(_, v, reason) {
+          inputControl.value = v;
+          if (reason === "input") selectedOptionControl.value = null;
+        },
+        onChange: function onChange(_, v, reason) {
+          if (reason === "selectOption") {
+            selectedOptionControl.value = v;
+          }
+        }
+      }, props)),
+      getRootProps = _useAutocomplete.getRootProps,
+      getInputProps = _useAutocomplete.getInputProps,
+      getListboxProps = _useAutocomplete.getListboxProps,
+      getOptionProps = _useAutocomplete.getOptionProps,
+      groupedOptions = _useAutocomplete.groupedOptions,
+      popupOpen = _useAutocomplete.popupOpen,
+      focused = _useAutocomplete.focused,
+      getPopupIndicatorProps = _useAutocomplete.getPopupIndicatorProps;
+    return React.createElement("div", _extends({
+      id: id,
+      className: "relative"
+    }, getRootProps()), React.createElement("div", {
+      className: clsx__default["default"](className, focused ? "border-primary-400 shadow-[0_0_0_3px_transparent] shadow-primary-200" : "shadow-[0_2px_2px_transparent] shadow-surface-50")
+    }, React.createElement("input", _extends({
+      type: "text"
+    }, getInputProps(), {
+      placeholder: (_controlClasses$place = controlClasses == null ? void 0 : controlClasses.placeholder) != null ? _controlClasses$place : "",
+      className: inputClass
+    })), React.createElement("button", _extends({}, getPopupIndicatorProps(), {
+      disabled: disabled || readOnly,
+      className: "outline-0 shadow-none border-0 py-0 px-0.5 bg-transparent pr-[10px]"
+    }), React.createElement("li", {
+      className: clsx__default["default"]("fa-solid fa-angle-down", "text-primary-500", popupOpen && "rotate-180")
+    }))), groupedOptions.length > 0 && popupOpen && React.createElement("ul", _extends({}, getListboxProps(), {
+      className: listContainerClass
+    }), groupedOptions.map(function (option, index) {
+      var optionProps = getOptionProps({
+        option: option,
+        index: index
+      });
+      return React.createElement("li", _extends({}, optionProps, {
+        key: optionProps.key,
+        className: listEntryClass
+      }), option.name);
+    })));
+  } finally {
+    _effect();
+  }
+}
+function MultipleAutocomplete(_ref3) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var _selectedOptionsContr, _selectedOptionsContr2, _controlClasses$place2;
+    var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+    var id = props.id,
+      control = props.control,
+      className = props.className,
+      readOnly = props.readOnly,
+      classes = props.classes,
+      controlClasses = props.controlClasses;
+    var disabled = control.disabled;
+    var inputControl = core.useControl("");
+    var selectedOptionsControl = core.useControl(null);
+    var listContainerClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.listContainerClass, classes.listContainerClass);
+    var listEntryClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.listEntryClass, classes.listEntryClass);
+    var chipContainerClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.chipContainerClass, classes.chipContainerClass);
+    var chipCloseButtonClass = schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.chipCloseButtonClass, classes.chipCloseButtonClass);
+    core.useControlEffect(core.controlValues(inputControl, selectedOptionsControl), function (_ref4) {
+      var _selected$map;
+      var text = _ref4[0],
+        selected = _ref4[1];
+      var selectedValues = (_selected$map = selected == null ? void 0 : selected.map(function (v) {
+        return typeof v === "string" ? v : v.value;
+      })) != null ? _selected$map : [];
+      control.value = text ? selectedValues.concat(text) : selectedValues;
+    });
+    var _useAutocomplete2 = base.useAutocomplete(_extends({
+        value: (_selectedOptionsContr = selectedOptionsControl.value) != null ? _selectedOptionsContr : [],
+        inputValue: inputControl.value,
+        freeSolo: true,
+        multiple: true,
+        getOptionLabel: function getOptionLabel(v) {
+          return typeof v === "string" ? v : v.name;
+        },
+        filterOptions: function filterOptions(o, s) {
+          return o.filter(function (o) {
+            var label = typeof o === "string" ? o : o.name;
+            return label.toLowerCase().includes(s.inputValue.toLowerCase());
+          });
+        },
+        onInputChange: function onInputChange(_, v) {
+          inputControl.value = v;
+        },
+        onChange: function onChange(_, v, reason) {
+          if (reason === "selectOption" || reason === "removeOption") {
+            selectedOptionsControl.value = v;
+          }
+        }
+      }, props)),
+      getRootProps = _useAutocomplete2.getRootProps,
+      getInputProps = _useAutocomplete2.getInputProps,
+      getListboxProps = _useAutocomplete2.getListboxProps,
+      getOptionProps = _useAutocomplete2.getOptionProps,
+      groupedOptions = _useAutocomplete2.groupedOptions,
+      popupOpen = _useAutocomplete2.popupOpen,
+      focused = _useAutocomplete2.focused,
+      getPopupIndicatorProps = _useAutocomplete2.getPopupIndicatorProps;
+    return React.createElement("div", _extends({
+      id: id,
+      className: "relative"
+    }, getRootProps()), React.createElement("div", {
+      className: clsx__default["default"](className, focused ? "border-primary-400 shadow-[0_0_0_3px_transparent] shadow-primary-200" : "shadow-[0_2px_2px_transparent] shadow-surface-50")
+    }, React.createElement("div", {
+      className: "flex flex-1 flex-row flex-wrap"
+    }, (_selectedOptionsContr2 = selectedOptionsControl.value) == null ? void 0 : _selectedOptionsContr2.map(function (v) {
+      return React.createElement(Chip, {
+        key: typeof v === "string" ? v : v.name,
+        text: typeof v === "string" ? v : v.name,
+        chipContainerClass: chipContainerClass,
+        chipCloseButtonClass: chipCloseButtonClass,
+        onDeleteClick: function onDeleteClick() {
+          var c = selectedOptionsControl.elements.find(function (x) {
+            return x.value == v;
+          });
+          if (c) core.removeElement(selectedOptionsControl, c);
+        }
+      });
+    }), React.createElement("input", _extends({
+      type: "text"
+    }, getInputProps(), {
+      placeholder: (_controlClasses$place2 = controlClasses == null ? void 0 : controlClasses.placeholder) != null ? _controlClasses$place2 : "",
+      className: clsx__default["default"](inputClass)
+    }))), React.createElement("button", _extends({}, getPopupIndicatorProps(), {
+      disabled: disabled || readOnly,
+      className: "outline-0 shadow-none border-0 py-0 px-0.5 bg-transparent pr-[10px]"
+    }), React.createElement("i", {
+      className: clsx__default["default"]("fa-solid fa-angle-down", "text-primary-500", popupOpen && "rotate-180")
+    }))), groupedOptions.length > 0 && popupOpen && React.createElement("ul", _extends({}, getListboxProps(), {
+      className: listContainerClass
+    }), groupedOptions.map(function (option, index) {
+      var optionProps = getOptionProps({
+        option: option,
+        index: index
+      });
+      return React.createElement("li", _extends({}, optionProps, {
+        key: optionProps.key,
+        className: listEntryClass
+      }), option.name);
+    })));
+  } finally {
+    _effect2();
+  }
+}
+function Chip(_ref5) {
+  var _effect3 = core.useComponentTracking();
+  try {
+    var text = _ref5.text,
+      chipContainerClass = _ref5.chipContainerClass,
+      chipCloseButtonClass = _ref5.chipCloseButtonClass,
+      onDeleteClick = _ref5.onDeleteClick;
+    return React.createElement("div", {
+      className: chipContainerClass
+    }, text, React.createElement("i", {
+      className: chipCloseButtonClass,
+      onClick: function onClick() {
+        onDeleteClick == null || onDeleteClick();
+      }
+    }));
+  } finally {
+    _effect3();
+  }
+}
+
+var RenderType = "ValueForField";
+var ValueForFieldExtension = {
+  RenderOptions: {
+    value: RenderType,
+    name: "Value For Field",
+    fields: schemas.buildSchema({
+      fieldRef: schemas.stringField("Field Reference")
+    })
+  }
+};
+function createValueForFieldRenderer(options) {
+  return schemas.createDataRenderer(function (o, renderer) {
+    var _schemaDataForFieldRe;
+    var fieldRef = o.renderOptions.fieldRef;
+    var actualFieldRef = fieldRef ? (_schemaDataForFieldRe = schemas.schemaDataForFieldRef(fieldRef, o.dataContext.parentNode)) == null || (_schemaDataForFieldRe = _schemaDataForFieldRe.control) == null ? void 0 : _schemaDataForFieldRe.value : undefined;
+    var node = actualFieldRef ? schemas.schemaForFieldRef(actualFieldRef, options.schema) : undefined;
+    return node ? React.createElement(ValueForField, {
+      renderer: renderer,
+      schema: node,
+      control: o.control
+    }) : React.createElement(React.Fragment, null, actualFieldRef ? "No schema node for " + actualFieldRef : "");
+  }, {
+    renderType: RenderType
+  });
+}
+function ValueForField(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var schema = _ref.schema,
+      renderer = _ref.renderer,
+      control = _ref.control;
+    var value = core.useControl({
+      "default": undefined
+    }, undefined, function (e) {
+      return core.setFields(e, {
+        "default": control
+      });
+    });
+    var _useMemo = React.useMemo(function () {
+        var rootSchema = schemas.rootSchemaNode([_extends({}, schema.field, {
+          field: "default",
+          required: false,
+          notNullable: false,
+          onlyForTypes: null,
+          defaultValue: undefined
+        })]);
+        return [schemas.addMissingControlsForSchema(rootSchema, []), rootSchema];
+      }, [schema]),
+      controls = _useMemo[0],
+      rootSchema = _useMemo[1];
+    var Render = schemas.useControlRendererComponent(schemas.groupedControl(controls), renderer, {
+      disabled: control.disabled
+    }, schemas.makeSchemaDataNode(rootSchema, value));
+    return React.createElement(Render, null);
+  } finally {
+    _effect();
+  }
+}
+
+function createOptionalAdornment(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createAdornmentRenderer(function (props, renderers) {
+    var _dataContext$dataNode, _dataContext$dataNode2;
+    var dataContext = props.dataContext;
+    var dataControl = (_dataContext$dataNode = (_dataContext$dataNode2 = dataContext.dataNode) == null ? void 0 : _dataContext$dataNode2.control) != null ? _dataContext$dataNode : core.newControl(undefined);
+    var adornment = props.adornment;
+    var editing = schemas.getIsEditing(dataControl);
+    var isEditing = editing.value;
+    var nullToggler = schemas.getNullToggler(dataControl);
+    if (isEditing === undefined && adornment.editSelectable) editing.value = false;
+    dataControl.disabled = !isEditing || !!(adornment.allowNull && !nullToggler.value);
+    return {
+      apply: function apply(rl) {
+        var _ref, _adornment$placement;
+        if (props.formOptions.readonly) return rl;
+        if (!options.hideEdit && adornment.editSelectable) schemas.appendMarkupAt((_ref = (_adornment$placement = adornment.placement) != null ? _adornment$placement : options.defaultPlacement) != null ? _ref : schemas.AdornmentPlacement.LabelStart, React.createElement(core.Fcheckbox, {
+          control: editing,
+          className: options.checkClass
+        }))(rl);
+        schemas.wrapMarkup("children", function (children) {
+          return options.customRender ? options.customRender({
+            allValues: schemas.getAllValues(dataControl),
+            editing: editing,
+            children: children,
+            adornment: adornment,
+            nullToggler: nullToggler,
+            dataContext: dataContext,
+            options: options
+          }) : React.createElement(OptionalEditRenderer, {
+            children: children,
+            options: options,
+            editing: editing.as(),
+            adornment: adornment,
+            dataControl: dataControl
+          });
+        })(rl);
+      },
+      priority: 0,
+      adornment: adornment
+    };
+  }, {
+    adornmentType: schemas.ControlAdornmentType.Optional
+  });
+}
+function OptionalEditRenderer(_ref2) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _options$setNullText, _options$multiValuesT;
+    var children = _ref2.children,
+      options = _ref2.options,
+      adornment = _ref2.adornment,
+      editing = _ref2.editing,
+      dataControl = _ref2.dataControl;
+    var nullToggler = schemas.getNullToggler(dataControl);
+    var allValues = schemas.getAllValues(dataControl);
+    var multipleValues = allValues.value.length > 1;
+    var nullEdit = adornment.allowNull ? React.createElement("div", {
+      className: options.nullWrapperClass
+    }, React.createElement(core.Fcheckbox, {
+      control: nullToggler,
+      className: options.checkClass,
+      notValue: true
+    }), React.createElement("span", null, (_options$setNullText = options.setNullText) != null ? _options$setNullText : "Null")) : undefined;
+    return React.createElement("div", {
+      className: options.className
+    }, multipleValues && editing.value === false ? React.createElement("div", {
+      className: options.multiValuesClass
+    }, (_options$multiValuesT = options.multiValuesText) != null ? _options$multiValuesT : "Differing values") : React.createElement("div", {
+      className: options.childWrapperClass
+    }, nullEdit, children));
+  } finally {
+    _effect();
+  }
+}
+
+function createMultilineFieldRenderer(className) {
+  return schemas.createDataRenderer(function (p) {
+    return React.createElement(MultilineTextfield, _extends({}, p, {
+      className: schemas.rendererClass(p.className, className)
+    }));
+  });
+}
+function MultilineTextfield(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var control = _ref.control,
+      className = _ref.className;
+    var codeRef = React.useRef(null);
+    core.useControlEffect(function () {
+      return control.value;
+    }, function (v) {
+      var c = codeRef.current;
+      if (c && c.textContent !== v) {
+        c.textContent = v;
+      }
+    }, true);
+    return React.createElement("code", {
+      contentEditable: !control.disabled,
+      className: className,
+      onInput: function onInput(t) {
+        return control.value = t.currentTarget.textContent;
+      },
+      ref: codeRef
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function createArrayElementRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (props, formRenderer) {
+    return React.createElement(ArrayElementRenderer, {
+      dataProps: props,
+      options: options,
+      formRenderer: formRenderer,
+      renderOptions: props.renderOptions
+    });
+  }, {
+    renderType: schemas.DataRenderType.ArrayElement
+  });
+}
+function ArrayElementRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var dataProps = _ref.dataProps,
+      options = _ref.options,
+      formRenderer = _ref.formRenderer,
+      renderOptions = _ref.renderOptions;
+    var control = dataProps.control,
+      formNode = dataProps.formNode,
+      renderChild = dataProps.renderChild,
+      designMode = dataProps.designMode;
+    var extData = schemas.getExternalEditData(control);
+    var overlayState = overlays.useOverlayTriggerState({
+      isOpen: true,
+      onOpenChange: function onOpenChange() {
+        extData.value = undefined;
+      }
+    });
+    if (designMode || extData.value !== undefined) {
+      var runValidation = function runValidation(onClick) {
+        var hasErrors = false;
+        schemas.visitFormDataInContext(parentDataNode, elementGroup, schemas.validationVisitor(function () {
+          hasErrors = true;
+        }));
+        if (!hasErrors) onClick();
+      };
+      var applyValidation = function applyValidation(_ref2) {
+        var action = _ref2.action,
+          dontValidate = _ref2.dontValidate;
+        return dontValidate ? action : _extends({}, action, {
+          onClick: function onClick() {
+            return runValidation(action.onClick);
+          }
+        });
+      };
+      var parentDataNode = schemas.makeSchemaDataNode(dataProps.dataNode.schema, extData.fields.data);
+      var elementGroup = schemas.nodeForControl({
+        type: schemas.ControlDefinitionType.Group,
+        children: formNode.definition.children,
+        groupOptions: {
+          type: schemas.GroupRenderType.Standard,
+          hideTitle: true
+        }
+      }, formNode.tree);
+      var editContent = React.createElement("div", {
+        className: schemas.rendererClass(dataProps.className, options.className)
+      }, renderChild("", elementGroup, {
+        parentDataNode: parentDataNode,
+        elementIndex: 0
+      }), React.createElement("div", {
+        className: options.actionsClass
+      }, React.createElement(core.RenderElements, {
+        control: extData.fields.actions
+      }, function (c) {
+        return formRenderer.renderAction(applyValidation(c.value));
+      })));
+      if (renderOptions.showInline || designMode) return editContent;
+      return React.createElement(ariaBase.Modal, {
+        state: overlayState
+      }, React.createElement(ariaBase.Dialog, {
+        children: editContent
+      }));
+    } else return React.createElement(React.Fragment, null);
+  } finally {
+    _effect();
+  }
+}
+
+function createButtonActionRenderer(actionId, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createActionRenderer(actionId, function (_ref, renderer) {
+    var _options$renderConten;
+    var onClick = _ref.onClick,
+      actionText = _ref.actionText,
+      className = _ref.className,
+      style = _ref.style,
+      actionId = _ref.actionId,
+      actionData = _ref.actionData,
+      disabled = _ref.disabled;
+    var h = renderer.h;
+    return h("button", {
+      className: schemas.rendererClass(className, options.className),
+      disabled: disabled,
+      style: style,
+      onClick: onClick
+    }, (_options$renderConten = options.renderContent == null ? void 0 : options.renderContent(actionText, actionId, actionData)) != null ? _options$renderConten : renderer.renderText(actionText));
+  });
+}
+var DefaultBoolOptions = [{
+  name: "Yes",
+  value: true
+}, {
+  name: "No",
+  value: false
+}];
+function createDefaultDataRenderer(options) {
+  var _options$checkOptions, _options$radioOptions, _options$checkListOpt;
+  if (options === void 0) {
+    options = {};
+  }
+  var h = React__default["default"].createElement;
+  var jsonataRenderer = createJsonataRenderer(options.jsonataClass);
+  var nullToggler = createNullToggleRenderer();
+  var multilineRenderer = createMultilineFieldRenderer(options.multilineClass);
+  var checkboxRenderer = createCheckboxRenderer((_options$checkOptions = options.checkOptions) != null ? _options$checkOptions : options.checkboxOptions);
+  var selectRenderer = createSelectRenderer(options.selectOptions);
+  var radioRenderer = createRadioRenderer((_options$radioOptions = options.radioOptions) != null ? _options$radioOptions : options.checkOptions);
+  var checkListRenderer = createCheckListRenderer((_options$checkListOpt = options.checkListOptions) != null ? _options$checkListOpt : options.checkOptions);
+  var arrayElementRenderer = createArrayElementRenderer(options.arrayElementOptions);
+  var _optionRenderer$boole = _extends({
+      optionRenderer: selectRenderer,
+      booleanOptions: DefaultBoolOptions
+    }, options),
+    inputClass = _optionRenderer$boole.inputClass,
+    booleanOptions = _optionRenderer$boole.booleanOptions,
+    optionRenderer = _optionRenderer$boole.optionRenderer,
+    displayOnlyClass = _optionRenderer$boole.displayOnlyClass,
+    defaultEmptyText = _optionRenderer$boole.defaultEmptyText;
+  var arrayRenderer = createDefaultArrayDataRenderer(options.arrayOptions);
+  var autocompleteRenderer = createAutocompleteRenderer(options.autocompleteOptions);
+  return schemas.createDataRenderer(function (props, renderers) {
+    var field = props.field;
+    var fieldType = field.type;
+    var renderOptions = props.renderOptions;
+    var renderType = renderOptions.type;
+    if (field.collection && props.elementIndex == null && (renderType == schemas.DataRenderType.Standard || renderType == schemas.DataRenderType.Array || renderType == schemas.DataRenderType.ArrayElement)) {
+      if (renderType == schemas.DataRenderType.ArrayElement) return arrayElementRenderer.render(props, renderers);
+      return arrayRenderer.render(props, renderers);
+    }
+    if (fieldType === schemas.FieldType.Compound) {
+      var _ref2;
+      var groupOptions = (_ref2 = schemas.isDataGroupRenderer(renderOptions) ? renderOptions.groupOptions : undefined) != null ? _ref2 : {
+        type: "Standard",
+        hideTitle: true
+      };
+      return renderers.renderGroup(_extends({}, props, {
+        renderOptions: groupOptions
+      }));
+    }
+    if (props.displayOnly || schemas.isDisplayOnlyRenderer(renderOptions)) return function (p) {
+      return _extends({}, p, {
+        className: "@ " + schemas.rendererClass(p.className, displayOnlyClass),
+        children: h(DefaultDisplayOnly, {
+          field: props.field,
+          schemaInterface: props.dataContext.schemaInterface,
+          control: props.control,
+          className: props.className,
+          style: props.style,
+          renderer: renderers,
+          emptyText: schemas.isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText
+        })
+      });
+    };
+    var isBool = fieldType === schemas.FieldType.Bool;
+    if (booleanOptions != null && isBool && props.options == null) {
+      return renderers.renderData(_extends({}, props, {
+        options: booleanOptions
+      }));
+    }
+    if (renderType === schemas.DataRenderType.Standard && schemas.hasOptions(props)) {
+      return optionRenderer.render(props, renderers);
+    }
+    switch (renderType) {
+      case schemas.DataRenderType.NullToggle:
+        return nullToggler.render(props, renderers);
+      case schemas.DataRenderType.CheckList:
+        return checkListRenderer.render(props, renderers);
+      case schemas.DataRenderType.Dropdown:
+        return selectRenderer.render(props, renderers);
+      case schemas.DataRenderType.Radio:
+        return radioRenderer.render(props, renderers);
+      case schemas.DataRenderType.Checkbox:
+        return checkboxRenderer.render(props, renderers);
+      case schemas.DataRenderType.Jsonata:
+        return jsonataRenderer.render(props, renderers);
+      case schemas.DataRenderType.Autocomplete:
+        return autocompleteRenderer.render(props, renderers);
+    }
+    if (fieldType == schemas.FieldType.Any) {
+      var _field$displayName;
+      return h(React.Fragment, null, "Can't render field: ", (_field$displayName = field.displayName) != null ? _field$displayName : field.field, " (", renderType, ")");
+    }
+    if (schemas.isTextfieldRenderer(renderOptions) && renderOptions.multiline) return multilineRenderer.render(props, renderers);
+    var placeholder = schemas.isTextfieldRenderer(renderOptions) ? renderOptions.placeholder : undefined;
+    return h(ControlInput, {
+      className: schemas.rendererClass(props.className, inputClass),
+      style: props.style,
+      id: props.id,
+      readOnly: props.readonly,
+      control: props.control,
+      placeholder: placeholder != null ? placeholder : undefined,
+      convert: createInputConversion(props.field.type),
+      renderer: renderers
+    });
+  });
+}
+function createDefaultAdornmentRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var optional = createOptionalAdornment(options.optional);
+  return {
+    type: "adornment",
+    render: function render(props, renderers) {
+      if (schemas.isOptionalAdornment(props.adornment)) {
+        return optional.render(props, renderers);
+      }
+      var adornment = props.adornment,
+        designMode = props.designMode,
+        dataContext = props.dataContext,
+        useExpr = props.useExpr;
+      return {
+        apply: function apply(rl) {
+          if (schemas.isSetFieldAdornment(adornment) && useExpr) {
+            var setFieldWrapper = function setFieldWrapper(_ref3) {
+              var children = _ref3.children,
+                adornment = _ref3.adornment,
+                parentContext = _ref3.parentContext;
+              var _dynamicHooks = dynamicHooks(parentContext),
+                value = _dynamicHooks.value;
+              var fieldNode = schemas.schemaDataForFieldRef(adornment.field, parentContext.parentNode);
+              var otherField = fieldNode.control;
+              var always = !adornment.defaultOnly;
+              core.useControlEffect(function () {
+                return [value == null ? void 0 : value.value, (otherField == null ? void 0 : otherField.value) == null];
+              }, function (_ref4) {
+                var v = _ref4[0];
+                otherField == null || otherField.setValue(function (x) {
+                  return always || x == null ? v : x;
+                });
+              }, true);
+              return children;
+            };
+            var hook = useExpr(adornment.expression, function (x) {
+              return x;
+            });
+            var dynamicHooks = schemas.useDynamicHooks({
+              value: hook
+            });
+            var SetFieldWrapper = core.useTrackedComponent(setFieldWrapper, [dynamicHooks]);
+            return schemas.wrapLayout(function (x) {
+              return React.createElement(SetFieldWrapper, {
+                children: x,
+                parentContext: dataContext,
+                adornment: adornment
+              });
+            })(rl);
+          }
+          if (schemas.isIconAdornment(adornment)) {
+            var _adornment$placement;
+            return schemas.appendMarkupAt((_adornment$placement = adornment.placement) != null ? _adornment$placement : schemas.AdornmentPlacement.ControlStart, React.createElement("i", {
+              className: adornment.iconClass
+            }))(rl);
+          }
+          if (schemas.isAccordionAdornment(adornment)) {
+            return schemas.wrapLayout(function (x) {
+              return React.createElement(DefaultAccordion, _extends({
+                renderers: renderers,
+                children: x,
+                accordion: adornment,
+                contentStyle: rl.style,
+                contentClassName: rl.className,
+                designMode: designMode,
+                dataContext: dataContext
+              }, options.accordion));
+            })(rl);
+          }
+        },
+        priority: 0,
+        adornment: adornment
+      };
+    }
+  };
+}
+function createDefaultLabelRenderer(options) {
+  var _labelContainer$optio = _extends({
+      labelContainer: function labelContainer(c) {
+        return c;
+      }
+    }, options),
+    className = _labelContainer$optio.className,
+    groupLabelClass = _labelContainer$optio.groupLabelClass,
+    controlLabelClass = _labelContainer$optio.controlLabelClass,
+    labelContainer = _labelContainer$optio.labelContainer;
+  return {
+    render: function render(props, labelStart, labelEnd, renderers) {
+      var _options$requiredElem;
+      var h = renderers.h;
+      var requiredElement = (_options$requiredElem = options == null ? void 0 : options.requiredElement) != null ? _options$requiredElem : function (h) {
+        return h("span", null, " *");
+      };
+      if (props.type == schemas.LabelType.Text) return renderers.renderText(props.label);
+      return labelContainer(h(React.Fragment, null, h("label", {
+        htmlFor: props.forId,
+        className: schemas.rendererClass(props.className, clsx__default["default"](className, props.type === schemas.LabelType.Group && groupLabelClass, props.type === schemas.LabelType.Control && controlLabelClass))
+      }, labelStart, renderers.renderLabelText(props.label), props.required && requiredElement(h)), labelEnd));
+    },
+    type: "label"
+  };
+}
+function createDefaultRenderers(options) {
+  var _options$renderText, _options$h;
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    data: createDefaultDataRenderer(options.data),
+    display: createDefaultDisplayRenderer(options.display),
+    action: createButtonActionRenderer(undefined, options.action),
+    array: createDefaultArrayRenderer(options.array),
+    group: createDefaultGroupRenderer(options.group),
+    label: createDefaultLabelRenderer(options.label),
+    adornment: createDefaultAdornmentRenderer(options.adornment),
+    renderLayout: createDefaultLayoutRenderer(options.layout),
+    visibility: createDefaultVisibilityRenderer(),
+    renderText: (_options$renderText = options.renderText) != null ? _options$renderText : function (x) {
+      return x;
+    },
+    h: (_options$h = options.h) != null ? _options$h : React.createElement
+  };
+}
+function createClassStyledRenderers() {
+  return createDefaultRenderers({
+    layout: {
+      className: "control"
+    },
+    group: {
+      className: "group"
+    },
+    array: {
+      className: "control-array"
+    },
+    action: {
+      className: "action"
+    },
+    data: {
+      inputClass: "data"
+    },
+    display: {
+      htmlClassName: "html",
+      textClassName: "text"
+    }
+  });
+}
+
+var defaultTailwindTheme = {
+  label: {
+    groupLabelClass: "font-bold",
+    requiredElement: function requiredElement(h) {
+      return h("span", {
+        className: "text-red-500"
+      }, " *");
+    }
+  },
+  array: {
+    removableClass: "grid grid-cols-[1fr_auto] items-center gap-x-2",
+    childClass: "grow my-2",
+    addActionClass: "my-2",
+    removeActionClass: "flex gap-2"
+  },
+  group: {
+    standardClassName: "flex flex-col gap-4",
+    gridClassName: "gap-x-2 gap-y-4",
+    flexClassName: "gap-2",
+    tabs: {
+      className: "",
+      tabListClass: "flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400",
+      tabClass: "me-2",
+      labelClass: "inline-flex items-center justify-center p-4 border-b-2 group",
+      inactiveClass: "border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 cursor-pointer",
+      activeClass: "text-blue-600 border-blue-600 rounded-t-lg active dark:text-blue-500 dark:border-blue-500",
+      contentClass: "my-2"
+    }
+  },
+  action: {
+    className: "bg-primary-500 rounded-lg p-3 text-white"
+  },
+  layout: {
+    className: "flex flex-col",
+    errorClass: "text-sm text-red-500"
+  },
+  data: {
+    displayOnlyClass: "flex flex-row items-center gap-2",
+    checkOptions: {
+      className: "flex items-center gap-4",
+      entryClass: "flex gap-1 items-center"
+    },
+    selectOptions: {
+      emptyText: "<select>"
+    },
+    arrayElementOptions: {
+      actionsClass: "my-2 flex gap-2"
+    },
+    multilineClass: "border p-2 outline-0 whitespace-pre-wrap",
+    autocompleteOptions: {
+      className: "w-full flex gap-[5px] pr-[5px] overflow-hidden rounded-lg bg-white border border-solid border-gray-200 hover:border-primary-400 focus-visible:outline-0 shadow-[0_2px_4px_rgb(0_0_0_/_0.05)] min-h-[48px] py-1",
+      listContainerClass: "absolute w-full text-sm box-border p-1.5 my-3 mx-0 min-w-[120px] rounded-xl overflow-auto outline-0 max-h-[300px] z-[1] bg-white border border-solid border-surface-200 text-surface-900 shadow-[0_4px_30px_transparent] shadow-surface-200",
+      listEntryClass: "list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 hover:cursor-pointer hover:bg-primary-100 aria-selected:bg-primary-200 aria-selected:text-primary-900 focused:bg-surface-100 focus-visible:bg-surface-100 focused:text-surface-900 focus-visible:text-surface-900 focus-visible:shadow-[0_0_0_3px_transparent] focus-visible:shadow-primary-200  focused:aria-selected:bg-primary-200 focus-visible:aria-selected:bg-primary-200 focused:aria-selected:text-primary-900 focus-visible:aria-selected:text-primary-900",
+      chipContainerClass: "flex flex-row items-center px-3 py-1 rounded-full bg-surface-100 m-1 gap-2 truncate",
+      chipCloseButtonClass: "fa-solid fa-xmark p-1 bg-surface-300 rounded-full min-w-[24px] flex justify-center text-surface-50 hover:bg-surface-400 hover:text-surface-100 hover:cursor-pointer"
+    }
+  },
+  adornment: {
+    accordion: {
+      className: "flex items-center gap-2 my-2",
+      titleClass: "cursor-pointer",
+      iconOpenClass: "fa fa-chevron-up",
+      iconClosedClass: "fa fa-chevron-down"
+    },
+    optional: {
+      checkClass: "m-2",
+      className: "flex items-center gap-2 w-full",
+      multiValuesClass: "italic",
+      childWrapperClass: "grow"
+    }
+  }
+};
+
+exports.CheckButtons = CheckButtons;
+exports.ControlInput = ControlInput;
+exports.DataArrayRenderer = DataArrayRenderer;
+exports.DefaultAccordion = DefaultAccordion;
+exports.DefaultArrayRenderer = DefaultArrayRenderer;
+exports.DefaultBoolOptions = DefaultBoolOptions;
+exports.DefaultDisplay = DefaultDisplay;
+exports.DefaultDisplayOnly = DefaultDisplayOnly;
+exports.DefaultLayout = DefaultLayout;
+exports.DefaultVisibility = DefaultVisibility;
+exports.Fcheckbox = Fcheckbox;
+exports.JsonataRenderer = JsonataRenderer;
+exports.OptionalEditRenderer = OptionalEditRenderer;
+exports.SelectDataRenderer = SelectDataRenderer;
+exports.ValueForFieldExtension = ValueForFieldExtension;
+exports.createAutocompleteRenderer = createAutocompleteRenderer;
+exports.createButtonActionRenderer = createButtonActionRenderer;
+exports.createCheckListRenderer = createCheckListRenderer;
+exports.createCheckboxRenderer = createCheckboxRenderer;
+exports.createClassStyledRenderers = createClassStyledRenderers;
+exports.createDefaultAdornmentRenderer = createDefaultAdornmentRenderer;
+exports.createDefaultArrayDataRenderer = createDefaultArrayDataRenderer;
+exports.createDefaultArrayRenderer = createDefaultArrayRenderer;
+exports.createDefaultDataRenderer = createDefaultDataRenderer;
+exports.createDefaultDisplayRenderer = createDefaultDisplayRenderer;
+exports.createDefaultGroupRenderer = createDefaultGroupRenderer;
+exports.createDefaultLabelRenderer = createDefaultLabelRenderer;
+exports.createDefaultLayoutRenderer = createDefaultLayoutRenderer;
+exports.createDefaultRenderers = createDefaultRenderers;
+exports.createDefaultVisibilityRenderer = createDefaultVisibilityRenderer;
+exports.createInputConversion = createInputConversion;
+exports.createJsonataRenderer = createJsonataRenderer;
+exports.createNullToggleRenderer = createNullToggleRenderer;
+exports.createOptionalAdornment = createOptionalAdornment;
+exports.createRadioRenderer = createRadioRenderer;
+exports.createSelectConversion = createSelectConversion;
+exports.createSelectRenderer = createSelectRenderer;
+exports.createValueForFieldRenderer = createValueForFieldRenderer;
+exports.defaultTailwindTheme = defaultTailwindTheme;
+exports.getAccordionState = getAccordionState;
+exports.setIncluded = setIncluded;
 //# sourceMappingURL=index.cjs.map