@apia/theme 0.1.3 → 0.2.2

package/dist/index.js

@@ -1 +1,3827 @@
-import{jsx as x,Fragment as So}from"react/jsx-runtime";import{ThemeProvider as U,Box as J}from"theme-ui";import{useRef as Po,Suspense as K,useState as To,createContext as Io}from"react";import{cloneDeep as z,merge as O}from"lodash";import{getValueByPath as Ro,setValueByPath as M,EventEmitter as Q,useMount as Bo}from"@apia/util";import f from"tinycolor2";import{focusOutline as L}from"@apia/theme";function c(o){var e;const r=[];for(let i=0;i<=6;i++)r[i+1]=(e=o[i])!=null?e:null;if(o.print)r[0]=o.print;else for(let i=5;i>=0;i--)o[i]!==void 0&&(r[0]=o[i]);return r}function t(o){var e;return(e=Z.spacing(o))!=null?e:o}const C={py:2,px:4,fontSize:"0.9em"},j={outlineColor:"outlineColor",outlineWidth:"3px",outlineStyle:"solid",outlineOffset:"-3px"};function H(o){return{variant:o,"data-variant":o}}const D={dark:"#cce5ff",light:"#557"},Wo=Array(50).fill(1).map((o,e)=>c({0:Math.ceil(e/2.5),1:Math.ceil(e/2.1),2:Math.ceil(e/1.7),3:Math.ceil(e/1.3),4:e})),Z={action:{disabled:"#d9d9d9",disabledOpacity:1,active:D,activeOpacity:.45,focus:D,focusOpacity:.05,hover:D,hoverOpacity:.1,readonly:D,readonlyOpacity:.4,selected:"rgb(204 214 222)",selectedOpacity:1},background:{default:"#f4f4f4",overlay:"rgba(0, 0, 0, 0.2)",paper:"white"},border:{article:"#cacaca",field:"#444",section:"#aaa"},common:{black:"black",white:"white"},info:{main:"#fff"},primary:{main:"#00496c"},secondary:{main:"#6c757d"},spacing:o=>Wo[o],text:{accent:"#609",disabled:"#555",icon:"white",link:"#00496c",primary:"#4a4a4a",secondary:"white",title:"#00496c"},error:{main:"#db7678",light:"#fff2f4"},success:{main:"#8bde8b",light:"#e7ffd9"},warning:{main:"#f8f588",light:"#fffdd9"},darkenRatio:15,lightenRatio:35,responsive:c,queryColumnsMultiplier:2};var Do=Object.defineProperty,ee=Object.getOwnPropertySymbols,Eo=Object.prototype.hasOwnProperty,Ao=Object.prototype.propertyIsEnumerable,oe=(o,e,r)=>e in o?Do(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,re=(o,e)=>{for(var r in e||(e={}))Eo.call(e,r)&&oe(o,r,e[r]);if(ee)for(var r of ee(e))Ao.call(e,r)&&oe(o,r,e[r]);return o};function I(o){return re(re({},o),o.borderColor?{borderLeftColor:o.borderColor,borderRightColor:o.borderColor,borderBottomColor:o.borderColor,borderTopColor:o.borderColor}:void 0)}var Fo=Object.defineProperty,te=Object.getOwnPropertySymbols,zo=Object.prototype.hasOwnProperty,Mo=Object.prototype.propertyIsEnumerable,ae=(o,e,r)=>e in o?Fo(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ne=(o,e)=>{for(var r in e||(e={}))zo.call(e,r)&&ae(o,r,e[r]);if(te)for(var r of te(e))Mo.call(e,r)&&ae(o,r,e[r]);return o};const p=(o,e)=>{var r,i,u,l;if(e==="default")return I(o);const b=R(),y=b.action[`${e}Opacity`],w=e==="checked"?"selected":e;o=Object.fromEntries(Object.entries(o).map(([v,s])=>(["backgroundColor","borderColor","borderLeftColor","borderRightColor","borderBottomColor","borderTopColor","color"].includes(v)&&(s??"").startsWith("palette")&&(s=Ro(b,s.slice(8))),[v,s])));const a=f.mix((r=o.backgroundColor)!=null?r:"",f((i=o.backgroundColor)!=null?i:"").isLight()?b.action[w].light:b.action[w].dark,100*y).toRgbString();return I(ne(ne({},o.backgroundColor?{backgroundColor:e==="checked"?(u=o.backgroundColor)!=null?u:"":a,color:e==="checked"?f.mix(f((l=o.color)!=null?l:"black"),f(b.action.selected.dark),100*b.action.selectedOpacity).toRgbString():window.currentPalette.getContrastText(a)}:null),o.borderColor?{borderColor:f.mix(o.borderColor,f(o.borderColor).isLight()?b.action[w].light:b.action[w].dark,100*y).toRgbString()}:null))},E=(o,e)=>{const r=e?.default!==!1?z(o):{};return e?.active!==!1&&(r.active=p(o,"active")),e?.disabled!==!1&&(r.disabled=p(o,"disabled")),e?.focus!==!1&&(r.focus=p(o,"focus")),e?.hover!==!1&&(r.hover=p(o,"hover")),e?.readonly!==!1&&(r.readonly=p(o,"readonly")),e?.selected!==!1&&(r.selected=p(o,"selected")),e?.checked!==!1&&(r.checked=p(o,"checked")),r};function ie(o,e){o.forEach(r=>{Object.entries(r).forEach(([i,u])=>{if(typeof u=="string")return;const l=u;if(typeof l!="string"&&!l.preventParse){l.active||(l.active={}),l.checked||(l.checked={}),l.focus||(l.focus={}),l.disabled||(l.disabled={}),l.hover||(l.hover={}),l.selected||(l.selected={});const b=E(l,e);r[i]=O(b,l)}})})}function Lo(o){return!!o&&typeof o=="object"&&"main"in o}function Ho(o,e){return f(o).lighten(e??20).toRgbString()}function Xo(o,e){return f(o).darken(e??20).toRgbString()}function qo(o){const e=f(o);return f.readability("white",e)<f.readability("black",e)?"black":"white"}const m=(o,e)=>{switch(e){case"active":return{"&:active":o,"input[role]:active ~ &":o,"input[role]:active ~ & path":o};case"checked":return{"&:checked":o,"input[role]:checked ~ &":o,"input[role]:checked ~ & path":o};case"disabled":return{"&:disabled":o,"input[role]:disabled ~ &":o,"input[role]:disabled ~ & path":o};case"focus":{const r=O({},j,o);return{"&:focus":r,"input[role]:focus ~ &":r}}case"hover":return{'&:hover:not([readonly], :disabled,[aria-selected="true"],:active)':o,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])':o,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path':o};case"readonly":return{"&[readonly]":o,"input[role][readonly] ~ &":o,"input[role][readonly] ~ & path":o,"&.readonly input ~ &, &.readOnly input ~ &":o,"&.readonly input ~ & path, &.readOnly input ~ & path":o,"&.readonly, &.readOnly":o};case"selected":return{"&:selected":o,"input[role]:selected ~ &":o,"input[role]:selected ~ & path":o,'&[aria-selected="true"]':o};default:return o}};function h(o,e){return O(I({color:`${o}.color`,backgroundColor:`${o}.backgroundColor`,borderColor:`${o}.borderColor`}),e?.mergeObject)}var Go=Object.defineProperty,le=Object.getOwnPropertySymbols,No=Object.prototype.hasOwnProperty,Vo=Object.prototype.propertyIsEnumerable,ce=(o,e,r)=>e in o?Go(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,$=(o,e)=>{for(var r in e||(e={}))No.call(e,r)&&ce(o,r,e[r]);if(le)for(var r of le(e))Vo.call(e,r)&&ce(o,r,e[r]);return o};function n(o,e){var r,i,u,l,b,y,w,a;const v=h(`${o}.active`,e),s=h(`${o}.checked`,e),g=$({cursor:"not-allowed"},h(`${o}.disabled`,e)),_=h(`${o}.hover`,e),P=((r=e?.states)==null?void 0:r.focus)!==!1?h(`${o}.focus`,e):{},T=$({cursor:"notAllowed"},h(`${o}.readonly`,e)),k=h(`${o}.selected`,e);return O($($($($($($($($({},((i=e?.states)==null?void 0:i.default)!==!1?h(o,e):null),((u=e?.states)==null?void 0:u.checked)!==!1?m(s,"checked"):null),m(P,"focus")),((l=e?.states)==null?void 0:l.hover)!==!1?m(_,"hover"):null),((b=e?.states)==null?void 0:b.selected)!==!1?m(k,"selected"):null),((y=e?.states)==null?void 0:y.active)!==!1?m(v,"active"):null),((w=e?.states)==null?void 0:w.disabled)!==!1?m(g,"disabled"):null),((a=e?.states)==null?void 0:a.readonly)!==!1?m(T,"readonly"):null),e?.mergeObject)}var Yo=Object.defineProperty,de=Object.getOwnPropertySymbols,Uo=Object.prototype.hasOwnProperty,Jo=Object.prototype.propertyIsEnumerable,se=(o,e,r)=>e in o?Yo(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,S=(o,e)=>{for(var r in e||(e={}))Uo.call(e,r)&&se(o,r,e[r]);if(de)for(var r of de(e))Jo.call(e,r)&&se(o,r,e[r]);return o};const pe=(o,e)=>S(S(S(S(S(S(S(S({},e?.default!==!1?o:null),e?.checked!==!1?m(p(o,"checked"),"checked"):null),m(p(o,"focus"),"focus")),e?.selected!==!1?m(p(o,"selected"),"selected"):null),e?.hover!==!1?m(p(o,"hover"),"hover"):null),e?.active!==!1?m(p(o,"active"),"active"):null),e?.disabled!==!1?m(p(o,"disabled"),"disabled"):null),e?.readonly!==!1?m(p(o,"readonly"),"readonly"):null),ue=(o,e)=>{if(e==="default")return o;const r=e==="checked"?"selected":e,i=R(),u=i.action[`${e}Opacity`];return f.mix(o,f(o).isLight()?i.action[r].light:i.action[r].dark,100*u).toRgbString()};function be(o){var e,r,i,u,l,b,y,w;const a=z(o);a.lightenColor=(e=o.lightenColor)!=null?e:(s,g)=>Ho(s,g??o.lightenRatio),a.darkenColor=(r=o.darkenColor)!=null?r:(s,g)=>Xo(s,g??o.darkenRatio),a.getContrastText=(i=o.getContrastText)!=null?i:qo,Object.entries(o).forEach(([s,g])=>{var _,P,T;const k=g;Lo(k)?a[s]={main:k.main,light:(_=k.light)!=null?_:a.lightenColor(k.main),dark:(P=k.dark)!=null?P:a.darkenColor(k.main),contrastText:(T=k.contrastText)!=null?T:a.getContrastText(k.main)}:a[s]=g}),a.border.article=(u=a.border.article)!=null?u:a.secondary.main,a.border.field=(l=a.border.field)!=null?l:a.text.primary,a.border.section=(b=a.border.section)!=null?b:a.primary.main;function v(s){var g,_;return typeof s=="string"?{dark:s,light:s}:{dark:(g=s.dark)!=null?g:s.light,light:(_=s.light)!=null?_:s.dark}}a.action.active=v(a.action.active),a.action.disabled=v(a.action.disabled),a.action.focus=v(a.action.focus),a.action.hover=v(a.action.hover),a.action.readonly=v(a.action.readonly),a.action.selected=v(a.action.selected),a.buildStateObject=m,a.getColor=ue,a.getStatesForColors=E,a.getOneState=p,a.getStatesFromDefinition=pe,a.getStatesFromPath=n,a.gray=(y=a.gray)!=null?y:{};for(let s=1;s<=18;s++){const g=Math.round(13.37962962962963*s);a.gray[s*50]=(w=a.gray[s*50])!=null?w:`rgb(${g},${g},${g})`}return a}var Ko=Object.defineProperty,fe=Object.getOwnPropertySymbols,Qo=Object.prototype.hasOwnProperty,Zo=Object.prototype.propertyIsEnumerable,me=(o,e,r)=>e in o?Ko(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,X=(o,e)=>{for(var r in e||(e={}))Qo.call(e,r)&&me(o,r,e[r]);if(fe)for(var r of fe(e))Zo.call(e,r)&&me(o,r,e[r]);return o};function ge(o,e){return O(I(X(X(X({},o.color?{color:o.color}:null),o.backgroundColor?{backgroundColor:o.backgroundColor}:null),o.borderColor?{borderColor:o.borderColor}:null)),e?.mergeObject)}function er(o,e){var r,i,u,l,b,y,w,a,v;const s=p(o,"active"),g=p(o,"checked"),_=p(o,"disabled"),P=(r=e?.states)!=null&&r.focus?p(o,"focus"):{},T=p(o,"hover"),k=p(o,"readonly"),jo=p(o,"selected");return O(((i=e?.states)==null?void 0:i.default)!==!1?ge(o):null,((u=e?.states)==null?void 0:u.checked)!==!1?m(g,"checked"):{},((l=e?.states)==null?void 0:l.focus)!==!1?m(P,"focus"):{},((b=e?.states)==null?void 0:b.hover)!==!1?m(T,"hover"):{},((y=e?.states)==null?void 0:y.active)!==!1?m(s,"active"):{},((w=e?.states)==null?void 0:w.selected)!==!1?m(jo,"selected"):{},((a=e?.states)==null?void 0:a.disabled)!==!1?m(_,"disabled"):{},((v=e?.states)==null?void 0:v.readonly)!==!1?m(k,"readonly"):{},e?.mergeObject)}const or={ocean:["#008E1B","#009155","#009187","#008EB1","#006872","#2F4858"],sunset:["#ae76de","#D65DB1","#FF6F91","#FF9671","#FFC75F","#F9F871"],red:["#dc143c","#ff2400","#800020","#b22222","#e52b50","#ff7f50"],orange:["#F76E11","#FF9F45","#FFBC80","#FC4F4F","#eb9605","#964000"],green:["#a4de02","#76ba1b","#4c9a2a","#acdf87","#68bb59","#1e5631"],blue:["#7ad6f4","#45bdee","#28a7ea","#006cbb","#034698","#032f64"],violet:["#80007e","#a02d9c","#c37ecd","#9e5fb8","#7f3e98","#4c197f"],turquoise:["#0ddbcc","#43ebff","#19ceeb","#28acea","#388ee9","#3d76e0"],yellow:["#fff700","#ffff9f","#fef54f","#f9e231","#f6c616","#eab200"],grey:["#b1b5ba","#d2d5d6","#dee0e0","#bdbdbb","#9fa19c","#686e67"]},rr=()=>{const o=window.currentPalette;return{datagrid:{borderColor:o.background.paper,header:{backgroundColor:o.background.default,color:o.text.primary,borderColor:o.background.default},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}},pagination:{backgroundColor:o.primary.main,icons:{backgroundColor:o.primary.main,borderColor:o.primary.main,color:o.primary.contrastText},pagesBox:{preventParse:!0,backgroundColor:o.background.paper,borderColor:o.border.field,color:o.text.primary}},primaryTable:{borderColor:o.background.paper,header:{backgroundColor:o.primary.main,color:o.primary.contrastText,borderColor:o.primary.main},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}},secondaryTable:{borderColor:o.background.paper,header:{backgroundColor:o.background.default,color:o.text.primary,borderColor:o.background.default},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}}}};var tr=Object.defineProperty,ar=Object.defineProperties,nr=Object.getOwnPropertyDescriptors,ye=Object.getOwnPropertySymbols,ir=Object.prototype.hasOwnProperty,lr=Object.prototype.propertyIsEnumerable,he=(o,e,r)=>e in o?tr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ve=(o,e)=>{for(var r in e||(e={}))ir.call(e,r)&&he(o,r,e[r]);if(ye)for(var r of ye(e))lr.call(e,r)&&he(o,r,e[r]);return o},xe=(o,e)=>ar(o,nr(e));const we="#004085",cr="#cce5ff",q="white";function ke(){const o=R();return o.getStatesFromDefinition({backgroundColor:o.background.paper,color:o.text.primary},{active:!1,checked:!1,default:!1,disabled:!1,focus:!1,readonly:!1})}function R(o){const e=o===!0,r=typeof o!="boolean"?o:void 0;return window.currentPalette&&!e||(window.currentPalette=be(O(Z,window.defaultPalette,r??window.customPalette))),window.currentPalette}function dr(){var o;const e=z((o=window.currentPalette)!=null?o:R()),r={palette:xe(ve({},e),{lightenColor:void 0,darkenColor:void 0,getContrastText:void 0,buildStateObject:void 0,getColor:void 0,getOneState:void 0,getStatesForColors:void 0,getStatesFromDefinition:void 0,getStatesFromPath:void 0}),accordion:{borderColor:e.border.section},buttons:{accordion:{backgroundColor:e.primary.main,borderColor:e.border.section,color:e.primary.contrastText},accordionPrimary:{backgroundColor:e.primary.main,borderColor:e.border.section,color:e.primary.contrastText},close:xe(ve({},E({color:e.text.primary,backgroundColor:e.background.paper})),{backgroundColor:"transparent"}),collapsibleAsidePanelTitle:{color:e.text.primary},deletableInputButton:{backgroundColor:"transparent",color:e.secondary.main,active:{color:e.darkenColor(e.secondary.main,40)},disabled:{color:e.secondary.main},focus:{color:e.darkenColor(e.secondary.main,20)},hover:{color:e.darkenColor(e.secondary.main,20)}},icon:{backgroundColor:e.secondary.main,color:e.text.icon,hover:{color:e.secondary.contrastText},focus:{color:e.secondary.contrastText}},iconAlert:{backgroundColor:"transparent",color:e.text.icon,active:{backgroundColor:"transparent",color:f("#e5c200").darken(10).toRgbString()},focus:{backgroundColor:"transparent",color:f("#e5c200").darken(5).toRgbString()},hover:{backgroundColor:"transparent",color:f("#e5c200").darken(5).toRgbString()}},iconPrimary:{backgroundColor:e.primary.main,color:e.primary.contrastText,active:{color:e.primary.contrastText},focus:{color:e.primary.contrastText},hover:{color:e.primary.contrastText},disabled:{color:e.gray[500]}},iconToggled:{backgroundColor:e.primary.main,color:e.primary.contrastText,active:{color:e.primary.contrastText},focus:{color:e.common.white},hover:{color:e.common.white}},iconOutline:{backgroundColor:e.background.paper,color:e.primary.main,borderColor:e.border.article},imagePreview:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.article},link:{backgroundColor:"transparent",color:e.text.primary,borderColor:"transparent",active:{color:e.text.primary},focus:{color:e.text.primary},hover:{color:e.text.primary}},openTab:{backgroundColor:e.primary.main,color:e.primary.contrastText,borderColor:e.primary.dark},outline:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.primary.main},outlineDanger:{backgroundColor:e.background.paper,color:e.primary.main,borderColor:e.primary.main,active:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*80),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*80),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*80))},focus:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*60),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*60),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*60))},hover:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*70),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*70),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*70))}},outlineWarning:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.primary.main,active:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText},focus:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText},hover:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText}},paper:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.background.paper},primary:{backgroundColor:e.primary.main,color:e.primary.contrastText,borderColor:e.primary.main},secondary:{backgroundColor:e.secondary.main,color:e.secondary.contrastText,borderColor:e.secondary.main},tab:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.article},toggleIcon:{color:e.secondary.contrastText,backgroundColor:e.secondary.main,borderColor:e.border.field,danger:{backgroundColor:e.error.main,borderColor:e.border.field,color:e.error.contrastText},toggled:{backgroundColor:e.primary.main,borderColor:e.border.field,color:e.primary.contrastText}},transparentIcon:{backgroundColor:"transparent",color:e.text.primary,hover:{color:e.primary.main},focus:{color:e.primary.main}}},components:rr(),dropzone:{backgroundColor:e.background.paper,borderColor:e.border.section,color:e.background.default},form:{backgroundColor:e.background.paper,fields:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.field},radio:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(15).toRgbString(),borderColor:e.text.primary,active:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(0).toRgbString()},checked:{backgroundColor:"red",color:f(window.currentPalette.text.primary).lighten(15).toRgbString()},disabled:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(55).toRgbString()},hover:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(7).toRgbString()},readonly:{color:f(window.currentPalette.text.primary).lighten(38).toRgbString(),backgroundColor:"transparent"}}},modal:{borderColor:e.border.section,backgroundColor:e.background.paper},notifications:{error:{backgroundColor:e.error.light,color:e.getContrastText(e.error.light),borderColor:e.error.main},success:{backgroundColor:e.success.light,color:e.getContrastText(e.success.light),borderColor:e.success.main},warning:{backgroundColor:e.warning.light,color:e.getContrastText(e.warning.light),borderColor:e.warning.main}},pagination:{color:e.primary.contrastText,backgroundColor:e.primary.main},printView:{main:{backgroundColor:e.background.default,page:{backgroundColor:e.background.paper,borderColor:e.border.article}},list:{table:{borderColor:e.border.section},th:{backgroundColor:"#eee"},cell:{borderColor:e.border.article}}},schemas:or,scrollbars:{bar:{color:e.secondary.main,backgroundColor:e.background.default,hover:{backgroundColor:e.lightenColor(e.background.default,10),color:e.lightenColor(e.secondary.main,10)},active:{backgroundColor:e.lightenColor(e.background.default,10),color:e.lightenColor(e.secondary.main,20)}}},tab:{backgroundColor:e.background.paper,borderColor:e.border.section},topBar:{backgroundColor:e.primary.main},accent:e.text.accent,background:e.background.default,iconWarning:"rgb(246 222 87)",muted:e.text.disabled,primary:e.primary.main,secondary:e.secondary.main,text:e.text.primary,warning:e.warning.main,danger:e.error.main,link:e.text.accent,success:e.success.main,title:e.text.title,selected:e.getOneState({backgroundColor:e.background.paper},"selected").backgroundColor,lightBorder:"hsl(0, 12%, 85%)",outlineColor:"#00a8f6",touchedBorderColor:"orange",baseGrey:"#dfdfdf",darkBorder:"hsl(247, 98%, 10%)",darkBlue:we,disabled:"#efefef",favorite:"#e5c200",filtersRowBackground:q,formBackground:q,grey:"#777",gridRowHighlight:"#e1f3ff",highlightButton:"hsl(61, 100%, 91%)",lightBlue:cr,oddRow:"#f0f5ff",paginationBackground:"hsl(229deg, 75%, 90%)",readOnlyText:"#737373",required:"darkred",scrollbarBack:"rgb(206, 206, 206)",scrollbarFront:"rgb(156, 156, 156)",sysExceptionNotificationBg:"#f8d7da",sysMessageNotificationBg:"#fff3cd",tabBackground:"white",treeRuler:"#ccc",white:q,priorityNone:"gray",priorityLow:e.success.main,priorityNormal:"rgb(255 211 34)",priorityHigh:"rgb(255 150 0)",priorityUrgent:"red",charts:{front:we}};return ie([r?.buttons,r?.form]),r}var sr=Object.defineProperty,Ce=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,Oe=(o,e,r)=>e in o?sr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,G=(o,e)=>{for(var r in e||(e={}))pr.call(e,r)&&Oe(o,r,e[r]);if(Ce)for(var r of Ce(e))ur.call(e,r)&&Oe(o,r,e[r]);return o};const br={primary:{border:"1px solid",borderLeft:"12px solid",borderRadius:"alerts",display:"flex",flexDirection:"column",fontWeight:"normal",maxHeight:"60vh",overflow:"auto",p:0,"&:focus":{outline:"none"},".notification__header":{display:"flex",alignItems:"center",justifyContent:"space-between",position:"sticky",top:0,width:"100%",p:t(5)},".notification__title":{fontSize:18,fontWeight:"bold",color:"palette.text.primary",display:"flex",gap:t(5),alignItems:"center"},".notification__closeButton":{flexShrink:0},".notification__body":{alignItems:"center",display:"flex",flexDirection:"row",gap:t(5),width:"100%",p:t(5)},".notification__header ~ .notification__body":{pt:0},".notification__content":{display:"flex",alignItems:"stretch",flexDirection:"column",gap:t(5),width:"100%"},".notification__icon":{flexShrink:0,height:"iconMd",svg:{height:"iconMd",width:"iconMd"}},".notification__message":{display:"flex",flexDirection:"column",fontWeight:"normal",gap:t(3),width:"100%",wordBreak:"break-word"},".notification__trace":{maxWidth:"100%",overflow:"hidden",maxHeight:"30vh",flexShrink:0,backgroundColor:"rgba(10,10,10,0.02)",pt:t(5),".notification__traceLabel":{pl:t(5),display:"flex",gap:2},".notification__traceText":{fontWeight:"normal",p:t(5),maxHeight:"30vh",overflow:"auto",maxWidth:"100%",position:"relative"}},"&:focus .notification__closeButton":j},warning:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.warning"))},danger:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.error"))},success:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.success"))}};var fr=Object.defineProperty,mr=Object.defineProperties,gr=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,hr=Object.prototype.propertyIsEnumerable,_e=(o,e,r)=>e in o?fr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,d=(o,e)=>{for(var r in e||(e={}))yr.call(e,r)&&_e(o,r,e[r]);if($e)for(var r of $e(e))hr.call(e,r)&&_e(o,r,e[r]);return o},je=(o,e)=>mr(o,gr(e));const vr={inherit:{color:"inherit",background:"inherit",border:"none",borderRadius:0,font:"inherit",cursor:"pointer",padding:0,margin:0},collapsibleAsidePanelTitle:d({variant:"buttons.inherit",display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"},n("buttons.collapsibleAsidePanelTitle")),primary:je(d({borderWidth:"2px",borderStyle:"solid",variant:"text.default",py:c({0:3,4:4}),px:c({0:5,4:6}),display:"inline-block",width:c({0:"100%",1:"auto"}),cursor:"pointer",borderRadius:"buttons",fontWeight:"normal",userSelect:"none",transition:"background-color 300ms ease-out, color 300ms ease-out",wordBreak:"keep-all"},n("buttons.primary")),{"&:focus, &:focus-visible":{outlineColor:"#00daff"}}),"primary-sm":d({variant:"buttons.primary","&:focus, &:focus-visible":{}},C),secondary:d({variant:"buttons.primary","&:focus, &:focus-visible":{},borderWidth:"0px",borderStyle:"solid"},n("buttons.secondary")),"secondary-sm":d({variant:"buttons.secondary"},C),"light-secondary":d({variant:"buttons.secondary"},n("buttons.lightSecondary")),danger:d({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.danger")),"danger-sm":d({variant:"buttons.danger"},C),warning:d({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.warning")),"warning-sm":d({variant:"buttons.warning"},C),close:d({cursor:"pointer",ml:"auto",mr:"2",borderRadius:"buttons"},n("buttons.close")),accordion:{variant:"buttons.primary","&:focus, &:focus-visible":{},cursor:"pointer",m:t(0),py:c({0:3,4:4}),px:c({0:5,4:6}),width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"buttons",textAlign:"left",fontFamily:"heading",fontSize:"text.default",textDecoration:"none",textTransform:"none",fontWeight:"bold",border:"none",transition:"background-color 300ms ease-out, color 300ms ease-out",userSelect:"text","&, *":n("buttons.accordion"),"h3.toggleAccordionElementLabel":{variant:"text.default",color:"inherit",margin:0,wordBreak:"break-word"}},"accordion-primary":d({variant:"buttons.accordion",border:"none"},n("buttons.accordionPrimary")),icon:je(d({display:"flex",justifyContent:"center",alignItems:"center",p:t(0),m:t(0),bg:"secondary",cursor:"pointer",transition:"background-color 300ms ease-out, color 300ms ease-out",borderRadius:"buttons",border:"none"},n("buttons.icon")),{svg:{width:"auto",height:"20px",display:"block"},"&.isToggled":d({},n("buttons.iconToggled"))}),"icon-primary":d({variant:"buttons.icon"},n("buttons.iconPrimary")),"icon-outline":d({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.iconOutline")),"icon-outline-danger":d({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.outlineDanger")),"icon-only":d({variant:"buttons.icon"},n("buttons.iconOnly")),link:d({variant:"inherit",width:"auto",border:"none",textDecoration:"underline",px:2,py:1,borderRadius:"buttons",cursor:"pointer",textTransform:"none",transition:"background-color 300ms ease-out, color 300ms ease-out"},n("buttons.link")),"link-sm":d({variant:"buttons.link"},C),outline:d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons","&:focus, &:focus-visible":{}},n("buttons.outline",{states:{active:!1,checked:!1,disabled:!1,focus:!1,hover:!1,readonly:!1,selected:!1}})),"outline-sm":d({variant:"buttons.outline"},C),"transparent-sm":d({variant:"buttons.outline","&:focus, &:focus-visible":{},bg:"transparent",color:"inherit",border:"none",font:"inherit",textTransform:"inherit"},C),"outline-danger":d({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineDanger")),"outline-danger-sm":d({variant:"buttons.outline-danger"},C),"outline-warning":d({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineWarning")),"outline-warning-sm":d({variant:"buttons.outline-warning"},C),"outline-extended":{variant:"buttons.outline",gridColumnStart:1,gridColumnEnd:3,width:"100%"},"outline-danger-extended":{variant:"buttons.outline-danger",gridColumnStart:1,gridColumnEnd:3,width:"100%"},"primary-extended":{variant:"buttons.primary","&:focus, &:focus-visible":{},gridColumnStart:1,gridColumnEnd:3,width:"100%"},query:{extended:{variant:"buttons.outline","&:focus, &:focus-visible":{},gridColumnStart:1,gridColumnEnd:3}},tableAccordion:d({variant:"buttons.accordion",fontSize:"text.default",p:t(3),wordBreak:"keep-all",a:{color:"background"}},n("buttons.tableAccordion")),tableHeader:d({variant:"buttons.tableAccordion",alignItems:"center",justifyContent:"center",height:"100%",border:"none",svg:{ml:t(2)}},n("buttons.tableHeader")),paper:d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons"},n("buttons.paper")),"paper-sm":d(d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons"},n("buttons.paper")),C)};var xr=Object.defineProperty,Se=Object.getOwnPropertySymbols,wr=Object.prototype.hasOwnProperty,kr=Object.prototype.propertyIsEnumerable,Pe=(o,e,r)=>e in o?xr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Cr=(o,e)=>{for(var r in e||(e={}))wr.call(e,r)&&Pe(o,r,e[r]);if(Se)for(var r of Se(e))kr.call(e,r)&&Pe(o,r,e[r]);return o};const Or=Cr({display:"inline-flex",borderRadius:"default",flexBasis:"32px",flexShrink:0,width:"32px",height:"32px",alignItems:"center",justifyContent:"center",p:"3px",border:"1px solid",svg:{width:"20px"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}}));var $r=Object.defineProperty,_r=Object.defineProperties,jr=Object.getOwnPropertyDescriptors,Te=Object.getOwnPropertySymbols,Sr=Object.prototype.hasOwnProperty,Pr=Object.prototype.propertyIsEnumerable,Ie=(o,e,r)=>e in o?$r(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Tr=(o,e)=>{for(var r in e||(e={}))Sr.call(e,r)&&Ie(o,r,e[r]);if(Te)for(var r of Te(e))Pr.call(e,r)&&Ie(o,r,e[r]);return o},Ir=(o,e)=>_r(o,jr(e));const Rr=Ir(Tr({borderRadius:"default"},n("form.fields",{states:{active:!1,focus:!1,hover:!1}})),{backgroundColor:"unset",alignItems:"center","&.nativeCheckbox":{appearance:"none",width:"25px",height:"25px",border:"solid 1px #cccccc",marginRight:"8px",position:"relative",cursor:"pointer","&:checked::before":{content:'"\u2713"',color:"palette.text.primary",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:0,left:0,right:0,bottom:0,fontSize:"larger",fontWeight:"bolder",borderRadius:"5px",cursor:"pointer"},"&:indeterminate::before":{content:'"-"',color:"palette.text.primary",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"-1px",left:0,right:0,bottom:0,fontSize:"xx-large",fontWeight:"600",borderRadius:"5px",cursor:"pointer"}}});var Br=Object.defineProperty,Wr=Object.defineProperties,Dr=Object.getOwnPropertyDescriptors,Re=Object.getOwnPropertySymbols,Er=Object.prototype.hasOwnProperty,Ar=Object.prototype.propertyIsEnumerable,Be=(o,e,r)=>e in o?Br(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,We=(o,e)=>{for(var r in e||(e={}))Er.call(e,r)&&Be(o,r,e[r]);if(Re)for(var r of Re(e))Ar.call(e,r)&&Be(o,r,e[r]);return o},Fr=(o,e)=>Wr(o,Dr(e));const zr=Fr(We({display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"stretch",gap:t(2),width:"100%","&.readOnly":{input:{color:"Text.fields",bg:"Background.fields"}},".iconInput":{width:"100%",position:"relative"},'input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]), input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]) path, .delete_date_button':We({position:"absolute",right:"59px",padding:0,top:"calc(50% - 10px)",margin:0,marginRight:0,borderRadius:"100%",width:"20px",height:"20px"},n("buttons.icon-outline")),input:{flexShrink:1},"& > div":{display:"flex",gap:t(2),flexShrink:0,width:"auto",maxWidth:"100%",minWidth:0,button:{width:"45px",flexShrink:0}}},n("form.fields",{states:{hover:!1,active:!1,focus:!1}})),{backgroundColor:void 0});var Mr=Object.defineProperty,De=Object.getOwnPropertySymbols,Lr=Object.prototype.hasOwnProperty,Hr=Object.prototype.propertyIsEnumerable,Ee=(o,e,r)=>e in o?Mr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Xr=(o,e)=>{for(var r in e||(e={}))Lr.call(e,r)&&Ee(o,r,e[r]);if(De)for(var r of De(e))Hr.call(e,r)&&Ee(o,r,e[r]);return o};const qr={display:"flex",gap:t(1),justifyContent:"stretch",alignItems:"center","&.readOnly":{input:Xr({},h("form.fields"))},input:{height:"50px",width:"100%"},button:{display:"flex",width:"45px",flexShrink:0,height:"50px"}};var Gr=Object.defineProperty,Nr=Object.defineProperties,Vr=Object.getOwnPropertyDescriptors,Ae=Object.getOwnPropertySymbols,Yr=Object.prototype.hasOwnProperty,Ur=Object.prototype.propertyIsEnumerable,Fe=(o,e,r)=>e in o?Gr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Jr=(o,e)=>{for(var r in e||(e={}))Yr.call(e,r)&&Fe(o,r,e[r]);if(Ae)for(var r of Ae(e))Ur.call(e,r)&&Fe(o,r,e[r]);return o},Kr=(o,e)=>Nr(o,Vr(e));const Qr=Kr(Jr({variant:"text.default",border:"1px solid",borderRadius:"default",padding:c({0:3,3:4}),"::placeholder":{color:"#b0b0b0"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),{material:{input:{borderLeft:"none",borderRight:"none",borderTop:"none",borderBottomColor:"palette.border.section","& + .input__underline":{transform:"scale(1)"},"&:focus":{outline:"none","~::after":{animationName:"growHorizontal",animationDuration:"150ms",animationTimingFunction:"ease-out",content:'""',display:"block",height:"0",outlineColor:"palette.primary.main",outlineStyle:"solid",outlineWidth:"1.5px",outlineOffset:0,position:"fixed",transformOrigin:"center center",width:"100%"}}}}}),Zr={variant:"text.default",alignItems:"center",width:"auto",textTransform:"none",cursor:"pointer","&:not(.radio-label)":{fontWeight:"bold"},"&.required":{position:"relative","&::before":{color:"danger",position:"absolute",content:'"*"',top:0,left:"-10px"}},"&:last-of-type":{"input, textarea, select":{mb:t(0)}}};var et=Object.defineProperty,ze=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable,Me=(o,e,r)=>e in o?et(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,tt=(o,e)=>{for(var r in e||(e={}))ot.call(e,r)&&Me(o,r,e[r]);if(ze)for(var r of ze(e))rt.call(e,r)&&Me(o,r,e[r]);return o};const at=tt({width:"32px",height:"32px",input:{height:"32px !important"}},n("form.radio"));var nt=Object.defineProperty,Le=Object.getOwnPropertySymbols,it=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable,He=(o,e,r)=>e in o?nt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ct=(o,e)=>{for(var r in e||(e={}))it.call(e,r)&&He(o,r,e[r]);if(Le)for(var r of Le(e))lt.call(e,r)&&He(o,r,e[r]);return o};const dt=ct({variant:"text.default",display:"inline-block",fontFamily:"body",p:t(4),pr:7,borderRadius:"default",width:"100%",maxWidth:"100%"},n("form.fields",{states:{active:!1,hover:!1,focus:!1}}));var st=Object.defineProperty,pt=Object.defineProperties,ut=Object.getOwnPropertyDescriptors,Xe=Object.getOwnPropertySymbols,bt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable,qe=(o,e,r)=>e in o?st(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e)=>{for(var r in e||(e={}))bt.call(e,r)&&qe(o,r,e[r]);if(Xe)for(var r of Xe(e))ft.call(e,r)&&qe(o,r,e[r]);return o},mt=(o,e)=>pt(o,ut(e));const gt=Ge({variant:"text.default",height:"100%",padding:"4px",borderRadius:"default",border:"1px solid",width:"100%",transition:"background-color 100ms ease-out, color 100ms ease-out",overflow:"auto",option:mt(Ge({padding:2},ke()),{"&:checked":{backgroundColor:window.currentPalette.getColor(window.currentPalette.background.paper,"selected"),color:window.currentPalette.getContrastText(window.currentPalette.getColor(window.currentPalette.background.paper,"selected"))}}),"+ svg":{display:"none"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),yt={"+ span":{fontSize:14,fontWeight:"normal",wordBreak:"break-all"},backgroundColor:"form.fields.checked.borderColor"},ht={"&, & textarea":{height:"100%",minHeight:"130px",resize:"vertical"},textarea:{variant:"forms.input"}};var vt=Object.defineProperty,xt=Object.defineProperties,wt=Object.getOwnPropertyDescriptors,Ne=Object.getOwnPropertySymbols,kt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable,Ve=(o,e,r)=>e in o?vt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ye=(o,e)=>{for(var r in e||(e={}))kt.call(e,r)&&Ve(o,r,e[r]);if(Ne)for(var r of Ne(e))Ct.call(e,r)&&Ve(o,r,e[r]);return o},Ot=(o,e)=>xt(o,wt(e));const $t={border:"1px solid",borderColor:"palette.border.field",display:"inline-block",position:"relative",pr:"45px",".deletableInput__input":{border:"none"},".deletableInput__deleteButton":Ye({height:"100%",outlineOffset:"-2px",position:"absolute",right:0,top:0,width:"45px"},n("buttons.deletableInputButton")),"&:focus-within:not(.asMaterial)":Ot(Ye({},j),{".deletableInput__input:focus":{outline:"none"},".deletableInput__deleteButton:focus":{outline:"none"}}),"&.asMaterial":{borderLeft:"none",borderRight:"none",borderTop:"none",borderBottomColor:"palette.border.section","& + .input__underline":{transform:"scale(1)"},".deletableInput__input:focus":{outline:"none","~.input__underline::after":{animationName:"growHorizontal",animationDuration:"150ms",animationTimingFunction:"ease-out",content:'""',display:"block",height:"0",outlineColor:"palette.primary.main",outlineStyle:"solid",outlineWidth:"1.5px",outlineOffset:0,position:"absolute",transformOrigin:"center center",left:0,right:0}}}},_t=()=>({checkbox:Rr,customCheckbox:Or,dateInput:zr,deletableInput:$t,iconInput:qr,input:Qr,label:Zr,radio:at,select:dt,selectMultiple:gt,switch:yt,textarea:ht,'input[type="date"]':{variant:"forms.input"}}),jt={overlay:{position:"fixed",overflow:"hidden",top:"0",right:"0",bottom:"0",left:"0",width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"palette.background.overlay",zIndex:"modal","&:not(.screenLock) .modal-enter-done":{boxShadow:"modals"}}},St={margin:"auto",display:"flex",flexDirection:"column",wordBreak:"break-word",overflow:"hidden",width:"100%",".handler__form":{display:"flex",flexDirection:"column",overflow:"hidden",gap:t(6),".toggleAccordionElement":{position:"sticky",top:0},".handler__form__elements":{display:"flex",flexDirection:"column",alignItems:"stretch",overflowY:"auto",maxHeight:"60vh",gap:t(3),pr:t(3)},".handler__form__elements__section__content":{display:"flex",flexDirection:"column",wordBreak:"break-word",background:"palette.background.paper",p:0,gap:t(3)},".content .handler__form__elements__section__content":{border:"1px solid",borderColor:"palette.border.section",borderTop:"none",p:t(6)},".handler__form__buttons":{display:"flex",flexDirection:"row",justifyContent:"center",p:0,gap:"0px",textAlign:"center"},".radio":{display:"flex",flexDirection:"column",flexWrap:"wrap",listStyle:"none",variant:"layout.execution.form.fields.radio"},".handler__checkbox, .handler__radio":{"label span":{fontWeight:"normal"}},".checkbox":{flexDirection:"row-reverse",alignItems:"center",justifyContent:"start",gap:t(4),".semicolon":{display:"none"},input:{width:"100%"}},".handler__hidden":{display:"none"},"label.select > div":{width:"100%"},".spacer":{height:t(7)}},".progressBox":{p:t(5),pt:t(0)}};var Pt=Object.defineProperty,Tt=Object.defineProperties,It=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,Bt=Object.prototype.propertyIsEnumerable,Je=(o,e,r)=>e in o?Pt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,A=(o,e)=>{for(var r in e||(e={}))Rt.call(e,r)&&Je(o,r,e[r]);if(Ue)for(var r of Ue(e))Bt.call(e,r)&&Je(o,r,e[r]);return o},Ke=(o,e)=>Tt(o,It(e));const Wt=Ke(A({apiaApi:St},jt),{main:A({zIndex:"modal",display:"flex",flexDirection:"column",p:t(6),alignItems:"center",justifyItems:"center",maxHeight:"100vh",maxWidth:"calc(100vw - 10px)",resize:"both",overflow:"auto",border:"1px solid",gap:t(5),"&>div":{overflow:"hidden",flexGrow:0,flexShrink:0,p:"3px",width:"100%"},"&>div.modal__header":{alignItems:c({0:"end",4:"center"}),flexShrink:0,overflow:"visible",".modal__headerBar":{display:"flex",flexDirection:"row",alignItems:"center",gap:t(3)}},"&>div.modal__content, &>div.modal__content>form":{overflow:"auto",width:"100%",flexBasis:"100%",flexShrink:1,display:"flex",justifyContent:"stretch",alignItems:"stretch"}},h("modal")),finder:{variant:"layout.common.modals.main",height:c({0:"100vh",3:"80vh"}),width:c({0:"95vw",3:"80vw",4:"70vw"}),".modal__content":{p:t(2),overflow:"hidden",".confirm__content":{overflow:"hidden",".finder__content":{display:"flex",alignItems:"stretch"},".selection__keyHandler":{overflow:"hidden",height:"100%",".responsiveTable__wrapper":{height:"100%",border:"1px solid",borderColor:"palette.border.article",backgroundColor:"palette.gray.900"}}}}},sm:{variant:"layout.common.modals.main",maxWidth:"min(350px, calc(100vw - 10px))"},md:{variant:"layout.common.modals.main",maxWidth:"min(500px, calc(100vw - 10px))"},"md-fixed":{variant:"layout.common.modals.main",width:"min(500px, calc(100vw - 10px))",maxHeight:c({0:"95vh",2:"80vh"})},lg:{variant:"layout.common.modals.main",maxWidth:"min(640px, calc(100vw - 10px))"},"lg-fixed":{variant:"layout.common.modals.main",width:"640px",height:"60vh"},xl:{variant:"layout.common.modals.main",maxWidth:"min(730px, calc(100vw - 10px))"},"xl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"60vw"}),height:c({0:"95vh",2:"80vh"})},xxl:{variant:"layout.common.modals.main",width:c({0:"95vw",2:"80vw"}),maxHeight:c({0:"95vh",2:"80vh"})},"xxl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"80vw"}),height:c({0:"95vh",2:"80vh"})},xxxl:{variant:"layout.common.modals.main",width:c({0:"95vw",2:"95vw"}),maxHeight:c({0:"95vh",2:"95vh"})},"xxxl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"95vw"}),height:c({0:"95vh",2:"95vh"})},flex:{variant:"layout.common.modals.main",maxWidth:"95vw",maxHeight:"95vh",".modal__content":{p:t(2),overflow:"auto"}},cal:{variant:"layout.common.modals.sm",width:"350px",".react-calendar":{backgroundColor:"palette.background.paper",button:Ke(A({},n("form.fields")),{"&.react-calendar__tile--active":A({},n("buttons.primary"))})}},editGrid:{variant:"layout.common.modals.main",width:"root",maxHeight:"90vh"}});var Dt=Object.defineProperty,Et=Object.defineProperties,At=Object.getOwnPropertyDescriptors,Qe=Object.getOwnPropertySymbols,Ft=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable,Ze=(o,e,r)=>e in o?Dt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,N=(o,e)=>{for(var r in e||(e={}))Ft.call(e,r)&&Ze(o,r,e[r]);if(Qe)for(var r of Qe(e))zt.call(e,r)&&Ze(o,r,e[r]);return o},eo=(o,e)=>Et(o,At(e));function Mt(){return{'td[data-focused="false"], th[data-focused="false"]':{"*:focus-visible, &:focus, &:focus-visible":{outline:"none"},"*:focus":N({},L)},'[data-focused="true"]:not(.row__separator__cell)':{'&:not([data-editionmode="true"])':{"&:focus, & > *:focus, *:focus-visible":eo(N({},L),{"&.cell__download__document":{outlineOffset:0}})},'&[data-editionmode="true"]':{"&:focus, *:focus, *:focus-visible":eo(N({},L),{outlineStyle:"dotted",outlineWidth:"6px",outlineOffset:"-4px"})}},'[data-focused="true"].row__separator__cell':{backgroundColor:"palette.secondary.main",outline:"none"}}}const oo=({children:o,customTheme:e})=>{const r=go(e);return x(U,{theme:r,children:o})};var Lt=Object.defineProperty,Ht=Object.defineProperties,Xt=Object.getOwnPropertyDescriptors,ro=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Gt=Object.prototype.propertyIsEnumerable,to=(o,e,r)=>e in o?Lt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,V=(o,e)=>{for(var r in e||(e={}))qt.call(e,r)&&to(o,r,e[r]);if(ro)for(var r of ro(e))Gt.call(e,r)&&to(o,r,e[r]);return o},Nt=(o,e)=>Ht(o,Xt(e));function Vt(o,e,r,i,u=!1){const l=M({},e,r);return Object.assign(b=>{const y=Po(0);return u?x(oo,{customTheme:l,children:x(ao,{avoidFirstRender:y,children:x(K,{children:x(i,V({},b))})})}):x(oo,{customTheme:l,children:x(ao,{avoidFirstRender:y,children:x(J,Nt(V({className:"variant__holder"},H(e)),{children:x(K,{children:x(i,V({},b))})}))})})},{displayName:o})}const ao=({avoidFirstRender:o,children:e})=>(o.current++,o.current<=1?null:x(So,{children:e}));function Yt(o,e){const r=typeof o=="string"?o:"",i=typeof o=="string"?e:o;F.emit("newStyles",{path:r,styles:i})}var Ut=Object.defineProperty,Jt=Object.defineProperties,Kt=Object.getOwnPropertyDescriptors,no=Object.getOwnPropertySymbols,Qt=Object.prototype.hasOwnProperty,Zt=Object.prototype.propertyIsEnumerable,io=(o,e,r)=>e in o?Ut(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,B=(o,e)=>{for(var r in e||(e={}))Qt.call(e,r)&&io(o,r,e[r]);if(no)for(var r of no(e))Zt.call(e,r)&&io(o,r,e[r]);return o},W=(o,e)=>Jt(o,Kt(e));const ea=W(B({variant:"colors.tables.primary",backgroundColor:"components.primaryTable.body.backgroundColor",border:"1px solid",borderColor:"components.primaryTable.borderColor",borderCollapse:"separate",borderSpacing:0,tableLayout:"fixed",thead:W(B({},h("tables.primary.thead")),{zIndex:1,position:"sticky",insetBlockStart:0,"tr:not(.filtersRow):not(.responsiveTable__filters__row)":{"th, td":W(B({variant:"buttons.primary",py:c({0:3,4:4}),px:c({0:3,4:4}),width:"breakWidth",borderRadius:0,borderStyle:"solid",borderWidth:"1px",display:"table-cell",verticalAlign:"center",wordBreak:"break-word",'&[role="presentation"]':{display:"none"}},n("components.primaryTable.header")),{"& *":{color:"inherit"},"&:last-of-type:not(td)":{maxWidth:"100%",width:"100%"},".headButton__label":{textAlign:"left"},".headButton__resizer":{width:"20px",cursor:"ew-resize",zIndex:1e3,position:"absolute",right:"-10px",height:"100%"},"&:last-of-type .headButton__resizer":{right:"0px"},"&.additionalColumn":{minWidth:"50px",maxWidth:"50px",width:"50px",p:0,textAlign:"center",verticalAlign:"center"},".headButton__container":{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:3,svg:{flexShrink:0}},"&>div":{color:"components.primaryTable.header.color",svg:{color:"components.primaryTable.body.color"}},"&:not(:last-of-type)":{"&>div":{borderRightWidth:"1px"}}}),"th.requiredFilterColumn":{borderLeft:"4px solid !important",borderLeftColor:"palette.error.main !important"}},"tr.filtersRow, tr.responsiveTable__filters__row":{backgroundColor:"components.primaryTable.body.backgroundColor","th.noFilter":{background:"transparent"},"td.requiredFilter__Border":{borderLeftStyle:"solid !important",borderLeftWidth:"4px !important",borderLeftColor:"palette.error.main"},td:{"input:not([disabled]), select:not([disabled])":{border:"1px solid white"},background:"transparent",border:"1px solid",borderColor:"components.primaryTable.body.borderColor",p:0},transition:"height 0.3s","&.hidden":{height:"0",overflow:"hidden",p:t(0),border:"none","& *":{height:"0",overflow:"hidden",fontSize:0,lineHeight:0,p:t(0),border:"none"}}}}),tbody:{tr:W(B(W(B({borderBottomWidth:"1px",borderBottomStyle:"solid"},n("components.primaryTable.body",{states:{disabled:!1,readonly:!1,active:!1,hover:!1,checked:!1,focus:!1,selected:!1}})),{"&:nth-of-type(2n)":{backgroundColor:"components.primaryTable.body.evenRowsBackgroundColor"},"&.non-selectable":{cursor:"not-allowed"},"&.hidden":{display:"none"},"&.locked":{background:"palette.gray.900",td:{borderColor:"palette.gray.850"}}}),ke()),{"&.draggingRow":{outline:"3px dotted",outlineColor:"components.primaryTable.header.borderColor",outlineOffset:"-3px","*":{outline:"none !important"}},borderColor:"components.primaryTable.body.borderColor",".rowStatesList":{display:"flex",gap:t(3),alignItems:"center",svg:{width:"smallIcon",height:"smallIcon",cursor:"pointer"}},td:{verticalAlign:"top",wordBreak:"break-word",border:"1px solid",borderColor:"components.primaryTable.body.borderColor","&.stickyColumn":{position:"sticky",left:0,backgroundColor:"components.primaryTable.body.backgroundColor"},".moreInformationButton":{width:"30px",height:"30px",padding:"3px",border:"none",background:"transparent"}}}),td:{p:t(3)},".responsiveTable__additionalInfoContainer":{display:"grid",gridTemplateColumns:c({0:"repeat(2, 1fr)",5:"repeat(4, 1fr)"}),columnGap:3,rowGap:2},".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator":{gridColumnStart:"1",gridColumnEnd:"5",borderBottom:"1px solid",borderBottomColor:"palette.gray.700",height:"auto"}},".editionMode":{border:"3px solid",borderColor:"components.primaryTable.header.borderColor",borderWidth:"1.5px",borderStyle:"dotted"},".stateCell":{width:"50px",maxWidth:"50px",minWidth:"50px",textAlign:"center",verticalAlign:"middle"}},Mt()),{".no__registers":{py:6,minWidth:"200px"},".requiredFilter__Column":{fontWeight:"bold"},".bold":{fontWeight:"bold"},".light":{color:"#6a6a6a"},".additionalInfo__cell, .stateCell":{verticalAlign:"middle"}}),oa={width:"100%",border:"1px solid",borderColor:"primary",borderCollapse:"collapse",thead:{tr:{th:{bg:"primary",color:"white",textAlign:"center",fontWeight:"bold",p:t(4)}}},tbody:{tr:{"td,th":{borderColor:"muted",p:t(4)},"&:not(tr:last-of-type)":{"td,th":{borderBottom:"1px solid"}},"td:not(td:last-child),th:not(th:last-child)":{borderRight:"1px solid"},th:{textAlign:"left",whiteSpace:"nowrap",minWidth:"min-content",width:0}}}},ra={display:"flex",flexDirection:"column",gap:t(2),".responsiveTable__accordionElement__toggler":{variant:"buttons.outline",borderWidth:"1px",display:"flex",gap:t(3),alignItems:"stretch",width:"100%",px:4,py:3,"&:hover h3":{color:"palette.primary.contrastText"},".accordionElement__toggler__checkbox":{flexShrink:0,m:t(2)},".accordionElement__toggler__button":{flexGrow:100,display:"flex",justifyContent:"space-between",py:2,pr:t(2),alignItems:"center",".accordionElement__toggler__label":{flexGrow:100,m:t(0),textAlign:"left",fontSize:16},".accordionElement__toggler__expandIcon":{flexShrink:0,svg:{width:"32px"}}}},".responsiveTable__accordionElement__content":{"& > div":{backgroundColor:"palette.background.paper",transition:"padding-bottom 300ms, padding-top 300ms",px:5},"&.rah-static--height-zero":{"& > div":{py:0}},"&.rah-static--height-auto, &.rah-animating--down":{"& > div":{py:5}},".priority_container":{display:"flex",alignItems:"center"},".priority":{display:"flex"}}},ta={border:"2px solid",borderColor:"printView.list.table.borderColor","td, th":{p:3,textAlign:"left"}},aa={maxHeight:"100%",overflow:"auto",position:"relative",table:{width:"100%"},"&.isLoading":{overflow:"hidden"},".responsiveTable__isLoading":{position:"absolute",top:0,left:0,right:0,bottom:0,background:f(window.currentPalette.background.paper).setAlpha(.7).toRgbString(),zIndex:1,display:"flex",alignItems:"center",justifyContent:"center"},".cell__download__document":{display:"flex",gap:3,alignItems:"center",justifyContent:"start","&, *":{color:"palette.primary.main"},svg:{flexShrink:0}}};var na=Object.defineProperty,lo=Object.getOwnPropertySymbols,ia=Object.prototype.hasOwnProperty,la=Object.prototype.propertyIsEnumerable,co=(o,e,r)=>e in o?na(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,so=(o,e)=>{for(var r in e||(e={}))ia.call(e,r)&&co(o,r,e[r]);if(lo)for(var r of lo(e))la.call(e,r)&&co(o,r,e[r]);return o};const ca={variant:"layout.common.tables.primary",borderColor:"components.secondaryTable.borderColor","& thead":{"tr:not(.filtersRow):not(.responsiveTable__filters__row)":{"& th, & td":()=>so({},n("components.secondaryTable.header"))}},"& tbody":{tr:so({"&:nth-of-type(2n)":{backgroundColor:"components.secondaryTable.body.evenRowsBackgroundColor"},td:{borderColor:"components.secondaryTable.body.borderColor"},'&[aria-selected="true"]':{backgroundColor:"components.secondaryTable.body.selectedRows.backgroundColor","& td":{borderColor:"components.secondaryTable.body.selectedRows.borderColor"},color:"components.secondaryTable.body.selectedRows.color"},borderBottomWidth:"1px",borderBottomStyle:"solid"},n("components.secondaryTable.body",{states:{disabled:!1,readonly:!1,active:!1,hover:!1,checked:!1,focus:!1,selected:!1}}))}},da={accordion:ra,information:oa,primary:ea,print:ta,responsive:aa,secondary:ca},sa={display:"flex",flexDirection:"column",gap:t(2),".captcha__imageContainer":{border:"1px solid",borderColor:"palette.border.field",p:t(4)},".captcha__inputContainer":{display:"flex",gap:t(2),justifyContent:"stretch",input:{flexGrow:1,width:"100%"},".captcha__buttons":{width:"24px",flexDirection:"column",display:"flex",gap:t(2),flexShrink:0,button:{width:"24px",height:"24px",p:"5px",variant:"buttons.icon-outline",svg:{color:"palette.text.primary",height:"16px",width:"16px"}}}}},pa={captcha:sa};var ua=Object.defineProperty,po=Object.getOwnPropertySymbols,ba=Object.prototype.hasOwnProperty,fa=Object.prototype.propertyIsEnumerable,uo=(o,e,r)=>e in o?ua(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ma=(o,e)=>{for(var r in e||(e={}))ba.call(e,r)&&uo(o,r,e[r]);if(po)for(var r of po(e))fa.call(e,r)&&uo(o,r,e[r]);return o};const ga={position:"relative",'[role="tree"]:focus':{outline:"none",".focus":j},ul:{listStyle:"none",p:0},".tree__searchLabelBox":{alignItems:"center",borderRadius:"2px",display:"flex",float:"right",gap:t(3),justifyContent:"center",position:"sticky",right:"4px",top:"4px",transform:"translateX(0)",width:"100%",zIndex:"stickyElements",".tree__loading":{position:"fixed",top:0,right:"4px",height:"iconMd",width:"iconMd",background:"palette.background.paper"},button:{cursor:"pointer"}},".tree__searchLabel":ma({alignItems:"center",display:"flex",gap:t(3),justifyContent:"center",position:"fixed",p:"2px 5px",right:0,top:0},p({backgroundColor:"palette.background.paper"},"selected")),'[role="treeitem"]':{'&[aria-expanded="false"] ul':{display:"none"},'&[aria-selected="true"] > .tree__nodeItemLabel':p({backgroundColor:"palette.background.paper"},"selected"),background:"transparent"},".tree__nodeItemLabel":{display:"flex",flexWrap:"nowrap",gap:3,alignItems:"center",wordBreak:"break-all",".button__content":{textAlign:"left"},"& > *:not(.tree__nodeItemLabelRenderer)":{flexShrink:0,textAlign:"left"},"&:hover":p({backgroundColor:"palette.background.paper"},"hover")},".spacer":{borderLeft:"1px solid",borderLeftColor:"palette.border.section",width:"20px",alignSelf:"stretch"}},ya={primary:ga},ha={forms:pa,modals:Wt,tables:da,trees:ya},va={"@keyframes growHorizontal":{from:{transform:"scaleX(0)"},to:{transform:"scaleY(100%)"}},".hamburguerMenu":{display:"none"},".hamburguerMenu-enter,\n.hamburguerMenu-appear":{display:"block",transform:"scale(0.7)",opacity:0},".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active":{transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transformOrigin:"right top",opacity:1},".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done":{display:"block"},".hamburguerMenu-exit":{display:"block",transform:"scale(1)",opacity:1},".hamburguerMenu-exit-active":{transform:"scale(0.7) translateX(0)",transition:"opacity 150ms, transform 150ms",display:"block",opacity:0,transformOrigin:"right top"},".hamburguerMenu-exit-done":{display:"none"},".modal-enter,\n.modal-appear":{opacity:0,transform:"scale(0.8)"},".modal-enter-active,\n.modal-appear-active":{opacity:1,transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".modal-exit":{opacity:0},".modal-exit-done":{opacity:0,display:"none"},".modal-exit-active":{opacity:0,transform:"scale(100)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)":{opacity:0},".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)":{opacity:1,transition:"opacity 150ms"},".overlayAnimation-exit":{opacity:1},".overlayAnimation-exit-active":{opacity:0,transition:"opacity 150ms"},".fromRight-enter,\n.fromRight-appear":{transform:"translateX(550px)"},".fromRight-enter-active,\n.fromRight-appear-active":{transition:"transform 150ms",transform:"translateX(0)"},".fromRight-exit":{transform:"translateX(0)"},".fromRight-exit-active":{transition:"transform 150ms",transform:"translateX(550px)"},".notification-enter,\n.notification-appear":{opacity:0,transform:"scale(0.8)"},".notification-enter-active,\n.notification-appear-active":{opacity:1,transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".notification-exit":{opacity:1},".notification-exit-active":{opacity:0,transform:"scale(0.8)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"}};var xa=Object.defineProperty,bo=Object.getOwnPropertySymbols,wa=Object.prototype.hasOwnProperty,ka=Object.prototype.propertyIsEnumerable,fo=(o,e,r)=>e in o?xa(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Y=(o,e)=>{for(var r in e||(e={}))wa.call(e,r)&&fo(o,r,e[r]);if(bo)for(var r of bo(e))ka.call(e,r)&&fo(o,r,e[r]);return o};const mo=Y({"*":{fontFamily:"body",fontWeight:"body",code:{fontFamily:"monospace"},"&:focus":j},body:{minHeight:"100vh"},h1:{fontSize:c({0:26,3:32})},h2:{fontSize:c({0:22,3:28})},h3:{fontSize:c({0:19,3:25})},h4:{fontSize:c({0:18,3:22})},h5:{fontSize:c({0:18,3:22})},h6:{fontSize:c({0:17,3:17})},"h1,h2,h3,h4,h5,h6":{letterSpacing:"heading",lineHeight:"heading",variant:"text.title"},"*:not(h1, h2, h3, h4, h5, h6, code)":{fontFamily:"body",fontSize:16,fontWeight:"body",letterSpacing:"body",lineHeight:"body"},a:{textDecoration:"underline"},"textarea,a":{transition:"color 200ms ease-out",":focus":Y({},j),":focus-visible":Y({},j)},"*:focus":j,ul:{listStyle:"none",listStyleType:"none",margin:0,padding:0},abbr:{"&.required":{textDecoration:"none",border:"none",mx:1,alignSelf:"baseline",fontWeight:"bold",color:"danger"}},table:{borderCollapse:"separate",borderSpacing:0},"& label":{display:"flex","& > span":{mb:t(1),fontWeight:"bold"},"&.required":{position:"relative","&::before":{color:"danger",position:"absolute",content:'"*"',top:0,left:"-10px"},"*:invalid":{borderColor:"danger"}}},".bold":{fontWeight:"bold"}},va),Ca={common:ha,root:mo},Oa={default:{color:"palette.text.primary",fontFamily:"body",fontWeight:"body",fontSize:16,m:t(0),width:"100%"},title:{letterSpacing:"heading",wordBreak:"normal",color:"title",fontFamily:"heading",lineHeight:"heading",fontWeight:"heading"}},$a={alerts:br,breakpoints:["0px","250px","500px","700px","1000px","1260px","1580px"],buttons:vr,colors:dr(),fonts:{body:"Arial",heading:"inherit",monospace:"Menlo, monospace"},fontSizes:Array(60).fill(1).map((o,e)=>e),forms:_t(),layout:Ca,lineHeights:{body:1.5,heading:1.125},letterSpacings:{body:"0.01em",heading:"-0.015em"},radii:{alerts:0,buttons:0,default:0},shadows:{modals:"",tabs:""},space:[0,2,4,8,12,16,24,32,40,48,64,80,96,112,128],sizes:{applicationMenu:"350px",floatingNotifications:"min(550px, calc(100vw - 30px))",root:"992px",mainImage:"64px",twoColumns:"calc(992px + 350px)",twoColumnsCentered:"calc(992px + 350px + 16px)",iconXs:"12px",iconSm:"16px",iconMd:"22px",iconLg:"32px",iconXl:"48px"},text:Oa,zIndices:{stickyElements:600,menu:1e3,maximizedTables:1100,modal:1200,tooltip:1400,notifications:1600,contextMenu:1800},styles:{root:mo},useRootStyles:!0},_a=o=>o;let ja={};new class extends Q{};function go(o){return _a(O($a,{layout:ja},o??{}))}var Sa=Object.defineProperty,yo=Object.getOwnPropertySymbols,Pa=Object.prototype.hasOwnProperty,Ta=Object.prototype.propertyIsEnumerable,ho=(o,e,r)=>e in o?Sa(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,vo=(o,e)=>{for(var r in e||(e={}))Pa.call(e,r)&&ho(o,r,e[r]);if(yo)for(var r of yo(e))Ta.call(e,r)&&ho(o,r,e[r]);return o};const xo={},F=new class extends Q{};function wo(o){xo[o.path]=o.styles}F.on("newStyles",wo);function ko(o){const[e,r]=To(go(o));return Bo(()=>(r(i=>{F.off("newStyles",wo);let u=vo({},i);return Object.entries(xo).forEach(([l,b])=>{const y=M({},l,b);u=O(u,y)}),u}),F.on("newStyles",i=>{const u=M({},i.path,i.styles);r(l=>O(vo({},l),u))}))),e}var Ia=Object.defineProperty,Ra=Object.defineProperties,Ba=Object.getOwnPropertyDescriptors,Co=Object.getOwnPropertySymbols,Wa=Object.prototype.hasOwnProperty,Da=Object.prototype.propertyIsEnumerable,Oo=(o,e,r)=>e in o?Ia(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ea=(o,e)=>{for(var r in e||(e={}))Wa.call(e,r)&&Oo(o,r,e[r]);if(Co)for(var r of Co(e))Da.call(e,r)&&Oo(o,r,e[r]);return o},Aa=(o,e)=>Ra(o,Ba(e));let $o=-1;function Fa(o){clearTimeout($o),$o=setTimeout(()=>{console.info({theme:o})},100)}const _o=Io({}),za=({children:o,customTheme:e})=>{const r=ko(e);return Fa(r),x(_o.Provider,{value:r,children:x(U,{theme:r,children:x(J,Aa(Ea({},H("layout.root")),{children:o}))})})};export{za as ThemeProvider,_o as ThemeProviderContext,ie as applyStates,E as applyStatesGetColor,I as buildColorsObject,j as focusOutline,p as getColorState,pe as getColorStates,er as getColorsAndStatesByDefinition,n as getColorsAndStatesByPath,ge as getColorsByDefinition,h as getColorsByPath,ue as getOneColorState,R as getPalette,H as getVariant,Yt as injectStyles,Vt as makeStyledComponent,be as parsePalette,c as responsive,C as smallButton,t as spacing,ko as useMainTheme};
+import tinycolor from 'tinycolor2';
+import { cloneDeep, merge } from 'lodash';
+import { ThemeUIProvider, useThemeUI, Box, ThemeProvider } from 'theme-ui';
+export { Alert, AspectImage, AspectRatio, Avatar, Badge, BaseStyles, Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Flex, Global, Grid, Heading, IconButton, Image, InitializeColorMode, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Switch, Text, Textarea, createElement, css, get, jsx, merge, useColorMode, useThemeUI } from 'theme-ui';
+export * from '@theme-ui/match-media';
+import { EventEmitter, useMount, setValueByPath } from '@apia/util';
+import { useState, useRef, useMemo, Suspense } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function defaultLighten(color, ratio) {
+  return tinycolor(color).lighten(ratio != null ? ratio : 20).toRgbString();
+}
+function defaultDarken(color, ratio) {
+  return tinycolor(color).darken(ratio != null ? ratio : 20).toRgbString();
+}
+function defaultGetContrastText(color) {
+  const current = tinycolor(color);
+  return tinycolor.readability("white", current) < tinycolor.readability("black", current) ? "black" : "white";
+}
+function getValueByPath(obj, path, separator = ".") {
+  const actualPath = typeof path === "string" ? path.split(separator) : path;
+  if (typeof obj !== "object" || !obj) {
+    if (actualPath.length === 0)
+      return obj;
+    return void 0;
+  }
+  const currentStep = actualPath.shift();
+  if (actualPath.length === 0)
+    return obj[currentStep];
+  return getValueByPath(
+    obj[currentStep],
+    actualPath,
+    separator
+  );
+}
+
+var __defProp$p = Object.defineProperty;
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$p = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
+    }
+  return a;
+};
+const getColorState = (definition, state, theme) => {
+  var _a, _b, _c, _d;
+  if (typeof state !== "string") {
+    console.log("getColorState", { definition, state, theme });
+  }
+  if (state === "default")
+    return theme.palette.buildColorsObject(definition);
+  const palette = theme.palette;
+  const opacity = palette.action[`${state}Opacity`];
+  const actualState = state === "checked" ? "selected" : state;
+  definition = Object.fromEntries(
+    Object.entries(definition).map(([name, value]) => {
+      if ([
+        "backgroundColor",
+        "borderColor",
+        "borderLeftColor",
+        "borderRightColor",
+        "borderBottomColor",
+        "borderTopColor",
+        "color"
+      ].includes(name) && (value != null ? value : "").startsWith("palette"))
+        value = getValueByPath(
+          palette,
+          value.slice("palette.".length)
+        );
+      return [name, value];
+    })
+  );
+  const calculatedBackgroundColor = tinycolor.mix(
+    (_a = definition.backgroundColor) != null ? _a : "",
+    tinycolor((_b = definition.backgroundColor) != null ? _b : "").isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
+    100 * opacity
+  ).toRgbString();
+  return theme.palette.buildColorsObject(__spreadValues$p(__spreadValues$p({}, definition.backgroundColor ? {
+    backgroundColor: state === "checked" ? (_c = definition.backgroundColor) != null ? _c : "" : calculatedBackgroundColor,
+    color: state === "checked" ? tinycolor.mix(
+      tinycolor((_d = definition.color) != null ? _d : "black"),
+      tinycolor(palette.action.selected.dark),
+      100 * palette.action.selectedOpacity
+    ).toRgbString() : theme.palette.getContrastText(calculatedBackgroundColor)
+  } : null), definition.borderColor ? {
+    borderColor: tinycolor.mix(
+      definition.borderColor,
+      tinycolor(definition.borderColor).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
+      100 * opacity
+    ).toRgbString()
+  } : null));
+};
+
+const applyStatesGetColor = (definition, theme, states) => {
+  const newStates = (states == null ? void 0 : states.default) !== false ? cloneDeep(definition) : {};
+  newStates.path = { fill: definition.color };
+  if ((states == null ? void 0 : states.active) !== false) {
+    newStates.active = getColorState(definition, "active", theme);
+  }
+  if ((states == null ? void 0 : states.disabled) !== false) {
+    newStates.disabled = getColorState(definition, "disabled", theme);
+  }
+  if ((states == null ? void 0 : states.focus) !== false) {
+    newStates.focus = getColorState(definition, "focus", theme);
+  }
+  if ((states == null ? void 0 : states.hover) !== false) {
+    newStates.hover = getColorState(definition, "hover", theme);
+  }
+  if ((states == null ? void 0 : states.readonly) !== false) {
+    newStates.readonly = getColorState(definition, "readonly", theme);
+  }
+  if ((states == null ? void 0 : states.selected) !== false) {
+    newStates.selected = getColorState(definition, "selected", theme);
+  }
+  if ((states == null ? void 0 : states.checked) !== false) {
+    newStates.checked = getColorState(definition, "checked", theme);
+  }
+  return newStates;
+};
+
+function applyStates(properties, theme, states) {
+  var _a;
+  (_a = properties.forEach) == null ? void 0 : _a.call(properties, (def) => {
+    Object.entries(def).forEach(([key, value]) => {
+      if (typeof value === "string")
+        return;
+      const definition = value;
+      if (typeof definition !== "string" && !definition.preventParse) {
+        if (!definition.active)
+          definition.active = {};
+        if (!definition.checked)
+          definition.checked = {};
+        if (!definition.focus)
+          definition.focus = {};
+        if (!definition.disabled)
+          definition.disabled = {};
+        if (!definition.hover)
+          definition.hover = {};
+        if (!definition.selected)
+          definition.selected = {};
+        const newDefinition = applyStatesGetColor(definition, theme, states);
+        def[key] = merge(newDefinition, definition);
+      }
+    });
+  });
+}
+
+function isColorDefinition(value) {
+  return !!value && typeof value === "object" && "main" in value;
+}
+
+const actions = { dark: "#cce5ff", light: "#557" };
+const spacingArray = Array(50).fill(1).map((_, i) => {
+  return responsive$1({
+    0: Math.ceil(i / 2.5),
+    1: Math.ceil(i / 2.1),
+    2: Math.ceil(i / 1.7),
+    3: Math.ceil(i / 1.3),
+    4: i
+  });
+});
+const defaultPalette = {
+  action: {
+    disabled: "#d9d9d9",
+    disabledOpacity: 1,
+    active: actions,
+    activeOpacity: 0.45,
+    focus: actions,
+    focusOpacity: 0.05,
+    hover: actions,
+    hoverOpacity: 0.1,
+    readonly: actions,
+    readonlyOpacity: 0.4,
+    selected: "rgb(204 214 222)",
+    selectedOpacity: 1
+  },
+  background: {
+    default: "#f4f4f4",
+    overlay: "rgba(0, 0, 0, 0.2)",
+    paper: "white"
+  },
+  border: {
+    article: "#cacaca",
+    field: "#444",
+    section: "#aaa"
+  },
+  common: {
+    black: "black",
+    white: "white"
+  },
+  info: {
+    main: "#fff"
+  },
+  primary: {
+    main: "#00496c"
+  },
+  secondary: {
+    main: "#6c757d"
+  },
+  spacing: (index) => {
+    return spacingArray[index];
+  },
+  text: {
+    accent: "#609",
+    disabled: "#555",
+    icon: "white",
+    link: "#00496c",
+    primary: "#4a4a4a",
+    secondary: "white",
+    title: "#00496c"
+  },
+  error: {
+    main: "rgb(187,12,15)",
+    light: "#fff2f4"
+  },
+  success: {
+    main: "#8bde8b",
+    light: "#e7ffd9"
+  },
+  warning: {
+    main: "#f8f588",
+    light: "#fffdd9"
+  },
+  darkenRatio: 15,
+  lightenRatio: 35,
+  responsive: responsive$1,
+  queryColumnsMultiplier: 2
+};
+
+function responsive$1(values) {
+  var _a;
+  const returnArray = [];
+  const max = 6;
+  for (let i = 0; i <= max; i++)
+    returnArray[i + 1] = (_a = values[i]) != null ? _a : null;
+  if (values.print)
+    returnArray[0] = values.print;
+  else {
+    for (let i = 5; i >= 0; i--) {
+      if (values[i] !== void 0)
+        returnArray[0] = values[i];
+    }
+  }
+  return returnArray;
+}
+function spacing(index) {
+  var _a;
+  return (_a = defaultPalette.spacing(index)) != null ? _a : index;
+}
+const smallButton = {
+  py: 2,
+  px: 4,
+  fontSize: "0.9em"
+};
+const focusOutline = {
+  outlineColor: "outlineColor",
+  outlineWidth: "3px",
+  outlineStyle: "solid",
+  outlineOffset: "-3px"
+};
+function getVariant(variant) {
+  return { variant, "data-variant": variant };
+}
+
+const buildStateObject = (props, state) => {
+  switch (state) {
+    case "active":
+      return {
+        "&:active": props,
+        "input[role]:active ~ &": props,
+        "input[role]:active ~ & path": props
+      };
+    case "checked":
+      return {
+        "&:checked": props,
+        "input[role]:checked ~ &": props,
+        "input[role]:checked ~ & path": props
+      };
+    case "disabled":
+      return {
+        "&:disabled": props,
+        "input[role]:disabled ~ &": props,
+        "input[role]:disabled ~ & path": props
+      };
+    case "focus": {
+      const focusObject = merge({}, focusOutline, props);
+      return {
+        "&:focus": focusObject,
+        "input[role]:focus ~ &": focusObject
+      };
+    }
+    case "hover": {
+      return {
+        '&:hover:not([readonly], :disabled,[aria-selected="true"],:active)': props,
+        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])': props,
+        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path': props
+      };
+    }
+    case "readonly":
+      return {
+        "&[readonly]": props,
+        "input[role][readonly] ~ &": props,
+        "input[role][readonly] ~ & path": props,
+        "&.readonly input ~ &, &.readOnly input ~ &": props,
+        "&.readonly input ~ & path, &.readOnly input ~ & path": props,
+        "&.readonly, &.readOnly": props
+      };
+    case "selected":
+      return {
+        "&:selected": props,
+        "input[role]:selected ~ &": props,
+        "input[role]:selected ~ & path": props,
+        '&[aria-selected="true"]': props
+      };
+    default:
+      return props;
+  }
+};
+
+var __defProp$o = Object.defineProperty;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
+    }
+  return a;
+};
+function buildColorsObject(definition) {
+  return __spreadValues$o(__spreadValues$o({}, definition), definition.borderColor ? {
+    borderLeftColor: definition.borderColor,
+    borderRightColor: definition.borderColor,
+    borderBottomColor: definition.borderColor,
+    borderTopColor: definition.borderColor
+  } : void 0);
+}
+
+function getColorsByPath(path, options) {
+  return merge(
+    buildColorsObject({
+      color: `${path}.color`,
+      backgroundColor: `${path}.backgroundColor`,
+      borderColor: `${path}.borderColor`
+    }),
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+var __defProp$n = Object.defineProperty;
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$n.call(b, prop))
+      __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b)) {
+      if (__propIsEnum$n.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
+    }
+  return a;
+};
+function getColorsAndStatesByPath(incomingPath, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const active = getColorsByPath(`${incomingPath}.active`, options);
+  const checked = getColorsByPath(`${incomingPath}.checked`, options);
+  const disabled = __spreadValues$n({
+    cursor: "not-allowed"
+  }, getColorsByPath(`${incomingPath}.disabled`, options));
+  const hover = getColorsByPath(`${incomingPath}.hover`, options);
+  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) !== false ? getColorsByPath(`${incomingPath}.focus`, options) : {};
+  const readonly = __spreadValues$n({
+    cursor: "notAllowed"
+  }, getColorsByPath(`${incomingPath}.readonly`, options));
+  const selected = getColorsByPath(`${incomingPath}.selected`, options);
+  let path = {};
+  if ((_b = options == null ? void 0 : options.states) == null ? void 0 : _b.path) {
+    path = { path: { fill: `${incomingPath}.color` } };
+  }
+  return merge(
+    __spreadValues$n(__spreadValues$n(__spreadValues$n(__spreadValues$n(__spreadValues$n(__spreadValues$n(__spreadValues$n(__spreadValues$n({}, ((_c = options == null ? void 0 : options.states) == null ? void 0 : _c.default) !== false ? getColorsByPath(incomingPath, options) : null), ((_d = options == null ? void 0 : options.states) == null ? void 0 : _d.checked) !== false ? buildStateObject(checked, "checked") : null), buildStateObject(focus, "focus")), ((_e = options == null ? void 0 : options.states) == null ? void 0 : _e.hover) !== false ? buildStateObject(hover, "hover") : null), ((_f = options == null ? void 0 : options.states) == null ? void 0 : _f.selected) !== false ? buildStateObject(selected, "selected") : null), ((_g = options == null ? void 0 : options.states) == null ? void 0 : _g.active) !== false ? buildStateObject(active, "active") : null), ((_h = options == null ? void 0 : options.states) == null ? void 0 : _h.disabled) !== false ? buildStateObject(disabled, "disabled") : null), ((_i = options == null ? void 0 : options.states) == null ? void 0 : _i.readonly) !== false ? buildStateObject(readonly, "readonly") : null),
+    path,
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+var __defProp$m = Object.defineProperty;
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
+    }
+  return a;
+};
+const getColorStates = (definition, theme, states) => {
+  return __spreadValues$m(__spreadValues$m(__spreadValues$m(__spreadValues$m(__spreadValues$m(__spreadValues$m(__spreadValues$m(__spreadValues$m({}, (states == null ? void 0 : states.default) !== false ? definition : null), (states == null ? void 0 : states.checked) !== false ? buildStateObject(getColorState(definition, "checked", theme), "checked") : null), buildStateObject(getColorState(definition, "focus", theme), "focus")), (states == null ? void 0 : states.selected) !== false ? buildStateObject(
+    getColorState(definition, "selected", theme),
+    "selected"
+  ) : null), (states == null ? void 0 : states.hover) !== false ? buildStateObject(getColorState(definition, "hover", theme), "hover") : null), (states == null ? void 0 : states.active) !== false ? buildStateObject(getColorState(definition, "active", theme), "active") : null), (states == null ? void 0 : states.disabled) !== false ? buildStateObject(
+    getColorState(definition, "disabled", theme),
+    "disabled"
+  ) : null), (states == null ? void 0 : states.readonly) !== false ? buildStateObject(
+    getColorState(definition, "readonly", theme),
+    "readonly"
+  ) : null);
+};
+
+const getOneColorState = (color, state, theme) => {
+  if (typeof color !== "string")
+    return "";
+  if (state === "default")
+    return color;
+  const actualState = state === "checked" ? "selected" : state;
+  const palette = theme.palette;
+  const opacity = palette.action[`${state}Opacity`];
+  return tinycolor.mix(
+    color,
+    tinycolor(color).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
+    100 * opacity
+  ).toRgbString();
+};
+
+var __defProp$l = Object.defineProperty;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$l = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
+    }
+  return a;
+};
+function getColorsByDefinition(definition, options) {
+  return merge(
+    buildColorsObject(__spreadValues$l(__spreadValues$l(__spreadValues$l({}, definition.color ? { color: definition.color } : null), definition.backgroundColor ? { backgroundColor: definition.backgroundColor } : null), definition.borderColor ? {
+      borderColor: definition.borderColor
+    } : null)),
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+function getColorsAndStatesByDefinition(definition, theme, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const active = getColorState(definition, "active", theme);
+  const checked = getColorState(definition, "checked", theme);
+  const disabled = getColorState(definition, "disabled", theme);
+  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) ? getColorState(definition, "focus", theme) : {};
+  const hover = getColorState(definition, "hover", theme);
+  const readonly = getColorState(definition, "readonly", theme);
+  const selected = getColorState(definition, "selected", theme);
+  return merge(
+    ((_b = options == null ? void 0 : options.states) == null ? void 0 : _b.default) !== false ? getColorsByDefinition(definition) : null,
+    ((_c = options == null ? void 0 : options.states) == null ? void 0 : _c.checked) !== false ? buildStateObject(checked, "checked") : {},
+    ((_d = options == null ? void 0 : options.states) == null ? void 0 : _d.focus) !== false ? buildStateObject(focus, "focus") : {},
+    ((_e = options == null ? void 0 : options.states) == null ? void 0 : _e.hover) !== false ? buildStateObject(hover, "hover") : {},
+    ((_f = options == null ? void 0 : options.states) == null ? void 0 : _f.active) !== false ? buildStateObject(active, "active") : {},
+    ((_g = options == null ? void 0 : options.states) == null ? void 0 : _g.selected) !== false ? buildStateObject(selected, "selected") : {},
+    ((_h = options == null ? void 0 : options.states) == null ? void 0 : _h.disabled) !== false ? buildStateObject(disabled, "disabled") : {},
+    ((_i = options == null ? void 0 : options.states) == null ? void 0 : _i.readonly) !== false ? buildStateObject(readonly, "readonly") : {},
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+function paletteFunction(callback) {
+  return (...args) => {
+    const firstParameter = args[0];
+    let isFirstParameterATheme = false;
+    const themeProps = [
+      "fontSizes",
+      "breakpoints",
+      "fonts",
+      "lineHeights",
+      "letterSpacings",
+      "radii",
+      "zIndices",
+      "useRootStyles"
+    ];
+    if (firstParameter instanceof Object && firstParameter !== null) {
+      const firstParameterKeys = Object.keys(firstParameter);
+      for (const key of firstParameterKeys) {
+        if (themeProps.includes(key)) {
+          isFirstParameterATheme = true;
+          break;
+        }
+      }
+    }
+    if (isFirstParameterATheme) ; else {
+      return callback(...args);
+    }
+  };
+}
+function parsePalette(palette, theme) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const newPalette = cloneDeep(palette);
+  newPalette.lightenColor = paletteFunction(
+    (_a = palette.lightenColor) != null ? _a : (color, ratio) => {
+      return defaultLighten(color, ratio != null ? ratio : palette.lightenRatio);
+    }
+  );
+  newPalette.darkenColor = paletteFunction(
+    (_b = palette.darkenColor) != null ? _b : (color, ratio) => {
+      return defaultDarken(color, ratio != null ? ratio : palette.darkenRatio);
+    }
+  );
+  newPalette.getContrastText = paletteFunction(
+    (_c = palette.getContrastText) != null ? _c : defaultGetContrastText
+  );
+  Object.entries(palette).forEach(([key, value]) => {
+    var _a2, _b2, _c2;
+    const castedValue = value;
+    if (isColorDefinition(castedValue)) {
+      newPalette[key] = {
+        main: castedValue.main,
+        light: (_a2 = castedValue.light) != null ? _a2 : newPalette.lightenColor(castedValue.main),
+        dark: (_b2 = castedValue.dark) != null ? _b2 : newPalette.darkenColor(castedValue.main),
+        contrastText: (_c2 = castedValue.contrastText) != null ? _c2 : newPalette.getContrastText(castedValue.main)
+      };
+    } else {
+      newPalette[key] = value;
+    }
+  });
+  newPalette.border.article = (_d = newPalette.border.article) != null ? _d : newPalette.secondary.main;
+  newPalette.border.field = (_e = newPalette.border.field) != null ? _e : newPalette.text.primary;
+  newPalette.border.section = (_f = newPalette.border.section) != null ? _f : newPalette.primary.main;
+  function parseAction(action) {
+    var _a2, _b2;
+    if (typeof action === "string")
+      return {
+        dark: action,
+        light: action
+      };
+    return {
+      dark: (_a2 = action.dark) != null ? _a2 : action.light,
+      light: (_b2 = action.light) != null ? _b2 : action.dark
+    };
+  }
+  newPalette.action.active = parseAction(newPalette.action.active);
+  newPalette.action.disabled = parseAction(newPalette.action.disabled);
+  newPalette.action.focus = parseAction(newPalette.action.focus);
+  newPalette.action.hover = parseAction(newPalette.action.hover);
+  newPalette.action.readonly = parseAction(newPalette.action.readonly);
+  newPalette.action.selected = parseAction(newPalette.action.selected);
+  newPalette.gray = (_g = newPalette.gray) != null ? _g : {};
+  for (let i = 1; i <= 18; i++) {
+    const index = Math.round((255 - 255 / 18) / 18 * i);
+    newPalette.gray[i * 50] = (_h = newPalette.gray[i * 50]) != null ? _h : `rgb(${index},${index},${index})`;
+  }
+  newPalette.applyStates = paletteFunction(applyStates);
+  newPalette.buildColorsObject = paletteFunction(buildColorsObject);
+  newPalette.buildStateObject = paletteFunction(buildStateObject);
+  newPalette.getColor = paletteFunction(
+    (color, state) => getOneColorState(color, state, theme)
+  );
+  newPalette.getStatesForColors = paletteFunction(
+    (definition, states) => applyStatesGetColor(definition, theme, states)
+  );
+  newPalette.getOneState = paletteFunction(
+    (definition, state) => getColorState(definition, state, theme)
+  );
+  newPalette.getColorStates = paletteFunction(
+    (definition, state) => getColorStates(definition, theme, state)
+  );
+  newPalette.getStatesFromDefinition = paletteFunction(
+    (definition, states) => getColorsAndStatesByDefinition(definition, theme, states)
+  );
+  newPalette.getStatesFromPath = paletteFunction(getColorsAndStatesByPath);
+  newPalette.getSelectedColors = paletteFunction(
+    () => getSelectedColors(theme)
+  );
+  return newPalette;
+}
+
+const schemas = {
+  ocean: ["#008E1B", "#009155", "#009187", "#008EB1", "#006872", "#2F4858"],
+  sunset: ["#ae76de", "#D65DB1", "#FF6F91", "#FF9671", "#FFC75F", "#F9F871"],
+  red: ["#dc143c", "#ff2400", "#800020", "#b22222", "#e52b50", "#ff7f50"],
+  orange: ["#F76E11", "#FF9F45", "#FFBC80", "#FC4F4F", "#eb9605", "#964000"],
+  green: ["#a4de02", "#76ba1b", "#4c9a2a", "#acdf87", "#68bb59", "#1e5631"],
+  blue: ["#7ad6f4", "#45bdee", "#28a7ea", "#006cbb", "#034698", "#032f64"],
+  violet: ["#80007e", "#a02d9c", "#c37ecd", "#9e5fb8", "#7f3e98", "#4c197f"],
+  turquoise: ["#0ddbcc", "#43ebff", "#19ceeb", "#28acea", "#388ee9", "#3d76e0"],
+  yellow: ["#fff700", "#ffff9f", "#fef54f", "#f9e231", "#f6c616", "#eab200"],
+  grey: ["#b1b5ba", "#d2d5d6", "#dee0e0", "#bdbdbb", "#9fa19c", "#686e67"]
+};
+
+const components$1 = (theme) => {
+  const palette = theme.palette;
+  return {
+    datagrid: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.background.default,
+        color: palette.text.primary,
+        borderColor: palette.background.default
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    pagination: {
+      backgroundColor: palette.primary.main,
+      icons: {
+        backgroundColor: palette.primary.main,
+        borderColor: palette.primary.main,
+        color: palette.primary.contrastText
+      },
+      pagesBox: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        borderColor: palette.border.field,
+        color: palette.text.primary
+      }
+    },
+    primaryTable: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.primary.main,
+        color: palette.primary.contrastText,
+        borderColor: palette.primary.main
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    secondaryTable: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.background.default,
+        color: palette.text.primary,
+        borderColor: palette.background.default
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    }
+  };
+};
+
+var __defProp$k = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+const darkBlue = "#004085";
+const lightBlue = "#cce5ff";
+const white = "white";
+function getSelectedColors(theme) {
+  return theme.palette.getColorStates(
+    {
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.primary
+    },
+    {
+      active: false,
+      checked: false,
+      default: false,
+      disabled: false,
+      focus: false,
+      readonly: false
+    }
+  );
+}
+function getThemeColorsObject(theme) {
+  var _a;
+  const colors = merge(
+    {},
+    {
+      palette: __spreadProps$b(__spreadValues$k({}, theme.palette), {
+        lightenColor: void 0,
+        darkenColor: void 0,
+        getContrastText: void 0,
+        buildStateObject: void 0,
+        getColor: void 0,
+        getOneState: void 0,
+        getStatesForColors: void 0,
+        getStatesFromDefinition: void 0,
+        getStatesFromPath: void 0
+      }),
+      accordion: {
+        borderColor: theme.palette.border.section
+      },
+      buttons: {
+        accordion: {
+          backgroundColor: theme.palette.primary.main,
+          borderColor: theme.palette.border.section,
+          color: theme.palette.primary.contrastText
+        },
+        accordionPrimary: {
+          backgroundColor: theme.palette.primary.main,
+          borderColor: theme.palette.border.section,
+          color: theme.palette.primary.contrastText
+        },
+        close: __spreadProps$b(__spreadValues$k({}, applyStatesGetColor(
+          {
+            color: theme.palette.text.primary,
+            backgroundColor: theme.palette.background.paper
+          },
+          theme
+        )), {
+          backgroundColor: "transparent"
+        }),
+        collapsibleAsidePanelTitle: {
+          color: theme.palette.text.primary
+        },
+        deletableInputButton: {
+          backgroundColor: "transparent",
+          color: theme.palette.secondary.main,
+          active: {
+            color: theme.palette.darkenColor(theme.palette.secondary.main, 40)
+          },
+          disabled: {
+            color: theme.palette.secondary.main
+          },
+          focus: {
+            color: theme.palette.darkenColor(theme.palette.secondary.main, 20)
+          },
+          hover: {
+            color: theme.palette.darkenColor(theme.palette.secondary.main, 20)
+          }
+        },
+        icon: {
+          backgroundColor: theme.palette.secondary.main,
+          color: theme.palette.text.icon,
+          hover: {
+            color: theme.palette.secondary.contrastText
+          },
+          focus: {
+            color: theme.palette.secondary.contrastText
+          }
+        },
+        iconAlert: {
+          backgroundColor: "transparent",
+          color: theme.palette.text.icon,
+          active: {
+            backgroundColor: "transparent",
+            color: tinycolor("#e5c200").darken(10).toRgbString()
+          },
+          focus: {
+            backgroundColor: "transparent",
+            color: tinycolor("#e5c200").darken(5).toRgbString()
+          },
+          hover: {
+            backgroundColor: "transparent",
+            color: tinycolor("#e5c200").darken(5).toRgbString()
+          }
+        },
+        iconPrimary: {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.primary.contrastText,
+          active: {
+            color: theme.palette.primary.contrastText
+          },
+          focus: {
+            color: theme.palette.primary.contrastText
+          },
+          hover: {
+            color: theme.palette.primary.contrastText
+          },
+          disabled: {
+            color: theme.palette.gray["500"]
+          }
+        },
+        iconToggled: {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.primary.contrastText,
+          active: {
+            color: theme.palette.primary.contrastText
+          },
+          focus: {
+            color: theme.palette.common.white
+          },
+          hover: {
+            color: theme.palette.common.white
+          }
+        },
+        iconOutline: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.primary.main,
+          borderColor: theme.palette.border.article
+        },
+        imagePreview: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.border.article
+        },
+        link: {
+          backgroundColor: "transparent",
+          color: theme.palette.text.primary,
+          borderColor: "transparent",
+          active: {
+            color: theme.palette.text.primary
+          },
+          focus: {
+            color: theme.palette.text.primary
+          },
+          hover: {
+            color: theme.palette.text.primary
+          }
+        },
+        openTab: {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.primary.contrastText,
+          borderColor: theme.palette.primary.dark
+        },
+        outline: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.primary.main
+        },
+        outlineDanger: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.primary.main,
+          borderColor: theme.palette.primary.main,
+          active: {
+            borderColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.activeOpacity * 80
+            ),
+            backgroundColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.activeOpacity * 80
+            ),
+            color: theme.palette.getContrastText(
+              theme.palette.darkenColor(
+                theme.palette.error.dark,
+                theme.palette.action.activeOpacity * 80
+              )
+            )
+          },
+          focus: {
+            borderColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.focusOpacity * 60
+            ),
+            backgroundColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.focusOpacity * 60
+            ),
+            color: theme.palette.getContrastText(
+              theme.palette.darkenColor(
+                theme.palette.error.dark,
+                theme.palette.action.focusOpacity * 60
+              )
+            )
+          },
+          hover: {
+            borderColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.hoverOpacity * 10
+            ),
+            backgroundColor: theme.palette.darkenColor(
+              theme.palette.error.dark,
+              theme.palette.action.hoverOpacity * 10
+            ),
+            color: theme.palette.getContrastText(
+              theme.palette.darkenColor(
+                theme.palette.error.dark,
+                theme.palette.action.hoverOpacity * 10
+              )
+            )
+          }
+        },
+        outlineWarning: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.primary.main,
+          active: {
+            borderColor: theme.palette.warning.main,
+            backgroundColor: theme.palette.warning.main,
+            color: theme.palette.warning.contrastText
+          },
+          focus: {
+            borderColor: theme.palette.warning.main,
+            backgroundColor: theme.palette.warning.main,
+            color: theme.palette.warning.contrastText
+          },
+          hover: {
+            borderColor: theme.palette.warning.main,
+            backgroundColor: theme.palette.warning.main,
+            color: theme.palette.warning.contrastText
+          }
+        },
+        paper: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.background.paper
+        },
+        primary: {
+          backgroundColor: theme.palette.primary.main,
+          color: theme.palette.primary.contrastText,
+          borderColor: theme.palette.primary.main
+        },
+        secondary: {
+          backgroundColor: theme.palette.secondary.main,
+          color: theme.palette.secondary.contrastText,
+          borderColor: theme.palette.secondary.main
+        },
+        tab: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.border.article
+        },
+        toggleIcon: {
+          color: theme.palette.secondary.contrastText,
+          backgroundColor: theme.palette.secondary.main,
+          borderColor: theme.palette.border.field,
+          danger: {
+            backgroundColor: theme.palette.error.main,
+            borderColor: theme.palette.border.field,
+            color: theme.palette.error.contrastText
+          },
+          toggled: {
+            backgroundColor: theme.palette.primary.main,
+            borderColor: theme.palette.border.field,
+            color: theme.palette.primary.contrastText
+          }
+        },
+        transparentIcon: {
+          backgroundColor: "transparent",
+          color: theme.palette.text.primary,
+          hover: {
+            color: theme.palette.primary.main
+          },
+          focus: {
+            color: theme.palette.primary.main
+          }
+        }
+      },
+      components: components$1(theme),
+      dropzone: {
+        backgroundColor: theme.palette.background.paper,
+        borderColor: theme.palette.border.section,
+        color: theme.palette.background.default
+      },
+      form: {
+        backgroundColor: theme.palette.background.paper,
+        fields: {
+          backgroundColor: theme.palette.background.paper,
+          color: theme.palette.text.primary,
+          borderColor: theme.palette.border.field
+        },
+        radio: {
+          backgroundColor: "transparent",
+          color: tinycolor(theme.palette.text.primary).lighten(15).toRgbString(),
+          borderColor: theme.palette.text.primary,
+          active: {
+            backgroundColor: "transparent",
+            color: tinycolor(theme.palette.text.primary).lighten(0).toRgbString()
+          },
+          checked: {
+            backgroundColor: "transparent",
+            color: tinycolor(theme.palette.text.primary).lighten(15).toRgbString()
+          },
+          disabled: {
+            backgroundColor: "transparent",
+            color: tinycolor(theme.palette.text.primary).lighten(55).toRgbString()
+          },
+          hover: {
+            backgroundColor: "transparent",
+            color: tinycolor(theme.palette.text.primary).lighten(7).toRgbString()
+          },
+          readonly: {
+            color: tinycolor(theme.palette.text.primary).lighten(38).toRgbString(),
+            backgroundColor: "transparent"
+          }
+        }
+      },
+      modal: {
+        borderColor: theme.palette.border.section,
+        backgroundColor: theme.palette.background.paper
+      },
+      notifications: {
+        error: {
+          backgroundColor: theme.palette.error.light,
+          color: theme.palette.getContrastText(theme.palette.error.light),
+          borderColor: theme.palette.error.main
+        },
+        success: {
+          backgroundColor: theme.palette.success.light,
+          color: theme.palette.getContrastText(theme.palette.success.light),
+          borderColor: theme.palette.success.main
+        },
+        warning: {
+          backgroundColor: theme.palette.warning.light,
+          color: theme.palette.getContrastText(theme.palette.warning.light),
+          borderColor: theme.palette.warning.main
+        }
+      },
+      printView: {
+        main: {
+          backgroundColor: theme.palette.background.default,
+          page: {
+            backgroundColor: theme.palette.background.paper,
+            borderColor: theme.palette.border.article
+          }
+        },
+        list: {
+          table: {
+            borderColor: theme.palette.border.section
+          },
+          th: { backgroundColor: "#eee" },
+          cell: {
+            borderColor: theme.palette.border.article
+          }
+        }
+      },
+      schemas,
+      scrollbars: {
+        bar: {
+          color: theme.palette.secondary.main,
+          backgroundColor: theme.palette.background.default,
+          hover: {
+            backgroundColor: theme.palette.lightenColor(
+              theme.palette.background.default,
+              10
+            ),
+            color: theme.palette.lightenColor(theme.palette.secondary.main, 10)
+          },
+          active: {
+            backgroundColor: theme.palette.lightenColor(
+              theme.palette.background.default,
+              10
+            ),
+            color: theme.palette.lightenColor(theme.palette.secondary.main, 20)
+          }
+        }
+      },
+      tab: {
+        backgroundColor: theme.palette.background.paper,
+        borderColor: theme.palette.border.section
+      },
+      topBar: {
+        backgroundColor: theme.palette.primary.main
+      },
+      // Default ThemeUI colors
+      accent: theme.palette.text.accent,
+      background: theme.palette.background.default,
+      iconWarning: "rgb(246 222 87)",
+      muted: theme.palette.text.disabled,
+      primary: theme.palette.primary.main,
+      secondary: theme.palette.secondary.main,
+      text: theme.palette.text.primary,
+      warning: theme.palette.warning.main,
+      danger: theme.palette.error.main,
+      link: theme.palette.text.accent,
+      success: theme.palette.success.main,
+      title: theme.palette.text.title,
+      selected: theme.palette.getOneState(
+        { backgroundColor: theme.palette.background.paper },
+        "selected"
+      ).backgroundColor,
+      // Meaningful colors
+      lightBorder: "hsl(0, 12%, 85%)",
+      outlineColor: "#00a8f6",
+      touchedBorderColor: "orange",
+      // Custom Apia colors
+      baseGrey: "#dfdfdf",
+      darkBorder: "hsl(247, 98%, 10%)",
+      darkBlue,
+      disabled: "#efefef",
+      favorite: "#e5c200",
+      filtersRowBackground: white,
+      formBackground: white,
+      grey: "#777",
+      gridRowHighlight: "#e1f3ff",
+      highlightButton: "hsl(61, 100%, 91%)",
+      lightBlue,
+      oddRow: "#f0f5ff",
+      paginationBackground: "hsl(229deg, 75%, 90%)",
+      readOnlyText: "#737373",
+      required: "darkred",
+      scrollbarBack: "rgb(206, 206, 206)",
+      scrollbarFront: "rgb(156, 156, 156)",
+      sysExceptionNotificationBg: "#f8d7da",
+      sysMessageNotificationBg: "#fff3cd",
+      tabBackground: "white",
+      treeRuler: "#ccc",
+      white,
+      priorityNone: "gray",
+      priorityLow: theme.palette.success.main,
+      priorityNormal: "rgb(255 211 34)",
+      priorityHigh: "rgb(255 150 0)",
+      priorityUrgent: "red",
+      // modes: {
+      //   dark: {
+      //     // TODO: dark-mode uhhhhhhh!!!
+      //     //text: '#fff',
+      //   },
+      // },
+      charts: {
+        front: darkBlue
+      }
+    },
+    (_a = theme.colors) != null ? _a : {}
+  );
+  applyStates(
+    [
+      colors == null ? void 0 : colors.buttons,
+      colors == null ? void 0 : colors.form
+    ],
+    theme
+  );
+  return colors;
+}
+
+var __defProp$j = Object.defineProperty;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
+    }
+  return a;
+};
+const alerts = {
+  primary: {
+    border: "1px solid",
+    borderLeft: "12px solid",
+    borderRadius: "alerts",
+    display: "flex",
+    flexDirection: "column",
+    fontWeight: "normal",
+    maxHeight: "60vh",
+    overflow: "auto",
+    p: 0,
+    "&:focus": {
+      outline: "none"
+    },
+    ".notification__header": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      position: "sticky",
+      top: 0,
+      width: "100%",
+      p: spacing(5)
+    },
+    ".notification__title": {
+      fontSize: 18,
+      fontWeight: "bold",
+      color: "palette.text.primary",
+      display: "flex",
+      gap: spacing(5),
+      alignItems: "center"
+    },
+    ".notification__closeButton": {
+      flexShrink: 0
+    },
+    ".notification__body": {
+      alignItems: "center",
+      display: "flex",
+      flexDirection: "row",
+      gap: spacing(5),
+      width: "100%",
+      p: spacing(5)
+    },
+    ".notification__header ~ .notification__body": {
+      pt: 0
+    },
+    ".notification__content": {
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      gap: spacing(5),
+      width: "100%"
+    },
+    ".notification__icon": {
+      flexShrink: 0,
+      height: "iconMd",
+      svg: {
+        height: "iconMd",
+        width: "iconMd"
+      }
+    },
+    ".notification__message": {
+      display: "flex",
+      flexDirection: "column",
+      fontWeight: "normal",
+      gap: spacing(3),
+      width: "100%",
+      wordBreak: "break-word"
+    },
+    ".notification__trace": {
+      maxWidth: "100%",
+      overflow: "hidden",
+      maxHeight: "30vh",
+      flexShrink: 0,
+      backgroundColor: "rgba(10,10,10,0.02)",
+      pt: spacing(5),
+      ".notification__traceLabel": {
+        pl: spacing(5),
+        display: "flex",
+        gap: 2
+      },
+      ".notification__traceText": {
+        fontWeight: "normal",
+        p: spacing(5),
+        maxHeight: "30vh",
+        overflow: "auto",
+        maxWidth: "100%",
+        position: "relative"
+      }
+    },
+    "&:focus .notification__closeButton": focusOutline
+  },
+  warning: {
+    variant: "alerts.primary",
+    "&, & .notification__header": __spreadValues$j({}, getColorsByPath("notifications.warning"))
+  },
+  danger: {
+    variant: "alerts.primary",
+    "&, & .notification__header": __spreadValues$j({}, getColorsByPath("notifications.error"))
+  },
+  success: {
+    variant: "alerts.primary",
+    "&, & .notification__header": __spreadValues$j({}, getColorsByPath("notifications.success"))
+  }
+};
+
+var __defProp$i = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+const buttons = {
+  inherit: {
+    color: "inherit",
+    background: "inherit",
+    border: "none",
+    borderRadius: 0,
+    font: "inherit",
+    cursor: "pointer",
+    padding: 0,
+    margin: 0
+  },
+  collapsibleAsidePanelTitle: __spreadValues$i({
+    variant: "buttons.inherit",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    width: "100%"
+  }, getColorsAndStatesByPath("buttons.collapsibleAsidePanelTitle")),
+  primary: __spreadProps$a(__spreadValues$i({
+    borderWidth: "2px",
+    borderStyle: "solid",
+    variant: "text.default",
+    py: responsive$1({ 0: 3, 4: 4 }),
+    px: responsive$1({ 0: 5, 4: 6 }),
+    display: "inline-block",
+    width: responsive$1({ 0: "100%", 1: "auto" }),
+    cursor: "pointer",
+    borderRadius: "buttons",
+    fontWeight: "normal",
+    userSelect: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    wordBreak: "keep-all"
+  }, getColorsAndStatesByPath("buttons.primary")), {
+    "&:focus, &:focus-visible": {
+      outlineColor: "#00daff"
+    }
+  }),
+  "primary-sm": __spreadValues$i({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, smallButton),
+  secondary: __spreadValues$i({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    borderWidth: "0px",
+    borderStyle: "solid"
+  }, getColorsAndStatesByPath("buttons.secondary")),
+  "secondary-sm": __spreadValues$i({
+    variant: "buttons.secondary"
+  }, smallButton),
+  "light-secondary": __spreadValues$i({
+    variant: "buttons.secondary"
+  }, getColorsAndStatesByPath("buttons.lightSecondary")),
+  danger: __spreadValues$i({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.danger")),
+  "danger-sm": __spreadValues$i({
+    variant: "buttons.danger"
+  }, smallButton),
+  warning: __spreadValues$i({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.warning")),
+  "warning-sm": __spreadValues$i({
+    variant: "buttons.warning"
+  }, smallButton),
+  close: __spreadValues$i({
+    cursor: "pointer",
+    ml: "auto",
+    mr: "2",
+    borderRadius: "buttons"
+  }, getColorsAndStatesByPath("buttons.close")),
+  accordion: {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    cursor: "pointer",
+    m: spacing(0),
+    py: responsive$1({ 0: 3, 4: 4 }),
+    px: responsive$1({ 0: 5, 4: 6 }),
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderRadius: "buttons",
+    textAlign: "left",
+    fontFamily: "heading",
+    fontSize: "text.default",
+    textDecoration: "none",
+    textTransform: "none",
+    fontWeight: "bold",
+    border: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    userSelect: "text",
+    "&, *": getColorsAndStatesByPath("buttons.accordion"),
+    "h3.toggleAccordionElementLabel": {
+      variant: "text.default",
+      color: "inherit",
+      margin: 0,
+      wordBreak: "break-word"
+    }
+  },
+  "accordion-primary": __spreadValues$i({
+    variant: "buttons.accordion",
+    border: "none"
+  }, getColorsAndStatesByPath("buttons.accordionPrimary")),
+  icon: __spreadProps$a(__spreadValues$i({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    p: spacing(0),
+    m: spacing(0),
+    bg: "secondary",
+    cursor: "pointer",
+    transition: "background-color 300ms ease-out, color 300ms ease-out",
+    borderRadius: "buttons",
+    border: "none"
+  }, getColorsAndStatesByPath("buttons.icon")), {
+    path: {
+      width: "auto",
+      height: "20px",
+      display: "block",
+      fill: getColorsAndStatesByPath("buttons.icon").color
+    },
+    "&.isToggled": __spreadProps$a(__spreadValues$i({}, getColorsAndStatesByPath("buttons.iconToggled")), {
+      path: {
+        fill: getColorsAndStatesByPath("buttons.iconToggled").color
+      }
+    })
+  }),
+  "icon-primary": __spreadProps$a(__spreadValues$i({
+    variant: "buttons.icon"
+  }, getColorsAndStatesByPath("buttons.iconPrimary")), {
+    path: {
+      fill: getColorsAndStatesByPath("buttons.iconPrimary").color
+    }
+  }),
+  "icon-outline": __spreadProps$a(__spreadValues$i({
+    variant: "buttons.icon",
+    bg: "white",
+    border: "1px solid"
+  }, getColorsAndStatesByPath("buttons.iconOutline")), {
+    path: {
+      fill: getColorsAndStatesByPath("buttons.iconOutline").color
+    }
+  }),
+  "icon-outline-danger": __spreadValues$i({
+    variant: "buttons.icon",
+    bg: "white",
+    border: "1px solid"
+  }, getColorsAndStatesByPath("buttons.outlineDanger")),
+  "icon-only": __spreadProps$a(__spreadValues$i({
+    variant: "buttons.icon"
+  }, getColorsAndStatesByPath("buttons.iconOnly")), {
+    path: {
+      fill: getColorsAndStatesByPath("buttons.iconOnly").color
+    }
+  }),
+  link: __spreadValues$i({
+    variant: "inherit",
+    width: "auto",
+    border: "none",
+    textDecoration: "underline",
+    px: 2,
+    py: 1,
+    borderRadius: "buttons",
+    cursor: "pointer",
+    textTransform: "none",
+    transition: "background-color 300ms ease-out, color 300ms ease-out"
+  }, getColorsAndStatesByPath("buttons.link")),
+  "link-sm": __spreadValues$i({
+    variant: "buttons.link"
+  }, smallButton),
+  outline: __spreadValues$i({
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outline", {
+    states: {
+      active: false,
+      checked: false,
+      disabled: false,
+      focus: false,
+      hover: false,
+      readonly: false,
+      selected: false
+    }
+  })),
+  "outline-sm": __spreadValues$i({
+    variant: "buttons.outline"
+  }, smallButton),
+  "transparent-sm": __spreadValues$i({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {},
+    bg: "transparent",
+    color: "inherit",
+    border: "none",
+    font: "inherit",
+    textTransform: "inherit"
+  }, smallButton),
+  "outline-danger": __spreadValues$i({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outlineDanger")),
+  "outline-danger-sm": __spreadValues$i({
+    variant: "buttons.outline-danger"
+  }, smallButton),
+  "outline-warning": __spreadValues$i({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outlineWarning")),
+  "outline-warning-sm": __spreadValues$i({
+    variant: "buttons.outline-warning"
+  }, smallButton),
+  "outline-extended": {
+    variant: "buttons.outline",
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  "outline-danger-extended": {
+    variant: "buttons.outline-danger",
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  "primary-extended": {
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    gridColumnStart: 1,
+    gridColumnEnd: 3,
+    width: "100%"
+  },
+  query: {
+    extended: {
+      variant: "buttons.outline",
+      "&:focus, &:focus-visible": {},
+      gridColumnStart: 1,
+      gridColumnEnd: 3
+    }
+  },
+  tableAccordion: __spreadValues$i({
+    variant: "buttons.accordion",
+    fontSize: "text.default",
+    p: spacing(3),
+    wordBreak: "keep-all",
+    a: {
+      color: "background"
+    }
+  }, getColorsAndStatesByPath("buttons.tableAccordion")),
+  tableHeader: __spreadValues$i({
+    variant: "buttons.tableAccordion",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    border: "none",
+    svg: {
+      ml: spacing(2)
+    }
+  }, getColorsAndStatesByPath("buttons.tableHeader")),
+  paper: __spreadValues$i({
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons"
+  }, getColorsAndStatesByPath("buttons.paper")),
+  "paper-sm": __spreadValues$i(__spreadValues$i({
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons"
+  }, getColorsAndStatesByPath("buttons.paper")), smallButton)
+};
+
+const text = {
+  default: {
+    color: "palette.text.primary",
+    fontFamily: "body",
+    fontWeight: "body",
+    fontSize: 16,
+    m: spacing(0),
+    width: "100%"
+  },
+  title: {
+    letterSpacing: "heading",
+    wordBreak: "normal",
+    color: "title",
+    fontFamily: "heading",
+    lineHeight: "heading",
+    fontWeight: "heading"
+  }
+};
+
+const transitions = {
+  "@keyframes growHorizontal": {
+    from: { transform: "scaleX(0)" },
+    to: { transform: "scaleY(100%)" }
+  },
+  ".hamburguerMenu": { display: "none" },
+  ".hamburguerMenu-enter,\n.hamburguerMenu-appear": {
+    display: "block",
+    transform: "scale(0.7)",
+    opacity: 0
+  },
+  ".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active": {
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transformOrigin: "right top",
+    opacity: 1
+  },
+  ".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done": {
+    display: "block"
+  },
+  ".hamburguerMenu-exit": {
+    display: "block",
+    transform: "scale(1)",
+    opacity: 1
+  },
+  ".hamburguerMenu-exit-active": {
+    transform: "scale(0.7) translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    display: "block",
+    opacity: 0,
+    transformOrigin: "right top"
+  },
+  ".hamburguerMenu-exit-done": { display: "none" },
+  ".modal-enter,\n.modal-appear": { opacity: 0, transform: "scale(0.8)" },
+  ".modal-enter-active,\n.modal-appear-active": {
+    opacity: 1,
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".modal-exit": { opacity: 0 },
+  ".modal-exit-done": { opacity: 0, display: "none" },
+  ".modal-exit-active": {
+    opacity: 0,
+    transform: "scale(100)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)": {
+    opacity: 0
+  },
+  ".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)": {
+    opacity: 1,
+    transition: "opacity 150ms"
+  },
+  ".overlayAnimation-exit": { opacity: 1 },
+  ".overlayAnimation-exit-active": { opacity: 0, transition: "opacity 150ms" },
+  ".fromRight-enter,\n.fromRight-appear": { transform: "translateX(550px)" },
+  ".fromRight-enter-active,\n.fromRight-appear-active": {
+    transition: "transform 150ms",
+    transform: "translateX(0)"
+  },
+  ".fromRight-exit": { transform: "translateX(0)" },
+  ".fromRight-exit-active": {
+    transition: "transform 150ms",
+    transform: "translateX(550px)"
+  },
+  ".notification-enter,\n.notification-appear": {
+    opacity: 0,
+    transform: "scale(0.8)"
+  },
+  ".notification-enter-active,\n.notification-appear-active": {
+    opacity: 1,
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".notification-exit": { opacity: 1 },
+  ".notification-exit-active": {
+    opacity: 0,
+    transform: "scale(0.8)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  }
+};
+
+var __defProp$h = Object.defineProperty;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
+    }
+  return a;
+};
+const root = __spreadValues$h({
+  height: "100%",
+  "*": {
+    fontFamily: "body",
+    fontWeight: "body",
+    code: {
+      fontFamily: "monospace"
+    },
+    "&:focus": focusOutline
+  },
+  body: {
+    minHeight: "100vh"
+  },
+  h1: {
+    fontSize: responsive$1({ 0: 26, 3: 32 })
+  },
+  h2: {
+    fontSize: responsive$1({ 0: 22, 3: 28 })
+  },
+  h3: {
+    fontSize: responsive$1({ 0: 19, 3: 25 })
+  },
+  h4: {
+    fontSize: responsive$1({ 0: 18, 3: 22 })
+  },
+  h5: {
+    fontSize: responsive$1({ 0: 18, 3: 22 })
+  },
+  h6: {
+    fontSize: responsive$1({ 0: 17, 3: 17 })
+  },
+  "h1,h2,h3,h4,h5,h6": {
+    letterSpacing: "heading",
+    lineHeight: "heading",
+    variant: "text.title"
+  },
+  "*:not(h1, h2, h3, h4, h5, h6, code)": {
+    fontFamily: "body",
+    fontSize: 16,
+    fontWeight: "body",
+    letterSpacing: "body",
+    lineHeight: "body"
+  },
+  a: {
+    textDecoration: "underline"
+  },
+  "textarea,a": {
+    transition: "color 200ms ease-out",
+    ":focus": __spreadValues$h({}, focusOutline),
+    ":focus-visible": __spreadValues$h({}, focusOutline)
+  },
+  "*:focus": focusOutline,
+  ul: {
+    listStyle: "none",
+    listStyleType: "none",
+    margin: 0,
+    padding: 0
+  },
+  abbr: {
+    "&.required": {
+      textDecoration: "none",
+      border: "none",
+      mx: 1,
+      alignSelf: "baseline",
+      fontWeight: "bold",
+      color: "danger"
+    }
+  },
+  table: {
+    borderCollapse: "separate",
+    borderSpacing: 0
+  },
+  "& label": {
+    display: "flex",
+    "& > span": {
+      mb: spacing(1),
+      fontWeight: "bold"
+    },
+    "&.required": {
+      position: "relative",
+      "&::before": {
+        color: "danger",
+        position: "absolute",
+        content: '"*"',
+        top: 0,
+        left: "-10px"
+      },
+      "*:invalid": {
+        borderColor: "danger"
+      }
+    }
+  },
+  ".bold": {
+    fontWeight: "bold"
+  },
+  ".light": {
+    fontWeight: "light"
+  },
+  ".Left": {
+    textAlign: "left !important"
+  },
+  ".Center": {
+    textAlign: "center !important"
+  },
+  ".Right": {
+    textAlign: "right !important"
+  },
+  ".Justify": {
+    textAlign: "justify !important"
+  },
+  ".Bottom": {
+    verticalAlign: "bottom !important"
+  },
+  ".Middle": {
+    verticalAlign: "middle !important"
+  },
+  ".Top": {
+    verticalAlign: "top !important"
+  },
+  ".hidden": {
+    display: "none"
+  }
+}, transitions);
+
+const baseTheme = () => {
+  return {
+    alerts,
+    breakpoints: [
+      "0px",
+      "250px",
+      "500px",
+      "700px",
+      "1000px",
+      "1260px",
+      "1580px"
+    ],
+    buttons,
+    colors: {},
+    fonts: {
+      body: "Arial",
+      heading: "inherit",
+      monospace: "Menlo, monospace"
+    },
+    fontSizes: Array(60).fill(1).map((_, i) => {
+      return i;
+    }),
+    forms: {},
+    layout: {
+      root
+    },
+    lineHeights: {
+      body: 1.5,
+      heading: 1.125
+    },
+    letterSpacings: {
+      body: "0.01em",
+      heading: "-0.015em"
+    },
+    radii: {
+      alerts: 0,
+      buttons: 0,
+      default: 0
+    },
+    shadows: {
+      modals: "",
+      tabs: ""
+    },
+    space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],
+    sizes: {
+      // Layout
+      applicationMenu: "350px",
+      floatingNotifications: "min(550px, calc(100vw - 30px))",
+      root: "992px",
+      mainImage: "64px",
+      twoColumns: "calc(992px + 350px)",
+      twoColumnsCentered: "calc(992px + 350px + 16px)",
+      // Icons
+      iconXs: "12px",
+      iconSm: "16px",
+      iconMd: "22px",
+      iconLg: "32px",
+      iconXl: "48px"
+    },
+    text,
+    zIndices: {
+      stickyElements: 600,
+      menu: 1e3,
+      maximizedTables: 1100,
+      modal: 1200,
+      tooltip: 1400,
+      notifications: 1600,
+      contextMenu: 1800
+    },
+    useRootStyles: true
+  };
+};
+
+var __defProp$g = Object.defineProperty;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$g.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
+    }
+  return a;
+};
+const customCheckbox = __spreadValues$g({
+  display: "inline-flex",
+  borderRadius: "default",
+  flexBasis: "32px",
+  flexShrink: 0,
+  width: "32px",
+  height: "32px",
+  alignItems: "center",
+  justifyContent: "center",
+  p: "3px",
+  border: "1px solid",
+  svg: {
+    width: "20px"
+  }
+}, getColorsAndStatesByPath("form.fields", {
+  states: {
+    active: false,
+    hover: false,
+    focus: false
+  }
+}));
+
+var __defProp$f = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+const checkbox = __spreadProps$9(__spreadValues$f({
+  borderRadius: "default"
+}, getColorsAndStatesByPath("form.fields", {
+  states: {
+    active: false,
+    focus: false,
+    hover: false
+  }
+})), {
+  backgroundColor: "unset",
+  alignItems: "center",
+  "&.nativeCheckbox": {
+    appearance: "none",
+    width: "25px",
+    height: "25px",
+    border: "solid 1px #cccccc",
+    marginRight: "8px",
+    position: "relative",
+    cursor: "pointer",
+    "&:checked::before": {
+      content: '"\u2713"',
+      color: "palette.text.primary",
+      position: "absolute",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      fontSize: "larger",
+      fontWeight: "bolder",
+      borderRadius: "5px",
+      cursor: "pointer"
+    },
+    "&:indeterminate::before": {
+      content: '"-"',
+      color: "palette.text.primary",
+      position: "absolute",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      top: "-1px",
+      left: 0,
+      right: 0,
+      bottom: 0,
+      fontSize: "xx-large",
+      fontWeight: "600",
+      borderRadius: "5px",
+      cursor: "pointer"
+    }
+  }
+});
+
+var __defProp$e = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+const dateInput = __spreadProps$8(__spreadValues$e({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "stretch",
+  justifyContent: "stretch",
+  gap: spacing(2),
+  width: "100%",
+  "&.readOnly": {
+    input: {
+      color: "Text.fields",
+      bg: "Background.fields"
+    }
+  },
+  ".iconInput": {
+    width: "100%",
+    position: "relative"
+  },
+  'input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]), input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]) path, .delete_date_button': __spreadValues$e({
+    position: "absolute",
+    right: "59px",
+    padding: 0,
+    top: "calc(50% - 10px)",
+    margin: 0,
+    marginRight: 0,
+    borderRadius: "100%",
+    width: "20px",
+    height: "20px"
+  }, getColorsAndStatesByPath("buttons.icon-outline")),
+  input: {
+    flexShrink: 1
+  },
+  "& > div": {
+    display: "flex",
+    gap: spacing(2),
+    flexShrink: 0,
+    width: "auto",
+    maxWidth: "100%",
+    minWidth: 0,
+    button: {
+      width: "45px",
+      flexShrink: 0
+    }
+  }
+}, getColorsAndStatesByPath("form.fields", {
+  states: {
+    hover: false,
+    active: false,
+    focus: false
+  }
+})), {
+  backgroundColor: void 0
+});
+
+var __defProp$d = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
+    }
+  return a;
+};
+const iconInput = {
+  display: "flex",
+  gap: spacing(1),
+  justifyContent: "stretch",
+  alignItems: "center",
+  "&.readOnly": {
+    input: __spreadValues$d({}, getColorsByPath("form.fields"))
+  },
+  input: {
+    height: "50px",
+    width: "100%"
+  },
+  button: {
+    display: "flex",
+    width: "45px",
+    flexShrink: 0,
+    height: "50px"
+  }
+};
+
+var __defProp$c = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+const input = __spreadProps$7(__spreadValues$c({
+  variant: "text.default",
+  border: "1px solid",
+  borderRadius: "default",
+  padding: responsive$1({ 0: 3, 3: 4 }),
+  "::placeholder": {
+    color: "#b0b0b0"
+  }
+}, getColorsAndStatesByPath("form.fields", {
+  states: {
+    active: false,
+    hover: false,
+    focus: false
+  }
+})), {
+  material: {
+    input: {
+      borderLeft: "none",
+      borderRight: "none",
+      borderTop: "none",
+      borderBottomColor: "palette.border.section",
+      "& + .input__underline": {
+        transform: "scale(1)"
+      },
+      "&:focus": {
+        outline: "none",
+        "~::after": {
+          animationName: "growHorizontal",
+          animationDuration: "150ms",
+          animationTimingFunction: "ease-out",
+          content: '""',
+          display: "block",
+          height: "0",
+          outlineColor: "palette.primary.main",
+          outlineStyle: "solid",
+          outlineWidth: "1.5px",
+          outlineOffset: 0,
+          position: "fixed",
+          transformOrigin: "center center",
+          width: "100%"
+        }
+      }
+    }
+  }
+});
+
+const label = {
+  variant: "text.default",
+  alignItems: "center",
+  width: "auto",
+  textTransform: "none",
+  cursor: "pointer",
+  "&:not(.radio-label)": {
+    fontWeight: "bold"
+  },
+  "&.required": {
+    position: "relative",
+    "&::before": {
+      color: "danger",
+      position: "absolute",
+      content: '"*"',
+      top: 0,
+      left: "-10px"
+    }
+  },
+  "&:last-of-type": {
+    "input, textarea, select": {
+      mb: spacing(0)
+    }
+  }
+};
+
+var __defProp$b = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
+    }
+  return a;
+};
+const radio = __spreadValues$b({
+  width: "32px",
+  height: "32px",
+  input: {
+    height: "32px !important"
+  }
+}, getColorsAndStatesByPath("form.radio"));
+
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
+    }
+  return a;
+};
+const select = __spreadValues$a({
+  variant: "text.default",
+  display: "inline-block",
+  fontFamily: "body",
+  p: spacing(4),
+  pr: 7,
+  borderRadius: "default",
+  width: "100%",
+  maxWidth: "100%"
+}, getColorsAndStatesByPath("form.fields", {
+  states: {
+    active: false,
+    hover: false,
+    focus: false
+  }
+}));
+
+var __defProp$9 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+function selectMultiple(theme) {
+  return __spreadValues$9({
+    variant: "text.default",
+    height: "100%",
+    padding: "4px",
+    borderRadius: "default",
+    border: "1px solid",
+    width: "100%",
+    transition: "background-color 100ms ease-out, color 100ms ease-out",
+    overflow: "auto",
+    option: __spreadProps$6(__spreadValues$9({
+      padding: 2
+    }, getSelectedColors(theme)), {
+      "&:checked": {
+        backgroundColor: theme.palette.getColor(
+          theme.palette.background.paper,
+          "selected"
+        ),
+        color: theme.palette.getContrastText(
+          theme.palette.getColor(theme.palette.background.paper, "selected")
+        )
+      }
+    }),
+    "+ svg": {
+      display: "none"
+    }
+  }, theme.palette.getStatesFromPath("form.fields", {
+    states: {
+      active: false,
+      hover: false,
+      focus: false
+    }
+  }));
+}
+
+const Switch = {
+  "+ span": {
+    fontSize: 14,
+    fontWeight: "normal",
+    wordBreak: "break-all"
+  },
+  backgroundColor: "form.fields.checked.borderColor"
+};
+
+const textarea = {
+  "&, & textarea": {
+    height: "100%",
+    minHeight: "130px",
+    resize: "vertical"
+  },
+  textarea: {
+    variant: "forms.input"
+  }
+};
+
+var __defProp$8 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+const deletableInput = {
+  border: "1px solid",
+  borderColor: "palette.border.field",
+  display: "inline-block",
+  position: "relative",
+  pr: "45px",
+  ".deletableInput__input": {
+    border: "none"
+  },
+  ".deletableInput__deleteButton": __spreadValues$8({
+    height: "100%",
+    outlineOffset: "-2px",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    width: "45px"
+  }, getColorsAndStatesByPath("buttons.deletableInputButton")),
+  "&:focus-within:not(.asMaterial)": __spreadProps$5(__spreadValues$8({}, focusOutline), {
+    ".deletableInput__input:focus": {
+      outline: "none"
+    },
+    ".deletableInput__deleteButton:focus": {
+      outline: "none"
+    }
+  }),
+  "&.asMaterial": {
+    borderLeft: "none",
+    borderRight: "none",
+    borderTop: "none",
+    borderBottomColor: "palette.border.section",
+    "& + .input__underline": {
+      transform: "scale(1)"
+    },
+    ".deletableInput__input:focus": {
+      outline: "none",
+      "~.input__underline::after": {
+        animationName: "growHorizontal",
+        animationDuration: "150ms",
+        animationTimingFunction: "ease-out",
+        content: '""',
+        display: "block",
+        height: "0",
+        outlineColor: "palette.primary.main",
+        outlineStyle: "solid",
+        outlineWidth: "1.5px",
+        outlineOffset: 0,
+        position: "absolute",
+        transformOrigin: "center center",
+        left: 0,
+        right: 0
+      }
+    }
+  }
+};
+
+const forms$1 = (theme) => {
+  return {
+    checkbox,
+    customCheckbox,
+    dateInput,
+    deletableInput,
+    iconInput,
+    input,
+    label,
+    radio,
+    select,
+    selectMultiple: selectMultiple(theme),
+    switch: Switch,
+    textarea,
+    /* PREPEND HERE */
+    'input[type="date"]': {
+      variant: "forms.input"
+    }
+  };
+};
+
+const overlay = {
+  overlay: {
+    position: "fixed",
+    overflow: "hidden",
+    top: "0",
+    right: "0",
+    bottom: "0",
+    left: "0",
+    width: "100vw",
+    height: "100vh",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: `palette.background.overlay`,
+    zIndex: "modal",
+    "&:not(.screenLock) .modal-enter-done": {
+      boxShadow: "modals"
+    }
+  },
+  "overlay--stretch": {
+    variant: "layout.common.modals.overlay",
+    alignItems: responsive$1({ 0: "stretch", 2: "center" })
+  }
+};
+
+const apiaApi = {
+  display: "flex",
+  width: "100%",
+  ".handler__form": {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: spacing(6),
+    ".handler__form__elements": {
+      flexShrink: 1,
+      overflow: "auto"
+    },
+    ".handler__form__elements__section__content": {
+      display: "flex",
+      flexDirection: "column",
+      wordBreak: "break-word",
+      background: "palette.background.paper",
+      p: 0,
+      gap: spacing(3)
+    },
+    ".content .handler__form__elements__section__content": {
+      border: "1px solid",
+      borderColor: "palette.border.section",
+      borderTop: "none",
+      p: spacing(6)
+    },
+    ".handler__form__buttons": {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "end",
+      p: 0,
+      gap: "0px"
+    },
+    ".radio": {
+      display: "flex",
+      flexDirection: "column",
+      flexWrap: "wrap",
+      listStyle: "none",
+      variant: "layout.execution.form.fields.radio"
+    },
+    ".handler__checkbox, .handler__radio": {
+      "label span": {
+        fontWeight: "normal"
+      }
+    },
+    ".checkbox": {
+      flexDirection: "row-reverse",
+      alignItems: "center",
+      justifyContent: "start",
+      gap: spacing(4),
+      ".semicolon": {
+        display: "none"
+      },
+      input: {
+        width: "100%"
+      }
+    },
+    ".handler__hidden": {
+      display: "none"
+    },
+    "label.select > div": {
+      width: "100%"
+    },
+    ".spacer": {
+      height: spacing(7)
+    }
+  },
+  ".progressBox": {
+    p: spacing(5),
+    pt: spacing(0)
+  }
+  /* PREPEND HERE */
+};
+
+var __defProp$7 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+const modals = __spreadProps$4(__spreadValues$7({
+  apiaApi
+}, overlay), {
+  main: __spreadValues$7({
+    zIndex: "modal",
+    display: "flex",
+    flexDirection: "column",
+    p: spacing(6),
+    alignItems: "center",
+    justifyItems: "center",
+    maxHeight: "100vh",
+    maxWidth: "calc(100vw - 10px)",
+    resize: "both",
+    overflow: "auto",
+    border: "1px solid",
+    gap: spacing(5),
+    "&>div": {
+      overflow: "hidden",
+      flexGrow: 0,
+      flexShrink: 0,
+      p: "3px",
+      width: "100%"
+    },
+    "&>div.modal__header": {
+      alignItems: responsive$1({ 0: "end", 4: "center" }),
+      flexShrink: 0,
+      overflow: "visible",
+      ".modal__headerBar": {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: spacing(3)
+      }
+    },
+    "&>div.modal__content, &>div.modal__content>form": {
+      overflow: "auto",
+      width: "100%",
+      flexBasis: "100%",
+      flexShrink: 1,
+      display: "flex",
+      justifyContent: "stretch",
+      alignItems: "stretch"
+    }
+  }, getColorsByPath("modal")),
+  finder: {
+    variant: "layout.common.modals.main",
+    height: responsive$1({ 0: "100vh", 3: "80vh" }),
+    width: responsive$1({ 0: "95vw", 3: "80vw", 4: "70vw" }),
+    ".modal__content": {
+      p: spacing(2),
+      overflow: "hidden",
+      ".confirm__content": {
+        overflow: "hidden",
+        ".finder__content": {
+          display: "flex",
+          alignItems: "stretch"
+        },
+        ".selection__keyHandler": {
+          overflow: "hidden",
+          height: "100%",
+          ".responsiveTable__wrapper": {
+            height: "100%",
+            border: "1px solid",
+            borderColor: "palette.border.article",
+            backgroundColor: "palette.gray.900"
+          }
+        }
+      }
+    }
+  },
+  sm: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(350px, calc(100vw - 10px))"
+  },
+  md: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(500px, calc(100vw - 10px))"
+  },
+  "md-fixed": {
+    variant: "layout.common.modals.main",
+    width: "min(500px, calc(100vw - 10px))",
+    maxHeight: responsive$1({ 0: "95vh", 2: "80vh" })
+  },
+  lg: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(640px, calc(100vw - 10px))"
+  },
+  "lg-fixed": {
+    variant: "layout.common.modals.main",
+    width: "640px",
+    height: "60vh"
+  },
+  xl: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(730px, calc(100vw - 10px))"
+  },
+  "xl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive$1({ 0: "95vw", 2: "60vw" }),
+    height: responsive$1({ 0: "95vh", 2: "80vh" })
+  },
+  xxl: {
+    variant: "layout.common.modals.main",
+    width: responsive$1({ 0: "95vw", 2: "80vw" }),
+    maxHeight: responsive$1({ 0: "95vh", 2: "80vh" })
+  },
+  "xxl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive$1({ 0: "95vw", 2: "80vw" }),
+    height: responsive$1({ 0: "95vh", 2: "80vh" })
+  },
+  xxxl: {
+    variant: "layout.common.modals.main",
+    width: responsive$1({ 0: "95vw", 2: "95vw" }),
+    maxHeight: responsive$1({ 0: "95vh", 2: "95vh" })
+  },
+  "xxxl-fixed": {
+    variant: "layout.common.modals.main",
+    width: responsive$1({ 0: "95vw", 2: "95vw" }),
+    height: responsive$1({ 0: "95vh", 2: "95vh" })
+  },
+  flex: {
+    variant: "layout.common.modals.main",
+    maxWidth: "95vw",
+    maxHeight: "95vh",
+    ".modal__content": {
+      p: spacing(2),
+      overflow: "auto"
+    }
+  },
+  cal: {
+    variant: "layout.common.modals.sm",
+    width: "350px"
+  },
+  editGrid: {
+    variant: "layout.common.modals.main",
+    width: "root",
+    maxHeight: "90vh"
+  }
+  /* PREPEND HERE */
+});
+
+var __defProp$6 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+function getSelectionStyles() {
+  return {
+    'td[data-focused="false"], th[data-focused="false"]': {
+      "*:focus-visible, &:focus, &:focus-visible": {
+        outline: "none"
+      },
+      "*:focus": __spreadValues$6({}, focusOutline)
+    },
+    '[data-focused="true"]:not(.row__separator__cell)': {
+      '&:not([data-editionmode="true"])': {
+        "&:focus, & > *:focus, *:focus-visible": __spreadProps$3(__spreadValues$6({}, focusOutline), {
+          "&.cell__download__document": {
+            outlineOffset: 0
+          }
+        })
+      },
+      '&[data-editionmode="true"]': {
+        "&:focus, *:focus, *:focus-visible": __spreadProps$3(__spreadValues$6({}, focusOutline), {
+          outlineStyle: "dotted",
+          outlineWidth: "6px",
+          outlineOffset: "-4px"
+        })
+      }
+    },
+    '[data-focused="true"].row__separator__cell': {
+      backgroundColor: "palette.secondary.main",
+      outline: "none"
+    }
+  };
+}
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+const primary$1 = (theme) => {
+  return __spreadProps$2(__spreadValues$5({
+    variant: "colors.tables.primary",
+    width: "100%",
+    backgroundColor: "components.primaryTable.body.backgroundColor",
+    border: "1px solid",
+    borderColor: "components.primaryTable.borderColor",
+    borderCollapse: "separate",
+    borderSpacing: 0,
+    tableLayout: "fixed",
+    thead: {
+      zIndex: 1,
+      position: "sticky",
+      insetBlockStart: 0,
+      backgroundColor: "palette.background.paper",
+      "tr:not(.filtersRow):not(.responsiveTable__filters__row)": {
+        "th, td": __spreadProps$2(__spreadValues$5({
+          variant: "buttons.primary",
+          py: responsive$1({ 0: 3, 4: 4 }),
+          px: responsive$1({ 0: 3, 4: 4 }),
+          width: "breakWidth",
+          backgroundColor: "palette.primary.main",
+          borderColor: "palette.primary.dark",
+          borderRadius: 0,
+          borderStyle: "solid",
+          borderWidth: "1px",
+          color: "palette.primary.contrastText",
+          display: "table-cell",
+          verticalAlign: "center",
+          wordBreak: "break-word",
+          '&[role="presentation"]': {
+            display: "none"
+          }
+        }, theme.palette.getStatesFromPath("components.primaryTable.header")), {
+          "& *": {
+            color: "inherit"
+          },
+          ".headButton__label": {
+            textAlign: "left",
+            d: ""
+          },
+          ".headButton__resizer": {
+            width: "20px",
+            cursor: "ew-resize",
+            zIndex: 1e3,
+            position: "absolute",
+            right: "-10px",
+            height: "100%"
+          },
+          "&:last-of-type .headButton__resizer": {
+            right: "0px"
+          },
+          "&:last-of-type:not(td)": {
+            maxWidth: "100%",
+            width: "100%"
+          },
+          "&.additionalColumn": {
+            minWidth: "50px",
+            maxWidth: "50px",
+            width: "50px",
+            p: 0,
+            textAlign: "center",
+            verticalAlign: "center"
+          },
+          ".headButton__container": {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 3,
+            svg: {
+              flexShrink: 0
+            }
+          },
+          // '&>div': {
+          //   color: 'components.primaryTable.header.color',
+          //   svg: {
+          //     color: 'components.primaryTable.body.color',
+          //   },
+          // },
+          "&:not(:last-of-type)": {
+            "&>div": {
+              borderRightWidth: "1px"
+            }
+          }
+        }),
+        "th.requiredFilterColumn": {
+          borderLeft: "4px solid !important",
+          borderLeftColor: "palette.error.main !important"
+        }
+      },
+      "tr.filtersRow, tr.responsiveTable__filters__row": {
+        backgroundColor: "components.primaryTable.body.backgroundColor",
+        "th.noFilter": {
+          background: "transparent"
+        },
+        "td.requiredFilter__Border": {
+          borderLeftStyle: "solid !important",
+          borderLeftWidth: "4px !important",
+          borderLeftColor: "palette.error.main"
+        },
+        td: {
+          "input:not([disabled]), select:not([disabled])": {
+            border: "1px solid white"
+          },
+          background: "transparent",
+          border: "1px solid",
+          borderColor: "components.primaryTable.body.borderColor",
+          p: 0
+        },
+        transition: "height 0.3s",
+        "&.hidden": {
+          height: "0",
+          overflow: "hidden",
+          p: spacing(0),
+          border: "none",
+          "& *": {
+            height: "0",
+            overflow: "hidden",
+            fontSize: 0,
+            lineHeight: 0,
+            p: spacing(0),
+            border: "none"
+          }
+        }
+      }
+    },
+    tbody: {
+      tr: __spreadProps$2(__spreadValues$5(__spreadProps$2(__spreadValues$5({
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid"
+      }, theme.palette.getStatesFromPath("components.primaryTable.body", {
+        states: {
+          disabled: false,
+          readonly: false,
+          active: false,
+          hover: false,
+          checked: false,
+          focus: false,
+          selected: false
+        }
+      })), {
+        "&:nth-of-type(2n)": {
+          backgroundColor: "components.primaryTable.body.evenRowsBackgroundColor"
+        },
+        "&.non-selectable": {
+          cursor: "not-allowed"
+        },
+        "&.hidden": {
+          display: "none"
+        },
+        "&.locked": {
+          background: "palette.gray.900",
+          td: {
+            borderColor: "palette.gray.850"
+          }
+        }
+      }), getSelectedColors(theme)), {
+        "&.draggingRow": {
+          outline: "3px dotted",
+          outlineColor: "components.primaryTable.header.borderColor",
+          outlineOffset: "-3px",
+          "*": {
+            outline: "none !important"
+          }
+        },
+        borderColor: "components.primaryTable.body.borderColor",
+        ".rowStatesList": {
+          display: "flex",
+          gap: spacing(3),
+          alignItems: "center",
+          svg: {
+            width: "smallIcon",
+            height: "smallIcon",
+            cursor: "pointer"
+          }
+        },
+        td: {
+          verticalAlign: "top",
+          wordBreak: "break-word",
+          border: "1px solid",
+          borderColor: "components.primaryTable.body.borderColor",
+          "&.stickyColumn": {
+            position: "sticky",
+            left: 0,
+            backgroundColor: "components.primaryTable.body.backgroundColor"
+          },
+          ".moreInformationButton": {
+            width: "30px",
+            height: "30px",
+            padding: "3px",
+            border: "none",
+            background: "transparent"
+          }
+        }
+      }),
+      td: {
+        p: spacing(3)
+      },
+      ".responsiveTable__additionalInfoContainer": {
+        display: "grid",
+        gridTemplateColumns: responsive$1({
+          0: "repeat(2, 1fr)",
+          5: "repeat(4, 1fr)"
+        }),
+        columnGap: 3,
+        rowGap: 2
+      },
+      ".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator": {
+        gridColumnStart: "1",
+        gridColumnEnd: "5",
+        borderBottom: "1px solid",
+        borderBottomColor: "palette.gray.700",
+        height: "auto"
+      }
+    },
+    ".editionMode": {
+      border: "3px solid",
+      borderColor: "components.primaryTable.header.borderColor",
+      borderWidth: "1.5px",
+      borderStyle: "dotted"
+    },
+    ".stateCell": {
+      width: "50px",
+      maxWidth: "50px",
+      minWidth: "50px",
+      textAlign: "center",
+      verticalAlign: "middle"
+    }
+  }, getSelectionStyles()), {
+    ".no__registers": {
+      py: 6,
+      minWidth: "200px"
+    },
+    ".requiredFilter__Column": {
+      fontWeight: "bold"
+    },
+    ".bold": {
+      fontWeight: "bold"
+    },
+    ".light": {
+      color: "#6a6a6a"
+    },
+    ".additionalInfo__cell, .stateCell": {
+      verticalAlign: "middle"
+    }
+  });
+};
+
+const information = {
+  width: "100%",
+  border: "1px solid",
+  borderColor: "primary",
+  borderCollapse: "collapse",
+  thead: {
+    tr: {
+      th: {
+        bg: "primary",
+        color: "white",
+        textAlign: "center",
+        fontWeight: "bold",
+        p: spacing(4)
+      }
+    }
+  },
+  tbody: {
+    tr: {
+      "td,th": {
+        borderColor: "muted",
+        p: spacing(4)
+      },
+      "&:not(tr:last-of-type)": {
+        "td,th": {
+          borderBottom: "1px solid"
+        }
+      },
+      "td:not(td:last-child),th:not(th:last-child)": {
+        borderRight: "1px solid"
+      },
+      th: {
+        textAlign: "left",
+        whiteSpace: "nowrap",
+        minWidth: "min-content",
+        width: 0
+      }
+    }
+  }
+};
+
+const accordion$1 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: spacing(2),
+  ".responsiveTable__accordionElement__toggler": {
+    variant: "buttons.outline",
+    borderWidth: "1px",
+    display: "flex",
+    gap: spacing(3),
+    alignItems: "stretch",
+    width: "100%",
+    px: 4,
+    py: 3,
+    "&:hover h3": {
+      color: "palette.primary.contrastText"
+    },
+    ".accordionElement__toggler__checkbox": {
+      flexShrink: 0,
+      m: spacing(2)
+    },
+    ".accordionElement__toggler__button": {
+      flexGrow: 100,
+      display: "flex",
+      justifyContent: "space-between",
+      py: 2,
+      pr: spacing(2),
+      alignItems: "center",
+      ".accordionElement__toggler__label": {
+        flexGrow: 100,
+        m: spacing(0),
+        textAlign: "left",
+        fontSize: 16
+      },
+      ".accordionElement__toggler__expandIcon": {
+        flexShrink: 0,
+        svg: {
+          width: "32px"
+        }
+      }
+    }
+  },
+  ".responsiveTable__accordionElement__content": {
+    "& > div": {
+      backgroundColor: "palette.background.paper",
+      transition: "padding-bottom 300ms, padding-top 300ms",
+      px: 5
+    },
+    "&.rah-static--height-zero": {
+      "& > div": { py: 0 }
+    },
+    "&.rah-static--height-auto, &.rah-animating--down": {
+      "& > div": { py: 5 }
+    },
+    ".priority_container": { display: "flex", alignItems: "center" },
+    ".priority": { display: "flex" }
+  }
+};
+
+const print = {
+  border: "2px solid",
+  borderColor: "printView.list.table.borderColor",
+  "td, th": {
+    p: 3,
+    textAlign: "left"
+  }
+};
+
+const responsive = (theme) => {
+  return {
+    maxHeight: "100%",
+    overflow: "auto",
+    position: "relative",
+    "&.isLoading": {
+      overflow: "hidden"
+    },
+    ".responsiveTable__isLoading": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: tinycolor(theme.palette.background.paper).setAlpha(0.7).toRgbString(),
+      zIndex: 1,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    ".cell__download__document": {
+      display: "flex",
+      gap: 3,
+      alignItems: "center",
+      justifyContent: "start",
+      "&, *": {
+        color: "palette.primary.main"
+      },
+      svg: {
+        flexShrink: 0
+      }
+    }
+    /* PREPEND HERE */
+  };
+};
+
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+const secondary = {
+  variant: "layout.common.tables.primary",
+  borderColor: "components.secondaryTable.borderColor",
+  "& thead": {
+    "tr:not(.filtersRow):not(.responsiveTable__filters__row)": {
+      "& th, & td": () => __spreadValues$4({}, getColorsAndStatesByPath("components.secondaryTable.header"))
+    }
+  },
+  "& tbody": {
+    tr: __spreadValues$4({
+      "&:nth-of-type(2n)": {
+        backgroundColor: "components.secondaryTable.body.evenRowsBackgroundColor"
+      },
+      td: {
+        borderColor: "components.secondaryTable.body.borderColor"
+      },
+      '&[aria-selected="true"]': {
+        backgroundColor: "components.secondaryTable.body.selectedRows.backgroundColor",
+        "& td": {
+          borderColor: "components.secondaryTable.body.selectedRows.borderColor"
+        },
+        color: "components.secondaryTable.body.selectedRows.color"
+      },
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid"
+    }, getColorsAndStatesByPath("components.secondaryTable.body", {
+      states: {
+        disabled: false,
+        readonly: false,
+        active: false,
+        hover: false,
+        checked: false,
+        focus: false,
+        selected: false
+      }
+    }))
+  }
+};
+
+const tables = (theme) => {
+  return {
+    accordion: accordion$1,
+    information,
+    primary: primary$1(theme),
+    print,
+    responsive: responsive(theme),
+    secondary
+    /* PREPEND HERE */
+  };
+};
+
+const captcha = {
+  display: "flex",
+  flexDirection: "column",
+  gap: spacing(2),
+  ".captcha__imageContainer": {
+    border: "1px solid",
+    borderColor: "palette.border.field",
+    p: spacing(4)
+  },
+  ".captcha__inputContainer": {
+    display: "flex",
+    gap: spacing(2),
+    justifyContent: "stretch",
+    input: {
+      flexGrow: 1,
+      width: "100%"
+    },
+    ".captcha__buttons": {
+      width: "24px",
+      flexDirection: "column",
+      display: "flex",
+      gap: spacing(2),
+      flexShrink: 0,
+      button: {
+        width: "24px",
+        height: "24px",
+        p: "5px",
+        variant: "buttons.icon-outline",
+        svg: {
+          color: "palette.text.primary",
+          height: "16px",
+          width: "16px"
+        }
+      }
+    }
+  }
+};
+
+const forms = {
+  captcha
+  /* PREPEND HERE */
+};
+
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+const primary = (theme) => {
+  return {
+    /* PREPEND HERE */
+    position: "relative",
+    '[role="tree"]:focus': {
+      outline: "none",
+      ".focus": focusOutline
+    },
+    ul: {
+      listStyle: "none",
+      p: 0
+    },
+    ".tree__searchLabelBox": {
+      alignItems: "center",
+      borderRadius: "2px",
+      display: "flex",
+      float: "right",
+      gap: spacing(3),
+      justifyContent: "center",
+      position: "sticky",
+      right: "4px",
+      top: "4px",
+      transform: "translateX(0)",
+      width: "100%",
+      zIndex: "stickyElements",
+      ".tree__loading": {
+        position: "fixed",
+        top: 0,
+        right: "4px",
+        height: "iconMd",
+        width: "iconMd",
+        background: "palette.background.paper"
+      },
+      button: {
+        cursor: "pointer",
+        "&:hover": {
+          textDecoration: "underline"
+        }
+      }
+    },
+    ".tree__searchLabel": __spreadValues$3({
+      alignItems: "center",
+      display: "flex",
+      gap: spacing(3),
+      justifyContent: "center",
+      position: "fixed",
+      p: "2px 5px",
+      right: 0,
+      top: 0
+    }, theme.palette.getOneState(
+      { backgroundColor: "palette.background.paper" },
+      "selected"
+    )),
+    '[role="treeitem"]': {
+      '&[aria-expanded="false"] ul': {
+        display: "none"
+      },
+      '&[aria-selected="true"] > .tree__nodeItemLabel': theme.palette.getOneState(
+        { backgroundColor: "palette.background.paper" },
+        "selected"
+      ),
+      background: "transparent"
+    },
+    ".tree__nodeItemLabel": {
+      display: "flex",
+      flexWrap: "nowrap",
+      gap: 3,
+      alignItems: "center",
+      wordBreak: "break-all",
+      button: {
+        cursor: "pointer",
+        "&:hover": {
+          textDecoration: "underline"
+        },
+        span: {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "nowrap"
+        }
+      },
+      ".tree__nodeItemLabelRenderer": {
+        display: "flex",
+        overflow: " hidden",
+        width: "100%"
+      },
+      ".button__content": {
+        textAlign: "left"
+      },
+      "& > *:not(.tree__nodeItemLabelRenderer)": {
+        flexShrink: 0,
+        textAlign: "left"
+      },
+      "&:hover": theme.palette.getOneState(
+        { backgroundColor: "palette.background.paper" },
+        "hover"
+      )
+    },
+    ".spacer": {
+      borderLeft: "1px solid",
+      borderLeftColor: "palette.border.section",
+      width: "20px",
+      alignSelf: "stretch"
+    }
+  };
+};
+
+const trees = {
+  primary
+};
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const pagination = __spreadProps$1(__spreadValues$2({}, getColorsByPath("components.pagination")), {
+  gap: spacing(1),
+  justifyContent: "stretch",
+  "&.onlyRefresh": {
+    justifyContent: "end"
+  },
+  alignItems: "center",
+  padding: 1,
+  display: "flex",
+  ".pagination__leftToolbar": {
+    alignItems: "center",
+    display: "flex",
+    width: "100%"
+  },
+  ".pagination__deleteLabels": {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  ".pagination__selectPage": {
+    width: "80px",
+    top: "80px",
+    textAlign: "center"
+  },
+  ".iconButton": __spreadProps$1(__spreadValues$2({
+    height: "36px",
+    width: "36px"
+  }, getColorsAndStatesByPath("components.pagination.icons", {
+    states: { disabled: false, path: true }
+  })), {
+    "&:disabled": {
+      background: "transparent"
+    }
+  }),
+  ".recordsCounter": {
+    color: "palette.primary.contrastText",
+    pl: spacing(3)
+  },
+  ".reachedMax": {
+    color: "red",
+    pl: 2
+  },
+  ".pagination__controls": {
+    flexGrow: 1,
+    justifyContent: "center",
+    flexShrink: 0,
+    "&.onlyRefresh": {
+      justifyContent: "end"
+    },
+    alignItems: "stretch",
+    padding: 1,
+    display: "flex",
+    width: responsive$1({ 0: "max-content", 2: "auto" }),
+    "select ~ svg": {
+      display: "none"
+    },
+    ".input": __spreadProps$1(__spreadValues$2({
+      display: "flex",
+      alignItems: "center",
+      gap: spacing(3),
+      fontSize: "1em",
+      border: "1px solid",
+      paddingY: 1,
+      paddingX: 4
+    }, getColorsByPath("components.pagination.pagesBox")), {
+      input: {
+        font: "inherit",
+        background: "none",
+        border: "none",
+        width: "30px",
+        padding: 0,
+        textAlign: "center"
+      },
+      span: {
+        font: "inherit",
+        display: "block",
+        width: "30px"
+      }
+    })
+  },
+  ".infoTooltip": {
+    position: "relative",
+    display: "inline-block",
+    borderBottom: "1px dotted black",
+    cursor: "pointer",
+    backgroundColor: "#f7d97f"
+  },
+  ".pagination__information": {
+    p: 1,
+    ".pagination__infoIcon": {
+      display: "flex"
+    }
+  },
+  ".pagination__alertInfo": __spreadValues$2({
+    variant: "buttons.icon-primary"
+  }, getColorsAndStatesByPath("buttons.iconAlert")),
+  ".pagination__rightToolbar": {
+    display: "flex",
+    gap: 0,
+    width: "100%",
+    justifyContent: "end",
+    ".pagination__deleteFiltersButton": {
+      variant: "buttons.primary-sm",
+      textDecoration: "none",
+      px: 3,
+      ".button__content": {
+        display: "flex",
+        flexDirection: "row",
+        gap: 3
+      },
+      ".pagination__appliedFiltersLabel": {
+        backgroundColor: "palette.primary.contrastText",
+        color: "palette.text.title",
+        borderRadius: "100%",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minWidth: "1.5em",
+        "&.withFilters": {
+          backgroundColor: "favorite",
+          color: "palette.text.primary"
+        }
+      }
+    }
+  }
+});
+
+const accordion = {
+  primary: {
+    "&, .accordion__item": {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch"
+    },
+    ".accordion__item__button__leftGroup, .accordion__item__button__rightGroup": {
+      alignItems: "center",
+      display: "flex",
+      gap: 3,
+      "& > *": {
+        flexShrink: 0,
+        "&.accordion__item__button__label": {
+          flexShrink: 1
+        }
+      }
+    },
+    ".accordion__item__button__label": {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      flexShrink: 1,
+      color: "palette.primary.contrastText",
+      fontSize: 16
+    },
+    ".accordion__item__button__check": {
+      width: "32px",
+      height: "32px",
+      background: "palette.background.paper",
+      border: "1px solid",
+      borderColor: "palette.border.field",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "stretch",
+      justifyContent: "stretch",
+      p: 2,
+      svg: {
+        color: "palette.text.primary",
+        height: "100%",
+        width: "100%"
+      }
+    },
+    ".accordion__item:last-of-type > *": {
+      borderBottom: "1px solid",
+      borderBottomColor: "palette.border.section"
+    },
+    ".accordion__item__content > *": {
+      p: spacing(3),
+      borderLeft: "1px solid",
+      borderRight: "1px solid",
+      borderLeftColor: "palette.border.section",
+      borderRightColor: "palette.border.section"
+    },
+    ".accordion__item__button": {
+      width: "100%",
+      p: 3,
+      ".button__content": {
+        alignItems: "center",
+        display: "flex",
+        gap: spacing(3),
+        justifyContent: "space-between",
+        width: "100%"
+      }
+    }
+  }
+};
+
+const components = {
+  accordion,
+  pagination
+};
+
+const common = (theme) => {
+  return {
+    forms,
+    modals,
+    tables: tables(theme),
+    components,
+    trees
+    /* PREPEND HERE */
+  };
+};
+
+const layout = (theme) => {
+  return {
+    common: common(theme)
+    /* PREPEND HERE */
+  };
+};
+
+const makeTheme = (t) => {
+  return t;
+};
+let declaredStyles = {};
+function getMainTheme(customTheme, customPalette) {
+  const theme = makeTheme(
+    merge(baseTheme(), { layout: declaredStyles }, customTheme != null ? customTheme : {}, {
+      palette: {}
+    })
+  );
+  const palette = parsePalette(
+    merge({}, defaultPalette, customPalette != null ? customPalette : theme.palette),
+    theme
+  );
+  theme.palette = palette;
+  theme.colors = getThemeColorsObject(theme);
+  theme.forms = forms$1(theme);
+  theme.layout = merge(layout(theme), theme.layout);
+  theme.styles = merge({}, customTheme == null ? void 0 : customTheme.styles, { root: theme.layout.root });
+  return theme;
+}
+
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+const injectedStyles = {};
+const mainThemeEmitter = new class MainThemeEmitter extends EventEmitter {
+}();
+function handleNewStyles(ev) {
+  injectedStyles[ev.path] = ev.styles;
+}
+mainThemeEmitter.on("newStyles", handleNewStyles);
+function useMainTheme(customTheme, customPalette) {
+  const [theme, setTheme] = useState(
+    getMainTheme(customTheme, customPalette)
+  );
+  const previousTheme = useRef(customTheme);
+  const previousPalette = useRef(customPalette);
+  if (previousTheme.current !== customTheme)
+    setTheme(getMainTheme(customTheme));
+  previousTheme.current = customTheme;
+  if (previousPalette.current !== customPalette)
+    setTheme(getMainTheme(customTheme, customPalette));
+  previousPalette.current = customPalette;
+  useMount(() => {
+    setTheme((current) => {
+      mainThemeEmitter.off("newStyles", handleNewStyles);
+      let initialTheme = __spreadValues$1({}, current);
+      Object.entries(injectedStyles).forEach(([path, styles]) => {
+        const newStyles = setValueByPath({}, path, styles);
+        initialTheme = merge(initialTheme, newStyles);
+      });
+      return initialTheme;
+    });
+    return mainThemeEmitter.on("newStyles", (ev) => {
+      const newStyles = setValueByPath({}, ev.path, ev.styles);
+      setTheme((current) => merge(__spreadValues$1({}, current), newStyles));
+    });
+  });
+  return theme;
+}
+
+const CustomThemeProvider = ({
+  children,
+  customTheme
+}) => {
+  const theme = getMainTheme(customTheme);
+  return /* @__PURE__ */ jsx(ThemeUIProvider, { theme, children });
+};
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function makeStyledComponent(displayName, stylesPath, styles, Component, unwraped = false) {
+  return Object.assign(
+    (props) => {
+      const avoidFirstRender = useRef(0);
+      const { theme: tuiTheme } = useThemeUI();
+      const theme = useMemo(
+        () => __spreadValues(__spreadValues({}, tuiTheme), setValueByPath({}, stylesPath, styles)),
+        [tuiTheme]
+      );
+      if (unwraped) {
+        return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, __spreadValues({}, props)) }) }) });
+      }
+      return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Box, __spreadProps(__spreadValues({ className: "variant__holder" }, getVariant(stylesPath)), { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, __spreadValues({}, props)) }) })) }) });
+    },
+    { displayName }
+  );
+}
+const NoThemePrevent = ({
+  avoidFirstRender,
+  children
+}) => {
+  avoidFirstRender.current++;
+  if (avoidFirstRender.current <= 1)
+    return null;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+function injectStyles(par1, par2) {
+  const path = typeof par1 === "string" ? par1 : "";
+  const styles = typeof par1 === "string" ? par2 : par1;
+  mainThemeEmitter.emit("newStyles", { path, styles });
+}
+
+let timeout = -1;
+function logTheme(theme) {
+  clearTimeout(timeout);
+  timeout = setTimeout(() => {
+    console.info("Theme log: ", { theme });
+  }, 100);
+}
+const ApiaThemeProvider = ({
+  children,
+  customTheme,
+  customPalette
+}) => {
+  const theme = useMainTheme(customTheme, customPalette);
+  logTheme(theme);
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children });
+};
+
+export { ApiaThemeProvider, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getVariant, injectStyles, makeStyledComponent, parsePalette, responsive$1 as responsive, smallButton, spacing, useMainTheme };