reso-ui 1.11.2 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/lib.js +1 -1
  2. package/dist/styles.css +4 -3
  3. package/package.json +1 -1
  4. package/types/components/Containers/Center-Container/Center-Container.d.ts +2 -1
  5. package/types/components/Containers/Main/Main.d.ts +4 -3
package/dist/lib.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see lib.js.LICENSE.txt */
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,o(n)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";r.r(a),r.d(a,{AboutIcon:()=>we,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>O,CartIcon:()=>Dt,CenterContainer:()=>w,ChevronDoubleLeft:()=>Me,ChevronDoubleRight:()=>ze,ChevronSingleLeft:()=>Se,ChevronSingleRight:()=>xe,ComponentError:()=>C,ControlWrapper:()=>J,DashboardIcon:()=>Ve,DefaultTheme:()=>n,DeleteIcon:()=>qt,Dialog:()=>$,DropdownDown:()=>Mt,DropdownUp:()=>Pt,EditIcon:()=>zt,Example:()=>B,ExternalLinks:()=>H,Flex:()=>_,Footer:()=>q,FormContainer:()=>X,FullScreenError:()=>z,Hero:()=>A,HomeIcon:()=>We,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>j,Icon:()=>V,Image:()=>R,Label:()=>Z,Loader:()=>N,LoaderIcon:()=>ft,LoadingContainer:()=>x,LogoutIcon:()=>Ye,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>ge,OrdersIcon:()=>At,PanelContainer:()=>U,PanelRow:()=>Y,PanelTitle:()=>K,ProductsIcon:()=>Je,ProfileIcon:()=>tt,QuantityCounter:()=>Q,SettingsIcon:()=>at,StarEmptyIcon:()=>Nt,StarFullIcon:()=>vt,StarHalf:()=>Et,SubFormContainer:()=>G,SubmitButton:()=>ee,Text:()=>S,TextInput:()=>fe,UploadIcon:()=>it,UsersIcon:()=>pt,View:()=>I,numberIsLessThan:()=>le,numberIsMoreThanOrEqualsTo:()=>oe,numberIsPositiveInteger:()=>ae,numberIsRequired:()=>ne,stringHasMaxLength:()=>ue,stringHasMinLength:()=>me,stringIsEmail:()=>ie,stringIsPhoneDefault:()=>ce,stringIsRequired:()=>se,stringMatchesRegex:()=>pe,useClickOutside:()=>ve,useFormInput:()=>be,validate:()=>de,valueIsNumber:()=>re});var e=r(440),t=r.n(e);const n="light";var o=r(84),l=r.n(o);const s=e=>null!=e,i=e=>{const t=Number(e);return s(t)&&"number"==typeof t&&!isNaN(t)},c=e=>s(e)&&"function"==typeof e,m=(e,t)=>{const{ma:n,mv:r,mh:a,mt:o,mb:l,mr:i,ml:c,pa:m,pv:u,ph:p,pt:d,pr:h,pl:y,pb:f}=t;let g={};return s(n)&&(g=Object.assign(Object.assign({},g),{[`spacing-ma-${n}`]:!0})),s(r)&&(g=Object.assign(Object.assign({},g),{[`spacing-mv-${r}`]:!0})),s(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${a}`]:!0})),s(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${o}`]:!0})),s(l)&&(g=Object.assign(Object.assign({},g),{[`spacing-mb-${l}`]:!0})),s(i)&&(g=Object.assign(Object.assign({},g),{[`spacing-mr-${i}`]:!0})),s(c)&&(g=Object.assign(Object.assign({},g),{[`spacing-ml-${c}`]:!0})),s(m)&&(g=Object.assign(Object.assign({},g),{[`spacing-pa-${m}`]:!0})),s(u)&&(g=Object.assign(Object.assign({},g),{[`spacing-pv-${u}`]:!0})),s(p)&&(g=Object.assign(Object.assign({},g),{[`spacing-ph-${p}`]:!0})),s(d)&&(g=Object.assign(Object.assign({},g),{[`spacing-pt-${d}`]:!0})),s(f)&&(g=Object.assign(Object.assign({},g),{[`spacing-pb-${f}`]:!0})),s(h)&&(g=Object.assign(Object.assign({},g),{[`spacing-pr-${h}`]:!0})),s(y)&&(g=Object.assign(Object.assign({},g),{[`spacing-pl-${y}`]:!0})),Object.assign(Object.assign({},e),g)},u=(e,t,n)=>{const{disabled:r,no_select:a,width_full:o,width_fit_content:s,position_relative:i}=n||{disabled:!1,no_select:!1,width_full:!1,width_fit_content:!1,position_relative:!1};return l()(Object.assign(Object.assign({component_layout_default:!0,component_disabled:r&&!0===r,no_select:a&&!0===a,width_full:o&&!0===o,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},p=(e,t)=>l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!(!e||!t)}),d=(e,t)=>{const n=t||p();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:a=!1,rootClassName:o,rootStyles:l={},linkClassName:s,linkStyles:i={},theme:c="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=d(u(m({back_container:!0},h),o,{disabled:a,no_select:!0}),p("back_theme_",c)),f=d(u({},s),p("back_link_theme",c));return t().createElement("div",{"data-testid":"back-root",className:y,style:l,role:"navigation"},t().createElement("a",{rel:"noreferrer",href:n,className:f,style:i,"data-testid":"back-link"},"<"," ",r))};const y=e=>{var{id:n=null,type:r="plain",role:a="button",text:o,onClick:l,disabled:s=!1,inheritWidth:i=!1,inline:h=!1,rootClassName:y,rootStyles:f={},theme:g="light"}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=d(u(m({button_container:!0,button_container_inheritWidth:i,button_container_inline:h,button_container_link:"link"===r,button_text:!0},b),y,{disabled:s,no_select:!0}),p(`button_${r}_theme_`,g));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:v,style:f,type:a,onClick:()=>{c(l)&&l()},disabled:s},o)},f=({type:n,text:r,rootClassName:a,rootStyles:o={}})=>{const[l,s]=(0,e.useState)(!0),i=d(u({banner_container:!0,[`banner_container_${n}`]:!0},a,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},o),"data-testid":"banner-root"},t().createElement("span",null,r),t().createElement(y,{text:"X",rootClassName:"banner_close_button",onClick:()=>{s(!1)}}))},g=({children:e,positionAbsolute:n=!1,hasMaxHeight:r=!1,rootClassName:a,rootStyles:o={}})=>{const l=d(u({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},a));return t().createElement("div",{className:l,style:o,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=d(u(m({card_container:!0},l),r,{no_select:!0}),p("card_container_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=d(u(m({card_content_container:!0,card_content_container_wrap:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"card-content-root"},n)},O=({value:e,rootClassName:n,rootStyles:r={}})=>{const a=d(u({card_summary_value:!0},n));return t().createElement("span",{className:a,style:r,"data-testid":"card-summary-value"},e)};const _=e=>{var{direction:n="row",justify:r="space-between",align:a="center",grow:o=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:p=!1,children:h,rootClassName:y,borderColor:f=null,rootStyles:g={}}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=d(u(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${a}`]:!0,flex_grow:o,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content:p})),O=s&&"auto"===s?"auto":"string"==typeof s?s:0;return t().createElement("div",{"data-testid":"flex-container-root",style:Object.assign({border:f?`2px solid ${f}`:null,flexBasis:O},g),className:v},h)},w=({children:e,rootClassName:n,rootStyles:r={}})=>{const a=u({component_center_container:!0},n);return t().createElement("div",{className:a,"data-testid":"center-container-root",style:r},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=d(u(m({hsc_container:!0,hsc_container_inheritWidth:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"horizontal-scroll-container-root"},n)};const j=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=d(u(m({hsi_container:!0},o),r));return t().createElement("div",{className:l,style:a,"data-testid":"horizontal-scroll-item-root"},n)};const S=e=>{var{id:n,Element:r="span",sizing:a="default",size:o=3,children:l,noSelect:s=!1,noBlockMargin:i=!1,noInlineMargin:c=!1,rootClassName:h,rootStyles:y={},theme:f="light"}=e,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","Element","sizing","size","children","noSelect","noBlockMargin","noInlineMargin","rootClassName","rootStyles","theme"]);const b=()=>"h1"===r||"h2"===r||"h3"===r||"h4"===r||"h5"===r||"h6"===r,v=d(u(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${a}_${o}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),p("text_theme_",f));return t().createElement(r,{id:n,"data-testid":"text-root",className:v},l)},N=({type:e="default",text:n,size:r="small",rootClassName:a,iconContainerClassName:o,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=d(u({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},a),p("componentLoader_container_theme_",i)),m=d(u({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},o),p("componentLoader_loader_theme_",i));return t().createElement("div",{className:c,style:l,"data-testid":"component-loader-root"},t().createElement("div",{className:m,style:s,"data-testid":"component-loader-icon-container"}),n&&t().createElement(S,{Element:"p",noBlockMargin:!0,noInlineMargin:!0},n))},C=({text:e,rootClassName:n,rootStyles:r={},iconClassName:a,iconStyles:o={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=d(u({componentError_container:!0},n),p("componentError_container_theme_",i)),m=d(u({componentError_icon:!0,componentError_icon_margin:e&&""!==e},a),p("componentError_icon_theme_",i)),h=d(u({componentError_text:!0},l),p("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:o,"data-testid":"component-error-icon"},"!"),e&&""!==e&&t().createElement("p",{className:h,style:s,"data-testid":"component-error-text"},e))},x=({type:e,loading:n=!1,children:r,error:a,minHeight:o="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:p={},theme:h})=>{const y=d(u({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),f="layer"===e?o:"inherit";return t().createElement("div",{className:y,style:Object.assign(Object.assign({},s),{minHeight:f}),"data-testid":"loading-container-root"},"layer"===e?t().createElement(t().Fragment,null,n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):a?t().createElement(C,{theme:h,text:a,rootClassName:m,rootStyles:p}):null,r):t().createElement(t().Fragment,null,a?t().createElement(C,{theme:h,text:a,rootClassName:m,rootStyles:p}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))};const P=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=d(u(m({main_container:!0},o),r,{}));return t().createElement("main",{"data-testid":"main-root",className:l},n)};const I=e=>{var{rootClassName:n,children:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=d(u(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),p("viewContainer_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"view-container-root"},r)},k=t=>{(0,e.useEffect)((()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[t])};const M=e=>{var{children:n,isOpen:r=!1,layer:a=1,rootClassName:o,rootStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);k(r);const c=d(u(m({modal_container:!0},i),o),p("modal_container_theme_",s)),h=a+10;return t().createElement("div",{className:"modal_backdrop",style:{zIndex:h},"data-testid":"modal-backdrop"},t().createElement("div",{className:c,style:Object.assign({zIndex:h+1},l),"data-testid":"modal-container-root"},n))};const L=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=d(u(m({modal_body:!0},o),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:a,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:a={},theme:o="light"})=>{const l=d(u({modal_header:!0},r),p("modal_header_theme_",o)),s=d(u({modal_header_closeButton:!0}),p("modal_closeButton_theme_",o));return t().createElement("div",{className:l,style:a,"data-testid":"modal-header-root"},t().createElement("span",{className:"sub_heading no_select","data-testid":"modal-header-title"},n),t().createElement(y,{text:"Close",onClick:e,rootClassName:s}))},$=({isOpen:e=!1,type:n="yesNo",layer:r=1,title:a="Confirm",header:o="Are you sure?",description:l="",yesText:s="Yes",noText:i="No",okText:m="OK",onClose:h,onClickYes:f,onClickNo:g,onClickOk:b,rootClassName:v,rootStyles:O,yesButtonClassName:_,yesButtonStyles:w={},noButtonClassName:E,noButtonStyles:j={},okButtonClassName:S,okButtonStyles:N={},theme:C="light"})=>{const x=d(u({dialog_container:!0},v),p("dialog_container_theme_",C)),P=u({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),I=d(u({dialog_button_yes:!0},_,{no_select:!0}),p("dialog_button_yes_",C)),k=d(u({dialog_button_no:!0},E,{no_select:!0}),p("dialog_button_no_",C)),$=d(u({dialog_button_ok:!0},S,{no_select:!0}),p("dialog_button_ok_",C));return t().createElement(M,{isOpen:e,rootClassName:x,rootStyles:O,layer:r,theme:C,pa:5},t().createElement(F,{title:a,onClose:()=>{c(h)&&h()},theme:C}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},o),l&&t().createElement("p",{"data-testid":"dialog-description-text",className:"dialog_description"},l),t().createElement("div",{"data-testid":"dialog-buttons-container",className:P},"yesNo"===n?t().createElement(t().Fragment,null,t().createElement(y,{rootClassName:k,rootStyles:j,onClick:()=>{c(g)&&g()},text:i}),t().createElement(y,{rootClassName:I,rootStyles:w,onClick:()=>{c(f)&&f()},text:s})):t().createElement(y,{rootClassName:$,rootStyles:N,onClick:()=>{c(b)&&b()},text:m,inline:!0,inheritWidth:!0}))))},z=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:a,textStyles:o={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{k(!0);const c=d(u({fullScreenError_container:!0},n),p("fullScreenError_container_theme_",i)),m=d(u({fullScreenError_icon:!0},l),p("fullScreenError_icon_theme_",i)),h=d(u({fullScreenError_text:!0},a),p("fullScreenError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"full-screen-error-root"},t().createElement("div",{className:m,style:s,"data-testid":"full-screen-error-icon"},"!"),t().createElement("p",{className:h,style:o,"data-testid":"full-screen-error-text"},e))},B=({theme:e,name:n,rootClassName:r,rootStyles:a={}})=>{const o=d(u({example_component_container:!0},r),p("exampleComponent_theme_",e));return t().createElement("div",{className:o,"data-testid":"example-component-root",style:a},t().createElement(S,{Element:"h1",mb:5},"Hello World!"),t().createElement(S,{Element:"p",mb:2},"This is just an example component"),t().createElement(S,{Element:"p"},"Name: ",n))};const H=e=>{var{links:n,rootClassName:r,rootStyles:a={},linkClassName:o,linkStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=d(u(m({externalLinks_container:!0},i),r),p("externalLinks_theme_",s)),h=d(u({externalLinks_link:!0},o),p("externalLinks_link_theme_",s));return t().createElement(t().Fragment,null,n&&n.length>0&&t().createElement("ul",{"data-testid":"external-links-root",className:c,style:a},n.map(((e,n)=>t().createElement("li",{"data-testid":`external-links-link-${e}`,className:"externalLinks_linkContainer",key:n},t().createElement("a",{href:e.link,target:"_blank",rel:"noreferrer",className:h,style:l},e.text))))))};const q=e=>{var{children:n,positionFixed:r=!1,rootClassName:a,rootStyles:o={},theme:l="light"}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme"]);const i=d(u(m({footer_container:!0,footer_container_positionFixed:r},s),a),p("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:i,style:o},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:a=32,inline:o=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:p="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=d(u(m({icon_container:!0,icon_container_inline:o},h),i));return t().createElement("div",{"data-testid":"icon-root",className:y,style:c},t().createElement(n,{"data-testid":"icon-svg-icon",width:r,height:a,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:a,loaderSize:o="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:p="fill",rootClassName:h,rootStyles:y={},fallbacks:f=[],imgStyles:g={},inheritWidth:b=!1}=n,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["onClick","clickable","loaderSize","src","alt","imgClassName","objectFit","rootClassName","rootStyles","fallbacks","imgStyles","inheritWidth"]);const[O,_]=(0,e.useState)(-1),[w,E]=(0,e.useState)(!1),[j,S]=(0,e.useState)(!1),C=d(u(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${a}`]:!!a},v),h,{position_relative:!0})),x=d(u({image_img:!0,[`image_img_fit-${p}`]:!0},i)),P=f&&f.length>0,I=P&&O>-1?f[O]:l;return t().createElement("div",{className:C,style:y,onClick:()=>{r&&c(r)&&r()},"data-testid":"image-component-root"},j?t().createElement("p",{"data-testid":"image-component-error"},`Unable to load ${s}`):t().createElement(t().Fragment,null,!w&&t().createElement(N,{size:o}),t().createElement("img",{"data-testid":"image-component-img",style:w?Object.assign({},g):Object.assign(Object.assign({},g),{display:"none"}),alt:s,src:I,onLoad:()=>{S(!1),E(!0)},onError:()=>{P?(E(!1),O<f.length-1?_(O+1):(E(!0),S(!0))):(E(!0),S(!0))},className:x})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:a=!1,rootClassName:o,imgClassName:l,rootStyles:s={},imgStyles:i={}}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=d(u({hero_container:!0,hero_container_fullWidth:a},o,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:a?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:a="",clickable:o,rootClassName:l,rootStyles:h={},getMiniImagePath:y,onClickImage:f,indexOverride:g,setIndexOverride:b,initialSelectedIndex:v=0,mainImageClassName:O,mainImageStyles:_={},miniImageClassname:w,miniImageStyles:j={},miniImageSelectedClassName:S,miniImageSelectedStyles:N={},theme:C="light"}=n,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[P,I]=(0,e.useState)(v);(0,e.useEffect)((()=>{I(v),c(b)&&b(v)}),[]),(0,e.useEffect)((()=>{var e;e=r[P],s(e)&&Object.keys(e).length>0||I(0),i(g)&&I(g)}),[r,I,P,g]);const k=d(u(m({multiImageViewer_container:!0},x),l)),M=d(u({multiImageViewer_mainImage:!0,multiImageViewer_mainImage_multi:r.length>1},O));return t().createElement("div",{className:k,style:h,"data-testid":"multi-image-viewer-root"},t().createElement(R,{inheritWidth:!0,clickable:o,rootClassName:M,rootStyles:_,onClick:()=>{f&&c(f)&&f()},src:r&&r[P]?r[P].path:"",alt:r&&r[P]?r[P].alt:"RESO Image"}),r&&r.length>1&&t().createElement(E,{inheritWidth:!0,pa:1},r.map(((e,n)=>{const r=u({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:P===n,[S]:S&&P===n},w),o=P===n?p("multiImageViewer_miniImage_selected_theme_",C):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:d(r,o),rootStyles:P===n?Object.assign(Object.assign({},j),N):j,key:n,onClick:()=>{c(b)&&b(n),I(n)},src:c(y)?y(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,a]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:a="Logo",renderCustomLogo:o,onClickLogo:s,maxWidth:i,children:h,position:y="fixed",navClassName:f,navStyles:g={},rootClassName:b,rootStyles:v={},theme:O="light",ph:_=5}=e,w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=d(u(m({navbar_header_container:!0,[`navbar_header_position_${y}`]:!0},Object.assign({ph:_},w)),b,{no_select:!0}),p("navbar_theme_",O)),j=d(u({navbar_nav_container:!0},b,{no_select:!0})),N=l()({no_select:!0,navbar_nav_logo_container:!0,navbar_nav_logo_container_curson_pointer:c(s)||"a"===n});return t().createElement("header",{"data-testid":"navbar-root",className:E,style:v},t().createElement("nav",{className:j,style:Object.assign({maxWidth:"number"==typeof i?i:"unset"},g)},t().createElement(n,{"data-testid":"navbar-logo",className:N,onClick:()=>{c(s)&&s()},href:"a"===n?r:void 0},"function"==typeof o?o():t().createElement(S,{theme:O,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},a)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:a,active:o=!1,enableActiveStyles:l=!0,href:s="#",renderCustomNavItem:i,elementClassName:h,elementStyles:y={},rootClassName:f,rootStyles:g={},theme:b="light"}=e,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const O=d(u(m({navItem_container:!0},v),f,{no_select:!0}),p("navItem_theme_",b)),_=d(u({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===o},h,{no_select:!0}),p("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:O},c(i)?i({theme:b,children:r,active:o}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:_,style:y,onClick:()=>{c(a)&&a()},href:"a"===n?s:void 0},r))},U=({children:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=d(u({panel_container:!0},n),p("panel_container_theme_",a));return t().createElement("div",{className:o,style:r,"data-testid":"panel-container-root"},e)},K=({text:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=d(u({panel_title:!0},n),p("panel_title_theme_",a));return t().createElement("p",{className:o,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:a={},keyClassName:o,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=d(u({panel_row_container:!0},r)),m=d(u({panel_row_key:!0},o)),p=d(u({panel_row_value:!0},s));return t().createElement("div",{className:c,style:a,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:p,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:a={},theme:o})=>{const l=d(u({quantityCounter_container:!0},r),p("quantityCounter_theme_",o));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:a},t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{e>1&&n(e-1)},role:"button","data-testid":"quantity-counter-subtract"},"-"),t().createElement("span",{"data-testid":"quantity-counter-value"},e),t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{n(e+1)},role:"button","data-testid":"quantity-counter-add"},"+"))};const X=e=>{var{rootClassName:n,rootStyles:r={},onSubmit:a,onInvalid:o,noValidate:l=!1,children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const h=d(u(m({form_container:!0},c),n),p("form_container_theme_",i));return t().createElement("form",{onInvalid:o,noValidate:l,"data-testid":"form-root",className:h,style:r,onSubmit:e=>{e.preventDefault(),a()}},s)};const G=e=>{var{title:n,rootClassName:r,rootStyles:a={},headerClassName:o,headerStyles:l={},children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=d(u(m({subForm_container:!0},c),r),p("subForm_container_theme_",i)),y=d(u({subForm_header:!0,heading:!0},o,{no_select:!0}),p("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:a},t().createElement("div",{"data-testid":"subForm-header",className:y,style:l},n),t().createElement("div",{className:"subForm_content"},s))};const J=e=>{var{rootClassName:n,rootStyles:r={},children:a,theme:o="light",mb:l=4}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=d(u({control_container:!0},n),p("control_container_theme_",o));return t().createElement(_,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),a)};const Z=e=>{var{htmlFor:n,label:r,description:a,descriptionSelectedKey:o,required:l=!1,labelClassName:s,labelStyles:i={},rootClassName:c,rootStyles:h={},theme:y="light"}=e,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=d(u(m({label_container:!0},f),c,{no_select:!0}),p("label_container_theme_",y)),b=u({label_top:!0,label_top_marginBottom:!!a}),v=d(u({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),p("label_theme_",y));return t().createElement("div",{"data-testid":`label_${n}`,className:g,style:h},t().createElement("div",{className:b},t().createElement("label",{htmlFor:n,className:v,style:i},r),l&&t().createElement("span",{className:"label_required"},"(*required)")),a&&("string"==typeof a?a&&t().createElement("p",{className:"label_description"},a):a&&a[`${o}`]?t().createElement("p",{className:"label_description"},a[`${o}`]):null))};const ee=e=>{var{id:n=null,disabled:r=!1,inheritWidth:a=!1,inline:o=!1,text:l="Submit",rootClassName:s,rootStyles:i={},theme:c="dark"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=d(u({submit_button:!0},s,{disabled:r,no_select:!0}),p("submit_button_theme_",c));return t().createElement(y,Object.assign({id:n,role:"submit",text:l,inheritWidth:a,inline:o,rootClassName:h,rootStyles:i,disabled:r},m))},te=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,ne={validationFn:e=>!te(e),errorMessage:"This field is required"},re={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},ae={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!!(!isNaN(t)&&"number"==typeof t&&t>-1&&Number.isInteger(t))},errorMessage:"Value must be a positive integer"},oe=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n>=e},errorMessage:`Value must be more than or equals to ${e}`}),le=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),se={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},ie={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},ce={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\(?([0-9]{3,4})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e)),errorMessage:"Value must have a valid phone number format"},me=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),ue=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),pe=e=>({validationFn:t=>{if(!t||""===t)return!0;const n=new RegExp(e);return!("string"!=typeof t||!n.test(t))},errorMessage:`Value must match the pattern: ${"function"==typeof e.toString?e.toString():e}`}),de=(e,t,n)=>{c(n)&&n(null);let r=!0;if("object"==typeof t){let a;for(const n of t||[])if(r=n.validationFn(e),!r){a=n;break}a&&c(n)&&n(a.errorMessage)}return r},he={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},ye=(t,n,r)=>{const a=(0,e.useMemo)((()=>{const{required:e,min:a,max:o,pattern:l,minLength:s,maxLength:c,isEmail:m,isTel:u}=n;let p=[];return e&&("string"===t?p=[...p,se]:"number"===t?p=[...p,ne]:"boolean"===t&&(p=[...p,he])),l&&(p=[...p,pe(l)]),m&&(p=[...p,ie]),u&&(p=[...p,ce]),i(s)&&(p=[...p,me(s)]),i(c)&&(p=[...p,ue(c)]),i(a)&&(p=[...p,oe(a)]),i(o)&&(p=[...p,le(o)]),((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)(p,r)}),[]);return a};const fe=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,type:O="text",autocomplete:_="off",placeholder:w,pattern:E,minLength:j,maxLength:S,size:N=50,rootClassName:C,rootStyles:x={},inputClassName:P,inputStyles:I={},theme:k="light",customValidators:M=[]}=n,L=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","type","autocomplete","placeholder","pattern","minLength","maxLength","size","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const F=ye("string",{required:g,minLength:j,maxLength:S,isEmail:"email"===O,isTel:"tel"===O,pattern:E},M);(0,e.useEffect)((()=>{c&&de(a,F,y)}),[]);const $=d(u(m({form_input_container:!0,input_text_container:!0},L),C)),z=d(u({input_text:!0,form_controls_input:!0},P,{disabled:f}),p("input_text_theme_",k));return t().createElement("div",{"data-testid":`text-input-${r}-container`,className:$,style:x},t().createElement("input",{"data-testid":`text-input-${r}-input`,id:r,type:O,value:a||"",onChange:e=>{const t=e.target.value;de(t,F,y),o(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),de(a,F,y))},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:_,size:N,maxLength:S,minLength:j,className:z,placeholder:w,pattern:E&&"function"==typeof E.toString?E.toString():E,style:I}),h&&t().createElement("p",{"data-testid":`text-input-${r}-error`,className:"form_input_error"},h))};const ge=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c=!1,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,autocomplete:O="off",min:_=0,max:w,step:E="any",rootClassName:j,rootStyles:S={},inputClassName:N,inputStyles:C={},theme:x="light",customValidators:P=[]}=n,I=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","autocomplete","min","max","step","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);(0,e.useEffect)((()=>{const e=e=>{const t=document.activeElement;"number"===t.type&&t.blur()};return document.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]);const k=ye("number",{required:g,min:_,max:w},P);(0,e.useEffect)((()=>{c&&de(a,k,y)}),[]);const M=d(u(m({form_input_container:!0,input_number_container:!0},I),j)),L=d(u({input_number:!0,form_controls_input:!0},N,{disabled:f,no_select:!0}),p("input_number_theme_",x));return t().createElement("div",{"data-testid":`number-input-${r}-container`,className:M,style:S},t().createElement("input",{id:r,"data-testid":`number-input-${r}-input`,type:"number",value:Number(a).toString(),onChange:e=>{const t=e.target.value;de(t,k,y),o(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:O,max:w,min:_,step:E,className:L,style:C}),h&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},h))},be=t=>{const[n,r]=(0,e.useState)(t),[a,o]=(0,e.useState)(null);return{value:n,setValue:r,error:a,setError:o}},ve=(t,n)=>{(0,e.useEffect)((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};var Oe;function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_e.apply(this,arguments)}const we=function(t){return e.createElement("svg",_e({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Oe||(Oe=e.createElement("path",{fill:"current",d:"M16 5C9.924 5 5 9.925 5 16c0 6.074 4.925 11 11 11 6.074 0 11-4.926 11-11 0-6.075-4.926-11-11-11m2.29 17.048q-.85.335-1.355.51-.507.176-1.176.176-1.028 0-1.599-.502a1.62 1.62 0 0 1-.569-1.273q0-.3.042-.613.044-.314.137-.707l.709-2.503q.093-.361.16-.681.063-.32.062-.59 0-.478-.197-.667-.198-.188-.757-.187-.274 0-.563.083a8 8 0 0 0-.493.164l.187-.77a18 18 0 0 1 1.332-.486 4 4 0 0 1 1.201-.203q1.02.001 1.576.494.552.493.553 1.281 0 .163-.038.574a4 4 0 0 1-.142.756l-.705 2.495q-.087.301-.155.686a3.6 3.6 0 0 0-.068.583q0 .497.222.678.221.18.77.18.258 0 .583-.09t.471-.158zm-.125-10.13a1.68 1.68 0 0 1-1.188.458 1.7 1.7 0 0 1-1.192-.458 1.46 1.46 0 0 1-.496-1.11q.002-.651.496-1.115.498-.463 1.192-.462.695 0 1.188.462.492.464.493 1.114 0 .653-.493 1.111"})))};var Ee;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},je.apply(this,arguments)}const Se=function(t){return e.createElement("svg",je({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Ee||(Ee=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var Ne;function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ce.apply(this,arguments)}const xe=function(t){return e.createElement("svg",Ce({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Ne||(Ne=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M6.929 2 5.515 3.414l4.657 4.657-4.657 4.657 1.414 1.414L13 8.071z",clipRule:"evenodd"})))};var Pe,Ie;function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ke.apply(this,arguments)}const Me=function(t){return e.createElement("svg",ke({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Pe||(Pe=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M8.485 3.414 7.071 2 1 8.071l6.071 6.071 1.414-1.414L3.828 8.07z",clipRule:"evenodd"})),Ie||(Ie=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M13.485 3.414 12.071 2 6 8.071l6.071 6.071 1.414-1.414L8.828 8.07z",clipRule:"evenodd"})))};var Le,Fe;function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$e.apply(this,arguments)}const ze=function(t){return e.createElement("svg",$e({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Le||(Le=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M7.515 3.414 8.929 2 15 8.071l-6.071 6.071-1.414-1.414 4.657-4.657z",clipRule:"evenodd"})),Fe||(Fe=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M2.515 3.414 3.929 2 10 8.071l-6.071 6.071-1.414-1.414L7.172 8.07z",clipRule:"evenodd"})))};var Be,He;function qe(){return qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},qe.apply(this,arguments)}const Ve=function(t){return e.createElement("svg",qe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),Be||(Be=e.createElement("g",{clipPath:"url(#dashboard_svg__a)"},e.createElement("path",{d:"M24.542 6H7.458A1.46 1.46 0 0 0 6 7.458v2.084A1.46 1.46 0 0 0 7.458 11h17.084A1.46 1.46 0 0 0 26 9.542V7.458A1.46 1.46 0 0 0 24.542 6M7.458 25.998h6.25a1.46 1.46 0 0 0 1.459-1.458V14.123a1.46 1.46 0 0 0-1.459-1.458h-6.25A1.46 1.46 0 0 0 6 14.123V24.54a1.46 1.46 0 0 0 1.458 1.458M24.542 12.665h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 17.04v-2.917a1.46 1.46 0 0 0-1.458-1.458M24.542 20.165h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 24.54v-2.917a1.46 1.46 0 0 0-1.458-1.458"}))),He||(He=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var Re;function Ae(){return Ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ae.apply(this,arguments)}const We=function(t){return e.createElement("svg",Ae({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Re||(Re=e.createElement("path",{fill:"current",d:"m26.406 14.569-.001-.002-8.974-8.973A2.01 2.01 0 0 0 15.998 5c-.54 0-1.049.21-1.432.593l-8.97 8.97-.008.009a2.03 2.03 0 0 0 .004 2.86 2.01 2.01 0 0 0 1.406.594h.358v6.604A2.373 2.373 0 0 0 9.726 27h3.511a.645.645 0 0 0 .645-.645v-5.177c0-.597.485-1.082 1.081-1.082h2.071c.596 0 1.081.485 1.081 1.082v5.177c0 .357.289.645.645.645h3.511a2.373 2.373 0 0 0 2.37-2.37v-6.604h.332a2.029 2.029 0 0 0 1.433-3.457"})))};var Te,De,Ue;function Ke(){return Ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ke.apply(this,arguments)}const Ye=function(t){return e.createElement("svg",Ke({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Te||(Te=e.createElement("path",{d:"M0 0h32v32H0z"})),De||(De=e.createElement("g",{fill:"current",clipPath:"url(#logout_svg__a)"},e.createElement("path",{d:"M20 17a1 1 0 0 0-1 1v4c0 .551-.448 1-1 1h-3V8c0-.854-.544-1.617-1.362-1.9l-.296-.1H18c.552 0 1 .45 1 1v3a1 1 0 1 0 2 0V7c0-1.654-1.346-3-3-3H7.25c-.038 0-.07.018-.107.022C7.095 4.018 7.049 4 7 4c-1.103 0-2 .897-2 2v18c0 .854.544 1.617 1.362 1.901l6.018 2.006c.204.063.407.093.62.093 1.103 0 2-.897 2-2v-1h3c1.654 0 3-1.346 3-3v-4a1 1 0 0 0-1-1"}),e.createElement("path",{d:"m28.707 13.293-4-4A1 1 0 0 0 23 10v3h-4a1 1 0 0 0 0 2h4v3a1 1 0 0 0 1.707.707l4-4a1 1 0 0 0 0-1.414"}))),Ue||(Ue=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var Qe,Xe;function Ge(){return Ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ge.apply(this,arguments)}const Je=function(t){return e.createElement("svg",Ge({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Qe||(Qe=e.createElement("g",{fill:"current",clipPath:"url(#products_svg__a)"},e.createElement("path",{d:"M11.597 16.762h9.14c.421 0 .762-.341.762-.762V6.809c0-.421-.34-.762-.762-.762h-2.285v-.762A2.29 2.29 0 0 0 16.167 3a2.29 2.29 0 0 0-2.285 2.285v.762h-2.285a.76.76 0 0 0-.762.762v9.19c0 .422.34.763.762.763m3.808-11.477a.763.763 0 0 1 1.524 0v.762h-1.524z"}),e.createElement("path",{d:"M27.264 15.606a.76.76 0 0 0-.652-.368 3.61 3.61 0 0 0-3.196 1.934l-2.337 4.46a2.28 2.28 0 0 1-2.024 1.223h-5.173a.761.761 0 1 1 0-1.523h5.173a.76.76 0 0 0 .675-.408l.873-1.667a.664.664 0 0 0-.589-.972h-7.917a3.79 3.79 0 0 0-2.693 1.116l-4.505 4.505a.76.76 0 0 0 0 1.077l3.809 3.794a.76.76 0 0 0 1.077 0l2.889-2.875h6.38a5.32 5.32 0 0 0 4.724-2.857l3.508-6.69a.76.76 0 0 0-.022-.75"}))),Xe||(Xe=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var Ze;function et(){return et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},et.apply(this,arguments)}const tt=function(t){return e.createElement("svg",et({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Ze||(Ze=e.createElement("path",{fill:"current",d:"M16 4.001c-6.627 0-12 5.372-12 12C4 22.627 9.373 28 16 28c6.628 0 12-5.372 12-12 0-6.627-5.372-11.999-12-11.999m0 3.588a3.97 3.97 0 1 1 0 7.939 3.97 3.97 0 0 1 0-7.939m-.003 17.274a8.8 8.8 0 0 1-5.735-2.115 1.7 1.7 0 0 1-.593-1.286 4.003 4.003 0 0 1 4.022-4.001h4.619a3.997 3.997 0 0 1 4.016 4.001c0 .495-.216.964-.593 1.285a8.8 8.8 0 0 1-5.736 2.116"})))};var nt;function rt(){return rt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},rt.apply(this,arguments)}const at=function(t){return e.createElement("svg",rt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),nt||(nt=e.createElement("path",{fill:"current",d:"M27.903 14.496c-.157-1.211-1.418-2.04-2.625-1.588-.452.171-.996-.083-1.2-.54a9 9 0 0 0-.891-1.548c-.31-.431-.251-.995.134-1.313.46-.378.717-.937.705-1.532a1.96 1.96 0 0 0-.782-1.53 12 12 0 0 0-2.587-1.494 2 2 0 0 0-.773-.157c-.958 0-1.766.681-1.922 1.619-.082.493-.549.828-1.075.771a8.5 8.5 0 0 0-1.775 0c-.524.057-.993-.278-1.075-.771a1.94 1.94 0 0 0-1.922-1.62q-.4.001-.772.158c-.92.387-1.79.889-2.588 1.494a1.96 1.96 0 0 0-.781 1.529 1.93 1.93 0 0 0 .705 1.534c.386.317.443.88.134 1.31a9 9 0 0 0-.892 1.55c-.204.456-.708.724-1.211.535a2 2 0 0 0-.681-.124c-.976 0-1.806.738-1.933 1.717a11.811 11.811 0 0 0 0 3.008c.157 1.21 1.417 2.039 2.626 1.588.451-.171.996.083 1.2.539.244.544.543 1.065.891 1.549.31.43.251.995-.134 1.313-.46.378-.717.937-.705 1.532a1.96 1.96 0 0 0 .782 1.53 12 12 0 0 0 2.587 1.494q.374.156.773.157c.958 0 1.766-.681 1.922-1.62.082-.492.55-.822 1.075-.77a8.5 8.5 0 0 0 1.775 0c.526-.053.993.278 1.075.77a1.94 1.94 0 0 0 1.922 1.62c.265 0 .525-.053.772-.157.919-.387 1.79-.89 2.587-1.494.484-.368.77-.925.782-1.53a1.93 1.93 0 0 0-.705-1.533c-.386-.317-.443-.881-.134-1.311a9 9 0 0 0 .892-1.55c.204-.456.709-.723 1.211-.534q.331.125.681.125c.976 0 1.806-.738 1.933-1.717a11.903 11.903 0 0 0-.001-3.01M16 20c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4"})))};var ot,lt;function st(){return st=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},st.apply(this,arguments)}const it=function(t){return e.createElement("svg",st({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),ot||(ot=e.createElement("path",{fill:"#434B59",d:"M24.39 17.093c-.885 0-1.603.718-1.603 1.604v4.095H9.207v-4.095a1.604 1.604 0 0 0-3.207 0v5.699C6 25.282 6.718 26 7.604 26H24.39c.885 0 1.603-.718 1.603-1.604v-5.7c0-.885-.718-1.603-1.604-1.603"})),lt||(lt=e.createElement("path",{fill:"#434B59",d:"m12.603 13.266 1.79-1.79v5.975a1.604 1.604 0 0 0 3.208 0v-5.975l1.79 1.79c.313.313.724.47 1.134.47s.821-.157 1.134-.47a1.604 1.604 0 0 0 0-2.268L17.131 6.47a1.604 1.604 0 0 0-2.268 0l-4.528 4.528a1.604 1.604 0 1 0 2.268 2.268"})))};var ct,mt;function ut(){return ut=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ut.apply(this,arguments)}const pt=function(t){return e.createElement("svg",ut({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),ct||(ct=e.createElement("g",{fill:"current",clipPath:"url(#users_svg__a)"},e.createElement("path",{d:"M16 13.686a4.078 4.078 0 1 0 0-8.156 4.078 4.078 0 0 0 0 8.156M24.25 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M7.75 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M10.29 16.001c-1.015-.831-1.934-.721-3.107-.721C5.428 15.28 4 16.7 4 18.443v5.12c0 .757.618 1.373 1.379 1.373 3.282 0 2.887.06 2.887-.142 0-3.627-.43-6.287 2.024-8.793"}),e.createElement("path",{d:"M17.116 15.299c-2.05-.171-3.83.001-5.367 1.27-2.572 2.06-2.077 4.833-2.077 8.225 0 .898.73 1.642 1.641 1.642 9.895 0 10.289.32 10.876-.98.192-.44.14-.3.14-4.503 0-3.34-2.892-5.654-5.213-5.654M24.817 15.28c-1.18 0-2.094-.109-3.107.722 2.436 2.486 2.024 4.965 2.024 8.793 0 .202-.328.141 2.838.141.788 0 1.428-.638 1.428-1.422v-5.07c0-1.744-1.428-3.164-3.183-3.164"}))),mt||(mt=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var dt,ht;function yt(){return yt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},yt.apply(this,arguments)}const ft=function(t){return e.createElement("svg",yt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),dt||(dt=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),ht||(ht=e.createElement("path",{fill:"current",d:"M5.541 16c-.851 0-1.551.693-1.442 1.537A12 12 0 1 0 11.53 4.863c-.79.317-1.052 1.266-.637 2.01.416.742 1.353.993 2.156.711a8.917 8.917 0 1 1-5.835 9.95C7.07 16.695 6.392 16 5.541 16"})))};var gt;function bt(){return bt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},bt.apply(this,arguments)}const vt=function(t){return e.createElement("svg",bt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),gt||(gt=e.createElement("path",{fill:"#FFD868",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ot,_t;function wt(){return wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},wt.apply(this,arguments)}const Et=function(t){return e.createElement("svg",wt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Ot||(Ot=e.createElement("path",{fill:"#FFD868",fillRule:"evenodd",d:"M8.56 0 6.539 6.219H0l5.29 3.843-2.02 6.22 5.29-3.844z",clipRule:"evenodd"})),_t||(_t=e.createElement("path",{fill:"#C4C4C4",fillRule:"evenodd",d:"M8.56 12.438V0l2.02 6.219h6.539l-5.29 3.843 2.02 6.22z",clipRule:"evenodd"})))};var jt;function St(){return St=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},St.apply(this,arguments)}const Nt=function(t){return e.createElement("svg",St({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),jt||(jt=e.createElement("path",{fill:"#D9D7D7",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ct;function xt(){return xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},xt.apply(this,arguments)}const Pt=function(t){return e.createElement("svg",xt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),Ct||(Ct=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var It;function kt(){return kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},kt.apply(this,arguments)}const Mt=function(t){return e.createElement("svg",kt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),It||(It=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var Lt,Ft;function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$t.apply(this,arguments)}const zt=function(t){return e.createElement("svg",$t({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),Lt||(Lt=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),Ft||(Ft=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var Bt;function Ht(){return Ht=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ht.apply(this,arguments)}const qt=function(t){return e.createElement("svg",Ht({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),Bt||(Bt=e.createElement("path",{fill:"#8B93A2",fillRule:"evenodd",d:"M4 0a1 1 0 0 0-1 1H1a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H7a1 1 0 0 0-1-1zM1.14 5.124A1 1 0 0 1 2.134 4h5.734a1 1 0 0 1 .993 1.124l-.75 6a1 1 0 0 1-.993.876H2.883a1 1 0 0 1-.992-.876z",clipRule:"evenodd"})))};var Vt;function Rt(){return Rt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Rt.apply(this,arguments)}const At=function(t){return e.createElement("svg",Rt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Vt||(Vt=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M11.612 5.923a.99.99 0 0 1 .99-.923h6.763c.52 0 .953.403.99.923l.185 2.648h2.526a2 2 0 0 1 1.995 1.86l1.083 15.429A2 2 0 0 1 24.149 28H8.354a2 2 0 0 1-1.995-2.14L7.44 10.43a2 2 0 0 1 1.995-1.86h1.99zM18.7 8.57h-5.4l.062-.9A.72.72 0 0 1 14.08 7h3.839a.72.72 0 0 1 .718.672zm.264 6.722a1 1 0 0 1 1.414 1.414l-4.287 4.287a1 1 0 0 1-1.602.11l-2.25-2.632a1 1 0 1 1 1.521-1.3l1.532 1.793z",clipRule:"evenodd"})))};var Wt;function Tt(){return Tt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Tt.apply(this,arguments)}const Dt=function(t){return e.createElement("svg",Tt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Wt||(Wt=e.createElement("path",{fill:"current",d:"M21.188 21.834a2.8 2.8 0 0 0-2.802 2.802 2.8 2.8 0 0 0 2.802 2.803 2.8 2.8 0 0 0 2.803-2.803c-.027-1.536-1.267-2.802-2.803-2.802M26.12 8.469c-.055 0-.135-.027-.216-.027H8.928l-.27-1.806A2.41 2.41 0 0 0 6.26 4.562H4.078C3.485 4.562 3 5.047 3 5.639c0 .593.485 1.078 1.078 1.078H6.26c.135 0 .243.108.27.243L8.2 18.33a2.954 2.954 0 0 0 2.91 2.507h11.21c1.401 0 2.614-.997 2.91-2.372l1.752-8.757a1.065 1.065 0 0 0-.863-1.24M14.317 24.502a2.786 2.786 0 0 0-2.775-2.668 2.82 2.82 0 0 0-2.695 2.91 2.76 2.76 0 0 0 2.749 2.668h.054c1.535-.081 2.748-1.374 2.667-2.91"})))}})(),a})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,o(n)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";r.r(a),r.d(a,{AboutIcon:()=>we,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>O,CartIcon:()=>Dt,CenterContainer:()=>w,ChevronDoubleLeft:()=>Me,ChevronDoubleRight:()=>ze,ChevronSingleLeft:()=>Se,ChevronSingleRight:()=>xe,ComponentError:()=>C,ControlWrapper:()=>J,DashboardIcon:()=>Ve,DefaultTheme:()=>n,DeleteIcon:()=>qt,Dialog:()=>$,DropdownDown:()=>Mt,DropdownUp:()=>Pt,EditIcon:()=>zt,Example:()=>B,ExternalLinks:()=>H,Flex:()=>_,Footer:()=>q,FormContainer:()=>X,FullScreenError:()=>z,Hero:()=>A,HomeIcon:()=>We,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>j,Icon:()=>V,Image:()=>R,Label:()=>Z,Loader:()=>N,LoaderIcon:()=>ft,LoadingContainer:()=>x,LogoutIcon:()=>Ye,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>ge,OrdersIcon:()=>At,PanelContainer:()=>U,PanelRow:()=>Y,PanelTitle:()=>K,ProductsIcon:()=>Je,ProfileIcon:()=>tt,QuantityCounter:()=>Q,SettingsIcon:()=>at,StarEmptyIcon:()=>Nt,StarFullIcon:()=>vt,StarHalf:()=>Et,SubFormContainer:()=>G,SubmitButton:()=>ee,Text:()=>S,TextInput:()=>fe,UploadIcon:()=>it,UsersIcon:()=>pt,View:()=>I,numberIsLessThan:()=>le,numberIsMoreThanOrEqualsTo:()=>oe,numberIsPositiveInteger:()=>ae,numberIsRequired:()=>ne,stringHasMaxLength:()=>ue,stringHasMinLength:()=>me,stringIsEmail:()=>ie,stringIsPhoneDefault:()=>ce,stringIsRequired:()=>se,stringMatchesRegex:()=>pe,useClickOutside:()=>ve,useFormInput:()=>be,validate:()=>de,valueIsNumber:()=>re});var e=r(440),t=r.n(e);const n="light";var o=r(84),l=r.n(o);const s=e=>null!=e,i=e=>{const t=Number(e);return s(t)&&"number"==typeof t&&!isNaN(t)},c=e=>s(e)&&"function"==typeof e,m=(e,t)=>{const{ma:n,mv:r,mh:a,mt:o,mb:l,mr:i,ml:c,pa:m,pv:u,ph:p,pt:d,pr:h,pl:y,pb:f}=t;let g={};return s(n)&&(g=Object.assign(Object.assign({},g),{[`spacing-ma-${n}`]:!0})),s(r)&&(g=Object.assign(Object.assign({},g),{[`spacing-mv-${r}`]:!0})),s(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${a}`]:!0})),s(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${o}`]:!0})),s(l)&&(g=Object.assign(Object.assign({},g),{[`spacing-mb-${l}`]:!0})),s(i)&&(g=Object.assign(Object.assign({},g),{[`spacing-mr-${i}`]:!0})),s(c)&&(g=Object.assign(Object.assign({},g),{[`spacing-ml-${c}`]:!0})),s(m)&&(g=Object.assign(Object.assign({},g),{[`spacing-pa-${m}`]:!0})),s(u)&&(g=Object.assign(Object.assign({},g),{[`spacing-pv-${u}`]:!0})),s(p)&&(g=Object.assign(Object.assign({},g),{[`spacing-ph-${p}`]:!0})),s(d)&&(g=Object.assign(Object.assign({},g),{[`spacing-pt-${d}`]:!0})),s(f)&&(g=Object.assign(Object.assign({},g),{[`spacing-pb-${f}`]:!0})),s(h)&&(g=Object.assign(Object.assign({},g),{[`spacing-pr-${h}`]:!0})),s(y)&&(g=Object.assign(Object.assign({},g),{[`spacing-pl-${y}`]:!0})),Object.assign(Object.assign({},e),g)},u=(e,t,n)=>{const{disabled:r,no_select:a,width_full:o,width_fit_content:s,position_relative:i}=n||{disabled:!1,no_select:!1,width_full:!1,width_fit_content:!1,position_relative:!1};return l()(Object.assign(Object.assign({component_layout_default:!0,component_disabled:r&&!0===r,no_select:a&&!0===a,width_full:o&&!0===o,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},p=(e,t)=>l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!(!e||!t)}),d=(e,t)=>{const n=t||p();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:a=!1,rootClassName:o,rootStyles:l={},linkClassName:s,linkStyles:i={},theme:c="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=d(u(m({back_container:!0},h),o,{disabled:a,no_select:!0}),p("back_theme_",c)),f=d(u({},s),p("back_link_theme",c));return t().createElement("div",{"data-testid":"back-root",className:y,style:l,role:"navigation"},t().createElement("a",{rel:"noreferrer",href:n,className:f,style:i,"data-testid":"back-link"},"<"," ",r))};const y=e=>{var{id:n=null,type:r="plain",role:a="button",text:o,onClick:l,disabled:s=!1,inheritWidth:i=!1,inline:h=!1,rootClassName:y,rootStyles:f={},theme:g="light"}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=d(u(m({button_container:!0,button_container_inheritWidth:i,button_container_inline:h,button_container_link:"link"===r,button_text:!0},b),y,{disabled:s,no_select:!0}),p(`button_${r}_theme_`,g));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:v,style:f,type:a,onClick:()=>{c(l)&&l()},disabled:s},o)},f=({type:n,text:r,rootClassName:a,rootStyles:o={}})=>{const[l,s]=(0,e.useState)(!0),i=d(u({banner_container:!0,[`banner_container_${n}`]:!0},a,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},o),"data-testid":"banner-root"},t().createElement("span",null,r),t().createElement(y,{text:"X",rootClassName:"banner_close_button",onClick:()=>{s(!1)}}))},g=({children:e,positionAbsolute:n=!1,hasMaxHeight:r=!1,rootClassName:a,rootStyles:o={}})=>{const l=d(u({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},a));return t().createElement("div",{className:l,style:o,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=d(u(m({card_container:!0},l),r,{no_select:!0}),p("card_container_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=d(u(m({card_content_container:!0,card_content_container_wrap:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"card-content-root"},n)},O=({value:e,rootClassName:n,rootStyles:r={}})=>{const a=d(u({card_summary_value:!0},n));return t().createElement("span",{className:a,style:r,"data-testid":"card-summary-value"},e)};const _=e=>{var{direction:n="row",justify:r="space-between",align:a="center",grow:o=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:p=!1,children:h,rootClassName:y,borderColor:f=null,rootStyles:g={}}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=d(u(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${a}`]:!0,flex_grow:o,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content:p})),O=s&&"auto"===s?"auto":"string"==typeof s?s:0;return t().createElement("div",{"data-testid":"flex-container-root",style:Object.assign({border:f?`2px solid ${f}`:null,flexBasis:O},g),className:v},h)},w=({children:e,maxWidth:n,rootClassName:r,rootStyles:a={}})=>{const o=u({component_center_container:!0},r);return t().createElement("div",{className:o,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},a)},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=d(u(m({hsc_container:!0,hsc_container_inheritWidth:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"horizontal-scroll-container-root"},n)};const j=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=d(u(m({hsi_container:!0},o),r));return t().createElement("div",{className:l,style:a,"data-testid":"horizontal-scroll-item-root"},n)};const S=e=>{var{id:n,Element:r="span",sizing:a="default",size:o=3,children:l,noSelect:s=!1,noBlockMargin:i=!1,noInlineMargin:c=!1,rootClassName:h,rootStyles:y={},theme:f="light"}=e,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","Element","sizing","size","children","noSelect","noBlockMargin","noInlineMargin","rootClassName","rootStyles","theme"]);const b=()=>"h1"===r||"h2"===r||"h3"===r||"h4"===r||"h5"===r||"h6"===r,v=d(u(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${a}_${o}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),p("text_theme_",f));return t().createElement(r,{id:n,"data-testid":"text-root",className:v},l)},N=({type:e="default",text:n,size:r="small",rootClassName:a,iconContainerClassName:o,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=d(u({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},a),p("componentLoader_container_theme_",i)),m=d(u({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},o),p("componentLoader_loader_theme_",i));return t().createElement("div",{className:c,style:l,"data-testid":"component-loader-root"},t().createElement("div",{className:m,style:s,"data-testid":"component-loader-icon-container"}),n&&t().createElement(S,{Element:"p",noBlockMargin:!0,noInlineMargin:!0},n))},C=({text:e,rootClassName:n,rootStyles:r={},iconClassName:a,iconStyles:o={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=d(u({componentError_container:!0},n),p("componentError_container_theme_",i)),m=d(u({componentError_icon:!0,componentError_icon_margin:e&&""!==e},a),p("componentError_icon_theme_",i)),h=d(u({componentError_text:!0},l),p("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:o,"data-testid":"component-error-icon"},"!"),e&&""!==e&&t().createElement("p",{className:h,style:s,"data-testid":"component-error-text"},e))},x=({type:e,loading:n=!1,children:r,error:a,minHeight:o="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:p={},theme:h})=>{const y=d(u({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),f="layer"===e?o:"inherit";return t().createElement("div",{className:y,style:Object.assign(Object.assign({},s),{minHeight:f}),"data-testid":"loading-container-root"},"layer"===e?t().createElement(t().Fragment,null,n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):a?t().createElement(C,{theme:h,text:a,rootClassName:m,rootStyles:p}):null,r):t().createElement(t().Fragment,null,a?t().createElement(C,{theme:h,text:a,rootClassName:m,rootStyles:p}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))},P=({children:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=d(u({main_container:!0},n,{}),p("main_container_theme_",a));return t().createElement("main",{"data-testid":"main-root",className:o,style:r},e)};const I=e=>{var{rootClassName:n,children:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=d(u(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),p("viewContainer_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"view-container-root"},r)},k=t=>{(0,e.useEffect)((()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[t])};const M=e=>{var{children:n,isOpen:r=!1,layer:a=1,rootClassName:o,rootStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);k(r);const c=d(u(m({modal_container:!0},i),o),p("modal_container_theme_",s)),h=a+10;return t().createElement("div",{className:"modal_backdrop",style:{zIndex:h},"data-testid":"modal-backdrop"},t().createElement("div",{className:c,style:Object.assign({zIndex:h+1},l),"data-testid":"modal-container-root"},n))};const L=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=d(u(m({modal_body:!0},o),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:a,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:a={},theme:o="light"})=>{const l=d(u({modal_header:!0},r),p("modal_header_theme_",o)),s=d(u({modal_header_closeButton:!0}),p("modal_closeButton_theme_",o));return t().createElement("div",{className:l,style:a,"data-testid":"modal-header-root"},t().createElement("span",{className:"sub_heading no_select","data-testid":"modal-header-title"},n),t().createElement(y,{text:"Close",onClick:e,rootClassName:s}))},$=({isOpen:e=!1,type:n="yesNo",layer:r=1,title:a="Confirm",header:o="Are you sure?",description:l="",yesText:s="Yes",noText:i="No",okText:m="OK",onClose:h,onClickYes:f,onClickNo:g,onClickOk:b,rootClassName:v,rootStyles:O,yesButtonClassName:_,yesButtonStyles:w={},noButtonClassName:E,noButtonStyles:j={},okButtonClassName:S,okButtonStyles:N={},theme:C="light"})=>{const x=d(u({dialog_container:!0},v),p("dialog_container_theme_",C)),P=u({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),I=d(u({dialog_button_yes:!0},_,{no_select:!0}),p("dialog_button_yes_",C)),k=d(u({dialog_button_no:!0},E,{no_select:!0}),p("dialog_button_no_",C)),$=d(u({dialog_button_ok:!0},S,{no_select:!0}),p("dialog_button_ok_",C));return t().createElement(M,{isOpen:e,rootClassName:x,rootStyles:O,layer:r,theme:C,pa:5},t().createElement(F,{title:a,onClose:()=>{c(h)&&h()},theme:C}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},o),l&&t().createElement("p",{"data-testid":"dialog-description-text",className:"dialog_description"},l),t().createElement("div",{"data-testid":"dialog-buttons-container",className:P},"yesNo"===n?t().createElement(t().Fragment,null,t().createElement(y,{rootClassName:k,rootStyles:j,onClick:()=>{c(g)&&g()},text:i}),t().createElement(y,{rootClassName:I,rootStyles:w,onClick:()=>{c(f)&&f()},text:s})):t().createElement(y,{rootClassName:$,rootStyles:N,onClick:()=>{c(b)&&b()},text:m,inline:!0,inheritWidth:!0}))))},z=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:a,textStyles:o={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{k(!0);const c=d(u({fullScreenError_container:!0},n),p("fullScreenError_container_theme_",i)),m=d(u({fullScreenError_icon:!0},l),p("fullScreenError_icon_theme_",i)),h=d(u({fullScreenError_text:!0},a),p("fullScreenError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"full-screen-error-root"},t().createElement("div",{className:m,style:s,"data-testid":"full-screen-error-icon"},"!"),t().createElement("p",{className:h,style:o,"data-testid":"full-screen-error-text"},e))},B=({theme:e,name:n,rootClassName:r,rootStyles:a={}})=>{const o=d(u({example_component_container:!0},r),p("exampleComponent_theme_",e));return t().createElement("div",{className:o,"data-testid":"example-component-root",style:a},t().createElement(S,{Element:"h1",mb:5,theme:e},"Hello World!"),t().createElement(S,{Element:"p",mb:2,theme:e},"This is just an example component"),t().createElement(S,{Element:"p",theme:e},"Name: ",n))};const H=e=>{var{links:n,rootClassName:r,rootStyles:a={},linkClassName:o,linkStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=d(u(m({externalLinks_container:!0},i),r),p("externalLinks_theme_",s)),h=d(u({externalLinks_link:!0},o),p("externalLinks_link_theme_",s));return t().createElement(t().Fragment,null,n&&n.length>0&&t().createElement("ul",{"data-testid":"external-links-root",className:c,style:a},n.map(((e,n)=>t().createElement("li",{"data-testid":`external-links-link-${e}`,className:"externalLinks_linkContainer",key:n},t().createElement("a",{href:e.link,target:"_blank",rel:"noreferrer",className:h,style:l},e.text))))))};const q=e=>{var{children:n,positionFixed:r=!1,rootClassName:a,rootStyles:o={},theme:l="light"}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme"]);const i=d(u(m({footer_container:!0,footer_container_positionFixed:r},s),a),p("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:i,style:o},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:a=32,inline:o=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:p="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=d(u(m({icon_container:!0,icon_container_inline:o},h),i));return t().createElement("div",{"data-testid":"icon-root",className:y,style:c},t().createElement(n,{"data-testid":"icon-svg-icon",width:r,height:a,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:a,loaderSize:o="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:p="fill",rootClassName:h,rootStyles:y={},fallbacks:f=[],imgStyles:g={},inheritWidth:b=!1}=n,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["onClick","clickable","loaderSize","src","alt","imgClassName","objectFit","rootClassName","rootStyles","fallbacks","imgStyles","inheritWidth"]);const[O,_]=(0,e.useState)(-1),[w,E]=(0,e.useState)(!1),[j,S]=(0,e.useState)(!1),C=d(u(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${a}`]:!!a},v),h,{position_relative:!0})),x=d(u({image_img:!0,[`image_img_fit-${p}`]:!0},i)),P=f&&f.length>0,I=P&&O>-1?f[O]:l;return t().createElement("div",{className:C,style:y,onClick:()=>{r&&c(r)&&r()},"data-testid":"image-component-root"},j?t().createElement("p",{"data-testid":"image-component-error"},`Unable to load ${s}`):t().createElement(t().Fragment,null,!w&&t().createElement(N,{size:o}),t().createElement("img",{"data-testid":"image-component-img",style:w?Object.assign({},g):Object.assign(Object.assign({},g),{display:"none"}),alt:s,src:I,onLoad:()=>{S(!1),E(!0)},onError:()=>{P?(E(!1),O<f.length-1?_(O+1):(E(!0),S(!0))):(E(!0),S(!0))},className:x})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:a=!1,rootClassName:o,imgClassName:l,rootStyles:s={},imgStyles:i={}}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=d(u({hero_container:!0,hero_container_fullWidth:a},o,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:a?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:a="",clickable:o,rootClassName:l,rootStyles:h={},getMiniImagePath:y,onClickImage:f,indexOverride:g,setIndexOverride:b,initialSelectedIndex:v=0,mainImageClassName:O,mainImageStyles:_={},miniImageClassname:w,miniImageStyles:j={},miniImageSelectedClassName:S,miniImageSelectedStyles:N={},theme:C="light"}=n,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[P,I]=(0,e.useState)(v);(0,e.useEffect)((()=>{I(v),c(b)&&b(v)}),[]),(0,e.useEffect)((()=>{var e;e=r[P],s(e)&&Object.keys(e).length>0||I(0),i(g)&&I(g)}),[r,I,P,g]);const k=d(u(m({multiImageViewer_container:!0},x),l)),M=d(u({multiImageViewer_mainImage:!0,multiImageViewer_mainImage_multi:r.length>1},O));return t().createElement("div",{className:k,style:h,"data-testid":"multi-image-viewer-root"},t().createElement(R,{inheritWidth:!0,clickable:o,rootClassName:M,rootStyles:_,onClick:()=>{f&&c(f)&&f()},src:r&&r[P]?r[P].path:"",alt:r&&r[P]?r[P].alt:"RESO Image"}),r&&r.length>1&&t().createElement(E,{inheritWidth:!0,pa:1},r.map(((e,n)=>{const r=u({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:P===n,[S]:S&&P===n},w),o=P===n?p("multiImageViewer_miniImage_selected_theme_",C):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:d(r,o),rootStyles:P===n?Object.assign(Object.assign({},j),N):j,key:n,onClick:()=>{c(b)&&b(n),I(n)},src:c(y)?y(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,a]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:a="Logo",renderCustomLogo:o,onClickLogo:s,maxWidth:i,children:h,position:y="fixed",navClassName:f,navStyles:g={},rootClassName:b,rootStyles:v={},theme:O="light",ph:_=5}=e,w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=d(u(m({navbar_header_container:!0,[`navbar_header_position_${y}`]:!0},Object.assign({ph:_},w)),b,{no_select:!0}),p("navbar_theme_",O)),j=d(u({navbar_nav_container:!0},b,{no_select:!0})),N=l()({no_select:!0,navbar_nav_logo_container:!0,navbar_nav_logo_container_curson_pointer:c(s)||"a"===n});return t().createElement("header",{"data-testid":"navbar-root",className:E,style:v},t().createElement("nav",{className:j,style:Object.assign({maxWidth:"number"==typeof i?i:"unset"},g)},t().createElement(n,{"data-testid":"navbar-logo",className:N,onClick:()=>{c(s)&&s()},href:"a"===n?r:void 0},"function"==typeof o?o():t().createElement(S,{theme:O,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},a)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:a,active:o=!1,enableActiveStyles:l=!0,href:s="#",renderCustomNavItem:i,elementClassName:h,elementStyles:y={},rootClassName:f,rootStyles:g={},theme:b="light"}=e,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const O=d(u(m({navItem_container:!0},v),f,{no_select:!0}),p("navItem_theme_",b)),_=d(u({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===o},h,{no_select:!0}),p("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:O},c(i)?i({theme:b,children:r,active:o}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:_,style:y,onClick:()=>{c(a)&&a()},href:"a"===n?s:void 0},r))},U=({children:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=d(u({panel_container:!0},n),p("panel_container_theme_",a));return t().createElement("div",{className:o,style:r,"data-testid":"panel-container-root"},e)},K=({text:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=d(u({panel_title:!0},n),p("panel_title_theme_",a));return t().createElement("p",{className:o,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:a={},keyClassName:o,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=d(u({panel_row_container:!0},r)),m=d(u({panel_row_key:!0},o)),p=d(u({panel_row_value:!0},s));return t().createElement("div",{className:c,style:a,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:p,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:a={},theme:o})=>{const l=d(u({quantityCounter_container:!0},r),p("quantityCounter_theme_",o));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:a},t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{e>1&&n(e-1)},role:"button","data-testid":"quantity-counter-subtract"},"-"),t().createElement("span",{"data-testid":"quantity-counter-value"},e),t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{n(e+1)},role:"button","data-testid":"quantity-counter-add"},"+"))};const X=e=>{var{rootClassName:n,rootStyles:r={},onSubmit:a,onInvalid:o,noValidate:l=!1,children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const h=d(u(m({form_container:!0},c),n),p("form_container_theme_",i));return t().createElement("form",{onInvalid:o,noValidate:l,"data-testid":"form-root",className:h,style:r,onSubmit:e=>{e.preventDefault(),a()}},s)};const G=e=>{var{title:n,rootClassName:r,rootStyles:a={},headerClassName:o,headerStyles:l={},children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=d(u(m({subForm_container:!0},c),r),p("subForm_container_theme_",i)),y=d(u({subForm_header:!0,heading:!0},o,{no_select:!0}),p("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:a},t().createElement("div",{"data-testid":"subForm-header",className:y,style:l},n),t().createElement("div",{className:"subForm_content"},s))};const J=e=>{var{rootClassName:n,rootStyles:r={},children:a,theme:o="light",mb:l=4}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=d(u({control_container:!0},n),p("control_container_theme_",o));return t().createElement(_,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),a)};const Z=e=>{var{htmlFor:n,label:r,description:a,descriptionSelectedKey:o,required:l=!1,labelClassName:s,labelStyles:i={},rootClassName:c,rootStyles:h={},theme:y="light"}=e,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=d(u(m({label_container:!0},f),c,{no_select:!0}),p("label_container_theme_",y)),b=u({label_top:!0,label_top_marginBottom:!!a}),v=d(u({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),p("label_theme_",y));return t().createElement("div",{"data-testid":`label_${n}`,className:g,style:h},t().createElement("div",{className:b},t().createElement("label",{htmlFor:n,className:v,style:i},r),l&&t().createElement("span",{className:"label_required"},"(*required)")),a&&("string"==typeof a?a&&t().createElement("p",{className:"label_description"},a):a&&a[`${o}`]?t().createElement("p",{className:"label_description"},a[`${o}`]):null))};const ee=e=>{var{id:n=null,disabled:r=!1,inheritWidth:a=!1,inline:o=!1,text:l="Submit",rootClassName:s,rootStyles:i={},theme:c="dark"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=d(u({submit_button:!0},s,{disabled:r,no_select:!0}),p("submit_button_theme_",c));return t().createElement(y,Object.assign({id:n,role:"submit",text:l,inheritWidth:a,inline:o,rootClassName:h,rootStyles:i,disabled:r},m))},te=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,ne={validationFn:e=>!te(e),errorMessage:"This field is required"},re={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},ae={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!!(!isNaN(t)&&"number"==typeof t&&t>-1&&Number.isInteger(t))},errorMessage:"Value must be a positive integer"},oe=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n>=e},errorMessage:`Value must be more than or equals to ${e}`}),le=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),se={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},ie={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},ce={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\(?([0-9]{3,4})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e)),errorMessage:"Value must have a valid phone number format"},me=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),ue=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),pe=e=>({validationFn:t=>{if(!t||""===t)return!0;const n=new RegExp(e);return!("string"!=typeof t||!n.test(t))},errorMessage:`Value must match the pattern: ${"function"==typeof e.toString?e.toString():e}`}),de=(e,t,n)=>{c(n)&&n(null);let r=!0;if("object"==typeof t){let a;for(const n of t||[])if(r=n.validationFn(e),!r){a=n;break}a&&c(n)&&n(a.errorMessage)}return r},he={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},ye=(t,n,r)=>{const a=(0,e.useMemo)((()=>{const{required:e,min:a,max:o,pattern:l,minLength:s,maxLength:c,isEmail:m,isTel:u}=n;let p=[];return e&&("string"===t?p=[...p,se]:"number"===t?p=[...p,ne]:"boolean"===t&&(p=[...p,he])),l&&(p=[...p,pe(l)]),m&&(p=[...p,ie]),u&&(p=[...p,ce]),i(s)&&(p=[...p,me(s)]),i(c)&&(p=[...p,ue(c)]),i(a)&&(p=[...p,oe(a)]),i(o)&&(p=[...p,le(o)]),((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)(p,r)}),[]);return a};const fe=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,type:O="text",autocomplete:_="off",placeholder:w,pattern:E,minLength:j,maxLength:S,size:N=50,rootClassName:C,rootStyles:x={},inputClassName:P,inputStyles:I={},theme:k="light",customValidators:M=[]}=n,L=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","type","autocomplete","placeholder","pattern","minLength","maxLength","size","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const F=ye("string",{required:g,minLength:j,maxLength:S,isEmail:"email"===O,isTel:"tel"===O,pattern:E},M);(0,e.useEffect)((()=>{c&&de(a,F,y)}),[]);const $=d(u(m({form_input_container:!0,input_text_container:!0},L),C)),z=d(u({input_text:!0,form_controls_input:!0},P,{disabled:f}),p("input_text_theme_",k));return t().createElement("div",{"data-testid":`text-input-${r}-container`,className:$,style:x},t().createElement("input",{"data-testid":`text-input-${r}-input`,id:r,type:O,value:a||"",onChange:e=>{const t=e.target.value;de(t,F,y),o(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),de(a,F,y))},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:_,size:N,maxLength:S,minLength:j,className:z,placeholder:w,pattern:E&&"function"==typeof E.toString?E.toString():E,style:I}),h&&t().createElement("p",{"data-testid":`text-input-${r}-error`,className:"form_input_error"},h))};const ge=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c=!1,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,autocomplete:O="off",min:_=0,max:w,step:E="any",rootClassName:j,rootStyles:S={},inputClassName:N,inputStyles:C={},theme:x="light",customValidators:P=[]}=n,I=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","autocomplete","min","max","step","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);(0,e.useEffect)((()=>{const e=e=>{const t=document.activeElement;"number"===t.type&&t.blur()};return document.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]);const k=ye("number",{required:g,min:_,max:w},P);(0,e.useEffect)((()=>{c&&de(a,k,y)}),[]);const M=d(u(m({form_input_container:!0,input_number_container:!0},I),j)),L=d(u({input_number:!0,form_controls_input:!0},N,{disabled:f,no_select:!0}),p("input_number_theme_",x));return t().createElement("div",{"data-testid":`number-input-${r}-container`,className:M,style:S},t().createElement("input",{id:r,"data-testid":`number-input-${r}-input`,type:"number",value:Number(a).toString(),onChange:e=>{const t=e.target.value;de(t,k,y),o(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:O,max:w,min:_,step:E,className:L,style:C}),h&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},h))},be=t=>{const[n,r]=(0,e.useState)(t),[a,o]=(0,e.useState)(null);return{value:n,setValue:r,error:a,setError:o}},ve=(t,n)=>{(0,e.useEffect)((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};var Oe;function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_e.apply(this,arguments)}const we=function(t){return e.createElement("svg",_e({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Oe||(Oe=e.createElement("path",{fill:"current",d:"M16 5C9.924 5 5 9.925 5 16c0 6.074 4.925 11 11 11 6.074 0 11-4.926 11-11 0-6.075-4.926-11-11-11m2.29 17.048q-.85.335-1.355.51-.507.176-1.176.176-1.028 0-1.599-.502a1.62 1.62 0 0 1-.569-1.273q0-.3.042-.613.044-.314.137-.707l.709-2.503q.093-.361.16-.681.063-.32.062-.59 0-.478-.197-.667-.198-.188-.757-.187-.274 0-.563.083a8 8 0 0 0-.493.164l.187-.77a18 18 0 0 1 1.332-.486 4 4 0 0 1 1.201-.203q1.02.001 1.576.494.552.493.553 1.281 0 .163-.038.574a4 4 0 0 1-.142.756l-.705 2.495q-.087.301-.155.686a3.6 3.6 0 0 0-.068.583q0 .497.222.678.221.18.77.18.258 0 .583-.09t.471-.158zm-.125-10.13a1.68 1.68 0 0 1-1.188.458 1.7 1.7 0 0 1-1.192-.458 1.46 1.46 0 0 1-.496-1.11q.002-.651.496-1.115.498-.463 1.192-.462.695 0 1.188.462.492.464.493 1.114 0 .653-.493 1.111"})))};var Ee;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},je.apply(this,arguments)}const Se=function(t){return e.createElement("svg",je({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Ee||(Ee=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var Ne;function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ce.apply(this,arguments)}const xe=function(t){return e.createElement("svg",Ce({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Ne||(Ne=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M6.929 2 5.515 3.414l4.657 4.657-4.657 4.657 1.414 1.414L13 8.071z",clipRule:"evenodd"})))};var Pe,Ie;function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ke.apply(this,arguments)}const Me=function(t){return e.createElement("svg",ke({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Pe||(Pe=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M8.485 3.414 7.071 2 1 8.071l6.071 6.071 1.414-1.414L3.828 8.07z",clipRule:"evenodd"})),Ie||(Ie=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M13.485 3.414 12.071 2 6 8.071l6.071 6.071 1.414-1.414L8.828 8.07z",clipRule:"evenodd"})))};var Le,Fe;function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$e.apply(this,arguments)}const ze=function(t){return e.createElement("svg",$e({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Le||(Le=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M7.515 3.414 8.929 2 15 8.071l-6.071 6.071-1.414-1.414 4.657-4.657z",clipRule:"evenodd"})),Fe||(Fe=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M2.515 3.414 3.929 2 10 8.071l-6.071 6.071-1.414-1.414L7.172 8.07z",clipRule:"evenodd"})))};var Be,He;function qe(){return qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},qe.apply(this,arguments)}const Ve=function(t){return e.createElement("svg",qe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),Be||(Be=e.createElement("g",{clipPath:"url(#dashboard_svg__a)"},e.createElement("path",{d:"M24.542 6H7.458A1.46 1.46 0 0 0 6 7.458v2.084A1.46 1.46 0 0 0 7.458 11h17.084A1.46 1.46 0 0 0 26 9.542V7.458A1.46 1.46 0 0 0 24.542 6M7.458 25.998h6.25a1.46 1.46 0 0 0 1.459-1.458V14.123a1.46 1.46 0 0 0-1.459-1.458h-6.25A1.46 1.46 0 0 0 6 14.123V24.54a1.46 1.46 0 0 0 1.458 1.458M24.542 12.665h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 17.04v-2.917a1.46 1.46 0 0 0-1.458-1.458M24.542 20.165h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 24.54v-2.917a1.46 1.46 0 0 0-1.458-1.458"}))),He||(He=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var Re;function Ae(){return Ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ae.apply(this,arguments)}const We=function(t){return e.createElement("svg",Ae({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Re||(Re=e.createElement("path",{fill:"current",d:"m26.406 14.569-.001-.002-8.974-8.973A2.01 2.01 0 0 0 15.998 5c-.54 0-1.049.21-1.432.593l-8.97 8.97-.008.009a2.03 2.03 0 0 0 .004 2.86 2.01 2.01 0 0 0 1.406.594h.358v6.604A2.373 2.373 0 0 0 9.726 27h3.511a.645.645 0 0 0 .645-.645v-5.177c0-.597.485-1.082 1.081-1.082h2.071c.596 0 1.081.485 1.081 1.082v5.177c0 .357.289.645.645.645h3.511a2.373 2.373 0 0 0 2.37-2.37v-6.604h.332a2.029 2.029 0 0 0 1.433-3.457"})))};var Te,De,Ue;function Ke(){return Ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ke.apply(this,arguments)}const Ye=function(t){return e.createElement("svg",Ke({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Te||(Te=e.createElement("path",{d:"M0 0h32v32H0z"})),De||(De=e.createElement("g",{fill:"current",clipPath:"url(#logout_svg__a)"},e.createElement("path",{d:"M20 17a1 1 0 0 0-1 1v4c0 .551-.448 1-1 1h-3V8c0-.854-.544-1.617-1.362-1.9l-.296-.1H18c.552 0 1 .45 1 1v3a1 1 0 1 0 2 0V7c0-1.654-1.346-3-3-3H7.25c-.038 0-.07.018-.107.022C7.095 4.018 7.049 4 7 4c-1.103 0-2 .897-2 2v18c0 .854.544 1.617 1.362 1.901l6.018 2.006c.204.063.407.093.62.093 1.103 0 2-.897 2-2v-1h3c1.654 0 3-1.346 3-3v-4a1 1 0 0 0-1-1"}),e.createElement("path",{d:"m28.707 13.293-4-4A1 1 0 0 0 23 10v3h-4a1 1 0 0 0 0 2h4v3a1 1 0 0 0 1.707.707l4-4a1 1 0 0 0 0-1.414"}))),Ue||(Ue=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var Qe,Xe;function Ge(){return Ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ge.apply(this,arguments)}const Je=function(t){return e.createElement("svg",Ge({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Qe||(Qe=e.createElement("g",{fill:"current",clipPath:"url(#products_svg__a)"},e.createElement("path",{d:"M11.597 16.762h9.14c.421 0 .762-.341.762-.762V6.809c0-.421-.34-.762-.762-.762h-2.285v-.762A2.29 2.29 0 0 0 16.167 3a2.29 2.29 0 0 0-2.285 2.285v.762h-2.285a.76.76 0 0 0-.762.762v9.19c0 .422.34.763.762.763m3.808-11.477a.763.763 0 0 1 1.524 0v.762h-1.524z"}),e.createElement("path",{d:"M27.264 15.606a.76.76 0 0 0-.652-.368 3.61 3.61 0 0 0-3.196 1.934l-2.337 4.46a2.28 2.28 0 0 1-2.024 1.223h-5.173a.761.761 0 1 1 0-1.523h5.173a.76.76 0 0 0 .675-.408l.873-1.667a.664.664 0 0 0-.589-.972h-7.917a3.79 3.79 0 0 0-2.693 1.116l-4.505 4.505a.76.76 0 0 0 0 1.077l3.809 3.794a.76.76 0 0 0 1.077 0l2.889-2.875h6.38a5.32 5.32 0 0 0 4.724-2.857l3.508-6.69a.76.76 0 0 0-.022-.75"}))),Xe||(Xe=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var Ze;function et(){return et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},et.apply(this,arguments)}const tt=function(t){return e.createElement("svg",et({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Ze||(Ze=e.createElement("path",{fill:"current",d:"M16 4.001c-6.627 0-12 5.372-12 12C4 22.627 9.373 28 16 28c6.628 0 12-5.372 12-12 0-6.627-5.372-11.999-12-11.999m0 3.588a3.97 3.97 0 1 1 0 7.939 3.97 3.97 0 0 1 0-7.939m-.003 17.274a8.8 8.8 0 0 1-5.735-2.115 1.7 1.7 0 0 1-.593-1.286 4.003 4.003 0 0 1 4.022-4.001h4.619a3.997 3.997 0 0 1 4.016 4.001c0 .495-.216.964-.593 1.285a8.8 8.8 0 0 1-5.736 2.116"})))};var nt;function rt(){return rt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},rt.apply(this,arguments)}const at=function(t){return e.createElement("svg",rt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),nt||(nt=e.createElement("path",{fill:"current",d:"M27.903 14.496c-.157-1.211-1.418-2.04-2.625-1.588-.452.171-.996-.083-1.2-.54a9 9 0 0 0-.891-1.548c-.31-.431-.251-.995.134-1.313.46-.378.717-.937.705-1.532a1.96 1.96 0 0 0-.782-1.53 12 12 0 0 0-2.587-1.494 2 2 0 0 0-.773-.157c-.958 0-1.766.681-1.922 1.619-.082.493-.549.828-1.075.771a8.5 8.5 0 0 0-1.775 0c-.524.057-.993-.278-1.075-.771a1.94 1.94 0 0 0-1.922-1.62q-.4.001-.772.158c-.92.387-1.79.889-2.588 1.494a1.96 1.96 0 0 0-.781 1.529 1.93 1.93 0 0 0 .705 1.534c.386.317.443.88.134 1.31a9 9 0 0 0-.892 1.55c-.204.456-.708.724-1.211.535a2 2 0 0 0-.681-.124c-.976 0-1.806.738-1.933 1.717a11.811 11.811 0 0 0 0 3.008c.157 1.21 1.417 2.039 2.626 1.588.451-.171.996.083 1.2.539.244.544.543 1.065.891 1.549.31.43.251.995-.134 1.313-.46.378-.717.937-.705 1.532a1.96 1.96 0 0 0 .782 1.53 12 12 0 0 0 2.587 1.494q.374.156.773.157c.958 0 1.766-.681 1.922-1.62.082-.492.55-.822 1.075-.77a8.5 8.5 0 0 0 1.775 0c.526-.053.993.278 1.075.77a1.94 1.94 0 0 0 1.922 1.62c.265 0 .525-.053.772-.157.919-.387 1.79-.89 2.587-1.494.484-.368.77-.925.782-1.53a1.93 1.93 0 0 0-.705-1.533c-.386-.317-.443-.881-.134-1.311a9 9 0 0 0 .892-1.55c.204-.456.709-.723 1.211-.534q.331.125.681.125c.976 0 1.806-.738 1.933-1.717a11.903 11.903 0 0 0-.001-3.01M16 20c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4"})))};var ot,lt;function st(){return st=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},st.apply(this,arguments)}const it=function(t){return e.createElement("svg",st({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),ot||(ot=e.createElement("path",{fill:"#434B59",d:"M24.39 17.093c-.885 0-1.603.718-1.603 1.604v4.095H9.207v-4.095a1.604 1.604 0 0 0-3.207 0v5.699C6 25.282 6.718 26 7.604 26H24.39c.885 0 1.603-.718 1.603-1.604v-5.7c0-.885-.718-1.603-1.604-1.603"})),lt||(lt=e.createElement("path",{fill:"#434B59",d:"m12.603 13.266 1.79-1.79v5.975a1.604 1.604 0 0 0 3.208 0v-5.975l1.79 1.79c.313.313.724.47 1.134.47s.821-.157 1.134-.47a1.604 1.604 0 0 0 0-2.268L17.131 6.47a1.604 1.604 0 0 0-2.268 0l-4.528 4.528a1.604 1.604 0 1 0 2.268 2.268"})))};var ct,mt;function ut(){return ut=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ut.apply(this,arguments)}const pt=function(t){return e.createElement("svg",ut({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),ct||(ct=e.createElement("g",{fill:"current",clipPath:"url(#users_svg__a)"},e.createElement("path",{d:"M16 13.686a4.078 4.078 0 1 0 0-8.156 4.078 4.078 0 0 0 0 8.156M24.25 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M7.75 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M10.29 16.001c-1.015-.831-1.934-.721-3.107-.721C5.428 15.28 4 16.7 4 18.443v5.12c0 .757.618 1.373 1.379 1.373 3.282 0 2.887.06 2.887-.142 0-3.627-.43-6.287 2.024-8.793"}),e.createElement("path",{d:"M17.116 15.299c-2.05-.171-3.83.001-5.367 1.27-2.572 2.06-2.077 4.833-2.077 8.225 0 .898.73 1.642 1.641 1.642 9.895 0 10.289.32 10.876-.98.192-.44.14-.3.14-4.503 0-3.34-2.892-5.654-5.213-5.654M24.817 15.28c-1.18 0-2.094-.109-3.107.722 2.436 2.486 2.024 4.965 2.024 8.793 0 .202-.328.141 2.838.141.788 0 1.428-.638 1.428-1.422v-5.07c0-1.744-1.428-3.164-3.183-3.164"}))),mt||(mt=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var dt,ht;function yt(){return yt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},yt.apply(this,arguments)}const ft=function(t){return e.createElement("svg",yt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),dt||(dt=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),ht||(ht=e.createElement("path",{fill:"current",d:"M5.541 16c-.851 0-1.551.693-1.442 1.537A12 12 0 1 0 11.53 4.863c-.79.317-1.052 1.266-.637 2.01.416.742 1.353.993 2.156.711a8.917 8.917 0 1 1-5.835 9.95C7.07 16.695 6.392 16 5.541 16"})))};var gt;function bt(){return bt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},bt.apply(this,arguments)}const vt=function(t){return e.createElement("svg",bt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),gt||(gt=e.createElement("path",{fill:"#FFD868",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ot,_t;function wt(){return wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},wt.apply(this,arguments)}const Et=function(t){return e.createElement("svg",wt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Ot||(Ot=e.createElement("path",{fill:"#FFD868",fillRule:"evenodd",d:"M8.56 0 6.539 6.219H0l5.29 3.843-2.02 6.22 5.29-3.844z",clipRule:"evenodd"})),_t||(_t=e.createElement("path",{fill:"#C4C4C4",fillRule:"evenodd",d:"M8.56 12.438V0l2.02 6.219h6.539l-5.29 3.843 2.02 6.22z",clipRule:"evenodd"})))};var jt;function St(){return St=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},St.apply(this,arguments)}const Nt=function(t){return e.createElement("svg",St({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),jt||(jt=e.createElement("path",{fill:"#D9D7D7",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ct;function xt(){return xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},xt.apply(this,arguments)}const Pt=function(t){return e.createElement("svg",xt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),Ct||(Ct=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var It;function kt(){return kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},kt.apply(this,arguments)}const Mt=function(t){return e.createElement("svg",kt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),It||(It=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var Lt,Ft;function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$t.apply(this,arguments)}const zt=function(t){return e.createElement("svg",$t({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),Lt||(Lt=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),Ft||(Ft=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var Bt;function Ht(){return Ht=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ht.apply(this,arguments)}const qt=function(t){return e.createElement("svg",Ht({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),Bt||(Bt=e.createElement("path",{fill:"#8B93A2",fillRule:"evenodd",d:"M4 0a1 1 0 0 0-1 1H1a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H7a1 1 0 0 0-1-1zM1.14 5.124A1 1 0 0 1 2.134 4h5.734a1 1 0 0 1 .993 1.124l-.75 6a1 1 0 0 1-.993.876H2.883a1 1 0 0 1-.992-.876z",clipRule:"evenodd"})))};var Vt;function Rt(){return Rt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Rt.apply(this,arguments)}const At=function(t){return e.createElement("svg",Rt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Vt||(Vt=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M11.612 5.923a.99.99 0 0 1 .99-.923h6.763c.52 0 .953.403.99.923l.185 2.648h2.526a2 2 0 0 1 1.995 1.86l1.083 15.429A2 2 0 0 1 24.149 28H8.354a2 2 0 0 1-1.995-2.14L7.44 10.43a2 2 0 0 1 1.995-1.86h1.99zM18.7 8.57h-5.4l.062-.9A.72.72 0 0 1 14.08 7h3.839a.72.72 0 0 1 .718.672zm.264 6.722a1 1 0 0 1 1.414 1.414l-4.287 4.287a1 1 0 0 1-1.602.11l-2.25-2.632a1 1 0 1 1 1.521-1.3l1.532 1.793z",clipRule:"evenodd"})))};var Wt;function Tt(){return Tt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Tt.apply(this,arguments)}const Dt=function(t){return e.createElement("svg",Tt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Wt||(Wt=e.createElement("path",{fill:"current",d:"M21.188 21.834a2.8 2.8 0 0 0-2.802 2.802 2.8 2.8 0 0 0 2.802 2.803 2.8 2.8 0 0 0 2.803-2.803c-.027-1.536-1.267-2.802-2.803-2.802M26.12 8.469c-.055 0-.135-.027-.216-.027H8.928l-.27-1.806A2.41 2.41 0 0 0 6.26 4.562H4.078C3.485 4.562 3 5.047 3 5.639c0 .593.485 1.078 1.078 1.078H6.26c.135 0 .243.108.27.243L8.2 18.33a2.954 2.954 0 0 0 2.91 2.507h11.21c1.401 0 2.614-.997 2.91-2.372l1.752-8.757a1.065 1.065 0 0 0-.863-1.24M14.317 24.502a2.786 2.786 0 0 0-2.775-2.668 2.82 2.82 0 0 0-2.695 2.91 2.76 2.76 0 0 0 2.749 2.668h.054c1.535-.081 2.748-1.374 2.667-2.91"})))}})(),a})()));
package/dist/styles.css CHANGED
@@ -10,7 +10,7 @@
10
10
  .card_content_container{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.card_content_container_wrap{white-space:normal}
11
11
  .card_summary_value{font-weight:500;font-size:22px;color:inherit;overflow:hidden;text-overflow:ellipsis}
12
12
  .flex_container{display:flex}.flex_row{flex-direction:row}.flex_column{flex-direction:column}.flex_justify_start{justify-content:flex-start}.flex_justify_end{justify-content:flex-end}.flex_justify_space-between{justify-content:space-between}.flex_justify_space-around{justify-content:space-around}.flex_justify_center{justify-content:center}.flex_align_start{align-items:flex-start}.flex_align_end{align-items:flex-end}.flex_align_center{align-items:center}.flex_grow{flex-grow:1}.flex_shrink{flex-shrink:1}.flex_no_shrink{flex-shrink:0}.flex_wrap{flex-wrap:wrap}.flex_half{flex:.48}.flex_full{flex:1}
13
- .component_center_container{margin:0 auto;padding:48px 64px;min-height:inherit;max-width:1280px}
13
+ .component_center_container{margin:0 auto;max-width:1280px}
14
14
  .hsc_container{width:540px;overflow-x:auto;white-space:nowrap}.hsc_container_inheritWidth{width:100%;min-width:inherit}
15
15
  .hsi_container{display:inline-block;width:fit-content}
16
16
  .p_base{line-height:auto}.text_no_block_margin{margin-block-start:0;margin-block-end:0}.text_no_inline_margin{margin-inline-start:0;margin-inline-end:0}.heading_h1_base{font-size:26px;line-height:34px}.heading_h2_base{font-size:20px;line-height:26px}.heading_h3_base{font-size:18px;line-height:23px}.heading_h4_base{font-size:16px;line-height:21px}.heading_h5_base{font-size:14px;line-height:18px}.heading_h6_base{font-size:12px;line-height:18px}.fontsize_default_1{font-size:10px}.fontsize_default_2{font-size:12px}.fontsize_default_3{font-size:14px}.fontsize_default_4{font-size:16px}.fontsize_default_5{font-size:18px}.fontsize_default_6{font-size:20px}.fontsize_default_7{font-size:22px}.fontsize_default_8{font-size:24px}.fontsize_default_9{font-size:26px}.fontsize_large_1{font-size:32px}.fontsize_large_2{font-size:36px}.fontsize_large_3{font-size:40px}.fontsize_large_4{font-size:42px}.fontsize_large_5{font-size:46px}.fontsize_large_6{font-size:50px}.fontsize_large_7{font-size:54px}.fontsize_large_8{font-size:60px}.fontsize_large_9{font-size:64px}
@@ -20,7 +20,8 @@
20
20
  .componentError_container{opacity:.9;position:absolute;top:0;left:0;z-index:4;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.componentError_icon{width:55px;height:55px;line-height:55px;text-align:center;font-size:24px;font-weight:bold;border-radius:100px}.componentError_text{font-size:18px;font-weight:normal}.componentError_icon_margin{margin-bottom:24px}
21
21
  .componentError_container_theme_light{border:1px solid #dadfe8;background-color:rgba(255,255,255,.8)}.componentError_icon_theme_light{border:2px solid #a43030;background-color:#ea4d44;color:#fff}.componentError_text_theme_light{color:#434b59}
22
22
  .loadingContainer_container_layer{width:fit-content}.loadingContainer_container_conditional{width:inherit;min-width:inherit;max-width:inherit;height:inherit;min-height:inherit;max-height:inherit}
23
- .main_container{margin-top:54px;min-height:calc(100vh - 54px)}
23
+ .main_container{padding-top:54px;min-height:calc(100vh - 54px)}
24
+ .main_container_theme_light{background:#eff2f8;color:#434b59}.main_container_theme_dark{background:#434b59;color:#fff}
24
25
  .viewContainer_container{min-height:inherit;overflow-x:auto;overflow-y:hidden}
25
26
  .viewContainer_theme_light{background:unset;color:#434b59}.viewContainer_theme_dark{background:#434b59;color:#fff}
26
27
  .modal_backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center}.modal_container{min-width:240px;max-width:540px;min-height:180px;border-radius:4px;overflow-y:overlay;position:relative}
@@ -33,7 +34,7 @@
33
34
  .fullScreenError_container{position:fixed;top:0;left:0;z-index:100;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullScreenError_icon{width:55px;height:55px;line-height:55px;text-align:center;border-width:2px;border-style:solid;margin-bottom:40px;font-size:24px;font-weight:bold;border-radius:100px}.fullScreenError_text{font-size:18px;font-weight:normal}
34
35
  .fullScreenError_container_theme_light{background:rgba(255,255,255,.8);color:#fff}.fullScreenError_icon_theme_light{border-color:#a43030;background:#ea4d44;color:#fff}
35
36
  .example_component_container{width:100%;padding:15px}
36
- .exampleComponent_theme_light{background:#eff2f8;color:#434b59}.exampleComponent_theme_dark{background:#434b59;color:#fff}
37
+ .exampleComponent_theme_light{background:#dadfe8;color:#434b59}.exampleComponent_theme_dark{background:#8b93a1;color:#fff}
37
38
  .externalLinks_container{padding:0 8px;list-style:none}.externalLinks_linkContainer{margin:8px 0}.externalLinks_link{font-style:italic;font-size:14px}
38
39
  .externalLinks_link_theme_light{color:#2e7bc1;background:unset}
39
40
  .footer_container{text-align:center;width:100%;font-size:10px}.footer_container_positionFixed{position:fixed;bottom:0;left:0;width:100vw;z-index:10}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reso-ui",
3
- "version": "1.11.2",
3
+ "version": "1.12.0",
4
4
  "description": "Reusable React components in Typescript",
5
5
  "types": "types/index",
6
6
  "main": "dist/lib.js",
package/types/components/Containers/Center-Container/Center-Container.d.ts CHANGED
@@ -3,6 +3,7 @@ import IComponent from "../../../interfaces/IComponent";
3
3
  import "./styles/Center-Container.layout.scss";
4
4
  export interface ICenterContainerProps extends IComponent {
5
5
  children: React.ReactNode;
6
+ maxWidth?: number;
6
7
  }
7
- export declare const CenterContainer: ({ children, rootClassName, rootStyles, }: ICenterContainerProps) => React.JSX.Element;
8
+ export declare const CenterContainer: ({ children, maxWidth, rootClassName, rootStyles, }: ICenterContainerProps) => React.JSX.Element;
8
9
  export default CenterContainer;
package/types/components/Containers/Main/Main.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from "react";
2
2
  import IComponent from "../../../interfaces/IComponent";
3
- import { IMarginProps, IPaddingProps } from "../../../interfaces/ISpacingsProps";
3
+ import { IThemeProps } from "../../../interfaces";
4
4
  import "./styles/Main.layout.scss";
5
- export interface IMainProps extends IComponent, IMarginProps, IPaddingProps {
5
+ import "./styles/Main.theme.scss";
6
+ export interface IMainProps extends IComponent, IThemeProps {
6
7
  children: React.ReactNode;
7
8
  }
8
- export declare const Main: ({ children, rootClassName, rootStyles, ...spacingsProps }: IMainProps) => React.JSX.Element;
9
+ export declare const Main: ({ children, rootClassName, rootStyles, theme, }: IMainProps) => React.JSX.Element;