@apia/theme 0.0.7 → 0.1.0

package/dist/index.js

@@ -1 +1,3275 @@
-"use strict";var Ge=Object.create;var _=Object.defineProperty,$e=Object.defineProperties,He=Object.getOwnPropertyDescriptor,Le=Object.getOwnPropertyDescriptors,Ve=Object.getOwnPropertyNames,Y=Object.getOwnPropertySymbols,qe=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty,Je=Object.prototype.propertyIsEnumerable;var Z=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t)=>{for(var r in t||(t={}))ee.call(t,r)&&Z(e,r,t[r]);if(Y)for(var r of Y(t))Je.call(t,r)&&Z(e,r,t[r]);return e},m=(e,t)=>$e(e,Le(t));var Ke=(e,t)=>{for(var r in t)_(e,r,{get:t[r],enumerable:!0})},te=(e,t,r,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ve(t))!ee.call(e,i)&&i!==r&&_(e,i,{get:()=>t[i],enumerable:!(c=He(t,i))||c.enumerable});return e};var W=(e,t,r)=>(r=e!=null?Ge(qe(e)):{},te(t||!e||!e.__esModule?_(r,"default",{value:e,enumerable:!0}):r,e)),Qe=e=>te(_({},"__esModule",{value:!0}),e);var Ot={};Ke(Ot,{ThemeProvider:()=>wt,focusOutline:()=>w,getVariant:()=>$,injectStyles:()=>vt,makeStyledComponent:()=>kt,responsive:()=>u,smallButton:()=>y,spacing:()=>l,useMainTheme:()=>G});module.exports=Qe(Ot);var Be=require("lodash-es"),R=require("@apia/util"),_e=require("react");var Ue=require("lodash-es"),K=require("@apia/util");var E=require("lodash-es"),S=W(require("tinycolor2"));function u(e){var c;let t=[];for(let i=0;i<=6;i++)t[i+1]=(c=e[i])!=null?c:null;if(e.print)t[0]=e.print;else for(let i=5;i>=0;i--)e[i]!==void 0&&(t[0]=e[i]);return t}function l(e){var t;return(t=z.spacing(e))!=null?t:e}var y={py:2,px:4,fontSize:"0.9em"},w={outlineColor:"outlineColor",outlineWidth:"3px",outlineStyle:"solid",outlineOffset:"-3px"};function $(e){return{variant:e,"data-variant":e}}var F={light:"#009",dark:"#fff"},oe="#ccc",Xe=Array(50).fill(1).map((e,t)=>u({0:Math.ceil(t/2.5),1:Math.ceil(t/2.1),2:Math.ceil(t/1.7),3:Math.ceil(t/1.3),4:t})),Ye={action:{disabled:oe,disabledOpacity:.6,active:F,activeOpacity:.4,focus:F,focusOpacity:.2,hover:F,hoverOpacity:.3,readonly:oe,readonlyOpacity:.4,selected:F.light,selectedOpacity:.6},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:e=>Xe[e],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:u,queryColumnsMultiplier:2},z=Ye;var ne=require("lodash-es");var re=require("lodash-es");var k=W(require("tinycolor2"));function Ze(e){return o(o({},e),e.borderColor?{borderLeftColor:e.borderColor,borderRightColor:e.borderColor,borderBottomColor:e.borderColor,borderTopColor:e.borderColor}:void 0)}var A=Ze;var et=(e,t)=>{var C,x,v,T;if(t==="default")return A(e);let r=O(),c=r.action[`${t}Opacity`],i=t==="checked"?"selected":t,a=k.default.mix((C=e.backgroundColor)!=null?C:"",(0,k.default)((x=e.backgroundColor)!=null?x:"").isLight()?r.action[i].light:r.action[i].dark,100*c).toRgbString();return A(o(o({},e.backgroundColor?{backgroundColor:t==="checked"?(v=e.backgroundColor)!=null?v:"":a,color:t==="checked"?k.default.mix((0,k.default)((T=e.color)!=null?T:"black"),(0,k.default)(r.action.selected.dark),100*r.action.selectedOpacity).toRgbString():window.currentPalette.getContrastText(a)}:null),e.borderColor?{borderColor:k.default.mix(e.borderColor,(0,k.default)(e.borderColor).isLight()?r.action[i].light:r.action[i].dark,100*c).toRgbString()}:null))},f=et;var tt=(e,t)=>{let r=(t==null?void 0:t.default)!==!1?(0,re.cloneDeep)(e):{};return(t==null?void 0:t.active)!==!1&&(r.active=f(e,"active")),(t==null?void 0:t.disabled)!==!1&&(r.disabled=f(e,"disabled")),(t==null?void 0:t.focus)!==!1&&(r.focus=f(e,"focus")),(t==null?void 0:t.hover)!==!1&&(r.hover=f(e,"hover")),(t==null?void 0:t.readonly)!==!1&&(r.readonly=f(e,"readonly")),(t==null?void 0:t.selected)!==!1&&(r.selected=f(e,"selected")),(t==null?void 0:t.checked)!==!1&&(r.checked=f(e,"checked")),r},P=tt;function H(e,t){e.forEach(r=>{Object.entries(r).forEach(([c,i])=>{if(typeof i=="string")return;let a=i;a.active||(a.active={}),a.checked||(a.checked={}),a.focus||(a.focus={}),a.disabled||(a.disabled={}),a.hover||(a.hover={}),a.selected||(a.selected={});let C=P(a,t);r[c]=(0,ne.merge)(C,a)})})}var be=require("lodash-es");function ie(e){return!!e&&typeof e=="object"&&"main"in e}var I=W(require("tinycolor2"));function ae(e,t){return(0,I.default)(e).lighten(t!=null?t:20).toRgbString()}function le(e,t){return(0,I.default)(e).darken(t!=null?t:20).toRgbString()}function ce(e){let t=(0,I.default)(e);return I.default.readability("white",t)<I.default.readability("black",t)?"black":"white"}var de=require("lodash-es");var ot=(e,t)=>{switch(t){case"active":return{"&:active":e,"input[role]:active ~ &":e,"input[role]:active ~ & path":e};case"checked":return{"&:checked":e,"input[role]:checked ~ &":e,"input[role]:checked ~ & path":e};case"disabled":return{"&:disabled":e,"input[role]:disabled ~ &":e,"input[role]:disabled ~ & path":e};case"focus":{let r=(0,de.merge)({},w,e);return{"&:focus":r,"input[role]:focus ~ &":r}}case"hover":return{'&:hover:not([readonly], :disabled,[aria-selected="true"],:active)':e,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])':e,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path':e};case"readonly":return{"&[readonly]":e,"input[role][readonly] ~ &":e,"input[role][readonly] ~ & path":e,"&.readonly input ~ &, &.readOnly input ~ &":e,"&.readonly input ~ & path, &.readOnly input ~ & path":e,"&.readonly, &.readOnly":e};case"selected":return{"&:selected":e,"input[role]:selected ~ &":e,"input[role]:selected ~ & path":e,'&[aria-selected="true"]':e};default:return e}},b=ot;var ue=require("lodash-es");var se=require("lodash-es");function p(e,t){return(0,se.merge)(A({color:`${e}.color`,backgroundColor:`${e}.backgroundColor`,borderColor:`${e}.borderColor`}),t==null?void 0:t.mergeObject)}function n(e,t){var T,j,d,s,g,D,U,B;let r=p(`${e}.active`,t),c=p(`${e}.checked`,t),i=o({cursor:"not-allowed"},p(`${e}.disabled`,t)),a=p(`${e}.hover`,t),C=((T=t==null?void 0:t.states)==null?void 0:T.focus)!==!1?p(`${e}.focus`,t):{},x=o({cursor:"notAllowed"},p(`${e}.readonly`,t)),v=p(`${e}.selected`,t);return(0,ue.merge)(o(o(o(o(o(o(o(o({},((j=t==null?void 0:t.states)==null?void 0:j.default)!==!1?p(e,t):null),((d=t==null?void 0:t.states)==null?void 0:d.checked)!==!1?b(c,"checked"):null),b(C,"focus")),((s=t==null?void 0:t.states)==null?void 0:s.hover)!==!1?b(a,"hover"):null),((g=t==null?void 0:t.states)==null?void 0:g.selected)!==!1?b(v,"selected"):null),((D=t==null?void 0:t.states)==null?void 0:D.active)!==!1?b(r,"active"):null),((U=t==null?void 0:t.states)==null?void 0:U.disabled)!==!1?b(i,"disabled"):null),((B=t==null?void 0:t.states)==null?void 0:B.readonly)!==!1?b(x,"readonly"):null),t==null?void 0:t.mergeObject)}var rt=(e,t)=>o(o(o(o(o(o(o(o({},(t==null?void 0:t.default)!==!1?e:null),(t==null?void 0:t.checked)!==!1?b(f(e,"checked"),"checked"):null),b(f(e,"focus"),"focus")),(t==null?void 0:t.selected)!==!1?b(f(e,"selected"),"selected"):null),(t==null?void 0:t.hover)!==!1?b(f(e,"hover"),"hover"):null),(t==null?void 0:t.active)!==!1?b(f(e,"active"),"active"):null),(t==null?void 0:t.disabled)!==!1?b(f(e,"disabled"),"disabled"):null),(t==null?void 0:t.readonly)!==!1?b(f(e,"readonly"),"readonly"):null),me=rt;var L=W(require("tinycolor2"));var nt=(e,t)=>{if(t==="default")return e;let r=t==="checked"?"selected":t,c=O(),i=c.action[`${t}Opacity`];return L.default.mix(e,(0,L.default)(e).isLight()?c.action[r].light:c.action[r].dark,100*i).toRgbString()},fe=nt;function V(e){var c,i,a,C,x,v,T,j;let t=(0,be.cloneDeep)(e);t.lightenColor=(c=e.lightenColor)!=null?c:(d,s)=>ae(d,s!=null?s:e.lightenRatio),t.darkenColor=(i=e.darkenColor)!=null?i:(d,s)=>le(d,s!=null?s:e.darkenRatio),t.getContrastText=(a=e.getContrastText)!=null?a:ce,Object.entries(e).forEach(([d,s])=>{var D,U,B;let g=s;ie(g)?t[d]={main:g.main,light:(D=g.light)!=null?D:t.lightenColor(g.main),dark:(U=g.dark)!=null?U:t.darkenColor(g.main),contrastText:(B=g.contrastText)!=null?B:t.getContrastText(g.main)}:t[d]=s}),t.border.article=(C=t.border.article)!=null?C:t.secondary.main,t.border.field=(x=t.border.field)!=null?x:t.text.primary,t.border.section=(v=t.border.section)!=null?v:t.primary.main;function r(d){var s,g;return typeof d=="string"?{dark:d,light:d}:{dark:(s=d.dark)!=null?s:d.light,light:(g=d.light)!=null?g:d.dark}}t.action.active=r(t.action.active),t.action.disabled=r(t.action.disabled),t.action.focus=r(t.action.focus),t.action.hover=r(t.action.hover),t.action.readonly=r(t.action.readonly),t.action.selected=r(t.action.selected),t.buildStateObject=b,t.getColor=fe,t.getStatesForColors=P,t.getOneState=f,t.getStatesFromDefinition=me,t.getStatesFromPath=n,t.gray=(T=t.gray)!=null?T:{};for(let d=1;d<=18;d++){let s=Math.round(13.37962962962963*d);t.gray[d*50]=(j=t.gray[d*50])!=null?j:`rgb(${s},${s},${s})`}return t}var pe="#004085",it="#cce5ff",q="white";function ge(){let e=O();return e.getStatesFromDefinition({backgroundColor:e.background.paper,color:e.text.primary},{active:!1,checked:!1,default:!1,disabled:!1,hover:!1,focus:!1,readonly:!1})}function O(e){let t=e===!0,r=typeof e!="boolean"?e:void 0;return window.currentPalette&&!t||(window.currentPalette=V((0,E.merge)(z,window.defaultPalette,r!=null?r:window.customPalette))),window.currentPalette}function J(){var r;let e=(0,E.cloneDeep)((r=window.currentPalette)!=null?r:O()),t={palette:m(o({},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:m(o({},P({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.secondary.contrastText,hover:{color:e.secondary.contrastText},focus:{color:e.secondary.contrastText}},iconAlert:{backgroundColor:"transparent",color:"#e5c200",active:{backgroundColor:"transparent",color:(0,S.default)("#e5c200").darken(10).toRgbString()},focus:{backgroundColor:"transparent",color:(0,S.default)("#e5c200").darken(5).toRgbString()},hover:{backgroundColor:"transparent",color:(0,S.default)("#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}},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},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.getContrastText(e.background.paper),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}},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.getContrastText(e.background.paper),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}}},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:(0,S.default)(window.currentPalette.text.primary).lighten(15).toRgbString(),borderColor:e.text.primary,active:{backgroundColor:"transparent",color:(0,S.default)(window.currentPalette.text.primary).lighten(0).toRgbString()},checked:{backgroundColor:"red",color:(0,S.default)(window.currentPalette.text.primary).lighten(15).toRgbString()},disabled:{backgroundColor:"transparent",color:(0,S.default)(window.currentPalette.text.primary).lighten(55).toRgbString()},hover:{backgroundColor:"transparent",color:(0,S.default)(window.currentPalette.text.primary).lighten(7).toRgbString()},readonly:{color:(0,S.default)(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}}},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,lightBorder:"hsl(0, 12%, 85%)",outlineColor:e.lightenColor(e.getColor(e.primary.main,"selected"),30),baseGrey:"#dfdfdf",darkBorder:"hsl(247, 98%, 10%)",darkBlue:pe,disabled:"#efefef",favorite:"#e5c200",filtersRowBackground:q,formBackground:q,grey:"#777",gridRowHighlight:"#e1f3ff",highlightButton:"hsl(61, 100%, 91%)",lightBlue:it,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:pe}};return H([t==null?void 0:t.buttons,t==null?void 0:t.form]),t}var at={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:l(5)},".notification__title":{fontSize:18,fontWeight:"bold",color:"palette.text.primary",display:"flex",gap:l(5),alignItems:"center"},".notification__closeButton":{flexShrink:0},".notification__body":{alignItems:"center",display:"flex",flexDirection:"row",gap:l(5),width:"100%",p:l(5)},".notification__header ~ .notification__body":{pt:0},".notification__content":{display:"flex",alignItems:"stretch",flexDirection:"column",gap:l(5),width:"100%"},".notification__icon":{flexShrink:0,height:"iconMd",svg:{height:"iconMd",width:"iconMd"}},".notification__message":{display:"flex",flexDirection:"column",fontWeight:"normal",gap:l(3),width:"100%",wordBreak:"break-word"},".notification__trace":{maxWidth:"100%",overflow:"hidden",maxHeight:"30vh",flexShrink:0,backgroundColor:"rgba(10,10,10,0.02)",pt:l(5),".notification__traceLabel":{pl:l(5)},".notification__traceText":{fontWeight:"normal",p:l(5),maxHeight:"30vh",overflow:"auto",maxWidth:"100%",position:"relative"}},"&:focus .notification__closeButton":w},warning:{variant:"alerts.primary","&, & .notification__header":o({},p("notifications.warning"))},danger:{variant:"alerts.primary","&, & .notification__header":o({},p("notifications.error"))},success:{variant:"alerts.primary","&, & .notification__header":o({},p("notifications.success"))}},he=at;var lt={inherit:{color:"inherit",background:"inherit",border:"none",borderRadius:0,font:"inherit",cursor:"pointer",padding:0,margin:0},collapsibleAsidePanelTitle:o({variant:"buttons.inherit",display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"},n("buttons.collapsibleAsidePanelTitle")),primary:m(o({borderWidth:"2px",borderStyle:"solid",variant:"text.default",py:u({0:3,4:4}),px:u({0:5,4:6}),display:"inline-block",width:u({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":o({variant:"buttons.primary","&:focus, &:focus-visible":{}},y),secondary:o({variant:"buttons.primary","&:focus, &:focus-visible":{},borderWidth:"0px",borderStyle:"solid"},n("buttons.secondary")),"secondary-sm":o({variant:"buttons.secondary"},y),"light-secondary":o({variant:"buttons.secondary"},n("buttons.lightSecondary")),danger:o({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.danger")),"danger-sm":o({variant:"buttons.danger"},y),warning:o({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.warning")),"warning-sm":o({variant:"buttons.warning"},y),close:o({cursor:"pointer",ml:"auto",mr:"2",borderRadius:"buttons"},n("buttons.close")),accordion:{variant:"buttons.primary","&:focus, &:focus-visible":{},cursor:"pointer",m:l(0),py:u({0:3,4:4}),px:u({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")},"accordion-primary":o({variant:"buttons.accordion",border:"none"},n("buttons.accordionPrimary")),icon:m(o({display:"flex",justifyContent:"center",alignItems:"center",p:l(0),m:l(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":o({},n("buttons.iconToggled"))}),"icon-primary":o({variant:"buttons.icon"},n("buttons.iconPrimary")),"icon-outline":o({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.iconOutline")),"icon-outline-danger":o({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.outlineDanger")),"icon-only":o({variant:"buttons.icon"},n("buttons.iconOnly")),link:o({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":o({variant:"buttons.link"},y),outline:o({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons","&:focus, &:focus-visible":{}},n("buttons.outline")),"outline-sm":o({variant:"buttons.outline"},y),"transparent-sm":o({variant:"buttons.outline","&:focus, &:focus-visible":{},bg:"transparent",color:"inherit",border:"none",font:"inherit",textTransform:"inherit"},y),"outline-danger":o({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineDanger")),"outline-danger-sm":o({variant:"buttons.outline-danger"},y),"outline-warning":o({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineWarning")),"outline-warning-sm":o({variant:"buttons.outline-warning"},y),"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:o({variant:"buttons.accordion",fontSize:"text.default",p:l(3),wordBreak:"keep-all",a:{color:"background"}},n("buttons.tableAccordion")),tableHeader:o({variant:"buttons.tableAccordion",alignItems:"center",justifyContent:"center",height:"100%",border:"none",svg:{ml:l(2)}},n("buttons.tableHeader"))},Ce=lt;var ct=o({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}})),ye=ct;var dt=m(o({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"}}}),xe=dt;var st=m(o({display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"stretch",gap:l(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':o({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:l(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}),Se=st;var ut={display:"flex",gap:l(1),justifyContent:"stretch",alignItems:"center","&.readOnly":{input:o({},p("form.fields"))},input:{height:"50px",width:"100%"},button:{display:"flex",width:"45px",flexShrink:0,height:"50px"}},Te=ut;var mt=m(o({variant:"text.default",border:"1px solid",borderRadius:"default",padding:u({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%"}}}}}),ke=mt;var ft={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:l(0)}}},ve=ft;var bt=o({width:"32px",height:"32px",input:{height:"32px !important"}},n("form.radio")),we=bt;var pt=o({variant:"text.default",display:"inline-block",fontFamily:"body",p:l(4),pr:7,borderRadius:"default",width:"100%",maxWidth:"100%"},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),Oe=pt;var gt=o({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:m(o({padding:2},ge()),{"&: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}})),Pe=gt;var ht={"+ span":{fontSize:14,fontWeight:"normal",wordBreak:"break-all"},backgroundColor:"form.fields.checked.borderColor"},Ie=ht;var Ct={"&, & textarea":{height:"100%",minHeight:"130px",resize:"vertical"},textarea:{variant:"forms.input"}},Re=Ct;var yt={border:"1px solid",borderColor:"palette.border.field",display:"inline-block",position:"relative",pr:"45px",".deletableInput__input":{border:"none"},".deletableInput__deleteButton":o({height:"100%",outlineOffset:"-2px",position:"absolute",right:0,top:0,width:"45px"},n("buttons.deletableInputButton")),"&:focus-within:not(.asMaterial)":m(o({},w),{".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}}}},je=yt;var xt=()=>({checkbox:xe,customCheckbox:ye,dateInput:Se,deletableInput:je,iconInput:Te,input:ke,label:ve,radio:we,select:Oe,selectMultiple:Pe,switch:Ie,textarea:Re,'input[type="date"]':{variant:"forms.input"}}),De=xt;var St=e=>e,Tt={},Br=new class extends K.EventEmitter{};function N(e){return St((0,Ue.merge)({alerts:he,breakpoints:["0px","250px","500px","700px","1000px","1260px","1580px"],buttons:Ce,colors:J(),fonts:{body:"Arial",heading:"inherit",monospace:"Menlo, monospace"},fontSizes:Array(60).fill(1).map((t,r)=>r),forms:De(),layout:Tt,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"},styles:{root:{"*":{fontFamily:"body",fontWeight:"body",fontSize:"100%",height:"100%",code:{fontFamily:"monospace"}},h1:{fontSize:u({0:26,3:32})},h2:{fontSize:u({0:22,3:28})},h3:{fontSize:u({0:19,3:25})},h4:{fontSize:u({0:18,3:22})},h5:{fontSize:u({0:18,3:22})},h6:{fontSize:u({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"}}},zIndices:{stickyElements:600,menu:1e3,maximizedTables:1100,modal:1200,tooltip:1400,notifications:1600,contextMenu:1800},useRootStyles:!0},e!=null?e:{}))}var Q=new class extends R.EventEmitter{};function G(e){let[t,r]=(0,_e.useState)(N(e));return(0,R.useMount)(()=>Q.on("newStyles",c=>{let i=(0,R.setValueByPath)({},c.path,c.styles);r(a=>(0,Be.merge)(o({},a),i))})),t}var ze=require("@apia/util"),M=require("react"),Fe=require("theme-ui");var Ae=require("theme-ui");var Me=require("theme-ui/jsx-runtime"),X=({children:e,customTheme:t})=>{let r=N(t);return(0,Me.jsx)(Ae.ThemeProvider,{theme:r,children:e})};var h=require("theme-ui/jsx-runtime");function kt(e,t,r,c,i=!1){let a=(0,ze.setValueByPath)({},t,r);return Object.assign(C=>{let x=(0,M.useRef)(0);return i?(0,h.jsx)(X,{customTheme:a,children:(0,h.jsx)(M.Suspense,{children:(0,h.jsx)(We,{avoidFirstRender:x,children:(0,h.jsx)(c,o({},C))})})}):(0,h.jsx)(X,{customTheme:a,children:(0,h.jsx)(M.Suspense,{children:(0,h.jsx)(We,{avoidFirstRender:x,children:(0,h.jsx)(Fe.Box,m(o({className:"variant__holder"},$(t)),{children:(0,h.jsx)(c,o({},C))}))})})})},{displayName:e})}var We=({avoidFirstRender:e,children:t})=>(e.current++,e.current<=1?null:(0,h.jsx)(h.Fragment,{children:t}));function vt(e,t){Q.emit("newStyles",{path:e,styles:t})}var Ee=require("theme-ui");var Ne=require("theme-ui/jsx-runtime"),wt=({children:e,customTheme:t})=>{let r=G(t);return console.log({theme:r}),(0,Ne.jsx)(Ee.ThemeProvider,{theme:r,children:e})};0&&(module.exports={ThemeProvider,focusOutline,getVariant,injectStyles,makeStyledComponent,responsive,smallButton,spacing,useMainTheme});
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { ThemeProvider as ThemeProvider$1, Box } from 'theme-ui';
+import { useState, createContext, useRef, Suspense } from 'react';
+import { cloneDeep, merge } from 'lodash';
+import { getValueByPath, EventEmitter, useMount, setValueByPath } from '@apia/util';
+import tinycolor from 'tinycolor2';
+import { focusOutline as focusOutline$1 } from '@apia/theme';
+
+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 opacity = {
+  light: "#009",
+  dark: "#fff"
+};
+const disabled = "#ccc";
+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,
+    disabledOpacity: 0.6,
+    active: opacity,
+    activeOpacity: 0.4,
+    focus: opacity,
+    focusOpacity: 0.2,
+    hover: opacity,
+    hoverOpacity: 0.3,
+    readonly: disabled,
+    readonlyOpacity: 0.4,
+    selected: opacity.light,
+    selectedOpacity: 0.6
+  },
+  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: "#db7678",
+    light: "#fff2f4"
+  },
+  success: {
+    main: "#8bde8b",
+    light: "#e7ffd9"
+  },
+  warning: {
+    main: "#f8f588",
+    light: "#fffdd9"
+  },
+  darkenRatio: 15,
+  lightenRatio: 35,
+  responsive: responsive$1,
+  queryColumnsMultiplier: 2
+};
+
+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 buildColorsObject(definition) {
+  return __spreadValues$n(__spreadValues$n({}, definition), definition.borderColor ? {
+    borderLeftColor: definition.borderColor,
+    borderRightColor: definition.borderColor,
+    borderBottomColor: definition.borderColor,
+    borderTopColor: definition.borderColor
+  } : void 0);
+}
+
+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 getColorState = (definition, state) => {
+  var _a, _b, _c, _d;
+  if (state === "default")
+    return buildColorsObject(definition);
+  const palette = getPalette();
+  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 buildColorsObject(__spreadValues$m(__spreadValues$m({}, 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() : window.currentPalette.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, states) => {
+  const newStates = (states == null ? void 0 : states.default) !== false ? cloneDeep(definition) : {};
+  if ((states == null ? void 0 : states.active) !== false) {
+    newStates.active = getColorState(definition, "active");
+  }
+  if ((states == null ? void 0 : states.disabled) !== false) {
+    newStates.disabled = getColorState(definition, "disabled");
+  }
+  if ((states == null ? void 0 : states.focus) !== false) {
+    newStates.focus = getColorState(definition, "focus");
+  }
+  if ((states == null ? void 0 : states.hover) !== false) {
+    newStates.hover = getColorState(definition, "hover");
+  }
+  if ((states == null ? void 0 : states.readonly) !== false) {
+    newStates.readonly = getColorState(definition, "readonly");
+  }
+  if ((states == null ? void 0 : states.selected) !== false) {
+    newStates.selected = getColorState(definition, "selected");
+  }
+  if ((states == null ? void 0 : states.checked) !== false) {
+    newStates.checked = getColorState(definition, "checked");
+  }
+  return newStates;
+};
+
+function applyStates(properties, states) {
+  properties.forEach((def) => {
+    Object.entries(def).forEach(([key, value]) => {
+      if (typeof value === "string")
+        return;
+      const definition = value;
+      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, states);
+      def[key] = merge(newDefinition, definition);
+    });
+  });
+}
+
+function isColorDefinition(value) {
+  return !!value && typeof value === "object" && "main" in value;
+}
+
+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";
+}
+
+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;
+  }
+};
+
+function getColorsByPath(path, options) {
+  return merge(
+    buildColorsObject({
+      color: `${path}.color`,
+      backgroundColor: `${path}.backgroundColor`,
+      borderColor: `${path}.borderColor`
+    }),
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+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 getColorsAndStatesByPath(path, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const active = getColorsByPath(`${path}.active`, options);
+  const checked = getColorsByPath(`${path}.checked`, options);
+  const disabled = __spreadValues$l({
+    cursor: "not-allowed"
+  }, getColorsByPath(`${path}.disabled`, options));
+  const hover = getColorsByPath(`${path}.hover`, options);
+  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) !== false ? getColorsByPath(`${path}.focus`, options) : {};
+  const readonly = __spreadValues$l({
+    cursor: "notAllowed"
+  }, getColorsByPath(`${path}.readonly`, options));
+  const selected = getColorsByPath(`${path}.selected`, options);
+  return merge(
+    __spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l({}, ((_b = options == null ? void 0 : options.states) == null ? void 0 : _b.default) !== false ? getColorsByPath(path, options) : null), ((_c = options == null ? void 0 : options.states) == null ? void 0 : _c.checked) !== false ? buildStateObject(checked, "checked") : null), buildStateObject(focus, "focus")), ((_d = options == null ? void 0 : options.states) == null ? void 0 : _d.hover) !== false ? buildStateObject(hover, "hover") : null), ((_e = options == null ? void 0 : options.states) == null ? void 0 : _e.selected) !== false ? buildStateObject(selected, "selected") : null), ((_f = options == null ? void 0 : options.states) == null ? void 0 : _f.active) !== false ? buildStateObject(active, "active") : null), ((_g = options == null ? void 0 : options.states) == null ? void 0 : _g.disabled) !== false ? buildStateObject(disabled, "disabled") : null), ((_h = options == null ? void 0 : options.states) == null ? void 0 : _h.readonly) !== false ? buildStateObject(readonly, "readonly") : null),
+    options == null ? void 0 : options.mergeObject
+  );
+}
+
+var __defProp$k = Object.defineProperty;
+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;
+};
+const getColorStates = (definition, states) => {
+  return __spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k({}, (states == null ? void 0 : states.default) !== false ? definition : null), (states == null ? void 0 : states.checked) !== false ? buildStateObject(getColorState(definition, "checked"), "checked") : null), buildStateObject(getColorState(definition, "focus"), "focus")), (states == null ? void 0 : states.selected) !== false ? buildStateObject(getColorState(definition, "selected"), "selected") : null), (states == null ? void 0 : states.hover) !== false ? buildStateObject(getColorState(definition, "hover"), "hover") : null), (states == null ? void 0 : states.active) !== false ? buildStateObject(getColorState(definition, "active"), "active") : null), (states == null ? void 0 : states.disabled) !== false ? buildStateObject(getColorState(definition, "disabled"), "disabled") : null), (states == null ? void 0 : states.readonly) !== false ? buildStateObject(getColorState(definition, "readonly"), "readonly") : null);
+};
+
+const getOneColorState = (color, state) => {
+  if (state === "default")
+    return color;
+  const actualState = state === "checked" ? "selected" : state;
+  const palette = getPalette();
+  const opacity = palette.action[`${state}Opacity`];
+  return tinycolor.mix(
+    color,
+    tinycolor(color).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
+    100 * opacity
+  ).toRgbString();
+};
+
+function parsePalette(palette) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const newPalette = cloneDeep(palette);
+  newPalette.lightenColor = (_a = palette.lightenColor) != null ? _a : (color, ratio) => {
+    return defaultLighten(color, ratio != null ? ratio : palette.lightenRatio);
+  };
+  newPalette.darkenColor = (_b = palette.darkenColor) != null ? _b : (color, ratio) => {
+    return defaultDarken(color, ratio != null ? ratio : palette.darkenRatio);
+  };
+  newPalette.getContrastText = (_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.buildStateObject = buildStateObject;
+  newPalette.getColor = getOneColorState;
+  newPalette.getStatesForColors = applyStatesGetColor;
+  newPalette.getOneState = getColorState;
+  newPalette.getStatesFromDefinition = getColorStates;
+  newPalette.getStatesFromPath = getColorsAndStatesByPath;
+  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})`;
+  }
+  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"]
+};
+
+var __defProp$j = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+const darkBlue = "#004085";
+const lightBlue = "#cce5ff";
+const white = "white";
+function getSelectedColors() {
+  const palette = getPalette();
+  return palette.getStatesFromDefinition(
+    {
+      backgroundColor: palette.background.paper,
+      color: palette.text.primary
+    },
+    {
+      active: false,
+      checked: false,
+      default: false,
+      disabled: false,
+      focus: false,
+      readonly: false
+    }
+  );
+}
+function getPalette(arg) {
+  const shouldReparsePalette = arg === true;
+  const customPalette = typeof arg !== "boolean" ? arg : void 0;
+  if (window.currentPalette && !shouldReparsePalette)
+    return window.currentPalette;
+  window.currentPalette = parsePalette(
+    merge(
+      defaultPalette,
+      window.defaultPalette,
+      customPalette != null ? customPalette : window.customPalette
+    )
+  );
+  return window.currentPalette;
+}
+function getThemeColorsObject() {
+  var _a;
+  const palette = cloneDeep((_a = window.currentPalette) != null ? _a : getPalette());
+  const colors = {
+    palette: __spreadProps$a(__spreadValues$j({}, 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: palette.border.section
+    },
+    buttons: {
+      accordion: {
+        backgroundColor: palette.primary.main,
+        borderColor: palette.border.section,
+        color: palette.primary.contrastText
+      },
+      accordionPrimary: {
+        backgroundColor: palette.primary.main,
+        borderColor: palette.border.section,
+        color: palette.primary.contrastText
+      },
+      close: __spreadProps$a(__spreadValues$j({}, applyStatesGetColor({
+        color: palette.text.primary,
+        backgroundColor: palette.background.paper
+      })), {
+        backgroundColor: "transparent"
+      }),
+      collapsibleAsidePanelTitle: {
+        color: palette.text.primary
+      },
+      deletableInputButton: {
+        backgroundColor: "transparent",
+        color: palette.secondary.main,
+        active: {
+          color: palette.darkenColor(palette.secondary.main, 40)
+        },
+        disabled: {
+          color: palette.secondary.main
+        },
+        focus: {
+          color: palette.darkenColor(palette.secondary.main, 20)
+        },
+        hover: {
+          color: palette.darkenColor(palette.secondary.main, 20)
+        }
+      },
+      icon: {
+        backgroundColor: palette.secondary.main,
+        color: palette.secondary.contrastText,
+        hover: {
+          color: palette.secondary.contrastText
+        },
+        focus: {
+          color: palette.secondary.contrastText
+        }
+      },
+      iconAlert: {
+        backgroundColor: "transparent",
+        color: "#e5c200",
+        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: palette.primary.main,
+        color: palette.primary.contrastText,
+        active: {
+          color: palette.primary.contrastText
+        },
+        focus: {
+          color: palette.primary.contrastText
+        },
+        hover: {
+          color: palette.primary.contrastText
+        }
+      },
+      iconToggled: {
+        backgroundColor: palette.primary.main,
+        color: palette.primary.contrastText,
+        active: {
+          color: palette.primary.contrastText
+        },
+        focus: {
+          color: palette.common.white
+        },
+        hover: {
+          color: palette.common.white
+        }
+      },
+      iconOutline: {
+        backgroundColor: palette.background.paper,
+        color: palette.primary.main,
+        borderColor: palette.border.article
+      },
+      link: {
+        backgroundColor: "transparent",
+        color: palette.text.primary,
+        borderColor: "transparent",
+        active: {
+          color: palette.text.primary
+        },
+        focus: {
+          color: palette.text.primary
+        },
+        hover: {
+          color: palette.text.primary
+        }
+      },
+      openTab: {
+        backgroundColor: palette.primary.main,
+        color: palette.primary.contrastText,
+        borderColor: palette.primary.dark
+      },
+      outline: {
+        backgroundColor: palette.background.paper,
+        color: palette.getContrastText(palette.background.paper),
+        borderColor: palette.primary.main
+      },
+      outlineDanger: {
+        backgroundColor: palette.background.paper,
+        color: palette.primary.main,
+        borderColor: palette.primary.main,
+        active: {
+          borderColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 80
+          ),
+          backgroundColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 80
+          ),
+          color: palette.getContrastText(
+            palette.darkenColor(
+              palette.error.dark,
+              palette.action.activeOpacity * 80
+            )
+          )
+        },
+        focus: {
+          borderColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 60
+          ),
+          backgroundColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 60
+          ),
+          color: palette.getContrastText(
+            palette.darkenColor(
+              palette.error.dark,
+              palette.action.activeOpacity * 60
+            )
+          )
+        },
+        hover: {
+          borderColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 70
+          ),
+          backgroundColor: palette.darkenColor(
+            palette.error.dark,
+            palette.action.activeOpacity * 70
+          ),
+          color: palette.getContrastText(
+            palette.darkenColor(
+              palette.error.dark,
+              palette.action.activeOpacity * 70
+            )
+          )
+        }
+      },
+      outlineWarning: {
+        backgroundColor: palette.background.paper,
+        color: palette.text.primary,
+        borderColor: palette.primary.main,
+        active: {
+          borderColor: palette.warning.main,
+          backgroundColor: palette.warning.main,
+          color: palette.warning.contrastText
+        },
+        focus: {
+          borderColor: palette.warning.main,
+          backgroundColor: palette.warning.main,
+          color: palette.warning.contrastText
+        },
+        hover: {
+          borderColor: palette.warning.main,
+          backgroundColor: palette.warning.main,
+          color: palette.warning.contrastText
+        }
+      },
+      primary: {
+        backgroundColor: palette.primary.main,
+        color: palette.primary.contrastText,
+        borderColor: palette.primary.main
+      },
+      secondary: {
+        backgroundColor: palette.secondary.main,
+        color: palette.secondary.contrastText,
+        borderColor: palette.secondary.main
+      },
+      tab: {
+        backgroundColor: palette.background.paper,
+        color: palette.getContrastText(palette.background.paper),
+        borderColor: palette.border.article
+      },
+      toggleIcon: {
+        color: palette.secondary.contrastText,
+        backgroundColor: palette.secondary.main,
+        borderColor: palette.border.field,
+        danger: {
+          backgroundColor: palette.error.main,
+          borderColor: palette.border.field,
+          color: palette.error.contrastText
+        },
+        toggled: {
+          backgroundColor: palette.primary.main,
+          borderColor: palette.border.field,
+          color: palette.primary.contrastText
+        }
+      },
+      transparentIcon: {
+        backgroundColor: "transparent",
+        color: palette.text.primary,
+        hover: {
+          color: palette.primary.main
+        },
+        focus: {
+          color: palette.primary.main
+        }
+      }
+    },
+    dropzone: {
+      backgroundColor: palette.background.paper,
+      borderColor: palette.border.section,
+      color: palette.background.default
+    },
+    form: {
+      backgroundColor: palette.background.paper,
+      fields: {
+        backgroundColor: palette.background.paper,
+        color: palette.text.primary,
+        borderColor: palette.border.field
+      },
+      radio: {
+        backgroundColor: "transparent",
+        color: tinycolor(window.currentPalette.text.primary).lighten(15).toRgbString(),
+        borderColor: palette.text.primary,
+        active: {
+          backgroundColor: "transparent",
+          color: tinycolor(window.currentPalette.text.primary).lighten(0).toRgbString()
+        },
+        checked: {
+          backgroundColor: "red",
+          color: tinycolor(window.currentPalette.text.primary).lighten(15).toRgbString()
+        },
+        disabled: {
+          backgroundColor: "transparent",
+          color: tinycolor(window.currentPalette.text.primary).lighten(55).toRgbString()
+        },
+        hover: {
+          backgroundColor: "transparent",
+          color: tinycolor(window.currentPalette.text.primary).lighten(7).toRgbString()
+        },
+        readonly: {
+          color: tinycolor(window.currentPalette.text.primary).lighten(38).toRgbString(),
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    modal: {
+      borderColor: palette.border.section,
+      backgroundColor: palette.background.paper
+    },
+    notifications: {
+      error: {
+        backgroundColor: palette.error.light,
+        color: palette.getContrastText(palette.error.light),
+        borderColor: palette.error.main
+      },
+      success: {
+        backgroundColor: palette.success.light,
+        color: palette.getContrastText(palette.success.light),
+        borderColor: palette.success.main
+      },
+      warning: {
+        backgroundColor: palette.warning.light,
+        color: palette.getContrastText(palette.warning.light),
+        borderColor: palette.warning.main
+      }
+    },
+    pagination: {
+      color: palette.primary.contrastText,
+      backgroundColor: palette.primary.main
+    },
+    printView: {
+      main: {
+        backgroundColor: palette.background.default,
+        page: {
+          backgroundColor: palette.background.paper,
+          borderColor: palette.border.article
+        }
+      },
+      list: {
+        table: {
+          borderColor: palette.border.section
+        },
+        th: { backgroundColor: "#eee" },
+        cell: {
+          borderColor: palette.border.article
+        }
+      }
+    },
+    schemas,
+    scrollbars: {
+      bar: {
+        color: palette.secondary.main,
+        backgroundColor: palette.background.default,
+        hover: {
+          backgroundColor: palette.lightenColor(palette.background.default, 10),
+          color: palette.lightenColor(palette.secondary.main, 10)
+        },
+        active: {
+          backgroundColor: palette.lightenColor(palette.background.default, 10),
+          color: palette.lightenColor(palette.secondary.main, 20)
+        }
+      }
+    },
+    tab: {
+      backgroundColor: palette.background.paper,
+      borderColor: palette.border.section
+    },
+    topBar: {
+      backgroundColor: palette.primary.main
+    },
+    // Default ThemeUI colors
+    accent: palette.text.accent,
+    background: palette.background.default,
+    iconWarning: "rgb(246 222 87)",
+    muted: palette.text.disabled,
+    primary: palette.primary.main,
+    secondary: palette.secondary.main,
+    text: palette.text.primary,
+    warning: palette.warning.main,
+    danger: palette.error.main,
+    link: palette.text.accent,
+    success: palette.success.main,
+    title: palette.text.title,
+    // Meaningful colors
+    lightBorder: "hsl(0, 12%, 85%)",
+    outlineColor: palette.lightenColor(palette.primary.main, 20),
+    // 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: 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
+    }
+  };
+  applyStates([
+    colors == null ? void 0 : colors.buttons,
+    colors == null ? void 0 : colors.form
+  ]);
+  return colors;
+}
+
+var __defProp$i = Object.defineProperty;
+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;
+};
+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)
+      },
+      ".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$i({}, getColorsByPath("notifications.warning"))
+  },
+  danger: {
+    variant: "alerts.primary",
+    "&, & .notification__header": __spreadValues$i({}, getColorsByPath("notifications.error"))
+  },
+  success: {
+    variant: "alerts.primary",
+    "&, & .notification__header": __spreadValues$i({}, getColorsByPath("notifications.success"))
+  }
+};
+
+var __defProp$h = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+const buttons = {
+  inherit: {
+    color: "inherit",
+    background: "inherit",
+    border: "none",
+    borderRadius: 0,
+    font: "inherit",
+    cursor: "pointer",
+    padding: 0,
+    margin: 0
+  },
+  collapsibleAsidePanelTitle: __spreadValues$h({
+    variant: "buttons.inherit",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    width: "100%"
+  }, getColorsAndStatesByPath("buttons.collapsibleAsidePanelTitle")),
+  primary: __spreadProps$9(__spreadValues$h({
+    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$h({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, smallButton),
+  secondary: __spreadValues$h({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {},
+    borderWidth: "0px",
+    borderStyle: "solid"
+  }, getColorsAndStatesByPath("buttons.secondary")),
+  "secondary-sm": __spreadValues$h({
+    variant: "buttons.secondary"
+  }, smallButton),
+  "light-secondary": __spreadValues$h({
+    variant: "buttons.secondary"
+  }, getColorsAndStatesByPath("buttons.lightSecondary")),
+  danger: __spreadValues$h({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.danger")),
+  "danger-sm": __spreadValues$h({
+    variant: "buttons.danger"
+  }, smallButton),
+  warning: __spreadValues$h({
+    variant: "buttons.primary",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.warning")),
+  "warning-sm": __spreadValues$h({
+    variant: "buttons.warning"
+  }, smallButton),
+  close: __spreadValues$h({
+    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")
+  },
+  "accordion-primary": __spreadValues$h({
+    variant: "buttons.accordion",
+    border: "none"
+  }, getColorsAndStatesByPath("buttons.accordionPrimary")),
+  icon: __spreadProps$9(__spreadValues$h({
+    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")), {
+    svg: {
+      width: "auto",
+      height: "20px",
+      display: "block"
+    },
+    "&.isToggled": __spreadValues$h({}, getColorsAndStatesByPath("buttons.iconToggled"))
+  }),
+  "icon-primary": __spreadValues$h({
+    variant: "buttons.icon"
+  }, getColorsAndStatesByPath("buttons.iconPrimary")),
+  "icon-outline": __spreadValues$h({
+    variant: "buttons.icon",
+    bg: "white",
+    border: "1px solid"
+  }, getColorsAndStatesByPath("buttons.iconOutline")),
+  "icon-outline-danger": __spreadValues$h({
+    variant: "buttons.icon",
+    bg: "white",
+    border: "1px solid"
+  }, getColorsAndStatesByPath("buttons.outlineDanger")),
+  "icon-only": __spreadValues$h({
+    variant: "buttons.icon"
+  }, getColorsAndStatesByPath("buttons.iconOnly")),
+  link: __spreadValues$h({
+    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$h({
+    variant: "buttons.link"
+  }, smallButton),
+  outline: __spreadValues$h({
+    variant: "buttons.primary",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderRadius: "buttons",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outline")),
+  "outline-sm": __spreadValues$h({
+    variant: "buttons.outline"
+  }, smallButton),
+  "transparent-sm": __spreadValues$h({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {},
+    bg: "transparent",
+    color: "inherit",
+    border: "none",
+    font: "inherit",
+    textTransform: "inherit"
+  }, smallButton),
+  "outline-danger": __spreadValues$h({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outlineDanger")),
+  "outline-danger-sm": __spreadValues$h({
+    variant: "buttons.outline-danger"
+  }, smallButton),
+  "outline-warning": __spreadValues$h({
+    variant: "buttons.outline",
+    "&:focus, &:focus-visible": {}
+  }, getColorsAndStatesByPath("buttons.outlineWarning")),
+  "outline-warning-sm": __spreadValues$h({
+    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$h({
+    variant: "buttons.accordion",
+    fontSize: "text.default",
+    p: spacing(3),
+    wordBreak: "keep-all",
+    a: {
+      color: "background"
+    }
+  }, getColorsAndStatesByPath("buttons.tableAccordion")),
+  tableHeader: __spreadValues$h({
+    variant: "buttons.tableAccordion",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    border: "none",
+    svg: {
+      ml: spacing(2)
+    }
+  }, getColorsAndStatesByPath("buttons.tableHeader"))
+};
+
+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$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = 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$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+const checkbox = __spreadProps$8(__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$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = 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$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+const dateInput = __spreadProps$7(__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$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = 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$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+const input = __spreadProps$6(__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$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = 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$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+const selectMultiple = __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$5(__spreadValues$9({
+    padding: 2
+  }, getSelectedColors()), {
+    "&: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"
+  }
+}, getColorsAndStatesByPath("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$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = 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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(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$4(__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 = () => {
+  return {
+    checkbox,
+    customCheckbox,
+    dateInput,
+    deletableInput,
+    iconInput,
+    input,
+    label,
+    radio,
+    select,
+    selectMultiple,
+    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",
+    padding: "1.5em 1.5em",
+    alignItems: "center",
+    backgroundColor: `palette.background.overlay`,
+    zIndex: "modal",
+    "&:not(.screenLock) .modal-enter-done": {
+      boxShadow: "modals"
+    }
+  }
+};
+
+const apiaApi = {
+  margin: "auto",
+  display: "flex",
+  flexDirection: "column",
+  wordBreak: "break-word",
+  overflow: "hidden",
+  width: "100%",
+  ".handler__form": {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    gap: spacing(6),
+    ".toggleAccordionElement": {
+      position: "sticky",
+      top: 0
+    },
+    ".handler__form__elements": {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      overflowY: "auto",
+      maxHeight: "60vh",
+      gap: spacing(3),
+      pr: spacing(3)
+    },
+    ".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: "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: 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$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = 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$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+const modals = __spreadProps$3(__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",
+        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))"
+  },
+  lg: {
+    variant: "layout.common.modals.main",
+    maxWidth: "min(640px, calc(100vw - 10px))"
+  },
+  "lg-fixed": {
+    variant: "layout.common.modals.main",
+    maxWidth: "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" })
+  },
+  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",
+    ".react-calendar": {
+      backgroundColor: "palette.background.paper",
+      button: __spreadProps$3(__spreadValues$7({}, getColorsAndStatesByPath("form.fields")), {
+        "&.react-calendar__tile--active": __spreadValues$7({}, getColorsAndStatesByPath("buttons.primary"))
+      })
+    }
+  },
+  editGrid: {
+    variant: "layout.common.modals.main",
+    width: "root",
+    maxHeight: "90vh"
+  }
+  /* PREPEND HERE */
+});
+
+var __defProp$6 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = 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$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+function getSelectionStyles() {
+  return {
+    'td[data-focused="false"], th[data-focused="false"]': {
+      "*:focus-visible, &:focus, &:focus-visible": {
+        outline: "none"
+      },
+      "*:focus": __spreadValues$6({}, focusOutline$1)
+    },
+    '[data-focused="true"]:not(.row__separator__cell)': {
+      '&:not([data-editionmode="true"])': {
+        "&:focus, & > *:focus, *:focus-visible": __spreadProps$2(__spreadValues$6({}, focusOutline$1), {
+          "&.cell__download__document": {
+            outlineOffset: 0
+          }
+        })
+      },
+      '&[data-editionmode="true"]': {
+        "&:focus, *:focus, *:focus-visible": __spreadProps$2(__spreadValues$6({}, focusOutline$1), {
+          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$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = 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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const primary$1 = __spreadProps$1(__spreadValues$5({
+  variant: "colors.tables.primary",
+  backgroundColor: "palette.background.paper",
+  borderCollapse: "separate",
+  borderSpacing: 0,
+  tableLayout: "fixed",
+  thead: __spreadProps$1(__spreadValues$5({}, getColorsByPath("tables.primary.thead")), {
+    zIndex: 1,
+    position: "sticky",
+    insetBlockStart: 0,
+    backgroundColor: "palette.background.paper",
+    "tr:not(.filtersRow):not(.responsiveTable__filters__row)": {
+      "th, td": {
+        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",
+        display: "table-cell",
+        verticalAlign: "center",
+        wordBreak: "break-word",
+        "&: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: "palette.primary.contrastText",
+          svg: {
+            color: "palette.text.primary"
+          }
+        },
+        "&:not(:last-of-type)": {
+          "&>div": {
+            borderRightWidth: "1px"
+          }
+        }
+      },
+      "th.requiredFilterColumn": {
+        borderLeft: "4px solid !important",
+        borderLeftColor: "#dc3545 !important"
+        // TODO USAR PALETTE
+      }
+    },
+    "tr.filtersRow, tr.responsiveTable__filters__row": {
+      backgroundColor: "palette.background.paper",
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      borderBottomColor: "palette.border.row",
+      "th.noFilter": {
+        background: "transparent"
+      },
+      td: {
+        "input:not([disabled]), select:not([disabled])": {
+          border: "1px solid white"
+        },
+        background: "transparent",
+        border: "1px solid",
+        borderColor: "palette.gray.800",
+        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$1(__spreadValues$5({
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      "&.non-selectable": {
+        cursor: "not-allowed"
+      },
+      "&.hidden": {
+        display: "none"
+      },
+      "&.locked": {
+        background: "palette.gray.900"
+      }
+    }, getSelectedColors()), {
+      "&.draggingRow": {
+        outline: "3px dotted",
+        outlineColor: "palette.primary.main",
+        outlineOffset: "-3px",
+        "*": {
+          outline: "none !important"
+        }
+      },
+      borderColor: "palette.gray.800",
+      ".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: "palette.gray.900",
+        "&.stickyColumn": {
+          position: "sticky",
+          left: 0,
+          backgroundColor: "palette.background.paper"
+        },
+        ".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"
+    }
+  },
+  ".row__separator__cell": {
+    backgroundColor: "palette.secondary.light"
+  },
+  ".pro_inst_warn_date": {
+    backgroundColor: "palette.warning.light"
+  },
+  ".pro_inst_overdue_date": {
+    backgroundColor: "palette.error.light"
+  },
+  ".pro_ele_inst_warn_date": {
+    backgroundColor: "palette.warning.light"
+  },
+  ".pro_ele_inst_overdue_date": {
+    backgroundColor: "palette.error.light"
+  },
+  ".pro_inst_warn_date__row": {},
+  ".pro_inst_overdue_date__row": {},
+  ".pro_ele_inst_warn_date__row": {},
+  ".pro_ele_inst_overdue_date__row": {},
+  ".priority": {
+    textAlign: "center"
+  },
+  ".editionMode": {
+    border: "3px solid",
+    borderColor: "palette.primary.main",
+    borderWidth: "1.5px",
+    borderStyle: "dotted"
+  },
+  ".stateCell": {
+    width: "50px",
+    maxWidth: "50px",
+    minWidth: "50px",
+    textAlign: "center",
+    verticalAlign: "middle"
+  }
+}, getSelectionStyles()), {
+  ".no__registers": {
+    py: 6
+  },
+  ".requiredFilter__Marker": {
+    color: "red",
+    paddingX: "5px"
+  },
+  ".requiredFilter__Column": {
+    fontWeight: "bold"
+  },
+  "&.dataGrid__printTable": {
+    m: 2,
+    border: "1px solid",
+    borderColor: "palette.border.article"
+  },
+  ".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 = {
+  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 }
+    },
+    ".pro_inst_warn_date": {
+      color: "priorityNormal"
+      // backgroundColor: 'priorityNormal',
+    },
+    ".pro_inst_overdue_date": {
+      color: "priorityUrgent"
+      // backgroundColor: 'priorityUrgent',
+    },
+    ".pro_ele_inst_warn_date": {
+      color: "priorityNormal"
+      // backgroundColor: 'priorityNormal',
+    },
+    ".pro_ele_inst_overdue_date": {
+      color: "priorityUrgent"
+      // backgroundColor: 'priorityUrgent',
+    },
+    ".pro_inst_warn_date__row": {
+      // color: 'priorityNormal',
+      // backgroundColor: 'priorityNormal',
+    },
+    ".pro_inst_overdue_date__row": {
+      // color: 'priorityUrgent',
+      backgroundColor: "priorityUrgent"
+    },
+    ".pro_ele_inst_warn_date__row": {
+      // color: 'priorityNormal',
+      // backgroundColor: 'priorityNormal',
+    },
+    ".pro_ele_inst_overdue_date__row": {
+      // color: 'priorityUrgent',
+      // backgroundColor: 'priorityUrgent',
+    },
+    ".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 = {
+  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: tinycolor(window.currentPalette.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 */
+};
+
+const tables = {
+  accordion,
+  information,
+  primary: primary$1,
+  print,
+  responsive
+  /* 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$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 primary = {
+  /* 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"
+    }
+  },
+  ".tree__searchLabel": __spreadValues$4({
+    alignItems: "center",
+    display: "flex",
+    gap: spacing(3),
+    justifyContent: "center",
+    position: "fixed",
+    p: "2px 5px",
+    right: 0,
+    top: 0
+  }, getColorState(
+    { backgroundColor: "palette.background.paper" },
+    "selected"
+  )),
+  '[role="treeitem"]': {
+    '&[aria-expanded="false"] ul': {
+      display: "none"
+    },
+    '&[aria-selected="true"] > .tree__nodeItemLabel': getColorState(
+      { backgroundColor: "palette.background.paper" },
+      "selected"
+    ),
+    background: "transparent"
+  },
+  ".tree__nodeItemLabel": {
+    display: "flex",
+    flexWrap: "nowrap",
+    gap: 3,
+    alignItems: "center",
+    "& > *:not(.tree__nodeItemLabelRenderer)": {
+      flexShrink: 0,
+      textAlign: "left"
+    },
+    "&:hover": getColorState(
+      { backgroundColor: "palette.background.paper" },
+      "hover"
+    )
+  },
+  ".spacer": {
+    borderLeft: "1px solid",
+    borderLeftColor: "palette.border.section",
+    width: "20px",
+    alignSelf: "stretch"
+  }
+};
+
+const trees = {
+  primary
+};
+
+const common = {
+  forms,
+  modals,
+  tables,
+  trees
+  /* PREPEND HERE */
+};
+
+const layout = {
+  common
+  /* PREPEND HERE */
+};
+
+const transitions = {
+  "@keyframes growHorizontal": {
+    from: { transform: "scaleX(0)" },
+    to: { transform: "scaleY(100%)" }
+  },
+  ".mainMenu__animate": {
+    transition: "transform 150ms, opacity 150ms",
+    transform: "translateX(-1000px)",
+    opacity: 0
+  },
+  ".mainMenu-enter,\n.mainMenu-appear": {
+    transform: "translateX(-1000px)",
+    opacity: 0
+  },
+  ".mainMenu-enter-active,\n.mainMenu-appear-active": {
+    transform: "translateX(0)",
+    opacity: 1
+  },
+  ".mainMenu-enter-done,\n.mainMenu-appear-done": {
+    transform: "translateX(0)",
+    opacity: 1
+  },
+  ".mainMenu-exit": { opacity: 0 },
+  ".mainMenu-exit-done": { transform: "translateX(-1000px)", opacity: 0 },
+  ".mainMenu-exit-active": { transform: "translateX(-1000px)", opacity: 1 },
+  ".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"
+  },
+  ".schedulerStage-enter,\n.schedulerStage-appear": {
+    opacity: 0,
+    transform: "scale(0.8)"
+  },
+  ".schedulerStage-enter-active,\n.schedulerStage-appear-active": {
+    opacity: 1,
+    transform: "translateX(0)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  },
+  ".schedulerStage-exit": { opacity: 1 },
+  ".schedulerStage-exit-active": {
+    opacity: 0,
+    transform: "scale(0.8)",
+    transition: "opacity 150ms, transform 150ms",
+    transitionDelay: "0"
+  }
+};
+
+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 root = __spreadValues$3({
+  "*": {
+    fontFamily: "body",
+    fontWeight: "body",
+    fontSize: "100%",
+    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"
+  },
+  ".section": {
+    border: "2px solid green",
+    "&.apia_section_row": {
+      display: "flex",
+      flexDirection: "row"
+    },
+    ".panel": {
+      width: "fit-content",
+      height: "100%"
+    }
+  },
+  ".top": {
+    display: "flex"
+  },
+  ".bottom": {
+    display: "block",
+    width: "100%"
+  },
+  ".planelContainer": {
+    overflowAnchor: "none"
+  },
+  ".minimap": {
+    background: "#00000015",
+    border: "1px solid #00000025",
+    position: "fixed",
+    bottom: "10px",
+    right: "10px",
+    "& > *": {
+      background: "#00000015",
+      position: "absolute"
+    },
+    ".dragging": {
+      background: "#55000015"
+    },
+    ".windowFrame": {
+      background: "#00005515",
+      border: "1px solid #00005525",
+      position: "absolute",
+      zIndex: 1
+    }
+  },
+  "abbr.required": {
+    color: "danger",
+    textDecoration: "none"
+  },
+  '[aria-selected="true"], .selected': __spreadValues$3({}, getPalette().getOneState(
+    { backgroundColor: getPalette().primary.main },
+    "selected"
+  ))
+}, transitions);
+
+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 baseTheme = {
+  alerts,
+  breakpoints: ["0px", "250px", "500px", "700px", "1000px", "1260px", "1580px"],
+  buttons,
+  colors: getThemeColorsObject(),
+  fonts: {
+    body: "Arial",
+    heading: "inherit",
+    monospace: "Menlo, monospace"
+  },
+  fontSizes: Array(60).fill(1).map((_, i) => {
+    return i;
+  }),
+  forms: forms$1(),
+  layout,
+  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"
+  },
+  styles: {
+    root
+  },
+  text,
+  zIndices: {
+    stickyElements: 600,
+    menu: 1e3,
+    maximizedTables: 1100,
+    modal: 1200,
+    tooltip: 1400,
+    notifications: 1600,
+    contextMenu: 1800
+  },
+  useRootStyles: true
+};
+
+const makeTheme = (t) => {
+  return t;
+};
+let declaredStyles = {};
+new class MainThemeEmitter extends EventEmitter {
+}();
+function getMainTheme(customTheme) {
+  return makeTheme(
+    merge(baseTheme, { layout: declaredStyles }, customTheme != null ? customTheme : {})
+  );
+}
+
+var __defProp$2 = Object.defineProperty;
+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;
+};
+const injectedStyles = {};
+const mainThemeEmitter = new class MainThemeEmitter extends EventEmitter {
+}();
+function handleNewStyles(ev) {
+  injectedStyles[ev.path] = ev.styles;
+}
+mainThemeEmitter.on("newStyles", handleNewStyles);
+function useMainTheme(customTheme) {
+  const [theme, setTheme] = useState(getMainTheme(customTheme));
+  useMount(() => {
+    setTheme((current) => {
+      mainThemeEmitter.off("newStyles", handleNewStyles);
+      let initialTheme = __spreadValues$2({}, 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$2({}, current), newStyles));
+    });
+  });
+  return theme;
+}
+
+let timeout = -1;
+function logTheme(theme) {
+  clearTimeout(timeout);
+  timeout = setTimeout(() => {
+    console.info({ theme });
+  }, 100);
+}
+const ThemeProviderContext = createContext({});
+const ThemeProvider = ({ children, customTheme }) => {
+  const theme = useMainTheme(customTheme);
+  logTheme(theme);
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value: theme, children: /* @__PURE__ */ jsx(ThemeProvider$1, { theme, children }) });
+};
+
+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;
+};
+function getColorsByDefinition(definition, options) {
+  return merge(
+    buildColorsObject(__spreadValues$1(__spreadValues$1(__spreadValues$1({}, 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, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const active = getColorState(definition, "active");
+  const checked = getColorState(definition, "checked");
+  const disabled = getColorState(definition, "disabled");
+  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) ? getColorState(definition, "focus") : {};
+  const hover = getColorState(definition, "hover");
+  const readonly = getColorState(definition, "readonly");
+  const selected = getColorState(definition, "selected");
+  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
+  );
+}
+
+const CustomThemeProvider = ({
+  children,
+  customTheme
+}) => {
+  const theme = getMainTheme(customTheme);
+  return /* @__PURE__ */ jsx(ThemeProvider$1, { 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) {
+  const theme = setValueByPath({}, stylesPath, styles);
+  return Object.assign(
+    (props) => {
+      const avoidFirstRender = useRef(0);
+      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 });
+}
+
+export { ThemeProvider, ThemeProviderContext, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getPalette, getVariant, injectStyles, makeStyledComponent, responsive$1 as responsive, smallButton, spacing, useMainTheme };
+//# sourceMappingURL=index.js.map