@apia/theme 0.0.6 → 0.0.7

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) [year] [fullname]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var Re=Object.create;var B=Object.defineProperty,je=Object.defineProperties,De=Object.getOwnPropertyDescriptor,Be=Object.getOwnPropertyDescriptors,_e=Object.getOwnPropertyNames,N=Object.getOwnPropertySymbols,Ue=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable;var V=(e,o,t)=>o in e?B(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,r=(e,o)=>{for(var t in o||(o={}))q.call(o,t)&&V(e,t,o[t]);if(N)for(var t of N(o))Ae.call(o,t)&&V(e,t,o[t]);return e},f=(e,o)=>je(e,Be(o));var Me=(e,o)=>{for(var t in o)B(e,t,{get:o[t],enumerable:!0})},E=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of _e(o))!q.call(e,i)&&i!==t&&B(e,i,{get:()=>o[i],enumerable:!(s=De(o,i))||s.enumerable});return e};var U=(e,o,t)=>(t=e!=null?Re(Ue(e)):{},E(o||!e||!e.__esModule?B(t,"default",{value:e,enumerable:!0}):t,e)),We=e=>E(B({},"__esModule",{value:!0}),e);var po={};Me(po,{ThemeProvider:()=>Pe,focusOutline:()=>v,getVariant:()=>Fe,responsive:()=>g,smallButton:()=>h,spacing:()=>a});module.exports=We(po);var Oe=require("theme-ui");var we=require("lodash-es"),uo=require("@apia/util");var W=require("lodash-es"),C=U(require("tinycolor2"),1);function g(e){var s;let o=[];for(let i=0;i<=6;i++)o[i+1]=(s=e[i])!=null?s:null;if(e.print)o[0]=e.print;else for(let i=5;i>=0;i--)e[i]!==void 0&&(o[0]=e[i]);return o}function a(e){return A.spacing(e)}var h={py:2,px:4,fontSize:"0.9em"},v={outlineColor:"outlineColor",outlineWidth:"3px",outlineStyle:"solid",outlineOffset:"-3px"};function Fe(e){return{variant:e,"data-variant":e}}var M={light:"#009",dark:"#fff"},X="#ccc",ze=Array(50).fill(1).map((e,o)=>g({0:Math.ceil(o/2.5),1:Math.ceil(o/2.1),2:Math.ceil(o/1.7),3:Math.ceil(o/1.3),4:o})),Ge={action:{disabled:X,disabledOpacity:.6,active:M,activeOpacity:.4,focus:M,focusOpacity:.2,hover:M,hoverOpacity:.3,readonly:X,readonlyOpacity:.4,selected:M.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=>ze[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:g,queryColumnsMultiplier:2},A=Ge;var K=require("lodash-es");var J=require("lodash-es");var k=U(require("tinycolor2"),1);function $e(e){return r(r({},e),e.borderColor?{borderLeftColor:e.borderColor,borderRightColor:e.borderColor,borderBottomColor:e.borderColor,borderTopColor:e.borderColor}:void 0)}var _=$e;var He=(e,o)=>{var y,S,T,x;if(o==="default")return _(e);let t=w(),s=t.action[`${o}Opacity`],i=o==="checked"?"selected":o,c=k.default.mix((y=e.backgroundColor)!=null?y:"",(0,k.default)((S=e.backgroundColor)!=null?S:"").isLight()?t.action[i].light:t.action[i].dark,100*s).toRgbString();return _(r(r({},e.backgroundColor?{backgroundColor:o==="checked"?(T=e.backgroundColor)!=null?T:"":c,color:o==="checked"?k.default.mix((0,k.default)((x=e.color)!=null?x:"black"),(0,k.default)(t.action.selected.dark),100*t.action.selectedOpacity).toRgbString():window.currentPalette.getContrastText(c)}:null),e.borderColor?{borderColor:k.default.mix(e.borderColor,(0,k.default)(e.borderColor).isLight()?t.action[i].light:t.action[i].dark,100*s).toRgbString()}:null))},u=He;var Le=(e,o)=>{let t=(o==null?void 0:o.default)!==!1?(0,J.cloneDeep)(e):{};return(o==null?void 0:o.active)!==!1&&(t.active=u(e,"active")),(o==null?void 0:o.disabled)!==!1&&(t.disabled=u(e,"disabled")),(o==null?void 0:o.focus)!==!1&&(t.focus=u(e,"focus")),(o==null?void 0:o.hover)!==!1&&(t.hover=u(e,"hover")),(o==null?void 0:o.readonly)!==!1&&(t.readonly=u(e,"readonly")),(o==null?void 0:o.selected)!==!1&&(t.selected=u(e,"selected")),(o==null?void 0:o.checked)!==!1&&(t.checked=u(e,"checked")),t},O=Le;function F(e,o){e.forEach(t=>{Object.entries(t).forEach(([s,i])=>{if(typeof i=="string")return;let c=i;c.active||(c.active={}),c.checked||(c.checked={}),c.focus||(c.focus={}),c.disabled||(c.disabled={}),c.hover||(c.hover={}),c.selected||(c.selected={});let y=O(c,o);t[s]=(0,K.merge)(y,c)})})}var ae=require("lodash-es");function Q(e){return!!e&&typeof e=="object"&&"main"in e}var P=U(require("tinycolor2"),1);function Y(e,o){return(0,P.default)(e).lighten(o!=null?o:20).toRgbString()}function Z(e,o){return(0,P.default)(e).darken(o!=null?o:20).toRgbString()}function ee(e){let o=(0,P.default)(e);return P.default.readability("white",o)<P.default.readability("black",o)?"black":"white"}var oe=require("lodash-es");var Ne=(e,o)=>{switch(o){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 t=(0,oe.merge)({},v,e);return{"&:focus":t,"input[role]:focus ~ &":t}}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}},m=Ne;var te=require("lodash-es");var re=require("lodash-es");function b(e,o){return(0,re.merge)(_({color:`${e}.color`,backgroundColor:`${e}.backgroundColor`,borderColor:`${e}.borderColor`}),o==null?void 0:o.mergeObject)}function n(e,o){var x,I,l,d,p,R,j,D;let t=b(`${e}.active`,o),s=b(`${e}.checked`,o),i=r({cursor:"not-allowed"},b(`${e}.disabled`,o)),c=b(`${e}.hover`,o),y=((x=o==null?void 0:o.states)==null?void 0:x.focus)!==!1?b(`${e}.focus`,o):{},S=r({cursor:"notAllowed"},b(`${e}.readonly`,o)),T=b(`${e}.selected`,o);return(0,te.merge)(r(r(r(r(r(r(r(r({},((I=o==null?void 0:o.states)==null?void 0:I.default)!==!1?b(e,o):null),((l=o==null?void 0:o.states)==null?void 0:l.checked)!==!1?m(s,"checked"):null),m(y,"focus")),((d=o==null?void 0:o.states)==null?void 0:d.hover)!==!1?m(c,"hover"):null),((p=o==null?void 0:o.states)==null?void 0:p.selected)!==!1?m(T,"selected"):null),((R=o==null?void 0:o.states)==null?void 0:R.active)!==!1?m(t,"active"):null),((j=o==null?void 0:o.states)==null?void 0:j.disabled)!==!1?m(i,"disabled"):null),((D=o==null?void 0:o.states)==null?void 0:D.readonly)!==!1?m(S,"readonly"):null),o==null?void 0:o.mergeObject)}var Ve=(e,o)=>r(r(r(r(r(r(r(r({},(o==null?void 0:o.default)!==!1?e:null),(o==null?void 0:o.checked)!==!1?m(u(e,"checked"),"checked"):null),m(u(e,"focus"),"focus")),(o==null?void 0:o.selected)!==!1?m(u(e,"selected"),"selected"):null),(o==null?void 0:o.hover)!==!1?m(u(e,"hover"),"hover"):null),(o==null?void 0:o.active)!==!1?m(u(e,"active"),"active"):null),(o==null?void 0:o.disabled)!==!1?m(u(e,"disabled"),"disabled"):null),(o==null?void 0:o.readonly)!==!1?m(u(e,"readonly"),"readonly"):null),ne=Ve;var z=U(require("tinycolor2"),1);var qe=(e,o)=>{if(o==="default")return e;let t=o==="checked"?"selected":o,s=w(),i=s.action[`${o}Opacity`];return z.default.mix(e,(0,z.default)(e).isLight()?s.action[t].light:s.action[t].dark,100*i).toRgbString()},ie=qe;function G(e){var s,i,c,y,S,T,x,I;let o=(0,ae.cloneDeep)(e);o.lightenColor=(s=e.lightenColor)!=null?s:(l,d)=>Y(l,d!=null?d:e.lightenRatio),o.darkenColor=(i=e.darkenColor)!=null?i:(l,d)=>Z(l,d!=null?d:e.darkenRatio),o.getContrastText=(c=e.getContrastText)!=null?c:ee,Object.entries(e).forEach(([l,d])=>{var R,j,D;let p=d;Q(p)?o[l]={main:p.main,light:(R=p.light)!=null?R:o.lightenColor(p.main),dark:(j=p.dark)!=null?j:o.darkenColor(p.main),contrastText:(D=p.contrastText)!=null?D:o.getContrastText(p.main)}:o[l]=d}),o.border.article=(y=o.border.article)!=null?y:o.secondary.main,o.border.field=(S=o.border.field)!=null?S:o.text.primary,o.border.section=(T=o.border.section)!=null?T:o.primary.main;function t(l){var d,p;return typeof l=="string"?{dark:l,light:l}:{dark:(d=l.dark)!=null?d:l.light,light:(p=l.light)!=null?p:l.dark}}o.action.active=t(o.action.active),o.action.disabled=t(o.action.disabled),o.action.focus=t(o.action.focus),o.action.hover=t(o.action.hover),o.action.readonly=t(o.action.readonly),o.action.selected=t(o.action.selected),o.buildStateObject=m,o.getColor=ie,o.getStatesForColors=O,o.getOneState=u,o.getStatesFromDefinition=ne,o.getStatesFromPath=n,o.gray=(x=o.gray)!=null?x:{};for(let l=1;l<=18;l++){let d=Math.round(13.37962962962963*l);o.gray[l*50]=(I=o.gray[l*50])!=null?I:`rgb(${d},${d},${d})`}return o}var le="#004085",Ee="#cce5ff",$="white";function ce(){let e=w();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 w(e){let o=e===!0,t=typeof e!="boolean"?e:void 0;return window.currentPalette&&!o||(window.currentPalette=G((0,W.merge)(A,window.defaultPalette,t!=null?t:window.customPalette))),window.currentPalette}function H(){var t;let e=(0,W.cloneDeep)((t=window.currentPalette)!=null?t:w()),o={palette:f(r({},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:f(r({},O({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,C.default)("#e5c200").darken(10).toRgbString()},focus:{backgroundColor:"transparent",color:(0,C.default)("#e5c200").darken(5).toRgbString()},hover:{backgroundColor:"transparent",color:(0,C.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,C.default)(window.currentPalette.text.primary).lighten(15).toRgbString(),borderColor:e.text.primary,active:{backgroundColor:"transparent",color:(0,C.default)(window.currentPalette.text.primary).lighten(0).toRgbString()},checked:{backgroundColor:"red",color:(0,C.default)(window.currentPalette.text.primary).lighten(15).toRgbString()},disabled:{backgroundColor:"transparent",color:(0,C.default)(window.currentPalette.text.primary).lighten(55).toRgbString()},hover:{backgroundColor:"transparent",color:(0,C.default)(window.currentPalette.text.primary).lighten(7).toRgbString()},readonly:{color:(0,C.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:le,disabled:"#efefef",favorite:"#e5c200",filtersRowBackground:$,formBackground:$,grey:"#777",gridRowHighlight:"#e1f3ff",highlightButton:"hsl(61, 100%, 91%)",lightBlue:Ee,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:e.success.main,priorityNormal:"rgb(255 211 34)",priorityHigh:"rgb(255 150 0)",priorityUrgent:"red",charts:{front:le}};return F([o==null?void 0:o.buttons,o==null?void 0:o.form]),o}var Xe={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:a(5)},".notification__title":{fontSize:18,fontWeight:"bold",color:"palette.text.primary",display:"flex",gap:a(5),alignItems:"center"},".notification__closeButton":{flexShrink:0},".notification__body":{alignItems:"center",display:"flex",flexDirection:"row",gap:a(5),width:"100%",p:a(5)},".notification__header ~ .notification__body":{pt:0},".notification__content":{display:"flex",alignItems:"stretch",flexDirection:"column",gap:a(5),width:"100%"},".notification__icon":{flexShrink:0,height:"iconMd",svg:{height:"iconMd",width:"iconMd"}},".notification__message":{display:"flex",flexDirection:"column",fontWeight:"normal",gap:a(3),width:"100%",wordBreak:"break-word"},".notification__trace":{maxWidth:"100%",overflow:"hidden",maxHeight:"30vh",flexShrink:0,backgroundColor:"rgba(10,10,10,0.02)",pt:a(5),".notification__traceLabel":{pl:a(5)},".notification__traceText":{fontWeight:"normal",p:a(5),maxHeight:"30vh",overflow:"auto",maxWidth:"100%",position:"relative"}},"&:focus .notification__closeButton":v},warning:{variant:"alerts.primary","&, & .notification__header":r({},b("notifications.warning"))},danger:{variant:"alerts.primary","&, & .notification__header":r({},b("notifications.error"))},success:{variant:"alerts.primary","&, & .notification__header":r({},b("notifications.success"))}},de=Xe;var Je={inherit:{color:"inherit",background:"inherit",border:"none",borderRadius:0,font:"inherit",cursor:"pointer",padding:0,margin:0},collapsibleAsidePanelTitle:r({variant:"buttons.inherit",display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"},n("buttons.collapsibleAsidePanelTitle")),primary:f(r({borderWidth:"2px",borderStyle:"solid",variant:"text.default",py:g({0:3,4:4}),px:g({0:5,4:6}),display:"inline-block",width:g({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":r({variant:"buttons.primary","&:focus, &:focus-visible":{}},h),secondary:r({variant:"buttons.primary","&:focus, &:focus-visible":{},borderWidth:"0px",borderStyle:"solid"},n("buttons.secondary")),"secondary-sm":r({variant:"buttons.secondary"},h),"light-secondary":r({variant:"buttons.secondary"},n("buttons.lightSecondary")),danger:r({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.danger")),"danger-sm":r({variant:"buttons.danger"},h),warning:r({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.warning")),"warning-sm":r({variant:"buttons.warning"},h),close:r({cursor:"pointer",ml:"auto",mr:"2",borderRadius:"buttons"},n("buttons.close")),accordion:{variant:"buttons.primary","&:focus, &:focus-visible":{},cursor:"pointer",m:a(0),py:g({0:3,4:4}),px:g({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":r({variant:"buttons.accordion",border:"none"},n("buttons.accordionPrimary")),icon:f(r({display:"flex",justifyContent:"center",alignItems:"center",p:a(0),m:a(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":r({},n("buttons.iconToggled"))}),"icon-primary":r({variant:"buttons.icon"},n("buttons.iconPrimary")),"icon-outline":r({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.iconOutline")),"icon-outline-danger":r({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.outlineDanger")),"icon-only":r({variant:"buttons.icon"},n("buttons.iconOnly")),link:r({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":r({variant:"buttons.link"},h),outline:r({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons","&:focus, &:focus-visible":{}},n("buttons.outline")),"outline-sm":r({variant:"buttons.outline"},h),"transparent-sm":r({variant:"buttons.outline","&:focus, &:focus-visible":{},bg:"transparent",color:"inherit",border:"none",font:"inherit",textTransform:"inherit"},h),"outline-danger":r({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineDanger")),"outline-danger-sm":r({variant:"buttons.outline-danger"},h),"outline-warning":r({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineWarning")),"outline-warning-sm":r({variant:"buttons.outline-warning"},h),"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:r({variant:"buttons.accordion",fontSize:"text.default",p:a(3),wordBreak:"keep-all",a:{color:"background"}},n("buttons.tableAccordion")),tableHeader:r({variant:"buttons.tableAccordion",alignItems:"center",justifyContent:"center",height:"100%",border:"none",svg:{ml:a(2)}},n("buttons.tableHeader"))},se=Je;var Ke=r({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}})),ue=Ke;var Qe=f(r({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"}}}),me=Qe;var Ye=f(r({display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"stretch",gap:a(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':r({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:a(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}),fe=Ye;var Ze={display:"flex",gap:a(1),justifyContent:"stretch",alignItems:"center","&.readOnly":{input:r({},b("form.fields"))},input:{height:"50px",width:"100%"},button:{display:"flex",width:"45px",flexShrink:0,height:"50px"}},be=Ze;var eo=f(r({variant:"text.default",border:"1px solid",borderRadius:"default",padding:g({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%"}}}}}),pe=eo;var oo={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:a(0)}}},ge=oo;var ro=r({width:"32px",height:"32px",input:{height:"32px !important"}},n("form.radio")),he=ro;var to=r({variant:"text.default",display:"inline-block",fontFamily:"body",p:a(4),pr:7,borderRadius:"default",width:"100%",maxWidth:"100%"},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),Ce=to;var no=r({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:f(r({padding:2},ce()),{"&: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}})),ye=no;var io={"+ span":{fontSize:14,fontWeight:"normal",wordBreak:"break-all"},backgroundColor:"form.fields.checked.borderColor"},xe=io;var ao={"&, & textarea":{height:"100%",minHeight:"130px",resize:"vertical"},textarea:{variant:"forms.input"}},ke=ao;var lo={border:"1px solid",borderColor:"palette.border.field",display:"inline-block",position:"relative",pr:"45px",".deletableInput__input":{border:"none"},".deletableInput__deleteButton":r({height:"100%",outlineOffset:"-2px",position:"absolute",right:0,top:0,width:"45px"},n("buttons.deletableInputButton")),"&:focus-within:not(.asMaterial)":f(r({},v),{".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}}}},Se=lo;var co=()=>({checkbox:me,customCheckbox:ue,dateInput:fe,deletableInput:Se,iconInput:be,input:pe,label:ge,radio:he,select:Ce,selectMultiple:ye,switch:xe,textarea:ke,'input[type="date"]':{variant:"forms.input"}}),Te=co;var so={default:{color:"palette.text.primary",fontFamily:"body",fontWeight:"body",fontSize:16,m:a(0),width:"100%"},title:{letterSpacing:"heading",wordBreak:"normal",color:"title",fontFamily:"heading",lineHeight:"heading",fontWeight:"heading"}},ve=so;var mo=e=>e,fo={};function L(e){return mo((0,we.merge)({alerts:de,breakpoints:["0px","250px","500px","700px","1000px","1260px","1580px"],buttons:se,colors:H(),fonts:{body:'"InterVariable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, Roboto',heading:"inherit",monospace:"Menlo, monospace"},fontSizes:Array(60).fill(1).map((o,t)=>t),forms:Te(),layout:fo,lineHeights:{body:1.5,heading:1.125},letterSpacings:{body:"0.01em",heading:"-0.015em"},radii:{alerts:0,buttons:0,default:0},shadows:{modals:"",tabs:""},space:[0,2,4,8,12,16,24,32,40,48,64,80,96,112,128],sizes:{applicationMenu:"350px",floatingNotifications:"min(550px, calc(100vw - 30px))",root:"992px",mainImage:"64px",twoColumns:"calc(992px + 350px)",twoColumnsCentered:"calc(992px + 350px + 16px)",iconXs:"12px",iconSm:"16px",iconMd:"22px",iconlg:"32px",iconXl:"48px"},text:ve,zIndices:{stickyElements:600,menu:1e3,maximizedTables:1100,modal:1200,tooltip:1400,notifications:1600,contextMenu:1800},useRootStyles:!0},e!=null?e:{}))}var Ie=require("theme-ui/jsx-runtime"),bo=({children:e,customTheme:o})=>{let t=L(o);return console.log({theme:t}),(0,Ie.jsx)(Oe.ThemeProvider,{theme:t,children:e})},Pe=bo;0&&(module.exports={ThemeProvider,focusOutline,getVariant,responsive,smallButton,spacing});

package/dist/index.d.ts

@@ -0,0 +1,93 @@
+import { Theme, ThemeUICSSObject, ResponsiveStyleValue } from 'theme-ui';
+import * as theme_ui_jsx_runtime from 'theme-ui/jsx-runtime';
+import { FC, ReactNode } from 'react';
+import * as _theme_ui_css from '@theme-ui/css';
+
+declare function useMainTheme(customTheme?: Theme): Theme;
+
+/**
+ * Permite crear un componente cuyos estilos pueden ser redefinidos por un
+ * usuario final.
+ *
+ * Esto es así puesto que los estilos definidos serán agregados a un árbol que
+ * el usuario puede consultar y sobreescribir. De esta manera los estilos
+ * finales del componente serán aquellos definidos en este método pero
+ * sobreescritos por los definidos por el usuario si es que existen.
+ *
+ * **Importante** Para aplicar la variante, se aplica un box alrededor del
+ * componente que se está renderizando, con className="variant__holder". En caso
+ * de que se quisiera evitar este comportamiento, se debe pasar unwraped = true
+ *
+ * @param displayName Este parámetro es importante para el debugger de React.
+ * @param stylesPath La ruta donde se aplicarán los estilos, es importante asegurarse de que esa ruta ya no está siendo utilizada por otro componente.
+ * @param styles Un objeto de estilos de ThemeUI
+ * @param Component La definición del componente.
+ * @returns Un componente reutilizable y exportable que tiene estilos aplicados.
+ */
+declare function makeStyledComponent<T extends object>(displayName: string, stylesPath: string, styles: ThemeUICSSObject, Component: FC<T>, unwraped?: boolean): ((props: T) => theme_ui_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+/**
+ * Esta función permite agregar estilos al tema principal de la aplicación, de
+ * modo que estén disponibles para cualquier componente que lo requirea.
+ *
+ * @example
+ *
+ * injectStyles('buttons.myRedButton', {
+ *   variant: 'buttons.primary',
+ *   backgroundColor: 'red',
+ * })
+ */
+declare function injectStyles(path: string, styles: ThemeUICSSObject): void;
+
+interface TThemeProvider {
+    children: ReactNode;
+    customTheme?: Theme;
+}
+declare const ThemeProvider: ({ children, customTheme }: TThemeProvider) => theme_ui_jsx_runtime.JSX.Element;
+
+/**
+ * Esta función devuelve un array de valores para los distintos breakpoints.
+ *
+ * **Importante** Debido a un issue con ThemeUI, es necesario agregar un
+ * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por
+ * defecto será, si se pasa un valor para el índice 4, esta será tomada como
+ * vista de impresión, sino se tomará el valor de mayor índice menor que 4.
+ *
+ * @example
+ *
+ * display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];
+ */
+declare function responsive<T>(values: {
+    print?: T;
+    [key: number]: undefined | T;
+}): ResponsiveStyleValue<T>;
+/**
+ * Este método permite aplicar espacios (gaps, márgenes y paddings) que se
+ * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un
+ * padding en una vista de escritorio, probablemente sea demasiado grande al
+ * llevarlo a celular. Con esta función se elimina el problema de calcular para
+ * cada elemento en forma individual y el problema se convierte en encontrar
+ * una única fórmula que quede correcta para todos los breakpoints.
+ *
+ * @example
+ *
+ * '.wellPaddedElement': {
+ *    p: spacing(6),
+ *    pt: spacing(8)
+ * }
+ */
+declare function spacing(index: number): number | false | (number | _theme_ui_css.ThemeUIEmpty)[];
+declare const smallButton: {
+    py: number;
+    px: number;
+    fontSize: string;
+};
+declare const focusOutline: ThemeUICSSObject;
+declare function getVariant(variant: string): {
+    variant: string;
+    'data-variant': string;
+};
+
+export { ThemeProvider, focusOutline, getVariant, injectStyles, makeStyledComponent, responsive, smallButton, spacing, useMainTheme };

package/dist/index.js

@@ -1,48 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  default: () => src_default
-});
-module.exports = __toCommonJS(src_exports);
-var theme = {
-  fonts: {
-    body: "system-ui, sans-serif",
-    heading: '"Avenir Next", sans-serif',
-    monospace: "Menlo, monospace"
-  },
-  colors: {
-    text: "#000",
-    background: "#fff",
-    primary: "red"
-  },
-  styles: {
-    root: {
-      button: {
-        cursor: "pointer"
-      }
-    }
-  }
-};
-var src_default = theme;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
-//# sourceMappingURL=index.js.map
+"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});

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/ThemeProvider.tsx","../src/getMainTheme.ts","../src/base/colors/index.ts","../src/util.ts","../src/base/colors/defaultPalette.ts","../src/base/colors/util/applyStates.ts","../src/base/colors/util/applyStatesGetColor.ts","../src/base/colors/util/getColorState.ts","../src/base/colors/util/buildColorsObject.ts","../src/base/colors/util/parsePalette.ts","../src/base/colors/types.ts","../src/base/colors/util.ts","../src/base/colors/util/buildStateObject.ts","../src/base/colors/util/getColorsAndStatesByPath.ts","../src/base/colors/util/getColorsByPath.ts","../src/base/colors/util/getColorStates.ts","../src/base/colors/util/getOneColorState.ts","../src/base/alerts.ts","../src/base/buttons.ts","../src/base/forms/customCheckbox.ts","../src/base/forms/checkbox.ts","../src/base/forms/dateInput.ts","../src/base/forms/iconInput.ts","../src/base/forms/input.ts","../src/base/forms/label.ts","../src/base/forms/radio.ts","../src/base/forms/select.ts","../src/base/forms/selectMultiple.ts","../src/base/forms/switch.ts","../src/base/forms/textarea.ts","../src/base/forms/deletableInput.ts","../src/base/forms/index.ts","../src/base/text.ts"],"sourcesContent":["import ThemeProvider from './ThemeProvider';\n\nexport * from './util';\n\nexport { ThemeProvider };\n","import { Theme, ThemeProvider as TUIThemeProvider } from 'theme-ui';\nimport { ReactNode } from 'react';\nimport getMainTheme from './getMainTheme';\n\ninterface TThemeProvider {\n  children: ReactNode;\n  customTheme?: Theme;\n}\n\nconst ThemeProvider = ({ children, customTheme }: TThemeProvider) => {\n  const theme: Theme = getMainTheme(customTheme);\n\n  console.log({ theme });\n\n  return <TUIThemeProvider theme={theme}>{children}</TUIThemeProvider>;\n};\n\nexport default ThemeProvider;\n","import { ColorModesScale, Theme, ThemeUICSSObject } from 'theme-ui';\nimport { merge } from 'lodash-es';\nimport { setValueByPath } from '@apia/util';\nimport getThemeColorsObject from './base/colors/index';\nimport alerts from './base/alerts';\nimport buttons from './base/buttons';\nimport forms from './base/forms/index';\nimport text from './base/text';\n\nconst makeTheme = <T extends Theme>(t: T) => {\n  return t;\n};\n\nlet declaredStyles: ThemeUICSSObject = {};\n\nexport function declareStyles(\n  path: string,\n  styles: ThemeUICSSObject | Record<string, ThemeUICSSObject>,\n) {\n  const newStyles = {};\n  setValueByPath(newStyles, path, styles);\n  declaredStyles = merge(declaredStyles, newStyles);\n}\n\nexport default function getMainTheme(customTheme?: Theme) {\n  return makeTheme(\n    merge(\n      {\n        alerts,\n        breakpoints: [\n          '0px',\n          '250px',\n          '500px',\n          '700px',\n          '1000px',\n          '1260px',\n          '1580px',\n        ],\n        buttons,\n        colors: getThemeColorsObject() as unknown as ColorModesScale,\n        fonts: {\n          body: '\"InterVariable\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto',\n          heading: 'inherit',\n          monospace: 'Menlo, monospace',\n        },\n        fontSizes: Array(60)\n          .fill(1)\n          .map((_, i) => {\n            return i;\n          }),\n        forms: forms(),\n        layout: declaredStyles,\n        lineHeights: {\n          body: 1.5,\n          heading: 1.125,\n        },\n        letterSpacings: {\n          body: '0.01em',\n          heading: '-0.015em',\n        },\n        radii: {\n          alerts: 0,\n          buttons: 0,\n          default: 0,\n        },\n        shadows: {\n          modals: '',\n          tabs: '',\n        },\n        space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],\n        sizes: {\n          // Layout\n          applicationMenu: '350px',\n          floatingNotifications: 'min(550px, calc(100vw - 30px))',\n          root: '992px',\n          mainImage: '64px',\n          twoColumns: 'calc(992px + 350px)',\n          twoColumnsCentered: 'calc(992px + 350px + 16px)',\n\n          // Icons\n          iconxs: '12px',\n          iconsm: '16px',\n          iconmd: '22px',\n          iconlg: '32px',\n          iconxl: '48px',\n        },\n        text,\n        zIndices: {\n          stickyElements: 600,\n          menu: 1000,\n          maximizedTables: 1100,\n          modal: 1200,\n          tooltip: 1400,\n          notifications: 1600,\n          contextMenu: 1800,\n        },\n        useRootStyles: true,\n      },\n      customTheme ?? {},\n    ),\n  );\n}\n","import { cloneDeep, merge } from 'lodash-es';\nimport tinycolor from 'tinycolor2';\nimport defaultPalette from './defaultPalette';\nimport { TColorDefinition, TPalette } from './types';\nimport applyStates from './util/applyStates';\nimport applyStatesGetColor from './util/applyStatesGetColor';\nimport parsePalette from './util/parsePalette';\n\n// Colors\nconst darkBlue = '#004085';\nconst lightBlue = '#cce5ff';\nconst white = 'white';\n\nexport function getSelectedColors() {\n  const palette = getPalette();\n  return palette.getStatesFromDefinition(\n    {\n      backgroundColor: palette.background.paper,\n      color: palette.text.primary,\n    },\n    {\n      active: false,\n      checked: false,\n      default: false,\n      disabled: false,\n      hover: false,\n      focus: false,\n      readonly: false,\n    },\n  );\n}\n\nexport function getPalette(arg?: TPalette | boolean) {\n  const shouldReparsePalette = arg === true;\n  const customPalette = typeof arg !== 'boolean' ? arg : undefined;\n\n  if (window.currentPalette && !shouldReparsePalette)\n    return window.currentPalette;\n\n  window.currentPalette = parsePalette(\n    merge(\n      defaultPalette,\n      window.defaultPalette,\n      customPalette ?? window.customPalette,\n    ),\n  );\n  return window.currentPalette;\n}\n\nexport default function getThemeColorsObject() {\n  const palette = cloneDeep(window.currentPalette ?? getPalette());\n  const colors = {\n    palette: {\n      ...palette,\n      lightenColor: undefined,\n      darkenColor: undefined,\n      getContrastText: undefined,\n\n      buildStateObject: undefined,\n      getColor: undefined,\n      getOneState: undefined,\n      getStatesForColors: undefined,\n      getStatesFromDefinition: undefined,\n      getStatesFromPath: undefined,\n    },\n    accordion: {\n      borderColor: palette.border.section,\n    },\n    buttons: {\n      accordion: {\n        backgroundColor: palette.primary.main,\n        borderColor: palette.border.section,\n        color: palette.primary.contrastText,\n      },\n      accordionPrimary: {\n        backgroundColor: palette.primary.main,\n        borderColor: palette.border.section,\n        color: palette.primary.contrastText,\n      },\n      close: {\n        ...applyStatesGetColor({\n          color: palette.text.primary,\n          backgroundColor: palette.background.paper,\n        }),\n        backgroundColor: 'transparent',\n      },\n      collapsibleAsidePanelTitle: {\n        color: palette.text.primary,\n      },\n      deletableInputButton: {\n        backgroundColor: 'transparent',\n        color: palette.secondary.main,\n\n        active: {\n          color: palette.darkenColor(palette.secondary.main, 40),\n        },\n        disabled: {\n          color: palette.secondary.main,\n        },\n        focus: {\n          color: palette.darkenColor(palette.secondary.main, 20),\n        },\n        hover: {\n          color: palette.darkenColor(palette.secondary.main, 20),\n        },\n      },\n      icon: {\n        backgroundColor: palette.secondary.main,\n        color: palette.secondary.contrastText,\n\n        hover: {\n          color: palette.secondary.contrastText,\n        },\n\n        focus: {\n          color: palette.secondary.contrastText,\n        },\n      },\n      iconAlert: {\n        backgroundColor: 'transparent',\n        color: '#e5c200',\n\n        active: {\n          backgroundColor: 'transparent',\n          color: tinycolor('#e5c200').darken(10).toRgbString(),\n        },\n\n        focus: {\n          backgroundColor: 'transparent',\n          color: tinycolor('#e5c200').darken(5).toRgbString(),\n        },\n\n        hover: {\n          backgroundColor: 'transparent',\n          color: tinycolor('#e5c200').darken(5).toRgbString(),\n        },\n      },\n      iconPrimary: {\n        backgroundColor: palette.primary.main,\n        color: palette.primary.contrastText,\n\n        active: {\n          color: palette.primary.contrastText,\n        },\n\n        focus: {\n          color: palette.primary.contrastText,\n        },\n\n        hover: {\n          color: palette.primary.contrastText,\n        },\n      },\n      iconToggled: {\n        backgroundColor: palette.primary.main,\n        color: palette.primary.contrastText,\n\n        active: {\n          color: palette.primary.contrastText,\n        },\n\n        focus: {\n          color: palette.common.white,\n        },\n\n        hover: {\n          color: palette.common.white,\n        },\n      },\n      iconOutline: {\n        backgroundColor: palette.background.paper,\n        color: palette.primary.main,\n        borderColor: palette.border.article,\n      },\n      link: {\n        backgroundColor: 'transparent',\n        color: palette.text.primary,\n        borderColor: 'transparent',\n\n        active: {\n          color: palette.text.primary,\n        },\n\n        focus: {\n          color: palette.text.primary,\n        },\n\n        hover: {\n          color: palette.text.primary,\n        },\n      },\n      openTab: {\n        backgroundColor: palette.primary.main,\n        color: palette.primary.contrastText,\n        borderColor: palette.primary.dark,\n      },\n      outline: {\n        backgroundColor: palette.background.paper,\n        color: palette.getContrastText(palette.background.paper),\n        borderColor: palette.primary.main,\n      },\n      outlineDanger: {\n        backgroundColor: palette.background.paper,\n        color: palette.primary.main,\n        borderColor: palette.primary.main,\n\n        active: {\n          borderColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 80,\n          ),\n          backgroundColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 80,\n          ),\n          color: palette.getContrastText(\n            palette.darkenColor(\n              palette.error.dark,\n              palette.action.activeOpacity * 80,\n            ),\n          ),\n        },\n\n        focus: {\n          borderColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 60,\n          ),\n          backgroundColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 60,\n          ),\n          color: palette.getContrastText(\n            palette.darkenColor(\n              palette.error.dark,\n              palette.action.activeOpacity * 60,\n            ),\n          ),\n        },\n\n        hover: {\n          borderColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 70,\n          ),\n          backgroundColor: palette.darkenColor(\n            palette.error.dark,\n            palette.action.activeOpacity * 70,\n          ),\n          color: palette.getContrastText(\n            palette.darkenColor(\n              palette.error.dark,\n              palette.action.activeOpacity * 70,\n            ),\n          ),\n        },\n      },\n      outlineWarning: {\n        backgroundColor: palette.background.paper,\n        color: palette.text.primary,\n        borderColor: palette.primary.main,\n\n        active: {\n          borderColor: palette.warning.main,\n          backgroundColor: palette.warning.main,\n          color: palette.warning.contrastText,\n        },\n\n        focus: {\n          borderColor: palette.warning.main,\n          backgroundColor: palette.warning.main,\n          color: palette.warning.contrastText,\n        },\n\n        hover: {\n          borderColor: palette.warning.main,\n          backgroundColor: palette.warning.main,\n          color: palette.warning.contrastText,\n        },\n      },\n      primary: {\n        backgroundColor: palette.primary.main,\n        color: palette.primary.contrastText,\n        borderColor: palette.primary.main,\n      },\n      secondary: {\n        backgroundColor: palette.secondary.main,\n        color: palette.secondary.contrastText,\n        borderColor: palette.secondary.main,\n      },\n      tab: {\n        backgroundColor: palette.background.paper,\n        color: palette.getContrastText(palette.background.paper),\n        borderColor: palette.border.article,\n      },\n      toggleIcon: {\n        color: palette.secondary.contrastText,\n        backgroundColor: palette.secondary.main,\n        borderColor: palette.border.field,\n\n        danger: {\n          backgroundColor: palette.error.main,\n          borderColor: palette.border.field,\n          color: palette.error.contrastText,\n        },\n        toggled: {\n          backgroundColor: palette.primary.main,\n          borderColor: palette.border.field,\n          color: palette.primary.contrastText,\n        },\n      },\n      transparentIcon: {\n        backgroundColor: 'transparent',\n        color: palette.text.primary,\n\n        hover: {\n          color: palette.primary.main,\n        },\n\n        focus: {\n          color: palette.primary.main,\n        },\n      },\n    },\n    dropzone: {\n      backgroundColor: palette.background.paper,\n      borderColor: palette.border.section,\n      color: palette.background.default,\n    },\n    form: {\n      backgroundColor: palette.background.paper,\n\n      fields: {\n        backgroundColor: palette.background.paper,\n        color: palette.text.primary,\n        borderColor: palette.border.field,\n      },\n\n      radio: {\n        backgroundColor: 'transparent',\n        color: tinycolor(window.currentPalette.text.primary)\n          .lighten(15)\n          .toRgbString(),\n        borderColor: palette.text.primary,\n        active: {\n          backgroundColor: 'transparent',\n          color: tinycolor(window.currentPalette.text.primary)\n            .lighten(0)\n            .toRgbString(),\n        },\n        checked: {\n          backgroundColor: 'red',\n          color: tinycolor(window.currentPalette.text.primary)\n            .lighten(15)\n            .toRgbString(),\n        },\n        disabled: {\n          backgroundColor: 'transparent',\n          color: tinycolor(window.currentPalette.text.primary)\n            .lighten(55)\n            .toRgbString(),\n        },\n        hover: {\n          backgroundColor: 'transparent',\n          color: tinycolor(window.currentPalette.text.primary)\n            .lighten(7)\n            .toRgbString(),\n        },\n        readonly: {\n          color: tinycolor(window.currentPalette.text.primary)\n            .lighten(38)\n            .toRgbString(),\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n    modal: {\n      borderColor: palette.border.section,\n      backgroundColor: palette.background.paper,\n    },\n    notifications: {\n      error: {\n        backgroundColor: palette.error.light,\n        color: palette.getContrastText(palette.error.light),\n        borderColor: palette.error.main,\n      },\n      success: {\n        backgroundColor: palette.success.light,\n        color: palette.getContrastText(palette.success.light),\n        borderColor: palette.success.main,\n      },\n      warning: {\n        backgroundColor: palette.warning.light,\n        color: palette.getContrastText(palette.warning.light),\n        borderColor: palette.warning.main,\n      },\n    },\n    pagination: {\n      color: palette.primary.contrastText,\n      backgroundColor: palette.primary.main,\n    },\n    printView: {\n      main: {\n        backgroundColor: palette.background.default,\n\n        page: {\n          backgroundColor: palette.background.paper,\n          borderColor: palette.border.article,\n        },\n      },\n      list: {\n        table: {\n          borderColor: palette.border.section,\n        },\n        th: { backgroundColor: '#eee' },\n        cell: {\n          borderColor: palette.border.article,\n        },\n      },\n    },\n    scrollbars: {\n      bar: {\n        color: palette.secondary.main,\n        backgroundColor: palette.background.default,\n\n        hover: {\n          backgroundColor: palette.lightenColor(palette.background.default, 10),\n          color: palette.lightenColor(palette.secondary.main, 10),\n        },\n\n        active: {\n          backgroundColor: palette.lightenColor(palette.background.default, 10),\n          color: palette.lightenColor(palette.secondary.main, 20),\n        },\n      } /*\n      buttons: {\n        backgroundColor: palette.secondary.main,\n\n        hover: {\n          color: palette.lightenColor(palette.secondary.main, 10),\n        },\n\n        active: {\n          color: palette.lightenColor(palette.secondary.main, 20),\n        },\n      }, */,\n    },\n    tab: {\n      backgroundColor: palette.background.paper,\n      borderColor: palette.border.section,\n    },\n    topBar: {\n      backgroundColor: palette.primary.main,\n    },\n\n    // Default ThemeUI colors\n    accent: palette.text.accent,\n    background: palette.background.default,\n    iconWarning: 'rgb(246 222 87)',\n    muted: palette.text.disabled,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    text: palette.text.primary,\n    warning: palette.warning.main,\n    danger: palette.error.main,\n    link: palette.text.accent,\n    success: palette.success.main,\n    title: palette.text.title,\n\n    // Meaningful colors\n    lightBorder: 'hsl(0, 12%, 85%)',\n    outlineColor: palette.lightenColor(\n      palette.getColor(palette.primary.main, 'selected'),\n      30,\n    ),\n\n    // Custom Apia colors\n    baseGrey: '#dfdfdf',\n    darkBorder: 'hsl(247, 98%, 10%)',\n    darkBlue,\n    disabled: '#efefef',\n    favorite: '#e5c200',\n    filtersRowBackground: white,\n    formBackground: white,\n    grey: '#777',\n    gridRowHighlight: '#e1f3ff',\n    highlightButton: 'hsl(61, 100%, 91%)',\n    lightBlue,\n    oddRow: '#f0f5ff',\n    paginationBackground: 'hsl(229deg, 75%, 90%)',\n    readOnlyText: '#737373',\n    required: 'darkred',\n    scrollbarBack: 'rgb(206, 206, 206)',\n    scrollbarFront: 'rgb(156, 156, 156)',\n    sysExceptionNotificationBg: '#f8d7da',\n    sysMessageNotificationBg: '#fff3cd',\n    tabBackground: 'white',\n    treeRuler: '#ccc',\n    white,\n    priorityNone: 'gray',\n    priorityLow: palette.success.main,\n    priorityNormal: 'rgb(255 211 34)',\n    priorityHigh: 'rgb(255 150 0)',\n    priorityUrgent: 'red',\n\n    // modes: {\n    //   dark: {\n    //     // TODO: dark-mode uhhhhhhh!!!\n    //     //text: '#fff',\n    //   },\n    // },\n    charts: {\n      front: darkBlue,\n    },\n  };\n\n  applyStates([\n    colors?.buttons as Record<string, string | TColorDefinition>,\n    colors?.form as Record<string, string | TColorDefinition>,\n  ]);\n\n  return colors;\n}\n","import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';\nimport defaultPalette from './base/colors/defaultPalette';\n\n/**\n * Esta función devuelve un array de valores para los distintos breakpoints.\n *\n * **Importante** Debido a un issue con ThemeUI, es necesario agregar un\n * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por\n * defecto será, si se pasa un valor para el índice 4, esta será tomada como\n * vista de impresión, sino se tomará el valor de mayor índice menor que 4.\n *\n * @example\n *\n * display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];\n */\n\nexport function responsive<T>(values: {\n  print?: T;\n  [key: number]: undefined | T;\n}): ResponsiveStyleValue<T> {\n  const returnArray = [];\n  const max = 6;\n  for (let i = 0; i <= max; i++) returnArray[i + 1] = values[i] ?? null;\n\n  if (values.print) returnArray[0] = values.print;\n  else {\n    for (let i = 5; i >= 0; i--) {\n      if (values[i] !== undefined) returnArray[0] = values[i];\n    }\n  }\n\n  return returnArray;\n}\n\n/**\n * Este método permite aplicar espacios (gaps, márgenes y paddings) que se\n * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un\n * padding en una vista de escritorio, probablemente sea demasiado grande al\n * llevarlo a celular. Con esta función se elimina el problema de calcular para\n * cada elemento en forma individual y el problema se convierte en encontrar\n * una única fórmula que quede correcta para todos los breakpoints.\n *\n * @example\n *\n * '.wellPaddedElement': {\n *    p: spacing(6),\n *    pt: spacing(8)\n * }\n */\nexport function spacing(index: number) {\n  return defaultPalette.spacing(index);\n}\n\nexport const smallButton = {\n  py: 2,\n  px: 4,\n  fontSize: '0.9em',\n};\n\nexport const focusOutline: ThemeUICSSObject = {\n  outlineColor: 'outlineColor',\n  outlineWidth: '3px',\n  outlineStyle: 'solid',\n  outlineOffset: '-3px',\n};\n\nexport function getVariant(variant: string) {\n  return { variant, 'data-variant': variant };\n}\n","import { responsive } from '../../util';\nimport { TPalette } from './types';\n\nconst opacity = {\n  light: '#009',\n  dark: '#fff',\n};\nconst disabled = '#ccc';\nconst spacingArray = Array(50)\n  .fill(1)\n  .map((_, i) => {\n    return responsive<number>({\n      0: Math.ceil(i / 2.5),\n      1: Math.ceil(i / 2.1),\n      2: Math.ceil(i / 1.7),\n      3: Math.ceil(i / 1.3),\n      4: i,\n    });\n  });\n\nconst defaultPalette: TPalette = {\n  action: {\n    disabled,\n    disabledOpacity: 0.6,\n    active: opacity,\n    activeOpacity: 0.4,\n    focus: opacity,\n    focusOpacity: 0.2,\n    hover: opacity,\n    hoverOpacity: 0.3,\n    readonly: disabled,\n    readonlyOpacity: 0.4,\n    selected: opacity.light,\n    selectedOpacity: 0.6,\n  },\n  background: {\n    default: '#f4f4f4',\n    overlay: 'rgba(0, 0, 0, 0.2)',\n    paper: 'white',\n  },\n  border: {\n    article: '#cacaca',\n    field: '#444',\n    section: '#aaa',\n  },\n  common: {\n    black: 'black',\n    white: 'white',\n  },\n  info: {\n    main: '#fff',\n  },\n  primary: {\n    main: '#00496c',\n  },\n  secondary: {\n    main: '#6c757d',\n  },\n  spacing: (index: number) => {\n    return spacingArray[index];\n  },\n  text: {\n    accent: '#609',\n    disabled: '#555',\n    icon: 'white',\n    link: '#00496c',\n    primary: '#4a4a4a',\n    secondary: 'white',\n    title: '#00496c',\n  },\n  error: {\n    main: '#db7678',\n    light: '#fff2f4',\n  },\n  success: {\n    main: '#8bde8b',\n    light: '#e7ffd9',\n  },\n  warning: {\n    main: '#f8f588',\n    light: '#fffdd9',\n  },\n  darkenRatio: 15,\n  lightenRatio: 35,\n  responsive,\n  queryColumnsMultiplier: 2,\n};\nexport default defaultPalette;\n","import { merge } from 'lodash-es';\nimport { TColorDefinition, TStates } from '../types';\nimport applyStatesGetColor from './applyStatesGetColor';\n\n/**\n * Esta función está pensada para ser utilizada dentro del objeto colors del\n * tema. Aplica recursivamente los distintos estados a todos los elementos\n * contenidos dentro de los objetos pasados como parámetro en properties.\n *\n * Es posible elegir cuáles estados se aplican y cuáles no mediante el segundo\n * parámetro, que es un objeto cuyas propiedades serán tomadas en cuenta\n * únicamente cuando tienen valor false, en cuyo caso no se aplicará el estado\n * correspondiente.\n *\n * @param properties\n * @param states\n */\nexport default function applyStates(\n  properties: Record<\n    string,\n    TColorDefinition | string | Record<string, unknown>\n  >[],\n  states?: TStates,\n) {\n  properties.forEach((def) => {\n    Object.entries(def).forEach(([key, value]) => {\n      if (typeof value === 'string') return;\n      const definition = value as TColorDefinition;\n      if (!definition.active) definition.active = {};\n      if (!definition.checked) definition.checked = {};\n      if (!definition.focus) definition.focus = {};\n      if (!definition.disabled) definition.disabled = {};\n      if (!definition.hover) definition.hover = {};\n      if (!definition.selected) definition.selected = {};\n\n      const newDefinition = applyStatesGetColor(definition, states);\n      // eslint-disable-next-line no-param-reassign\n      def[key] = merge(newDefinition, definition);\n    });\n  });\n}\n","import { cloneDeep } from 'lodash-es';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { TStatesRetriever } from '../types';\nimport getColorState from './getColorState';\n\n/**\n * Este método está pensado para usarse únicamente dentro de applyStates, si se\n * desea obtener un objeto con las propiedades correspondientes a un estado,\n * utilizar el método getColorStates.\n */\nconst applyStatesGetColor: TStatesRetriever = (definition, states) => {\n  const newStates: ThemeUICSSObject =\n    states?.default !== false\n      ? cloneDeep(definition)\n      : ({} as ThemeUICSSObject);\n  if (states?.active !== false) {\n    newStates.active = getColorState(definition, 'active');\n  }\n  if (states?.disabled !== false) {\n    newStates.disabled = getColorState(definition, 'disabled');\n  }\n  if (states?.focus !== false) {\n    newStates.focus = getColorState(definition, 'focus');\n  }\n  if (states?.hover !== false) {\n    newStates.hover = getColorState(definition, 'hover');\n  }\n  if (states?.readonly !== false) {\n    newStates.readonly = getColorState(definition, 'readonly');\n  }\n  if (states?.selected !== false) {\n    newStates.selected = getColorState(definition, 'selected');\n  }\n  if (states?.checked !== false) {\n    newStates.checked = getColorState(definition, 'checked');\n  }\n  return newStates;\n};\n\nexport default applyStatesGetColor;\n","import tinycolor from 'tinycolor2';\nimport { getPalette } from '../index';\nimport { TStateRetriever, TActionDefinition } from '../types';\nimport buildColorsObject from './buildColorsObject';\n\n/**\n * Este método acepta un objeto con backgroundColor y borderColor y aplica el\n * estado pasado como segundo parámetro de la siguiente manera:\n *\n * Si se pasa backgroundColor, se devuelve un backgroundColor y un color, que\n * corresponden al backgroundColor con el estado aplicado y un color calculado\n * con la función getContrastText.\n *\n * Si se pasa borderColor, se devuelve un nuevo borderColor calculado con el\n * estado aplicado.\n */\nconst getColorState: TStateRetriever = (definition, state) => {\n  if (state === 'default') return buildColorsObject(definition);\n\n  const palette = getPalette();\n  const opacity: number = palette.action[\n    `${state}Opacity` as keyof TActionDefinition\n  ] as number;\n\n  const actualState = state === 'checked' ? 'selected' : state;\n  const calculatedBackgroundColor = tinycolor\n    .mix(\n      (definition.backgroundColor ?? '') as string,\n      tinycolor((definition.backgroundColor ?? '') as string).isLight()\n        ? palette.action[actualState].light\n        : palette.action[actualState].dark,\n      100 * opacity,\n    )\n    .toRgbString();\n\n  return buildColorsObject({\n    ...(definition.backgroundColor\n      ? {\n          backgroundColor:\n            state === 'checked'\n              ? definition.backgroundColor ?? ''\n              : calculatedBackgroundColor,\n          color:\n            state === 'checked'\n              ? tinycolor\n                  .mix(\n                    tinycolor((definition.color ?? 'black') as string),\n                    tinycolor(palette.action.selected.dark),\n                    100 * palette.action.selectedOpacity,\n                  )\n                  .toRgbString()\n              : window.currentPalette.getContrastText(\n                  calculatedBackgroundColor,\n                ),\n        }\n      : null),\n    ...(definition.borderColor\n      ? {\n          borderColor: tinycolor\n            .mix(\n              definition.borderColor as string,\n              tinycolor(definition.borderColor as string).isLight()\n                ? palette.action[actualState].light\n                : palette.action[actualState].dark,\n              100 * opacity,\n            )\n            .toRgbString(),\n        }\n      : null),\n  });\n};\nexport default getColorState;\n","import { TGetColorStateDefinition } from '../types';\n\n/**\n * Básicamente agrega la definición de borderLeftColor, borderRightColor, etc.\n */\nfunction buildColorsObject(definition: Partial<TGetColorStateDefinition>) {\n  return {\n    ...definition,\n    ...(definition.borderColor\n      ? {\n          borderLeftColor: definition.borderColor,\n          borderRightColor: definition.borderColor,\n          borderBottomColor: definition.borderColor,\n          borderTopColor: definition.borderColor,\n        }\n      : undefined),\n  } as TGetColorStateDefinition;\n}\n\nexport default buildColorsObject;\n","import { cloneDeep } from 'lodash-es';\nimport {\n  TPalette,\n  TParsedPalette,\n  isColorDefinition,\n  IActionOpacity,\n  IColorDefinition,\n} from '../types';\nimport {\n  defaultLighten,\n  defaultDarken,\n  defaultGetContrastText,\n} from '../util';\nimport applyStatesGetColor from './applyStatesGetColor';\nimport buildStateObject from './buildStateObject';\nimport getColorsAndStatesByPath from './getColorsAndStatesByPath';\nimport getColorState from './getColorState';\nimport getColorStates from './getColorStates';\nimport getOneColorState from './getOneColorState';\n\nexport default function parsePalette(palette: TPalette) {\n  const newPalette: TParsedPalette = cloneDeep(palette) as TParsedPalette;\n\n  // Put methods\n  newPalette.lightenColor =\n    palette.lightenColor ??\n    ((color: string, ratio?: number) => {\n      return defaultLighten(color, ratio ?? palette.lightenRatio);\n    });\n  newPalette.darkenColor =\n    palette.darkenColor ??\n    ((color: string, ratio?: number) => {\n      return defaultDarken(color, ratio ?? palette.darkenRatio);\n    });\n  newPalette.getContrastText =\n    palette.getContrastText ?? defaultGetContrastText;\n\n  // Fill colors\n  Object.entries(palette).forEach(([key, value]) => {\n    const castedValue = value as string | number | IColorDefinition;\n    if (isColorDefinition(castedValue)) {\n      (newPalette as Record<string, unknown>)[key] = {\n        main: castedValue.main,\n        light: castedValue.light ?? newPalette.lightenColor(castedValue.main),\n        dark: castedValue.dark ?? newPalette.darkenColor(castedValue.main),\n        contrastText:\n          castedValue.contrastText ??\n          newPalette.getContrastText(castedValue.main),\n      };\n    } else {\n      (newPalette as Record<string, unknown>)[key] = value;\n    }\n  });\n\n  // Draw borders\n  newPalette.border.article =\n    newPalette.border.article ?? newPalette.secondary.main;\n  newPalette.border.field = newPalette.border.field ?? newPalette.text.primary;\n  newPalette.border.section =\n    newPalette.border.section ?? newPalette.primary.main;\n\n  // Define actions\n  function parseAction(action: string | IActionOpacity): IActionOpacity {\n    if (typeof action === 'string')\n      return {\n        dark: action,\n        light: action,\n      };\n    return {\n      dark: action.dark ?? action.light,\n      light: action.light ?? action.dark,\n    };\n  }\n\n  newPalette.action.active = parseAction(newPalette.action.active);\n  newPalette.action.disabled = parseAction(newPalette.action.disabled);\n  newPalette.action.focus = parseAction(newPalette.action.focus);\n  newPalette.action.hover = parseAction(newPalette.action.hover);\n  newPalette.action.readonly = parseAction(newPalette.action.readonly);\n  newPalette.action.selected = parseAction(newPalette.action.selected);\n\n  newPalette.buildStateObject = buildStateObject;\n  newPalette.getColor = getOneColorState;\n  newPalette.getStatesForColors = applyStatesGetColor;\n  newPalette.getOneState = getColorState;\n  newPalette.getStatesFromDefinition = getColorStates;\n  newPalette.getStatesFromPath = getColorsAndStatesByPath;\n\n  newPalette.gray = newPalette.gray ?? {};\n  for (let i = 1; i <= 18; i++) {\n    const index = Math.round(((255 - 255 / 18) / 18) * i);\n    newPalette.gray[(i * 50) as keyof typeof newPalette.gray] =\n      newPalette.gray[(i * 50) as keyof typeof newPalette.gray] ??\n      `rgb(${index},${index},${index})`;\n  }\n\n  return newPalette;\n}\n","import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../util';\nimport getColorsAndStatesByPath from './util/getColorsAndStatesByPath';\n\n/* eslint-disable @typescript-eslint/naming-convention */\nexport function isColorDefinition(\n  value:\n    | IColorDefinition\n    | TColorModifier\n    | Record<string, unknown>\n    | string\n    | number\n    | TActionDefinition\n    | TStatesRetriever\n    | ((index: number) => ResponsiveStyleValue<number>)\n    | typeof responsive,\n): value is IColorDefinition {\n  return !!value && typeof value === 'object' && 'main' in value;\n}\n\nexport interface IColorDefinition {\n  main: string;\n  light?: string;\n  dark?: string;\n  contrastText?: string;\n}\n\nexport interface IActionOpacity {\n  light: string;\n  dark: string;\n}\n\nexport interface TStates {\n  active?: boolean;\n  checked?: boolean;\n  default?: boolean;\n  disabled?: boolean;\n  focus?: boolean;\n  hover?: boolean;\n  readonly?: boolean;\n  selected?: boolean;\n}\n\nexport type TGetColorStateDefinition = Pick<\n  ThemeUICSSObject,\n  | 'backgroundColor'\n  | 'borderColor'\n  | 'borderLeftColor'\n  | 'borderRightColor'\n  | 'borderBottomColor'\n  | 'borderTopColor'\n  | 'color'\n>;\n\nexport type TColorStateRetriever = (\n  color: string,\n  state: keyof TStates,\n) => string;\n\nexport type TStateRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  state: keyof TStates,\n) => TGetColorStateDefinition;\n\nexport type TStatesRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  states?: TStates,\n) => ThemeUICSSObject;\n\nexport interface TActionDefinition<\n  OpacityColor = undefined | string | IActionOpacity,\n> {\n  active: OpacityColor;\n  activeOpacity: number;\n  disabled: OpacityColor;\n  disabledOpacity: number;\n  focus: OpacityColor;\n  focusOpacity: number;\n  hover: OpacityColor;\n  hoverOpacity: number;\n  readonly: OpacityColor;\n  readonlyOpacity: number;\n  selected: OpacityColor;\n  selectedOpacity: number;\n}\n\nexport type TColorModifier = (color: string, ratio?: number) => string;\nexport interface TPalette<\n  ColorDefinition = IColorDefinition,\n  ColorModifier = TColorModifier,\n  ActionDefinition = TActionDefinition,\n> {\n  action: ActionDefinition;\n  background: {\n    default: string;\n    overlay: string;\n    paper: string;\n  };\n  border: {\n    article: string;\n    field: string;\n    section: string;\n  };\n  common: {\n    white: string;\n    black: string;\n  };\n  error: ColorDefinition;\n  gray?: {\n    100: string;\n    150: string;\n    200: string;\n    250: string;\n    300: string;\n    350: string;\n    400: string;\n    450: string;\n    500: string;\n    550: string;\n    600: string;\n    650: string;\n    700: string;\n    750: string;\n    800: string;\n    850: string;\n    900: string;\n    950: string;\n  };\n  info: ColorDefinition;\n  primary: ColorDefinition;\n  secondary: ColorDefinition;\n  spacing: (index: number) => ResponsiveStyleValue<number>;\n  success: ColorDefinition;\n  text: {\n    accent: string;\n    disabled: string;\n    icon: string;\n    link: string;\n    primary: string;\n    secondary: string;\n    title: string;\n  };\n  warning: ColorDefinition;\n\n  lightenRatio?: number;\n  darkenRatio?: number;\n  /**\n   * Acepta un ratio entre 0 y 100\n   */\n  lightenColor?: ColorModifier;\n  /**\n   * Acepta un ratio entre 0 y 100\n   */\n  darkenColor?: ColorModifier;\n  getContrastText?: ColorModifier;\n  responsive: typeof responsive;\n\n  queryColumnsMultiplier?: number;\n}\n\nexport type TBuildStateObject = <T extends Partial<ThemeUICSSObject>>(\n  props: T,\n  state: keyof Required<TStates> | 'checked',\n) => ThemeUICSSObject;\n\nexport type TParsedPalette = Required<\n  TPalette<\n    Required<IColorDefinition>,\n    TColorModifier,\n    Required<TActionDefinition<IActionOpacity>>\n  >\n> & {\n  buildStateObject: TBuildStateObject;\n  getColor: TColorStateRetriever;\n  getOneState: TStateRetriever;\n  getStatesForColors: TStatesRetriever;\n  getStatesFromDefinition: TStatesRetriever;\n  getStatesFromPath: typeof getColorsAndStatesByPath;\n};\n\nexport type TColorDefinitionPrimitive = Pick<\n  ThemeUICSSObject,\n  'color' | 'backgroundColor' | 'borderColor'\n>;\n\nexport type TColorDefinition = TColorDefinitionPrimitive & {\n  active?: TColorDefinitionPrimitive;\n  checked?: TColorDefinitionPrimitive;\n  disabled?: TColorDefinitionPrimitive;\n  focus?: TColorDefinitionPrimitive;\n  hover?: TColorDefinitionPrimitive;\n  selected?: TColorDefinitionPrimitive;\n};\n\ndeclare global {\n  interface Window {\n    currentPalette: TParsedPalette;\n    customPalette?: TPalette;\n    defaultPalette?: TPalette;\n  }\n}\n","import tinycolor from 'tinycolor2';\n\nexport function defaultLighten(color: string, ratio?: number) {\n  return tinycolor(color)\n    .lighten(ratio ?? 20)\n    .toRgbString();\n}\nexport function defaultDarken(color: string, ratio?: number) {\n  return tinycolor(color)\n    .darken(ratio ?? 20)\n    .toRgbString();\n}\nexport function defaultGetContrastText(color: string) {\n  const current = tinycolor(color);\n  return tinycolor.readability('white', current) <\n    tinycolor.readability('black', current)\n    ? 'black'\n    : 'white';\n}\n","import { merge } from 'lodash-es';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../../util';\nimport { TBuildStateObject } from '../types';\n\n/**\n * Dado un estado, se devuelven las propiedades necesarias para garantizar que\n * dicho estado se aplique en variadas circunstancias.\n */\nconst buildStateObject: TBuildStateObject = (props, state) => {\n  switch (state) {\n    case 'active':\n      return {\n        '&:active': props,\n        'input[role]:active ~ &': props,\n        'input[role]:active ~ & path': props,\n      };\n    case 'checked':\n      return {\n        '&:checked': props,\n        'input[role]:checked ~ &': props,\n        'input[role]:checked ~ & path': props,\n      };\n    case 'disabled':\n      return {\n        '&:disabled': props,\n        'input[role]:disabled ~ &': props,\n        'input[role]:disabled ~ & path': props,\n      };\n    case 'focus': {\n      const focusObject = merge({}, focusOutline, props);\n      return {\n        '&:focus': focusObject,\n        'input[role]:focus ~ &': focusObject,\n      };\n    }\n    case 'hover': {\n      return {\n        '&:hover:not([readonly], :disabled,[aria-selected=\"true\"],:active)':\n          props,\n        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"])':\n          props,\n        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"]) path':\n          props,\n      };\n    }\n    case 'readonly':\n      return {\n        '&[readonly]': props,\n        'input[role][readonly] ~ &': props,\n        'input[role][readonly] ~ & path': props,\n        '&.readonly input ~ &, &.readOnly input ~ &': props,\n        '&.readonly input ~ & path, &.readOnly input ~ & path': props,\n        '&.readonly, &.readOnly': props,\n      };\n    case 'selected':\n      return {\n        '&:selected': props,\n        'input[role]:selected ~ &': props,\n        'input[role]:selected ~ & path': props,\n        '&[aria-selected=\"true\"]': props,\n      };\n    default:\n      return props as unknown as ThemeUICSSObject;\n  }\n};\nexport default buildStateObject;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { merge } from 'lodash-es';\nimport buildStateObject from './buildStateObject';\nimport getColorsByPath from './getColorsByPath';\n\nexport interface TGetColorsAndStatesOptions {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  mergeObject?: Record<string, any>;\n  states?: {\n    active?: boolean;\n    checked?: boolean;\n    default?: boolean;\n    disabled?: boolean;\n    focus?: boolean;\n    hover?: boolean;\n    readonly?: boolean;\n    selected?: boolean;\n  };\n}\n\n/**\n * Esta función es útil para devolver los estados calculados por la aplicación\n * dentro del objeto colors de ThemeUI. Si se desea calcular los estados en\n * base a un color, se debe utilizar el método getColorsAndStatesByColor.\n */\nexport default function getColorsAndStatesByPath(\n  path: string,\n  options?: TGetColorsAndStatesOptions,\n) {\n  const active = getColorsByPath(`${path}.active`, options);\n  const checked = getColorsByPath(`${path}.checked`, options);\n  const disabled = {\n    cursor: 'not-allowed',\n    ...getColorsByPath(`${path}.disabled`, options),\n  };\n  const hover = getColorsByPath(`${path}.hover`, options);\n  const focus =\n    options?.states?.focus !== false\n      ? getColorsByPath(`${path}.focus`, options)\n      : {};\n  const readonly = {\n    cursor: 'notAllowed',\n    ...getColorsByPath(`${path}.readonly`, options),\n  };\n  const selected = getColorsByPath(`${path}.selected`, options);\n\n  return merge(\n    {\n      ...(options?.states?.default !== false\n        ? getColorsByPath(path, options)\n        : null),\n      ...(options?.states?.checked !== false\n        ? buildStateObject(checked, 'checked')\n        : null),\n      ...buildStateObject(focus, 'focus'),\n      ...(options?.states?.hover !== false\n        ? buildStateObject(hover, 'hover')\n        : null),\n      ...(options?.states?.selected !== false\n        ? buildStateObject(selected, 'selected')\n        : null),\n      ...(options?.states?.active !== false\n        ? buildStateObject(active, 'active')\n        : null),\n      ...(options?.states?.disabled !== false\n        ? buildStateObject(disabled, 'disabled')\n        : null),\n      ...(options?.states?.readonly !== false\n        ? buildStateObject(readonly, 'readonly')\n        : null),\n    },\n    options?.mergeObject,\n  ) as Record<string, ThemeUICSSObject>;\n}\n","import { merge } from 'lodash-es';\nimport buildColorsObject from './buildColorsObject';\n\n/**\n * Esta función NO CALCULA ningún color, simplemente devuelve un objeto con las\n * rutas de color con el formato de ThemeUI. Es útil cuando se desea aplicar\n * colores definidos en el objeto colors.\n *\n * Si se desea generar un objeto con los colores a partir de una definición de\n * colores del tipo TGetColorStateDefinition se debe utilizar el método\n * getColorsByDefinition.\n */\nexport default function getColorsByPath(\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: { mergeObject?: Record<string, any> },\n) {\n  return merge(\n    buildColorsObject({\n      color: `${path}.color`,\n      backgroundColor: `${path}.backgroundColor`,\n      borderColor: `${path}.borderColor`,\n    }),\n    options?.mergeObject,\n  );\n}\n","import { TStatesRetriever } from '../types';\nimport buildStateObject from './buildStateObject';\nimport getColorState from './getColorState';\n\n/**\n * Con este método es posible construir un objeto con las propiedades\n * necesarias para aplicar los colores correspondientes a los estados deseados\n * a partir de la definición provista.\n */\nconst getColorStates: TStatesRetriever = (definition, states) => {\n  return {\n    ...(states?.default !== false ? definition : null),\n    ...(states?.checked !== false\n      ? buildStateObject(getColorState(definition, 'checked'), 'checked')\n      : null),\n    ...buildStateObject(getColorState(definition, 'focus'), 'focus'),\n    ...(states?.selected !== false\n      ? buildStateObject(getColorState(definition, 'selected'), 'selected')\n      : null),\n    ...(states?.hover !== false\n      ? buildStateObject(getColorState(definition, 'hover'), 'hover')\n      : null),\n    ...(states?.active !== false\n      ? buildStateObject(getColorState(definition, 'active'), 'active')\n      : null),\n    ...(states?.disabled !== false\n      ? buildStateObject(getColorState(definition, 'disabled'), 'disabled')\n      : null),\n    ...(states?.readonly !== false\n      ? buildStateObject(getColorState(definition, 'readonly'), 'readonly')\n      : null),\n  };\n};\n\nexport default getColorStates;\n","import tinycolor from 'tinycolor2';\n\nimport { getPalette } from '../index';\n\nimport { TColorStateRetriever, TActionDefinition } from '../types';\n\n/**\n\n * Este método acepta un color y aplica el estado pasado como segundo\n\n * parámetro. De esta forma se puede obtener el color correspondiente al estado\n\n * calculado automáticamente por la aplicación.\n\n */\n\nconst getOneColorState: TColorStateRetriever = (color, state) => {\n  if (state === 'default') return color;\n\n  const actualState = state === 'checked' ? 'selected' : state;\n\n  const palette = getPalette();\n\n  const opacity: number = palette.action[\n    `${state}Opacity` as keyof TActionDefinition\n  ] as number;\n\n  return tinycolor\n\n    .mix(\n      color,\n\n      tinycolor(color).isLight()\n        ? palette.action[actualState].light\n        : palette.action[actualState].dark,\n\n      100 * opacity,\n    )\n\n    .toRgbString();\n};\n\nexport default getOneColorState;\n","import { ThemeUIStyleObject } from 'theme-ui';\nimport { focusOutline, spacing } from '../util';\nimport getColorsByPath from './colors/util/getColorsByPath';\n\nconst alerts: Record<string, ThemeUIStyleObject> = {\n  primary: {\n    border: '1px solid',\n    borderLeft: '12px solid',\n    borderRadius: 'alerts',\n\n    display: 'flex',\n    flexDirection: 'column',\n    fontWeight: 'normal',\n\n    maxHeight: '60vh',\n    overflow: 'auto',\n    p: 0,\n\n    '&:focus': {\n      outline: 'none',\n    },\n\n    '.notification__header': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      position: 'sticky',\n      top: 0,\n      width: '100%',\n      p: spacing(5),\n    },\n\n    '.notification__title': {\n      fontSize: 18,\n      fontWeight: 'bold',\n      color: 'palette.text.primary',\n      display: 'flex',\n      gap: spacing(5),\n      alignItems: 'center',\n    },\n\n    '.notification__closeButton': {\n      flexShrink: 0,\n    },\n\n    '.notification__body': {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'row',\n      gap: spacing(5),\n      width: '100%',\n      p: spacing(5),\n    },\n\n    '.notification__header ~ .notification__body': {\n      pt: 0,\n    },\n\n    '.notification__content': {\n      display: 'flex',\n      alignItems: 'stretch',\n      flexDirection: 'column',\n      gap: spacing(5),\n      width: '100%',\n    },\n\n    '.notification__icon': {\n      flexShrink: 0,\n      height: 'iconMd',\n      svg: {\n        height: 'iconMd',\n        width: 'iconMd',\n      },\n    },\n\n    '.notification__message': {\n      display: 'flex',\n      flexDirection: 'column',\n      fontWeight: 'normal',\n      gap: spacing(3),\n      width: '100%',\n      wordBreak: 'break-word',\n    },\n\n    '.notification__trace': {\n      maxWidth: '100%',\n      overflow: 'hidden',\n      maxHeight: '30vh',\n      flexShrink: 0,\n      backgroundColor: 'rgba(10,10,10,0.02)',\n      pt: spacing(5),\n\n      '.notification__traceLabel': {\n        pl: spacing(5),\n      },\n      '.notification__traceText': {\n        fontWeight: 'normal',\n        p: spacing(5),\n        maxHeight: '30vh',\n        overflow: 'auto',\n        maxWidth: '100%',\n        position: 'relative',\n      },\n    },\n\n    '&:focus .notification__closeButton': focusOutline,\n  },\n  warning: {\n    variant: 'alerts.primary',\n\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.warning'),\n    },\n  },\n  danger: {\n    variant: 'alerts.primary',\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.error'),\n    },\n  },\n  success: {\n    variant: 'alerts.primary',\n    '&, & .notification__header': {\n      ...getColorsByPath('notifications.success'),\n    },\n  },\n};\n\nexport default alerts;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive, smallButton, spacing } from '../util';\nimport getColorsAndStatesByPath from './colors/util/getColorsAndStatesByPath';\n\nconst buttons: Record<string, ThemeUICSSObject> = {\n  inherit: {\n    color: 'inherit',\n    background: 'inherit',\n    border: 'none',\n    borderRadius: 0,\n    font: 'inherit',\n    cursor: 'pointer',\n    padding: 0,\n    margin: 0,\n  },\n  collapsibleAsidePanelTitle: {\n    variant: 'buttons.inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    width: '100%',\n    ...getColorsAndStatesByPath('buttons.collapsibleAsidePanelTitle'),\n  },\n  primary: {\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    variant: 'text.default',\n    py: responsive({ 0: 3, 4: 4 }),\n    px: responsive({ 0: 5, 4: 6 }),\n    display: 'inline-block',\n    width: responsive({ 0: '100%', 1: 'auto' }),\n    cursor: 'pointer',\n    borderRadius: 'buttons',\n    fontWeight: 'normal',\n    userSelect: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    wordBreak: 'keep-all',\n\n    ...getColorsAndStatesByPath('buttons.primary'),\n\n    '&:focus, &:focus-visible': {\n      outlineColor: '#00daff',\n    },\n  },\n  'primary-sm': {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    ...smallButton,\n  },\n  secondary: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    borderWidth: '0px',\n    borderStyle: 'solid',\n\n    ...getColorsAndStatesByPath('buttons.secondary'),\n  },\n  'secondary-sm': {\n    variant: 'buttons.secondary',\n    ...smallButton,\n  },\n  'light-secondary': {\n    variant: 'buttons.secondary',\n\n    ...getColorsAndStatesByPath('buttons.lightSecondary'),\n  },\n  danger: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.danger'),\n  },\n  'danger-sm': {\n    variant: 'buttons.danger',\n    ...smallButton,\n  },\n  warning: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.warning'),\n  },\n  'warning-sm': {\n    variant: 'buttons.warning',\n    ...smallButton,\n  },\n  close: {\n    cursor: 'pointer',\n    ml: 'auto',\n    mr: '2',\n    borderRadius: 'buttons',\n\n    ...getColorsAndStatesByPath('buttons.close'),\n  },\n  accordion: {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    cursor: 'pointer',\n    m: spacing(0),\n    py: responsive({ 0: 3, 4: 4 }),\n    px: responsive({ 0: 5, 4: 6 }),\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderRadius: 'buttons',\n    textAlign: 'left',\n    fontFamily: 'heading',\n    fontSize: 'text.default',\n    textDecoration: 'none',\n    textTransform: 'none',\n    fontWeight: 'bold',\n    border: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    userSelect: 'text',\n\n    '&, *': getColorsAndStatesByPath('buttons.accordion'),\n  },\n  'accordion-primary': {\n    variant: 'buttons.accordion',\n    border: 'none',\n\n    ...getColorsAndStatesByPath('buttons.accordionPrimary'),\n  },\n  icon: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    p: spacing(0),\n    m: spacing(0),\n    bg: 'secondary',\n    cursor: 'pointer',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n    borderRadius: 'buttons',\n    border: 'none',\n\n    ...getColorsAndStatesByPath('buttons.icon'),\n\n    svg: {\n      width: 'auto',\n      height: '20px',\n      display: 'block',\n    },\n\n    '&.isToggled': {\n      ...getColorsAndStatesByPath('buttons.iconToggled'),\n    },\n  },\n  'icon-primary': {\n    variant: 'buttons.icon',\n    ...getColorsAndStatesByPath('buttons.iconPrimary'),\n  },\n  'icon-outline': {\n    variant: 'buttons.icon',\n    bg: 'white',\n    border: '1px solid',\n\n    ...getColorsAndStatesByPath('buttons.iconOutline'),\n  },\n  'icon-outline-danger': {\n    variant: 'buttons.icon',\n    bg: 'white',\n    border: '1px solid',\n\n    ...getColorsAndStatesByPath('buttons.outlineDanger'),\n  },\n  'icon-only': {\n    variant: 'buttons.icon',\n\n    ...getColorsAndStatesByPath('buttons.iconOnly'),\n  },\n  link: {\n    variant: 'inherit',\n    width: 'auto',\n    border: 'none',\n    textDecoration: 'underline',\n    px: 2,\n    py: 1,\n    borderRadius: 'buttons',\n    cursor: 'pointer',\n    textTransform: 'none',\n    transition: 'background-color 300ms ease-out, color 300ms ease-out',\n\n    ...getColorsAndStatesByPath('buttons.link'),\n  },\n  'link-sm': {\n    variant: 'buttons.link',\n    ...smallButton,\n  },\n  outline: {\n    variant: 'buttons.primary',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderRadius: 'buttons',\n\n    '&:focus, &:focus-visible': {},\n    ...getColorsAndStatesByPath('buttons.outline'),\n  },\n  'outline-sm': {\n    variant: 'buttons.outline',\n    ...smallButton,\n  },\n  'transparent-sm': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n    bg: 'transparent',\n    color: 'inherit',\n    border: 'none',\n    font: 'inherit',\n    textTransform: 'inherit',\n    ...smallButton,\n  },\n  'outline-danger': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.outlineDanger'),\n  },\n  'outline-danger-sm': {\n    variant: 'buttons.outline-danger',\n    ...smallButton,\n  },\n  'outline-warning': {\n    variant: 'buttons.outline',\n    '&:focus, &:focus-visible': {},\n\n    ...getColorsAndStatesByPath('buttons.outlineWarning'),\n  },\n  'outline-warning-sm': {\n    variant: 'buttons.outline-warning',\n    ...smallButton,\n  },\n  'outline-extended': {\n    variant: 'buttons.outline',\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  'outline-danger-extended': {\n    variant: 'buttons.outline-danger',\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  'primary-extended': {\n    variant: 'buttons.primary',\n    '&:focus, &:focus-visible': {},\n    gridColumnStart: 1,\n    gridColumnEnd: 3,\n    width: '100%',\n  },\n  query: {\n    extended: {\n      variant: 'buttons.outline',\n      '&:focus, &:focus-visible': {},\n      gridColumnStart: 1,\n      gridColumnEnd: 3,\n    },\n  },\n  tableAccordion: {\n    variant: 'buttons.accordion',\n    fontSize: 'text.default',\n    p: spacing(3),\n    wordBreak: 'keep-all',\n    a: {\n      color: 'background',\n    },\n\n    ...getColorsAndStatesByPath('buttons.tableAccordion'),\n  },\n  tableHeader: {\n    variant: 'buttons.tableAccordion',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    border: 'none',\n    svg: {\n      ml: spacing(2),\n    },\n    ...getColorsAndStatesByPath('buttons.tableHeader'),\n  },\n};\n\nexport default buttons;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst customCheckbox: ThemeUICSSObject = {\n  display: 'inline-flex',\n  borderRadius: 'default',\n  flexBasis: '32px',\n  flexShrink: 0,\n  width: '32px',\n  height: '32px',\n  alignItems: 'center',\n  justifyContent: 'center',\n  p: '3px',\n  border: '1px solid',\n  svg: {\n    width: '20px',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n\n  /* PREPEND HERE */\n};\n\nexport default customCheckbox;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst checkbox: ThemeUICSSObject = {\n  borderRadius: 'default',\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      focus: false,\n      hover: false,\n    },\n  }),\n  backgroundColor: 'unset',\n  alignItems: 'center',\n\n  '&.nativeCheckbox': {\n    appearance: 'none',\n    width: '25px',\n    height: '25px',\n    border: 'solid 1px #cccccc',\n    marginRight: '8px',\n    position: 'relative',\n    cursor: 'pointer',\n\n    '&:checked::before': {\n      content: '\"✓\"',\n      color: 'palette.text.primary',\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      fontSize: 'larger',\n      fontWeight: 'bolder',\n      borderRadius: '5px',\n      cursor: 'pointer',\n    },\n\n    '&:indeterminate::before': {\n      content: '\"-\"',\n      color: 'palette.text.primary',\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '-1px',\n      left: 0,\n      right: 0,\n      bottom: 0,\n      fontSize: 'xx-large',\n      fontWeight: '600',\n      borderRadius: '5px',\n      cursor: 'pointer',\n    },\n  },\n};\n\nexport default checkbox;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst dateInput: ThemeUICSSObject = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'stretch',\n  gap: spacing(2),\n  width: '100%',\n\n  '&.readOnly': {\n    input: {\n      color: 'Text.fields',\n      bg: 'Background.fields',\n    },\n  },\n\n  '.iconInput': {\n    width: '100%',\n    position: 'relative',\n  },\n\n  'input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]), input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]) path, .delete_date_button':\n    {\n      position: 'absolute',\n      right: '59px',\n      padding: 0,\n      top: 'calc(50% - 10px)',\n      margin: 0,\n      marginRight: 0,\n      borderRadius: '100%',\n      width: '20px',\n      height: '20px',\n\n      ...getColorsAndStatesByPath('buttons.icon-outline'),\n    },\n\n  input: {\n    flexShrink: 1,\n  },\n\n  '& > div': {\n    display: 'flex',\n    gap: spacing(2),\n    flexShrink: 0,\n    width: 'auto',\n    maxWidth: '100%',\n    minWidth: 0,\n\n    button: {\n      width: '45px',\n      flexShrink: 0,\n    },\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      hover: false,\n      active: false,\n      focus: false,\n    },\n  }),\n\n  backgroundColor: undefined,\n};\n\nexport default dateInput;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsByPath from '../colors/util/getColorsByPath';\n/* IMPORT HERE */\n\nconst iconInput: ThemeUICSSObject = {\n  display: 'flex',\n  gap: spacing(1),\n  justifyContent: 'stretch',\n  alignItems: 'center',\n  '&.readOnly': {\n    input: {\n      ...getColorsByPath('form.fields'),\n    },\n  },\n\n  input: {\n    height: '50px',\n    width: '100%',\n  },\n\n  button: {\n    display: 'flex',\n    width: '45px',\n    flexShrink: 0,\n    height: '50px',\n  },\n};\n\nexport default iconInput;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst input: ThemeUICSSObject = {\n  variant: 'text.default',\n  border: '1px solid',\n  borderRadius: 'default',\n  padding: responsive({ 0: 3, 3: 4 }),\n  '::placeholder': {\n    color: '#b0b0b0',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n\n  material: {\n    input: {\n      borderLeft: 'none',\n      borderRight: 'none',\n      borderTop: 'none',\n      borderBottomColor: 'palette.border.section',\n\n      '& + .input__underline': {\n        transform: 'scale(1)',\n      },\n\n      '&:focus': {\n        outline: 'none',\n\n        '~::after': {\n          animationName: 'growHorizontal',\n          animationDuration: '150ms',\n          animationTimingFunction: 'ease-out',\n          content: '\"\"',\n          display: 'block',\n          height: '0',\n          outlineColor: 'palette.primary.main',\n          outlineStyle: 'solid',\n          outlineWidth: '1.5px',\n          outlineOffset: 0,\n          position: 'fixed',\n          transformOrigin: 'center center',\n          width: '100%',\n        },\n      },\n    },\n  },\n};\n\nexport default input;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\n/* IMPORT HERE */\n\nconst label: ThemeUICSSObject = {\n  variant: 'text.default',\n  alignItems: 'center',\n  width: 'auto',\n  textTransform: 'none',\n  cursor: 'pointer',\n\n  '&:not(.radio-label)': {\n    fontWeight: 'bold',\n  },\n\n  '&.required': {\n    position: 'relative',\n    '&::before': {\n      color: 'danger',\n      position: 'absolute',\n      content: '\"*\"',\n      top: 0,\n      left: '-10px',\n    },\n  },\n\n  '&:last-of-type': {\n    'input, textarea, select': {\n      mb: spacing(0),\n    },\n  },\n};\n\nexport default label;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst radio: ThemeUICSSObject = {\n  width: '32px',\n  height: '32px',\n  input: {\n    height: '32px !important',\n  },\n  ...getColorsAndStatesByPath('form.radio'),\n};\n\nexport default radio;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst select: ThemeUICSSObject = {\n  variant: 'text.default',\n  display: 'inline-block',\n  fontFamily: 'body',\n  p: spacing(4),\n  pr: 7,\n  borderRadius: 'default',\n  width: '100%',\n  maxWidth: '100%',\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n};\n\nexport default select;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { getSelectedColors } from '../colors/index';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst selectMultiple: ThemeUICSSObject = {\n  variant: 'text.default',\n  height: '100%',\n  padding: '4px',\n  borderRadius: 'default',\n  border: '1px solid',\n  width: '100%',\n  transition: 'background-color 100ms ease-out, color 100ms ease-out',\n  overflow: 'auto',\n  option: {\n    padding: 2,\n    ...getSelectedColors(),\n\n    '&:checked': {\n      backgroundColor: window.currentPalette.getColor(\n        window.currentPalette.background.paper,\n        'selected',\n      ),\n      color: window.currentPalette.getContrastText(\n        window.currentPalette.getColor(\n          window.currentPalette.background.paper,\n          'selected',\n        ),\n      ),\n    },\n  },\n  '+ svg': {\n    display: 'none',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n    },\n  }),\n};\n\nexport default selectMultiple;\n","import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst Switch: ThemeUICSSObject = {\n  '+ span': {\n    fontSize: 14,\n    fontWeight: 'normal',\n    wordBreak: 'break-all',\n  },\n  backgroundColor: 'form.fields.checked.borderColor',\n};\n\nexport default Switch;\n","import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst textarea: ThemeUICSSObject = {\n  '&, & textarea': {\n    height: '100%',\n    minHeight: '130px',\n    resize: 'vertical',\n  },\n\n  textarea: {\n    variant: 'forms.input',\n  },\n};\n\nexport default textarea;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n\nconst deletableInput: ThemeUICSSObject = {\n  border: '1px solid',\n  borderColor: 'palette.border.field',\n  display: 'inline-block',\n  position: 'relative',\n  pr: '45px',\n\n  '.deletableInput__input': {\n    border: 'none',\n  },\n\n  '.deletableInput__deleteButton': {\n    height: '100%',\n    outlineOffset: '-2px',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    width: '45px',\n\n    ...getColorsAndStatesByPath('buttons.deletableInputButton'),\n  },\n\n  '&:focus-within:not(.asMaterial)': {\n    ...focusOutline,\n\n    '.deletableInput__input:focus': {\n      outline: 'none',\n    },\n\n    '.deletableInput__deleteButton:focus': {\n      outline: 'none',\n    },\n  },\n\n  '&.asMaterial': {\n    borderLeft: 'none',\n    borderRight: 'none',\n    borderTop: 'none',\n    borderBottomColor: 'palette.border.section',\n\n    '& + .input__underline': {\n      transform: 'scale(1)',\n    },\n\n    '.deletableInput__input:focus': {\n      outline: 'none',\n\n      '~.input__underline::after': {\n        animationName: 'growHorizontal',\n        animationDuration: '150ms',\n        animationTimingFunction: 'ease-out',\n        content: '\"\"',\n        display: 'block',\n        height: '0',\n        outlineColor: 'palette.primary.main',\n        outlineStyle: 'solid',\n        outlineWidth: '1.5px',\n        outlineOffset: 0,\n        position: 'absolute',\n        transformOrigin: 'center center',\n        left: 0,\n        right: 0,\n      },\n    },\n  },\n};\n\nexport default deletableInput;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport customCheckbox from './customCheckbox';\nimport checkbox from './checkbox';\nimport dateInput from './dateInput';\nimport iconInput from './iconInput';\nimport input from './input';\nimport label from './label';\nimport radio from './radio';\nimport select from './select';\nimport selectMultiple from './selectMultiple';\nimport Switch from './switch';\nimport textarea from './textarea';\nimport deletableInput from './deletableInput';\n/* IMPORT HERE */\n\nconst forms: () => Record<string, ThemeUICSSObject> = () => {\n  return {\n    checkbox,\n    customCheckbox,\n    dateInput,\n    deletableInput,\n    iconInput,\n    input,\n    label,\n    radio,\n    select,\n    selectMultiple,\n    switch: Switch,\n    textarea,\n    /* PREPEND HERE */\n    'input[type=\"date\"]': {\n      variant: 'forms.input',\n    },\n  };\n};\n\nexport default forms;\n","import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../util';\n\nconst text: Record<string, ThemeUICSSObject> = {\n  default: {\n    color: 'palette.text.primary',\n    fontFamily: 'body',\n    fontWeight: 'body',\n    fontSize: 16,\n    m: spacing(0),\n    width: '100%',\n  },\n  title: {\n    letterSpacing: 'heading',\n    wordBreak: 'normal',\n    color: 'title',\n    fontFamily: 'heading',\n    lineHeight: 'heading',\n    fontWeight: 'heading',\n  },\n};\n\nexport default text;\n"],"mappings":"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","names":["import_lodash_es","import_util","import_lodash_es","import_tinycolor2","import_lodash_es","opacity","tinycolor","import_lodash_es","import_tinycolor2","tinycolor","import_lodash_es","import_lodash_es","import_lodash_es","disabled","import_tinycolor2","opacity","tinycolor","_a","_b","_c","tinycolor","TUIThemeProvider"]}

package/package.json

@@ -1,30 +1,37 @@
 {
   "name": "@apia/theme",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "> TODO: description",
   "author": "alexisleite <alexisleite@live.com>",
   "homepage": "",
   "license": "MIT",
   "main": "./dist/index.js",
+  "sideEffects": false,
   "types": "./dist/index.d.ts",
-  "files": [
-    "lib"
-  ],
   "scripts": {
-    "build": "tsup src/index.ts",
-    "dev": "npm run build -- --watch",
+    "build": "tsup",
+    "buildDev": "tsup",
     "test": "node ./__tests__/theme.test.js"
   },
+  "dependencies": {
+    "@apia/util": "^0.0.7",
+    "lodash-es": "^4.17.21",
+    "tinycolor2": "^1.6.0"
+  },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.7",
     "@types/theme-ui": "^0.6.0",
+    "@types/tinycolor2": "^1.4.3",
     "tsup": "^6.6.3",
+    "type-fest": "^3.6.1",
     "typescript": "^4.9.5"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@emotion/react": "^11.10.6",
+    "react": "^18.2.0",
     "theme-ui": "^0.15.5"
   },
-  "gitHead": "f9fd1b9e4e9e0be548bdc4825bdc06665ec78fe2",
+  "gitHead": "a3010b3c00d9f5eac216a167418750c391f4201d",
   "repository": {
     "type": "git",
     "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",