dynamic-mui 2.5.2 → 2.6.0

package/dist/collection-Dd_Ojgwl.js

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-5iZMYShA.js"),t=require("./useTextInput-Cm0_Ps2V.js"),n=require("./ai-BFpA3uHx.js"),r=require("./useUpdateEffect-CNBo9hj8.js");let i=require("react"),a=require("@mui/material"),o=require("@mui/material/styles"),s=require("react/jsx-runtime");var c=e.t(((e,n)=>{var r=t.g(),i=1,a=4;function o(e){return r(e,i|a)}n.exports=o})),l=e.n(c()),u=0,d=()=>`dmui-col-${++u}`,f=e=>(e.collections||[]).map(e=>e.id),p=e=>Object.fromEntries(f(e).map(e=>[e,[]])),m=(e,t)=>n.E(e).map(e=>{let n=new Set(f(t)),r=Object.fromEntries(Object.entries(e).filter(([e])=>!n.has(e))),i=Object.fromEntries((t.collections||[]).map(t=>[t.id,m(e[t.id],t)]));return{key:d(),data:r,children:i}}),h=(e,t)=>e.map(e=>{let n={...e.data};return(t.collections||[]).forEach(t=>{n[t.id]=h(e.children[t.id]||[],t)}),n}),g=e=>({key:d(),data:(0,l.default)(e.data),children:Object.fromEntries(Object.entries(e.children).map(([e,t])=>[e,t.map(g)]))}),_=e.t(((e,n)=>{var r=t.w(),i=t.D();function a(e,t,n){(n!==void 0&&!i(e[t],n)||n===void 0&&!(t in e))&&r(e,t,n)}n.exports=a})),v=e.t(((e,n)=>{var r=t.j(),i=t.P();function a(e){return i(e)&&r(e)}n.exports=a})),y=e.t(((e,n)=>{var r=t.L(),i=t.y(),a=t.P(),o=`[object Object]`,s=Function.prototype,c=Object.prototype,l=s.toString,u=c.hasOwnProperty,d=l.call(Object);function f(e){if(!a(e)||r(e)!=o)return!1;var t=i(e);if(t===null)return!0;var n=u.call(t,`constructor`)&&t.constructor;return typeof n==`function`&&n instanceof n&&l.call(n)==d}n.exports=f})),b=e.t(((e,t)=>{function n(e,t){if((t!==`constructor`||typeof e[t]!=`function`)&&t!=`__proto__`)return e[t]}t.exports=n})),x=e.t(((e,n)=>{var r=t.C(),i=t.S();function a(e){return r(e,i(e))}n.exports=a})),S=e.t(((e,n)=>{var r=_(),i=t.x(),a=t.v(),o=t.b(),s=t._(),c=t.N(),l=t.M(),u=v(),d=t.A(),f=t.F(),p=t.I(),m=y(),h=t.k(),g=b(),S=x();function C(e,t,n,_,v,y,b){var x=g(e,n),C=g(t,n),w=b.get(C);if(w)r(e,n,w);else{var T=y?y(x,C,n+``,e,t,b):void 0,E=T===void 0;if(E){var D=l(C),O=!D&&d(C),k=!D&&!O&&h(C);T=C,D||O||k?l(x)?T=x:u(x)?T=o(x):O?(E=!1,T=i(C,!0)):k?(E=!1,T=a(C,!0)):T=[]:m(C)||c(C)?(T=x,c(x)?T=S(x):(!p(x)||f(x))&&(T=s(C))):E=!1}E&&(b.set(C,T),v(T,C,_,y,b),b.delete(C)),r(e,n,T)}}n.exports=C})),C=e.t(((e,n)=>{var r=t.E(),i=_(),a=t.h(),o=S(),s=t.I(),c=t.S(),l=b();function u(e,t,n,d,f){e!==t&&a(t,function(a,c){if(f||=new r,s(a))o(e,t,c,n,u,d,f);else{var p=d?d(l(e,c),a,c+``,e,t,f):void 0;p===void 0&&(p=a),i(e,c,p)}},c)}n.exports=u})),w=e.t(((e,n)=>{var r=t.m(),i=t.p();function a(e){return r(function(t,n){var r=-1,a=n.length,o=a>1?n[a-1]:void 0,s=a>2?n[2]:void 0;for(o=e.length>3&&typeof o==`function`?(a--,o):void 0,s&&i(n[0],n[1],s)&&(o=a<3?void 0:o,a=1),t=Object(t);++r<a;){var c=n[r];c&&e(t,c,r,o)}return t})}n.exports=a})),T=e.t(((e,t)=>{var n=C();t.exports=w()(function(e,t,r){n(e,t,r)})})),E=e.n(T()),D=(e,t)=>{let n=e.palette[t||`primary`];if(n&&typeof n==`object`&&n.main)return n;try{return e.palette.augmentColor({color:{main:String(t)}})}catch{return e.palette.primary}},O=(e,t)=>e.palette.mode===`dark`?t.light:t.dark,k={add:`Add {label}`,addMore:`Add another {labelLower}`,emptyTitle:`No {pluralLower} yet`,emptyText:void 0,edit:`Edit`,duplicate:`Duplicate`,moveUp:`Move up`,moveDown:`Move down`,delete:`Delete`,more:`More actions`,collapse:`Collapse`,expand:`Expand`,editAria:`Edit {title}`,deleteAria:`Delete {title}`,viewAria:`View {title}`,moreAria:`More actions for {title}`,collapseAria:`Collapse {title}`,expandAria:`Expand {title}`,maxReached:`Maximum of {max} reached`,dialogAddTitle:`Add {label}`,dialogEditTitle:`Edit {label}`,dialogViewTitle:`{label}`,dialogContext:`For {parent}`,save:`Add {label}`,saveChanges:`Save changes`,saveAndAddAnother:`Save & add another`,cancel:`Cancel`,close:`Close`,closeAria:`Close dialog`,shortcut:`⌘/Ctrl + Enter`,deleteTitle:`Delete {labelLower}?`,deleteMessage:`{title} will be removed{detail}. This can’t be undone.`,deleteDetail:`, along with {detail}`,deleteConfirm:`Delete`},A=(e,t)=>e.replace(/\{(\w+)\}/g,(e,n)=>t[n]==null?e:String(t[n])),j=(e,t)=>{if(e==null)return`repeat(auto-fill, minmax(min(${t}px, 100%), 1fr))`;let n=e=>`repeat(${Math.max(1,e)}, minmax(0, 1fr))`;return typeof e==`number`?n(e):Object.fromEntries(Object.entries(e).map(([e,t])=>[e,n(Number(t))]))},M=e=>e==null?[]:Array.isArray(e)?e:[e],N=(e,t,r,i={})=>{let a=r>0,o=D(e,t.color),s=n.C(t),c=n.T(t),l={...k,...i,...t.texts||{}},u=t.styles||{},d={label:s,labelLower:s.toLowerCase(),plural:c,pluralLower:c.toLowerCase(),max:t.max};return{config:t,depth:r,nested:a,accent:o,ink:O(e,o),icon:t.icon||(a?`label`:`folder_open`),itemLabel:s,plural:c,texts:l,layout:t.layout||(a?`table`:`cards`),variant:t.variant||`outlined`,addButton:{position:`header`,variant:a?`outlined`:`contained`,icon:`add`,...t.addButton||{}},actions:{edit:!0,delete:!0,duplicate:!1,move:!1,collapse:!1,...t.actions||{}},t:(e,t={})=>A(String(l[e]??``),{...d,...t}),sx:(e,t)=>[...M(t),...M(u[e])],merged:(e,t={})=>(0,E.default)({},t,u[e]||{})}},P=`cubic-bezier(0.4, 0, 0.2, 1)`;function F({ui:e,n:t}){let n=(0,o.useTheme)();return(0,s.jsx)(a.Box,{component:`span`,sx:e.sx(`headerCount`,{minWidth:22,height:20,px:.75,borderRadius:`999px`,display:`inline-grid`,placeItems:`center`,fontSize:11.5,fontWeight:700,bgcolor:t>0?(0,o.alpha)(e.accent.main,.12):(0,o.alpha)(n.palette.text.primary,.07),color:t>0?e.ink:`text.secondary`,border:`1px solid ${t>0?(0,o.alpha)(e.accent.main,.2):`transparent`}`}),children:t})}var I=e=>e.split(/\s+/).map(e=>e.match(/[A-Za-z0-9]/)?.[0]||``).filter(Boolean).slice(0,2).join(``).toUpperCase()||`#`;function L({ui:e,mode:t,title:n,index:r}){return t===`none`?null:(0,s.jsx)(a.Box,{sx:e.sx(`avatar`,{width:40,height:40,flexShrink:0,borderRadius:`10px`,display:`grid`,placeItems:`center`,fontWeight:600,fontSize:14,bgcolor:(0,o.alpha)(e.accent.main,.1),color:e.ink,"& .MuiIcon-root":{fontSize:20}}),children:t===`initials`?I(n):t===`index`?r+1:(0,s.jsx)(a.Icon,{children:e.icon})})}function R({ui:e,text:t,color:n}){let r=(0,o.useTheme)(),i=n==="default"?null:D(r,n);return(0,s.jsx)(a.Box,{component:`span`,sx:e.sx(`badge`,{display:`inline-flex`,alignItems:`center`,gap:.5,px:1.25,py:.3,borderRadius:`999px`,fontSize:11.5,fontWeight:700,lineHeight:1.6,whiteSpace:`nowrap`,letterSpacing:`0.02em`,bgcolor:i?(0,o.alpha)(i.main,.1):(0,o.alpha)(r.palette.text.primary,.06),color:i?O(r,i):`text.secondary`,border:`1px solid ${i?(0,o.alpha)(i.main,.25):(0,o.alpha)(r.palette.text.primary,.12)}`,"&::before":{content:`""`,width:6,height:6,borderRadius:`50%`,bgcolor:i?i.main:`text.disabled`,flexShrink:0}}),children:t})}function ee({ui:e,placement:t,empty:n,disabled:r,onClick:i}){let{variant:c,icon:l,size:u,fullWidth:d}=e.addButton,f=t===`footer`&&!n?e.t(`addMore`):e.t(`add`),p=e.config.max!=null&&r,m=!!d||c===`dashed`&&d!==!1,h=t=>(0,s.jsx)(a.Tooltip,{title:p?e.t(`maxReached`):``,children:(0,s.jsx)(a.Box,{component:`span`,sx:{display:m?`block`:`inline-flex`,flexShrink:0},children:t})});if(c===`dashed`)return h((0,s.jsxs)(a.ButtonBase,{onClick:i,disabled:r,sx:e.sx(`addButton`,{width:m?`100%`:`auto`,display:`flex`,alignItems:`center`,justifyContent:`center`,gap:.75,py:1.1,px:2,borderRadius:`8px`,border:`1px dashed ${(0,o.alpha)(e.accent.main,.5)}`,color:e.ink,fontFamily:`inherit`,fontSize:14,fontWeight:600,transition:`background-color .15s ${P}`,"&:hover":{bgcolor:(0,o.alpha)(e.accent.main,.06)},"&.Mui-focusVisible":{outline:`2px solid ${(0,o.alpha)(e.accent.main,.5)}`,outlineOffset:2},"&.Mui-disabled":{opacity:.5},"& .MuiIcon-root":{fontSize:19}}),children:[(0,s.jsx)(a.Icon,{children:l}),f]}));let g={contained:{bgcolor:e.accent.main,color:e.accent.contrastText,"&:hover":{bgcolor:e.accent.dark}},outlined:{color:e.ink,borderColor:(0,o.alpha)(e.accent.main,.5),"&:hover":{borderColor:e.accent.main,bgcolor:(0,o.alpha)(e.accent.main,.05)}},text:{color:e.ink,"&:hover":{bgcolor:(0,o.alpha)(e.accent.main,.07)}},soft:{color:e.ink,bgcolor:(0,o.alpha)(e.accent.main,.1),"&:hover":{bgcolor:(0,o.alpha)(e.accent.main,.16)}}}[c]||{};return h((0,s.jsx)(a.Button,{onClick:i,disabled:r,variant:c===`soft`?`text`:c,color:`inherit`,size:u||(e.nested?`small`:`medium`),fullWidth:d,disableElevation:!0,startIcon:(0,s.jsx)(a.Icon,{children:l}),sx:e.sx(`addButton`,{textTransform:`none`,fontWeight:600,borderRadius:`8px`,px:e.nested?1.5:2,whiteSpace:`nowrap`,...g}),children:f}))}var te=e=>/^[aeiou]/i.test(e)?`an`:`a`,z=e=>e.length<=1?e.join(``):`${e.slice(0,-1).join(`, `)} and ${e[e.length-1]}`,B=e=>{if(e.nested)return``;let t=e.itemLabel.toLowerCase(),r=(e.config.collections||[]).map(e=>n.w(n.C(e)).toLowerCase());return r.length?`Add ${te(t)} ${t}, then add its ${z(r)}.`:`Add your first ${t} to get started.`};function ne({ui:e,readOnly:t,error:n}){let r=(0,o.useTheme)(),i=e.texts.emptyText==null?B(e):e.t(`emptyText`);return e.nested?(0,s.jsx)(a.Typography,{sx:e.sx(`empty`,{fontSize:13,color:`text.disabled`,fontStyle:`italic`,py:.75,px:0,display:`block`}),children:e.t(`emptyTitle`)}):(0,s.jsxs)(a.Box,{sx:e.sx(`empty`,{py:5,px:3,textAlign:`center`,borderRadius:`10px`,border:`1.5px dashed ${n?r.palette.error.main:(0,o.alpha)(r.palette.text.primary,.15)}`,bgcolor:n?(0,o.alpha)(r.palette.error.main,.03):(0,o.alpha)(r.palette.text.primary,.02)}),children:[(0,s.jsx)(a.Box,{sx:{width:48,height:48,borderRadius:`50%`,bgcolor:(0,o.alpha)(e.accent.main,.1),display:`flex`,alignItems:`center`,justifyContent:`center`,mx:`auto`,mb:1.5},children:(0,s.jsx)(a.Icon,{sx:{color:e.ink,fontSize:`22px !important`},children:e.icon||`inbox`})}),(0,s.jsx)(a.Typography,{sx:e.sx(`emptyTitle`,{fontSize:15,fontWeight:600,color:`text.primary`}),children:e.t(`emptyTitle`)}),i&&!t&&(0,s.jsx)(a.Typography,{sx:e.sx(`emptyText`,{fontSize:13.5,color:`text.secondary`,mt:.5,maxWidth:380,mx:`auto`}),children:i})]})}function re({ui:e,open:t,mode:r,guid:c,session:l,initial:u,context:d,onClose:f,onSave:p}){let m=(0,o.useTheme)(),h=e.config.dialog||{},g=(0,a.useMediaQuery)(m.breakpoints.down(`sm`)),_=h.fullScreen===!0||h.fullScreen!==!1&&g,v=(0,i.useRef)(null),[y,b]=(0,i.useState)(0),{accent:x}=e,S=e.t(r===`add`?`dialogAddTitle`:r===`edit`?`dialogEditTitle`:`dialogViewTitle`),C=`${c}-dialog-${l}-${y}`,w=e.t(`dialogContext`),[T,E]=w.includes(`{parent}`)?w.split(`{parent}`):[w,null],D=e=>{let t=v.current;t&&t.validate()&&(p({...t.getValues()},e),e&&b(e=>e+1))};return(0,s.jsxs)(a.Dialog,{open:t,onClose:(e,t)=>{t!==`backdropClick`&&f()},fullScreen:_,fullWidth:!0,maxWidth:h.maxWidth||`sm`,"aria-labelledby":`${c}-dialog-title`,onKeyDown:e=>{r!==`view`&&e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),D(!1))},sx:{"& .MuiDialog-paper":e.merged(`dialog`,{borderRadius:_?0:`12px`,backgroundImage:`none`})},children:[(0,s.jsxs)(a.Box,{sx:e.sx(`dialogHeader`,{display:`flex`,alignItems:`flex-start`,gap:1,px:{xs:2,sm:3},pt:2.5,pb:2,borderBottom:`1px solid ${m.palette.divider}`}),children:[(0,s.jsxs)(a.Box,{sx:{flex:1,minWidth:0},children:[(0,s.jsx)(a.Typography,{id:`${c}-dialog-title`,sx:e.sx(`dialogTitle`,{fontWeight:600,fontSize:18,lineHeight:1.3}),children:S}),d&&(0,s.jsxs)(a.Typography,{sx:e.sx(`dialogContext`,{fontSize:13.5,color:`text.secondary`,mt:.25}),children:[T,E!==null&&(0,s.jsx)(a.Box,{component:`strong`,sx:{color:`text.primary`,fontWeight:600},children:d}),E]}),h.description&&(0,s.jsx)(a.Typography,{sx:e.sx(`dialogDescription`,{fontSize:13.5,color:`text.secondary`,mt:.25}),children:h.description})]}),(0,s.jsx)(a.IconButton,{"aria-label":e.t(`closeAria`),onClick:f,size:`small`,sx:{mt:-.5,mr:-1,color:`text.secondary`},children:(0,s.jsx)(a.Icon,{children:`close`})})]}),(0,s.jsx)(a.DialogContent,{sx:e.sx(`dialogContent`,{px:{xs:2,sm:3},pt:`20px !important`,pb:3}),children:(0,s.jsx)(n.m,{guid:C,data:e.config.fields||[],patch:r===`add`?{}:u||{},apiRef:v,readOnly:r===`view`,MuiGridAttributes:{spacing:h.spacing??2}},C)}),(0,s.jsx)(a.DialogActions,{sx:e.sx(`dialogActions`,{px:{xs:2,sm:3},py:1.5,gap:1,flexWrap:`wrap`,borderTop:`1px solid ${m.palette.divider}`,"& .MuiButton-root":{textTransform:`none`,fontWeight:600,borderRadius:`8px`,px:2,whiteSpace:`nowrap`,ml:`0 !important`}}),children:r===`view`?(0,s.jsx)(a.Button,{variant:`contained`,disableElevation:!0,onClick:f,sx:e.sx(`dialogSave`,{bgcolor:x.main,color:x.contrastText,"&:hover":{bgcolor:x.dark}}),children:e.t(`close`)}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Button,{onClick:f,color:`inherit`,sx:e.sx(`dialogCancel`,{color:`text.secondary`}),children:e.t(`cancel`)}),r===`add`&&h.addAnother!==!1&&(0,s.jsx)(a.Button,{variant:`outlined`,color:`inherit`,onClick:()=>D(!0),sx:e.sx(`dialogSaveAnother`,{color:e.ink,borderColor:(0,o.alpha)(x.main,.5),"&:hover":{borderColor:x.main,bgcolor:(0,o.alpha)(x.main,.06)}}),children:e.t(`saveAndAddAnother`)}),(0,s.jsx)(a.Tooltip,{title:e.t(`shortcut`),placement:`top`,describeChild:!0,children:(0,s.jsx)(a.Button,{variant:`contained`,color:`inherit`,disableElevation:!0,startIcon:(0,s.jsx)(a.Icon,{children:r===`add`?`add`:`check`}),onClick:()=>D(!1),sx:e.sx(`dialogSave`,{bgcolor:x.main,color:x.contrastText,"&:hover":{bgcolor:x.dark}}),children:r===`add`?e.t(`save`):e.t(`saveChanges`)})})]})})]})}function ie({ui:e,count:t,required:n,action:r,alone:i=!1}){let{nested:c}=e;return(0,s.jsxs)(a.Box,{sx:e.sx(`header`,{display:`flex`,alignItems:`center`,gap:1.5,mb:i?0:c?1.25:2.5,flexWrap:`wrap`}),children:[(0,s.jsxs)(a.Box,{sx:{flex:1,minWidth:c?140:{xs:`100%`,sm:220}},children:[(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`center`,gap:c?.75:1},children:[e.config.icon&&(0,s.jsx)(a.Box,{sx:{width:c?26:32,height:c?26:32,borderRadius:c?`6px`:`8px`,bgcolor:(0,o.alpha)(e.accent.main,.12),display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0},children:(0,s.jsx)(a.Icon,{sx:e.sx(`headerIcon`,{color:e.ink,fontSize:`${c?14:18}px !important`}),children:e.icon})}),(0,s.jsxs)(a.Typography,{sx:e.sx(`headerTitle`,{fontWeight:700,fontSize:c?14:19,lineHeight:1.3,color:`text.primary`}),children:[e.plural,n&&(0,s.jsx)(a.Box,{component:`span`,sx:{color:`error.main`,ml:.25},children:`*`})]}),(0,s.jsx)(F,{ui:e,n:t})]}),e.config.description&&(0,s.jsx)(a.Typography,{sx:e.sx(`headerDescription`,{fontSize:13.5,color:`text.secondary`,mt:.5,ml:c?0:e.config.icon?`44px`:0}),children:e.config.description})]}),r]})}function V({ui:e,title:t,canEdit:n,onOpen:r,size:i}){return(0,s.jsx)(a.ButtonBase,{onClick:r,"aria-label":n?void 0:e.t(`viewAria`,{title:t}),"aria-haspopup":`dialog`,sx:e.sx(`itemTitle`,{borderRadius:`4px`,textAlign:`left`,justifyContent:`flex-start`,fontFamily:`inherit`,fontWeight:600,fontSize:i,lineHeight:1.4,color:`text.primary`,wordBreak:`break-word`,"&:hover":{color:e.ink,textDecoration:`underline`},"&.Mui-focusVisible":{outline:`2px solid ${(0,o.alpha)(e.accent.main,.5)}`,outlineOffset:2}}),children:t})}function H({ui:e,data:t}){let r=e.config.display||{},i=typeof r.badge==`string`?{field:r.badge}:r.badge;if(!i)return null;let a=t[i.field],o=n.S(n.x(e.config.fields||[],i.field),a);if(!o)return null;let c=i.colors?.[String(a)]??i.colors?.[o]??`default`;return(0,s.jsx)(R,{ui:e,text:o,color:c})}function U({ui:e,title:t,readOnly:n,open:r,canToggle:i,onEdit:c,onDelete:l,onMenu:u,onToggle:d}){let f=(0,o.useTheme)(),p=!n&&e.actions.edit,m=!n&&e.actions.delete,h=!n&&(e.actions.duplicate||e.actions.move),g=(e,t)=>({width:30,height:30,borderRadius:`8px`,color:e,transition:`background-color .15s ${P}, color .15s ${P}`,"&:hover":{bgcolor:t}});return(0,s.jsxs)(a.Box,{sx:e.sx(`actions`,{display:`flex`,alignItems:`center`,gap:.25,flexShrink:0}),children:[p&&(0,s.jsx)(a.Tooltip,{title:e.t(`edit`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`editAria`,{title:t}),onClick:c,sx:e.sx(`actionButton`,g(e.ink,(0,o.alpha)(e.accent.main,.1))),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`edit`})})}),m&&(0,s.jsx)(a.Tooltip,{title:e.t(`delete`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`deleteAria`,{title:t}),onClick:l,sx:e.sx(`actionButton`,g(f.palette.error.main,(0,o.alpha)(f.palette.error.main,.08))),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`delete_outline`})})}),h&&(0,s.jsx)(a.Tooltip,{title:e.t(`more`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`moreAria`,{title:t}),onClick:e=>u(e.currentTarget),sx:e.sx(`actionButton`,g(f.palette.text.secondary,(0,o.alpha)(f.palette.text.primary,.07))),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`more_vert`})})}),i&&(0,s.jsx)(a.Tooltip,{title:r?e.t(`collapse`):e.t(`expand`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(r?`collapseAria`:`expandAria`,{title:t}),"aria-expanded":r,onClick:d,sx:e.sx(`actionButton`,g(f.palette.text.secondary,(0,o.alpha)(f.palette.text.primary,.07))),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`19px !important`,transition:`transform .2s cubic-bezier(0.4, 0, 0.2, 1)`,transform:r?`rotate(180deg)`:`none`},children:`expand_more`})})})]})}function W({ui:e,node:t,guid:n,readOnly:r,issues:i,showErrors:c,texts:l,parentTitle:u,onChildChange:d}){let f=(0,o.useTheme)(),p=e.config.collections||[];return(0,s.jsx)(a.Box,{sx:e.sx(`sections`,{display:`grid`,gridTemplateColumns:j(e.config.sectionColumns??1,320)}),children:p.map((p,m)=>(0,s.jsx)(a.Box,{sx:e.sx(`section`,{borderTop:`1px solid ${f.palette.divider}`,bgcolor:f.palette.mode===`dark`?(0,o.alpha)(f.palette.common.white,.02):(0,o.alpha)(f.palette.grey[500],.03),minWidth:0,...m>0?{borderLeft:`1px solid ${f.palette.divider}`}:{}}),children:(0,s.jsx)(a.Box,{sx:{px:{xs:2,sm:2.5},pt:{xs:1.5,sm:1.75},pb:{xs:1.25,sm:1.5}},children:(0,s.jsx)(G,{config:p,nodes:t.children[p.id]||[],onChange:e=>d(p.id,e),guid:`${n}-${t.key}`,depth:e.depth+1,readOnly:r,issues:i.filter(e=>e.path[0]===p.id).map(e=>({...e,path:e.path.slice(1)})),showErrors:c,parentTitle:u,texts:l})})},p.id))})}function ae({ui:e,node:t,index:r,guid:i,readOnly:c,collapsed:l,issues:u,showErrors:d,texts:f,onOpen:p,onDelete:m,onMenu:h,onToggle:g,onChildChange:_}){let v=(0,o.useTheme)(),{config:y}=e,b=y.display||{},{title:x,subtitle:S,details:C}=n.v(t.data,y,r),w=y.collections||[],T=w.length>0,E=d&&u.length>0,D=b.avatar||`none`,O=!c&&e.actions.edit,k=!c&&e.actions.delete,A=!c&&(e.actions.duplicate||e.actions.move),j=C.length>0||T,M=!l,N=E?(0,o.alpha)(v.palette.error.main,.05):(0,o.alpha)(e.accent.main,.05),F=E?(0,o.alpha)(v.palette.error.main,.2):(0,o.alpha)(e.accent.main,.15),I=(e,t)=>({width:30,height:30,borderRadius:`8px`,color:e,transition:`background-color .15s ${P}`,"&:hover":{bgcolor:t}});return(0,s.jsxs)(a.Box,{sx:e.sx(`item`,{border:`1px solid ${E?v.palette.error.main:v.palette.divider}`,borderRadius:`14px`,overflow:`hidden`,bgcolor:`background.paper`,boxShadow:`0 1px 3px ${(0,o.alpha)(v.palette.common.black,.06)}, 0 4px 12px ${(0,o.alpha)(v.palette.common.black,.04)}`}),children:[(0,s.jsxs)(a.Box,{sx:e.sx(`itemHeader`,{px:{xs:2,sm:2.5},pt:{xs:1.75,sm:2},pb:{xs:1.5,sm:1.75},bgcolor:N,borderBottom:M&&j?`1px solid ${F}`:`1px solid transparent`,transition:`border-color .2s ${P}`,display:`flex`,alignItems:`flex-start`,gap:1.5}),children:[D!==`none`&&(0,s.jsx)(L,{ui:e,mode:D,title:x,index:r}),(0,s.jsxs)(a.Box,{sx:{flex:1,minWidth:0},children:[(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:.75,mb:S?.25:0},children:[(0,s.jsx)(V,{ui:e,title:x,canEdit:O,onOpen:p,size:15.5}),(0,s.jsx)(H,{ui:e,data:t.data})]}),S&&(0,s.jsxs)(a.Typography,{sx:e.sx(`subtitle`,{display:`flex`,alignItems:`center`,gap:.4,fontSize:13,color:`text.secondary`,wordBreak:`break-word`,"& .MuiIcon-root":{fontSize:14,color:`text.disabled`}}),children:[b.subtitleIcon&&(0,s.jsx)(a.Icon,{children:b.subtitleIcon}),S]}),!M&&T&&(0,s.jsx)(a.Box,{sx:{display:`flex`,flexWrap:`wrap`,gap:.75,mt:.6},children:w.map(r=>{let i=(t.children[r.id]||[]).length;return(0,s.jsxs)(a.Box,{component:`span`,sx:{fontSize:12,fontWeight:600,px:1,py:.2,borderRadius:`999px`,bgcolor:(0,o.alpha)(e.accent.main,.08),color:e.ink,border:`1px solid ${(0,o.alpha)(e.accent.main,.18)}`},children:[i,` `,n.w(n.C(r),i).toLowerCase()]},r.id)})})]}),(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`center`,flexShrink:0,gap:.25,mt:-.25},children:[O&&(0,s.jsx)(a.Tooltip,{title:e.t(`edit`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`editAria`,{title:x}),onClick:p,sx:I(e.ink,(0,o.alpha)(e.accent.main,.1)),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`edit`})})}),k&&(0,s.jsx)(a.Tooltip,{title:e.t(`delete`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`deleteAria`,{title:x}),onClick:m,sx:I(v.palette.error.main,(0,o.alpha)(v.palette.error.main,.08)),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`delete_outline`})})}),A&&(0,s.jsx)(a.Tooltip,{title:e.t(`more`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(`moreAria`,{title:x}),onClick:e=>h(e.currentTarget),sx:I(v.palette.text.secondary,(0,o.alpha)(v.palette.text.primary,.07)),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`more_vert`})})}),j&&(0,s.jsx)(a.Tooltip,{title:M?e.t(`collapse`):e.t(`expand`),children:(0,s.jsx)(a.IconButton,{size:`small`,"aria-label":e.t(M?`collapseAria`:`expandAria`,{title:x}),onClick:g,sx:I(v.palette.text.secondary,(0,o.alpha)(v.palette.text.primary,.07)),children:(0,s.jsx)(a.Icon,{sx:{fontSize:`19px !important`,transition:`transform .25s cubic-bezier(0.4, 0, 0.2, 1)`,transform:M?`rotate(180deg)`:`none`},children:`expand_more`})})})]})]}),j&&(0,s.jsxs)(a.Collapse,{in:M,timeout:220,children:[C.length>0&&(0,s.jsx)(a.Box,{sx:e.sx(`details`,{display:`flex`,overflowX:`auto`,borderBottom:T?`1px solid ${v.palette.divider}`:`none`,"&::-webkit-scrollbar":{height:0}}),children:C.map((t,n)=>(0,s.jsxs)(a.Box,{sx:e.sx(`detail`,{flex:`1 1 0`,minWidth:90,maxWidth:220,px:{xs:2,sm:2.5},py:1.5,borderLeft:n>0?`1px solid ${v.palette.divider}`:`none`}),children:[(0,s.jsxs)(a.Typography,{sx:e.sx(`detailLabel`,{fontSize:10.5,fontWeight:700,letterSpacing:`0.07em`,textTransform:`uppercase`,color:`text.disabled`,mb:.25,display:`flex`,alignItems:`center`,gap:.4,whiteSpace:`nowrap`}),children:[t.icon&&(0,s.jsx)(a.Icon,{sx:{fontSize:`11px !important`},children:t.icon}),t.label]}),(0,s.jsx)(a.Typography,{sx:e.sx(`detailValue`,{fontSize:13.5,fontWeight:600,color:t.value?`text.primary`:`text.disabled`,wordBreak:`break-word`,lineHeight:1.4}),children:t.value||`—`})]},t.id))}),T&&(0,s.jsx)(W,{ui:e,node:t,guid:i,readOnly:c,issues:u,showErrors:d,texts:f,parentTitle:x,onChildChange:_})]})]})}function oe({ui:e,nodes:t,guid:r,readOnly:c,issues:l,showErrors:u,texts:d,isCollapsed:f,onToggle:p,onOpen:m,onDelete:h,onMenu:g,onChildChange:_}){let v=(0,o.useTheme)(),y=(0,a.useMediaQuery)(v.breakpoints.down(`sm`)),{config:b}=e,x=b.fields||[],S=b.display||{},C=n.y(b),w=typeof S.badge==`string`?S.badge:S.badge?.field,T=typeof S.badge==`object`&&S.badge?.label||(w?n.b(n.x(x,w))||w:``),E=(b.collections||[]).length>0,D=!c&&e.actions.edit,O=!c&&(e.actions.edit||e.actions.delete||e.actions.duplicate||e.actions.move),k=e=>l.filter(t=>t.path[0]===e).map(e=>({...e,path:e.path.slice(1)})),A=(0,s.jsx)(a.Box,{component:`span`,sx:{color:`text.disabled`},children:`—`}),j=(t,n,i)=>E&&(0,s.jsx)(a.Collapse,{in:!f(t.key),timeout:200,unmountOnExit:!0,children:(0,s.jsx)(W,{ui:e,node:t,guid:r,readOnly:c,issues:k(n),showErrors:u,texts:d,parentTitle:i,onChildChange:(e,t)=>_(n,e,t)})}),M=(t,n,r)=>(0,s.jsx)(U,{ui:e,title:r,readOnly:c,open:!f(t.key),canToggle:E,onEdit:()=>m(n),onDelete:()=>h(n),onMenu:e=>g(e,n),onToggle:()=>p(t.key)}),N=(0,o.alpha)(v.palette.error.main,.06);if(y)return(0,s.jsx)(a.Box,{sx:e.sx(`table`,{border:`1px solid ${v.palette.divider}`,borderRadius:`8px`,overflow:`hidden`,bgcolor:`background.paper`}),children:t.map((t,r)=>{let{title:o,details:c}=n.v(t.data,b,r),l=u&&k(r).length>0;return(0,s.jsxs)(a.Box,{sx:e.sx(`mobileRow`,{borderTop:r?`1px solid ${v.palette.divider}`:`none`,...l?{bgcolor:N}:{}}),children:[(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`flex-start`,gap:1,p:1.5},children:[(0,s.jsxs)(a.Box,{sx:{flex:1,minWidth:0},children:[(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:1},children:[(0,s.jsx)(V,{ui:e,title:o,canEdit:D,onOpen:()=>m(r),size:14.5}),(0,s.jsx)(H,{ui:e,data:t.data})]}),c.length>0&&(0,s.jsx)(a.Box,{sx:{display:`grid`,gridTemplateColumns:`auto 1fr`,columnGap:1.5,rowGap:.25,mt:.75},children:c.map(t=>(0,s.jsxs)(i.Fragment,{children:[(0,s.jsx)(a.Typography,{sx:e.sx(`detailLabel`,{fontSize:13,color:`text.secondary`}),children:t.label}),(0,s.jsx)(a.Typography,{sx:e.sx(`detailValue`,{fontSize:13,fontWeight:500,wordBreak:`break-word`}),children:t.value})]},t.id))})]}),(O||E)&&M(t,r,o)]}),j(t,r,o)]},t.key)})});let P=e.sx(`tableHeadCell`,{fontSize:12.5,fontWeight:600,color:`text.secondary`,whiteSpace:`nowrap`,py:1,px:1.75}),F=e.sx(`tableCell`,{fontSize:14,color:`text.primary`,whiteSpace:`nowrap`,py:1.1,px:1.75}),I=1+C.length+ +!!w+(O||E?1:0);return(0,s.jsx)(a.Box,{sx:e.sx(`table`,{border:`1px solid ${v.palette.divider}`,borderRadius:`8px`,overflowX:`auto`,bgcolor:`background.paper`}),children:(0,s.jsxs)(a.Table,{size:`small`,children:[(0,s.jsx)(a.TableHead,{children:(0,s.jsxs)(a.TableRow,{sx:e.sx(`tableHead`,{bgcolor:(0,o.alpha)(v.palette.text.primary,v.palette.mode===`dark`?.05:.03)}),children:[(0,s.jsx)(a.TableCell,{sx:P,children:S.titleLabel||e.itemLabel}),C.map(e=>(0,s.jsx)(a.TableCell,{sx:P,children:e.label},e.id)),w&&(0,s.jsx)(a.TableCell,{sx:P,children:T}),(O||E)&&(0,s.jsx)(a.TableCell,{sx:P})]})}),(0,s.jsx)(a.TableBody,{children:t.map((r,o)=>{let{title:c,rawTitle:l}=n.v(r.data,b,o),d=u&&k(o).length>0,p=o===t.length-1,h=p&&(!E||f(r.key))?{"& > td":{borderBottom:0}}:{};return(0,s.jsxs)(i.Fragment,{children:[(0,s.jsxs)(a.TableRow,{hover:!0,sx:e.sx(`tableRow`,{...h,...d?{bgcolor:N}:{}}),children:[(0,s.jsx)(a.TableCell,{sx:F,children:l?(0,s.jsx)(V,{ui:e,title:l,canEdit:D,onOpen:()=>m(o),size:14}):(0,s.jsx)(a.Box,{component:D?`button`:`span`,type:D?`button`:void 0,onClick:D?()=>m(o):void 0,"aria-label":D?e.t(`editAria`,{title:c}):void 0,sx:{background:`none`,border:0,p:0,font:`inherit`,color:`text.disabled`,cursor:D?`pointer`:`default`},children:`—`})}),C.map(e=>(0,s.jsx)(a.TableCell,{sx:F,children:n.S(n.x(x,e.id),r.data[e.id])||A},e.id)),w&&(0,s.jsx)(a.TableCell,{sx:F,children:(0,s.jsx)(H,{ui:e,data:r.data})}),(O||E)&&(0,s.jsx)(a.TableCell,{align:`right`,sx:e.sx(`rowActions`,{width:`1%`,whiteSpace:`nowrap`,py:.25}),children:(0,s.jsx)(a.Box,{sx:{display:`inline-flex`},children:M(r,o,c)})})]}),E&&!f(r.key)&&(0,s.jsx)(a.TableRow,{children:(0,s.jsx)(a.TableCell,{colSpan:I,sx:{p:0,...p?{borderBottom:0}:{}},children:j(r,o,c)})})]},r.key)})})]})})}function G({config:e,nodes:t,onChange:r,guid:c,depth:l=0,readOnly:u=!1,issues:f=[],showErrors:m=!1,required:h=!1,parentTitle:_,texts:v}){let y=(0,o.useTheme)(),b=N(y,e,l,v),{emptyTitle:x,emptyText:S,...C}={...v||{},...e.texts||{}},w=e.max==null?void 0:Number(e.max),T=!u&&(w===void 0||t.length<w),E=u?`none`:b.addButton.position,D=E===`header`||E===`both`,O=E===`footer`||E===`both`,k=e.showEmpty??!b.nested,A=t.length===0&&k&&!(O&&b.addButton.variant===`dashed`),j=t.length===0&&!A&&!O,[M,P]=(0,i.useState)({open:!1,mode:`add`,index:-1,session:0}),[F,I]=(0,i.useState)({open:!1,index:-1,title:``,detail:``}),[L,R]=(0,i.useState)(null),[te,z]=(0,i.useState)({}),B=(e,t=-1)=>P(n=>({open:!0,mode:e,index:t,session:n.session+1})),V=()=>P(e=>({...e,open:!1})),H=()=>B(`add`),U=e=>B(!u&&b.actions.edit?`edit`:`view`,e),W=e.defaultCollapsed??b.layout===`table`,G=e=>te[e]??W,K=e=>z(t=>({...t,[e]:!G(e)})),q=(n,i)=>{if(M.mode===`add`){let a={key:d(),data:n,children:p(e)};b.layout===`cards`&&z(e=>({...e,[a.key]:!1})),r([...t,a]);let o=w!==void 0&&t.length+1>=w;(!i||o)&&V()}else M.mode===`edit`&&r(t.map((e,t)=>t===M.index?{...e,data:n}:e)),V()},J=e=>r(t.filter((t,n)=>n!==e)),se=r=>{if(e.confirmDelete===!1){J(r);return}let i=t[r];I({open:!0,index:r,title:n.v(i.data,e,r).title,detail:n._({...i.data,...i.children},e)})},ce=e=>{let n=[...t];n.splice(e+1,0,g(t[e])),r(n)},le=(e,n)=>{let i=e+n;if(i<0||i>=t.length)return;let a=[...t];[a[e],a[i]]=[a[i],a[e]],r(a)},ue=(e,n,i)=>r(t.map((t,r)=>r===e?{...t,children:{...t.children,[n]:i}}:t)),Y=m?f.find(e=>e.path.length===0)?.message:void 0,de=M.index>=0?t[M.index]:void 0,X=L?.index??-1,Z=e=>{R(null),e()},fe=()=>z(Object.fromEntries(t.map(e=>[e.key,!0]))),pe=()=>z(Object.fromEntries(t.map(e=>[e.key,!1]))),Q=t.length>0&&t.every(e=>G(e.key)),$=b.t(`deleteMessage`,{detail:F.detail?b.t(`deleteDetail`,{detail:F.detail}):``}),[me,he]=$.includes(`{title}`)?$.split(`{title}`):[$,null];return(0,s.jsxs)(a.Box,{"data-collection":e.id,sx:b.sx(`root`,{width:`100%`,minWidth:0}),children:[(0,s.jsx)(ie,{ui:b,count:t.length,required:h||(Number(e.min)||0)>0,alone:j&&!Y,action:(0,s.jsxs)(a.Box,{sx:{display:`flex`,alignItems:`center`,gap:1,flexWrap:`wrap`},children:[b.layout===`cards`&&t.length>=2&&(0,s.jsx)(a.Button,{size:`small`,variant:`text`,onClick:Q?pe:fe,sx:{fontSize:12.5,fontWeight:600,color:`text.secondary`,px:1,minWidth:0,textTransform:`none`,"&:hover":{color:`text.primary`,bgcolor:(0,o.alpha)(y.palette.text.primary,.05)}},startIcon:(0,s.jsx)(a.Icon,{sx:{fontSize:`15px !important`},children:Q?`unfold_more`:`unfold_less`}),children:Q?`Expand all`:`Collapse all`}),D&&(0,s.jsx)(ee,{ui:b,placement:`header`,empty:t.length===0,disabled:!T,onClick:H})]})}),Y&&(0,s.jsxs)(a.Typography,{role:`alert`,sx:b.sx(`error`,{display:`flex`,alignItems:`center`,gap:.5,color:`error.main`,fontSize:13,fontWeight:500,mt:-.5,mb:1.25}),children:[(0,s.jsx)(a.Icon,{sx:{fontSize:`17px !important`},children:`error_outline`}),Y]}),A&&(0,s.jsx)(ne,{ui:b,readOnly:u,error:!!Y}),t.length>0&&b.layout===`table`&&(0,s.jsx)(oe,{ui:b,nodes:t,guid:c,readOnly:u,issues:f,showErrors:m,texts:C,isCollapsed:G,onToggle:K,onOpen:U,onDelete:se,onMenu:(e,t)=>R({anchor:e,index:t}),onChildChange:ue}),t.length>0&&b.layout===`cards`&&(0,s.jsx)(a.Box,{sx:b.sx(`list`,{display:`flex`,flexDirection:`column`,gap:2}),children:t.map((e,t)=>(0,s.jsx)(ae,{ui:b,node:e,index:t,guid:c,readOnly:u,collapsed:G(e.key),issues:f.filter(e=>e.path[0]===t).map(e=>({...e,path:e.path.slice(1)})),showErrors:m,texts:C,onOpen:()=>U(t),onDelete:()=>se(t),onMenu:e=>R({anchor:e,index:t}),onToggle:()=>K(e.key),onChildChange:(e,n)=>ue(t,e,n)},e.key))}),O&&(0,s.jsx)(a.Box,{sx:{mt:t.length||b.addButton.variant!==`dashed`?1.25:0},children:(0,s.jsx)(ee,{ui:b,placement:`footer`,empty:t.length===0,disabled:!T,onClick:H})}),(0,s.jsx)(re,{ui:b,open:M.open,mode:M.mode,session:M.session,guid:`${c}-${e.id}`,initial:de?.data,context:_,onClose:V,onSave:q}),(0,s.jsxs)(a.Menu,{anchorEl:L?.anchor,open:!!L,onClose:()=>R(null),anchorOrigin:{vertical:`bottom`,horizontal:`right`},transformOrigin:{vertical:`top`,horizontal:`right`},sx:{"& .MuiPaper-root":b.merged(`menu`,{borderRadius:`10px`,minWidth:170})},children:[b.actions.duplicate&&(0,s.jsxs)(a.MenuItem,{sx:b.sx(`menuItem`),disabled:!T,onClick:()=>Z(()=>ce(X)),children:[(0,s.jsx)(a.ListItemIcon,{children:(0,s.jsx)(a.Icon,{fontSize:`small`,children:`content_copy`})}),(0,s.jsx)(a.ListItemText,{children:b.t(`duplicate`)})]}),b.actions.move&&(0,s.jsxs)(a.MenuItem,{sx:b.sx(`menuItem`),disabled:X<=0,onClick:()=>Z(()=>le(X,-1)),children:[(0,s.jsx)(a.ListItemIcon,{children:(0,s.jsx)(a.Icon,{fontSize:`small`,children:`arrow_upward`})}),(0,s.jsx)(a.ListItemText,{children:b.t(`moveUp`)})]}),b.actions.move&&(0,s.jsxs)(a.MenuItem,{sx:b.sx(`menuItem`),disabled:X>=t.length-1,onClick:()=>Z(()=>le(X,1)),children:[(0,s.jsx)(a.ListItemIcon,{children:(0,s.jsx)(a.Icon,{fontSize:`small`,children:`arrow_downward`})}),(0,s.jsx)(a.ListItemText,{children:b.t(`moveDown`)})]})]}),(0,s.jsxs)(a.Dialog,{open:F.open,onClose:()=>I(e=>({...e,open:!1})),maxWidth:`xs`,fullWidth:!0,sx:{"& .MuiDialog-paper":b.merged(`confirm`,{borderRadius:`12px`,backgroundImage:`none`})},children:[(0,s.jsxs)(a.DialogContent,{sx:{pt:3,pb:1},children:[(0,s.jsx)(a.Typography,{sx:b.sx(`confirmTitle`,{fontWeight:600,fontSize:17}),children:b.t(`deleteTitle`)}),(0,s.jsxs)(a.Typography,{sx:b.sx(`confirmText`,{fontSize:14,color:`text.secondary`,mt:1}),children:[me,he!==null&&(0,s.jsx)(a.Box,{component:`strong`,sx:{color:`text.primary`,fontWeight:600},children:F.title}),he]})]}),(0,s.jsxs)(a.DialogActions,{sx:{px:3,pb:2.5,pt:2,gap:1,"& .MuiButton-root":{textTransform:`none`,fontWeight:600,borderRadius:`8px`}},children:[(0,s.jsx)(a.Button,{color:`inherit`,onClick:()=>I(e=>({...e,open:!1})),sx:b.sx(`confirmCancel`,{color:`text.secondary`}),children:b.t(`cancel`)}),(0,s.jsx)(a.Button,{variant:`contained`,color:`error`,disableElevation:!0,onClick:()=>{J(F.index),I(e=>({...e,open:!1}))},sx:b.sx(`confirmDelete`),children:b.t(`deleteConfirm`)})]})]})]})}var K=[`mandatory`,`mandatoryselect`],q=e=>{try{return JSON.stringify(e)}catch{return``}};function J({attributes:e={},rules:t={},onChange:a,submitTick:o}){let{id:c=``,value:l}=e,u={...e,id:c,fields:e.fields||[]},f=!!(e.readOnly||e.disabled||e.MuiAttributes?.disabled),p=t?.validation?.find(e=>K.includes(e.rule)),[g]=(0,i.useState)(d),[_,v]=(0,i.useState)(()=>m(l,u)),[y,b]=(0,i.useState)(!1),x=(0,i.useRef)(q(n.E(l)));r.t(()=>{let e=q(n.E(l));e!==x.current&&(x.current=e,v(m(l,u)))},[l]),r.t(()=>{o&&b(!0)},[o]);let S=e=>{v(e);let t=h(e,u);x.current=q(t),a?.({id:c,value:t})},C=n.g(h(_,u),u,{required:!!p,requiredMessage:p?.message});return(0,s.jsx)(G,{config:u,nodes:_,onChange:S,guid:`${g}-${c}`,readOnly:f,issues:C,showErrors:y,required:!!p})}exports.default=J;

package/dist/colorpicker-9AUe21p1.mjs

@@ -0,0 +1,110 @@
+import { r as e } from "./validation-BRcYhhsT.mjs";
+import { B as t, U as n } from "./ai-UvDYQ30b.mjs";
+import { n as r } from "./useSyncedState-CzAO4D1o.mjs";
+import "react";
+import { alpha as i } from "@mui/material/styles";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@mui/material/TextField";
+import c from "@mui/material/FormControl";
+import l from "@mui/material/Box";
+import u from "@mui/material/FormLabel";
+import d from "@mui/material/Stack";
+// src/components/controls/ColorPicker/colorpicker.tsx
+var f = "#000000";
+function p({ attributes: p = {}, rules: m = {}, onChange: h }) {
+	let { id: g = "", label: _, presets: v = [], MuiAttributes: y = {} } = p, { sx: b, ...x } = y, [S, C] = r(() => p.value || f, [p.value]), w = e(m), T = (e) => {
+		C(e), h?.({
+			id: g,
+			value: e
+		});
+	}, E = (e) => {
+		T(e.target.value);
+	}, D = (e) => {
+		T(e.target.value);
+	}, O = (e) => {
+		T(e);
+	};
+	return /* @__PURE__ */ o(c, {
+		required: w,
+		component: "fieldset",
+		fullWidth: !0,
+		children: [
+			_ && /* @__PURE__ */ a(u, {
+				component: "legend",
+				children: _
+			}),
+			/* @__PURE__ */ o(d, {
+				direction: "row",
+				spacing: 1.5,
+				sx: {
+					alignItems: "center",
+					mt: +!!_
+				},
+				children: [/* @__PURE__ */ a(l, {
+					sx: {
+						width: 44,
+						height: 44,
+						borderRadius: "10px",
+						border: (e) => `1px solid ${i(e.palette.text.primary, .2)}`,
+						boxShadow: (e) => `0 2px 8px ${i(e.palette.common.black, .12)}`,
+						cursor: "pointer",
+						flexShrink: 0,
+						position: "relative",
+						overflow: "hidden",
+						backgroundColor: S
+					},
+					children: /* @__PURE__ */ a("input", {
+						type: "color",
+						"aria-label": _ ? `${_} colour` : "colour",
+						value: S,
+						onChange: E,
+						...x,
+						style: {
+							position: "absolute",
+							inset: 0,
+							width: "100%",
+							height: "100%",
+							opacity: 0,
+							border: "none",
+							padding: 0,
+							cursor: "pointer"
+						}
+					})
+				}), /* @__PURE__ */ a(s, {
+					id: g || void 0,
+					value: S,
+					onChange: D,
+					size: "small",
+					label: "Hex",
+					sx: t(n, t({ maxWidth: 160 }, b)),
+					slotProps: { htmlInput: { "aria-label": "hex value" } }
+				})]
+			}),
+			Array.isArray(v) && v.length > 0 && /* @__PURE__ */ a(d, {
+				direction: "row",
+				spacing: 1,
+				sx: {
+					mt: 1.5,
+					flexWrap: "wrap",
+					rowGap: 1
+				},
+				children: v.map((e) => /* @__PURE__ */ a(l, {
+					role: "button",
+					"aria-label": `preset ${e}`,
+					onClick: () => O(e),
+					sx: {
+						width: 26,
+						height: 26,
+						borderRadius: "8px",
+						backgroundColor: e,
+						cursor: "pointer",
+						flexShrink: 0,
+						border: (t) => S === e ? `2px solid ${t.palette.primary.main}` : `1px solid ${i(t.palette.text.primary, .2)}`,
+						boxShadow: (e) => `0 1px 4px ${i(e.palette.common.black, .12)}`
+					}
+				}, e))
+			})
+		]
+	});
+}
+export { p as default };

package/dist/colorpicker-DgKTLBmU.js

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-5iZMYShA.js"),t=require("./ai-BFpA3uHx.js"),n=require("./validation-B7DPZ218.js"),r=require("./useSyncedState-DYNKkpDv.js");let i=require("react");i=e.n(i);let a=require("@mui/material/styles"),o=require("react/jsx-runtime"),s=require("@mui/material/TextField");s=e.n(s);let c=require("@mui/material/FormControl");c=e.n(c);let l=require("@mui/material/Box");l=e.n(l);let u=require("@mui/material/FormLabel");u=e.n(u);let d=require("@mui/material/Stack");d=e.n(d);var f=`#000000`;function p({attributes:e={},rules:i={},onChange:p}){let{id:m=``,label:h,presets:g=[],MuiAttributes:_={}}=e,{sx:v,...y}=_,[b,x]=r.n(()=>e.value||f,[e.value]),S=n.r(i),C=e=>{x(e),p?.({id:m,value:e})},w=e=>{C(e.target.value)},T=e=>{C(e.target.value)},E=e=>{C(e)};return(0,o.jsxs)(c.default,{required:S,component:`fieldset`,fullWidth:!0,children:[h&&(0,o.jsx)(u.default,{component:`legend`,children:h}),(0,o.jsxs)(d.default,{direction:`row`,spacing:1.5,sx:{alignItems:`center`,mt:+!!h},children:[(0,o.jsx)(l.default,{sx:{width:44,height:44,borderRadius:`10px`,border:e=>`1px solid ${(0,a.alpha)(e.palette.text.primary,.2)}`,boxShadow:e=>`0 2px 8px ${(0,a.alpha)(e.palette.common.black,.12)}`,cursor:`pointer`,flexShrink:0,position:`relative`,overflow:`hidden`,backgroundColor:b},children:(0,o.jsx)(`input`,{type:`color`,"aria-label":h?`${h} colour`:`colour`,value:b,onChange:w,...y,style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,opacity:0,border:`none`,padding:0,cursor:`pointer`}})}),(0,o.jsx)(s.default,{id:m||void 0,value:b,onChange:T,size:`small`,label:`Hex`,sx:t.B(t.U,t.B({maxWidth:160},v)),slotProps:{htmlInput:{"aria-label":`hex value`}}})]}),Array.isArray(g)&&g.length>0&&(0,o.jsx)(d.default,{direction:`row`,spacing:1,sx:{mt:1.5,flexWrap:`wrap`,rowGap:1},children:g.map(e=>(0,o.jsx)(l.default,{role:`button`,"aria-label":`preset ${e}`,onClick:()=>E(e),sx:{width:26,height:26,borderRadius:`8px`,backgroundColor:e,cursor:`pointer`,flexShrink:0,border:t=>b===e?`2px solid ${t.palette.primary.main}`:`1px solid ${(0,a.alpha)(t.palette.text.primary,.2)}`,boxShadow:e=>`0 1px 4px ${(0,a.alpha)(e.palette.common.black,.12)}`}},e))})]})}exports.default=p;

package/dist/components/DynamicComponent.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ControlProps } from '../types';
 interface DynamicComponentProps extends ControlProps {
     /** Schema `type` — checked against the custom-control registry first. */
@@ -10,5 +11,5 @@ interface DynamicComponentProps extends ControlProps {
     onStepUpdate?: any;
     [key: string]: any;
 }
-export default function DynamicComponent(props: DynamicComponentProps): import("react/jsx-runtime").JSX.Element;
+export default function DynamicComponent(props: DynamicComponentProps): React.JSX.Element;
 export {};

package/dist/components/FormGenerator.d.ts

@@ -168,4 +168,4 @@ export interface FormApi<T = Record<string, any>> {
         filename?: string;
     }) => Promise<void>;
 }
-export declare function FormGenerator({ data, patch, guid, formRef, onSubmit, onChange, onStepChange, MuiGridAttributes, activeStep, onFieldClick, onFieldDoubleClick, onFieldContextMenu, persistOnUnmount, autoSave, autoSaveKey, autoSaveStorage, apiRef, messages, validationSummary, resolver, asyncValidators, readOnly, reviewMode, warnOnUnsavedChanges, submitLabel, submitButton, stickySubmit, cancelLabel, onCancel, translate, }: FormGeneratorProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormGenerator({ data, patch, guid, formRef, onSubmit, onChange, onStepChange, MuiGridAttributes, activeStep, onFieldClick, onFieldDoubleClick, onFieldContextMenu, persistOnUnmount, autoSave, autoSaveKey, autoSaveStorage, apiRef, messages, validationSummary, resolver, asyncValidators, readOnly, reviewMode, warnOnUnsavedChanges, submitLabel, submitButton, stickySubmit, cancelLabel, onCancel, translate, }: FormGeneratorProps): React.JSX.Element;

package/dist/components/charts/Bar/bar.d.ts

@@ -1,2 +1,6 @@
-import { ControlProps } from '../../../types';
-export default function Bar({ attributes }: ControlProps): import("react/jsx-runtime").JSX.Element;
+/** Bar chart — configureMuiX({ BarChart }) swaps in a Pro chart. */
+declare const Bar: {
+    ({ attributes }: import('../../..').ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default Bar;

package/dist/components/charts/Line/line.d.ts

@@ -1,2 +1,6 @@
-import { ControlProps } from '../../../types';
-export default function Line({ attributes }: ControlProps): import("react/jsx-runtime").JSX.Element;
+/** Line chart — configureMuiX({ LineChart }) swaps in a Pro chart. */
+declare const Line: {
+    ({ attributes }: import('../../..').ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default Line;

package/dist/components/charts/Mixchart/mixChart.d.ts

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

package/dist/components/charts/Pie/pie.d.ts

@@ -1,2 +1,6 @@
-import { ControlProps } from '../../../types';
-export default function Pie({ attributes }: ControlProps): import("react/jsx-runtime").JSX.Element;
+/** Pie chart — configureMuiX({ PieChart }) swaps in a Pro chart. */
+declare const Pie: {
+    ({ attributes }: import('../../..').ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default Pie;

package/dist/components/charts/chartControl.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentType } from 'react';
+import { ControlProps } from '../../types';
+/** Shown while a lazily-loaded chart's @mui/x-charts code downloads. */
+export declare const ChartFallback: React.JSX.Element;
+/**
+ * Builds a single-chart control. The Community chart is lazy-loaded through
+ * `load` (keep it a literal `import()` so each chart stays its own chunk),
+ * unless a Pro chart was registered via `configureMuiX({ [muiXName]: … })`.
+ */
+export declare function createChartControl(muiXName: string, load: () => Promise<{
+    default: ComponentType<any>;
+}>, displayName: string): {
+    ({ attributes }: ControlProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/controls/Accordion/accordion.d.ts

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

package/dist/components/controls/AddressField/addressfield.d.ts

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

package/dist/components/controls/Alert/alert.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** Alert Control — display-only informational banner. */
-export default function Alert({ attributes }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Alert({ attributes }: ControlProps): import('react').JSX.Element;

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

@@ -6,4 +6,4 @@ import { ControlProps } from '../../../types';
  * `optionsUrl` with a `q` query param. Requests are debounced and guarded
  * against out-of-order responses.
  */
-export default function AsyncAutocomplete({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function AsyncAutocomplete({ attributes, rules, onChange }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/Autocomplete/autocomplete.d.ts

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

package/dist/components/controls/Button/button.d.ts

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

package/dist/components/controls/CascadeSelect/cascadeselect.d.ts

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

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

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

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

@@ -0,0 +1,25 @@
+import { default as React, ChangeEvent, ReactElement } from 'react';
+import { ControlProps } from '../../../types';
+/**
+ * State for an on/off control (CheckBox, Switch): `checked` follows
+ * `attributes.value`, and a mandatory field must be on — checked on every
+ * change and on submit.
+ */
+export declare function useToggleInput({ attributes, rules, onChange, submitTick, messages }: ControlProps, initialChecked: () => boolean): {
+    checked: boolean;
+    error: boolean;
+    helperText: string;
+    isMandatory: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+type ToggleFrameProps = {
+    /** `MuiFCLAttributes` — FormControlLabel props, incl. `label` and `sx`. */
+    labelProps?: Record<string, any>;
+    isMandatory: boolean;
+    error: boolean;
+    helperText: string;
+    control: ReactElement;
+};
+/** The labelled fieldset (required asterisk + helper text) around a toggle. */
+export declare function ToggleFrame({ labelProps, isMandatory, error, helperText, control }: ToggleFrameProps): React.JSX.Element;
+export {};

package/dist/components/controls/Chip/chip.d.ts

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

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

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

package/dist/components/controls/Collection/CollectionList.d.ts

@@ -19,4 +19,4 @@ export interface CollectionListProps {
     /** Texts inherited from the parent level. */
     texts?: CollectionTexts;
 }
-export default function CollectionList({ config, nodes, onChange, guid, depth, readOnly, issues, showErrors, required, parentTitle, texts: inheritedTexts, }: CollectionListProps): import("react/jsx-runtime").JSX.Element;
+export default function CollectionList({ config, nodes, onChange, guid, depth, readOnly, issues, showErrors, required, parentTitle, texts: inheritedTexts, }: CollectionListProps): import('react').JSX.Element;

package/dist/components/controls/Collection/ItemDialog.d.ts

@@ -16,5 +16,5 @@ interface ItemDialogProps {
 }
 /** Add / edit / view dialog for one collection item, hosting a FormGenerator.
  *  Every part is styled through the level's `styles` (dialog* slots). */
-export default function ItemDialog({ ui, open, mode, guid, session, initial, context, onClose, onSave }: ItemDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function ItemDialog({ ui, open, mode, guid, session, initial, context, onClose, onSave }: ItemDialogProps): import('react').JSX.Element;
 export {};

package/dist/components/controls/Collection/collection.d.ts

@@ -6,4 +6,4 @@ import { ControlProps } from '../../../types';
  *
  * Value: `[{ ...fields, [child.id]: [{ ...childFields, ... }] }]`.
  */
-export default function Collection({ attributes, rules, onChange, submitTick }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Collection({ attributes, rules, onChange, submitTick }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/Collection/parts.d.ts

@@ -5,24 +5,24 @@ export declare const EASE = "cubic-bezier(0.4, 0, 0.2, 1)";
 export declare function CountPill({ ui, n }: {
     ui: CollectionUi;
     n: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react').JSX.Element;
 /** Optional leading avatar on cards (`display.avatar`; none by default). */
 export declare function ItemAvatar({ ui, mode, title, index }: {
     ui: CollectionUi;
     mode: string;
     title: string;
     index: number;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import('react').JSX.Element | null;
 export declare function StatusBadge({ ui, text, color }: {
     ui: CollectionUi;
     text: string;
     color: CollectionColor | 'default';
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react').JSX.Element;
 /** An item's facts: a small icon in front of the label, the value underneath. */
 export declare function Details({ ui, details }: {
     ui: CollectionUi;
     details: ItemDetail[];
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react').JSX.Element;
 /** The add action of a level ("+ Add Service"). */
 export declare function AddButton({ ui, placement, empty, disabled, onClick }: {
     ui: CollectionUi;
@@ -30,10 +30,10 @@ export declare function AddButton({ ui, placement, empty, disabled, onClick }: {
     empty: boolean;
     disabled: boolean;
     onClick: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react').JSX.Element;
 /** Shown when a level has no items yet. The add button stays the one action. */
 export declare function EmptyState({ ui, readOnly, error }: {
     ui: CollectionUi;
     readOnly: boolean;
     error: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react').JSX.Element;

package/dist/components/controls/ColorPicker/colorpicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ControlProps } from '../../../types';
 /** ColorPicker Control — a colour swatch, a native colour input and a hex field. */
-export default function ColorPicker({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function ColorPicker({ attributes, rules, onChange }: ControlProps): React.JSX.Element;

package/dist/components/controls/Computed/computed.d.ts

@@ -4,4 +4,4 @@ import { ControlProps } from '../../../types';
  * supplied by FormGenerator's rule engine (via the field's `formula`); this
  * control just presents it, optionally number-formatted, with a prefix/suffix.
  */
-export default function Computed({ attributes }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function Computed({ attributes }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/ConsentField/consentfield.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ControlProps } from '../../../types';
 /** ConsentField Component — scrollable terms box with a scroll-to-accept checkbox. */
-export default function ConsentField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function ConsentField({ attributes, rules, onChange, messages }: ControlProps): React.JSX.Element;

package/dist/components/controls/CurrencyField/currencyfield.d.ts

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

package/dist/components/controls/DataTable/datatable.d.ts

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

package/dist/components/controls/DateRangePicker/daterangepicker.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** DateRangePicker Component — two DatePickers (Start + End) laid out in a row. */
-export default function DateRangePicker({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function DateRangePicker({ attributes, rules, onChange }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/DateTime/datetime.d.ts

@@ -1,2 +1,16 @@
 import { ControlProps } from '../../../types';
-export default function DateTime({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Builds a date/time picker control. `DateTime`, `DateTimePicker` and
+ * `TimePicker` are the same control and differ only in the MUI X picker that
+ * `attributes.name` defaults to (any picker name works on any of them).
+ */
+export declare function createPickerControl(defaultName: string, displayName: string): {
+    ({ attributes, rules, onChange }: ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+/** DateTime Control — the shared picker control, defaulting to MUI X's DatePicker. */
+declare const DateTime: {
+    ({ attributes, rules, onChange }: ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default DateTime;

package/dist/components/controls/DateTimePicker/datetimepicker.d.ts

@@ -1,2 +1,6 @@
-import { ControlProps } from '../../../types';
-export default function DateTimePicker({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+/** DateTimePicker Control — the shared picker control, defaulting to MUI X's DateTimePicker. */
+declare const DateTimePicker: {
+    ({ attributes, rules, onChange }: import('../../..').ControlProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default DateTimePicker;

package/dist/components/controls/Divider/divider.d.ts

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

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

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

package/dist/components/controls/FileUpload/fileupload.d.ts

@@ -1,3 +1,3 @@
 import { ControlProps } from '../../../types';
 /** FileUpload Control — dropzone + S3 upload with preview list. */
-export default function FileUpload({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function FileUpload({ attributes, rules, onChange }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/FormRepeater/formrepeater.d.ts

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

package/dist/components/controls/FormWizard/formwizard.d.ts

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

package/dist/components/controls/GeoField/geofield.d.ts

@@ -3,4 +3,4 @@ import { ControlProps } from '../../../types';
  * Latitude + longitude coordinate picker with an "Open in Maps" link and an
  * optional OpenStreetMap embed (opt-in via `showMap`).
  */
-export default function GeoField({ attributes, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function GeoField({ attributes, onChange }: ControlProps): import('react').JSX.Element;

package/dist/components/controls/Group/group.d.ts

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

package/dist/components/controls/Hyperlink/hyperlink.d.ts

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

package/dist/components/controls/ImageList/imagelist.d.ts

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

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

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

package/dist/components/controls/KeyValueField/keyvaluefield.d.ts

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

package/dist/components/controls/LineItemList/lineitemlist.d.ts

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

package/dist/components/controls/List/list.d.ts

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

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

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

package/dist/components/controls/MarkdownEditor/markdowneditor.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ControlProps } from '../../../types';
 /** MarkdownEditor Control — a multiline editor with a toggleable HTML preview. */
-export default function MarkdownEditor({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function MarkdownEditor({ attributes, rules, onChange }: ControlProps): React.JSX.Element;

package/dist/components/controls/MatrixField/matrixfield.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ControlProps } from '../../../types';
 /** MatrixField Component — a survey grid of questions (rows) × options (columns). */
-export default function MatrixField({ attributes, rules, onChange }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export default function MatrixField({ attributes, rules, onChange, messages }: ControlProps): React.JSX.Element;

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

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