@punch-in/buffet-modern-styles 3.3.12

package/build/bundle.production.js

@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("styled-components"),require("prop-types"),require("react"),require("@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2"),require("@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2"),require("@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2"),require("@fortawesome/react-fontawesome"),require("react-tooltip"),require("react-dates/lib/css/_datepicker.css")):"function"==typeof define&&define.amd?define("@punch-in/buffet-modern-styles",["styled-components","prop-types","react","@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff","@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2","@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff","@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2","@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff","@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2","@fortawesome/react-fontawesome","react-tooltip","react-dates/lib/css/_datepicker.css"],e):"object"==typeof exports?exports["@punch-in/buffet-modern-styles"]=e(require("styled-components"),require("prop-types"),require("react"),require("@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2"),require("@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2"),require("@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff"),require("@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2"),require("@fortawesome/react-fontawesome"),require("react-tooltip"),require("react-dates/lib/css/_datepicker.css")):n["@punch-in/buffet-modern-styles"]=e(n["styled-components"],n["prop-types"],n.react,n["@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff"],n["@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2"],n["@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff"],n["@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2"],n["@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff"],n["@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2"],n["@fortawesome/react-fontawesome"],n["react-tooltip"],n["react-dates/lib/css/_datepicker.css"])}(window,(function(n,e,r,o,t,i,a,l,d,s,c,u){return function(n){var e={};function r(o){if(e[o])return e[o].exports;var t=e[o]={i:o,l:!1,exports:{}};return n[o].call(t.exports,t,t.exports,r),t.l=!0,t.exports}return r.m=n,r.c=e,r.d=function(n,e,o){r.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},r.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},r.t=function(n,e){if(1&e&&(n=r(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var t in n)r.d(o,t,function(e){return n[e]}.bind(null,t));return o},r.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(e,"a",e),e},r.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},r.p="",r(r.s=13)}([function(e,r){e.exports=n},function(n,r){n.exports=e},function(n,e){n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLjAxOCAwaDIwYTIgMiAwIDAgMSAyIDJ2MjhhMiAyIDAgMCAxLTIgMmgtMjBWMHoiIGZpbGw9IiNGQUZBRkIiLz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNCM0I1QjkiPjxwYXRoIGQ9Ik0xNC4wMTggMTguMzc1YS4zNi4zNiAwIDAgMS0uMTEyLjI2NGwtMi42MjUgMi42MjVhLjM2LjM2IDAgMCAxLS4yNjMuMTExLjM2LjM2IDAgMCAxLS4yNjQtLjExMWwtMi42MjUtMi42MjVhLjM2LjM2IDAgMCAxLS4xMTEtLjI2NC4zNi4zNiAwIDAgMSAuMTExLS4yNjQuMzYuMzYgMCAwIDEgLjI2NC0uMTExaDUuMjVhLjM2LjM2IDAgMCAxIC4yNjMuMTExLjM2LjM2IDAgMCAxIC4xMTIuMjY0ek04LjAxOCAxNWEuMzYuMzYgMCAwIDEgLjExMS0uMjY0bDIuNjI1LTIuNjI1YS4zNi4zNiAwIDAgMSAuMjY0LS4xMTEuMzYuMzYgMCAwIDEgLjI2My4xMTFsMi42MjUgMi42MjVhLjM2LjM2IDAgMCAxIC4xMTIuMjY0LjM2LjM2IDAgMCAxLS4xMTIuMjY0LjM2LjM2IDAgMCAxLS4yNjMuMTExaC01LjI1YS4zNi4zNiAwIDAgMS0uMjY0LS4xMTEuMzYuMzYgMCAwIDEtLjExMS0uMjY0eiIvPjwvZz48L2c+PC9zdmc+Cg=="},function(n,e){n.exports=r},function(n,e){n.exports=o},function(n,e){n.exports=t},function(n,e){n.exports=i},function(n,e){n.exports=a},function(n,e){n.exports=l},function(n,e){n.exports=d},function(n,e){n.exports=s},function(n,e){n.exports=c},function(n,e){n.exports=u},function(n,e,r){"use strict";r.r(e),r.d(e,"Button",(function(){return g})),r.d(e,"Card",(function(){return m})),r.d(e,"Checkbox",(function(){return v})),r.d(e,"CheckboxWrapper",(function(){return z})),r.d(e,"CustomRow",(function(){return M})),r.d(e,"DatePicker",(function(){return P})),r.d(e,"Description",(function(){return I})),r.d(e,"Enumeration",(function(){return A})),r.d(e,"EnumerationWrapper",(function(){return D})),r.d(e,"ErrorMessage",(function(){return E})),r.d(e,"Fonts",(function(){return un})),r.d(e,"GlobalStyle",(function(){return bn})),r.d(e,"Icon",(function(){return wn})),r.d(e,"IconText",(function(){return kn})),r.d(e,"IconWrapper",(function(){return yn})),r.d(e,"InputNumber",(function(){return Mn})),r.d(e,"InputText",(function(){return Pn})),r.d(e,"InputWrapper",(function(){return In})),r.d(e,"Header",(function(){return Ln})),r.d(e,"HeaderActions",(function(){return Fn})),r.d(e,"HeaderTitle",(function(){return Rn})),r.d(e,"Label",(function(){return Gn})),r.d(e,"Links",(function(){return Wn})),r.d(e,"List",(function(){return qn})),r.d(e,"ListHeader",(function(){return Hn})),r.d(e,"ListRow",(function(){return Un})),r.d(e,"ListSubtitle",(function(){return Qn})),r.d(e,"ListTitle",(function(){return Kn})),r.d(e,"LoadingBar",(function(){return te})),r.d(e,"LoadingIndicator",(function(){return be})),r.d(e,"Option",(function(){return he})),r.d(e,"Paging",(function(){return me})),r.d(e,"Select",(function(){return ye})),r.d(e,"Tab",(function(){return je})),r.d(e,"Table",(function(){return Oe})),r.d(e,"TableRowEmpty",(function(){return Be})),r.d(e,"Textarea",(function(){return Pe})),r.d(e,"TimeList",(function(){return Ie})),r.d(e,"TimePicker",(function(){return Ae})),r.d(e,"TimePickerWrapper",(function(){return De})),r.d(e,"Toggle",(function(){return Ge})),r.d(e,"ToggleWrapper",(function(){return We})),r.d(e,"Tooltip",(function(){return He})),r.d(e,"colors",(function(){return d})),r.d(e,"mixins",(function(){return c})),r.d(e,"sizes",(function(){return s}));var o,t=r(0),i=r.n(t),a=r(1),l=r.n(a),d={blue:"#007EFF",darkBlue:"#1C5DE7",mediumBlue:"#005EEA",lightBlue:"#0097F6",blueTxt:"#32324D",blueGradient:"linear-gradient(135deg, #306ded 0%, #4598f7 100%)",orangeGradient:"linear-gradient(135deg, #F65A1D 0%, #F68E0E 100%)",brightGrey:"#8E8EA9",lightGrey:"#DCDCE4",lightGreyAlpha:"rgba(0, 0, 0, 0.08)",black:"#000000",white:"#ffffff",orange:"#F64D0A",darkOrange:"#E54B09",orangeBorder:"rgba(246, 77, 10, 0.25)",orangeBkgd:"rgba(246, 77, 10, 0.12)",green:"#328048",greyPlaceholder:"#8E8EA9",greyIconBkgd:"#F6F6F9",greyIconColor:"#A5A5BA",blueBorder:"#0C75AF",blueFocusRing:"rgba(0, 126, 255, 0.25)",greyToggle:"#C0C0CF",greyHeader:"#F6F6F9",greySubtitle:"#6B6B7B",greyHover:"#FAFAFC",greySeparator:"#EAEAEF",blueIconTxt:"#0C75AF",blueIconBkgd:"#E8F4FC",greyTabBkgd:"#F0F0F5",blueTabBorder:"#1C5DE7",greyLink:"#F6F6F9",button:{primary:{borderColor:"#007EFF",color:"#ffffff",backgroundColor:"#007EFF",hoverBg:"#0066D6"},secondary:{borderColor:"#007EFF",color:"#007EFF",backgroundColor:"#ffffff",hoverBg:"#F0F7FF"},cancel:{borderColor:"#8E8EA9",color:"#6B6B7B",backgroundColor:"transparent",hoverBg:"rgba(142, 142, 169, 0.08)"},delete:{borderColor:"#F64D0A",color:"#ffffff",backgroundColor:"#F64D0A",hoverBg:"#E54B09"},success:{borderColor:"#328048",color:"#ffffff",backgroundColor:"#328048",hoverBg:"#2B6B3D"},disabled:{borderColor:"#E9EAEB",color:"#A5A5BA",backgroundColor:"#E9EAEB"}}},s={tablet:"768px",desktop:"1024px",wide:"1280px",margin:10,spacing:{xs:4,sm:8,md:12,lg:16,xl:24,xxl:32},borderRadius:"6px",borderRadiusSm:"4px",borderRadiusLg:"8px",button:{height:{small:"28px",large:"34px"},padding:{bottom:"2px",leftRight:"16px"},minWidth:"140px"},input:{height:"3.4rem",padding:"1rem",fontSize:"1.4rem"},checkbox:{height:"16px",width:"16px"},textarea:{padding:"0.75rem"},timepicker:{list:{height:"144px"}},table:{header:{height:"40px"},row:{height:"56px"},deleteRow:{height:"40px"}},fontWeight:{regular:400,semiBold:500,bold:600,black:700}},c=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:d.lightGreyAlpha;return{bbox:"box-sizing: border-box;\n-moz-box-sizing: border-box;\n-webkit-box-sizing: border-box;",bshadow:"-webkit-box-shadow: inset 0 0 30px ".concat(n,";\n")+"-moz-box-shadow: inset 0 0 30px ".concat(n,";\n")+"box-shadow: inset 0 0 30px ".concat(n,";"),overlay:"-webkit-box-shadow: inset 0 0 3px 1px ".concat(n,";\n")+"-moz-box-shadow: inset 0 0 3px 1px ".concat(n,";\n")+"box-shadow: inset 0 0 3px 1px ".concat(n,";")}};var u,f,b=i.a.button(o||(u=["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  font-weight: 600;\n  font-size: 1.4rem;\n  border-radius: ",";\n  cursor: pointer;\n  outline: 0;\n  background-color: ",";\n  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n  border: 1px solid transparent;\n  position: relative;\n  overflow: hidden;\n\n  &:hover:not(:disabled) {\n    transform: translateY(-1px);\n    ",";\n  }\n\n  &:active:not(:disabled) {\n    transform: translateY(0);\n  }\n\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  ","\n\n  ","\n\n  ",'\n\n  > span svg {\n    font-size: 1.2rem;\n    margin-right: 8px;\n    position: relative;\n    top: -1px;\n  }\n\n  > svg {\n    height: 1.2rem;\n    width: auto;\n    margin-right: 8px;\n    position: relative;\n    top: -1px;\n  }\n\n  &[aria-busy="true"] {\n    opacity: 0.7;\n    cursor: wait;\n  }\n'],f||(f=u.slice(0)),o=Object.freeze(Object.defineProperties(u,{raw:{value:Object.freeze(f)}}))),s.button.height.large,s.button.padding.leftRight,s.borderRadiusLg,d.white,c(d.lightGreyAlpha).bshadow,d.blueFocusRing,(function(n){var e=n.color;return"none"!==e&&"\n      background-color: ".concat(d.button[e].backgroundColor,";\n      border: 1px solid ").concat(d.button[e].borderColor,";\n      color: ").concat(d.button[e].color,";\n\n      &:hover:not(:disabled) {\n        background-color: ").concat(d.button[e].hoverBg||d.button[e].backgroundColor,";\n        border-color: ").concat(d.button[e].hoverBg||d.button[e].borderColor,";\n      }\n    ")}),(function(n){return n.disabled&&"\n      background-color: ".concat(d.button.disabled.backgroundColor,";\n      border-color: ").concat(d.button.disabled.borderColor,";\n      color: ").concat(d.button.disabled.color,";\n      cursor: not-allowed;\n      transform: none;\n\n      &:hover {\n        box-shadow: none;\n        transform: none;\n        background-color: ").concat(d.button.disabled.backgroundColor,";\n        border-color: ").concat(d.button.disabled.borderColor,";\n      }\n    ")}),(function(n){return"success"===n.color&&"\n      min-width: ".concat(s.button.minWidth,";\n    ")}));b.defaultProps={color:"primary",disabled:!1,type:"button"},b.propTypes={color:l.a.oneOf(["primary","secondary","cancel","success","delete","none"]),disabled:l.a.bool,type:l.a.string};var p,g=b;var h=i.a.div(p||(p=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  background: ",";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n    sans-serif;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  position: relative;\n  border-radius: ",";\n  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;\n  overflow: hidden;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n\n  &:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    transform: translateY(-2px);\n  }\n\n  .table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    scrollbar-width: thin;\n\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: rgba(0, 0, 0, 0.04);\n      border-radius: 3px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.15);\n      border-radius: 3px;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.25);\n      }\n    }\n  }\n\n  @media (min-width: ",") {\n    .table-wrapper {\n      overflow-x: visible;\n    }\n  }\n\n  padding: ",";\n\n  &[aria-busy='true'] {\n    opacity: 0.7;\n    pointer-events: none;\n  }\n"])),d.white,(function(n){return n.radius||s.borderRadiusLg}),s.tablet,(function(n){return n.noPadding?"0":"1.5rem"}));h.defaultProps={radius:void 0,noPadding:!1};var w,m=h;var x=i.a.input(w||(w=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  cursor: pointer;\n  margin: 0;\n  position: relative;\n  width: ",";\n  height: ",";\n  opacity: 0;\n  z-index: 2;\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    margin-top: calc(-"," / 2);\n    width: ",";\n    height: ",";\n    border: 2px solid ",";\n    background-color: ",";\n    border-radius: ",";\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, background-color 0.2s ease,\n      transform 0.2s ease;\n    z-index: 1;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    margin-top: calc(-"," / 2);\n    width: ",";\n    height: ",";\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 60%;\n    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.23, 1);\n    opacity: 0;\n    z-index: 1;\n  }\n\n  &:checked {\n    &:before {\n      border-color: ",";\n      background-color: ",";\n    }\n\n    &:after {\n      opacity: 1;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    }\n  }\n\n  ","\n\n  &:not(:disabled):hover:before {\n    border-color: ",";\n    transform: scale(1.05);\n  }\n\n  &:focus-visible:before {\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ",";\n      border-color: ",";\n      opacity: 0.6;\n    }\n\n    &:after {\n      opacity: 0.5;\n    }\n  }\n\n  & + label {\n    display: inline-block;\n    margin-left: ","px;\n    font-weight: ",";\n    font-size: ",";\n    line-height: ",";\n    vertical-align: top;\n    cursor: pointer;\n    user-select: none;\n    color: ",";\n    transition: opacity 0.2s ease;\n\n    &:hover {\n      opacity: 0.85;\n    }\n  }\n\n  &:disabled + label {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n"])),s.checkbox.width,s.checkbox.height,s.checkbox.width,s.checkbox.width,s.checkbox.height,d.lightGrey,d.white,s.borderRadiusSm,s.checkbox.width,s.checkbox.width,s.checkbox.height,d.darkBlue,d.darkBlue,(function(n){return n.someChecked&&"\n      &:before {\n        border-color: ".concat(d.darkBlue,";\n        background-color: ").concat(d.darkBlue,";\n      }\n\n      &:after {\n        opacity: 1;\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n      }\n    ")}),d.darkBlue,d.blueFocusRing,d.greyIconBkgd,d.greyIconBkgd,s.spacing.sm,s.fontWeight.semiBold,s.input.fontSize,s.checkbox.height,d.blueTxt);x.defaultProps={someChecked:!1,type:"checkbox"},x.propTypes={someChecked:l.a.bool,type:l.a.string};var y,v=x;var k=i.a.div(y||(y=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: ","px;\n  padding: ",";\n  width: 100%;\n\n  .checkbox-container {\n    display: inline-flex;\n    align-items: flex-start;\n    min-height: ",";\n    position: relative;\n    flex: 1;\n  }\n\n  input[type='checkbox'] {\n    margin: 0;\n    flex-shrink: 0;\n  }\n\n  label {\n    display: inline-block;\n    width: fit-content;\n    max-width: calc(100% - "," - ","px);\n    margin: 0;\n    padding-top: 1px;\n    line-height: 1.4;\n    cursor: ",";\n    color: ",";\n    transition: color 0.2s ease;\n    word-break: break-word;\n    hyphens: auto;\n  }\n\n  ","\n\n  .helper-text {\n    color: ",";\n    font-size: 1.2rem;\n    margin-top: ","px;\n    display: block;\n    width: 100%;\n  }\n\n  &.checkbox-group {\n    flex-direction: column;\n    gap: ","px;\n\n    .checkbox-container {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: ",") {\n    label {\n      max-width: calc(100% - "," - ","px);\n    }\n  }\n"])),s.margin,(function(n){return n.hasSpacing?"".concat(s.spacing.sm,"px 0"):"0"}),s.checkbox.height,s.checkbox.width,s.margin,(function(n){return n.disabled?"not-allowed":"pointer"}),(function(n){return n.disabled?d.brightGrey:d.blueTxt}),(function(n){return n.error&&'\n      input[type="checkbox"]:before {\n        border-color: '.concat(d.darkOrange," !important;\n      }\n\n      .error-message {\n        color: ").concat(d.darkOrange,";\n        font-size: 1.2rem;\n        margin-top: ").concat(s.spacing.xs,"px;\n        display: block;\n        width: 100%;\n      }\n    ")}),d.greySubtitle,s.spacing.xs,s.spacing.sm,s.tablet,s.checkbox.width,s.margin/2);k.defaultProps={disabled:!1,error:null,hasSpacing:!0},k.propTypes={disabled:l.a.bool,error:l.a.string,hasSpacing:l.a.bool};var j,z=k;var O,M=i.a.tr(j||(j=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.greyHover);r(12);var B=i.a.div(O||(O=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: relative;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n    'Helvetica Neue', Arial, sans-serif;\n\n  ","\n\n  * {\n    outline: 0;\n    box-sizing: border-box;\n  }\n\n  /* Input field styling */\n  .DateInput {\n    width: 100%;\n    position: relative;\n    transition: all 0.2s ease;\n  }\n\n  /* Calendar icon */\n  svg.fa-calendar-alt {\n    font-size: 16px;\n    color: ",";\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n    transition: color 0.2s ease;\n  }\n\n  /* Input styling */\n  input {\n    font-weight: ",";\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: ",";\n    padding: 0 ",";\n    font-size: ",";\n    cursor: pointer;\n    border: 1px solid ",";\n    border-radius: 8px;\n    color: ",";\n    background-color: ",";\n    padding-left: 42px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      border-color: ",";\n    }\n\n    &::-webkit-input-placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ","20;\n      cursor: not-allowed;\n      opacity: 0.7;\n    }\n\n    &:focus {\n      border-color: ",";\n      box-shadow: 0 0 0 3px ","20;\n    }\n  }\n\n  /* Calendar container styling */\n  .SingleDatePicker,\n  .SingleDatePickerInput__withBorder {\n    width: 100%;\n  }\n\n  .SingleDatePickerInput__withBorder {\n    border: 0;\n  }\n\n  .DateInput_input__focused {\n    border-color: ",";\n  }\n\n  /* Calendar header styling */\n  .DayPicker_weekHeader {\n    color: ",";\n    border-top: 1px solid ","40;\n    margin-top: -10px;\n    padding: 0 8px;\n\n    li {\n      padding: 12px 0;\n      small {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: ",";\n      }\n    }\n  }\n\n  /* Calendar popup styling */\n  .DayPicker__withBorder {\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n      0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    border: 1px solid ","20;\n    border-radius: 8px;\n    background: ",";\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .DateInput_fang {\n    display: none;\n  }\n\n  /* Month caption styling */\n  .CalendarMonth_caption {\n    font-size: 1.4rem;\n    font-weight: 600;\n    padding: 24px 0;\n    color: ",";\n  }\n\n  .DayPicker_transitionContainer {\n    padding: 4px;\n  }\n\n  .DayPickerKeyboardShortcuts_show {\n    display: none;\n  }\n\n  /* Navigation buttons styling */\n  .DayPickerNavigation {\n    div[role='button'] {\n      font-size: 24px;\n      width: 40px;\n      height: 40px;\n      color: ",";\n      border-radius: 50%;\n      text-align: center;\n      top: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &::before {\n        line-height: 1;\n      }\n\n      &.DayPickerNavigation_leftButton__horizontalDefault {\n        left: 22px;\n        &::before {\n          content: '‹';\n        }\n      }\n\n      &.DayPickerNavigation_rightButton__horizontalDefault {\n        right: 22px;\n        &::before {\n          content: '›';\n        }\n      }\n\n      svg {\n        display: none;\n      }\n\n      &:hover {\n        background: ","20;\n        color: ",";\n      }\n    }\n  }\n\n  /* Date cells styling */\n  td {\n    position: relative;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    font-size: 1.4rem;\n    border-radius: 50%;\n    transition: all 0.2s ease;\n\n    &,\n    &.CalendarDay__selected,\n    &.CalendarDay__selected:active,\n    &.CalendarDay__selected:hover,\n    &.CalendarDay__default:hover {\n      border: 0;\n    }\n\n    &.CalendarDay__default:hover {\n      background: ","20;\n      color: ",";\n    }\n\n    &.CalendarDay__today {\n      font-weight: 600;\n      color: ",";\n\n      &::before {\n        content: '';\n        position: absolute;\n        bottom: 4px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        background: ",";\n      }\n    }\n\n    &.CalendarDay__selected {\n      background-color: ",";\n      color: ",";\n      font-weight: 600;\n      transform: scale(0.9);\n\n      &:hover {\n        background-color: ",";\n      }\n\n      &.CalendarDay__today {\n        &::before {\n          background: ",";\n        }\n      }\n    }\n\n    &.CalendarDay__blocked_out_of_range {\n      color: ",";\n      cursor: not-allowed;\n\n      &:hover {\n        background: none;\n      }\n    }\n  }\n\n  /* Mobile optimization */\n  @media (max-width: ",") {\n    .DayPicker__withBorder {\n      left: 50% !important;\n      transform: translateX(-50%);\n      width: calc(100vw - 32px);\n    }\n\n    td {\n      height: 48px;\n    }\n  }\n"])),(function(n){return n.isOpen&&"\n    z-index: 999;\n  "}),d.greyIconBkgd,s.fontWeight.regular,s.input.height,s.input.padding,s.input.fontSize,d.lightGrey,d.black,d.white,d.blueBorder,d.greyPlaceholder,d.greyIconBkgd,d.blueBorder,d.blueBorder,d.blueBorder,d.black,d.lightGrey,d.greyIconBkgd,d.lightGrey,d.white,d.black,d.black,d.lightGrey,d.blueBorder,d.lightGrey,d.black,d.blueBorder,d.blueBorder,d.blueBorder,d.white,d.blueBorder,d.white,d.lightGrey,s.tablet);B.defaultProps={isOpen:!1},B.propTypes={isOpen:l.a.bool};var C,P=B;var S,I=i.a.p(C||(C=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  color: ",";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 1.2rem;\n  line-height: 1.6;\n"])),d.greySubtitle);var T=i.a.input(S||(S=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: ",";\n  margin: 0;\n  opacity: 0;\n  &:checked + span {\n    background-image: ",";\n    color: ",";\n    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);\n    font-weight: ",";\n  }\n"])),(function(n){return n.disabled?"not-allowed":"pointer"}),d.blueGradient,d.white,s.fontWeight.bold);T.defaultProps={disabled:!1,type:"radio"},T.propTypes={disabled:l.a.bool,type:l.a.string};var L,A=T;var F,D=i.a.div(L||(L=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  display: flex;\n  width: fit-content;\n  height: 34px;\n  border: 1px solid ",";\n  border-radius: ",";\n  background-color: ",";\n  overflow: hidden;\n\n  label {\n    position: relative;\n    display: inline-block;\n    height: 100%;\n    width: fit-content;\n    color: ",";\n\n    span {\n      display: inline-block;\n      padding: 0 1.5rem;\n      line-height: 32px;\n      margin: auto;\n      letter-spacing: 0.65px;\n      font-size: 1.2rem;\n      font-weight: ",";\n      text-transform: uppercase;\n    }\n\n    &:not(:last-of-type) {\n      span {\n        border-right: 1px solid ",";\n      }\n    }\n  }\n"])),d.lightGrey,s.borderRadiusSm,d.white,d.brightGrey,s.fontWeight.semiBold,d.lightGrey);var R,E=i.a.p(F||(F=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  font-size: ",";\n  color: ",";\n  margin-top: 0.25rem;\n"])),s.input.fontSize,d.darkOrange),G=r(4),_=r.n(G),W=r(5),N=r.n(W),q=r(6),Y=r.n(q),H=r(7),Z=r.n(H),U=r(8),J=r.n(U),Q=r(9),V=r.n(Q),X=r.p+"bb14dc80e8b5d860fe9cb2362987d630.ttf",K=r.p+"1d2ca94dfba6f8d87cfda33b32f0febc.woff",$=r.p+"75614cfcfedd509b1f7ac1c26c53bb7f.woff2",nn=r.p+"18ea3062c6e779649b89c301e4d65a7c.ttf",en=r.p+"c66465590541129e82d3d6f725c5658b.woff",rn=r.p+"a6069540692725c247f13984a9598a92.woff2",on=r.p+"8acc961684668b6e28e961e26afc2af9.ttf",tn=r.p+"89b618086a797a8be0f4549489bb2993.woff",an=r.p+"21b3848a32fce5b0f5014948186f6964.woff2",ln=r.p+"c7687ac11011d85e040e2ce14d5bf6eb.ttf",dn=r.p+"6cfa65c63939188f33ef0e3a68d09306.woff",sn=r.p+"6d20cff5b3255dd0078f935c34e2b882.woff2";var cn,un=Object(t.createGlobalStyle)(R||(R=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(",') format("woff2"), url(',") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(",') format("woff2"), url(',") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(",') format("woff2"), url(',") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n/* Lato Regular - 400 */\n@font-face {\n  font-family: 'Lato';\n  src: url(",") format('woff2'), url(",") format('woff'), url(",") format('truetype');\n  font-weight: 400;\n  font-style: normal;\n};\n\n/* Lato Semi-Bold - 500 */\n@font-face {\n  font-family: 'Lato';\n  src: url(",") format('woff2'), url(",") format('woff'), url(",") format('truetype');\n  font-weight: 500;\n  font-style: normal;\n};\n\n/* Lato Bold - 600 */\n@font-face {\n  font-family: 'Lato';\n  src: url(",") format('woff2'), url(",") format('woff'), url(",") format('truetype');\n  font-weight: 600;\n  font-style: normal;\n};\n\n/* Lato Black - 900 */\n@font-face {\n  font-family: 'Lato';\n  src:  url(",") format('woff2'), url(",") format('woff'), url(",") format('truetype');\n  font-weight: 900;\n  font-style: normal;\n};"])),N.a,_.a,Z.a,Y.a,V.a,J.a,$,K,X,rn,en,nn,an,tn,on,sn,dn,ln);var fn,bn=Object(t.createGlobalStyle)(cn||(cn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  *, *::before, *::after {\n    ","\n  }\n\n  html {\n    font-size: 62.5%;\n    -webkit-text-size-adjust: 100%;\n  }\n\n  html, body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  body {\n    background-color: ",";\n    line-height: 1.5;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  a, button {\n    cursor: pointer;\n    outline: 0;\n  }\n\n  a:focus-visible,\n  button:focus-visible {\n    outline: 2px solid ",";\n    outline-offset: 2px;\n  }\n\n  h1, h2, h3, p, label, button, input, textarea {\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  input:-webkit-autofill,\n  input:-webkit-autofill:hover,\n  input:-webkit-autofill:focus,\n  input:-webkit-autofill:active {\n    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;\n    transition-delay: 9999s;\n  }\n\n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n"])),c().bbox,d.greyIconBkgd,d.blue),pn=r(10);var gn=i()(pn.FontAwesomeIcon)(fn||(fn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}([""])));gn.propTypes={icon:l.a.any.isRequired};var hn,wn=gn;var mn=i.a.span(hn||(hn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: calc("," - 2px);\n  height: calc("," - 2px);\n  color: ",";\n  position: absolute;\n  left: 1px;\n  top: 1px;\n  background-color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.3rem;\n"])),s.input.height,s.input.height,d.greyIconColor,(function(n){return n.background?d.greyIconBkgd:"transparent"}));mn.defaultProps={background:!0},mn.propTypes={background:l.a.bool};var xn,yn=mn;var vn,kn=i()(yn)(xn||(xn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  z-index: 3;\n  transform: translateY(0);\n\n  ::before {\n    content: '","';\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 1.6rem;\n    font-weight: ",";\n  }\n"])),(function(n){return n.text}),s.fontWeight.bold),jn=r(2),zn=r.n(jn);var On,Mn=i.a.div(vn||(vn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  .rc-input-number {\n    margin: 0;\n    padding: 0;\n    line-height: 26px;\n    font-size: 1.2rem;\n    height: 26px;\n    display: inline-block;\n    vertical-align: middle;\n    border: 1px solid ",";\n    border-radius: ",";\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .rc-input-number-focused {\n    border-color: ",";\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  .rc-input-number-handler {\n    text-align: center;\n    line-height: 12px;\n    height: 12px;\n    overflow: hidden;\n    display: block;\n    touch-action: none;\n  }\n\n  .rc-input-number-handler-up-inner,\n  .rc-input-number-handler-down-inner {\n    color: ",";\n    user-select: none;\n  }\n\n  .rc-input-number:hover {\n    border-color: ",";\n  }\n\n  .rc-input-number:hover .rc-input-number-handler-up,\n  .rc-input-number:hover .rc-input-number-handler-wrap {\n    border-color: ",";\n  }\n\n  .rc-input-number-disabled:hover {\n    border-color: ",";\n  }\n\n  .rc-input-number-disabled:hover .rc-input-number-handler-up,\n  .rc-input-number-disabled:hover .rc-input-number-handler-wrap {\n    border-color: ",";\n  }\n\n  .rc-input-number-input-wrap {\n    overflow: hidden;\n    height: 100%;\n  }\n\n  .rc-input-number-input {\n    width: 100%;\n    text-align: center;\n    outline: 0;\n    -moz-appearance: textfield;\n    line-height: 26px;\n    height: 100%;\n    transition: color 0.2s ease;\n    color: ",";\n    border: 0;\n    border-radius: ",";\n    padding: 0;\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .rc-input-number-handler-wrap {\n    float: right;\n    border-left: 1px solid ",";\n    width: 20px;\n    height: 100%;\n    transition: border-color 0.2s ease;\n  }\n\n  .rc-input-number-handler-up {\n    border-bottom: 1px solid ",";\n    padding-top: 1px;\n  }\n\n  .rc-input-number-handler-up-inner:after {\n    content: '+';\n  }\n\n  .rc-input-number-handler-down-inner:after {\n    content: '-';\n  }\n\n  .rc-input-number-handler-down-disabled,\n  .rc-input-number-handler-up-disabled {\n    opacity: 0.6;\n  }\n\n  .rc-input-number-handler-down-disabled:hover,\n  .rc-input-number-handler-up-disabled:hover {\n    color: ",";\n    border-color: ",";\n  }\n\n  .rc-input-number-disabled .rc-input-number-input {\n    opacity: 0.6;\n    cursor: not-allowed;\n    background-color: ",";\n  }\n\n  .rc-input-number-disabled .rc-input-number-handler {\n    opacity: 0.6;\n  }\n\n  .rc-input-number-disabled .rc-input-number-handler:hover {\n    color: ",";\n    border-color: ",";\n  }\n\n  .rc-input-number.inputNumber {\n    width: 100%;\n    height: ",";\n    background-color: ",";\n    border: 0;\n    box-shadow: none;\n    position: relative;\n\n    input {\n      width: 100%;\n      height: 100%;\n      border: 1px solid ",";\n      padding: 0 ",";\n      cursor: pointer;\n      outline: 0;\n      padding-right: calc("," + ",");\n      border-radius: ",";\n      text-align: left;\n      font-weight: ",";\n      font-size: 1.3rem;\n      color: ",";\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n      &::placeholder {\n        color: ",";\n      }\n\n      &::-webkit-input-placeholder {\n        color: ",";\n      }\n\n      &:focus {\n        border-color: ",";\n        box-shadow: 0 0 0 3px ",";\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: ",";\n        opacity: 1;\n      }\n    }\n\n    .rc-input-number-handler-wrap {\n      width: 24px;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background-image: url(",");\n      background-repeat: no-repeat;\n      background-position: right center;\n      border: none;\n      cursor: pointer;\n\n      span {\n        height: 50%;\n        border: 0;\n\n        span {\n          color: transparent;\n        }\n      }\n    }\n  }\n\n  input[type='number']::-webkit-inner-spin-button,\n  input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n"])),d.lightGrey,s.borderRadiusSm,d.blueBorder,d.blueFocusRing,d.greySubtitle,d.blueBorder,d.blueBorder,d.lightGrey,d.lightGrey,d.blueTxt,s.borderRadiusSm,d.lightGrey,d.lightGrey,d.brightGrey,d.lightGrey,d.greyIconBkgd,d.brightGrey,d.lightGrey,s.input.height,d.white,d.lightGrey,s.input.padding,s.input.height,s.input.padding,s.borderRadius,s.fontWeight.regular,d.blueTxt,d.greyPlaceholder,d.greyPlaceholder,d.blueBorder,d.blueFocusRing,d.greyIconBkgd,d.brightGrey,zn.a);var Bn=i.a.input(On||(On=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  height: ",";\n  padding: 0 ",";\n  font-weight: ",";\n  font-size: ",";\n  cursor: text;\n  outline: 0;\n  border: 1px solid ",";\n  border-radius: ",";\n  color: ",";\n  background-color: transparent;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  &::-webkit-input-placeholder {\n    color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ",";\n    cursor: not-allowed;\n    color: ",";\n  }\n\n  ","\n\n  ","\n"])),s.input.height,s.input.padding,s.fontWeight.regular,s.input.fontSize,d.lightGrey,s.borderRadius,d.blueTxt,d.greyPlaceholder,d.greyPlaceholder,d.blueBorder,d.blueFocusRing,d.greyIconBkgd,d.brightGrey,(function(n){return("search"===n.type||"email"===n.type||n.icon)&&"\n      padding-left: calc(".concat(s.input.height," + ").concat(s.input.padding,");\n    ")}),(function(n){return"password"===n.type&&"\n      padding-right: calc(".concat(s.input.height," + ").concat(s.input.padding,");\n    ")}));Bn.defaultProps={type:"text"},Bn.propTypes={type:l.a.string};var Cn,Pn=Bn;var Sn,In=i.a.div(Cn||(Cn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: relative;\n  background-color: ",";\n  border-radius: ",";\n\n  button[type='button'] {\n    width: ",";\n    height: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    cursor: pointer;\n    outline: 0;\n    border: 0;\n    background: transparent;\n    transition: color 0.2s ease;\n\n    &:hover {\n      span::before {\n        color: ",";\n      }\n    }\n\n    &.shown {\n      span::before {\n        color: ",";\n      }\n\n      & + input[type='text'] {\n        padding-right: calc("," + ",");\n      }\n    }\n  }\n\n  span {\n    border-top-left-radius: ",";\n    border-bottom-left-radius: ",";\n  }\n\n  input {\n    position: relative;\n    z-index: 1;\n  }\n"])),d.white,s.borderRadius,s.input.height,s.input.height,d.blueTxt,d.blueTxt,s.input.height,s.input.padding,s.borderRadius,s.borderRadius);var Tn,Ln=i.a.div(Sn||(Sn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  margin-bottom: ","px;\n  position: relative;\n  width: 100%;\n  height: 50px;\n\n  .justify-content-end {\n    display: flex;\n  }\n\n  .header-title p {\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 1.3rem;\n    font-weight: ",";\n    line-height: normal;\n    color: ",";\n  }\n\n  .sticky {\n    position: fixed;\n    top: 0;\n    left: 30.6rem;\n    z-index: 1050;\n    background-color: ",";\n    width: calc(100vw - 30.6rem);\n    padding-right: ","px;\n    height: 60px;\n    display: flex;\n\n    .row {\n      width: 100%;\n      margin: auto;\n      margin-top: ","px;\n\n      .header-title p {\n        display: none;\n      }\n\n      > div > div {\n        padding-top: 0;\n\n        h1 {\n          font-size: 2rem;\n\n          svg {\n            margin-top: ","px;\n          }\n        }\n\n        button {\n          margin-top: auto;\n          margin-bottom: auto;\n        }\n      }\n    }\n  }\n"])),s.spacing.xxl,s.fontWeight.regular,d.greySubtitle,d.white,s.spacing.lg,s.spacing.lg,s.spacing.sm);var An,Fn=i.a.div(Tn||(Tn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ","px;\n  width: fit-content;\n  max-width: 100%;\n  padding-top: 1rem;\n\n  > button {\n    margin: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: center;\n    outline: 0;\n  }\n"])),s.spacing.lg);var Dn,Rn=i.a.div(An||(An=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: relative;\n  padding-top: 0.5rem;\n\n  h1 {\n    position: relative;\n    width: fit-content;\n    max-width: 100%;\n    margin-bottom: 0;\n    padding-right: 18px;\n    font-size: 2.4rem;\n    line-height: normal;\n    font-weight: ",";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  svg {\n    position: absolute;\n    right: 0;\n    top: 0;\n    margin-top: 12px;\n    font-size: 1.2rem;\n    color: ",";\n    cursor: pointer;\n    outline: 0;\n    transition: color 0.2s ease;\n\n    &:focus-visible {\n      outline: 2px solid ",";\n      outline-offset: 2px;\n    }\n  }\n"])),s.fontWeight.bold,d.greySubtitle,d.blue);var En,Gn=i.a.label(Dn||(Dn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n"])),s.fontWeight.semiBold,s.input.fontSize,d.blueTxt);var _n,Wn=i.a.div(En||(En=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ","px;\n\n  button {\n    background: transparent;\n    border: 0;\n    outline: 0;\n    color: ",";\n    transition: color 0.2s ease, opacity 0.2s ease;\n\n    &:focus-visible {\n      outline: 2px solid ",";\n      outline-offset: 2px;\n    }\n\n    svg {\n      font-size: 1rem;\n      color: ",";\n    }\n  }\n"])),s.spacing.sm,d.blueTxt,d.blue,d.blueTxt);var Nn,qn=i.a.div(_n||(_n=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n  border-radius: ",";\n  background: ",";\n\n  table {\n    border-collapse: collapse;\n    width: 100%;\n    min-width: 500px;\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  thead {\n    tr {\n      height: 3rem;\n      line-height: 0.1rem;\n      font-weight: ",";\n      text-transform: capitalize;\n\n      td {\n        background-color: ",";\n      }\n    }\n  }\n\n  tbody {\n    color: ",";\n\n    tr {\n      height: 5.4rem;\n      transition: background-color 0.15s ease;\n\n      &::before {\n        content: '-';\n        display: inline-block;\n        line-height: 1.1em;\n        color: transparent;\n        background-color: transparent;\n        position: absolute;\n        left: 3rem;\n        width: calc(100% - 6rem);\n        height: 1px;\n        margin-top: -","px;\n      }\n\n      &:not(:first-of-type)::before {\n        background-color: rgba(14, 22, 34, 0.04);\n      }\n    }\n\n    td {\n      padding: 0.75em;\n      vertical-align: middle;\n      font-size: 1.3rem;\n      line-height: 1.8rem;\n\n      &:first-of-type:not(:last-of-type) {\n        padding-left: 3rem;\n      }\n\n      &:last-of-type:not(:first-of-type) {\n        padding-right: 3rem;\n      }\n    }\n  }\n\n  @media (min-width: ",") {\n    width: 100%;\n    overflow-x: auto;\n  }\n"])),s.borderRadius,d.white,s.fontWeight.bold,d.greyHeader,d.blueTxt,.1*s.margin,s.tablet);var Yn,Hn=i.a.div(Nn||(Nn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: relative;\n"])));var Zn,Un=i.a.tr(Yn||(Yn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  td {\n    padding-left: 0.75em;\n    padding-right: 0.75em;\n    text-align: left;\n  }\n"])));var Jn,Qn=i.a.p(Zn||(Zn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  color: ",";\n  font-size: 1.3rem;\n  line-height: 1.5;\n"])),d.greySubtitle);var Vn,Xn,Kn=i.a.p(Jn||(Jn=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  color: ",";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 1.8rem;\n  font-weight: ",";\n  line-height: 1.4;\n"])),d.blueTxt,s.fontWeight.bold);function $n(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var ne,ee,re,oe=Object(t.keyframes)(Vn||(Vn=$n(["\n  from { left: -200px; width: 30%; }\n  50% { width: 30%; }\n  70% { width: 70%; }\n  80% { left: 50%; }\n  95% { left: 120%; }\n  to { left: 100%; }\n"]))),te=i.a.div(Xn||(Xn=$n(["\n  height: 6px;\n  width: 20%;\n  margin-top: ","px;\n  position: relative;\n  overflow: hidden;\n  background-color: ",";\n  border-radius: ",";\n\n  &:before {\n    display: block;\n    position: absolute;\n    content: '';\n    left: -200px;\n    width: 200px;\n    height: 6px;\n    background-color: ",";\n    animation: "," 2s linear infinite;\n  }\n"])),s.spacing.lg,d.greyHeader,s.borderRadius,d.lightGrey,oe),ie=r(3),ae=r.n(ie);function le(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var de=Object(t.keyframes)(ne||(ne=le(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]))),se=function(n,e){return n||(e?"11px":"26px")},ce=i.a.div(ee||(ee=le(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n\n  > div {\n    width: ",";\n    height: ",";\n    border: ",";\n    border-top-color: ",";\n    border-radius: 50%;\n    animation: ",";\n  }\n"])),(function(n){var e=n.size,r=n.small;return se(e,r)}),(function(n){var e=n.size,r=n.small;return se(e,r)}),(function(n){var e=n.borderWidth,r=n.borderColor;return"".concat(e," solid ").concat(r)}),(function(n){return n.borderTopColor}),(function(n){var e=n.animationTime;return Object(t.css)(re||(re=le(["\n        "," "," linear infinite\n      "])),de,e)})),ue=function(n){var e=n.animationTime,r=n.borderColor,o=n.borderTopColor,t=n.borderWidth,i=n.small,a=n.size;return ae.a.createElement(ce,{animationTime:e,borderColor:r,borderTopColor:o,borderWidth:t,small:i,size:a},ae.a.createElement("div",null))};ue.defaultProps={animationTime:"1s",borderColor:d.greyIconBkgd,borderTopColor:d.blue,borderWidth:"4px",size:null,small:!1},ue.propTypes={animationTime:l.a.string,borderColor:l.a.string,borderTopColor:l.a.string,borderWidth:l.a.string,size:l.a.string,small:l.a.bool};var fe,be=ue;var pe=i.a.div(fe||(fe=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  display: flex;\n  height: ",";\n  margin: ",";\n  align-items: center;\n  padding-left: ","px;\n  background: rgba(0, 126, 255, 0.08);\n  border: 1px solid rgba(0, 126, 255, 0.24);\n  border-radius: ",";\n  line-height: ",";\n  color: ",";\n  font-size: ",";\n  -webkit-font-smoothing: antialiased;\n"])),(function(n){return n.height}),(function(n){return n.margin}),s.spacing.lg,s.borderRadiusSm,(function(n){return n.lineHeight}),d.blue,(function(n){var e,r=n.theme;return(null==r||null===(e=r.main)||void 0===e||null===(e=e.sizes)||void 0===e||null===(e=e.fonts)||void 0===e?void 0:e.md)||s.input.fontSize}));pe.defaultProps={height:"30px",lineHeight:"28px",margin:"0",theme:{main:{sizes:{fonts:{xs:"11px",sm:"12px",md:"13px",lg:"18px"}}}}};var ge,he=pe;var we,me=i.a.div(ge||(ge=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  ul.pagination {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: ","px;\n    margin: 0;\n    padding: 0;\n    font-size: 1.2rem;\n    list-style: none;\n\n    .page-item {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .page-link {\n        box-shadow: none;\n        font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 1.2rem;\n        background-color: transparent;\n        color: ",";\n        padding: ","px ","px;\n        border-radius: ",";\n        transition: background-color 0.2s ease, color 0.2s ease;\n\n        &:hover {\n          background-color: ",";\n        }\n\n        &:focus-visible {\n          outline: 2px solid ",";\n          outline-offset: 2px;\n        }\n      }\n\n      &.selected {\n        .page-link {\n          font-weight: ",";\n          color: ",";\n        }\n      }\n\n      &:first-of-type,\n      &:last-of-type {\n        .page-link {\n          min-width: 24px;\n          min-height: 24px;\n        }\n      }\n    }\n  }\n"])),s.spacing.sm,d.blueTxt,s.spacing.sm,s.spacing.md,s.borderRadiusSm,d.greyHover,d.blue,s.fontWeight.bold,d.blue);var xe,ye=i.a.select(we||(we=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  height: ",";\n  padding: 0 ",";\n  padding-right: 30px;\n  font-weight: ",";\n  font-size: ",";\n  cursor: pointer;\n  outline: 0;\n  border: 1px solid ",";\n  border-radius: ",";\n  color: ",";\n  background-color: ",";\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-image: url(",");\n  background-repeat: no-repeat;\n  background-position: right center;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::-webkit-input-placeholder {\n    color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ",";\n    cursor: not-allowed;\n    color: ",";\n    opacity: 1;\n  }\n"])),s.input.height,s.input.padding,s.fontWeight.regular,s.input.fontSize,d.lightGrey,s.borderRadius,d.blueTxt,d.white,zn.a,d.greyPlaceholder,d.blueBorder,d.blueFocusRing,d.greyIconBkgd,d.brightGrey);var ve=i.a.li(xe||(xe=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  display: inline-block;\n  width: calc(100% / ",");\n  height: 3.6rem;\n\n  &:first-of-type a {\n    border-top-left-radius: ",";\n  }\n\n  &:last-of-type a {\n    border-top-right-radius: ",";\n  }\n\n  button {\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n  }\n\n  a {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    padding: 0 ","px;\n    color: ",";\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 1.3rem;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    cursor: pointer;\n    background-color: ",";\n    border-top: 3px solid ",";\n    border-bottom: 3px solid ",";\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n\n    p,\n    span {\n      margin: auto;\n    }\n\n    &.active {\n      border-top: 3px solid ",";\n      border-bottom: 3px solid ",";\n      background-color: ",";\n      font-weight: ",";\n    }\n  }\n"])),(function(n){return n.count}),s.borderRadiusSm,s.borderRadiusSm,2*s.margin,d.blueTxt,(function(n){return n.background}),(function(n){return n.background}),(function(n){return n.background}),d.blueTabBorder,d.white,d.white,s.fontWeight.bold);ve.defaultProps={index:1,background:d.greyTabBkgd},ve.propTypes={background:l.a.string,index:l.a.number};var ke,je=ve;var ze,Oe=i.a.div(ke||(ke=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n  border-radius: ",";\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  background: ",";\n\n  table {\n    width: 100%;\n    min-width: 500px;\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    border-collapse: collapse;\n\n    &.rowsSelected {\n      tbody::before {\n        content: '-';\n        height: ",";\n        display: block;\n      }\n    }\n  }\n\n  .deleteRow {\n    height: ",";\n    padding: 0 ","px;\n    font-size: 1.3rem;\n    line-height: ",";\n    background-color: ",";\n    font-weight: ",";\n\n    button {\n      border: none;\n      background: transparent;\n      color: ",";\n      outline: 0;\n      transition: color 0.2s ease;\n\n      &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 2px;\n      }\n\n      svg {\n        margin-left: ","px;\n      }\n    }\n  }\n\n  th,\n  td {\n    font-size: 1.3rem;\n    padding: 0 ","px;\n    text-align: left;\n\n    &.checkCell {\n      width: 50px;\n    }\n  }\n\n  thead {\n    tr {\n      font-weight: ",";\n      text-transform: capitalize;\n\n      th {\n        background-color: ",";\n        height: ",";\n\n        p {\n          padding-right: ","px;\n          color: ",";\n\n          &.clickable {\n            cursor: pointer;\n          }\n        }\n\n        svg {\n          position: absolute;\n          right: 0;\n          top: 0;\n\n          &.fa-sort-up {\n            top: 4px;\n          }\n\n          &.fa-sort-down {\n            top: -","px;\n          }\n        }\n      }\n    }\n  }\n\n  tbody {\n    background-color: ",";\n    color: ",";\n\n    tr {\n      border-bottom: 1px solid ",";\n      background-color: ",";\n      cursor: pointer;\n      transition: background-color 0.15s ease;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      &:not(.deleteRow) {\n        td {\n          height: ",";\n        }\n      }\n    }\n\n    td {\n      p {\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  span.link-icon svg {\n    color: ",";\n  }\n\n  @media (min-width: ",") {\n    overflow-x: auto;\n  }\n"])),s.borderRadiusLg,d.white,s.table.deleteRow.height,s.table.deleteRow.height,s.spacing.xl,s.table.deleteRow.height,d.greyHover,s.fontWeight.bold,d.darkOrange,d.blue,s.margin,s.spacing.xl,s.fontWeight.bold,d.greyHeader,s.table.header.height,1.4*s.margin,d.blueTxt,.2*s.margin,d.greyHover,d.blueTxt,d.greySeparator,d.white,d.greyHover,s.table.row.height,d.blueTxt,s.tablet);var Me,Be=i.a.tr(ze||(ze=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  height: 108px;\n  background: ",";\n\n  td {\n    height: 106px;\n    line-height: 106px;\n    font-size: 1.3rem;\n    font-weight: ",";\n    color: ",";\n    text-align: center;\n    border-collapse: collapse;\n    border-top: 1px solid ",";\n  }\n"])),d.white,s.fontWeight.regular,d.blueTxt,d.greySeparator);var Ce,Pe=i.a.textarea(Me||(Me=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  min-height: 12rem;\n  padding: "," ",";\n  font-weight: ",";\n  font-size: ",";\n  outline: 0;\n  border: 1px solid ",";\n  border-radius: ",";\n  color: ",";\n  background-color: ",";\n  line-height: 1.5;\n  resize: vertical;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  &::-webkit-input-placeholder {\n    color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ",";\n    cursor: not-allowed;\n    color: ",";\n  }\n"])),s.textarea.padding,s.input.padding,s.fontWeight.regular,s.input.fontSize,d.lightGrey,s.borderRadius,d.blueTxt,d.white,d.greyPlaceholder,d.greyPlaceholder,d.blueBorder,d.blueFocusRing,d.greyIconBkgd,d.brightGrey);var Se,Ie=i.a.ul(Ce||(Ce=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  height: 0;\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  border: 1px solid transparent;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  transition: height 0.2s ease-out, visibility 0.2s ease-out,\n    border-color 0.2s ease-out;\n  visibility: hidden;\n\n  ::-webkit-scrollbar {\n    width: 0;\n  }\n  overflow: -moz-scrollbars-none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  &.displayed {\n    height: ",";\n    visibility: visible;\n    border-color: ",";\n  }\n\n  li {\n    position: relative;\n\n    input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      opacity: 0;\n      z-index: 1;\n      cursor: pointer;\n\n      &:checked + label,\n      &:hover + label {\n        background-color: ",";\n      }\n    }\n\n    label {\n      display: block;\n      position: relative;\n      z-index: 0;\n      width: 100%;\n      height: 100%;\n      padding: ","px 0 ","px\n        calc("," + ",");\n      font-size: 1.3rem;\n      line-height: 30px;\n      margin-bottom: 0;\n    }\n  }\n"])),s.fontWeight.bold,s.input.fontSize,d.greyIconColor,s.borderRadiusSm,s.borderRadiusSm,s.timepicker.list.height,d.lightGrey,d.greyIconBkgd,.4*s.margin,.2*s.margin,s.input.height,s.input.padding);var Te=i.a.input(Se||(Se=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: 100%;\n  height: ",";\n  padding: 0 ",";\n  padding-left: calc("," + ",");\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-weight: ",";\n  font-size: ",";\n  cursor: pointer;\n  outline: 0;\n  border: 1px solid ",";\n  border-radius: ",";\n  color: ",";\n  background-color: transparent;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  &::-webkit-input-placeholder {\n    color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px ",";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    color: ",";\n  }\n"])),s.input.height,s.input.padding,s.input.height,s.input.padding,s.fontWeight.regular,s.input.fontSize,d.lightGrey,s.borderRadius,d.blueTxt,d.greyPlaceholder,d.greyPlaceholder,d.blueBorder,d.blueFocusRing,d.brightGrey);Te.defaultProps={type:"text"},Te.propTypes={type:l.a.string};var Le,Ae=Te;var Fe,De=i.a.div(Le||(Le=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  max-width: 95px;\n  position: relative;\n  background-color: ",";\n  border-radius: ",";\n\n  span {\n    z-index: 0;\n    border-top-left-radius: ",";\n    border-bottom-left-radius: ",";\n  }\n\n  input {\n    position: relative;\n    z-index: 1;\n\n    &:focus + span {\n      background-color: ",";\n\n      &:before {\n        color: ",";\n      }\n    }\n\n    &:focus {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  ul {\n    position: absolute;\n    background-color: transparent;\n    border-top: 1px solid transparent;\n    top: calc("," - ","px);\n    left: 0;\n    z-index: 99;\n    pointer-events: all;\n\n    &.displayed {\n      background-color: ",";\n      border-top: 1px solid ",";\n    }\n  }\n"])),d.white,s.borderRadius,s.borderRadius,s.borderRadius,d.blueIconBkgd,d.blueIconTxt,s.input.height,.1*s.margin,d.white,d.blueBorder);var Re=i.a.input(Fe||(Fe=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: ",";\n  margin: 0;\n  opacity: 0;\n\n  & + span {\n    border-top-left-radius: ",";\n    border-bottom-left-radius: ",";\n    color: ",";\n    background: ",";\n    font-weight: ",";\n    transition: background-color 0.2s ease, color 0.2s ease;\n\n    & + span {\n      border-top-right-radius: ",";\n      border-bottom-right-radius: ",";\n      color: ",";\n      background: ",";\n      font-weight: ",";\n      transition: background-color 0.2s ease, color 0.2s ease;\n    }\n  }\n\n  &:not(:checked):not(:indeterminate) + span {\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  &:checked + span {\n    & + span {\n      background-color: ",";\n      color: ",";\n      font-weight: ",";\n    }\n  }\n\n  &:disabled {\n    &:not(:checked):not(:indeterminate) + span {\n      background-color: ",";\n      color: ",";\n      box-shadow: inset -1px 1px 3px rgba(0, 0, 0, 0.08);\n    }\n\n    &:checked + span {\n      & + span {\n        background-color: ",";\n        color: ",";\n        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.08);\n      }\n    }\n  }\n"])),(function(n){return n.disabled?"not-allowed":"pointer"}),s.borderRadiusSm,s.borderRadiusSm,d.greyToggle,d.white,s.fontWeight.bold,s.borderRadiusSm,s.borderRadiusSm,d.greyToggle,d.white,s.fontWeight.bold,d.darkOrange,d.white,s.fontWeight.black,d.blue,d.white,s.fontWeight.black,d.greyIconBkgd,d.brightGrey,d.greyIconBkgd,d.brightGrey);Re.defaultProps={disabled:!1,type:"checkbox"},Re.propTypes={disabled:l.a.bool,type:l.a.string};var Ee,Ge=Re;var _e,We=i.a.div(Ee||(Ee=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  width: fit-content;\n  height: 34px;\n  border: 1px solid ",";\n  border-radius: ",";\n\n  label {\n    display: inline-block;\n    width: fit-content;\n    height: 100%;\n    position: relative;\n    text-align: center;\n    color: ",";\n  }\n\n  span {\n    display: inline-block;\n    width: 53px;\n    height: 100%;\n    line-height: 32px;\n    letter-spacing: 0.1rem;\n  }\n"])),d.lightGrey,s.borderRadiusSm,d.blueTxt),Ne=r(11),qe=r.n(Ne);var Ye=i()(qe.a).attrs((function(n){return{effect:"solid",place:n.place,delayShow:n.delayShow,arrowColor:"transparent",backgroundColor:d.blueTxt}}))(_e||(_e=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  padding: 0.5rem 0.75rem !important;\n  opacity: 1 !important;\n  border-radius: "," !important;\n  max-width: 400px;\n  max-height: 400px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])),s.borderRadius);Ye.defaultProps={delayShow:500,place:"bottom"},Ye.propTypes={delayShow:l.a.number,place:l.a.string};var He=Ye}])}));

package/build/esm/assets/icons/icon_select.svg

@@ -0,0 +1 @@
+<svg width="23" height="32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M.018 0h20a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2h-20V0z" fill="#FAFAFB"/><g fill-rule="nonzero" fill="#B3B5B9"><path d="M14.018 18.375a.36.36 0 0 1-.112.264l-2.625 2.625a.36.36 0 0 1-.263.111.36.36 0 0 1-.264-.111l-2.625-2.625a.36.36 0 0 1-.111-.264.36.36 0 0 1 .111-.264.36.36 0 0 1 .264-.111h5.25a.36.36 0 0 1 .263.111.36.36 0 0 1 .112.264zM8.018 15a.36.36 0 0 1 .111-.264l2.625-2.625a.36.36 0 0 1 .264-.111.36.36 0 0 1 .263.111l2.625 2.625a.36.36 0 0 1 .112.264.36.36 0 0 1-.112.264.36.36 0 0 1-.263.111h-5.25a.36.36 0 0 1-.264-.111.36.36 0 0 1-.111-.264z"/></g></g></svg>

package/build/esm/assets/icons/icon_trash.svg

@@ -0,0 +1 @@
+<svg width="11" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.75v-5.5a.243.243 0 0 0-.07-.18.243.243 0 0 0-.18-.07h-.5a.243.243 0 0 0-.18.07.243.243 0 0 0-.07.18v5.5c0 .073.023.133.07.18.047.047.107.07.18.07h.5a.243.243 0 0 0 .18-.07.243.243 0 0 0 .07-.18zm2 0v-5.5a.243.243 0 0 0-.07-.18.243.243 0 0 0-.18-.07h-.5a.243.243 0 0 0-.18.07.243.243 0 0 0-.07.18v5.5c0 .073.023.133.07.18.047.047.107.07.18.07h.5a.243.243 0 0 0 .18-.07.243.243 0 0 0 .07-.18zm2 0v-5.5a.243.243 0 0 0-.07-.18.243.243 0 0 0-.18-.07h-.5a.243.243 0 0 0-.18.07.243.243 0 0 0-.07.18v5.5c0 .073.023.133.07.18.047.047.107.07.18.07h.5a.243.243 0 0 0 .18-.07.243.243 0 0 0 .07-.18zM3.75 2h3.5l-.375-.914A.22.22 0 0 0 6.742 1H4.266a.22.22 0 0 0-.133.086L3.75 2zm7.25.25v.5a.243.243 0 0 1-.07.18.243.243 0 0 1-.18.07H10v7.406c0 .433-.122.806-.367 1.121-.245.315-.54.473-.883.473h-6.5c-.344 0-.638-.152-.883-.457C1.122 11.238 1 10.87 1 10.438V3H.25a.243.243 0 0 1-.18-.07.243.243 0 0 1-.07-.18v-.5c0-.073.023-.133.07-.18A.243.243 0 0 1 .25 2h2.414L3.211.695c.078-.192.219-.356.422-.492C3.836.068 4.042 0 4.25 0h2.5c.208 0 .414.068.617.203.203.136.344.3.422.492L8.336 2h2.414c.073 0 .133.023.18.07.047.047.07.107.07.18z" fill="#F23508" fill-rule="nonzero"/></svg>

package/build/esm/assets/styles/colors.js

@@ -0,0 +1,84 @@
+/**
+ * Modern design token palette
+ * WCAG AA compliant contrast ratios where applicable
+ */
+var colors = {
+  // Primary palette
+  blue: '#007EFF',
+  darkBlue: '#1C5DE7',
+  mediumBlue: '#005EEA',
+  lightBlue: '#0097F6',
+  blueTxt: '#32324D',
+  blueGradient: 'linear-gradient(135deg, #306ded 0%, #4598f7 100%)',
+  orangeGradient: 'linear-gradient(135deg, #F65A1D 0%, #F68E0E 100%)',
+  // Neutrals
+  brightGrey: '#8E8EA9',
+  lightGrey: '#DCDCE4',
+  lightGreyAlpha: 'rgba(0, 0, 0, 0.08)',
+  black: '#000000',
+  white: '#ffffff',
+  // Semantic colors
+  orange: '#F64D0A',
+  darkOrange: '#E54B09',
+  orangeBorder: 'rgba(246, 77, 10, 0.25)',
+  orangeBkgd: 'rgba(246, 77, 10, 0.12)',
+  green: '#328048',
+  // Input-specific
+  greyPlaceholder: '#8E8EA9',
+  greyIconBkgd: '#F6F6F9',
+  greyIconColor: '#A5A5BA',
+  blueBorder: '#0C75AF',
+  blueFocusRing: 'rgba(0, 126, 255, 0.25)',
+  greyToggle: '#C0C0CF',
+  // Table
+  greyHeader: '#F6F6F9',
+  greySubtitle: '#6B6B7B',
+  greyHover: '#FAFAFC',
+  greySeparator: '#EAEAEF',
+  // Timepicker
+  blueIconTxt: '#0C75AF',
+  blueIconBkgd: '#E8F4FC',
+  // Tabs
+  greyTabBkgd: '#F0F0F5',
+  blueTabBorder: '#1C5DE7',
+  greyLink: '#F6F6F9',
+  // Button variants
+  button: {
+    primary: {
+      borderColor: '#007EFF',
+      color: '#ffffff',
+      backgroundColor: '#007EFF',
+      hoverBg: '#0066D6'
+    },
+    secondary: {
+      borderColor: '#007EFF',
+      color: '#007EFF',
+      backgroundColor: '#ffffff',
+      hoverBg: '#F0F7FF'
+    },
+    cancel: {
+      borderColor: '#8E8EA9',
+      color: '#6B6B7B',
+      backgroundColor: 'transparent',
+      hoverBg: 'rgba(142, 142, 169, 0.08)'
+    },
+    "delete": {
+      borderColor: '#F64D0A',
+      color: '#ffffff',
+      backgroundColor: '#F64D0A',
+      hoverBg: '#E54B09'
+    },
+    success: {
+      borderColor: '#328048',
+      color: '#ffffff',
+      backgroundColor: '#328048',
+      hoverBg: '#2B6B3D'
+    },
+    disabled: {
+      borderColor: '#E9EAEB',
+      color: '#A5A5BA',
+      backgroundColor: '#E9EAEB'
+    }
+  }
+};
+export default colors;

package/build/esm/assets/styles/mixins.js

@@ -0,0 +1,28 @@
+import colors from './colors';
+
+/**
+ * Reusable style mixins
+ * Fix: use `color` parameter instead of `colors` object in shadow/overlay
+ */
+export var mixins = function mixins() {
+  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : colors.lightGreyAlpha;
+  return {
+    bbox: 'box-sizing: border-box;\n' + '-moz-box-sizing: border-box;\n' + '-webkit-box-sizing: border-box;',
+    bshadow: "-webkit-box-shadow: inset 0 0 30px ".concat(color, ";\n") + "-moz-box-shadow: inset 0 0 30px ".concat(color, ";\n") + "box-shadow: inset 0 0 30px ".concat(color, ";"),
+    overlay: "-webkit-box-shadow: inset 0 0 3px 1px ".concat(color, ";\n") + "-moz-box-shadow: inset 0 0 3px 1px ".concat(color, ";\n") + "box-shadow: inset 0 0 3px 1px ".concat(color, ";")
+  };
+};
+
+/**
+ * Reduced motion - respect user preference for accessibility
+ */
+export var reducedMotion = "\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n";
+
+/**
+ * Focus visible ring - accessible focus indicator
+ */
+export var focusRing = function focusRing() {
+  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : colors.blueFocusRing;
+  return "\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 3px ".concat(color, ";\n  }\n");
+};
+export default mixins;

package/build/esm/assets/styles/sizes.js

@@ -0,0 +1,77 @@
+/**
+ * Modern design tokens - spacing, typography, breakpoints
+ * Uses 4px baseline grid for consistent spacing
+ */
+var sizes = {
+  // Breakpoints
+  tablet: '768px',
+  desktop: '1024px',
+  wide: '1280px',
+  // Spacing (4px baseline)
+  margin: 10,
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    xxl: 32
+  },
+  // Border radius
+  borderRadius: '6px',
+  borderRadiusSm: '4px',
+  borderRadiusLg: '8px',
+  // Button
+  button: {
+    height: {
+      small: '28px',
+      large: '34px'
+    },
+    padding: {
+      bottom: '2px',
+      leftRight: '16px'
+    },
+    minWidth: '140px'
+  },
+  // Input
+  input: {
+    height: '3.4rem',
+    padding: '1rem',
+    fontSize: '1.4rem'
+  },
+  // Checkbox
+  checkbox: {
+    height: '16px',
+    width: '16px'
+  },
+  // Textarea
+  textarea: {
+    padding: '0.75rem'
+  },
+  // Timepicker
+  timepicker: {
+    list: {
+      height: '144px'
+    }
+  },
+  // Table
+  table: {
+    header: {
+      height: '40px'
+    },
+    row: {
+      height: '56px'
+    },
+    deleteRow: {
+      height: '40px'
+    }
+  },
+  // Typography
+  fontWeight: {
+    regular: 400,
+    semiBold: 500,
+    bold: 600,
+    black: 700
+  }
+};
+export default sizes;

package/build/esm/components/Button/PrefixIcon.js

@@ -0,0 +1,7 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+import Icon from '../Icon';
+var PrefixIcon = styled(Icon)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-right: ", "px;\n  font-size: 0.94em;\n"])), sizes.margin);
+export default PrefixIcon;

package/build/esm/components/Button/index.js

@@ -0,0 +1,34 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Button
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+import mixins from '../../assets/styles/mixins';
+var Button = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  padding: 0 ", ";\n  font-weight: 600;\n  font-size: 1.4rem;\n  border-radius: ", ";\n  cursor: pointer;\n  outline: 0;\n  background-color: ", ";\n  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n  border: 1px solid transparent;\n  position: relative;\n  overflow: hidden;\n\n  &:hover:not(:disabled) {\n    transform: translateY(-1px);\n    ", ";\n  }\n\n  &:active:not(:disabled) {\n    transform: translateY(0);\n  }\n\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n\n  > span svg {\n    font-size: 1.2rem;\n    margin-right: 8px;\n    position: relative;\n    top: -1px;\n  }\n\n  > svg {\n    height: 1.2rem;\n    width: auto;\n    margin-right: 8px;\n    position: relative;\n    top: -1px;\n  }\n\n  &[aria-busy=\"true\"] {\n    opacity: 0.7;\n    cursor: wait;\n  }\n"])), sizes.button.height.large, sizes.button.padding.leftRight, sizes.borderRadiusLg, colors.white, mixins(colors.lightGreyAlpha).bshadow, colors.blueFocusRing, function (_ref) {
+  var color = _ref.color;
+  return color !== 'none' && "\n      background-color: ".concat(colors.button[color].backgroundColor, ";\n      border: 1px solid ").concat(colors.button[color].borderColor, ";\n      color: ").concat(colors.button[color].color, ";\n\n      &:hover:not(:disabled) {\n        background-color: ").concat(colors.button[color].hoverBg || colors.button[color].backgroundColor, ";\n        border-color: ").concat(colors.button[color].hoverBg || colors.button[color].borderColor, ";\n      }\n    ");
+}, function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled && "\n      background-color: ".concat(colors.button.disabled.backgroundColor, ";\n      border-color: ").concat(colors.button.disabled.borderColor, ";\n      color: ").concat(colors.button.disabled.color, ";\n      cursor: not-allowed;\n      transform: none;\n\n      &:hover {\n        box-shadow: none;\n        transform: none;\n        background-color: ").concat(colors.button.disabled.backgroundColor, ";\n        border-color: ").concat(colors.button.disabled.borderColor, ";\n      }\n    ");
+}, function (_ref3) {
+  var color = _ref3.color;
+  return color === 'success' && "\n      min-width: ".concat(sizes.button.minWidth, ";\n    ");
+});
+Button.defaultProps = {
+  color: 'primary',
+  disabled: false,
+  type: 'button'
+};
+Button.propTypes = {
+  color: PropTypes.oneOf(['primary', 'secondary', 'cancel', 'success', 'delete', 'none']),
+  disabled: PropTypes.bool,
+  type: PropTypes.string
+};
+export default Button;

package/build/esm/components/Card/index.js

@@ -0,0 +1,23 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Card
+ *
+ */
+
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+import colors from '../../assets/styles/colors';
+var Card = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n    sans-serif;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  position: relative;\n  border-radius: ", ";\n  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;\n  overflow: hidden;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n\n  &:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    transform: translateY(-2px);\n  }\n\n  .table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    scrollbar-width: thin;\n\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: rgba(0, 0, 0, 0.04);\n      border-radius: 3px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.15);\n      border-radius: 3px;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.25);\n      }\n    }\n  }\n\n  @media (min-width: ", ") {\n    .table-wrapper {\n      overflow-x: visible;\n    }\n  }\n\n  padding: ", ";\n\n  &[aria-busy='true'] {\n    opacity: 0.7;\n    pointer-events: none;\n  }\n"])), colors.white, function (_ref) {
+  var radius = _ref.radius;
+  return radius || sizes.borderRadiusLg;
+}, sizes.tablet, function (_ref2) {
+  var noPadding = _ref2.noPadding;
+  return noPadding ? '0' : '1.5rem';
+});
+Card.defaultProps = {
+  radius: undefined,
+  noPadding: false
+};
+export default Card;

package/build/esm/components/Checkbox/index.js

@@ -0,0 +1,25 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Checkbox
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Checkbox = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  margin: 0;\n  position: relative;\n  width: ", ";\n  height: ", ";\n  opacity: 0;\n  z-index: 2;\n\n  &:focus,\n  &:active {\n    outline: 0;\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    margin-top: calc(-", " / 2);\n    width: ", ";\n    height: ", ";\n    border: 2px solid ", ";\n    background-color: ", ";\n    border-radius: ", ";\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, background-color 0.2s ease,\n      transform 0.2s ease;\n    z-index: 1;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    margin-top: calc(-", " / 2);\n    width: ", ";\n    height: ", ";\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 60%;\n    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.23, 1);\n    opacity: 0;\n    z-index: 1;\n  }\n\n  &:checked {\n    &:before {\n      border-color: ", ";\n      background-color: ", ";\n    }\n\n    &:after {\n      opacity: 1;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    }\n  }\n\n  ", "\n\n  &:not(:disabled):hover:before {\n    border-color: ", ";\n    transform: scale(1.05);\n  }\n\n  &:focus-visible:before {\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      opacity: 0.6;\n    }\n\n    &:after {\n      opacity: 0.5;\n    }\n  }\n\n  & + label {\n    display: inline-block;\n    margin-left: ", "px;\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    vertical-align: top;\n    cursor: pointer;\n    user-select: none;\n    color: ", ";\n    transition: opacity 0.2s ease;\n\n    &:hover {\n      opacity: 0.85;\n    }\n  }\n\n  &:disabled + label {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n"])), sizes.checkbox.width, sizes.checkbox.height, sizes.checkbox.width, sizes.checkbox.width, sizes.checkbox.height, colors.lightGrey, colors.white, sizes.borderRadiusSm, sizes.checkbox.width, sizes.checkbox.width, sizes.checkbox.height, colors.darkBlue, colors.darkBlue, function (_ref) {
+  var someChecked = _ref.someChecked;
+  return someChecked && "\n      &:before {\n        border-color: ".concat(colors.darkBlue, ";\n        background-color: ").concat(colors.darkBlue, ";\n      }\n\n      &:after {\n        opacity: 1;\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n      }\n    ");
+}, colors.darkBlue, colors.blueFocusRing, colors.greyIconBkgd, colors.greyIconBkgd, sizes.spacing.sm, sizes.fontWeight.semiBold, sizes.input.fontSize, sizes.checkbox.height, colors.blueTxt);
+Checkbox.defaultProps = {
+  someChecked: false,
+  type: 'checkbox'
+};
+Checkbox.propTypes = {
+  someChecked: PropTypes.bool,
+  type: PropTypes.string
+};
+export default Checkbox;

package/build/esm/components/CheckboxWrapper/index.js

@@ -0,0 +1,36 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * CheckboxWrapper
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import sizes from '../../assets/styles/sizes';
+import colors from '../../assets/styles/colors';
+var CheckboxWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: ", "px;\n  padding: ", ";\n  width: 100%;\n\n  .checkbox-container {\n    display: inline-flex;\n    align-items: flex-start;\n    min-height: ", ";\n    position: relative;\n    flex: 1;\n  }\n\n  input[type='checkbox'] {\n    margin: 0;\n    flex-shrink: 0;\n  }\n\n  label {\n    display: inline-block;\n    width: fit-content;\n    max-width: calc(100% - ", " - ", "px);\n    margin: 0;\n    padding-top: 1px;\n    line-height: 1.4;\n    cursor: ", ";\n    color: ", ";\n    transition: color 0.2s ease;\n    word-break: break-word;\n    hyphens: auto;\n  }\n\n  ", "\n\n  .helper-text {\n    color: ", ";\n    font-size: 1.2rem;\n    margin-top: ", "px;\n    display: block;\n    width: 100%;\n  }\n\n  &.checkbox-group {\n    flex-direction: column;\n    gap: ", "px;\n\n    .checkbox-container {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: ", ") {\n    label {\n      max-width: calc(100% - ", " - ", "px);\n    }\n  }\n"])), sizes.margin, function (_ref) {
+  var hasSpacing = _ref.hasSpacing;
+  return hasSpacing ? "".concat(sizes.spacing.sm, "px 0") : '0';
+}, sizes.checkbox.height, sizes.checkbox.width, sizes.margin, function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled ? 'not-allowed' : 'pointer';
+}, function (_ref3) {
+  var disabled = _ref3.disabled;
+  return disabled ? colors.brightGrey : colors.blueTxt;
+}, function (_ref4) {
+  var error = _ref4.error;
+  return error && "\n      input[type=\"checkbox\"]:before {\n        border-color: ".concat(colors.darkOrange, " !important;\n      }\n\n      .error-message {\n        color: ").concat(colors.darkOrange, ";\n        font-size: 1.2rem;\n        margin-top: ").concat(sizes.spacing.xs, "px;\n        display: block;\n        width: 100%;\n      }\n    ");
+}, colors.greySubtitle, sizes.spacing.xs, sizes.spacing.sm, sizes.tablet, sizes.checkbox.width, sizes.margin / 2);
+CheckboxWrapper.defaultProps = {
+  disabled: false,
+  error: null,
+  hasSpacing: true
+};
+CheckboxWrapper.propTypes = {
+  disabled: PropTypes.bool,
+  error: PropTypes.string,
+  hasSpacing: PropTypes.bool
+};
+export default CheckboxWrapper;

package/build/esm/components/CustomRow/index.js

@@ -0,0 +1,12 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * CustomRow
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+var CustomRow = styled.tr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), colors.greyHover);
+export default CustomRow;

package/build/esm/components/DatePicker/index.js

@@ -0,0 +1,24 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * DatePicker
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import 'react-dates/lib/css/_datepicker.css';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var DatePicker = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n    'Helvetica Neue', Arial, sans-serif;\n\n  ", "\n\n  * {\n    outline: 0;\n    box-sizing: border-box;\n  }\n\n  /* Input field styling */\n  .DateInput {\n    width: 100%;\n    position: relative;\n    transition: all 0.2s ease;\n  }\n\n  /* Calendar icon */\n  svg.fa-calendar-alt {\n    font-size: 16px;\n    color: ", ";\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n    transition: color 0.2s ease;\n  }\n\n  /* Input styling */\n  input {\n    font-weight: ", ";\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: ", ";\n    padding: 0 ", ";\n    font-size: ", ";\n    cursor: pointer;\n    border: 1px solid ", ";\n    border-radius: 8px;\n    color: ", ";\n    background-color: ", ";\n    padding-left: 42px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      border-color: ", ";\n    }\n\n    &::-webkit-input-placeholder {\n      color: ", ";\n    }\n\n    &:disabled {\n      background-color: ", "20;\n      cursor: not-allowed;\n      opacity: 0.7;\n    }\n\n    &:focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", "20;\n    }\n  }\n\n  /* Calendar container styling */\n  .SingleDatePicker,\n  .SingleDatePickerInput__withBorder {\n    width: 100%;\n  }\n\n  .SingleDatePickerInput__withBorder {\n    border: 0;\n  }\n\n  .DateInput_input__focused {\n    border-color: ", ";\n  }\n\n  /* Calendar header styling */\n  .DayPicker_weekHeader {\n    color: ", ";\n    border-top: 1px solid ", "40;\n    margin-top: -10px;\n    padding: 0 8px;\n\n    li {\n      padding: 12px 0;\n      small {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: ", ";\n      }\n    }\n  }\n\n  /* Calendar popup styling */\n  .DayPicker__withBorder {\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n      0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    border: 1px solid ", "20;\n    border-radius: 8px;\n    background: ", ";\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .DateInput_fang {\n    display: none;\n  }\n\n  /* Month caption styling */\n  .CalendarMonth_caption {\n    font-size: 1.4rem;\n    font-weight: 600;\n    padding: 24px 0;\n    color: ", ";\n  }\n\n  .DayPicker_transitionContainer {\n    padding: 4px;\n  }\n\n  .DayPickerKeyboardShortcuts_show {\n    display: none;\n  }\n\n  /* Navigation buttons styling */\n  .DayPickerNavigation {\n    div[role='button'] {\n      font-size: 24px;\n      width: 40px;\n      height: 40px;\n      color: ", ";\n      border-radius: 50%;\n      text-align: center;\n      top: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &::before {\n        line-height: 1;\n      }\n\n      &.DayPickerNavigation_leftButton__horizontalDefault {\n        left: 22px;\n        &::before {\n          content: '\u2039';\n        }\n      }\n\n      &.DayPickerNavigation_rightButton__horizontalDefault {\n        right: 22px;\n        &::before {\n          content: '\u203A';\n        }\n      }\n\n      svg {\n        display: none;\n      }\n\n      &:hover {\n        background: ", "20;\n        color: ", ";\n      }\n    }\n  }\n\n  /* Date cells styling */\n  td {\n    position: relative;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    font-size: 1.4rem;\n    border-radius: 50%;\n    transition: all 0.2s ease;\n\n    &,\n    &.CalendarDay__selected,\n    &.CalendarDay__selected:active,\n    &.CalendarDay__selected:hover,\n    &.CalendarDay__default:hover {\n      border: 0;\n    }\n\n    &.CalendarDay__default:hover {\n      background: ", "20;\n      color: ", ";\n    }\n\n    &.CalendarDay__today {\n      font-weight: 600;\n      color: ", ";\n\n      &::before {\n        content: '';\n        position: absolute;\n        bottom: 4px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        background: ", ";\n      }\n    }\n\n    &.CalendarDay__selected {\n      background-color: ", ";\n      color: ", ";\n      font-weight: 600;\n      transform: scale(0.9);\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      &.CalendarDay__today {\n        &::before {\n          background: ", ";\n        }\n      }\n    }\n\n    &.CalendarDay__blocked_out_of_range {\n      color: ", ";\n      cursor: not-allowed;\n\n      &:hover {\n        background: none;\n      }\n    }\n  }\n\n  /* Mobile optimization */\n  @media (max-width: ", ") {\n    .DayPicker__withBorder {\n      left: 50% !important;\n      transform: translateX(-50%);\n      width: calc(100vw - 32px);\n    }\n\n    td {\n      height: 48px;\n    }\n  }\n"])), function (_ref) {
+  var isOpen = _ref.isOpen;
+  return isOpen && "\n    z-index: 999;\n  ";
+}, colors.greyIconBkgd, sizes.fontWeight.regular, sizes.input.height, sizes.input.padding, sizes.input.fontSize, colors.lightGrey, colors.black, colors.white, colors.blueBorder, colors.greyPlaceholder, colors.greyIconBkgd, colors.blueBorder, colors.blueBorder, colors.blueBorder, colors.black, colors.lightGrey, colors.greyIconBkgd, colors.lightGrey, colors.white, colors.black, colors.black, colors.lightGrey, colors.blueBorder, colors.lightGrey, colors.black, colors.blueBorder, colors.blueBorder, colors.blueBorder, colors.white, colors.blueBorder, colors.white, colors.lightGrey, sizes.tablet);
+DatePicker.defaultProps = {
+  isOpen: false
+};
+DatePicker.propTypes = {
+  isOpen: PropTypes.bool
+};
+export default DatePicker;

package/build/esm/components/Description/index.js

@@ -0,0 +1,12 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Description
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+var Description = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 1.2rem;\n  line-height: 1.6;\n"])), colors.greySubtitle);
+export default Description;