@overmap-ai/forms 1.0.15 → 1.0.17-blank-value-updates.1

package/dist/forms.umd.cjs

@@ -1,2778 +1,45 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("formik"), require("react"), require("@radix-ui/react-icons"), require("@radix-ui/themes"), require("linkify-react"), require("@overmap-ai/core"), require("@hello-pangea/dnd"), require("lodash.get"), require("lodash.set"), require("lodash.clonedeep")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@overmap-ai/blocks", "formik", "react", "@radix-ui/react-icons", "@radix-ui/themes", "linkify-react", "@overmap-ai/core", "@hello-pangea/dnd", "lodash.get", "lodash.set", "lodash.clonedeep"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.forms = {}, global.jsxRuntime, global.blocks, global.formik, global.React, global.reactIcons, global.themes, global.Linkify, global.core, global.dnd, global.get, global.set, global.cloneDeep));
-})(this, function(exports2, jsxRuntime, blocks, formik, React, reactIcons, themes, Linkify, core, dnd, get, set, cloneDeep) {
-  "use strict";var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+(function(E,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("@overmap-ai/blocks"),require("react"),require("formik"),require("react-dom"),require("react-icons/ri"),require("lodash.get"),require("lodash.set"),require("@hello-pangea/dnd"),require("qr-scanner"),require("lodash.clonedeep"),require("@overmap-ai/core"),require("react-sketch-canvas")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@overmap-ai/blocks","react","formik","react-dom","react-icons/ri","lodash.get","lodash.set","@hello-pangea/dnd","qr-scanner","lodash.clonedeep","@overmap-ai/core","react-sketch-canvas"],o):(E=typeof globalThis<"u"?globalThis:E||self,o(E.forms={},E.jsxRuntime,E.blocks,E.React,E.formik,E.ReactDOM,E.ri,E.get,E.set,E.dnd,E.QrScannerAPI,E.cloneDeep,E.core,E.reactSketchCanvas))})(this,function(E,o,d,c,k,yn,H,R,$e,ie,ei,ti,de,ni){"use strict";var sa=Object.defineProperty;var la=(E,o,d)=>o in E?sa(E,o,{enumerable:!0,configurable:!0,writable:!0,value:d}):E[o]=d;var N=(E,o,d)=>la(E,typeof o!="symbol"?o+"":o,d);function bn(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const v=bn(c),ri=bn(yn),wt=c.memo(t=>{const{selectedColor:n,allColors:e,onFinish:r,trigger:i}=t,a=c.useCallback(s=>()=>{r(s)},[r]);return o.jsxs(d.Popover.Root,{children:[o.jsx(d.Popover.Trigger,{children:i}),o.jsx(d.Popover.Content,{size:"sm",children:o.jsx("div",{className:"grid w-max grid-cols-7 gap-x-1 gap-y-1",children:e.map(s=>o.jsx(d.IconButton,{onClick:a(s),style:{backgroundColor:s},type:"button",variant:"solid","aria-label":s,children:n===s&&o.jsx(d.RiIcon,{icon:"RiCheckLine"})},s))})})]})});wt.displayName="ColorPicker";function Cn(t){var n,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(n=0;n<i;n++)t[n]&&(e=Cn(t[n]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function ii(){for(var t,n,e=0,r="",i=arguments.length;e<i;e++)(t=arguments[e])&&(n=Cn(t))&&(r&&(r+=" "),r+=n);return r}const ye=ii,wn=["image/jpeg","image/png","image/svg+xml"],In=["text/csv","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-excel"],xn=["application/pdf"],ke=c.memo(t=>{const{fileType:n}=t,e=c.useMemo(()=>In.includes(n)?o.jsx(d.RiIcon,{icon:"RiFileExcelLine"}):xn.includes(n)?o.jsx(d.RiIcon,{icon:"RiFilePdfLine"}):wn.includes(n)?o.jsx(d.RiIcon,{icon:"RiFileImageLine"}):o.jsx(d.RiIcon,{icon:"RiFileLine"}),[n]);return o.jsx("div",{className:"h-max w-max",children:e})});ke.displayName="FileIcon";const It=c.memo(c.forwardRef((t,n)=>{const{file:e,className:r,error:i,rightSlot:a,...s}=t;return o.jsxs("div",{className:ye(r,"flex h-8 w-full items-center gap-2 rounded-md border border-(--base-a6) bg-(--base-2) text-sm py-1 px-2 h-max",{"text-(--gray-11)":i}),ref:n,...s,children:[i?o.jsx(d.RiIcon,{icon:"RiFileWarningLine"}):o.jsx(ke,{fileType:(e==null?void 0:e.type)??""}),i||(e?o.jsx(d.Text,{className:"truncate",children:e.name}):o.jsx("div",{className:"flex w-full justify-center",children:o.jsx(d.Spinner,{})})),a]})}));It.displayName="FileCard";const je=500,be=1e4,ue={danger:"danger",warning:"warning",info:"base",success:"success"},oi={boolean:"RiCheckboxCircleLine",date:"RiCalendarLine","multi-string":"RiListCheck",number:"RiHashtag",qr:"RiQrCodeLine","multi-select":"RiCheckboxLine",select:"RiMenuFoldLine",string:"RiInputField",text:"RiAlignJustify",upload:"RiUpload2Line",custom:"RiCodeSSlashLine",section:"RiFolderLine"};class xt{constructor(n){N(this,"type");N(this,"identifier");N(this,"description");const{description:e=null,identifier:r,type:i}=n;this.identifier=r,this.description=e,this.type=i}getId(){return this.identifier}static deserialize(n){throw new Error(`${this.name} must implement deserialize.`)}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{type:this.type,identifier:this.identifier,description:this.description}}}const X={label:"",description:"",required:!1};class j extends xt{constructor(e){const{label:r,required:i,image:a,fieldValidators:s=[],formValidators:l=[],...m}=e;super(m);N(this,"required");N(this,"formValidators");N(this,"fieldValidators");N(this,"label");N(this,"image");N(this,"onlyValidateAfterTouched",!0);this.label=r,this.required=i,this.image=a,this.fieldValidators=s,this.formValidators=l}static getFieldCreationSchema(){return[]}isBlank(e){return e===void 0}isEqual(e,r){return e===r}getError(e,r){if(this.required&&this.isBlank(e))return"This field is required.";for(const i of this.getFieldValidators()){const a=i(e);if(a)return a}if(r)for(const i of this.getFormValidators()){const a=i(e,r);if(a)return a}}_serialize(){return{...super._serialize(),label:this.label,required:this.required,image:this.image}}getFieldValidators(){return[...this.fieldValidators]}getFormValidators(){return[...this.formValidators]}encodeValueToJson(e){return JSON.stringify(e)}decodeJsonToValue(e){return JSON.parse(e)}}N(j,"fieldTypeName"),N(j,"fieldTypeDescription");const K=t=>{const{id:n,field:e,formId:r,size:i,showInputOnly:a,onValuesChange:s,...l}=t,[m,u,f]=k.useField(e.getId()),{touched:h}=u,g=u.error??e.description,C=u.error?"danger":void 0,w=n??`${r}-${e.getId()}-input`,p=`${w}-label`,b=e.required?`${e.label} *`:e.label,I=c.useMemo(()=>({...m,onChange:T=>{f.setValue(T,!1).then(),s==null||s(e.getId(),T),(h||!e.onlyValidateAfterTouched)&&f.setError(e.getError(T))},onBlur:T=>{f.setTouched(!0,!1).then(),f.setError(e.getError(T))}}),[e,m,f,s,h]);return[{helpText:g,size:i,severity:C,inputId:w,labelId:p,label:b,showInputOnly:a,fieldProps:I,helpers:f,field:e,touched:h},{...l,"aria-labelledby":p}]},En=c.createContext(()=>{throw new Error("No ImageViewerProvider found")}),We=()=>c.useContext(En);function oe(t,n,{checkForDefaultPrevented:e=!0}={}){return function(i){if(t==null||t(i),e===!1||!i.defaultPrevented)return n==null?void 0:n(i)}}function Sn(t,n){if(typeof t=="function")return t(n);t!=null&&(t.current=n)}function Tn(...t){return n=>{let e=!1;const r=t.map(i=>{const a=Sn(i,n);return!e&&typeof a=="function"&&(e=!0),a});if(e)return()=>{for(let i=0;i<r.length;i++){const a=r[i];typeof a=="function"?a():Sn(t[i],null)}}}}function fe(...t){return v.useCallback(Tn(...t),t)}function ai(t,n){const e=v.createContext(n),r=a=>{const{children:s,...l}=a,m=v.useMemo(()=>l,Object.values(l));return o.jsx(e.Provider,{value:m,children:s})};r.displayName=t+"Provider";function i(a){const s=v.useContext(e);if(s)return s;if(n!==void 0)return n;throw new Error(`\`${a}\` must be used within \`${t}\``)}return[r,i]}function si(t,n=[]){let e=[];function r(a,s){const l=v.createContext(s),m=e.length;e=[...e,s];const u=h=>{var I;const{scope:g,children:C,...w}=h,p=((I=g==null?void 0:g[t])==null?void 0:I[m])||l,b=v.useMemo(()=>w,Object.values(w));return o.jsx(p.Provider,{value:b,children:C})};u.displayName=a+"Provider";function f(h,g){var p;const C=((p=g==null?void 0:g[t])==null?void 0:p[m])||l,w=v.useContext(C);if(w)return w;if(s!==void 0)return s;throw new Error(`\`${h}\` must be used within \`${a}\``)}return[u,f]}const i=()=>{const a=e.map(s=>v.createContext(s));return function(l){const m=(l==null?void 0:l[t])||a;return v.useMemo(()=>({[`__scope${t}`]:{...l,[t]:m}}),[l,m])}};return i.scopeName=t,[r,li(i,...n)]}function li(...t){const n=t[0];if(t.length===1)return n;const e=()=>{const r=t.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(a){const s=r.reduce((l,{useScope:m,scopeName:u})=>{const h=m(a)[`__scope${u}`];return{...l,...h}},{});return v.useMemo(()=>({[`__scope${n.scopeName}`]:s}),[s])}};return e.scopeName=n.scopeName,e}var qe=globalThis!=null&&globalThis.document?v.useLayoutEffect:()=>{},ci=v.useId||(()=>{}),di=0;function Et(t){const[n,e]=v.useState(ci());return qe(()=>{e(r=>r??String(di++))},[t]),t||(n?`radix-${n}`:"")}function he(t){const n=v.useRef(t);return v.useEffect(()=>{n.current=t}),v.useMemo(()=>(...e)=>{var r;return(r=n.current)==null?void 0:r.call(n,...e)},[])}function ui({prop:t,defaultProp:n,onChange:e=()=>{}}){const[r,i]=fi({defaultProp:n,onChange:e}),a=t!==void 0,s=a?t:r,l=he(e),m=v.useCallback(u=>{if(a){const h=typeof u=="function"?u(t):u;h!==t&&l(h)}else i(u)},[a,t,i,l]);return[s,m]}function fi({defaultProp:t,onChange:n}){const e=v.useState(t),[r]=e,i=v.useRef(r),a=he(n);return v.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),e}var St=v.forwardRef((t,n)=>{const{children:e,...r}=t,i=v.Children.toArray(e),a=i.find(pi);if(a){const s=a.props.children,l=i.map(m=>m===a?v.Children.count(s)>1?v.Children.only(null):v.isValidElement(s)?s.props.children:null:m);return o.jsx(Tt,{...r,ref:n,children:v.isValidElement(s)?v.cloneElement(s,void 0,l):null})}return o.jsx(Tt,{...r,ref:n,children:e})});St.displayName="Slot";var Tt=v.forwardRef((t,n)=>{const{children:e,...r}=t;if(v.isValidElement(e)){const i=gi(e);return v.cloneElement(e,{...mi(r,e.props),ref:n?Tn(n,i):i})}return v.Children.count(e)>1?v.Children.only(null):null});Tt.displayName="SlotClone";var hi=({children:t})=>o.jsx(o.Fragment,{children:t});function pi(t){return v.isValidElement(t)&&t.type===hi}function mi(t,n){const e={...n};for(const r in n){const i=t[r],a=n[r];/^on[A-Z]/.test(r)?i&&a?e[r]=(...l)=>{a(...l),i(...l)}:i&&(e[r]=i):r==="style"?e[r]={...i,...a}:r==="className"&&(e[r]=[i,a].filter(Boolean).join(" "))}return{...t,...e}}function gi(t){var r,i;let n=(r=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:r.get,e=n&&"isReactWarning"in n&&n.isReactWarning;return e?t.ref:(n=(i=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:i.get,e=n&&"isReactWarning"in n&&n.isReactWarning,e?t.props.ref:t.props.ref||t.ref)}var vi=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],re=vi.reduce((t,n)=>{const e=v.forwardRef((r,i)=>{const{asChild:a,...s}=r,l=a?St:n;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),o.jsx(l,{...s,ref:i})});return e.displayName=`Primitive.${n}`,{...t,[n]:e}},{});function yi(t,n){t&&ri.flushSync(()=>t.dispatchEvent(n))}function bi(t,n=globalThis==null?void 0:globalThis.document){const e=he(t);v.useEffect(()=>{const r=i=>{i.key==="Escape"&&e(i)};return n.addEventListener("keydown",r,{capture:!0}),()=>n.removeEventListener("keydown",r,{capture:!0})},[e,n])}var Ci="DismissableLayer",Nt="dismissableLayer.update",wi="dismissableLayer.pointerDownOutside",Ii="dismissableLayer.focusOutside",Nn,Fn=v.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Ln=v.forwardRef((t,n)=>{const{disableOutsidePointerEvents:e=!1,onEscapeKeyDown:r,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:s,onDismiss:l,...m}=t,u=v.useContext(Fn),[f,h]=v.useState(null),g=(f==null?void 0:f.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,C]=v.useState({}),w=fe(n,F=>h(F)),p=Array.from(u.layers),[b]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),I=p.indexOf(b),x=f?p.indexOf(f):-1,y=u.layersWithOutsidePointerEventsDisabled.size>0,T=x>=I,S=Si(F=>{const D=F.target,M=[...u.branches].some(O=>O.contains(D));!T||M||(i==null||i(F),s==null||s(F),F.defaultPrevented||l==null||l())},g),L=Ti(F=>{const D=F.target;[...u.branches].some(O=>O.contains(D))||(a==null||a(F),s==null||s(F),F.defaultPrevented||l==null||l())},g);return bi(F=>{x===u.layers.size-1&&(r==null||r(F),!F.defaultPrevented&&l&&(F.preventDefault(),l()))},g),v.useEffect(()=>{if(f)return e&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(Nn=g.body.style.pointerEvents,g.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(f)),u.layers.add(f),Dn(),()=>{e&&u.layersWithOutsidePointerEventsDisabled.size===1&&(g.body.style.pointerEvents=Nn)}},[f,g,e,u]),v.useEffect(()=>()=>{f&&(u.layers.delete(f),u.layersWithOutsidePointerEventsDisabled.delete(f),Dn())},[f,u]),v.useEffect(()=>{const F=()=>C({});return document.addEventListener(Nt,F),()=>document.removeEventListener(Nt,F)},[]),o.jsx(re.div,{...m,ref:w,style:{pointerEvents:y?T?"auto":"none":void 0,...t.style},onFocusCapture:oe(t.onFocusCapture,L.onFocusCapture),onBlurCapture:oe(t.onBlurCapture,L.onBlurCapture),onPointerDownCapture:oe(t.onPointerDownCapture,S.onPointerDownCapture)})});Ln.displayName=Ci;var xi="DismissableLayerBranch",Ei=v.forwardRef((t,n)=>{const e=v.useContext(Fn),r=v.useRef(null),i=fe(n,r);return v.useEffect(()=>{const a=r.current;if(a)return e.branches.add(a),()=>{e.branches.delete(a)}},[e.branches]),o.jsx(re.div,{...t,ref:i})});Ei.displayName=xi;function Si(t,n=globalThis==null?void 0:globalThis.document){const e=he(t),r=v.useRef(!1),i=v.useRef(()=>{});return v.useEffect(()=>{const a=l=>{if(l.target&&!r.current){let m=function(){Mn(wi,e,u,{discrete:!0})};const u={originalEvent:l};l.pointerType==="touch"?(n.removeEventListener("click",i.current),i.current=m,n.addEventListener("click",i.current,{once:!0})):m()}else n.removeEventListener("click",i.current);r.current=!1},s=window.setTimeout(()=>{n.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(s),n.removeEventListener("pointerdown",a),n.removeEventListener("click",i.current)}},[n,e]),{onPointerDownCapture:()=>r.current=!0}}function Ti(t,n=globalThis==null?void 0:globalThis.document){const e=he(t),r=v.useRef(!1);return v.useEffect(()=>{const i=a=>{a.target&&!r.current&&Mn(Ii,e,{originalEvent:a},{discrete:!1})};return n.addEventListener("focusin",i),()=>n.removeEventListener("focusin",i)},[n,e]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function Dn(){const t=new CustomEvent(Nt);document.dispatchEvent(t)}function Mn(t,n,e,{discrete:r}){const i=e.originalEvent.target,a=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:e});n&&i.addEventListener(t,n,{once:!0}),r?yi(i,a):i.dispatchEvent(a)}var Ft="focusScope.autoFocusOnMount",Lt="focusScope.autoFocusOnUnmount",Pn={bubbles:!1,cancelable:!0},Ni="FocusScope",An=v.forwardRef((t,n)=>{const{loop:e=!1,trapped:r=!1,onMountAutoFocus:i,onUnmountAutoFocus:a,...s}=t,[l,m]=v.useState(null),u=he(i),f=he(a),h=v.useRef(null),g=fe(n,p=>m(p)),C=v.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;v.useEffect(()=>{if(r){let p=function(y){if(C.paused||!l)return;const T=y.target;l.contains(T)?h.current=T:ae(h.current,{select:!0})},b=function(y){if(C.paused||!l)return;const T=y.relatedTarget;T!==null&&(l.contains(T)||ae(h.current,{select:!0}))},I=function(y){if(document.activeElement===document.body)for(const S of y)S.removedNodes.length>0&&ae(l)};document.addEventListener("focusin",p),document.addEventListener("focusout",b);const x=new MutationObserver(I);return l&&x.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",b),x.disconnect()}}},[r,l,C.paused]),v.useEffect(()=>{if(l){zn.add(C);const p=document.activeElement;if(!l.contains(p)){const I=new CustomEvent(Ft,Pn);l.addEventListener(Ft,u),l.dispatchEvent(I),I.defaultPrevented||(Fi(Ai(On(l)),{select:!0}),document.activeElement===p&&ae(l))}return()=>{l.removeEventListener(Ft,u),setTimeout(()=>{const I=new CustomEvent(Lt,Pn);l.addEventListener(Lt,f),l.dispatchEvent(I),I.defaultPrevented||ae(p??document.body,{select:!0}),l.removeEventListener(Lt,f),zn.remove(C)},0)}}},[l,u,f,C]);const w=v.useCallback(p=>{if(!e&&!r||C.paused)return;const b=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,I=document.activeElement;if(b&&I){const x=p.currentTarget,[y,T]=Li(x);y&&T?!p.shiftKey&&I===T?(p.preventDefault(),e&&ae(y,{select:!0})):p.shiftKey&&I===y&&(p.preventDefault(),e&&ae(T,{select:!0})):I===x&&p.preventDefault()}},[e,r,C.paused]);return o.jsx(re.div,{tabIndex:-1,...s,ref:g,onKeyDown:w})});An.displayName=Ni;function Fi(t,{select:n=!1}={}){const e=document.activeElement;for(const r of t)if(ae(r,{select:n}),document.activeElement!==e)return}function Li(t){const n=On(t),e=Bn(n,t),r=Bn(n.reverse(),t);return[e,r]}function On(t){const n=[],e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const i=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||i?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;e.nextNode();)n.push(e.currentNode);return n}function Bn(t,n){for(const e of t)if(!Di(e,{upTo:n}))return e}function Di(t,{upTo:n}){if(getComputedStyle(t).visibility==="hidden")return!0;for(;t;){if(n!==void 0&&t===n)return!1;if(getComputedStyle(t).display==="none")return!0;t=t.parentElement}return!1}function Mi(t){return t instanceof HTMLInputElement&&"select"in t}function ae(t,{select:n=!1}={}){if(t&&t.focus){const e=document.activeElement;t.focus({preventScroll:!0}),t!==e&&Mi(t)&&n&&t.select()}}var zn=Pi();function Pi(){let t=[];return{add(n){const e=t[0];n!==e&&(e==null||e.pause()),t=_n(t,n),t.unshift(n)},remove(n){var e;t=_n(t,n),(e=t[0])==null||e.resume()}}}function _n(t,n){const e=[...t],r=e.indexOf(n);return r!==-1&&e.splice(r,1),e}function Ai(t){return t.filter(n=>n.tagName!=="A")}var Oi="Portal",Vn=v.forwardRef((t,n)=>{var l;const{container:e,...r}=t,[i,a]=v.useState(!1);qe(()=>a(!0),[]);const s=e||i&&((l=globalThis==null?void 0:globalThis.document)==null?void 0:l.body);return s?yn.createPortal(o.jsx(re.div,{...r,ref:n}),s):null});Vn.displayName=Oi;function Bi(t,n){return v.useReducer((e,r)=>n[e][r]??e,t)}var He=t=>{const{present:n,children:e}=t,r=zi(n),i=typeof e=="function"?e({present:r.isPresent}):v.Children.only(e),a=fe(r.ref,_i(i));return typeof e=="function"||r.isPresent?v.cloneElement(i,{ref:a}):null};He.displayName="Presence";function zi(t){const[n,e]=v.useState(),r=v.useRef({}),i=v.useRef(t),a=v.useRef("none"),s=t?"mounted":"unmounted",[l,m]=Bi(s,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return v.useEffect(()=>{const u=Ge(r.current);a.current=l==="mounted"?u:"none"},[l]),qe(()=>{const u=r.current,f=i.current;if(f!==t){const g=a.current,C=Ge(u);t?m("MOUNT"):C==="none"||(u==null?void 0:u.display)==="none"?m("UNMOUNT"):m(f&&g!==C?"ANIMATION_OUT":"UNMOUNT"),i.current=t}},[t,m]),qe(()=>{if(n){let u;const f=n.ownerDocument.defaultView??window,h=C=>{const p=Ge(r.current).includes(C.animationName);if(C.target===n&&p&&(m("ANIMATION_END"),!i.current)){const b=n.style.animationFillMode;n.style.animationFillMode="forwards",u=f.setTimeout(()=>{n.style.animationFillMode==="forwards"&&(n.style.animationFillMode=b)})}},g=C=>{C.target===n&&(a.current=Ge(r.current))};return n.addEventListener("animationstart",g),n.addEventListener("animationcancel",h),n.addEventListener("animationend",h),()=>{f.clearTimeout(u),n.removeEventListener("animationstart",g),n.removeEventListener("animationcancel",h),n.removeEventListener("animationend",h)}}else m("ANIMATION_END")},[n,m]),{isPresent:["mounted","unmountSuspended"].includes(l),ref:v.useCallback(u=>{u&&(r.current=getComputedStyle(u)),e(u)},[])}}function Ge(t){return(t==null?void 0:t.animationName)||"none"}function _i(t){var r,i;let n=(r=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:r.get,e=n&&"isReactWarning"in n&&n.isReactWarning;return e?t.ref:(n=(i=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:i.get,e=n&&"isReactWarning"in n&&n.isReactWarning,e?t.props.ref:t.props.ref||t.ref)}var Dt=0;function Vi(){v.useEffect(()=>{const t=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",t[0]??Un()),document.body.insertAdjacentElement("beforeend",t[1]??Un()),Dt++,()=>{Dt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(n=>n.remove()),Dt--}},[])}function Un(){const t=document.createElement("span");return t.setAttribute("data-radix-focus-guard",""),t.tabIndex=0,t.style.outline="none",t.style.opacity="0",t.style.position="fixed",t.style.pointerEvents="none",t}var ee=function(){return ee=Object.assign||function(n){for(var e,r=1,i=arguments.length;r<i;r++){e=arguments[r];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a])}return n},ee.apply(this,arguments)};function $n(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(t);i<r.length;i++)n.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(e[r[i]]=t[r[i]]);return e}function Ui(t,n,e){if(e||arguments.length===2)for(var r=0,i=n.length,a;r<i;r++)(a||!(r in n))&&(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return t.concat(a||Array.prototype.slice.call(n))}typeof SuppressedError=="function"&&SuppressedError;var Xe="right-scroll-bar-position",Ke="width-before-scroll-bar",$i="with-scroll-bars-hidden",ki="--removed-body-scroll-bar-size";function Mt(t,n){return typeof t=="function"?t(n):t&&(t.current=n),t}function ji(t,n){var e=c.useState(function(){return{value:t,callback:n,facade:{get current(){return e.value},set current(r){var i=e.value;i!==r&&(e.value=r,e.callback(r,i))}}}})[0];return e.callback=n,e.facade}var Wi=typeof window<"u"?v.useLayoutEffect:v.useEffect,kn=new WeakMap;function qi(t,n){var e=ji(null,function(r){return t.forEach(function(i){return Mt(i,r)})});return Wi(function(){var r=kn.get(e);if(r){var i=new Set(r),a=new Set(t),s=e.current;i.forEach(function(l){a.has(l)||Mt(l,null)}),a.forEach(function(l){i.has(l)||Mt(l,s)})}kn.set(e,t)},[t]),e}function Hi(t){return t}function Gi(t,n){n===void 0&&(n=Hi);var e=[],r=!1,i={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return e.length?e[e.length-1]:t},useMedium:function(a){var s=n(a,r);return e.push(s),function(){e=e.filter(function(l){return l!==s})}},assignSyncMedium:function(a){for(r=!0;e.length;){var s=e;e=[],s.forEach(a)}e={push:function(l){return a(l)},filter:function(){return e}}},assignMedium:function(a){r=!0;var s=[];if(e.length){var l=e;e=[],l.forEach(a),s=e}var m=function(){var f=s;s=[],f.forEach(a)},u=function(){return Promise.resolve().then(m)};u(),e={push:function(f){s.push(f),u()},filter:function(f){return s=s.filter(f),e}}}};return i}function Xi(t){t===void 0&&(t={});var n=Gi(null);return n.options=ee({async:!0,ssr:!1},t),n}var jn=function(t){var n=t.sideCar,e=$n(t,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=n.read();if(!r)throw new Error("Sidecar medium not found");return v.createElement(r,ee({},e))};jn.isSideCarExport=!0;function Ki(t,n){return t.useMedium(n),jn}var Wn=Xi(),Pt=function(){},Qe=v.forwardRef(function(t,n){var e=v.useRef(null),r=v.useState({onScrollCapture:Pt,onWheelCapture:Pt,onTouchMoveCapture:Pt}),i=r[0],a=r[1],s=t.forwardProps,l=t.children,m=t.className,u=t.removeScrollBar,f=t.enabled,h=t.shards,g=t.sideCar,C=t.noIsolation,w=t.inert,p=t.allowPinchZoom,b=t.as,I=b===void 0?"div":b,x=t.gapMode,y=$n(t,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),T=g,S=qi([e,n]),L=ee(ee({},y),i);return v.createElement(v.Fragment,null,f&&v.createElement(T,{sideCar:Wn,removeScrollBar:u,shards:h,noIsolation:C,inert:w,setCallbacks:a,allowPinchZoom:!!p,lockRef:e,gapMode:x}),s?v.cloneElement(v.Children.only(l),ee(ee({},L),{ref:S})):v.createElement(I,ee({},L,{className:m,ref:S}),l))});Qe.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},Qe.classNames={fullWidth:Ke,zeroRight:Xe};var Qi=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Yi(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var n=Qi();return n&&t.setAttribute("nonce",n),t}function Ji(t,n){t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}function Zi(t){var n=document.head||document.getElementsByTagName("head")[0];n.appendChild(t)}var Ri=function(){var t=0,n=null;return{add:function(e){t==0&&(n=Yi())&&(Ji(n,e),Zi(n)),t++},remove:function(){t--,!t&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},eo=function(){var t=Ri();return function(n,e){v.useEffect(function(){return t.add(n),function(){t.remove()}},[n&&e])}},qn=function(){var t=eo(),n=function(e){var r=e.styles,i=e.dynamic;return t(r,i),null};return n},to={left:0,top:0,right:0,gap:0},At=function(t){return parseInt(t||"",10)||0},no=function(t){var n=window.getComputedStyle(document.body),e=n[t==="padding"?"paddingLeft":"marginLeft"],r=n[t==="padding"?"paddingTop":"marginTop"],i=n[t==="padding"?"paddingRight":"marginRight"];return[At(e),At(r),At(i)]},ro=function(t){if(t===void 0&&(t="margin"),typeof window>"u")return to;var n=no(t),e=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-e+n[2]-n[0])}},io=qn(),Ce="data-scroll-locked",oo=function(t,n,e,r){var i=t.left,a=t.top,s=t.right,l=t.gap;return e===void 0&&(e="margin"),`
+  .`.concat($i,` {
+   overflow: hidden `).concat(r,`;
+   padding-right: `).concat(l,"px ").concat(r,`;
+  }
+  body[`).concat(Ce,`] {
+    overflow: hidden `).concat(r,`;
+    overscroll-behavior: contain;
+    `).concat([n&&"position: relative ".concat(r,";"),e==="margin"&&`
+    padding-left: `.concat(i,`px;
+    padding-top: `).concat(a,`px;
+    padding-right: `).concat(s,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(l,"px ").concat(r,`;
+    `),e==="padding"&&"padding-right: ".concat(l,"px ").concat(r,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(Xe,` {
+    right: `).concat(l,"px ").concat(r,`;
+  }
+  
+  .`).concat(Ke,` {
+    margin-right: `).concat(l,"px ").concat(r,`;
+  }
+  
+  .`).concat(Xe," .").concat(Xe,` {
+    right: 0 `).concat(r,`;
+  }
+  
+  .`).concat(Ke," .").concat(Ke,` {
+    margin-right: 0 `).concat(r,`;
+  }
+  
+  body[`).concat(Ce,`] {
+    `).concat(ki,": ").concat(l,`px;
+  }
+`)},Hn=function(){var t=parseInt(document.body.getAttribute(Ce)||"0",10);return isFinite(t)?t:0},ao=function(){v.useEffect(function(){return document.body.setAttribute(Ce,(Hn()+1).toString()),function(){var t=Hn()-1;t<=0?document.body.removeAttribute(Ce):document.body.setAttribute(Ce,t.toString())}},[])},so=function(t){var n=t.noRelative,e=t.noImportant,r=t.gapMode,i=r===void 0?"margin":r;ao();var a=v.useMemo(function(){return ro(i)},[i]);return v.createElement(io,{styles:oo(a,!n,i,e?"":"!important")})},Ot=!1;if(typeof window<"u")try{var Ye=Object.defineProperty({},"passive",{get:function(){return Ot=!0,!0}});window.addEventListener("test",Ye,Ye),window.removeEventListener("test",Ye,Ye)}catch{Ot=!1}var we=Ot?{passive:!1}:!1,lo=function(t){return t.tagName==="TEXTAREA"},Gn=function(t,n){if(!(t instanceof Element))return!1;var e=window.getComputedStyle(t);return e[n]!=="hidden"&&!(e.overflowY===e.overflowX&&!lo(t)&&e[n]==="visible")},co=function(t){return Gn(t,"overflowY")},uo=function(t){return Gn(t,"overflowX")},Xn=function(t,n){var e=n.ownerDocument,r=n;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var i=Kn(t,r);if(i){var a=Qn(t,r),s=a[1],l=a[2];if(s>l)return!0}r=r.parentNode}while(r&&r!==e.body);return!1},fo=function(t){var n=t.scrollTop,e=t.scrollHeight,r=t.clientHeight;return[n,e,r]},ho=function(t){var n=t.scrollLeft,e=t.scrollWidth,r=t.clientWidth;return[n,e,r]},Kn=function(t,n){return t==="v"?co(n):uo(n)},Qn=function(t,n){return t==="v"?fo(n):ho(n)},po=function(t,n){return t==="h"&&n==="rtl"?-1:1},mo=function(t,n,e,r,i){var a=po(t,window.getComputedStyle(n).direction),s=a*r,l=e.target,m=n.contains(l),u=!1,f=s>0,h=0,g=0;do{var C=Qn(t,l),w=C[0],p=C[1],b=C[2],I=p-b-a*w;(w||I)&&Kn(t,l)&&(h+=I,g+=w),l instanceof ShadowRoot?l=l.host:l=l.parentNode}while(!m&&l!==document.body||m&&(n.contains(l)||n===l));return(f&&Math.abs(h)<1||!f&&Math.abs(g)<1)&&(u=!0),u},Je=function(t){return"changedTouches"in t?[t.changedTouches[0].clientX,t.changedTouches[0].clientY]:[0,0]},Yn=function(t){return[t.deltaX,t.deltaY]},Jn=function(t){return t&&"current"in t?t.current:t},go=function(t,n){return t[0]===n[0]&&t[1]===n[1]},vo=function(t){return`
+  .block-interactivity-`.concat(t,` {pointer-events: none;}
+  .allow-interactivity-`).concat(t,` {pointer-events: all;}
+`)},yo=0,Ie=[];function bo(t){var n=v.useRef([]),e=v.useRef([0,0]),r=v.useRef(),i=v.useState(yo++)[0],a=v.useState(qn)[0],s=v.useRef(t);v.useEffect(function(){s.current=t},[t]),v.useEffect(function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(i));var p=Ui([t.lockRef.current],(t.shards||[]).map(Jn),!0).filter(Boolean);return p.forEach(function(b){return b.classList.add("allow-interactivity-".concat(i))}),function(){document.body.classList.remove("block-interactivity-".concat(i)),p.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(i))})}}},[t.inert,t.lockRef.current,t.shards]);var l=v.useCallback(function(p,b){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!s.current.allowPinchZoom;var I=Je(p),x=e.current,y="deltaX"in p?p.deltaX:x[0]-I[0],T="deltaY"in p?p.deltaY:x[1]-I[1],S,L=p.target,F=Math.abs(y)>Math.abs(T)?"h":"v";if("touches"in p&&F==="h"&&L.type==="range")return!1;var D=Xn(F,L);if(!D)return!0;if(D?S=F:(S=F==="v"?"h":"v",D=Xn(F,L)),!D)return!1;if(!r.current&&"changedTouches"in p&&(y||T)&&(r.current=S),!S)return!0;var M=r.current||S;return mo(M,b,p,M==="h"?y:T)},[]),m=v.useCallback(function(p){var b=p;if(!(!Ie.length||Ie[Ie.length-1]!==a)){var I="deltaY"in b?Yn(b):Je(b),x=n.current.filter(function(S){return S.name===b.type&&(S.target===b.target||b.target===S.shadowParent)&&go(S.delta,I)})[0];if(x&&x.should){b.cancelable&&b.preventDefault();return}if(!x){var y=(s.current.shards||[]).map(Jn).filter(Boolean).filter(function(S){return S.contains(b.target)}),T=y.length>0?l(b,y[0]):!s.current.noIsolation;T&&b.cancelable&&b.preventDefault()}}},[]),u=v.useCallback(function(p,b,I,x){var y={name:p,delta:b,target:I,should:x,shadowParent:Co(I)};n.current.push(y),setTimeout(function(){n.current=n.current.filter(function(T){return T!==y})},1)},[]),f=v.useCallback(function(p){e.current=Je(p),r.current=void 0},[]),h=v.useCallback(function(p){u(p.type,Yn(p),p.target,l(p,t.lockRef.current))},[]),g=v.useCallback(function(p){u(p.type,Je(p),p.target,l(p,t.lockRef.current))},[]);v.useEffect(function(){return Ie.push(a),t.setCallbacks({onScrollCapture:h,onWheelCapture:h,onTouchMoveCapture:g}),document.addEventListener("wheel",m,we),document.addEventListener("touchmove",m,we),document.addEventListener("touchstart",f,we),function(){Ie=Ie.filter(function(p){return p!==a}),document.removeEventListener("wheel",m,we),document.removeEventListener("touchmove",m,we),document.removeEventListener("touchstart",f,we)}},[]);var C=t.removeScrollBar,w=t.inert;return v.createElement(v.Fragment,null,w?v.createElement(a,{styles:vo(i)}):null,C?v.createElement(so,{gapMode:t.gapMode}):null)}function Co(t){for(var n=null;t!==null;)t instanceof ShadowRoot&&(n=t.host,t=t.host),t=t.parentNode;return n}const wo=Ki(Wn,bo);var Zn=v.forwardRef(function(t,n){return v.createElement(Qe,ee({},t,{ref:n,sideCar:wo}))});Zn.classNames=Qe.classNames;var Io=function(t){if(typeof document>"u")return null;var n=Array.isArray(t)?t[0]:t;return n.ownerDocument.body},xe=new WeakMap,Ze=new WeakMap,Re={},Bt=0,Rn=function(t){return t&&(t.host||Rn(t.parentNode))},xo=function(t,n){return n.map(function(e){if(t.contains(e))return e;var r=Rn(e);return r&&t.contains(r)?r:(console.error("aria-hidden",e,"in not contained inside",t,". Doing nothing"),null)}).filter(function(e){return!!e})},Eo=function(t,n,e,r){var i=xo(n,Array.isArray(t)?t:[t]);Re[e]||(Re[e]=new WeakMap);var a=Re[e],s=[],l=new Set,m=new Set(i),u=function(h){!h||l.has(h)||(l.add(h),u(h.parentNode))};i.forEach(u);var f=function(h){!h||m.has(h)||Array.prototype.forEach.call(h.children,function(g){if(l.has(g))f(g);else try{var C=g.getAttribute(r),w=C!==null&&C!=="false",p=(xe.get(g)||0)+1,b=(a.get(g)||0)+1;xe.set(g,p),a.set(g,b),s.push(g),p===1&&w&&Ze.set(g,!0),b===1&&g.setAttribute(e,"true"),w||g.setAttribute(r,"true")}catch(I){console.error("aria-hidden: cannot operate on ",g,I)}})};return f(n),l.clear(),Bt++,function(){s.forEach(function(h){var g=xe.get(h)-1,C=a.get(h)-1;xe.set(h,g),a.set(h,C),g||(Ze.has(h)||h.removeAttribute(r),Ze.delete(h)),C||h.removeAttribute(e)}),Bt--,Bt||(xe=new WeakMap,xe=new WeakMap,Ze=new WeakMap,Re={})}},So=function(t,n,e){e===void 0&&(e="data-aria-hidden");var r=Array.from(Array.isArray(t)?t:[t]),i=Io(t);return i?(r.push.apply(r,Array.from(i.querySelectorAll("[aria-live]"))),Eo(r,i,e,"aria-hidden")):function(){return null}},zt="Dialog",[er,ca]=si(zt),[To,Q]=er(zt),tr=t=>{const{__scopeDialog:n,children:e,open:r,defaultOpen:i,onOpenChange:a,modal:s=!0}=t,l=v.useRef(null),m=v.useRef(null),[u=!1,f]=ui({prop:r,defaultProp:i,onChange:a});return o.jsx(To,{scope:n,triggerRef:l,contentRef:m,contentId:Et(),titleId:Et(),descriptionId:Et(),open:u,onOpenChange:f,onOpenToggle:v.useCallback(()=>f(h=>!h),[f]),modal:s,children:e})};tr.displayName=zt;var nr="DialogTrigger",rr=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,i=Q(nr,e),a=fe(n,i.triggerRef);return o.jsx(re.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":Ut(i.open),...r,ref:a,onClick:oe(t.onClick,i.onOpenToggle)})});rr.displayName=nr;var _t="DialogPortal",[No,ir]=er(_t,{forceMount:void 0}),or=t=>{const{__scopeDialog:n,forceMount:e,children:r,container:i}=t,a=Q(_t,n);return o.jsx(No,{scope:n,forceMount:e,children:v.Children.map(r,s=>o.jsx(He,{present:e||a.open,children:o.jsx(Vn,{asChild:!0,container:i,children:s})}))})};or.displayName=_t;var et="DialogOverlay",ar=v.forwardRef((t,n)=>{const e=ir(et,t.__scopeDialog),{forceMount:r=e.forceMount,...i}=t,a=Q(et,t.__scopeDialog);return a.modal?o.jsx(He,{present:r||a.open,children:o.jsx(Fo,{...i,ref:n})}):null});ar.displayName=et;var Fo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,i=Q(et,e);return o.jsx(Zn,{as:St,allowPinchZoom:!0,shards:[i.contentRef],children:o.jsx(re.div,{"data-state":Ut(i.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),pe="DialogContent",sr=v.forwardRef((t,n)=>{const e=ir(pe,t.__scopeDialog),{forceMount:r=e.forceMount,...i}=t,a=Q(pe,t.__scopeDialog);return o.jsx(He,{present:r||a.open,children:a.modal?o.jsx(Lo,{...i,ref:n}):o.jsx(Do,{...i,ref:n})})});sr.displayName=pe;var Lo=v.forwardRef((t,n)=>{const e=Q(pe,t.__scopeDialog),r=v.useRef(null),i=fe(n,e.contentRef,r);return v.useEffect(()=>{const a=r.current;if(a)return So(a)},[]),o.jsx(lr,{...t,ref:i,trapFocus:e.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:oe(t.onCloseAutoFocus,a=>{var s;a.preventDefault(),(s=e.triggerRef.current)==null||s.focus()}),onPointerDownOutside:oe(t.onPointerDownOutside,a=>{const s=a.detail.originalEvent,l=s.button===0&&s.ctrlKey===!0;(s.button===2||l)&&a.preventDefault()}),onFocusOutside:oe(t.onFocusOutside,a=>a.preventDefault())})}),Do=v.forwardRef((t,n)=>{const e=Q(pe,t.__scopeDialog),r=v.useRef(!1),i=v.useRef(!1);return o.jsx(lr,{...t,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:a=>{var s,l;(s=t.onCloseAutoFocus)==null||s.call(t,a),a.defaultPrevented||(r.current||(l=e.triggerRef.current)==null||l.focus(),a.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:a=>{var m,u;(m=t.onInteractOutside)==null||m.call(t,a),a.defaultPrevented||(r.current=!0,a.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const s=a.target;((u=e.triggerRef.current)==null?void 0:u.contains(s))&&a.preventDefault(),a.detail.originalEvent.type==="focusin"&&i.current&&a.preventDefault()}})}),lr=v.forwardRef((t,n)=>{const{__scopeDialog:e,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:a,...s}=t,l=Q(pe,e),m=v.useRef(null),u=fe(n,m);return Vi(),o.jsxs(o.Fragment,{children:[o.jsx(An,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:a,children:o.jsx(Ln,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":Ut(l.open),...s,ref:u,onDismiss:()=>l.onOpenChange(!1)})}),o.jsxs(o.Fragment,{children:[o.jsx(Ao,{titleId:l.titleId}),o.jsx(Bo,{contentRef:m,descriptionId:l.descriptionId})]})]})}),Vt="DialogTitle",Mo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,i=Q(Vt,e);return o.jsx(re.h2,{id:i.titleId,...r,ref:n})});Mo.displayName=Vt;var cr="DialogDescription",Po=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,i=Q(cr,e);return o.jsx(re.p,{id:i.descriptionId,...r,ref:n})});Po.displayName=cr;var dr="DialogClose",ur=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,i=Q(dr,e);return o.jsx(re.button,{type:"button",...r,ref:n,onClick:oe(t.onClick,()=>i.onOpenChange(!1))})});ur.displayName=dr;function Ut(t){return t?"open":"closed"}var fr="DialogTitleWarning",[da,hr]=ai(fr,{contentName:pe,titleName:Vt,docsSlug:"dialog"}),Ao=({titleId:t})=>{const n=hr(fr),e=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
-  class BaseFormElement {
-    constructor(options) {
-      __publicField(this, "type");
-      __publicField(this, "identifier");
-      __publicField(this, "description");
-      const { description: description2 = null, identifier, type } = options;
-      this.identifier = identifier;
-      this.description = description2;
-      this.type = type;
-    }
-    getId() {
-      return this.identifier;
-    }
-    static deserialize(_data) {
-      throw new Error(`${this.name} must implement deserialize.`);
-    }
-    _serialize() {
-      if (!this.identifier) {
-        throw new Error("Field identifier must be set before serializing.");
-      }
-      return {
-        type: this.type,
-        identifier: this.identifier,
-        description: this.description
-      };
-    }
-  }
-  class BaseField extends BaseFormElement {
-    constructor(options) {
-      const { label, required, fieldValidators = [], formValidators = [], ...base } = options;
-      super(base);
-      __publicField(this, "required");
-      __publicField(this, "formValidators");
-      __publicField(this, "fieldValidators");
-      __publicField(this, "label");
-      /**
-       * By default, validation doesn't execute on `onChange` events when editing fields
-       * until the field has been `touched`. This can be overridden by setting this to `false`
-       * if you want to validate on every `onChange` event. This is important for fields like booleans
-       * which don't have a `onBlur` event (which is used to set the `touched` state).
-       */
-      __publicField(this, "onlyValidateAfterTouched", true);
-      this.label = label;
-      this.required = required;
-      this.fieldValidators = fieldValidators;
-      this.formValidators = formValidators;
-    }
-    static getFieldCreationSchema() {
-      return [];
-    }
-    isBlank(value) {
-      return value === null || value === void 0 || value === "";
-    }
-    getValueFromChangeEvent(event) {
-      return event.target.value;
-    }
-    getError(value, allValues) {
-      if (this.required && this.isBlank(value)) {
-        return "This field is required.";
-      }
-      for (const validator of this.getFieldValidators()) {
-        const error = validator(value);
-        if (error)
-          return error;
-      }
-      if (allValues) {
-        for (const validator of this.getFormValidators()) {
-          const error = validator(value, allValues);
-          if (error)
-            return error;
-        }
-      }
-    }
-    // TODO: We can probably combine _serialize and serialize.
-    _serialize() {
-      return {
-        ...super._serialize(),
-        label: this.label,
-        required: this.required
-      };
-    }
-    getFieldValidators() {
-      return [...this.fieldValidators];
-    }
-    getFormValidators() {
-      return [...this.formValidators];
-    }
-  }
-  __publicField(BaseField, "fieldTypeName");
-  __publicField(BaseField, "fieldTypeDescription");
-  const description$1 = "_description_17zed_1";
-  const styles$4 = {
-    description: description$1
-  };
-  const InputWithLabel = (props) => {
-    const { label, children, severity, inputId, labelId, flexProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity, id: labelId, children: label }),
-      children
-    ] }) });
-  };
-  const InputWithLabelAndHelpText = (props) => {
-    const { helpText, children, severity } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity, className: styles$4.description, children: helpText }) })
-    ] });
-  };
-  const useFormikInput = (props) => {
-    const { id, field, formId: formId2, ...rest } = props;
-    const [fieldProps, meta, helpers] = formik.useField(field.getId());
-    const { touched } = meta;
-    const helpText = meta.error ?? field.description;
-    const severity = meta.error ? "danger" : void 0;
-    const inputId = id ?? `${formId2}-${field.getId()}-input`;
-    const labelId = `${inputId}-label`;
-    const label = field.required ? `${field.label} *` : field.label;
-    const fieldPropsWithValidation = React.useMemo(() => {
-      const handleChange = (e) => {
-        const value = field.getValueFromChangeEvent(e);
-        helpers.setValue(value, false).then();
-        if (touched || !field.onlyValidateAfterTouched) {
-          helpers.setError(field.getError(value));
-        }
-      };
-      const handleBlur = (e) => {
-        helpers.setTouched(true, false).then();
-        helpers.setError(field.getError(field.getValueFromChangeEvent(e)));
-      };
-      return {
-        ...fieldProps,
-        onChange: handleChange,
-        onBlur: handleBlur
-      };
-    }, [field, fieldProps, helpers, touched]);
-    return [
-      {
-        helpText,
-        severity,
-        inputId,
-        labelId,
-        label,
-        fieldProps: fieldPropsWithValidation,
-        helpers,
-        field
-      },
-      { ...rest, "aria-labelledby": labelId }
-    ];
-  };
-  const truthyValues = [true, "true"];
-  const BooleanInput = React.memo(function BooleanInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = truthyValues.includes(fieldProps.value);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
-      InputWithLabel,
-      {
-        severity,
-        inputId,
-        labelId,
-        label,
-        flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.Checkbox,
-          {
-            ...rest,
-            ...fieldProps,
-            id: inputId,
-            color,
-            value: value.toString(),
-            checked: value,
-            onCheckedChange: fieldProps.onChange,
-            onChange: void 0,
-            onBlur: void 0
-          }
-        )
-      }
-    ) });
-  });
-  const _BooleanField = class _BooleanField extends BaseField {
-    constructor(options) {
-      super({ ...options, type: "boolean" });
-      __publicField(this, "onlyValidateAfterTouched", false);
-    }
-    // if a BooleanField is required, `false` is considered blank
-    isBlank(value) {
-      return this.required && !value;
-    }
-    getValueFromChangeEvent(event) {
-      if (typeof event === "boolean")
-        return event;
-      return event.target.checked;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "boolean")
-        throw new Error("Type mismatch.");
-      return new _BooleanField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(BooleanInput, { ...props, field: this });
-    }
-  };
-  __publicField(_BooleanField, "fieldTypeName", "Checkbox");
-  __publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
-  __publicField(_BooleanField, "Icon", reactIcons.CheckCircledIcon);
-  let BooleanField = _BooleanField;
-  const NumberInput$1 = React.memo(function NumberInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      themes.TextField.Input,
-      {
-        ...rest,
-        ...fieldProps,
-        type: "number",
-        id: inputId,
-        min: field.minimum,
-        max: field.maximum,
-        step: field.integers ? 1 : 0.1,
-        color
-      }
-    ) }) });
-  });
-  const _NumberField = class _NumberField extends BaseField {
-    constructor(options) {
-      const {
-        minimum = Number.MIN_SAFE_INTEGER,
-        maximum = Number.MAX_SAFE_INTEGER,
-        integers = false,
-        ...base
-      } = options;
-      super({ ...base, type: "number" });
-      __publicField(this, "minimum");
-      __publicField(this, "maximum");
-      __publicField(this, "integers");
-      this.minimum = minimum;
-      this.maximum = maximum;
-      this.integers = integers;
-    }
-    getValueFromChangeEvent(event) {
-      const number = Number.parseFloat(event.target.value);
-      if (Number.isNaN(number))
-        return "";
-      return number;
-    }
-    static getFieldCreationSchema() {
-      return [
-        new _NumberField({
-          label: "Minimum",
-          description: "Minimum value",
-          integers: true,
-          required: false,
-          identifier: "minimum",
-          formValidators: [this._validateMin]
-        }),
-        new _NumberField({
-          label: "Maximum",
-          description: "Maximum value",
-          integers: true,
-          required: false,
-          identifier: "maximum",
-          formValidators: [this._validateMax]
-        }),
-        new BooleanField({
-          label: "Integers",
-          description: "Whole numbers only",
-          required: false,
-          identifier: "integers"
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      const min = this.minimum;
-      const max = this.maximum;
-      if (typeof min === "number") {
-        validators.push((value) => {
-          if (typeof value === "number" && value < min) {
-            return `Must be at least ${this.minimum}.`;
-          }
-        });
-      }
-      if (typeof max === "number") {
-        validators.push((value) => {
-          if (typeof value === "number" && value > max) {
-            return `Must be at most ${this.maximum}.`;
-          }
-        });
-      }
-      if (this.integers) {
-        validators.push((value) => {
-          if (typeof value === "number" && !Number.isInteger(value)) {
-            return "Must be a whole number.";
-          }
-        });
-      }
-      return validators;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        minimum: this.minimum,
-        maximum: this.maximum,
-        integers: this.integers
-      };
-    }
-    static deserialize(data) {
-      if (data.type !== "number")
-        throw new Error("Type mismatch.");
-      return new _NumberField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(NumberInput$1, { field: this, ...props });
-    }
-  };
-  __publicField(_NumberField, "fieldTypeName", "Number");
-  __publicField(_NumberField, "fieldTypeDescription", "Allows specifying a number within a given range.");
-  __publicField(_NumberField, "Icon", reactIcons.FontFamilyIcon);
-  __publicField(_NumberField, "_validateMin", (value, allValues) => {
-    if (typeof allValues.maximum === "number" && typeof value === "number" && allValues.maximum < value) {
-      return "Minimum cannot be greater than minimum.";
-    }
-    return null;
-  });
-  __publicField(_NumberField, "_validateMax", (value, allValues) => {
-    if (typeof allValues.minimum === "number" && typeof value === "number" && allValues.minimum > value) {
-      return "Maximum cannot be less than minimum.";
-    }
-    return null;
-  });
-  let NumberField = _NumberField;
-  const DateInput = React.memo(function DateInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = fieldProps.value ? fieldProps.value.split("T")[0] : "";
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { ...rest, ...fieldProps, type: "date", id: inputId, color, value }) }) });
-  });
-  const _DateField = class _DateField extends BaseField {
-    constructor(options) {
-      super({ ...options, type: "date" });
-      __publicField(this, "onlyValidateAfterTouched", false);
-    }
-    serialize() {
-      return super._serialize();
-    }
-    getValueFromChangeEvent(event) {
-      return new Date(event.target.value).toISOString();
-    }
-    static deserialize(data) {
-      if (data.type !== "date")
-        throw new Error("Type mismatch.");
-      return new _DateField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(DateInput, { field: this, ...props });
-    }
-  };
-  __publicField(_DateField, "fieldTypeName", "Date");
-  __publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
-  __publicField(_DateField, "Icon", reactIcons.CalendarIcon);
-  let DateField = _DateField;
-  class StringOrTextField extends BaseField {
-    constructor(options) {
-      const { minLength, maxLength = 5e3, ...base } = options;
-      super(base);
-      __publicField(this, "minLength");
-      __publicField(this, "maxLength");
-      this.minLength = minLength ? Math.max(minLength, 0) : void 0;
-      this.maxLength = maxLength ? Math.max(maxLength, 0) : 5e3;
-    }
-    static getFieldCreationSchema() {
-      return [
-        // min, max
-        new NumberField({
-          label: "Minimum length",
-          description: "Minimum number of characters",
-          required: false,
-          identifier: "minimum_length",
-          minimum: 0,
-          maximum: 100,
-          formValidators: [this._validateMin],
-          integers: true
-        }),
-        new NumberField({
-          label: "Maximum length",
-          description: "Maximum number of characters",
-          required: false,
-          identifier: "maximum_length",
-          minimum: 1,
-          maximum: 5e3,
-          // TODO: depends on short vs long text
-          formValidators: [this._validateMax],
-          // TODO: default: 500 (see: "Short text fields can hold up to 500 characters on a single line.")
-          integers: true
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      if (this.minLength) {
-        validators.push((value) => {
-          if (this.minLength && (!value || value.length < this.minLength)) {
-            if (!this.required && !value)
-              return null;
-            return `Minimum ${this.minLength} character(s).`;
-          }
-        });
-      }
-      if (this.maxLength) {
-        validators.push((value) => {
-          if (typeof value === "string" && this.maxLength && value.length > this.maxLength) {
-            return `Maximum ${this.maxLength} character(s).`;
-          }
-        });
-      }
-      return validators;
-    }
-    _serialize() {
-      if (!this.identifier) {
-        throw new Error("Field identifier must be set before serializing.");
-      }
-      return {
-        ...super._serialize(),
-        minimum_length: this.minLength,
-        maximum_length: this.maxLength
-      };
-    }
-  }
-  /**
-   * This function validates that the value given for "minimum length" (when creating a new field) is less than or
-   * equal to the value given for "maximum length".
-   */
-  __publicField(StringOrTextField, "_validateMin", (value, allValues) => {
-    if (typeof allValues.maximum_length === "number" && typeof value === "number" && allValues.maximum_length < value) {
-      return "Minimum cannot be greater than maximum.";
-    }
-    return null;
-  });
-  /**
-   * This function validates that the value given for "maximum length" (when creating a new field) is greater than or
-   * equal to the value given for "minimum length".
-   */
-  __publicField(StringOrTextField, "_validateMax", (value, allValues) => {
-    if (typeof value !== "number")
-      return null;
-    const { minimum_length: minimumLength } = allValues;
-    if (typeof minimumLength !== "number") {
-      return null;
-    }
-    if (minimumLength > value) {
-      return "Maximum cannot be less than minimum.";
-    }
-    return null;
-  });
-  const clickableLinkContainer = "_clickableLinkContainer_1ace7_1";
-  const TextFieldInputCopy = "_TextFieldInputCopy_1ace7_5";
-  const styles$3 = {
-    clickableLinkContainer,
-    TextFieldInputCopy
-  };
-  const StringInput = React.memo(function StringInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: !rest.disabled ? /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { ...rest, ...fieldProps, type: field.inputType, id: inputId, color }) : /* @__PURE__ */ jsxRuntime.jsxs(themes.TextField.Root, { className: styles$3.clickableLinkContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: core.classNames(
-            "rt-TextFieldInput rt-r-size-2 rt-variant-surface",
-            styles$3.TextFieldInputCopy
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            Linkify,
-            {
-              options: {
-                target: "_blank",
-                rel: "noopener"
-              },
-              children: fieldProps.value
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rt-TextFieldChrome" })
-    ] }) }) });
-  });
-  const _StringField = class _StringField extends StringOrTextField {
-    constructor(options) {
-      const { inputType = "text", ...rest } = options;
-      const maxLength = options.maxLength ? Math.min(500, options.maxLength) : 500;
-      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-      super({ ...rest, maxLength, minLength, type: "string" });
-      __publicField(this, "inputType");
-      this.inputType = inputType;
-    }
-    serialize() {
-      return { ...super._serialize(), input_type: this.inputType };
-    }
-    static deserialize(data) {
-      if (data.type !== "string")
-        throw new Error("Type mismatch.");
-      const { maximum_length, minimum_length, input_type, ...rest } = data;
-      return new _StringField({ ...rest, maxLength: maximum_length, minLength: minimum_length, inputType: input_type });
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(StringInput, { field: this, ...props });
-    }
-  };
-  __publicField(_StringField, "fieldTypeName", "Short Text");
-  __publicField(_StringField, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line.");
-  __publicField(_StringField, "Icon", reactIcons.InputIcon);
-  let StringField = _StringField;
-  const TextInput = React.memo(function TextInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.TextArea, { ...rest, ...fieldProps, resize: "vertical", id: inputId, severity }) }) });
-  });
-  const _TextField = class _TextField extends StringOrTextField {
-    constructor(options) {
-      const maxLength = options.maxLength ? Math.min(5e3, options.maxLength) : 5e3;
-      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-      super({ ...options, maxLength, minLength, type: "text" });
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "text")
-        throw new Error("Type mismatch.");
-      const { maximum_length, minimum_length, ...rest } = data;
-      return new _TextField({ ...rest, maxLength: maximum_length, minLength: minimum_length });
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { field: this, ...props });
-    }
-  };
-  __publicField(_TextField, "fieldTypeName", "Paragraph");
-  __publicField(_TextField, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines.");
-  __publicField(_TextField, "Icon", reactIcons.RowsIcon);
-  let TextField = _TextField;
-  const SelectInput = React.memo(function SelectInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange, onBlur } = fieldProps;
-    const options = React.useMemo(
-      () => field.options.map((option) => ({ value: option.value, itemContent: option.label })),
-      [field.options]
-    );
-    const handleChange = React.useCallback(
-      (value) => {
-        onChange(value);
-        onBlur(value);
-      },
-      [onChange, onBlur]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.Select,
-      {
-        items: options,
-        ...fieldProps,
-        onValueChange: handleChange,
-        placeholder: "Select one...",
-        id: inputId,
-        severity,
-        ...rest
-      }
-    ) }) });
-  });
-  const emptySection = (id = "", fields = []) => ({
-    type: "section",
-    fields,
-    identifier: id,
-    label: null,
-    condition: null,
-    conditional: false
-  });
-  const wrapRootFieldsWithFieldSection = (revision) => {
-    if (!revision)
-      return void 0;
-    const fields = revision.fields;
-    let pending = [];
-    const sections = [];
-    for (const field of fields) {
-      if (field.type === "section") {
-        if (pending.length > 0) {
-          sections.push(emptySection(`AUTO_section-${fields.indexOf(field)}`, pending));
-          pending = [];
-        }
-        sections.push(field);
-      } else {
-        pending.push(field);
-      }
-    }
-    if (pending.length > 0) {
-      sections.push(emptySection("AUTO_section-last", pending));
-    }
-    return { ...revision, fields: sections, description: revision.description ?? "" };
-  };
-  function reorder(list, source, destination) {
-    const result = Array.from(list);
-    const [removed] = result.splice(source, 1);
-    if (!removed)
-      throw new Error("Could not find field to reorder.");
-    result.splice(destination, 0, removed);
-    return result;
-  }
-  function replace(list, index, value) {
-    const result = Array.from(list);
-    result[index] = value;
-    return result;
-  }
-  function insert(list, index, value) {
-    const result = Array.from(list ?? []);
-    result.splice(index, 0, value);
-    return result;
-  }
-  function remove(list, index) {
-    const result = Array.from(list);
-    result.splice(index, 1);
-    return result;
-  }
-  const makeIdentifier = (existing, label) => {
-    if (typeof existing === "string" && existing.length > 0)
-      return existing;
-    const now = /* @__PURE__ */ new Date();
-    return `${core.slugify(label)}-${now.getTime()}`;
-  };
-  const findFieldByIdentifier = (fields, identifier) => {
-    if (!identifier)
-      return null;
-    for (const field of fields) {
-      if (field.type === "section") {
-        const result = findFieldByIdentifier(field.fields, identifier);
-        if (result)
-          return result;
-      } else if (field.identifier === identifier) {
-        return field;
-      }
-    }
-    return null;
-  };
-  const makeConditionalSourceFields = (sections, index) => {
-    return sections.filter((_, i) => i < index).flatMap((field) => field.fields);
-  };
-  const getTakenFieldLabels = (fields) => {
-    return fields.flatMap(
-      (field) => field.type === "section" ? [...field.fields.map((f) => f.label), field.label] : field.label
-    ).filter((id) => id !== null);
-  };
-  const incrementFieldLabel = (label, takenLabels) => {
-    let count = 1;
-    let newLabel = `${label} (${count})`;
-    while (takenLabels.includes(newLabel)) {
-      newLabel = `${label} (${++count})`;
-    }
-    return newLabel;
-  };
-  const MultiStringInput = React.memo(function MultiStringInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = React.useMemo(() => Array.isArray(fieldProps.value) ? fieldProps.value : [], [fieldProps.value]);
-    const { onChange, onBlur } = fieldProps;
-    const droppableId = `${inputId}-droppable`;
-    const { disabled } = rest;
-    const [intermediateValue, setIntermediateValue] = React.useState("");
-    const [internalError, setInternalError] = React.useState("");
-    const updatedHelpText = internalError || helpText;
-    const updatedColor = internalError ? "red" : color;
-    const setValueAndTouched = React.useCallback(
-      (newValue) => {
-        onChange(newValue);
-        onBlur(newValue);
-      },
-      [onChange, onBlur]
-    );
-    const handleChange = React.useCallback(
-      (e) => {
-        if (value.findIndex((option) => option.value === e.target.value.trim()) >= 0) {
-          setInternalError("All options must be unique");
-        } else if (!e.target.value) {
-          setInternalError("Option cannot be empty");
-        } else {
-          setInternalError("");
-        }
-        setIntermediateValue(e.target.value);
-      },
-      [setIntermediateValue, value]
-    );
-    const addOption = React.useCallback(() => {
-      if (internalError)
-        return;
-      if (!intermediateValue.trim()) {
-        return setInternalError("Option cannot be empty");
-      }
-      const trimmedValue = intermediateValue.trim();
-      setValueAndTouched([...value, { value: trimmedValue, label: trimmedValue }]);
-      setIntermediateValue("");
-    }, [intermediateValue, internalError, setValueAndTouched, value]);
-    const handleKeyDown = React.useCallback(
-      (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          addOption();
-        }
-      },
-      [addOption]
-    );
-    const handleDeleteOption = React.useCallback(
-      (index) => {
-        setValueAndTouched(remove(value, index));
-      },
-      [value, setValueAndTouched]
-    );
-    const handleDragEnd = React.useCallback(
-      (result) => {
-        if (!result.destination)
-          return;
-        const sourceIndex = result.source.index;
-        const destinationIndex = result.destination.index;
-        setValueAndTouched(reorder(value, sourceIndex, destinationIndex));
-      },
-      [setValueAndTouched, value]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { grow: "1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          themes.TextField.Input,
-          {
-            placeholder: "Press enter to add a new option",
-            ...rest,
-            ...fieldProps,
-            value: intermediateValue,
-            onChange: handleChange,
-            onKeyDown: handleKeyDown,
-            id: inputId,
-            color: updatedColor,
-            onBlur: void 0
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            type: "button",
-            "aria-label": "Add option",
-            disabled: !!internalError || disabled,
-            onClick: addOption,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {})
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
-        value.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          dnd.Draggable,
-          {
-            draggableId: `${option.value}-draggable`,
-            index,
-            isDragDisabled: disabled,
-            children: ({ draggableProps, dragHandleProps, innerRef }) => /* @__PURE__ */ jsxRuntime.jsx(
-              blocks.Flex,
-              {
-                ...dragHandleProps,
-                ...draggableProps,
-                ref: innerRef,
-                gap: "2",
-                align: "center",
-                justify: "between",
-                mb: "1",
-                asChild: true,
-                children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { color: "gray", size: "2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.IconButton,
-                    {
-                      size: "small",
-                      variant: "ghost",
-                      type: "button",
-                      "aria-label": "Delete option",
-                      severity: "info",
-                      disabled,
-                      onClick: () => handleDeleteOption(index),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {})
-                    }
-                  )
-                ] })
-              }
-            )
-          },
-          option.value
-        )),
-        droppableProvided.placeholder
-      ] }) })
-    ] }) });
-  });
-  const _MultiStringField = class _MultiStringField extends BaseField {
-    constructor(options) {
-      const { minimum_length, maximum_length, ...rest } = options;
-      super({ ...rest, type: "multi-string" });
-      __publicField(this, "minLength");
-      __publicField(this, "maxLength");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      this.minLength = minimum_length ?? 0;
-      this.maxLength = maximum_length ?? Infinity;
-    }
-    getValueFromChangeEvent(event) {
-      if (Array.isArray(event))
-        return event;
-      throw new Error("Expected an array.");
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(MultiStringInput, { field: this, ...props });
-    }
-    serialize() {
-      return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      validators.push((value) => {
-        if (Array.isArray(value) && value.length < this.minLength) {
-          return `Must have at least ${this.minLength} options.`;
-        }
-      });
-      validators.push((value) => {
-        if (Array.isArray(value) && value.length > this.maxLength) {
-          return `Must have at most ${this.maxLength} options.`;
-        }
-      });
-      return validators;
-    }
-    static deserialize(data) {
-      if (data.type !== "multi-string")
-        throw new Error("Type mismatch.");
-      return new _MultiStringField(data);
-    }
-  };
-  __publicField(_MultiStringField, "fieldTypeName", "Multi-string");
-  __publicField(_MultiStringField, "fieldTypeDescription", "Allows the user to provide multiple unique strings.");
-  __publicField(_MultiStringField, "Icon", reactIcons.ListBulletIcon);
-  let MultiStringField = _MultiStringField;
-  class BaseSelectField extends BaseField {
-    constructor(options) {
-      super(options);
-      __publicField(this, "options");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      const encounteredIds = /* @__PURE__ */ new Set();
-      this.options = options.options.map((option) => {
-        if (typeof option === "string") {
-          option = { label: option, value: option };
-        }
-        encounteredIds.add(option.label);
-        return option;
-      });
-      if (encounteredIds.size !== options.options.length) {
-        console.error(
-          `${options.options.length - encounteredIds.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,
-          options.options
-        );
-      }
-    }
-    _serialize() {
-      return {
-        ...super._serialize(),
-        options: this.options
-      };
-    }
-    static getFieldCreationSchema() {
-      return [
-        new MultiStringField({
-          label: "Options",
-          description: "List possible options for the user to select from.",
-          required: true,
-          identifier: "options",
-          minimum_length: 2,
-          maximum_length: 20
-        })
-      ];
-    }
-  }
-  const _SelectField = class _SelectField extends BaseSelectField {
-    constructor(options) {
-      super({ ...options, type: "select" });
-    }
-    getValueFromChangeEvent(event) {
-      if (typeof event === "string")
-        return event;
-      return event.target.value;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "select")
-        throw new Error("Type mismatch.");
-      return new _SelectField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(SelectInput, { field: this, ...props });
-    }
-  };
-  __publicField(_SelectField, "fieldTypeName", "Dropdown");
-  __publicField(_SelectField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
-  __publicField(_SelectField, "Icon", reactIcons.DropdownMenuIcon);
-  let SelectField = _SelectField;
-  const parseValueToArray = (value) => {
-    if (!value)
-      return [];
-    if (Array.isArray(value))
-      return value;
-    return [value];
-  };
-  const MultiSelectInput = React.memo(function MultiSelectInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange, onBlur } = fieldProps;
-    const value = React.useMemo(() => parseValueToArray(fieldProps.value), [fieldProps.value]);
-    const handleChange = React.useCallback(
-      (value2) => {
-        onChange(value2);
-        onBlur(value2);
-      },
-      [onChange, onBlur]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.MultiSelect,
-      {
-        value,
-        onValueChange: handleChange,
-        options: field.options,
-        name: fieldProps.name,
-        placeholder: "Select one or more...",
-        id: inputId,
-        severity,
-        ...rest
-      }
-    ) }) });
-  });
-  const _MultiSelectField = class _MultiSelectField extends BaseSelectField {
-    constructor(options) {
-      super({ ...options, type: "multi-select" });
-    }
-    getValueFromChangeEvent(event) {
-      if (Array.isArray(event))
-        return event;
-      throw new Error("Expected an array.");
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "multi-select")
-        throw new Error("Type mismatch.");
-      return new _MultiSelectField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectInput, { field: this, ...props });
-    }
-  };
-  __publicField(_MultiSelectField, "fieldTypeName", "Multi-select");
-  __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
-  __publicField(_MultiSelectField, "Icon", reactIcons.CheckboxIcon);
-  let MultiSelectField = _MultiSelectField;
-  const FieldInputCloner = React.memo(function FieldInputCloner2({ field, ...props }) {
-    const [{ value: identifier }] = formik.useField(field.options.clonedFieldIdentifier);
-    const deserializedField = React.useMemo(() => {
-      const options = field.options.getFieldToClone(identifier);
-      if (!options)
-        return null;
-      return deserialize(options);
-    }, [field.options, identifier]);
-    return useFieldInput(deserializedField, props);
-  });
-  class CustomField extends BaseField {
-    constructor(options, Component) {
-      super({ ...options, type: "custom" });
-      __publicField(this, "Component");
-      // identifier of the field whose value is the label of the field to re-render
-      __publicField(this, "options");
-      this.options = options;
-      this.Component = Component;
-    }
-    serialize() {
-      throw new Error("Serializing only supported for public input types.");
-    }
-    getInput(props) {
-      const CustomInput = this.Component;
-      return /* @__PURE__ */ jsxRuntime.jsx(CustomInput, { field: this, ...props });
-    }
-  }
-  __publicField(CustomField, "fieldTypeName", "Custom");
-  __publicField(CustomField, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-  class FieldInputClonerField extends CustomField {
-    constructor(options) {
-      super(options, FieldInputCloner);
-    }
-  }
-  const FieldSectionLayout = React.memo(function FieldSectionLayout2(props) {
-    const { field: section, ...rest } = props;
-    const { label, description: description2, fields, condition } = section;
-    const { values, setFieldValue } = formik.useFormikContext();
-    const conditionValue = (condition == null ? void 0 : condition.identifier) ? get(values, condition.identifier) : void 0;
-    const conditionMet = React.useMemo(() => isConditionMet(condition, conditionValue), [condition, conditionValue]);
-    React.useEffect(() => {
-      if (!conditionMet) {
-        for (const childField of fields) {
-          setFieldValue(childField.getId(), "").then();
-        }
-      }
-    }, [conditionMet, fields, setFieldValue]);
-    const inputs = useFieldInputs(fields, rest);
-    if (!conditionMet) {
-      return null;
-    }
-    if (!label) {
-      return inputs;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { as: "h3", size: "3", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: description2 })
-      ] }),
-      inputs
-    ] }) });
-  });
-  const _FieldSection = class _FieldSection extends BaseFormElement {
-    constructor(options) {
-      const { label = null, fields, condition = null, conditional, ...base } = options;
-      super({ ...base, type: "section" });
-      __publicField(this, "label");
-      __publicField(this, "fields");
-      __publicField(this, "condition");
-      this.fields = fields;
-      this.condition = condition;
-      this.label = label;
-      if (conditional === false) {
-        this.condition = null;
-      }
-    }
-    static getFieldCreationSchema(options) {
-      if (options.length === 0)
-        return [];
-      return [
-        new BooleanField({
-          label: "Conditional",
-          description: "Conditionally show or hide this section.",
-          identifier: "conditional",
-          required: false
-        }),
-        // Declare a section that will hold options for the condition (if any).
-        new _FieldSection({
-          label: "Conditional settings",
-          identifier: "conditional-settings",
-          // This section will only be rendered if the above "Conditional" field is checked.
-          condition: {
-            identifier: "conditional",
-            value: true
-          },
-          // These are the options of the condition.
-          fields: [
-            // Declare a select field that will be used to select the field against which we will check the
-            // condition. This must be selected before the next field is rendered.
-            new SelectField({
-              label: "Field",
-              description: "The field to use for the condition.",
-              // The options (for the field against which we will check the condition) are all the labels of
-              // the fields in the previous section(s) (or fields declared before with no section) that
-              // support conditions. We pass in both the label and the identifier of each supported field. The
-              // identifier becomes the value of the option.
-              options: options.map((option) => {
-                if (!option.label)
-                  return null;
-                if (option.type === "upload")
-                  return null;
-                return {
-                  label: option.label,
-                  value: option.identifier
-                };
-              }).filter((option) => !!option),
-              identifier: "condition.identifier",
-              required: true
-            }),
-            // Declare a custom field that will be used to input a value for the condition. The value of the
-            // conditional field selected in the previous step must be equal to the value the user inputs into
-            // this field for the section to be rendered.
-            new FieldInputClonerField({
-              label: "Value",
-              identifier: "condition.value",
-              required: true,
-              clonedFieldIdentifier: "condition.identifier",
-              getFieldToClone(identifier) {
-                if (!identifier) {
-                  return null;
-                }
-                const option = options.find((option2) => option2.identifier === identifier);
-                if (!option) {
-                  console.error("Could not find field with identifier", identifier);
-                  return null;
-                }
-                return {
-                  ...option,
-                  // Override some options to make it make sense in the context and to make it work with the framework.
-                  label: "Value",
-                  identifier: "condition.value",
-                  description: "The value to compare against.",
-                  required: option.type !== "boolean"
-                };
-              }
-            })
-          ]
-        })
-      ];
-    }
-    static deserialize(data) {
-      var _a;
-      if (data.type !== "section")
-        throw new Error("Invalid type");
-      const fields = ((_a = data.fields) == null ? void 0 : _a.map(deserializeField)) ?? [];
-      return new _FieldSection({ ...data, fields });
-    }
-    conditional() {
-      return this.condition !== null;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        label: this.label,
-        condition: this.condition,
-        conditional: this.conditional(),
-        fields: this.fields.map((field) => field.serialize())
-      };
-    }
-    getErrors(allValues) {
-      const errors = {};
-      for (const field of this.fields) {
-        const id = field.getId();
-        const error = field.getError(get(allValues, id), allValues);
-        if (error) {
-          set(errors, field.getId(), error);
-        }
-      }
-      return errors;
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(FieldSectionLayout, { field: this, ...props });
-    }
-  };
-  __publicField(_FieldSection, "fieldTypeName", "Section");
-  __publicField(_FieldSection, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-  let FieldSection = _FieldSection;
-  const previewImage = "_previewImage_1ig84_1";
-  const styles$2 = {
-    previewImage
-  };
-  const convertBytesToLargestUnit = (bytes) => {
-    const units = ["byte", "kilobyte", "megabyte"];
-    let sizeInUnit = bytes;
-    let unitIndex = 0;
-    while (sizeInUnit > 1e3 && unitIndex < units.length - 1) {
-      sizeInUnit /= 1e3;
-      unitIndex++;
-    }
-    const formatter = new Intl.NumberFormat([], {
-      maximumFractionDigits: Math.max(0, unitIndex - 1),
-      // 0 for bytes and kilobytes, 1 for megabytes
-      style: "unit",
-      unit: units[unitIndex]
-    });
-    return formatter.format(sizeInUnit);
-  };
-  const NumberInput = React.memo(function NumberInput2(props) {
-    var _a;
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange } = fieldProps;
-    const color = blocks.useSeverityColor(severity);
-    const input = React.useRef(null);
-    const { value } = fieldProps;
-    const updatedHelpText = React.useMemo(() => {
-      if (helpText)
-        return helpText;
-      if (field.maxFileSize) {
-        return `Maximum file size: ${field.maxFileSize}MB`;
-      }
-      return null;
-    }, [field.maxFileSize, helpText]);
-    const handleClick = React.useCallback(() => {
-      var _a2;
-      (_a2 = input.current) == null ? void 0 : _a2.click();
-    }, []);
-    const handleRemove = React.useCallback(
-      (index) => {
-        const files = [...value];
-        files.splice(index, 1);
-        const event = { target: { files } };
-        onChange(event);
-      },
-      [value, onChange]
-    );
-    const multipleButtonText = value ? "Select new files" : "Select files";
-    const singleButtonText = value ? "Select new file" : "Select a file";
-    const buttonText = field.maxFiles > 1 ? multipleButtonText : singleButtonText;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsxs(InputWithLabel, { severity, inputId, labelId, label, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...rest, onClick: handleClick, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactIcons.UploadIcon, {}),
-          " ",
-          buttonText
-        ] }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ...rest,
-            type: "file",
-            ref: input,
-            id: inputId,
-            accept: (_a = field.extensions) == null ? void 0 : _a.join(","),
-            multiple: field.maxFiles > 1,
-            color,
-            style: { display: "none" },
-            ...fieldProps,
-            value: ""
-          }
-        )
-      ] }) }),
-      Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: value.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        DisplayFile,
-        {
-          field,
-          file,
-          onRemove: () => handleRemove(index),
-          disabled: rest.disabled
-        },
-        index
-      )) })
-    ] });
-  });
-  const DisplayFile = React.memo(function DisplayFile2({ file, field, onRemove, disabled }) {
-    const [resolvedFile, setResolvedFile] = React.useState(null);
-    const error = React.useMemo(() => resolvedFile && field.getError([resolvedFile]), [field, resolvedFile]);
-    const { url, name, size } = React.useMemo(() => {
-      let url2 = null;
-      let name2;
-      let size2;
-      if (resolvedFile == null ? void 0 : resolvedFile.type.startsWith("image/")) {
-        url2 = URL.createObjectURL(resolvedFile);
-      }
-      if (resolvedFile) {
-        name2 = resolvedFile.name;
-        size2 = convertBytesToLargestUnit(resolvedFile.size);
-      } else {
-        name2 = "Downloading...";
-        size2 = "...";
-      }
-      return { url: url2, name: name2, size: size2 };
-    }, [resolvedFile]);
-    React.useEffect(() => {
-      if (file instanceof Promise) {
-        file.then(setResolvedFile).catch(console.error);
-      } else {
-        setResolvedFile(file);
-      }
-    }, [file]);
-    return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            severity: "info",
-            variant: "outline",
-            "aria-label": `Remove ${name}`,
-            disabled,
-            onClick: onRemove,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: name }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: size }),
-          error && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error })
-        ] })
-      ] }),
-      url && /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$2.previewImage, src: url, alt: name })
-    ] }) });
-  });
-  const largestSupportedSize = 50;
-  const _UploadField = class _UploadField extends BaseField {
-    constructor(options) {
-      const { extensions, maximum_files, maximum_size, ...base } = options;
-      super({ ...base, type: "upload" });
-      __publicField(this, "extensions");
-      __publicField(this, "maxFileSize");
-      __publicField(this, "maxFiles");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      this.maxFileSize = typeof maximum_size === "number" ? maximum_size : void 0;
-      this.maxFiles = Math.max(typeof maximum_files === "number" ? maximum_files : 1, 1);
-      this.extensions = extensions;
-    }
-    getValueFromChangeEvent(event) {
-      return Array.from(event.target.files || []);
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    static getFieldCreationSchema() {
-      return [
-        new NumberField({
-          label: "How many files can be uploaded?",
-          description: "By default, only one file can be uploaded.",
-          required: false,
-          minimum: 1,
-          maximum: 10,
-          identifier: "maximum_files",
-          integers: true
-        }),
-        new NumberField({
-          // TODO: Default value
-          label: "What is the maximum size of each file?",
-          description: `Maximum file size in megabytes (between 1MB–${largestSupportedSize}MB).`,
-          required: false,
-          identifier: "maximum_size",
-          minimum: 1,
-          maximum: largestSupportedSize,
-          integers: true
-        }),
-        new MultiSelectField({
-          label: "Accepted file types",
-          description: "Types of allowed files to upload. If left blank, all files will be accepted.",
-          required: false,
-          identifier: "extensions",
-          options: [
-            {
-              value: "image/*",
-              label: "Images"
-            },
-            {
-              value: "audio/*",
-              label: "Audio files"
-            },
-            {
-              value: "video/*",
-              label: "Videos"
-            },
-            {
-              value: "text/*",
-              label: "Text files"
-            },
-            {
-              value: "application/*",
-              label: "Application files (includes PDFs and Word documents)"
-            }
-          ]
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      const maxFileSizeInMB = this.maxFileSize ?? largestSupportedSize;
-      const maxFileSizeInB = maxFileSizeInMB * 1e3 * 1e3;
-      const maxFiles = this.maxFiles ?? 1;
-      validators.push((value) => {
-        if (value && value.some((file) => file.size > maxFileSizeInB)) {
-          return `Files must be at most ${maxFileSizeInMB}MB.`;
-        }
-      });
-      validators.push((value) => {
-        if (value && value.length > maxFiles) {
-          return `You can only upload ${maxFiles} files.`;
-        }
-      });
-      return validators;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        extensions: this.extensions,
-        maximum_size: this.maxFileSize,
-        maximum_files: this.maxFiles
-      };
-    }
-    static deserialize(data) {
-      if (data.type !== "upload")
-        throw new Error("Type mismatch.");
-      return new _UploadField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(NumberInput, { field: this, ...props });
-    }
-  };
-  __publicField(_UploadField, "fieldTypeName", "Upload");
-  __publicField(_UploadField, "fieldTypeDescription", "Allows a file to be uploaded.");
-  __publicField(_UploadField, "Icon", reactIcons.UploadIcon);
-  let UploadField = _UploadField;
-  const FieldTypeToClsMapping = {
-    date: DateField,
-    number: NumberField,
-    boolean: BooleanField,
-    select: SelectField,
-    string: StringField,
-    text: TextField,
-    custom: CustomField,
-    upload: UploadField,
-    // TODO: Underscore
-    "multi-string": MultiStringField,
-    "multi-select": MultiSelectField
-  };
-  const deserializeField = (serializedField) => {
-    const fieldType = serializedField.type;
-    const fieldCls = FieldTypeToClsMapping[fieldType];
-    return fieldCls.deserialize(serializedField);
-  };
-  const deserialize = (serialized) => {
-    if (serialized.type === "section") {
-      return FieldSection.deserialize(serialized);
-    }
-    return deserializeField(serialized);
-  };
-  function formRevisionToSchema(formRevision, meta = {}) {
-    const { readonly = false } = meta;
-    return {
-      title: formRevision.title,
-      description: formRevision.description,
-      fields: formRevision.fields.map((serializedField) => deserialize(serializedField)),
-      meta: { readonly }
-    };
-  }
-  function valueIsFile(v) {
-    if (Array.isArray(v) && v.some((v2) => v2 instanceof File || v2 instanceof Promise))
-      return true;
-    return false;
-  }
-  function isConditionMet(condition, value) {
-    if (!condition)
-      return true;
-    if (valueIsFile(value) || valueIsFile(condition.value))
-      throw new Error("Conditions do not support file uploads");
-    const valueAsPrimitive = Array.isArray(value) ? value.map((v) => typeof v === "string" ? v : v.value) : value;
-    const valueToCompare = Array.isArray(condition.value) ? condition.value.map((v) => typeof v === "string" ? v : v.value) : condition.value;
-    if (Array.isArray(valueToCompare) && Array.isArray(valueAsPrimitive)) {
-      for (const v of valueToCompare) {
-        if (!valueAsPrimitive.includes(v))
-          return false;
-      }
-      return true;
-    }
-    return valueToCompare === value;
-  }
-  const useFieldInput = (field, props) => {
-    return React.useMemo(() => {
-      if (!props || !field)
-        return null;
-      return field.getInput(props);
-    }, [field, props]);
-  };
-  const useFieldInputs = (fields, props) => {
-    const inputs = React.useMemo(() => {
-      return fields.map((field) => {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: field.getInput(props) }, field.getId());
-      });
-    }, [fields, props]);
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: inputs });
-  };
-  const hasKeys = (errors) => {
-    return Object.keys(errors).length > 0;
-  };
-  const validateForm = async (schema, form) => {
-    const errors = {};
-    for (const field of schema.fields) {
-      if (field instanceof FieldSection) {
-        if (field.condition) {
-          const { identifier } = field.condition;
-          if (!isConditionMet(field.condition, get(form, identifier))) {
-            continue;
-          }
-        }
-        Object.assign(errors, field.getErrors(form));
-      } else {
-        if (!(field instanceof BaseField)) {
-          throw new Error("Invalid field type");
-        }
-        const id = field.getId();
-        const error = field.getError(get(form, id), form);
-        if (error)
-          set(errors, id, error);
-      }
-    }
-    if (hasKeys(errors))
-      return errors;
-  };
-  const uncontrolledValues = [null, void 0];
-  const initialFormValues = (fields, values) => {
-    return fields.reduce(
-      (acc, field) => {
-        if (field instanceof FieldSection) {
-          return { ...acc, ...initialFormValues(field.fields, values) };
-        }
-        if (uncontrolledValues.includes(get(acc, field.getId()))) {
-          set(acc, field.getId(), "");
-        }
-        return acc;
-      },
-      // TODO: Had to do this because of this error:
-      //  > Uncaught TypeError: can't define property "description":
-      //  > Object is not extensible"
-      //  This means that we can't mutate `acc` because it's frozen for some
-      //  unknown reason.
-      cloneDeep(values)
-    );
-  };
-  const defaultHandleSubmit = () => {
-    throw new Error("onSubmit must be provided if form is not readonly.");
-  };
-  const FormRenderer = React.memo(
-    React.forwardRef((props, ref) => {
-      const {
-        schema,
-        values = {},
-        onSubmit = defaultHandleSubmit,
-        submitText = "Submit",
-        cancelText,
-        onCancel,
-        onDirty,
-        onDirtyChange,
-        // if the title isn't provided, hide it by default
-        hideTitle = !schema.title,
-        hideDescription,
-        className
-      } = props;
-      const { readonly } = schema.meta;
-      const formId2 = React.useMemo(() => crypto.randomUUID(), []);
-      const formik$1 = formik.useFormik({
-        initialValues: initialFormValues(schema.fields, values),
-        onSubmit,
-        validate: (form) => validateForm(schema, form),
-        // only validate the entire form on submit
-        validateOnBlur: false,
-        validateOnChange: false
-      });
-      const { dirty } = formik$1;
-      const Title = React.useMemo(
-        () => typeof schema.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { children: schema.title }) : schema.title,
-        [schema.title]
-      );
-      const Description = React.useMemo(
-        () => typeof schema.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: schema.description }) : schema.description,
-        [schema.description]
-      );
-      const inputs = useFieldInputs(schema.fields, { formId: formId2, disabled: readonly });
-      React.useEffect(() => {
-        if (dirty && onDirty)
-          onDirty();
-        if (onDirtyChange)
-          onDirtyChange(dirty);
-      }, [dirty, onDirty, onDirtyChange]);
-      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId2, onSubmit: formik$1.handleSubmit, children: [
-        !hideTitle && /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-          Title,
-          !hideDescription && Description
-        ] }) }),
-        inputs,
-        !readonly && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "end", gap: "2", children: [
-          cancelText && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "soft", onClick: onCancel, children: cancelText }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", disabled: !formik$1.isValid, children: submitText })
-        ] })
-      ] }) }) });
-    })
-  );
-  const FormSubmissionViewer = React.memo(
-    React.forwardRef((props, ref) => {
-      const { submission, showFormDescription = false, showFormTitle = true } = props;
-      const revision = core.useAppSelector(core.selectFormRevision(submission.form_revision));
-      const { sdk } = core.useSDK();
-      if (!revision) {
-        throw new Error(
-          `Could not find revision ${submission.form_revision} for submission ${submission.offline_id}.`
-        );
-      }
-      const schema = React.useMemo(() => {
-        return formRevisionToSchema(revision, { readonly: true });
-      }, [revision]);
-      const submissionValuesWithAttachments = React.useMemo(() => {
-        const attachments = core.selectSubmissionAttachments(submission.offline_id)(sdk.store.getState()) ?? [];
-        const downloadedAttachments = {};
-        for (const attachment of attachments) {
-          const promise = sdk.files.fetchFileFromUrl(attachment.file, attachment.file_sha1, attachment.file_name);
-          const fieldAttachments = downloadedAttachments[attachment.field_identifier];
-          if (fieldAttachments) {
-            fieldAttachments.push(promise);
-          } else {
-            downloadedAttachments[attachment.field_identifier] = [promise];
-          }
-        }
-        return { ...submission.values, ...downloadedAttachments };
-      }, [sdk.files, sdk.store, submission.offline_id, submission.values]);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        FormRenderer,
-        {
-          ref,
-          schema,
-          values: submissionValuesWithAttachments,
-          hideDescription: !showFormDescription,
-          hideTitle: !showFormTitle
-        }
-      );
-    })
-  );
-  const favoriteIcon = "_favoriteIcon_1bixi_1";
-  const regularIcon = "_regularIcon_1bixi_9";
-  const styles$1 = {
-    favoriteIcon,
-    regularIcon
-  };
-  const orgOptionPrefix = "organization:";
-  const userOptionPrefix = "user:";
-  const FormBrowser = React.memo(
-    React.forwardRef((props, ref) => {
-      const { maxResults = 20, ...entryProps } = props;
-      const [filter, setFilter] = React.useState("");
-      const [ownerFilter, setOwnerFilter] = React.useState("");
-      const { sdk } = core.useSDK();
-      const ownerFilterOptions = React.useMemo(() => {
-        const ret = { maxResults, searchTerm: filter };
-        if (ownerFilter) {
-          if (ownerFilter.startsWith(orgOptionPrefix)) {
-            ret.owner_organization = parseInt(ownerFilter.slice(orgOptionPrefix.length));
-          } else if (ownerFilter.startsWith(userOptionPrefix)) {
-            ret.owner_user = parseInt(ownerFilter.slice(userOptionPrefix.length));
-          }
-        }
-        return ret;
-      }, [filter, maxResults, ownerFilter]);
-      const userForms = core.useAppSelector(core.selectFilteredUserForms(ownerFilterOptions)) ?? [];
-      const userFormMapping = core.useAppSelector(core.selectUserFormMapping);
-      const handleToggleFavorite = React.useCallback(
-        (form) => {
-          if (form.favorite) {
-            sdk.userForms.unfavorite(form.offline_id).then();
-          } else {
-            sdk.userForms.favorite(form.offline_id).then();
-          }
-        },
-        [sdk]
-      );
-      const options = React.useMemo(() => {
-        const state = sdk.store.getState();
-        const accumulator = {};
-        for (const form of Object.values(userFormMapping)) {
-          const organization = core.selectOrganization(form.owner_organization || -1)(state);
-          if (organization) {
-            accumulator[`${orgOptionPrefix}${organization.id}`] = organization.name;
-          }
-          const user = core.selectUser(form.owner_user || -1)(state);
-          if (user) {
-            accumulator[`${userOptionPrefix}${user.id}`] = user.username;
-          }
-        }
-        return Object.entries(accumulator).map(([value, label]) => ({ itemContent: label, value }));
-      }, [userFormMapping, sdk.store]);
-      const handleChange = React.useCallback((e) => {
-        setFilter(e.currentTarget.value);
-      }, []);
-      const numberOfForms = core.useAppSelector(core.selectNumberOfUserForms) || 0;
-      const numberOfHiddenForms = numberOfForms - userForms.length;
-      const overflowMessage = userForms.length == maxResults && numberOfHiddenForms > 0 ? `Only the first ${maxResults} results are shown (${numberOfHiddenForms} hidden)` : numberOfHiddenForms > 0 && `${numberOfHiddenForms} hidden forms`;
-      return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ref, direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", grow: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Root, { size: "3", children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            blocks.Select,
-            {
-              items: options,
-              value: ownerFilter,
-              onValueChange: setOwnerFilter,
-              placeholder: "Owner",
-              size: "large"
-            }
-          )
-        ] }),
-        userForms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Root, { children: userForms.map((form) => /* @__PURE__ */ jsxRuntime.jsx(
-          FormBrowserEntry,
-          {
-            ...entryProps,
-            form,
-            handleToggleFavorite: () => handleToggleFavorite(form)
-          },
-          form.offline_id
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { px: "3", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", severity: "info", children: overflowMessage }) })
-      ] });
-    })
-  );
-  const FormBrowserEntry = (props) => {
-    var _a;
-    const { form, onSelectForm, isFavoriteEditable, handleToggleFavorite } = props;
-    const ownerOrganization = (_a = core.useAppSelector(core.selectOrganization(form.owner_organization || -1))) == null ? void 0 : _a.name;
-    const ownerUser = core.useAppSelector(core.selectUser(form.owner_user || -1));
-    const currentUserId = core.useAppSelector(core.selectCurrentUser).id;
-    const ownedByCurrentUser = !!ownerUser && ownerUser.id === currentUserId;
-    const owner = ownerOrganization ?? (ownedByCurrentUser ? "You" : ownerUser == null ? void 0 : ownerUser.username) ?? "Unknown";
-    const handleFavoriteClick = React.useCallback(
-      (e) => {
-        e.stopPropagation();
-        handleToggleFavorite();
-      },
-      [handleToggleFavorite]
-    );
-    const ret = /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Item, { onClick: () => onSelectForm(form), asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "between", gap: "2", py: "2", px: "3", ...blocks.divButtonProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", align: "center", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            className: core.classNames(form.favorite ? styles$1.favoriteIcon : styles$1.regularIcon),
-            variant: "ghost",
-            onClick: handleFavoriteClick,
-            "aria-label": form.favorite ? "Favorite form" : "Standard form",
-            disabled: !isFavoriteEditable,
-            children: form.favorite ? /* @__PURE__ */ jsxRuntime.jsx(reactIcons.StarFilledIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(reactIcons.StarIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { noWrap: true, children: form.latestRevision.title }),
-        form.latestRevision.description && /* @__PURE__ */ jsxRuntime.jsx(reactIcons.QuestionMarkCircledIcon, {})
-      ] }),
-      owner && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PersonIcon, {}),
-        " ",
-        owner
-      ] })
-    ] }) });
-    if (form.latestRevision.description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: form.latestRevision.description, children: ret }, form.offline_id);
-    }
-    return ret;
-  };
-  const submissionsContainer = "_submissionsContainer_9iirt_1";
-  const stopHorizontalOverflow = "_stopHorizontalOverflow_9iirt_6";
-  const styles = {
-    submissionsContainer,
-    stopHorizontalOverflow
-  };
-  const FormSubmissionBrowserEntry = React.memo(function FormSubmissionBrowserEntry2(props) {
-    var _a;
-    const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
-    const currentUser = core.useAppSelector(core.selectCurrentUser);
-    const createdBy = core.useAppSelector(core.selectUser("created_by" in submission ? submission.created_by : currentUser.id));
-    const dateToUse = getCreatedAtOrSubmittedAtDate(submission);
-    const formattedDateTime = core.isToday(dateToUse) ? dateToUse.toLocaleTimeString([], {
-      hour: "2-digit",
-      minute: "2-digit"
-    }) : core.getLocalDateString(dateToUse);
-    const revision = core.useAppSelector(core.selectFormRevision(submission.form_revision));
-    if (!revision) {
-      throw new Error(`Could not find revision ${submission.form_revision} for submission ${submission.offline_id}.`);
-    }
-    const latestRevisionNumber = (_a = core.useAppSelector(core.selectLatestFormRevision(revision.form))) == null ? void 0 : _a.revision;
-    const creatorProfileSrc = core.useFileSrc({
-      file: (createdBy == null ? void 0 : createdBy.profile.file) ?? null,
-      fileSha1: (createdBy == null ? void 0 : createdBy.profile.file_sha1) ?? null
-    });
-    const creatorProfileFallback = (createdBy == null ? void 0 : createdBy.username.charAt(0).toUpperCase()) ?? "?";
-    const isLatestRevision = revision.revision === latestRevisionNumber;
-    const handleClick = React.useCallback(() => {
-      if (onSubmissionClick) {
-        onSubmissionClick({ submission });
-      }
-    }, [submission, onSubmissionClick]);
-    const row = /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Item, { onClick: handleClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", className: styles.stopHorizontalOverflow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Avatar, { src: creatorProfileSrc, size: "1", fallback: creatorProfileFallback }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: labelType === "creator" ? (createdBy || currentUser).username : revision.title })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
-        !compact && (revision.revision ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { variant: "soft", severity: isLatestRevision ? "primary" : "info", children: compact ? revision.revision.toString() : `Revision #${revision.revision}` }) : !!latestRevisionNumber && /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { children: "Original" })),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: formattedDateTime })
-      ] })
-    ] }) });
-    if (rowDecorator) {
-      return rowDecorator(submission, row);
-    }
-    return row;
-  });
-  const getCreatedAtOrSubmittedAtDate = (submission) => {
-    const date = "created_at" in submission ? submission.created_at : submission.submitted_at;
-    return new Date(date);
-  };
-  const FormSubmissionBrowser = React.memo(function FormSubmissionBrowser2(props) {
-    const {
-      formId: formId2,
-      submissions: propSubmissions,
-      compact = false,
-      className,
-      after,
-      variant = "outline",
-      ...submissionEntryProps
-    } = props;
-    if (!!formId2 === !!propSubmissions) {
-      throw new Error("Either formId or submissions must be provided, but not both.");
-    }
-    const submissions = core.useAppSelector(
-      propSubmissions ? () => propSubmissions : core.selectSubmissionsForForm(formId2)
-    );
-    const sortedSubmissions = React.useMemo(
-      () => submissions == null ? void 0 : submissions.sort((a, b) => {
-        return getCreatedAtOrSubmittedAtDate(b).getTime() - getCreatedAtOrSubmittedAtDate(a).getTime();
-      }),
-      [submissions]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.ButtonList.Root,
-      {
-        className: core.classNames(styles.submissionsContainer, className),
-        size: "small",
-        variant,
-        before: !compact && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { severity: "info", children: [
-          "There are ",
-          ((submissions == null ? void 0 : submissions.length) || 0).toString(),
-          " submissions of this form."
-        ] }),
-        after,
-        children: sortedSubmissions == null ? void 0 : sortedSubmissions.map((submission, index) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            FormSubmissionBrowserEntry,
-            {
-              submission,
-              compact,
-              ...submissionEntryProps
-            },
-            index
-          );
-        })
-      }
-    );
-  });
-  const PatchField = React.memo(function PatchField2(props) {
-    const { name, render } = props;
-    const { submitForm } = formik.useFormikContext();
-    const [fieldProps, _meta, helpers] = formik.useField(name);
-    return React.useMemo(() => {
-      const setValue = (value) => helpers.setValue(value, false);
-      return render({
-        value: fieldProps.value,
-        setValue,
-        patchValue: submitForm
-      });
-    }, [submitForm, helpers, fieldProps.value, render]);
-  });
-  const PatchFormProvider = React.memo(
-    React.forwardRef((props, ref) => {
-      const { children, schema, values, onPatch, onError, ...rest } = props;
-      const initialValues2 = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
-      const handlePatch = React.useCallback(
-        (values2) => {
-          const diff = {};
-          for (const key in values2) {
-            const value = values2[key];
-            if (value !== initialValues2[key] && value !== void 0) {
-              diff[key] = value;
-            }
-          }
-          if (!hasKeys(diff))
-            return;
-          onPatch(diff);
-        },
-        [initialValues2, onPatch]
-      );
-      const validate = React.useCallback(
-        async (form) => {
-          const error = await validateForm(schema, form);
-          if (error) {
-            onError(error);
-          }
-          return error;
-        },
-        [schema, onError]
-      );
-      const formik$1 = formik.useFormik({
-        initialValues: initialValues2,
-        onSubmit: handlePatch,
-        validate,
-        // only validate the entire form on submit
-        validateOnBlur: false,
-        validateOnChange: false
-      });
-      const { errors, resetForm } = formik$1;
-      React.useEffect(() => {
-        if (hasKeys(errors)) {
-          resetForm({ values: initialValues2, errors: {} });
-        }
-      }, [errors, initialValues2, resetForm]);
-      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx("form", { ...rest, ref, onSubmit: formik$1.handleSubmit, children }) });
-    })
-  );
-  const CompleteFieldTypeToClsMapping = {
-    ...FieldTypeToClsMapping,
-    section: FieldSection
-  };
-  const FieldToChoose = React.memo(function FieldToChoose2(props) {
-    const { field, setFieldType } = props;
-    const typeName = field.fieldTypeName;
-    const description2 = field.fieldTypeDescription;
-    const Icon = field.Icon;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "4", align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "surface", onClick: setFieldType, style: { width: "135px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", align: "center", grow: "1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
-        typeName
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: description2 })
-    ] });
-  });
-  const fieldsToChoose = [
-    ["string", "text"],
-    ["select", "multi-select", "upload"],
-    ["boolean", "date", "number", "multi-string"]
-  ];
-  const indexOfLastFieldGroup = fieldsToChoose.length - 1;
-  const ChooseFieldToAdd = React.memo(function ChooseFieldToAdd2(props) {
-    const { setFieldType } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "3", children: fieldsToChoose.map((fieldGroup, index) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: fieldGroup.map((identifier) => /* @__PURE__ */ jsxRuntime.jsx(
-        FieldToChoose,
-        {
-          field: FieldTypeToClsMapping[identifier],
-          setFieldType: () => setFieldType(identifier)
-        },
-        identifier
-      )) }),
-      index < indexOfLastFieldGroup && /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { size: "4" })
-    ] }, index)) });
-  });
-  const validateNewFieldName = (takenLabels) => {
-    return (value) => {
-      if (!value || typeof value !== "string")
-        return;
-      if (takenLabels.includes(value.trim())) {
-        return "This name is already taken.";
-      }
-    };
-  };
-  const commonFields = (takenLabels, type) => {
-    const base = [
-      new StringField({
-        label: "Label",
-        required: true,
-        maxLength: 200,
-        identifier: "label",
-        fieldValidators: [validateNewFieldName(takenLabels)]
-      }),
-      new TextField({
-        label: "Description",
-        required: false,
-        maxLength: 1e3,
-        identifier: "description"
-      })
-    ];
-    if (type === "section")
-      return base;
-    return [
-      ...base,
-      new BooleanField({ label: "Required", description: null, required: false, identifier: "required" })
-    ];
-  };
-  const FieldOptionsForm = React.memo(function FieldOptionsForm2(props) {
-    const { fieldType, handleCancel, handleCreateField, handleDirtyChange, defaultField, conditionalSourceFields } = props;
-    const fieldCls = CompleteFieldTypeToClsMapping[fieldType];
-    const formik$1 = formik.useFormikContext();
-    const schema = React.useMemo(() => {
-      const takenFieldLabels = getTakenFieldLabels(formik$1.values.fields).filter((id) => id !== (defaultField == null ? void 0 : defaultField.label));
-      let fields = commonFields(takenFieldLabels, fieldType);
-      if (fieldCls === FieldSection) {
-        if (conditionalSourceFields === void 0) {
-          throw new Error("Conditional source fields must be provided when changing sections.");
-        }
-        fields = fields.concat(fieldCls.getFieldCreationSchema(conditionalSourceFields));
-      } else {
-        if (!(fieldCls.prototype instanceof BaseField)) {
-          throw new Error(`Field must be an instance of BaseField. Got ${fieldCls}.`);
-        }
-        fields = [...fields, ...fieldCls.getFieldCreationSchema()];
-      }
-      return {
-        fields,
-        meta: { readonly: false },
-        // using the dialog title as the form title
-        title: null
-      };
-    }, [formik$1.values.fields, fieldType, fieldCls, defaultField == null ? void 0 : defaultField.label, conditionalSourceFields]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      FormRenderer,
-      {
-        schema,
-        values: defaultField,
-        onSubmit: handleCreateField,
-        cancelText: defaultField ? void 0 : "Back",
-        onCancel: handleCancel,
-        onDirtyChange: handleDirtyChange
-      }
-    );
-  });
-  const FieldBuilder = React.memo(function FieldBuilder2(props) {
-    const { parentPath, index, isOpen, setIsOpen, initial, editing, conditionalSourceFields } = props;
-    const [fieldType, setFieldType] = React.useState();
-    const [formIsDirty, setFormIsDirty] = React.useState(false);
-    const type = (initial == null ? void 0 : initial.type) ?? fieldType;
-    const typeName = type ? CompleteFieldTypeToClsMapping[type].fieldTypeName : void 0;
-    const { setFieldValue, values } = formik.useFormikContext();
-    if (editing && !initial)
-      throw new Error("Initial field must be provided if editing is true.");
-    const openConfirmDiscardChangesDialog = blocks.useDiscardAlertDialog();
-    const showChooseField = !type && !editing && !initial;
-    const title2 = showChooseField ? "Choose a field type" : `${typeName} settings`;
-    const description2 = showChooseField ? "Select a field type to add to this section." : (typeName == null ? void 0 : typeName.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${typeName == null ? void 0 : typeName.toLowerCase()} field.`;
-    const handleCancel = React.useCallback(() => {
-      setFieldType(void 0);
-      setFormIsDirty(false);
-    }, []);
-    const handleCloseDialog = React.useCallback(() => {
-      if (!formIsDirty) {
-        setFieldType(void 0);
-        setIsOpen(false);
-      } else {
-        openConfirmDiscardChangesDialog({
-          onDiscard: () => {
-            setFieldType(void 0);
-            setIsOpen(false);
-          }
-        });
-      }
-    }, [formIsDirty, openConfirmDiscardChangesDialog, setIsOpen]);
-    const handleCreateField = React.useCallback(
-      (form) => {
-        const { label } = form;
-        if (!type)
-          throw new Error("Field type must be selected before creating a field.");
-        if (!label || typeof label !== "string")
-          throw new Error("Label must be provided before creating a field.");
-        const field = deserialize({
-          type,
-          ...form,
-          identifier: makeIdentifier(form.identifier, label)
-        }).serialize();
-        const parent = get(values, parentPath);
-        if (parent === void 0) {
-          throw new Error("Parent path must point to an existing field.");
-        }
-        let newFields;
-        if (!Array.isArray(parent))
-          throw new Error("Parent path must point to an array.");
-        if (editing) {
-          newFields = replace(parent, index, field);
-        } else {
-          newFields = insert(parent, index, field);
-        }
-        setFieldValue(parentPath, newFields).then();
-        setIsOpen(false);
-      },
-      [type, values, parentPath, editing, setFieldValue, setIsOpen, index]
-    );
-    const handleDirtyChange = React.useCallback((dirty) => setFormIsDirty(dirty), []);
-    const dialogContent = React.useCallback(() => {
-      if (showChooseField) {
-        return /* @__PURE__ */ jsxRuntime.jsx(ChooseFieldToAdd, { setFieldType });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        FieldOptionsForm,
-        {
-          conditionalSourceFields,
-          handleCancel,
-          handleCreateField,
-          fieldType: type,
-          defaultField: initial,
-          handleDirtyChange
-        }
-      );
-    }, [conditionalSourceFields, handleCancel, handleCreateField, handleDirtyChange, initial, showChooseField, type]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.Dialog,
-      {
-        title: title2,
-        description: description2,
-        content: dialogContent,
-        open: isOpen,
-        onOpenChange: handleCloseDialog
-      }
-    );
-  });
-  const forMobile = (mobile, display) => ({
-    initial: mobile ? display : "none",
-    sm: mobile ? "none" : display
-  });
-  const FieldActions = React.memo(function FieldActions2(props) {
-    const { remove: remove2, dragHandleProps, editProps, insertAfterProps, duplicateProps } = props;
-    const [isEditDialogOpen, setIsEditDialogOpen] = React.useState(false);
-    const [isDuplicateDialogOpen, setIsDuplicateDialogOpen] = React.useState(false);
-    const [isAddDialogOpen, setIsAddDialogOpen] = React.useState(false);
-    const actions = React.useMemo(
-      () => [
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: { ...editProps, isOpen: isEditDialogOpen, setIsOpen: setIsEditDialogOpen },
-          Icon: reactIcons.Pencil1Icon,
-          text: "Edit",
-          buttonProps: { onClick: () => setIsEditDialogOpen(true) }
-        },
-        {
-          Icon: reactIcons.TrashIcon,
-          buttonProps: {
-            onClick: remove2
-          },
-          text: "Delete"
-        },
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: {
-            ...duplicateProps,
-            isOpen: isDuplicateDialogOpen,
-            setIsOpen: setIsDuplicateDialogOpen
-          },
-          Icon: reactIcons.CopyIcon,
-          text: "Duplicate",
-          buttonProps: { onClick: () => setIsDuplicateDialogOpen(true) }
-        },
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: { ...insertAfterProps, isOpen: isAddDialogOpen, setIsOpen: setIsAddDialogOpen },
-          Icon: reactIcons.PlusIcon,
-          text: "Add after",
-          buttonProps: { onClick: () => setIsAddDialogOpen(true) }
-        },
-        {
-          // Wrapping icon in a div so that the asChild turns the button into a div
-          // so that the drag handle props are not applied to the icon
-          // Note: b/c the <button> does not handle the space-press event correctly
-          Icon: (props2) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, {}) }),
-          text: "Reorder",
-          disableOnMobile: true,
-          buttonProps: { ...dragHandleProps, asChild: true }
-        }
-      ],
-      [
-        dragHandleProps,
-        duplicateProps,
-        editProps,
-        insertAfterProps,
-        isAddDialogOpen,
-        isDuplicateDialogOpen,
-        isEditDialogOpen,
-        remove2
-      ]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { gap: "4", display: forMobile(false, "flex"), children: actions.map((Action) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", variant: "ghost", "aria-label": Action.text, ...Action.buttonProps, children: /* @__PURE__ */ jsxRuntime.jsx(Action.Icon, {}) }),
-          Action.SelectedContent && /* @__PURE__ */ jsxRuntime.jsx(Action.SelectedContent, { ...Action.selectedContentProps })
-        ] }, Action.text);
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { display: forMobile(true, "block"), children: /* @__PURE__ */ jsxRuntime.jsx(
-        blocks.DropdownItemMenu,
-        {
-          trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DotsVerticalIcon, {}) }),
-          items: actions.map((Action) => {
-            var _a;
-            if (Action.disableOnMobile)
-              return null;
-            return {
-              ...Action.buttonProps,
-              onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
-              content: /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Action.Icon, {}),
-                  Action.text
-                ] }),
-                Action.SelectedContent && /* @__PURE__ */ jsxRuntime.jsx(Action.SelectedContent, { ...Action.selectedContentProps })
-              ] }, Action.text)
-            };
-          }).filter((x) => x !== null)
-        }
-      ) })
-    ] });
-  });
-  const formId = "form-builder";
-  const FieldWithActions = React.memo(function FieldWithActions2(props) {
-    const { field, index, sectionIndex, takenLabels, remove: remove2 } = props;
-    const deserializedField = React.useMemo(() => deserialize(field), [field]);
-    const input = useFieldInput(deserializedField, { formId, disabled: true });
-    const duplicateField = React.useCallback(
-      (field2) => {
-        const fieldLabel = field2.label ?? "Untitled field";
-        return { ...field2, label: incrementFieldLabel(fieldLabel, takenLabels), identifier: "" };
-      },
-      [takenLabels]
-    );
-    const editFieldProps = React.useMemo(
-      () => ({
-        index,
-        parentPath: `fields.${sectionIndex}.fields`,
-        initial: field,
-        editing: true
-      }),
-      [field, index, sectionIndex]
-    );
-    const duplicateFieldProps = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: index + 1,
-        initial: duplicateField(field)
-      }),
-      [duplicateField, field, index, sectionIndex]
-    );
-    const insertAfterProps = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: index + 1,
-        initial: void 0
-      }),
-      [index, sectionIndex]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: field.identifier, index, children: (draggableProvided) => /* @__PURE__ */ jsxRuntime.jsx(
-      themes.Card,
-      {
-        ref: draggableProvided.innerRef,
-        ...draggableProvided.draggableProps,
-        ...draggableProvided.dragHandleProps,
-        mb: "4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "4", justify: "between", align: "center", children: [
-          input,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldActions,
-            {
-              remove: remove2,
-              editProps: editFieldProps,
-              duplicateProps: duplicateFieldProps,
-              insertAfterProps,
-              dragHandleProps: draggableProvided.dragHandleProps
-            }
-          )
-        ] })
-      }
-    ) });
-  });
-  const FieldSectionWithActions = React.memo(function FieldSectionWithActions2(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const { field, index: sectionIndex, dropState } = props;
-    const isDropDisabled = (_a = dropState[field.identifier]) == null ? void 0 : _a.disabled;
-    const [isAddFieldDialogOpen, setIsAddFieldDialogOpen] = React.useState(false);
-    const { setFieldValue, values } = formik.useFormikContext();
-    const alertDialog = blocks.useAlertDialog();
-    const takenFieldLabels = getTakenFieldLabels(values.fields);
-    const removeSectionConditions = React.useCallback(
-      (sectionsToUpdate, allSections) => {
-        for (const section of sectionsToUpdate) {
-          const sectionIndex2 = allSections.indexOf(section);
-          setFieldValue(`fields.${sectionIndex2}.condition`, null).then();
-          setFieldValue(`fields.${sectionIndex2}.conditional`, false).then();
-        }
-      },
-      [setFieldValue]
-    );
-    const makeRemoveFieldAction = React.useCallback(
-      (fieldIndex) => {
-        var _a2;
-        const removing = field.fields[fieldIndex];
-        if (!removing)
-          throw new Error("Could not find field to remove.");
-        const sectionsWithMatchingCondition = [];
-        for (const section of values.fields) {
-          if (((_a2 = section.condition) == null ? void 0 : _a2.identifier) === removing.identifier) {
-            sectionsWithMatchingCondition.push(section);
-          }
-        }
-        return {
-          removing,
-          affectedSections: sectionsWithMatchingCondition,
-          action: () => setFieldValue(`fields.${sectionIndex}.fields`, remove(field.fields, fieldIndex))
-        };
-      },
-      [field.fields, values.fields, setFieldValue, sectionIndex]
-    );
-    const removeField = React.useCallback(
-      (i) => {
-        const { affectedSections, action, removing } = makeRemoveFieldAction(i);
-        const cmd = () => {
-          action().then();
-          removeSectionConditions(affectedSections, values.fields);
-        };
-        if (affectedSections.length > 0) {
-          const labels = affectedSections.map((section) => section.label).join(", ");
-          return alertDialog({
-            title: "Remove condition?",
-            description: `${removing.label} is being used as a condition, deleting it will remove the condition from the ${labels} section(s).`,
-            severity: "danger",
-            actionText: "Remove",
-            onAction: cmd
-          });
-        }
-        cmd();
-      },
-      [makeRemoveFieldAction, removeSectionConditions, values.fields, alertDialog]
-    );
-    const removeSection = React.useCallback(() => {
-      const fieldSideEffects = field.fields.map((_, i) => makeRemoveFieldAction(i));
-      const affectedSections = fieldSideEffects.flatMap((sideEffect) => sideEffect.affectedSections);
-      const title2 = affectedSections.length ? "Remove fields and conditions?" : "Remove fields?";
-      const numFields = field.fields.length;
-      const sectionLabels = affectedSections.map((section) => section.label).join(", ");
-      const description2 = affectedSections.length ? `Deleting this section will remove the ${numFields} field(s) it contains and will remove the conditions from following sections: ${sectionLabels}` : `Deleting this section will remove the ${numFields} field(s) it contains.`;
-      const updatedSections = remove(values.fields, sectionIndex);
-      const cmd = () => setFieldValue("fields", updatedSections);
-      if (affectedSections.length > 0) {
-        return alertDialog({
-          title: title2,
-          description: description2,
-          severity: "danger",
-          actionText: "Remove",
-          onAction: () => {
-            cmd().then(() => {
-              removeSectionConditions(affectedSections, updatedSections);
-            });
-          }
-        });
-      }
-      cmd().then();
-    }, [
-      field.fields,
-      values.fields,
-      sectionIndex,
-      makeRemoveFieldAction,
-      setFieldValue,
-      alertDialog,
-      removeSectionConditions
-    ]);
-    const duplicateSection = React.useCallback(
-      (field2) => {
-        const fieldLabel = field2.label ?? "Untitled section";
-        const newSectionLabel = incrementFieldLabel(fieldLabel, takenFieldLabels);
-        const newFields = field2.fields.map((f) => {
-          const newLabel = incrementFieldLabel(f.label ?? "Untitled field", takenFieldLabels);
-          return {
-            ...f,
-            label: newLabel,
-            identifier: makeIdentifier(void 0, newLabel)
-          };
-        });
-        return { ...field2, label: newSectionLabel, fields: newFields, identifier: "" };
-      },
-      [takenFieldLabels]
-    );
-    const editSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex,
-        parentPath: "fields",
-        initial: field,
-        editing: true,
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex)
-      }),
-      [field, sectionIndex, values.fields]
-    );
-    const insertSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex + 1,
-        parentPath: "fields",
-        initial: emptySection(),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex + 1)
-      }),
-      [sectionIndex, values.fields]
-    );
-    const insertFieldAtEndOfSection = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: field.fields.length,
-        initial: void 0
-      }),
-      [field.fields.length, sectionIndex]
-    );
-    const duplicateSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex + 1,
-        parentPath: "fields",
-        initial: duplicateSection(field),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex + 1)
-      }),
-      [duplicateSection, field, sectionIndex, values.fields]
-    );
-    const conditionLabel = React.useMemo(
-      () => {
-        var _a2, _b2;
-        return (_b2 = findFieldByIdentifier(values.fields, (_a2 = field.condition) == null ? void 0 : _a2.identifier)) == null ? void 0 : _b2.label;
-      },
-      [(_b = field.condition) == null ? void 0 : _b.identifier, values.fields]
-    );
-    const conditionComparison = Array.isArray((_c = field.condition) == null ? void 0 : _c.value) ? "contains all of" : "equals";
-    if (valueIsFile((_d = field.condition) == null ? void 0 : _d.value))
-      throw new Error("File values are not supported for conditions.");
-    const conditionValue = Array.isArray((_e = field.condition) == null ? void 0 : _e.value) ? (_g = (_f = field.condition) == null ? void 0 : _f.value) == null ? void 0 : _g.map((v) => typeof v === "string" ? v : v.label).join(", ") : (_i = (_h = field.condition) == null ? void 0 : _h.value) == null ? void 0 : _i.toString();
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: field.identifier, index: sectionIndex, children: (draggableProvided) => /* @__PURE__ */ jsxRuntime.jsx(
-      themes.Card,
-      {
-        ref: draggableProvided.innerRef,
-        ...draggableProvided.draggableProps,
-        ...draggableProvided.dragHandleProps,
-        mb: "4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", justify: "between", align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", grow: "1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { as: "h3", size: "3", children: field.label }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: field.description })
-            ] }),
-            field.condition && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Em, { children: [
-              "Display only if ",
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Strong, { children: conditionLabel }),
-              " ",
-              conditionComparison,
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Strong, { children: conditionValue })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: field.identifier, type: "SECTION", isDropDisabled, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-              blocks.Flex,
-              {
-                ref: droppableProvided.innerRef,
-                ...droppableProvided.droppableProps,
-                direction: "column",
-                gap: "0",
-                children: [
-                  field.fields.map((child, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                    FieldWithActions,
-                    {
-                      field: child,
-                      index: i,
-                      sectionIndex,
-                      remove: () => removeField(i),
-                      takenLabels: takenFieldLabels
-                    },
-                    child.identifier
-                  )),
-                  droppableProvided.placeholder,
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    blocks.Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      onClick: () => setIsAddFieldDialogOpen(true),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {}),
-                        " Add a field"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    FieldBuilder,
-                    {
-                      ...insertFieldAtEndOfSection,
-                      isOpen: isAddFieldDialogOpen,
-                      setIsOpen: setIsAddFieldDialogOpen
-                    }
-                  )
-                ]
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldActions,
-            {
-              remove: removeSection,
-              insertAfterProps: insertSectionProps,
-              dragHandleProps: draggableProvided.dragHandleProps,
-              editProps: editSectionProps,
-              duplicateProps: duplicateSectionProps
-            }
-          )
-        ] })
-      }
-    ) });
-  });
-  const reducer = (state, action) => {
-    var _a;
-    const next = { ...state };
-    switch (action.type) {
-      case "release":
-        for (const sectionId in next) {
-          next[sectionId].disabled = false;
-        }
-        return next;
-      case "hold":
-        for (const sectionId in next) {
-          if ((_a = next[sectionId]) == null ? void 0 : _a.conditionFields.has(action.fieldId)) {
-            next[sectionId].disabled = true;
-          }
-        }
-        return next;
-      case "update":
-        return action.state;
-    }
-  };
-  const getConditionIndex = (fields, identifier) => {
-    if (!identifier)
-      return void 0;
-    for (let i = 0; i < fields.length; i++) {
-      const section = fields[i];
-      if (!section)
-        continue;
-      for (const field of section.fields) {
-        if (field.identifier === identifier)
-          return i;
-      }
-    }
-  };
-  const initializer = (fields) => {
-    var _a, _b, _c;
-    const acc = {};
-    for (let index = 0; index < fields.length; index++) {
-      const field = fields[index];
-      if (!field)
-        throw new Error("Field is undefined.");
-      const previousConditionFields = index > 0 ? (_a = acc[fields[index - 1].identifier]) == null ? void 0 : _a.conditionFields : void 0;
-      const disabledFields = new Set(previousConditionFields);
-      if ((_b = field.condition) == null ? void 0 : _b.identifier) {
-        disabledFields.add(field.condition.identifier);
-      }
-      acc[field.identifier] = {
-        disabled: false,
-        conditionFields: disabledFields,
-        conditionIndex: getConditionIndex(fields, (_c = field.condition) == null ? void 0 : _c.identifier),
-        index,
-        label: field.label
-      };
-    }
-    return acc;
-  };
-  const findSection = (fields, sectionId) => {
-    for (const [i, section] of Object.entries(fields)) {
-      if (section.identifier === sectionId)
-        return [section, i];
-    }
-  };
-  const FieldsEditor = React.memo(function FieldsEditor2() {
-    const { values, setFieldValue } = formik.useFormikContext();
-    const [dropState, dispatch] = React.useReducer(reducer, values.fields, initializer);
-    const [isAddSectionDialogOpen, setIsAddSectionDialogOpen] = React.useState(false);
-    const { showInfo } = blocks.useToast();
-    React.useEffect(() => {
-      dispatch({ type: "update", state: initializer(values.fields) });
-    }, [dispatch, values.fields]);
-    const handleDragStart = React.useCallback((start) => {
-      if (start.type === "SECTION") {
-        dispatch({ type: "hold", fieldId: start.draggableId });
-      }
-    }, []);
-    const handleDragEnd = React.useCallback(
-      (result) => {
-        const { source, destination, type, reason, draggableId } = result;
-        dispatch({ type: "release" });
-        if (!destination || reason === "CANCEL")
-          return;
-        if (type === "ROOT") {
-          const state = dropState[draggableId];
-          if (!state)
-            throw new Error("Could not find section context.");
-          let dest = typeof state.conditionIndex !== "undefined" ? (
-            // cannot move a section with a condition before the condition's field
-            Math.max(state.conditionIndex + 1, destination.index)
-          ) : destination.index;
-          for (const section of Object.values(dropState)) {
-            if (section.conditionIndex === source.index) {
-              dest = Math.min(dest, section.index - 1);
-            }
-          }
-          if (dest != destination.index) {
-            showInfo({
-              title: "Reordered sections",
-              description: "Sections with conditions must be below the fields they reference."
-            });
-          }
-          return setFieldValue("fields", reorder(values.fields, source.index, dest));
-        }
-        if (type !== "SECTION")
-          throw new Error("Unexpected droppable type.");
-        const [sourceSection, srcIndex] = findSection(values.fields, source.droppableId) ?? [];
-        const [destinationSection, destIndex] = findSection(values.fields, destination.droppableId) ?? [];
-        if (!(sourceSection == null ? void 0 : sourceSection.fields) || !destinationSection)
-          throw new Error("Could not find section with fields.");
-        if (sourceSection.identifier === destinationSection.identifier) {
-          setFieldValue(
-            `fields.${srcIndex}.fields`,
-            reorder(sourceSection.fields, source.index, destination.index)
-          ).then();
-        } else {
-          const removed = sourceSection.fields[source.index];
-          if (!removed)
-            throw new Error("Could not find field to reorder.");
-          setFieldValue(`fields.${srcIndex}.fields`, remove(sourceSection.fields, source.index)).then();
-          setFieldValue(
-            `fields.${destIndex}.fields`,
-            insert(destinationSection.fields, destination.index, removed)
-          ).then();
-        }
-      },
-      [values.fields, setFieldValue, dropState, showInfo]
-    );
-    const makeFieldSectionProps = React.useMemo(
-      () => ({
-        index: values.fields.length,
-        parentPath: "fields",
-        initial: emptySection(),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, values.fields.length)
-      }),
-      [values.fields]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: "droppable", type: "ROOT", children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-      blocks.Flex,
-      {
-        ref: droppableProvided.innerRef,
-        ...droppableProvided.droppableProps,
-        direction: "column",
-        gap: "0",
-        children: [
-          values.fields.map((field, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            FieldSectionWithActions,
-            {
-              field,
-              index,
-              dropState
-            },
-            field.label
-          )),
-          droppableProvided.placeholder,
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "outline", onClick: () => setIsAddSectionDialogOpen(true), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {}),
-            " Add a section"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldBuilder,
-            {
-              ...makeFieldSectionProps,
-              isOpen: isAddSectionDialogOpen,
-              setIsOpen: setIsAddSectionDialogOpen
-            }
-          )
-        ]
-      }
-    ) }) });
-  });
-  const initialValues = {
-    title: "",
-    description: "",
-    fields: []
-  };
-  const title = new StringField({
-    label: "Title",
-    minLength: 0,
-    maxLength: 100,
-    required: true,
-    identifier: "title"
-  });
-  const titleProps = { formId, placeholder: "Give your form a title." };
-  const description = new TextField({
-    label: "Description",
-    minLength: 0,
-    maxLength: 1e3,
-    required: false,
-    identifier: "description"
-  });
-  const descriptionProps = { formId, placeholder: "Explain the purpose of this form." };
-  const previewSubmit = () => {
-    alert("This is a form preview, your data will not be saved.");
-  };
-  const FormBuilder = React.memo(
-    React.forwardRef((props, ref) => {
-      const { onCancel, onSave, revision } = props;
-      const { heading = revision ? "Edit form" : "Create a new form" } = props;
-      const validate = React.useCallback((form) => {
-        const errors = {};
-        if (!form.title) {
-          errors.title = "Title is required.";
-        }
-        if (!form.fields || form.fields.length === 0) {
-          errors.fields = "At least one field is required.";
-        }
-        if (hasKeys(errors)) {
-          return errors;
-        }
-      }, []);
-      const formik$1 = formik.useFormik({
-        initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
-        validate,
-        onSubmit: (form) => onSave(form),
-        // only validate the entire for on submit
-        validateOnChange: false,
-        validateOnBlur: false
-      });
-      const previewSchema = React.useMemo(() => formRevisionToSchema(formik$1.values), [formik$1.values]);
-      const titleInput = useFieldInput(title, titleProps);
-      const descriptionInput = useFieldInput(description, descriptionProps);
-      const FormBuilderHeading = React.useMemo(
-        () => typeof heading === "object" ? heading : /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { children: heading }),
-        [heading]
-      );
-      return /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(themes.Tabs.List, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Trigger, { value: "edit", children: "Edit" }),
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Trigger, { value: "preview", children: "Preview" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(themes.Tabs.Content, { value: "edit", children: [
-          FormBuilderHeading,
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
-            "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("em", { children: "Preview" }),
-            " tab, but",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "field values entered on this page will not be saved." })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
-              titleInput,
-              descriptionInput,
-              /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "end", gap: "2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "soft", onClick: onCancel, children: "Cancel" }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", disabled: !formik$1.isValid, children: "Save" })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit }) })
-      ] }) });
-    })
-  );
-  exports2.BaseField = BaseField;
-  exports2.BaseFormElement = BaseFormElement;
-  exports2.BooleanField = BooleanField;
-  exports2.BooleanInput = BooleanInput;
-  exports2.DateField = DateField;
-  exports2.DateInput = DateInput;
-  exports2.FieldSection = FieldSection;
-  exports2.FormBrowser = FormBrowser;
-  exports2.FormBuilder = FormBuilder;
-  exports2.FormRenderer = FormRenderer;
-  exports2.FormSubmissionBrowser = FormSubmissionBrowser;
-  exports2.FormSubmissionViewer = FormSubmissionViewer;
-  exports2.InputWithLabel = InputWithLabel;
-  exports2.InputWithLabelAndHelpText = InputWithLabelAndHelpText;
-  exports2.MultiSelectField = MultiSelectField;
-  exports2.MultiSelectInput = MultiSelectInput;
-  exports2.MultiStringField = MultiStringField;
-  exports2.MultiStringInput = MultiStringInput;
-  exports2.NumberField = NumberField;
-  exports2.NumberInput = NumberInput$1;
-  exports2.PatchField = PatchField;
-  exports2.PatchFormProvider = PatchFormProvider;
-  exports2.SelectField = SelectField;
-  exports2.SelectInput = SelectInput;
-  exports2.StringField = StringField;
-  exports2.StringInput = StringInput;
-  exports2.TextField = TextField;
-  exports2.TextInput = TextInput;
-  exports2.deserialize = deserialize;
-  exports2.deserializeField = deserializeField;
-  exports2.formRevisionToSchema = formRevisionToSchema;
-  exports2.isConditionMet = isConditionMet;
-  exports2.useFieldInput = useFieldInput;
-  exports2.useFieldInputs = useFieldInputs;
-  exports2.useFormikInput = useFormikInput;
-  exports2.valueIsFile = valueIsFile;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
-//# sourceMappingURL=forms.umd.cjs.map
+If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return v.useEffect(()=>{t&&(document.getElementById(t)||console.error(e))},[e,t]),null},Oo="DialogDescriptionWarning",Bo=({contentRef:t,descriptionId:n})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${hr(Oo).contentName}}.`;return v.useEffect(()=>{var a;const i=(a=t.current)==null?void 0:a.getAttribute("aria-describedby");n&&i&&(document.getElementById(n)||console.warn(r))},[r,t,n]),null},$t=tr,zo=rr,kt=or,jt=ar,Wt=sr,pr=ur,tt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},nt={exports:{}},_o=nt.exports,mr;function Vo(){return mr||(mr=1,function(t,n){(function(e,r){r()})(_o,function(){function e(u,f){return typeof f>"u"?f={autoBom:!1}:typeof f!="object"&&(console.warn("Deprecated: Expected third argument to be a object"),f={autoBom:!f}),f.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(u.type)?new Blob(["\uFEFF",u],{type:u.type}):u}function r(u,f,h){var g=new XMLHttpRequest;g.open("GET",u),g.responseType="blob",g.onload=function(){m(g.response,f,h)},g.onerror=function(){console.error("could not download file")},g.send()}function i(u){var f=new XMLHttpRequest;f.open("HEAD",u,!1);try{f.send()}catch{}return 200<=f.status&&299>=f.status}function a(u){try{u.dispatchEvent(new MouseEvent("click"))}catch{var f=document.createEvent("MouseEvents");f.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),u.dispatchEvent(f)}}var s=typeof window=="object"&&window.window===window?window:typeof self=="object"&&self.self===self?self:typeof tt=="object"&&tt.global===tt?tt:void 0,l=s.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),m=s.saveAs||(typeof window!="object"||window!==s?function(){}:"download"in HTMLAnchorElement.prototype&&!l?function(u,f,h){var g=s.URL||s.webkitURL,C=document.createElement("a");f=f||u.name||"download",C.download=f,C.rel="noopener",typeof u=="string"?(C.href=u,C.origin===location.origin?a(C):i(C.href)?r(u,f,h):a(C,C.target="_blank")):(C.href=g.createObjectURL(u),setTimeout(function(){g.revokeObjectURL(C.href)},4e4),setTimeout(function(){a(C)},0))}:"msSaveOrOpenBlob"in navigator?function(u,f,h){if(f=f||u.name||"download",typeof u!="string")navigator.msSaveOrOpenBlob(e(u,h),f);else if(i(u))r(u,f,h);else{var g=document.createElement("a");g.href=u,g.target="_blank",setTimeout(function(){a(g)})}}:function(u,f,h,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),typeof u=="string")return r(u,f,h);var C=u.type==="application/octet-stream",w=/constructor/i.test(s.HTMLElement)||s.safari,p=/CriOS\/[\d]+/.test(navigator.userAgent);if((p||C&&w||l)&&typeof FileReader<"u"){var b=new FileReader;b.onloadend=function(){var y=b.result;y=p?y:y.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=y:location=y,g=null},b.readAsDataURL(u)}else{var I=s.URL||s.webkitURL,x=I.createObjectURL(u);g?g.location=x:location.href=x,g=null,setTimeout(function(){I.revokeObjectURL(x)},4e4)}});s.saveAs=m.saveAs=m,t.exports=m})}(nt)),nt.exports}var qt=Vo();const Ht=c.memo(t=>{const{file:n,onClose:e}=t,r=c.useRef(null),i=c.useCallback(()=>{var l;if(!r.current)return;const s=document.createElement("canvas");s.width=r.current.width,s.height=r.current.height,(l=s.getContext("2d"))==null||l.drawImage(r.current,0,0,r.current.width,r.current.height),s.toBlob(m=>{m&&navigator.clipboard.write([new ClipboardItem({"image/png":m})])},"image/png")},[]),a=c.useCallback(()=>{qt.saveAs(n,n.name)},[n]);return o.jsx($t,{open:!0,onOpenChange:e,children:o.jsx(kt,{children:o.jsx(jt,{className:"bg-(--color-background) fixed inset-0 data-[state='open']:fade-in-0 data-[state='open']:zoom-in-95 data-[state='closed']:animate-out data-[state='closed']:fade-out-0 data-[state='closed']:zoom-out-95 data-[state='open']:animate-in","data-floating-content":"",children:o.jsxs(Wt,{className:"absolute inset-0 py-12","data-floating-content":"",onOpenAutoFocus:s=>s.preventDefault(),children:[o.jsxs(d.ButtonGroup,{className:"flex gap-2 items-center top-0 absolute right-0 p-2",accentColor:"base",variant:"ghost",children:[o.jsxs(d.Tooltip.Root,{children:[o.jsx(d.Tooltip.Trigger,{asChild:!0,children:o.jsx(d.IconButton,{onClick:i,"aria-label":"copy to clipboard",children:o.jsx(d.RiIcon,{icon:"RiFileCopyLine"})})}),o.jsx(d.Tooltip.Content,{size:"sm",children:"Copy"})]}),o.jsxs(d.Tooltip.Root,{children:[o.jsx(d.Tooltip.Trigger,{asChild:!0,children:o.jsx(d.IconButton,{onClick:a,"aria-label":"download",children:o.jsx(d.RiIcon,{icon:"RiDownload2Line"})})}),o.jsx(d.Tooltip.Content,{size:"sm",children:"Download"})]}),o.jsx(d.Separator,{orientation:"vertical",size:"sm"}),o.jsx(pr,{asChild:!0,children:o.jsx(d.IconButton,{onClick:e,"aria-label":"close",children:o.jsx(d.RiIcon,{icon:"RiCloseLine"})})})]}),o.jsx("figure",{className:"size-full overflow-hidden p-4 flex justify-center items-center",children:o.jsx("img",{ref:r,className:"max-w-full max-h-full",src:URL.createObjectURL(n),alt:n.name})})]})})})})});Ht.displayName="ImageViewer";const gr=c.memo(t=>{const{children:n}=t,[e,r]=c.useState(null),i=c.useCallback(()=>{r(null)},[]),a=c.useCallback(m=>{r(m(i))},[i]),s=c.useCallback(()=>{e&&(e.onClose&&e.onClose(),i())},[i,e]),l=c.useMemo(()=>a,[a]);return o.jsxs(En.Provider,{value:l,children:[n,e&&o.jsx(Ht,{file:e.file,onClose:s})]})});gr.displayName="FileViewerProvider";const Y=t=>{const{className:n,label:e,children:r,severity:i,inputId:a,labelId:s,image:l}=t,[m,u]=c.useState(void 0),f=We(),h=i?ue[i]:"base";c.useEffect(()=>{l instanceof Promise?l.then(u).catch(console.error):u(l)},[l]);const g=m?URL.createObjectURL(m):void 0,C=c.useCallback(()=>{m&&f(()=>({file:m}))},[f,m]);return o.jsxs("div",{className:"flex flex-col gap-1",children:[m&&o.jsx("img",{className:"h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",src:g,alt:m.name,onClick:C}),o.jsx("label",{className:ye(n,"flex flex-col gap-1 w-max max-w-full"),htmlFor:a,children:o.jsx(d.Text,{accentColor:h,size:"sm",id:s,weight:"medium",className:"text-wrap",children:e})}),r]})},Gt=t=>{const{helpText:n,children:e,severity:r}=t,i=r?ue[r]:"base";return o.jsxs("div",{className:"flex flex-col gap-1",children:[e,!!n&&o.jsx("div",{className:"flex flex-col w-full",children:o.jsx(d.Text,{accentColor:i,size:"xs",children:n})})]})},J=t=>{const{children:n,...e}=t;return o.jsx(Gt,{...e,children:n})},Xt=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u},f]=K(t),{name:h,onBlur:g,onChange:C,value:w}=u,p=a?null:l,b=a?"":m,I=c.useCallback(y=>{C(!!y),g(!!y)},[g,C]),x=c.useCallback(()=>{g(w)},[g,w]);return o.jsx(J,{helpText:p,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:b,image:a?void 0:s.image,className:"items-center flex-row-reverse justify-end gap-2",children:o.jsx(d.Checkbox.Root,{id:n,name:h,checked:w??!1,onCheckedChange:I,onBlur:x,size:"sm",accentColor:"primary",variant:"surface",...f,children:o.jsx(d.Checkbox.Indicator,{children:o.jsx(d.RiIcon,{icon:"RiCheckLine"})})})})})});Xt.displayName="BooleanInput";const vr={...X,type:"boolean"},Se=class Se extends j{constructor(e){super({...e,type:"boolean"});N(this,"onlyValidateAfterTouched",!1)}isBlank(e){return this.required&&!e}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="boolean")throw new Error("Type mismatch.");return new Se(e)}getInput(e){return o.jsx(Xt,{...e,field:this})}};N(Se,"fieldTypeName","Checkbox"),N(Se,"fieldTypeDescription","Perfect for both optional and required yes/no questions."),N(Se,"Icon",H.RiCheckboxCircleLine);let Ee=Se;const Kt=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u},f]=K(t),{name:h,onChange:g,onBlur:C}=u,[w,p]=c.useState(!1),b=a?null:l,I=a?"":m,x=u.value?new Date(u.value):void 0,y=c.useCallback(S=>{S&&g(S.toISOString()),p(!1)},[g]),T=c.useCallback(S=>{p(S),S||C(u.value)},[u.value,C]);return o.jsx(J,{helpText:b,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:I,image:a?void 0:s.image,children:o.jsxs(d.Popover.Root,{open:w,onOpenChange:T,children:[o.jsx(d.Popover.Trigger,{asChild:!0,children:o.jsxs(d.Button,{id:n,name:h,type:"button",className:"!justify-between",accentColor:"base",variant:"surface",size:"sm",...f,children:[x?x.toLocaleString(void 0,{year:"numeric",month:"2-digit",day:"2-digit"}):"yyyy-mm-dd",o.jsx(d.RiIcon,{icon:"RiArrowDownSLine"})]})}),o.jsx(d.Popover.Content,{align:"start",children:o.jsx(d.DayPicker,{required:!1,mode:"single",variant:"solid",selected:x,onSelect:y})})]})})})});Kt.displayName="DateInput";const yr={...X,type:"date"},Te=class Te extends j{constructor(e){super({...e,type:"date"});N(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="date")throw new Error("Type mismatch.");return new Te(e)}getInput(e){return o.jsx(Kt,{field:this,...e})}};N(Te,"fieldTypeName","Date"),N(Te,"fieldTypeDescription","Allows specifying a date."),N(Te,"Icon",H.RiCalendarLine);let rt=Te;const br=c.memo(t=>{const{field:n,...e}=t,[{value:r}]=k.useField(n.options.clonedFieldIdentifier),i=c.useMemo(()=>{const a=n.options.getFieldToClone(r);return a?pt(a):null},[n.options,r]);return Qt(i,e)});br.displayName="FieldInputCloner";const Uo={...X,type:"custom"};class it extends j{constructor(e,r){super({...e,type:"custom"});N(this,"Component");N(this,"options");this.options=e,this.Component=r}serialize(){throw new Error("Serializing only supported for public input types.")}getInput(e){const r=this.Component;return o.jsx(r,{field:this,...e})}}N(it,"fieldTypeName","Custom"),N(it,"fieldTypeDescription","Allows re-rendering of field already in the form");class $o extends it{constructor(n){super(n,br)}}const Qt=(t,n)=>c.useMemo(()=>!n||!t?null:t.getInput(n),[t,n]),ze=(t,n)=>{const e=c.useMemo(()=>t.map(r=>o.jsx(c.Fragment,{children:r.getInput(n)},r.getId())),[t,n]);return o.jsx("div",{className:"flex flex-col gap-4",children:e})},Yt=[];let ot;const ko=new Uint8Array(16);function jo(){if(!ot&&(ot=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!ot))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return ot(ko)}const V=[];for(let t=0;t<256;++t)V.push((t+256).toString(16).slice(1));function Wo(t,n=0){return V[t[n+0]]+V[t[n+1]]+V[t[n+2]]+V[t[n+3]]+"-"+V[t[n+4]]+V[t[n+5]]+"-"+V[t[n+6]]+V[t[n+7]]+"-"+V[t[n+8]]+V[t[n+9]]+"-"+V[t[n+10]]+V[t[n+11]]+V[t[n+12]]+V[t[n+13]]+V[t[n+14]]+V[t[n+15]]}const Cr={randomUUID:typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function qo(t,n,e){if(Cr.randomUUID&&!t)return Cr.randomUUID();t=t||{};const r=t.random||(t.rng||jo)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Wo(r)}const me=t=>t.type==="section",at=(t="",n=[])=>({type:"section",fields:n,identifier:t,label:null,condition:null,conditional:!1}),Ho=t=>{if(!t)return;const n=t.fields;let e=[];const r=[];for(const i of n)i.type==="section"?(e.length>0&&(r.push(at(`AUTO_section-${n.indexOf(i)}`,e)),e=[]),r.push(i)):e.push(i);return e.length>0&&r.push(at("AUTO_section-last",e)),{...t,fields:r,description:t.description??""}};function Jt(t,n,e){const r=Array.from(t),[i]=r.splice(n,1);if(!i)throw new Error("Could not find field to reorder.");return r.splice(e,0,i),r}function wr(t,n,e){const r=Array.from(t??[]);return r.splice(n,0,e),r}function st(t,n){const e=Array.from(t);return e.splice(n,1),e}const Zt=()=>qo(),Ir=(t,n)=>{if(!n)return null;for(const e of t)if(e.type==="section"){const r=Ir(e.fields,n);if(r)return r}else if(e.identifier===n)return e;return null},xr=(t,n)=>t.filter((e,r)=>r<n).flatMap(e=>e.fields),lt=(t,n,e,r,i)=>{const a={...e,identifier:Zt()},s=R(r,t);if(s===void 0)throw new Error("Parent path must point to an existing field.");if(!Array.isArray(s))throw new Error("Parent path must point to an array.");const l=wr(s,n,a);i(t,l).then()},Go=(t,n,e)=>{const r={...at(),label:""};lt("fields",t,r,n,e)},Rt=()=>{const{showError:t}=d.useToast(),n=c.useCallback((r,i,a,s,l,m)=>{const u=r[i];if(!u)throw new Error("Could not find section context.");let f=typeof u.conditionIndex<"u"?Math.max(u.conditionIndex+1,s):s;for(const h of Object.values(r))h.conditionIndex===a&&(f=Math.min(f,h.index-1));if(f!==s){t({title:"Could not reorder sections",description:"Sections with conditions must be below the fields they reference."});return}m("fields",Jt(l.fields,a,f))},[t]),e=c.useCallback((r,i,a,s,l,m,u)=>{var f;if(!(r!=null&&r.fields)||!s)throw new Error("Could not find section with fields.");if(r.identifier===s.identifier)u(`fields.${i}.fields`,Jt(r.fields,a,m)).then();else{const h=r.fields[a];if(!h)throw new Error("Could not find field to reorder.");if(((f=s.condition)==null?void 0:f.identifier)===h.identifier){t({title:"Could not reorder field",description:"Field must be above the section whose condition references it."});return}u(`fields.${i}.fields`,st(r.fields,a)).then(),u(`fields.${l}.fields`,wr(s.fields,m,h)).then()}},[t]);return{reorderSection:n,reorderField:e}},en=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u},f]=K(t),h=a?null:l,g=a?"":m,{name:C,onChange:w,onBlur:p}=u,b=`${n}-droppable`,{disabled:I}=f,x=u.value??Yt,[y,T]=c.useState(""),[S,L]=c.useState(""),F=S||h,D=c.useCallback(A=>{w(A),p(A)},[w,p]),M=c.useCallback(A=>{x&&x.findIndex(q=>q===A.target.value.trim())>=0?L("All options must be unique"):A.target.value?L(""):L("Option cannot be empty"),T(A.target.value)},[T,x]),O=c.useCallback(()=>{if(S)return;if(!y.trim()){L("Option cannot be empty");return}const A=y.trim();D([...x,A]),T("")},[y,S,D,x]),_=c.useCallback(A=>{A.key==="Enter"&&(A.preventDefault(),O())},[O]),U=c.useCallback(A=>{D(st(x,A))},[x,D]),B=c.useCallback(A=>{if(!A.destination)return;const q=A.source.index,le=A.destination.index;D(Jt(x,q,le))},[D,x]),Z=c.useCallback(()=>{p(x)},[p,x]);return o.jsx(ie.DragDropContext,{onDragEnd:B,children:o.jsxs("div",{className:"flex flex-col gap-2",children:[o.jsx(J,{helpText:F,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:g,image:a?void 0:s.image,children:(!I||x.length===0)&&o.jsxs("div",{className:"flex gap-2",children:[o.jsx(d.Input.Root,{className:"grow",accentColor:"base",variant:"surface",size:"sm",children:o.jsx(d.Input.Field,{value:y,onChange:M,onKeyDown:_,id:n,placeholder:s.placeholder,onBlur:Z,name:C,...f})}),o.jsx(d.IconButton,{size:"sm",accentColor:"base",variant:"soft",type:"button","aria-label":"Add option",disabled:!!S||I,onClick:O,children:o.jsx(d.RiIcon,{icon:"RiAddLine"})})]})})}),o.jsx(ie.Droppable,{droppableId:b,children:A=>o.jsxs("div",{className:"flex flex-col",...A.droppableProps,ref:A.innerRef,children:[x.map((q,le)=>o.jsx(ie.Draggable,{draggableId:`${q}-draggable`,index:le,isDragDisabled:I,children:({draggableProps:ne,dragHandleProps:ce,innerRef:Be})=>o.jsxs(d.Badge,{...ce,...ne,ref:Be,className:"mb-1 flex items-center justify-between gap-2",accentColor:"base",size:"sm",variant:"soft",children:[o.jsx("span",{children:typeof q=="object"&&"label"in q?q.label:q}),o.jsx(d.IconButton,{size:"xs",variant:"ghost",type:"button","aria-label":"Delete option",accentColor:"base",disabled:I,onClick:()=>{U(le)},children:o.jsx(d.RiIcon,{icon:"RiCloseLargeLine"})})]})},q)),A.placeholder]})})]})})});en.displayName="MultiStringInput";const Er={...X,type:"multi-string",minimum_length:0,maximum_length:null},Ne=class Ne extends j{constructor(e){const{minimum_length:r,maximum_length:i,placeholder:a,...s}=e;super({...s,type:"multi-string"});N(this,"minLength");N(this,"maxLength");N(this,"onlyValidateAfterTouched",!1);N(this,"placeholder");this.minLength=r??0,this.maxLength=i??1/0,this.placeholder=a??"Press enter to add a new option"}getInput(e){return o.jsx(en,{field:this,...e})}serialize(){return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength,placeholder:this.placeholder}}isBlank(e){return super.isBlank(e)||(e==null?void 0:e.length)===0}isEqual(e,r){return e===void 0&&r===void 0?!0:e===void 0||r===void 0?!1:e.every(i=>r.includes(i))&&r.every(i=>e.includes(i))}getFieldValidators(){const e=super.getFieldValidators();return e.push(r=>{if(Array.isArray(r)&&r.length<this.minLength)return`Must have at least ${this.minLength} options.`}),e.push(r=>{if(Array.isArray(r)&&r.length>this.maxLength)return`Must have at most ${this.maxLength} options.`}),e}static deserialize(e){if(e.type!=="multi-string")throw new Error("Type mismatch.");return new Ne(e)}};N(Ne,"fieldTypeName","Multi-string"),N(Ne,"fieldTypeDescription","Allows the user to provide multiple unique strings."),N(Ne,"Icon",H.RiListCheck);let _e=Ne;const tn=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u,touched:f,helpers:h},g]=K(t),{name:C,onBlur:w,onChange:p,value:b}=u,I=a?null:l,x=a?"":m,[y,T]=c.useState(void 0);c.useLayoutEffect(()=>{T(b)},[b]);const S=c.useCallback(F=>{const D=F.target.valueAsNumber,M=Number.isNaN(D)?void 0:D;T(M),(f||!s.onlyValidateAfterTouched)&&h.setError(s.getError(M))},[s,h,f]),L=c.useCallback(()=>{p(y),w(y)},[y,w,p]);return o.jsx(J,{helpText:I,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:x,image:a?void 0:s.image,children:o.jsx(d.Input.Root,{accentColor:"base",variant:"surface",size:"sm",children:o.jsx(d.Input.Field,{id:n,name:C,onChange:S,onBlur:L,value:y,type:"number",min:s.minimum,max:s.maximum,step:s.integers?1:.1,placeholder:s.placeholder,...g})})})})});tn.displayName="NumberInput";const Sr={...X,type:"number",minimum:Number.MIN_SAFE_INTEGER,maximum:Number.MAX_SAFE_INTEGER,integers:!1},Tr=t=>"fields"in t,te=class te extends j{constructor(e){const{minimum:r=Number.MIN_SAFE_INTEGER,maximum:i=Number.MAX_SAFE_INTEGER,integers:a=!1,placeholder:s="Enter a number",...l}=e;super({...l,type:"number"});N(this,"minimum");N(this,"maximum");N(this,"integers");N(this,"placeholder");this.minimum=r,this.maximum=i,this.integers=a,this.placeholder=s}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new te({label:"Minimum",description:"Minimum value",integers:!0,required:!1,identifier:`${r}minimum`,formValidators:[this._validateMin(e)]}),showDirectly:!1},{field:new te({label:"Maximum",description:"Maximum value",integers:!0,required:!1,identifier:`${r}maximum`,formValidators:[this._validateMax(e)]}),showDirectly:!1},{field:new Ee({label:"Integers",description:"Whole numbers only",required:!1,identifier:`${r}integers`}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators(),r=this.minimum,i=this.maximum;return typeof r=="number"&&e.push(a=>{if(typeof a=="number"&&a<r)return`Must be at least ${this.minimum}.`}),typeof i=="number"&&e.push(a=>{if(typeof a=="number"&&a>i)return`Must be at most ${this.maximum}.`}),this.integers&&e.push(a=>{if(typeof a=="number"&&!Number.isInteger(a))return"Must be a whole number."}),e}serialize(){return{...super._serialize(),minimum:this.minimum,maximum:this.maximum,integers:this.integers,placeholder:this.placeholder}}static deserialize(e){if(e.type!=="number")throw new Error("Type mismatch.");return new te(e)}getInput(e){return o.jsx(tn,{field:this,...e})}};N(te,"fieldTypeName","Number"),N(te,"fieldTypeDescription","Allows specifying a number within a given range."),N(te,"Icon",H.RiHashtag),N(te,"_validateMin",e=>(r,i)=>{const a=Tr(i)?R(i,e):i;return typeof a.maximum=="number"&&typeof r=="number"&&a.maximum<r?"Minimum cannot be greater than minimum.":null}),N(te,"_validateMax",e=>(r,i)=>{const a=Tr(i)?R(i,e):i;return typeof a.minimum=="number"&&typeof r=="number"&&a.minimum>r?"Maximum cannot be less than minimum.":null});let se=te;const nn=c.memo(t=>{const[{inputId:n,labelId:e,label:r,helpText:i,size:a,severity:s,showInputOnly:l,field:m,fieldProps:u},f]=K(t),{name:h,onBlur:g,onChange:C,value:w}=u,[p,b]=c.useState(!1),I=l?null:i,x=l?"":r,y=c.useCallback(L=>{C(L),b(!1)},[C]),T=c.useCallback(()=>{C("")},[C]),S=c.useCallback(L=>{b(L),L||g(w)},[g,w]);return o.jsx(J,{helpText:I,severity:s,children:o.jsxs(Y,{size:a,severity:s,inputId:n,labelId:e,label:x,image:l?void 0:m.image,className:"flex-col items-start justify-start gap-2",children:[o.jsxs("div",{className:"flex w-max items-center gap-1",children:[o.jsxs($t,{open:p,onOpenChange:S,children:[o.jsx(zo,{asChild:!0,children:o.jsxs(d.Button,{id:n,name:h,type:"button",variant:"soft",size:"sm",accentColor:"base",...f,children:[o.jsx(d.RiIcon,{icon:"RiQrCodeLine"}),"Scan"]})}),o.jsxs(kt,{children:[o.jsx(jt,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),o.jsx(Wt,{className:"fixed inset-0",children:o.jsx(rn,{onQrScan:y})})]})]}),w&&o.jsx(d.RiIcon,{icon:"RiCheckLine",className:"align-bottom text-(--primary-a11)"})]}),!!w&&o.jsx(d.Card,{className:"max-w-full w-max",size:"sm",children:o.jsxs("div",{className:"max-w-full w-max flex justify-between gap-2",children:[o.jsx("code",{className:"bg-(--base-a3) truncate text-sm",children:w}),o.jsx(d.IconButton,{accentColor:"base",variant:"ghost","aria-label":"delete",size:"sm",onClick:T,children:o.jsx(d.RiIcon,{icon:"RiCloseLine"})})]})})]})})});nn.displayName="QrInput";const rn=c.memo(t=>{const{onQrScan:n}=t,e=c.useRef(null),[r,i]=c.useState(!1);return c.useEffect(()=>{if(!e.current)return;const a=new ei(e.current,s=>{const l=s.data;n(l),a.destroy()},{highlightCodeOutline:!0,highlightScanRegion:!0,maxScansPerSecond:1});i(!0),a.start().finally(()=>{i(!1)})},[n]),o.jsxs("div",{className:"relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)",children:[o.jsx("div",{className:"absolute top-0 flex w-full p-2",children:o.jsx(pr,{asChild:!0,children:o.jsx(d.IconButton,{"aria-label":"close",variant:"soft",accentColor:"base",children:o.jsx(d.RiIcon,{icon:"RiCloseLine"})})})}),o.jsxs("div",{className:"relative max-h-full max-w-full",children:[o.jsx("video",{className:"size-full",ref:e}),r&&o.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-(--color-background)",children:o.jsx(d.Spinner,{})})]})]})});rn.displayName="QrScanner";const Nr={...X,type:"qr"},Fe=class Fe extends j{constructor(e){super({...e,type:"qr"});N(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="qr")throw new Error("Type mismatch.");return new Fe(e)}getInput(e){return o.jsx(nn,{...e,field:this})}};N(Fe,"fieldTypeName","QR"),N(Fe,"fieldTypeDescription","Used for scanning/reading QR codes."),N(Fe,"Icon",H.RiQrCodeLine);let ct=Fe;class Fr extends j{constructor(e){const{placeholder:r="",...i}=e;super(i);N(this,"options");N(this,"onlyValidateAfterTouched",!1);N(this,"placeholder");this.placeholder=r;const a=new Set;this.options=e.options.map(s=>(typeof s=="string"&&(s={label:s,value:s}),a.add(s.label),s)),a.size!==e.options.length&&console.error(`${e.options.length-a.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,e.options)}_serialize(){return{...super._serialize(),options:this.options,placeholder:this.placeholder}}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new _e({label:"Options",description:"List possible options for the user to select from.",required:!0,identifier:`${r}options`,minimum_length:2}),showDirectly:!0}]}}const on=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u},f]=K(t),{name:h,onChange:g,onBlur:C}=u,w=a?null:l,p=a?"":m,b=u.value??Yt,I=c.useCallback(y=>{const T=y.length>0?y:void 0;g(T),C(T)},[C,g]),x=c.useCallback(y=>{y||C(b)},[b,C]);return o.jsx(J,{helpText:w,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:p,image:a?void 0:s.image,children:o.jsxs(d.Menu.Root,{onOpenChange:x,align:"start",children:[o.jsx(d.Menu.ClickTrigger,{children:o.jsxs(d.Button,{id:n,name:h,className:"!justify-between",variant:"surface",type:"button",size:"sm",accentColor:"base",...f,children:[o.jsx("span",{className:"truncate",children:b&&b.length>0?b.join(", "):s.placeholder}),o.jsx(d.RiIcon,{className:"shrink-0",icon:"RiArrowDownSLine"})]})}),o.jsx(d.Menu.Content,{children:o.jsx(d.Menu.Scroll,{children:o.jsxs(d.Menu.MultiSelectGroup,{values:b,onValuesChange:I,children:[o.jsxs(d.Menu.SelectAllItem,{children:[o.jsx(d.Menu.CheckboxItemIndicator,{children:y=>y?o.jsx(d.RiIcon,{icon:"RiSubtractLine"}):o.jsx(d.RiIcon,{icon:"RiCheckLine"})}),"Select all"]}),s.options.map(y=>o.jsxs(d.Menu.MultiSelectItem,{value:y.value,children:[o.jsx(d.Menu.SelectedIndicator,{children:o.jsx(d.RiIcon,{icon:"RiCheckLine"})}),y.label]},y.value))]})})})]})})})});on.displayName="MultiSelectInput";const Lr={...X,type:"multi-select",options:[]},Le=class Le extends Fr{constructor(n){const{placeholder:e="Select one or more...",...r}=n;super({...r,placeholder:e,type:"multi-select"})}isBlank(n){return super.isBlank(n)||(n==null?void 0:n.length)===0}isEqual(n,e){return n===void 0&&e===void 0?!0:n===void 0||e===void 0?!1:n.every(r=>e.includes(r))&&e.every(r=>n.includes(r))}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="multi-select")throw new Error("Type mismatch.");return new Le(n)}getInput(n){return o.jsx(on,{field:this,...n})}};N(Le,"fieldTypeName","Multi-select"),N(Le,"fieldTypeDescription","Allows the user to select a multiple options from a list of options."),N(Le,"Icon",H.RiCheckboxLine);let Ve=Le;const an=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u},f]=K(t),{name:h,onChange:g,onBlur:C,value:w}=u,p=a?null:l,b=a?"":m,I=c.useCallback(y=>{y&&(g(y),C(y))},[C,g]),x=c.useMemo(()=>s.options.find(y=>y.value===w),[s.options,w]);return o.jsx(J,{helpText:p,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:b,image:a?void 0:s.image,children:o.jsxs(d.Menu.Root,{align:"start",children:[o.jsx(d.Menu.ClickTrigger,{children:o.jsxs(d.Button,{id:n,name:h,className:"!justify-between",accentColor:"base",variant:"surface",type:"button",size:"sm",...f,children:[o.jsx("span",{className:"truncate",children:x?x.label:s.placeholder}),o.jsx(d.RiIcon,{className:"shrink-0",icon:"RiArrowDownSLine"})]})}),o.jsx(d.Menu.Content,{children:o.jsx(d.Menu.Scroll,{children:o.jsx(d.Menu.SelectGroup,{required:!0,value:w,onValueChange:I,children:s.options.map(y=>o.jsxs(d.Menu.SelectItem,{value:y.value,children:[o.jsx(d.Menu.SelectedIndicator,{children:o.jsx(d.RiIcon,{icon:"RiCheckLine"})}),y.label]},y.value))})})})]})})})});an.displayName="SelectInput";const Dr={...X,type:"select",options:[]},De=class De extends Fr{constructor(n){const{placeholder:e="Select one...",...r}=n;super({...r,placeholder:e,type:"select"})}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="select")throw new Error("Type mismatch.");return new De(n)}getInput(n){return o.jsx(an,{field:this,...n})}};N(De,"fieldTypeName","Dropdown"),N(De,"fieldTypeDescription","Allows the user to select a single option from a list of options."),N(De,"Icon",H.RiMenuFoldLine);let Ue=De;const Mr=t=>"fields"in t;class dt extends j{constructor(e){const{minLength:r,maxLength:i,placeholder:a="",...s}=e;super(s);N(this,"minLength");N(this,"maxLength");N(this,"placeholder");this.minLength=r?Math.max(r,0):void 0,this.maxLength=i?Math.max(i,0):be,this.placeholder=a}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new se({label:"Minimum length",description:"Minimum number of characters",required:!1,identifier:`${r}minimum_length`,minimum:0,maximum:100,formValidators:[this._validateMin(e)],integers:!0}),showDirectly:!1},{field:new se({label:"Maximum length",description:"Maximum number of characters",required:!1,identifier:`${r}maximum_length`,minimum:1,maximum:be,formValidators:[this._validateMax(e)],integers:!0}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators();return this.minLength&&e.push(r=>{if(this.minLength&&(!r||r.length<this.minLength))return!this.required&&!r?null:`Minimum ${this.minLength} character(s).`}),this.maxLength&&e.push(r=>{if(typeof r=="string"&&this.maxLength&&r.length>this.maxLength)return`Maximum ${this.maxLength} character(s).`}),e}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength,placeholder:this.placeholder}}}N(dt,"_validateMin",e=>(r,i)=>{const a=Mr(i)?R(i,e):i;return typeof a.maximum_length=="number"&&typeof r=="number"&&a.maximum_length<r?"Minimum cannot be greater than maximum.":null}),N(dt,"_validateMax",e=>(r,i)=>{if(typeof r!="number")return null;const{minimum_length:a}=Mr(i)?R(i,e):i;return typeof a!="number"?null:a>r?"Maximum cannot be less than minimum.":null});const sn=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u,touched:f,helpers:h},g]=K(t),{name:C,onBlur:w,onChange:p,value:b}=u,I=a?null:l,x=a?"":m,[y,T]=c.useState(void 0);c.useLayoutEffect(()=>{T(b)},[b]);const S=c.useCallback(F=>{T(F.target.value||void 0),(f||!s.onlyValidateAfterTouched)&&h.setError(s.getError(F.target.value))},[s,h,f]),L=c.useCallback(()=>{p(y),w(y)},[y,w,p]);return o.jsx(J,{helpText:I,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:x,image:a?void 0:s.image,children:o.jsx(d.Input.Root,{accentColor:"base",variant:"surface",size:"sm",children:o.jsx(d.Input.Field,{id:n,className:"truncate",name:C,value:y??"",type:s.inputType,placeholder:s.placeholder,onChange:S,onBlur:L,...g})})})})});sn.displayName="StringInput";const Pr={...X,type:"string",maximum_length:je,input_type:"text"},Me=class Me extends dt{constructor(e){const{inputType:r="text",...i}=e,a=e.maxLength?Math.min(je,e.maxLength):je,s=e.minLength?Math.min(e.minLength,a):void 0;super({...i,maxLength:a,minLength:s,type:"string"});N(this,"inputType");this.inputType=r}serialize(){return{...super._serialize(),input_type:this.inputType}}static deserialize(e){if(e.type!=="string")throw new Error("Type mismatch.");const{maximum_length:r,minimum_length:i,input_type:a,...s}=e;return new Me({...s,maxLength:r,minLength:i,inputType:a,placeholder:"Enter a short description"})}getInput(e){return o.jsx(sn,{field:this,...e})}};N(Me,"fieldTypeName","Short Text"),N(Me,"fieldTypeDescription",`Short text fields can hold up to ${je} characters on a single line.`),N(Me,"Icon",H.RiInputField);let ut=Me;const ln=c.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:i,showInputOnly:a,field:s,helpText:l,label:m,fieldProps:u,touched:f,helpers:h},g]=K(t),{name:C,onBlur:w,onChange:p,value:b}=u,I=a?null:l,x=a?"":m,[y,T]=c.useState(void 0);c.useLayoutEffect(()=>{T(b)},[b]);const S=c.useCallback(F=>{T(F.target.value||void 0),(f||!s.onlyValidateAfterTouched)&&h.setError(s.getError(F.target.value))},[s,h,f]),L=c.useCallback(()=>{p(y),w(y)},[y,w,p]);return o.jsx(J,{helpText:I,severity:i,children:o.jsx(Y,{size:r,severity:i,inputId:n,labelId:e,label:x,image:a?void 0:s.image,children:o.jsx(d.TextArea,{id:n,value:y??"",name:C,onChange:S,onBlur:L,className:"field-sizing-content min-h-12",placeholder:s.placeholder,resize:"vertical",accentColor:"base",variant:"surface",size:"sm",...g})})})});ln.displayName="TextInput";const Ar={...X,type:"text",maximum_length:be},Pe=class Pe extends dt{constructor(n){const e=n.maxLength?Math.min(be,n.maxLength):be,r=n.minLength?Math.min(n.minLength,e):void 0;super({...n,maxLength:e,minLength:r,type:"text"})}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="text")throw new Error("Type mismatch.");const{maximum_length:e,minimum_length:r,...i}=n;return new Pe({...i,maxLength:e,minLength:r,placeholder:"Enter a description"})}getInput(n){return o.jsx(ln,{field:this,...n})}};N(Pe,"fieldTypeName","Paragraph"),N(Pe,"fieldTypeDescription",`Paragraph fields can hold up to ${be} characters and can have multiple lines.`),N(Pe,"Icon",H.RiAlignJustify);let ft=Pe;const Or=c.memo(c.forwardRef((t,n)=>{const{file:e,alt:r,error:i,rightSlot:a,className:s,...l}=t;return o.jsxs("div",{className:ye(s,"relative flex h-[200px] w-full flex-col gap-0 overflow-hidden rounded-md border items-center border-(--base-a6)"),ref:n,...l,children:[!e&&!i&&o.jsx("div",{className:"absolute flex h-full w-full flex-col items-center justify-center",children:o.jsx(d.Spinner,{})}),o.jsx("div",{className:"-m-4 flex max-w-full grow items-center justify-center overflow-hidden bg-clip-padding",children:e&&!i&&o.jsx("img",{className:"max-w-full object-cover",src:URL.createObjectURL(e),alt:r??e.name})}),o.jsxs("div",{className:ye("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1",{"bg-transparent":!e}),children:[i?o.jsx(d.RiIcon,{icon:"RiFileWarningLine"}):e&&o.jsx(ke,{fileType:e.type}),o.jsx(d.Text,{className:"truncate",size:"sm",children:i??(e==null?void 0:e.name)}),a]})]})})),Xo=t=>{const n=["byte","kilobyte","megabyte"];let e=t,r=0;for(;e>1e3&&r<n.length-1;)e/=1e3,r++;return new Intl.NumberFormat([],{maximumFractionDigits:Math.max(0,r-1),style:"unit",unit:n[r]}).format(e)},Br=c.memo(t=>{var F;const[{inputId:n,labelId:e,size:r,severity:i,helpText:a,showInputOnly:s,field:l,fieldProps:m},u]=K(t),{name:f,onChange:h,onBlur:g}=m;let[{label:C}]=K(t);C=s?"":C;const w=m.value??Yt,p=c.useRef(null),b=c.useMemo(()=>s?null:a||(l.maxFileSize?`Maximum file size: ${l.maxFileSize}MB`:null),[l.maxFileSize,a,s]),I=c.useCallback(()=>{var D;(D=p.current)==null||D.click()},[]),x=c.useCallback(()=>{if(!p.current)return;const D=p.current.files;if(!D){g([]);return}const M=Array.from(D),O=[...w,...M];h(O),g(O)},[g,h,w]),y=c.useCallback(D=>{const M=[...w];M.splice(D,1),h(M.length>0?M:void 0)},[w,h]);c.useEffect(()=>{if(!p.current)return;const D=new AbortController;return p.current.addEventListener("cancel",()=>{g(void 0)},{signal:D.signal}),()=>{D.abort()}},[g,w]);const T=w?"Select new files":"Select files",S=w?"Select new file":"Select a file",L=l.maxFiles>1?T:S;return o.jsxs("div",{className:"flex flex-col gap-2",children:[o.jsx(J,{helpText:b,severity:i,children:o.jsxs(Y,{size:r,severity:i,inputId:n,labelId:e,label:C,image:s?void 0:l.image,children:[o.jsx("div",{className:"flex gap-2",children:o.jsxs(d.Button,{className:"w-max",size:"sm",variant:"soft",accentColor:"base",onClick:I,id:"upload-input-upload-button",type:"button",...u,children:[o.jsx(d.RiIcon,{icon:"RiUpload2Line"})," ",L]})}),o.jsx("input",{id:n,name:f,type:"file",ref:p,accept:(F=l.extensions)==null?void 0:F.join(","),multiple:l.maxFiles>1,className:"hidden",onChange:x,value:""})]})}),Array.isArray(w)&&w.length>0&&o.jsx("div",{className:"flex h-max flex-col gap-2",children:w.map((D,M)=>o.jsx(zr,{field:l,file:D,onRemove:()=>{y(M)},disabled:u.disabled},M))})]})});Br.displayName="UploadInput";const zr=c.memo(t=>{const{file:n,field:e,onRemove:r,disabled:i}=t,[a,s]=c.useState(null),l=We(),m=c.useMemo(()=>a&&e.getError([a]),[e,a]),{url:u,name:f}=c.useMemo(()=>{let p=null,b,I;return a!=null&&a.type.startsWith("image/")&&(p=URL.createObjectURL(a)),a?(b=a.name,I=Xo(a.size)):(b="Downloading...",I="..."),{url:p,name:b,size:I}},[a]);c.useEffect(()=>{n instanceof Promise?n.then(s).catch(console.error):s(n)},[n]);const h=c.useCallback(p=>{if(p.stopPropagation(),!a)throw new Error("Cannot download a file that is not resolved.");const b=new Blob([a]);qt.saveAs(b,f)},[f,a]),g=c.useCallback(p=>{p.stopPropagation(),r()},[r]),C=c.useCallback(()=>{a&&l(p=>({file:a,onDelete:i?void 0:()=>{r(),p()}}))},[i,r,l,a]),w=c.useMemo(()=>o.jsxs(d.ButtonGroup,{className:"flex grow justify-end",variant:"ghost",accentColor:"base",size:"sm",children:[o.jsx(d.IconButton,{"aria-label":`Download ${f}`,type:"button",onClick:h,disabled:!a,children:o.jsx(d.RiIcon,{icon:"RiDownload2Line"})}),!i&&o.jsx(d.IconButton,{type:"button","aria-label":`Remove ${f}`,disabled:i,onClick:g,children:o.jsx(d.RiIcon,{icon:"RiDeleteBin7Fill"})})]}),[i,g,h,f,a]);return u?o.jsx(Or,{className:"cursor-pointer",onClick:C,file:a,error:m??void 0,rightSlot:w}):o.jsx(It,{file:a,error:m??void 0,rightSlot:w})});zr.displayName="DisplayFile";const Ko={...X,type:"upload",extensions:[],maximum_size:void 0,maximum_files:1};function _r(t,n){return t.name===n.name&&t.size===n.size&&t.type===n.type}const Ae=class Ae extends j{constructor(e){const{extensions:r,maximum_files:i,maximum_size:a,...s}=e;super({...s,type:"upload"});N(this,"extensions");N(this,"maxFileSize");N(this,"maxFiles");N(this,"onlyValidateAfterTouched",!1);this.maxFileSize=typeof a=="number"?a:void 0,this.maxFiles=Math.max(typeof i=="number"?i:1,1),this.extensions=r}isBlank(e){return super.isBlank(e)||(e==null?void 0:e.length)===0}isEqual(e,r){return e===void 0&&r===void 0?!0:!(e===void 0||r===void 0||!e.every(i=>r.some(a=>_r(i,a)))||!r.every(i=>e.some(a=>_r(a,i))))}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new se({label:"How many files can be uploaded?",description:"By default, only one file can be uploaded.",required:!1,minimum:1,maximum:10,identifier:`${r}maximum_files`,integers:!0}),showDirectly:!1},{field:new se({label:"What is the maximum size of each file?",description:`Maximum file size in megabytes (between 1MB–${ht}MB).`,required:!1,identifier:`${r}maximum_size`,minimum:1,maximum:ht,integers:!0}),showDirectly:!1},{field:new Ve({label:"Accepted file types",description:"Types of allowed files to upload. If left blank, all files will be accepted.",required:!1,identifier:`${r}extensions`,options:[{value:"image/*",label:"Images"},{value:"audio/*",label:"Audio files"},{value:"video/*",label:"Videos"},{value:"text/*",label:"Text files"},{value:"application/*",label:"Application files (includes PDFs and Word documents)"}]}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators(),r=this.maxFileSize??ht,i=r*1e3*1e3,a=this.maxFiles||1;return e.push(s=>{if(s&&s.some(l=>l.size>i))return`Files must be at most ${r}MB.`}),e.push(s=>{if(s&&s.length>a)return`You can only upload ${a} files.`}),e}serialize(){return{...super._serialize(),extensions:this.extensions,maximum_size:this.maxFileSize,maximum_files:this.maxFiles}}static deserialize(e){if(e.type!=="upload")throw new Error("Type mismatch.");return new Ae(e)}getInput(e){return o.jsx(Br,{field:this,...e})}};N(Ae,"fieldTypeName","Upload"),N(Ae,"fieldTypeDescription","Allows a file to be uploaded."),N(Ae,"Icon",H.RiUpload2Line);let cn=Ae;const dn={date:rt,number:se,boolean:Ee,select:Ue,string:ut,text:ft,custom:it,upload:cn,qr:ct,"multi-string":_e,"multi-select":Ve},Qo={date:yr,number:Sr,boolean:vr,select:Dr,string:Pr,text:Ar,custom:Uo,upload:Ko,qr:Nr,"multi-string":Er,"multi-select":Lr},ht=50,Yo=ht*1e3*1e3,un=t=>{const n=t.type;return dn[n].deserialize(t)},pt=t=>t.type==="section"?W.deserialize(t):un(t);function Vr(t,n={}){const{readonly:e=!1}=n;return{title:t.title,description:t.description,fields:t.fields.map(r=>pt(r)),meta:{readonly:e}}}function mt(t){const n=[];for(const e of t.fields)if(e instanceof W)for(const r of e.fields)n.push(r);else{if(!(e instanceof j))throw new Error(`Invalid field type: ${e.type}`);n.push(e)}return n}function Ur(t){const n=mt(t),e={};for(const r of n)e[r.identifier]=r;return e}function Jo(t,n){const e=mt(t),r={};for(const i of e){const a=n[i.identifier]??null;a!==null?r[i.identifier]=i.decodeJsonToValue(a):r[i.identifier]=a}return r}function Zo(t,n){const e=mt(t),r={};for(const i of e){const a=n[i.identifier];r[i.identifier]=i.encodeValueToJson(a)}return r}function gt(t){return Array.isArray(t)&&t.some(n=>n instanceof File||n instanceof Promise)}function fn(t,n){if(!t)return!0;if(gt(n)||gt(t.value))throw new Error("Conditions do not support file uploads");const e=Array.isArray(n)?n.map(i=>typeof i=="string"?i:i.value):n,r=Array.isArray(t.value)?t.value.map(i=>typeof i=="string"?i:i.value):t.value;if(Array.isArray(r)&&Array.isArray(e)){for(const i of r)if(!e.includes(i))return!1;return!0}return r===n}const $r=c.memo(t=>{const{field:n,...e}=t,{label:r,description:i,fields:a,condition:s}=n,{values:l,setFieldValue:m}=k.useFormikContext(),u=s!=null&&s.identifier?R(l,s.identifier):void 0,f=c.useMemo(()=>u===void 0||fn(s,u),[s,u]);c.useEffect(()=>{if(!f)for(const g of a)m(g.getId(),"").then()},[f,a,m]);const h=ze(a,e);return f?o.jsx(d.Card,{variant:"soft",children:o.jsxs("div",{className:"flex flex-col gap-4",children:[(r||i)&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:"flex flex-col",children:[o.jsx(d.Heading,{size:"md",children:r}),o.jsx(d.Text,{accentColor:"base",children:i})]}),o.jsx(d.Separator,{size:"full"})]}),h]})}):null});$r.displayName="FieldSectionLayout";const Oe=class Oe extends xt{constructor(e){const{label:r=null,fields:i,condition:a=null,conditional:s,...l}=e;super({...l,type:"section"});N(this,"label");N(this,"fields");N(this,"condition");this.fields=i,this.condition=a,this.label=r,s===!1&&(this.condition=null)}static getFieldCreationSchema(e,r=""){if(e.length===0)return[];const i=r&&`${r}.`;return[{field:new Ee({label:"Conditionally render section",identifier:`${i}conditional`,required:!1}),showDirectly:!0},{field:new Oe({label:"Conditional settings",identifier:`${i}conditional-settings`,condition:{identifier:`${i}conditional`,value:!0},fields:[new Ue({label:"Field",description:"The field to use for the condition.",options:e.map(a=>!a.label||a.type==="upload"?null:{label:a.label,value:a.identifier}).filter(a=>!!a),identifier:`${i}condition.identifier`,required:!0}),new $o({label:"Value",identifier:`${i}condition.value`,required:!0,clonedFieldIdentifier:`${i}condition.identifier`,getFieldToClone(a){if(!a)return null;const s=e.find(l=>l.identifier===a);return s?{...s,label:"Value",identifier:`${i}condition.value`,description:"The value to compare against.",required:s.type!=="boolean"}:(console.error("Could not find field with identifier",a),null)}})]}),showDirectly:!1}]}static deserialize(e){if(e.type!=="section")throw new Error("Invalid type");if(!Array.isArray(e.fields))throw new Error(`Invalid fields: ${e.fields} (not an array)`);const r=e.fields.map(un);return new Oe({...e,fields:r})}conditional(){return this.condition!==null}serialize(){return{...super._serialize(),label:this.label,condition:this.condition,conditional:this.conditional(),fields:this.fields.map(e=>e.serialize())}}getErrors(e){const r={};for(const i of this.fields){const a=i.getId(),s=i.getError(R(e,a),e);s&&$e(r,i.getId(),s)}return r}getInput(e){return o.jsx($r,{field:this,...e})}};N(Oe,"fieldTypeName","Section"),N(Oe,"fieldTypeDescription","Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");let W=Oe;const ge=t=>Object.keys(t).length>0,vt=(t,n)=>{const e={};for(const r of t.fields)if(r instanceof W){if(r.condition){const{identifier:i}=r.condition;if(!fn(r.condition,R(n,i)))continue}Object.assign(e,r.getErrors(n))}else{if(!(r instanceof j))throw new Error("Invalid field type");const i=r.getId(),a=r.getError(R(n,i),n);a&&$e(e,i,a)}if(ge(e))return e},yt=(t,n)=>t.reduce((e,r)=>{if(r instanceof W)return{...e,...yt(r.fields,n)};const i=r.getId();return $e(e,i,e[i]??void 0),e},ti(n)),kr=(t,n,e)=>t.reduce((r,i)=>{if(i instanceof W)return{...r,...kr(i.fields,n,e)};if(i instanceof j){const a=i.getId(),s=n[a],l=e[a];i.isEqual(s,l)||$e(r,a,l)}return r},{}),jr=c.memo(c.forwardRef((t,n)=>{const{schema:e,values:r={},onValuesChange:i,onSubmit:a,submitText:s="Submit",cancelText:l,onCancel:m,onDirty:u,onDirtyChange:f,hideTitle:h=!e.title,hideDescription:g,className:C,buttonProps:w,enableReinitialize:p=!1,excludeUnchangedFields:b=!1}=t,{readonly:I}=e.meta,x=c.useId(),y=c.useMemo(()=>yt(e.fields,r),[e.fields,r]),T=c.useCallback(_=>{a==null||a(b?kr(e.fields,y,_):_)},[b,y,a,e.fields]),S=k.useFormik({initialValues:y,onSubmit:T,validate:_=>vt(e,_),validateOnBlur:!1,validateOnChange:!1,enableReinitialize:p}),{dirty:L}=S,F=c.useMemo(()=>typeof e.title=="string"?o.jsx(d.Heading,{size:"md",children:e.title}):e.title,[e.title]),D=c.useMemo(()=>typeof e.description=="string"?o.jsx(d.Text,{accentColor:"base",children:e.description}):e.description,[e.description]),M=c.useCallback((_,U)=>{Ur(e)[_].isEqual(y[_],U)||i==null||i({...S.values,[_]:U},{[_]:U})},[S.values,y,i,e]),O=ze(e.fields,{formId:x,disabled:I,onValuesChange:M});return c.useEffect(()=>{L&&u&&u(),f&&f(L)},[L,u,f]),o.jsx(k.FormikProvider,{value:S,children:o.jsxs("form",{id:x,ref:n,className:ye(C,"flex flex-col gap-2"),onSubmit:S.handleSubmit,children:[!h&&o.jsx(d.Card,{variant:"soft",children:o.jsxs("div",{className:"flex flex-col gap-1",children:[F,!g&&D]})}),O,!I&&o.jsxs("div",{className:"flex items-center justify-end gap-2",children:[l&&o.jsxs(d.Button,{accentColor:ue.danger,...w,type:"button",onClick:m,children:[o.jsx(d.RiIcon,{icon:"RiCloseLine"}),l]}),o.jsxs(d.Button,{...w,type:"submit",disabled:!S.isValid,accentColor:"success",children:[o.jsx(d.RiIcon,{icon:"RiCheckLine"}),s]})]})]})})})),ve=c.memo(t=>{const{name:n,render:e}=t,{submitForm:r}=k.useFormikContext(),[i,a,s]=k.useField(n),l=c.useMemo(()=>{const m=u=>{s.setValue(u,!1)};return e({value:i.value,meta:a,setValue:m,patchValue:()=>{r()}})},[e,i.value,a,r,s]);return o.jsx(o.Fragment,{children:l})});ve.displayName="PatchField";const Ro=c.memo(c.forwardRef((t,n)=>{const{children:e,schema:r,values:i,onPatch:a,onError:s,requiresDiff:l=!0,onDirtyChange:m,...u}=t,f=c.useMemo(()=>yt(r.fields,i),[r.fields,i]),h=c.useCallback(x=>{const y={};for(const T in x){const S=x[T];S!==f[T]&&S!==void 0&&(y[T]=S)}return y},[f]),g=c.useCallback(x=>{const y=h(x);l&&!ge(y)||a(y)},[h,a,l]),C=c.useCallback(x=>{const y=vt(r,x);if(y&&s(y),m){const T=h(x);m(ge(T))}return y},[r,m,s,h]),w=k.useFormik({initialValues:f,onSubmit:g,validate:C,validateOnBlur:!1,validateOnChange:!1}),p=c.useCallback(()=>{if(m){const x=h(w.values);ge(x)&&m(!0)}},[w.values,h,m]),{errors:b,resetForm:I}=w;return c.useEffect(()=>{ge(b)&&I({values:f,errors:{}})},[b,f,I]),o.jsx(k.FormikProvider,{value:w,children:o.jsx("form",{...u,ref:n,onSubmit:w.handleSubmit,onChange:p,children:e})})})),bt="form-builder",ea=[["string","text"],["select","multi-select","upload","qr"],["boolean","date","number","multi-string"]],hn={...dn,section:W},Ct=c.createContext({}),ta=(t,n)=>{var r;const e={...t};switch(n.type){case"release":for(const i in e)e[i].disabled=!1;return e;case"hold":for(const i in e)(r=e[i])!=null&&r.conditionFields.has(n.fieldId)&&(e[i].disabled=!0);return e;case"update":return n.state}},na=(t,n)=>{if(n)for(let e=0;e<t.length;e++){const r=t[e];if(r){for(const i of r.fields)if(i.identifier===n)return e}}},Wr=t=>{var e,r,i;const n={};for(let a=0;a<t.length;a++){const s=t[a];if(!s)throw new Error("Field is undefined.");const l=a>0?(e=n[t[a-1].identifier])==null?void 0:e.conditionFields:void 0,m=new Set(l);(r=s.condition)!=null&&r.identifier&&m.add(s.condition.identifier),n[s.identifier]={disabled:!1,conditionFields:m,conditionIndex:na(t,(i=s.condition)==null?void 0:i.identifier),index:a,label:s.label}}return n},pn=c.memo(t=>{const{index:n,type:e,sectionIndex:r,remove:i,duplicate:a,move:s,upload:l}=t;if(e!=="section"&&!l)throw new Error("Upload function prop must be defined for non-section fields.");const{values:m}=k.useFormikContext(),u=c.useRef(null),f=c.useMemo(()=>{const h=[{Icon:H.RiFileCopyLine,key:"duplicate",text:"Duplicate",buttonProps:{onClick:a}}];return h.push({Icon:H.RiDeleteBin7Fill,key:"delete",text:"Delete",buttonProps:{onClick:i}}),e!=="section"&&h.unshift({Icon:H.RiImageLine,key:"upload",text:"Upload image",buttonProps:{onClick:()=>{var g;(g=u.current)==null||g.click()}}}),(r===void 0&&n!==m.fields.length-1||r!==void 0&&(r<m.fields.length-1||n!==m.fields[r].fields.length-1))&&h.unshift({Icon:H.RiArrowDownLine,key:"moveDown",text:"Move down",buttonProps:{onClick:()=>{s("down")}}}),(r===void 0&&n!==0||r!==void 0&&(r!==0||n!==0))&&h.unshift({Icon:H.RiArrowUpLine,key:"moveUp",text:"Move up",buttonProps:{onClick:()=>{s("up")}}}),h},[a,n,s,i,r,e,m.fields]);return o.jsxs(o.Fragment,{children:[o.jsx(d.ButtonGroup,{className:"mx-2 hidden flex-col gap-0.5 sm:flex",variant:"ghost",accentColor:"base",size:"sm",children:f.map(h=>o.jsx(d.IconButton,{type:"button","aria-label":h.text,...h.buttonProps,children:o.jsx(h.Icon,{})},h.key))}),o.jsx("div",{className:"sm:hidden",children:o.jsxs(d.Menu.Root,{children:[o.jsx(d.Menu.ClickTrigger,{children:o.jsx(d.IconButton,{variant:"ghost",accentColor:"base","aria-label":"Actions menu",size:"sm",type:"button",children:o.jsx(d.RiIcon,{icon:"RiMore2Line"})})}),o.jsx(d.Menu.Content,{children:f.map(h=>{var g;return o.jsxs(d.Menu.Item,{onClick:(g=h.buttonProps)==null?void 0:g.onClick,children:[o.jsx(h.Icon,{}),h.text]},h.key)})})]})}),e!=="section"&&o.jsx("input",{style:{display:"none"},ref:u,type:"file",accept:"image/*",onChange:l})]})});pn.displayName="FieldActions";const mn=c.memo(t=>{const{popoverInputs:n,hasError:e,...r}=t;return o.jsxs(d.Popover.Root,{children:[o.jsx(d.Popover.Trigger,{asChild:!0,children:o.jsxs(d.Button,{variant:"soft",type:"button",size:"sm","aria-label":"settings",accentColor:"base",...e&&{color:ue.danger},children:[o.jsx(d.RiIcon,{icon:"RiSettings2Line"}),o.jsx("span",{children:"Settings"})]},"settings")}),o.jsx(d.Popover.Content,{size:"sm",...r,children:o.jsx("div",{className:"flex w-full max-w-[350px] flex-col",children:n})})]})});mn.displayName="FieldSettingsPopover";const qr=(t=()=>null)=>c.useMemo(()=>ea.map(n=>n.map(e=>{const r=dn[e],i=r.Icon;return{children:r.fieldTypeName,icon:o.jsx(i,{}),value:e,onSelect:()=>{t(e)}}})),[t]),Hr=576,gn=c.memo(t=>{var Be,vn,Jr,Zr,Rr;const{parentPath:n,index:e,initial:r,conditionalSourceFields:i}=t,{values:a,setFieldValue:s,errors:l}=k.useFormikContext(),m=qr(),u=We(),{disableRequiredFields:f}=c.use(Ct),h=c.useRef(null),[g,C]=c.useState(h.current&&h.current.getBoundingClientRect().width>=Hr);c.useEffect(()=>{const P=h.current;if(P){const z=new ResizeObserver(G=>{G[0]&&C(G[0].contentRect.width>=Hr)});return z.observe(P),()=>{z.disconnect()}}},[]);const[w,p]=c.useState(void 0);c.useEffect(()=>{me(r)?p(void 0):r.image instanceof Promise?r.image.then(p).catch(console.error):p(r.image)},[r]);const b=w?URL.createObjectURL(w):void 0,I=c.useCallback(P=>{P.stopPropagation();const{image:z,...G}=r;s(`${n}.${e}`,G).then()},[e,r,n,s]);c.useEffect(()=>{me(r)&&!r.conditional&&s(`${n}.${e}.condition`,null).then()},[e,r,n,s]);const x=c.useMemo(()=>{var P,z;return me(r)?(z=Ir(a.fields,(P=r.condition)==null?void 0:P.identifier))==null?void 0:z.label:void 0},[r,a.fields]),y=me(r)?Array.isArray((Be=r.condition)==null?void 0:Be.value)?"contains all of":"equals":void 0;let T;if(me(r)){if(gt((vn=r.condition)==null?void 0:vn.value))throw new Error("File values are not supported for conditions.");T=Array.isArray((Jr=r.condition)==null?void 0:Jr.value)?r.condition.value.map(P=>typeof P=="string"?P:P.label).join(", "):(Rr=(Zr=r.condition)==null?void 0:Zr.value)==null?void 0:Rr.toString()}const S=c.useCallback(P=>{P.target.parentNode instanceof HTMLElement&&(P.target.parentNode.dataset.replicatedValue=P.target.value)},[]),L=c.useCallback(P=>{P.target.parentNode instanceof HTMLElement&&(P.target.parentNode.dataset.replicatedValue=P.target.value)},[]),F=r.type,D=hn[F],[M,O]=c.useMemo(()=>{let P=[],z=[];if(D===W){if(i===void 0)throw new Error("Conditional source fields must be provided when changing sections.");const G=D.getFieldCreationSchema(i,`${n}.${e}`);P=P.concat(G.filter($=>$.showDirectly).map($=>$.field)),z=z.concat(G.filter($=>!$.showDirectly).map($=>$.field))}else{if(!(D.prototype instanceof j))throw new Error(`Field must be an instance of BaseField. Got ${D.toString()}.`);const G=D.getFieldCreationSchema(`${n}.${e}`);g?(P=[...P,...G.filter($=>$.showDirectly).map($=>$.field)],z=[...z,...G.filter($=>!$.showDirectly).map($=>$.field)]):z=[...z,...G.map($=>$.field)]}return[P,z]},[D,i,n,e,g]),_=ze(M,{formId:bt,disabled:!1,...D===W&&{size:"sm"}}),U=ze(O,{formId:bt,disabled:!1});let B=O.length>0;me(r)&&O.length>0&&(B=r.conditional);const Z=O.some(P=>{const z=R(l,D===W?`${n}.${e}.condition`:P.getId());return z&&(typeof z!="object"||ge(z))}),A=Z?ue.danger:void 0,q=c.useMemo(()=>pt(r),[r]),le=Qt(q,{formId:bt,showInputOnly:!1}),ne=c.useMemo(()=>m.flat().find(P=>P.value===F),[m,F]),ce=c.useCallback(()=>{w&&u(()=>({file:w}))},[u,w]);return o.jsx("div",{className:"flex grow items-center w-full",ref:h,children:o.jsxs("div",{className:"flex w-full flex-col gap-2",children:[D===W&&(M.length>0||B)&&o.jsxs("div",{className:"flex flex-col gap-2",children:[_,B&&o.jsxs("div",{className:"flex items-center gap-4",children:[o.jsx(mn,{popoverInputs:U,hasError:Z,align:"start"}),me(r)&&r.conditional&&o.jsx("span",{className:"text-sm text-(--accent-a11)","data-accent-color":A,children:o.jsxs("em",{children:["Display only if ",o.jsx("strong",{children:x})," ",y," ",o.jsx("strong",{children:T})]})})]})]}),D!==W&&o.jsxs("div",{className:"flex gap-2 w-full justify-between",children:[o.jsxs("div",{className:"flex gap-2 items-center",children:[o.jsxs(d.Badge,{accentColor:"base",variant:"soft",size:"sm",children:[ne==null?void 0:ne.icon,ne==null?void 0:ne.children]}),!f&&o.jsx(ve,{name:`${n}.${e}.required`,render:({setValue:P,value:z})=>o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx(d.Checkbox.Root,{checked:z,onCheckedChange:P,size:"sm",children:o.jsx(d.Checkbox.Indicator,{children:o.jsx(d.RiIcon,{icon:"RiCheckLine"})})}),o.jsx(d.Text,{size:"sm",accentColor:"base",children:"Required"})]})})]}),B&&o.jsx(mn,{popoverInputs:U,hasError:Z,align:"end"})]}),w&&o.jsxs("div",{className:"group relative inline-block w-full min-w-[300px]",children:[o.jsx("img",{className:"h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",src:b,alt:w.name,onClick:ce}),o.jsx(d.IconButton,{className:"absolute top-2 right-2 hidden group-hover:not-disabled:flex",variant:"solid",accentColor:"base","aria-label":"delete",onClick:I,size:"sm",children:o.jsx(d.RiIcon,{icon:"RiDeleteBin7Fill"})})]}),o.jsx(ve,{name:`${n}.${e}.label`,render:({setValue:P,value:z})=>o.jsx("input",{className:"bg-transparent outline-none text-sm placeholder-(--base-a9)",placeholder:F==="section"?"Enter a section label (optional)":"Enter your question",value:z,onChange:G=>{P(G.target.value)},onInput:S,maxLength:200})}),o.jsx(ve,{name:`${n}.${e}.description`,render:({setValue:P,value:z})=>o.jsx("textarea",{className:"bg-transparent outline-none text-sm field-sizing-content grow placeholder-(--base-a9)",placeholder:`Enter a ${F==="section"?"section":"field"} description (optional)`,value:z,onChange:G=>{P(G.target.value)},onInput:L,maxLength:1e3})}),D!==W&&M.length>0&&o.jsx("div",{className:"w-full",children:_}),D!==W&&o.jsxs(d.Card,{className:"flex gap-4 bg-(--accent-a2) items-center",children:[o.jsxs(d.HoverCard.Root,{children:[o.jsx(d.HoverCard.Trigger,{asChild:!0,children:o.jsx(d.Badge,{icon:!0,size:"sm",variant:"soft",accentColor:"base",children:o.jsx(d.RiIcon,{icon:"RiEyeLine"})})}),o.jsx(d.HoverCard.Content,{className:"w-[225px]",size:"sm",align:"start",children:"This is a preview of the field as it will be rendered in the form."})]}),o.jsx("div",{className:"grow h-max",children:le})]})]})})});gn.displayName="FieldBuilder";const Gr=c.memo(t=>{const{field:n,index:e,sectionIndex:r,remove:i}=t,{setFieldValue:a,values:s}=k.useFormikContext(),{reorderField:l}=Rt(),{showInfo:m,showError:u}=d.useToast(),f=`fields.${r}.fields`,h=c.useMemo(()=>({index:e,parentPath:f,initial:n}),[n,e,f]),g=c.useCallback(()=>{const p=n.label||"Unlabelled field",b={...n,label:p};lt(f,e+1,b,s,a),m({title:"Field duplicated",description:`The field "${p}" has been duplicated`})},[n,f,e,s,a,m]),C=c.useCallback(p=>{const b=r,I=s.fields[b];let x=r,y=p==="up"?e-1:e+1;p==="up"&&e===0?(x=r-1,y=s.fields[x].fields.length):p==="down"&&e===I.fields.length-1&&(x=r+1,y=0);const T=s.fields[x];l(I,b,e,T,x,y,a)},[r,s.fields,e,l,a]),w=c.useCallback(p=>{const{files:b}=p.target;if(!b||b.length!==1)return;const I=b.item(0);if(I){if(I.size>Yo){u({title:"File upload error",description:`The file ${I.name} exceeded the maximum file size`});return}a(`${f}.${e}`,{...n,image:I}).then()}},[n,e,f,a,u]);return o.jsx(ie.Draggable,{draggableId:n.identifier,index:e,children:p=>o.jsx(d.Card,{ref:p.innerRef,...p.draggableProps,...p.dragHandleProps,className:"mb-4",children:o.jsxs("div",{className:"flex items-center justify-between gap-4 w-full",children:[o.jsx(gn,{...h}),o.jsx(pn,{index:e,type:n.type,sectionIndex:r,remove:i,duplicate:g,move:C,upload:w})]})})})});Gr.displayName="FieldWithActions";const Xr=c.memo(t=>{var T;const{field:n,index:e,dropState:r}=t,i=(T=r[n.identifier])==null?void 0:T.disabled,{setFieldValue:a,values:s}=k.useFormikContext(),l=d.useAlertDialog(),{reorderSection:m}=Rt(),{showInfo:u}=d.useToast(),{fieldsOnly:f}=c.use(Ct),h=c.useCallback((S,L)=>{for(const F of S){const D=L.indexOf(F);a(`fields.${D}.condition`,null).then(),a(`fields.${D}.conditional`,!1).then()}},[a]),g=c.useCallback(S=>{var D;const L=n.fields[S];if(!L)throw new Error("Could not find field to remove.");const F=[];for(const M of s.fields)((D=M.condition)==null?void 0:D.identifier)===L.identifier&&F.push(M);return{removing:L,affectedSections:F,action:()=>a(`fields.${e}.fields`,st(n.fields,S))}},[n.fields,s.fields,a,e]),C=c.useCallback(S=>{const{affectedSections:L,action:F,removing:D}=g(S),M=()=>{F().then(),h(L,s.fields)};if(L.length>0){const O=L.map(_=>_.label).join(", ");l({title:"Remove condition?",description:`${D.label} is being used as a condition, deleting it will remove the condition from the ${O} section(s).`,action:"Remove",onAction:M});return}M()},[g,h,s.fields,l]),w=c.useCallback(()=>{const L=n.fields.map((B,Z)=>g(Z)).flatMap(B=>B.affectedSections),F=L.length?"Remove fields and conditions?":"Remove fields?",D=n.fields.length,M=L.map(B=>B.label).join(", "),O=L.length?`Deleting this section will remove the ${D} field(s) it contains and will remove the conditions from following sections: ${M}`:`Deleting this section will remove the ${D} field(s) it contains.`,_=st(s.fields,e),U=()=>a("fields",_);if(L.length>0){l({title:F,description:O,action:"Remove",onAction:()=>{U().then(()=>{h(L,_)})}});return}U().then()},[n.fields,s.fields,e,g,a,l,h]),p=c.useCallback(S=>{const L=S==="up"?e-1:e+1;m(r,n.identifier,e,L,s,a)},[e,m,r,n.identifier,s,a]),b=c.useMemo(()=>({index:e,parentPath:"fields",initial:n,conditionalSourceFields:xr(s.fields,e)}),[n,e,s.fields]),I=c.useCallback(()=>{const S=n.label||"Untitled section",L=n.fields.map(D=>({...D,identifier:Zt()})),F={...n,label:S,fields:L};lt("fields",e+1,F,s,a),u({title:"Section duplicated",description:`The section "${S}" has been duplicated.`})},[n,e,s,a,u]),x=c.useCallback(S=>{lt(`fields.${e}.fields`,n.fields.length,Qo[S],s,a)},[e,n.fields.length,s,a]),y=qr(x);return o.jsx(ie.Draggable,{draggableId:n.identifier,index:e,children:S=>o.jsx(d.Card,{ref:S.innerRef,...S.draggableProps,...S.dragHandleProps,variant:"outline",className:"mb-4 w-full",children:o.jsxs("div",{className:"flex items-center justify-between gap-3 w-full",children:[o.jsxs("div",{className:"flex grow flex-col gap-2 w-full",children:[!f&&o.jsx(gn,{...b}),o.jsx(ie.Droppable,{droppableId:n.identifier,type:"SECTION",isDropDisabled:i,children:L=>o.jsxs("div",{className:"flex flex-col gap-0 w-full",ref:L.innerRef,...L.droppableProps,children:[n.fields.map((F,D)=>o.jsx(Gr,{field:F,index:D,sectionIndex:e,remove:()=>{C(D)}},F.identifier)),L.placeholder,o.jsxs(d.Menu.Root,{children:[o.jsx(d.Menu.ClickTrigger,{children:o.jsxs(d.Button,{type:"button",variant:"soft",size:"sm",children:[o.jsx(d.RiIcon,{icon:"RiAddLine"})," Add field"]})}),o.jsx(d.Menu.Content,{children:y.flat().map(F=>o.jsxs(d.Menu.Item,{onSelect:F.onSelect,children:[F.icon,F.children]},F.value))})]})]})})]}),!f&&o.jsx(pn,{index:e,type:n.type,remove:w,duplicate:I,move:p})]})})})});Xr.displayName="FieldSectionWithActions";const Kr=(t,n)=>{for(const[e,r]of Object.entries(t))if(r.identifier===n)return[r,e]},Qr=c.memo(()=>{const{values:t,setFieldValue:n}=k.useFormikContext(),[e,r]=c.useReducer(ta,t.fields,Wr),{reorderSection:i,reorderField:a}=Rt(),{fieldsOnly:s}=c.use(Ct);c.useEffect(()=>{r({type:"update",state:Wr(t.fields)})},[r,t.fields]);const l=c.useCallback(f=>{f.type==="SECTION"&&r({type:"hold",fieldId:f.draggableId})},[]),m=c.useCallback(f=>{const{source:h,destination:g,type:C,reason:w,draggableId:p}=f;if(r({type:"release"}),!g||w==="CANCEL")return;if(C==="ROOT"){i(e,p,h.index,g.index,t,n);return}if(C!=="SECTION")throw new Error("Unexpected droppable type.");const[b,I]=Kr(t.fields,h.droppableId)??[],[x,y]=Kr(t.fields,g.droppableId)??[];a(b,I,h.index,x,y,g.index,n)},[t,a,n,i,e]),u=c.useCallback(f=>{Go(f+1,t,n)},[t,n]);return o.jsx(ie.DragDropContext,{onDragStart:l,onDragEnd:m,children:o.jsx(ie.Droppable,{droppableId:"droppable",type:"ROOT",children:f=>o.jsxs("div",{className:"flex flex-col gap-0",ref:f.innerRef,...f.droppableProps,children:[t.fields.map((h,g)=>o.jsxs(c.Fragment,{children:[o.jsx(Xr,{field:h,index:g,dropState:e,fieldsOnly:s}),!s&&g!==t.fields.length-1&&o.jsxs(d.Button,{className:"mb-4",type:"button",variant:"soft",size:"sm",accentColor:"base",onClick:()=>{u(g)},children:[o.jsx(d.RiIcon,{icon:"RiAddLine"})," Add section"]})]},h.identifier)),o.jsxs(d.Button,{className:"mb-4",type:"button",variant:"soft",accentColor:"base",size:"sm",onClick:()=>{u(t.fields.length)},children:[o.jsx(d.RiIcon,{icon:"RiAddLine"})," Add section"]}),f.placeholder]})})})});Qr.displayName="FieldsEditor";const ra=c.memo(c.forwardRef((t,n)=>{const{onCancel:e,onSave:r,revision:i,initialTitle:a,showExplainerText:s=!0,showFormTitle:l=!0,fieldsOnly:m=!1,showTabs:u=!0,disableRequiredFields:f=!1,tabsListClassName:h,hydrateRevisionWithImages:g}=t,{showError:C}=d.useToast(),w=c.useCallback(T=>{const S={};T.title||(S.title="Title is required."),(!T.fields||T.fields.length===0)&&(S.fields="At least one field is required.");let L=[];for(const[D,M]of T.fields.entries()){const _=hn.section.getFieldCreationSchema(xr(T.fields,D),`fields.${D}`).map(U=>U.field);L=[...L,..._];for(const[U,B]of M.fields.entries()){const A=hn[B.type].getFieldCreationSchema(`fields.${D}.fields.${U}`).map(q=>q.field);L=[...L,...A]}}const F=vt({fields:L},T);if(F&&(S.fields=F.fields),ge(S))return C({title:"Some form settings are invalid",description:"Please check settings highlighted in red."}),S},[C]),p=c.useMemo(()=>({title:a??"",description:"",fields:[{...at(Zt()),label:""}]}),[a]),b=i?g(i):void 0,I=k.useFormik({initialValues:Ho(b)??p,validate:w,onSubmit:r,validateOnChange:!1,validateOnBlur:!1}),x=c.useMemo(()=>Vr(I.values),[I.values]),y=c.useMemo(()=>({disableRequiredFields:f,fieldsOnly:m}),[f,m]);return o.jsx(Ct,{value:y,children:o.jsx(d.Tabs.Root,{ref:n,defaultValue:"edit",children:o.jsxs("div",{className:"flex flex-col gap-2",children:[u&&o.jsxs(d.Tabs.List,{className:ye("sticky top-0 z-[2000] flex bg-(--color-background)",h),children:[o.jsx(d.Tabs.Trigger,{className:"grow",value:"edit",children:o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx(d.RiIcon,{icon:"RiPencilLine"}),"Edit form"]})}),o.jsx(d.Tabs.Trigger,{className:"grow",value:"preview",children:o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx(d.RiIcon,{icon:"RiEyeLine"}),"Preview form"]})})]}),o.jsxs(d.Tabs.Content,{value:"edit",children:[s&&o.jsxs(d.Text,{children:["Create your form using various field types. Sections can be"," ",o.jsx("strong",{children:"conditionally rendered"})," based on"," ",o.jsx("strong",{children:"answers to fields in preceding sections. "})]}),o.jsxs("form",{className:"mt-3 flex flex-col gap-2",id:bt,onSubmit:I.handleSubmit,children:[o.jsxs(k.FormikProvider,{value:I,children:[l&&o.jsxs(o.Fragment,{children:[o.jsx(ve,{name:"title",render:({setValue:T,value:S,meta:L})=>o.jsx(Gt,{severity:"danger",helpText:L.error??null,children:o.jsx(d.Input.Root,{variant:"outline",size:"md",accentColor:L.error?ue.danger:"primary",children:o.jsx(d.Input.Field,{placeholder:"Form title",value:S,onChange:F=>{T(F.target.value)},maxLength:100})})})}),o.jsx(ve,{name:"description",render:({setValue:T,value:S})=>o.jsx(d.TextArea,{className:"field-sizing-content",placeholder:"Explain the purpose of this form",value:S,onChange:L=>{T(L.target.value)},resize:"vertical",maxLength:1e3,size:"md"})})]}),o.jsx(Qr,{}),o.jsx("span",{"data-accent-color":ue.danger,className:"text-xs text-(--accent-a11)",children:typeof I.errors.fields=="string"&&I.errors.fields})]}),o.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e&&o.jsx(d.Button,{type:"button",variant:"solid",accentColor:"base",onClick:e,children:"Cancel"}),o.jsx(d.Button,{type:"submit",children:"Save form"})]})]})]}),o.jsx(d.Tabs.Content,{value:"preview",children:o.jsx(jr,{schema:x,hideTitle:!l})})]})})})})),ia=Object.values(de.Colors),oa=1;async function aa(t,n,e,r){const i=t.getContext("2d",{}),a=new Image(r.width,r.height),s=new Image(r.width,r.height),l=new de.DeferredPromise;return a.onload=function(){i.drawImage(a,0,0,r.width,r.height),s.src=URL.createObjectURL(e),s.onload=async function(){i.drawImage(s,0,0,r.width,r.height);const m=t.toDataURL("image/jpeg",oa),u=await de.fileToBlob(m),f=new File([u],n.name,{type:"image/jpeg"});l.resolve(f)}},a.src=URL.createObjectURL(n),l}const Yr=c.memo(t=>{const{file:n,onClose:e,onSave:r,onDelete:i,dirty:a,onDirty:s}=t;n.objectURL||(n.objectURL=URL.createObjectURL(n));const l=c.useRef(null),m=c.useRef(null),[u,f]=c.useState(de.Colors.red),[h,g]=c.useState(null),[C,w]=c.useState(!1),[p,b]=c.useState(!1),I=c.useRef(null),x=d.useSize(I);c.useEffect(()=>{const B=new Image;B.onload=function(){g({width:B.naturalWidth,height:B.naturalHeight})},B.src=URL.createObjectURL(n)},[n]),c.useEffect(()=>{!p&&(x!=null&&x.width)&&x.height&&b(!0)},[x,p]);const y=c.useCallback(async()=>{a||e();const B=l.current;if(!B)return;if(!h)throw new Error("Original image size not loaded yet");const Z=await B.exportImage("png"),A=new Image(h.width,h.height);A.onload=async function(){const q=await de.fileToBlob(Z),le=new File([q],n.name,{type:n.type}),ne=m.current,ce=await aa(ne,n,le,h);ce.objectURL=URL.createObjectURL(ce);const Be=await de.hashFile(n);await de.hashFile(ce)!==Be&&r(ce),w(!1),e()},w(!0),A.src=Z},[a,n,e,r,h]),T=c.useCallback(()=>{i(n)},[n,i]),S=c.useCallback(()=>{e()},[e]),L=c.useCallback(()=>{s(!0)},[s]),F=c.useCallback(()=>{l.current&&l.current.redo()},[]),D=c.useCallback(()=>{l.current&&l.current.undo()},[]),M=c.useCallback(()=>{l.current&&(s(!1),l.current.clearCanvas())},[s]),O=c.useCallback(B=>{l.current&&l.current.eraseMode(B)},[]),_=c.useCallback(()=>{y()},[y]),U=c.useCallback(()=>{qt.saveAs(n,n.name)},[n]);return o.jsx($t,{open:!0,onOpenChange:e,children:o.jsxs(kt,{children:[o.jsx(jt,{className:"bg-(--color-background) fixed inset-0 data-[state='open']:fade-in-0 data-[state='open']:zoom-in-95 data-[state='closed']:animate-out data-[state='closed']:fade-out-0 data-[state='closed']:zoom-out-95 data-[state='open']:animate-in","data-floating-content":""}),o.jsxs(Wt,{className:"absolute inset-0  py-12","data-floating-content":"",children:[o.jsx(d.ButtonGroup,{className:"flex w-full gap-2 items-center top-0 absolute right-0 p-2",accentColor:"base",size:"md",variant:"soft",children:o.jsxs("div",{className:"grid w-full grid-cols-3",children:[o.jsxs("div",{className:"flex gap-2",children:[o.jsx(d.IconButton,{"aria-label":"close",onClick:S,children:o.jsx(d.RiIcon,{icon:"RiCloseLine"})}),o.jsx(d.IconButton,{"aria-label":`Download ${n.name}`,onClick:U,children:o.jsx(d.RiIcon,{icon:"RiDownload2Line"})})]}),o.jsxs("div",{className:"flex items-center justify-center gap-2",children:[o.jsx(wt,{selectedColor:u,allColors:ia,onFinish:f,trigger:o.jsx(d.IconButton,{"aria-label":"Markup color picker",type:"button",variant:"solid",style:{backgroundColor:u},children:" "})}),o.jsx(d.IconToggleButton,{defaultPressed:!1,"aria-label":"erase",onPressedChange:O,children:o.jsx(d.RiIcon,{icon:"RiEraserFill"})}),o.jsx(d.Separator,{orientation:"vertical",size:"full"}),o.jsx(d.IconButton,{"aria-label":"undo",onClick:D,children:o.jsx(d.RiIcon,{icon:"RiArrowGoBackLine"})}),o.jsx(d.IconButton,{"aria-label":"undo",onClick:F,children:o.jsx(d.RiIcon,{icon:"RiArrowGoForwardLine"})}),o.jsx(d.IconButton,{"aria-label":"undo all",onClick:M,children:o.jsx(d.RiIcon,{icon:"RiLoopLeftLine"})})]}),o.jsxs("div",{className:"flex justify-end gap-2",children:[o.jsx(d.IconButton,{"aria-label":"Save markup",accentColor:"primary",onClick:_,children:o.jsx(d.RiIcon,{icon:"RiSaveLine"})}),o.jsx(d.IconButton,{"aria-label":"Delete attachment",onClick:T,children:o.jsx(d.RiIcon,{icon:"RiDeleteBin2Line"})})]})]})}),h&&o.jsx("canvas",{id:"attachment-markup-canvas",className:"hidden",ref:m,width:h.width,height:h.height}),o.jsxs("div",{className:"relative size-full flex items-center justify-center p-4 overflow-hidden",children:[o.jsx("img",{className:"max-w-full max-h-full invisible absolute",alt:"Photo attachment",ref:I,src:n.objectURL}),C?o.jsx(d.Spinner,{}):o.jsx(ni.ReactSketchCanvas,{className:"max-w-full max-h-full aspect-square",backgroundImage:n.objectURL,ref:l,onStroke:L,strokeColor:u},p?"1":"0")]})]})]})})});Yr.displayName="AttachmentEditor",E.BaseField=j,E.BaseFormElement=xt,E.BooleanField=Ee,E.BooleanInput=Xt,E.ColorPicker=wt,E.DateField=rt,E.DateInput=Kt,E.FieldSection=W,E.FileCard=It,E.FileIcon=ke,E.FormBuilder=ra,E.FormRenderer=jr,E.ImageCard=Or,E.ImageMarkup=Yr,E.ImageViewer=Ht,E.ImageViewerProvider=gr,E.InputWithHelpText=Gt,E.InputWithLabel=Y,E.InputWithLabelAndHelpText=J,E.MultiSelectField=Ve,E.MultiSelectInput=on,E.MultiStringField=_e,E.MultiStringInput=en,E.NumberField=se,E.NumberInput=tn,E.PatchField=ve,E.PatchFormProvider=Ro,E.QrField=ct,E.QrInput=nn,E.QrScanner=rn,E.SUPPORTED_IMAGE_FILE_TYPES=wn,E.SUPPORTED_PDF_FILE_TYPES=xn,E.SUPPORTED_SPREADSHEET_FILE_EXTENSIONS=In,E.SelectField=Ue,E.SelectInput=an,E.StringField=ut,E.StringInput=sn,E.TextField=ft,E.TextInput=ln,E.decodeFormValues=Jo,E.deserialize=pt,E.deserializeField=un,E.emptyBaseField=X,E.emptyBooleanField=vr,E.emptyDateField=yr,E.emptyMultiSelectField=Lr,E.emptyMultiStringField=Er,E.emptyNumberField=Sr,E.emptyQrField=Nr,E.emptySelectField=Dr,E.emptyStringField=Pr,E.emptyTextField=Ar,E.encodeFormValues=Zo,E.fieldIcons=oi,E.flattenFields=mt,E.formRevisionToSchema=Vr,E.getFieldsMapping=Ur,E.initialFormValues=yt,E.isConditionMet=fn,E.useFieldInput=Qt,E.useFieldInputs=ze,E.useFormikInput=K,E.useImageViewer=We,E.validateForm=vt,E.valueIsFile=gt,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});