reso-ui 1.13.0 → 1.14.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.
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 o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.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?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.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 o={};return(()=>{"use strict";r.r(o),r.d(o,{AboutIcon:()=>Se,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>O,CartIcon:()=>Yt,CenterContainer:()=>w,Checkbox:()=>ve,ChevronDoubleLeft:()=>$e,ChevronDoubleRight:()=>He,ChevronSingleLeft:()=>Ce,ChevronSingleRight:()=>ke,ComponentError:()=>x,ControlWrapper:()=>J,DashboardIcon:()=>We,DefaultTheme:()=>n,DeleteIcon:()=>At,Dialog:()=>$,DropdownDown:()=>$t,DropdownUp:()=>Mt,EditIcon:()=>Ht,Example:()=>z,ExternalLinks:()=>q,Flex:()=>_,Footer:()=>H,FormContainer:()=>X,FullScreenError:()=>B,Hero:()=>A,HomeIcon:()=>Ke,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>j,Icon:()=>V,Image:()=>R,Label:()=>Z,Loader:()=>N,LoaderIcon:()=>vt,LoadingContainer:()=>C,LogoutIcon:()=>Ge,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>be,OrdersIcon:()=>Dt,PanelContainer:()=>K,PanelRow:()=>Y,PanelTitle:()=>U,ProductsIcon:()=>tt,ProfileIcon:()=>ot,QuantityCounter:()=>Q,SettingsIcon:()=>st,StarEmptyIcon:()=>Pt,StarFullIcon:()=>wt,StarHalf:()=>Nt,SubFormContainer:()=>G,SubmitButton:()=>ee,Text:()=>S,TextInput:()=>ge,UploadIcon:()=>ut,UsersIcon:()=>yt,View:()=>I,numberIsLessThan:()=>le,numberIsMoreThanOrEqualsTo:()=>ae,numberIsPositiveInteger:()=>oe,numberIsRequired:()=>ne,stringHasMaxLength:()=>ue,stringHasMinLength:()=>me,stringIsEmail:()=>ie,stringIsPhoneDefault:()=>ce,stringIsRequired:()=>se,stringMatchesRegex:()=>de,useClickOutside:()=>we,useDropdown:()=>_e,useFormInput:()=>Oe,validate:()=>pe,valueIsNumber:()=>re});var e=r(440),t=r.n(e);const n="light";var a=r(84),l=r.n(a);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:o,mt:a,mb:l,mr:i,ml:c,pa:m,pv:u,ph:d,pt:p,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(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${o}`]:!0})),s(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${a}`]:!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(d)&&(g=Object.assign(Object.assign({},g),{[`spacing-ph-${d}`]:!0})),s(p)&&(g=Object.assign(Object.assign({},g),{[`spacing-pt-${p}`]:!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:o,width_full:a,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:o&&!0===o,width_full:a&&!0===a,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},d=(e,t)=>"string"==typeof e&&""!==e?l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!!t}):l()({component_theme_base:!0}),p=(e,t)=>{const n=t||d();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:o=!1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=p(u(m({back_container:!0},h),a,{disabled:o,no_select:!0}),d("back_theme_",c)),f=p(u({},s),d("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:o="button",text:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=p(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}),d(`button_${r}_theme_`,g));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:v,style:f,type:o,onClick:()=>{c(l)&&l()},disabled:s},a)},f=({type:n,text:r,rootClassName:o,rootStyles:a={}})=>{const[l,s]=(0,e.useState)(!0),i=p(u({banner_container:!0,[`banner_container_${n}`]:!0},o,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},a),"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:o,rootStyles:a={}})=>{const l=p(u({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},o));return t().createElement("div",{className:l,style:a,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:o={},theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=p(u(m({card_container:!0},l),r,{no_select:!0}),d("card_container_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:o,rootStyles:a={}}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=p(u(m({card_content_container:!0,card_content_container_wrap:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"card-content-root"},n)},O=({value:e,rootClassName:n,rootStyles:r={}})=>{const o=p(u({card_summary_value:!0},n));return t().createElement("span",{className:o,style:r,"data-testid":"card-summary-value"},e)};const _=e=>{var{direction:n="row",justify:r="space-between",align:o="center",grow:a=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:d=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=p(u(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${o}`]:!0,flex_grow:a,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content:d})),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:o={}})=>{const a=u({component_center_container:!0},r);return t().createElement("div",{className:a,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},o)},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:o,rootStyles:a={}}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=p(u(m({hsc_container:!0,hsc_container_inheritWidth:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"horizontal-scroll-container-root"},n)};const j=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(u(m({hsi_container:!0},a),r));return t().createElement("div",{className:l,style:o,"data-testid":"horizontal-scroll-item-root"},n)};const S=e=>{var{id:n,Element:r="span",sizing:o="default",size:a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=p(u(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${o}_${a}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),d("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:o,iconContainerClassName:a,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=p(u({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},o),d("componentLoader_container_theme_",i)),m=p(u({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},a),d("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))},x=({text:e,rootClassName:n,rootStyles:r={},iconClassName:o,iconStyles:a={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=p(u({componentError_container:!0},n),d("componentError_container_theme_",i)),m=p(u({componentError_icon:!0,componentError_icon_margin:e&&""!==e},o),d("componentError_icon_theme_",i)),h=p(u({componentError_text:!0},l),d("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:a,"data-testid":"component-error-icon"},"!"),e&&""!==e&&t().createElement("p",{className:h,style:s,"data-testid":"component-error-text"},e))},C=({type:e,loading:n=!1,children:r,error:o,minHeight:a="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:d={},theme:h})=>{const y=p(u({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),f="layer"===e?a:"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}):o?t().createElement(x,{theme:h,text:o,rootClassName:m,rootStyles:d}):null,r):t().createElement(t().Fragment,null,o?t().createElement(x,{theme:h,text:o,rootClassName:m,rootStyles:d}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))},P=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(u({main_container:!0},n,{}),d("main_container_theme_",o));return t().createElement("main",{"data-testid":"main-root",className:a,style:r},e)};const I=e=>{var{rootClassName:n,children:r,rootStyles:o={},theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=p(u(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),d("viewContainer_theme_",a));return t().createElement("div",{className:s,style:o,"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:o=1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);k(r);const c=p(u(m({modal_container:!0},i),a),d("modal_container_theme_",s)),h=o+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:o={}}=e,a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(u(m({modal_body:!0},a),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:o,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:o={},theme:a="light"})=>{const l=p(u({modal_header:!0},r),d("modal_header_theme_",a)),s=p(u({modal_header_closeButton:!0}),d("modal_closeButton_theme_",a));return t().createElement("div",{className:l,style:o,"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:o="Confirm",header:a="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:x="light"})=>{const C=p(u({dialog_container:!0},v),d("dialog_container_theme_",x)),P=u({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),I=p(u({dialog_button_yes:!0},_,{no_select:!0}),d("dialog_button_yes_",x)),k=p(u({dialog_button_no:!0},E,{no_select:!0}),d("dialog_button_no_",x)),$=p(u({dialog_button_ok:!0},S,{no_select:!0}),d("dialog_button_ok_",x));return t().createElement(M,{isOpen:e,rootClassName:C,rootStyles:O,layer:r,theme:x,pa:5},t().createElement(F,{title:o,onClose:()=>{c(h)&&h()},theme:x}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},a),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}))))},B=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:o,textStyles:a={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{k(!0);const c=p(u({fullScreenError_container:!0},n),d("fullScreenError_container_theme_",i)),m=p(u({fullScreenError_icon:!0},l),d("fullScreenError_icon_theme_",i)),h=p(u({fullScreenError_text:!0},o),d("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:a,"data-testid":"full-screen-error-text"},e))},z=({theme:e="light",children:n,name:r,rootClassName:o,rootStyles:a={}})=>{const l=p(u({example_component_container:!0},o),d("exampleComponent_theme_",e));return t().createElement("div",{className:l,"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: ",r),null!=typeof n&&n)};const q=e=>{var{links:n,rootClassName:r,rootStyles:o={},linkClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=p(u(m({externalLinks_container:!0},i),r),d("externalLinks_theme_",s)),h=p(u({externalLinks_link:!0},a),d("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:o},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 H=e=>{var{children:n,positionFixed:r=!1,rootClassName:o,rootStyles:a={},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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme"]);const i=p(u(m({footer_container:!0,footer_container_positionFixed:r},s),o),d("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:i,style:a},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:o=32,inline:a=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:d="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=p(u(m({icon_container:!0,icon_container_inline:a},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:o,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:o,loaderSize:a="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:d="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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),x=p(u(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${o}`]:!!o},v),h,{position_relative:!0})),C=p(u({image_img:!0,[`image_img_fit-${d}`]:!0},i)),P=f&&f.length>0,I=P&&O>-1?f[O]:l;return t().createElement("div",{className:x,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:a}),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:C})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:o=!1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=p(u({hero_container:!0,hero_container_fullWidth:o},a,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:o?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:o="",clickable:a,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:x="light"}=n,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=p(u(m({multiImageViewer_container:!0},C),l)),M=p(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:a,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),a=P===n?d("multiImageViewer_miniImage_selected_theme_",x):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:p(r,a),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,o]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:o="Logo",renderCustomLogo:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=p(u(m({navbar_header_container:!0,[`navbar_header_position_${y}`]:!0},Object.assign({ph:_},w)),b,{no_select:!0}),d("navbar_theme_",O)),j=p(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 a?a():t().createElement(S,{theme:O,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},o)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:o,active:a=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const O=p(u(m({navItem_container:!0},v),f,{no_select:!0}),d("navItem_theme_",b)),_=p(u({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===a},h,{no_select:!0}),d("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:O},c(i)?i({theme:b,active:a}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:_,style:y,onClick:()=>{c(o)&&o()},href:"a"===n?s:void 0},r))},K=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(u({panel_container:!0},n),d("panel_container_theme_",o));return t().createElement("div",{className:a,style:r,"data-testid":"panel-container-root"},e)},U=({text:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(u({panel_title:!0},n),d("panel_title_theme_",o));return t().createElement("p",{className:a,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:o={},keyClassName:a,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=p(u({panel_row_container:!0},r)),m=p(u({panel_row_key:!0},a)),d=p(u({panel_row_value:!0},s));return t().createElement("div",{className:c,style:o,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:d,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:o={},theme:a})=>{const l=p(u({quantityCounter_container:!0},r),d("quantityCounter_theme_",a));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:o},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:o,onInvalid:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const h=p(u(m({form_container:!0},c),n),d("form_container_theme_",i));return t().createElement("form",{onInvalid:a,noValidate:l,"data-testid":"form-root",className:h,style:r,onSubmit:e=>{e.preventDefault(),o()}},s)};const G=e=>{var{title:n,rootClassName:r,rootStyles:o={},headerClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=p(u(m({subForm_container:!0},c),r),d("subForm_container_theme_",i)),y=p(u({subForm_header:!0,heading:!0},a,{no_select:!0}),d("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:o},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:o,theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=p(u({control_container:!0},n),d("control_container_theme_",a));return t().createElement(_,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),o)};const Z=e=>{var{htmlFor:n,label:r,description:o,descriptionSelectedKey:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=p(u(m({label_container:!0},f),c,{no_select:!0}),d("label_container_theme_",y)),b=u({label_top:!0,label_top_marginBottom:!!o}),v=p(u({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),d("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)")),o&&("string"==typeof o?o&&t().createElement("p",{className:"label_description"},o):o&&o[`${a}`]?t().createElement("p",{className:"label_description"},o[`${a}`]):null))};const ee=e=>{var{id:n=null,disabled:r=!1,inheritWidth:o=!1,inline:a=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=p(u({submit_button:!0},s,{disabled:r,no_select:!0}),d("submit_button_theme_",c));return t().createElement(y,Object.assign({id:n,role:"submit",text:l,inheritWidth:o,inline:a,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"},oe={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"},ae=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`}),de=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}`}),pe=(e,t,n)=>{c(n)&&n(null);let r=!0;if("object"==typeof t){let o;for(const n of t||[])if(r=n.validationFn(e),!r){o=n;break}o&&c(n)&&n(o.errorMessage)}return r},he={keyProp:"key",valueProp:"value"},ye={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},fe=(t,n,r)=>((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)((0,e.useMemo)((()=>{const{required:e,min:r,max:o,pattern:a,minLength:l,maxLength:s,isEmail:c,isTel:m}=n;let u=[];return e&&("string"===t?u=[...u,se]:"number"===t?u=[...u,ne]:"boolean"===t&&(u=[...u,ye])),a&&(u=[...u,de(a)]),c&&(u=[...u,ie]),m&&(u=[...u,ce]),i(l)&&(u=[...u,me(l)]),i(s)&&(u=[...u,ue(s)]),i(r)&&(u=[...u,ae(r)]),i(o)&&(u=[...u,le(o)]),u}),[]),r);const ge=n=>{var{id:r=null,value:o,onChange:a,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:x,rootStyles:C={},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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=fe("string",{required:g,minLength:j,maxLength:S,isEmail:"email"===O,isTel:"tel"===O,pattern:E},M);(0,e.useEffect)((()=>{c&&pe(o,F,y)}),[]);const $=p(u(m({form_input_container:!0,input_text_container:!0},L),x)),B=p(u({input_text:!0,form_controls_input:!0},P,{disabled:f}),d("input_text_theme_",k));return t().createElement("div",{"data-testid":`text-input-${r}-container`,className:$,style:C},t().createElement("input",{"data-testid":`text-input-${r}-input`,id:r,type:O,value:o||"",onChange:e=>{const t=e.target.value;pe(t,F,y),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),pe(o,F,y))},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:_,size:N,maxLength:S,minLength:j,className:B,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 be=n=>{var{id:r=null,value:o,onChange:a,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:x={},theme:C="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=fe("number",{required:g,min:_,max:w},P);(0,e.useEffect)((()=>{c&&pe(o,k,y)}),[]);const M=p(u(m({form_input_container:!0,input_number_container:!0},I),j)),L=p(u({input_number:!0,form_controls_input:!0},N,{disabled:f,no_select:!0}),d("input_number_theme_",C));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(o).toString(),onChange:e=>{const t=e.target.value;pe(t,k,y),a(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:x}),h&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},h))};const ve=n=>{var{id:r=null,children:o,value:a,onChange:l,onBlur:s,onFocus:i,useHTMLErrorMessage:c=!1,validateOnLoad:h,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:O=!1,rootClassName:_,rootStyles:w={},inputClassName:E,inputStyles:j={},theme:S="light",customValidators:N=[]}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","children","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const C=fe("boolean",{required:b},N);(0,e.useEffect)((()=>{h&&pe(a,C,f)}),[]);const P=p(u(m({form_input_container:!0,checkbox_container:!0},x),_),d("checkbox_theme_",S)),I=p(u({input_text:!0,form_controls_input:!0,input_checkbox:!0},E,{disabled:g}));return t().createElement("div",{className:P,style:w,"data-testid":`checkbox-${r}-container`},t().createElement("input",{"data-testid":`checkbox-${r}-input`,id:r,type:"checkbox",checked:a,onChange:e=>{const t=e.target.checked;pe(t,C,f),l(t)},onBlur:s,onFocus:i,onInvalid:e=>{c||(e.preventDefault(),pe(a,C,f))},disabled:g,readOnly:v,required:b,autoFocus:O,className:I,style:j}),t().createElement("div",{className:"checkbox_right_container"},o&&t().createElement("div",{className:"checkbox_children"},o),y&&t().createElement("p",{"data-testid":`checkbox-${r}-error`,className:"form_input_error checkbox_error"},y)))},Oe=t=>{const[n,r]=(0,e.useState)(t),[o,a]=(0,e.useState)(void 0);return{value:n,setValue:r,error:o,setError:a}},_e=(t,n,r)=>{const o=Object.assign(Object.assign({},he),r||{}),a=(0,e.useMemo)((()=>((e,t)=>{const n=Object.assign(Object.assign({},he),t||{}),{keyProp:r,valueProp:o,initObject:a}=n,l=[];return e.forEach((e=>{l.push({key:e[r],value:e[o]})})),a&&Object.keys(a).length>0?[a,...l]:l})(n,o)),[n]),l=(0,e.useMemo)((()=>(e=>{const t={};return e.forEach(((e,n)=>{t[e.key]=e.value})),t})(a)),[a]),[s,i]=(0,e.useState)(t),[c,m]=(0,e.useState)(void 0);return{value:(0,e.useMemo)((()=>{if(void 0!==typeof t)return l[s]}),[s]),selectedKey:s,setSelectedKey:i,options:a,error:c,setError:m}},we=(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 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:32,height:32,fill:"none"},t),Ee||(Ee=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 Ne;function xe(){return xe=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},xe.apply(this,arguments)}const Ce=function(t){return e.createElement("svg",xe({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:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var Pe;function Ie(){return Ie=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},Ie.apply(this,arguments)}const ke=function(t){return e.createElement("svg",Ie({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:"M6.929 2 5.515 3.414l4.657 4.657-4.657 4.657 1.414 1.414L13 8.071z",clipRule:"evenodd"})))};var Me,Le;function Fe(){return Fe=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},Fe.apply(this,arguments)}const $e=function(t){return e.createElement("svg",Fe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Me||(Me=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"})),Le||(Le=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 Be,ze;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 He=function(t){return e.createElement("svg",qe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Be||(Be=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"})),ze||(ze=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 Ve,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:"current",viewBox:"0 0 32 32"},t),Ve||(Ve=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"}))),Re||(Re=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var Te;function De(){return De=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},De.apply(this,arguments)}const Ke=function(t){return e.createElement("svg",De({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Te||(Te=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 Ue,Ye,Qe;function Xe(){return Xe=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},Xe.apply(this,arguments)}const Ge=function(t){return e.createElement("svg",Xe({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Ue||(Ue=e.createElement("path",{d:"M0 0h32v32H0z"})),Ye||(Ye=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"}))),Qe||(Qe=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var Je,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),Je||(Je=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"}))),Ze||(Ze=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};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 ot=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:"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 at;function lt(){return lt=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},lt.apply(this,arguments)}const st=function(t){return e.createElement("svg",lt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),at||(at=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 it,ct;function mt(){return mt=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},mt.apply(this,arguments)}const ut=function(t){return e.createElement("svg",mt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),it||(it=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"})),ct||(ct=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 dt,pt;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 yt=function(t){return e.createElement("svg",ht({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),dt||(dt=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"}))),pt||(pt=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var ft,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:32,height:32,fill:"none"},t),ft||(ft=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),gt||(gt=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 Ot;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 wt=function(t){return e.createElement("svg",_t({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Ot||(Ot=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 Et,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),Et||(Et=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"})),jt||(jt=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 xt;function Ct(){return Ct=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},Ct.apply(this,arguments)}const Pt=function(t){return e.createElement("svg",Ct({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),xt||(xt=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 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:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),It||(It=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var Lt;function Ft(){return Ft=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},Ft.apply(this,arguments)}const $t=function(t){return e.createElement("svg",Ft({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),Lt||(Lt=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var Bt,zt;function qt(){return qt=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},qt.apply(this,arguments)}const Ht=function(t){return e.createElement("svg",qt({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),Bt||(Bt=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),zt||(zt=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};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:10,height:12,fill:"none"},t),Vt||(Vt=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 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",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 Kt;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 Yt=function(t){return e.createElement("svg",Ut({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Kt||(Kt=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"})))}})(),o})()));
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 o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.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?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.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 o={};return(()=>{"use strict";r.r(o),r.d(o,{AboutIcon:()=>te,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>_,CartIcon:()=>St,CenterContainer:()=>w,Checkbox:()=>Yt,ChevronDoubleLeft:()=>de,ChevronDoubleRight:()=>ye,ChevronSingleLeft:()=>oe,ChevronSingleRight:()=>se,ComponentError:()=>C,ControlWrapper:()=>J,DashboardIcon:()=>ve,DefaultTheme:()=>n,DeleteIcon:()=>bt,Dialog:()=>$,DropdownDown:()=>dt,DropdownOption:()=>Rt,DropdownSelect:()=>Wt,DropdownUp:()=>it,EditIcon:()=>yt,Example:()=>q,ExternalLinks:()=>z,Flex:()=>O,Footer:()=>H,FormContainer:()=>X,FullScreenError:()=>B,Hero:()=>A,HomeIcon:()=>we,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>S,Icon:()=>V,Image:()=>R,Label:()=>Tt,Loader:()=>N,LoaderIcon:()=>Qe,LoadingContainer:()=>x,LogoutIcon:()=>Ce,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>Ut,OrdersIcon:()=>Ot,PanelContainer:()=>K,PanelRow:()=>Y,PanelTitle:()=>U,ProductsIcon:()=>Ie,ProfileIcon:()=>Fe,QuantityCounter:()=>Q,SettingsIcon:()=>qe,StarEmptyIcon:()=>at,StarFullIcon:()=>Je,StarHalf:()=>nt,SubFormContainer:()=>G,SubmitButton:()=>Dt,Text:()=>j,TextInput:()=>Kt,UploadIcon:()=>Re,UsersIcon:()=>De,View:()=>k,numberIsLessThan:()=>kt,numberIsMoreThanOrEqualsTo:()=>Pt,numberIsPositiveInteger:()=>xt,numberIsRequired:()=>Nt,stringHasMaxLength:()=>$t,stringHasMinLength:()=>Ft,stringIsEmail:()=>Mt,stringIsPhoneDefault:()=>Lt,stringIsRequired:()=>It,stringMatchesRegex:()=>Bt,useClickOutside:()=>At,useDropdown:()=>Xt,useFormInput:()=>Qt,validate:()=>qt,valueIsNumber:()=>Ct});var e=r(440),t=r.n(e);const n="light";var a=r(84),l=r.n(a);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:o,mt:a,mb:l,mr:i,ml:c,pa:m,pv:d,ph:u,pt:p,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(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${o}`]:!0})),s(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${a}`]:!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(d)&&(g=Object.assign(Object.assign({},g),{[`spacing-pv-${d}`]:!0})),s(u)&&(g=Object.assign(Object.assign({},g),{[`spacing-ph-${u}`]:!0})),s(p)&&(g=Object.assign(Object.assign({},g),{[`spacing-pt-${p}`]:!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)},d=(e,t,n)=>{const{disabled:r,no_select:o,width_full:a,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:o&&!0===o,width_full:a&&!0===a,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},u=(e,t)=>"string"==typeof e&&""!==e?l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!!t}):l()({component_theme_base:!0}),p=(e,t)=>{const n=t||u();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:o=!1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=p(d(m({back_container:!0},h),a,{disabled:o,no_select:!0}),u("back_theme_",c)),f=p(d({},s),u("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:o="button",text:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=p(d(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}),u(`button_${r}_theme_`,g));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:v,style:f,type:o,onClick:()=>{c(l)&&l()},disabled:s},a)},f=({type:n,text:r,rootClassName:o,rootStyles:a={}})=>{const[l,s]=(0,e.useState)(!0),i=p(d({banner_container:!0,[`banner_container_${n}`]:!0},o,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},a),"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:o,rootStyles:a={}})=>{const l=p(d({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},o));return t().createElement("div",{className:l,style:a,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:o={},theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=p(d(m({card_container:!0},l),r,{no_select:!0}),u("card_container_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:o,rootStyles:a={}}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=p(d(m({card_content_container:!0,card_content_container_wrap:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"card-content-root"},n)},_=({value:e,rootClassName:n,rootStyles:r={}})=>{const o=p(d({card_summary_value:!0},n));return t().createElement("span",{className:o,style:r,"data-testid":"card-summary-value"},e)};const O=e=>{var{direction:n="row",justify:r="space-between",align:o="center",grow:a=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:u=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=p(d(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${o}`]:!0,flex_grow:a,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content:u})),_=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:_},g),className:v},h)},w=({children:e,maxWidth:n,rootClassName:r,rootStyles:o={}})=>{const a=d({component_center_container:!0},r);return t().createElement("div",{className:a,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},o)},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:o,rootStyles:a={}}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=p(d(m({hsc_container:!0,hsc_container_inheritWidth:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"horizontal-scroll-container-root"},n)};const S=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(d(m({hsi_container:!0},a),r));return t().createElement("div",{className:l,style:o,"data-testid":"horizontal-scroll-item-root"},n)};const j=e=>{var{id:n,Element:r="span",sizing:o="default",size:a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=p(d(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${o}_${a}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),u("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:o,iconContainerClassName:a,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=p(d({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},o),u("componentLoader_container_theme_",i)),m=p(d({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},a),u("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(j,{Element:"p",noBlockMargin:!0,noInlineMargin:!0},n))},C=({text:e,rootClassName:n,rootStyles:r={},iconClassName:o,iconStyles:a={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=p(d({componentError_container:!0},n),u("componentError_container_theme_",i)),m=p(d({componentError_icon:!0,componentError_icon_margin:e&&""!==e},o),u("componentError_icon_theme_",i)),h=p(d({componentError_text:!0},l),u("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:a,"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:o,minHeight:a="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:u={},theme:h})=>{const y=p(d({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),f="layer"===e?a:"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}):o?t().createElement(C,{theme:h,text:o,rootClassName:m,rootStyles:u}):null,r):t().createElement(t().Fragment,null,o?t().createElement(C,{theme:h,text:o,rootClassName:m,rootStyles:u}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))},P=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({main_container:!0},n,{}),u("main_container_theme_",o));return t().createElement("main",{"data-testid":"main-root",className:a,style:r},e)};const k=e=>{var{rootClassName:n,children:r,rootStyles:o={},theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=p(d(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),u("viewContainer_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"view-container-root"},r)},I=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:o=1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);I(r);const c=p(d(m({modal_container:!0},i),a),u("modal_container_theme_",s)),h=o+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:o={}}=e,a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(d(m({modal_body:!0},a),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:o,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:o={},theme:a="light"})=>{const l=p(d({modal_header:!0},r),u("modal_header_theme_",a)),s=p(d({modal_header_closeButton:!0}),u("modal_closeButton_theme_",a));return t().createElement("div",{className:l,style:o,"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:o="Confirm",header:a="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:_,yesButtonClassName:O,yesButtonStyles:w={},noButtonClassName:E,noButtonStyles:S={},okButtonClassName:j,okButtonStyles:N={},theme:C="light"})=>{const x=p(d({dialog_container:!0},v),u("dialog_container_theme_",C)),P=d({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),k=p(d({dialog_button_yes:!0},O,{no_select:!0}),u("dialog_button_yes_",C)),I=p(d({dialog_button_no:!0},E,{no_select:!0}),u("dialog_button_no_",C)),$=p(d({dialog_button_ok:!0},j,{no_select:!0}),u("dialog_button_ok_",C));return t().createElement(M,{isOpen:e,rootClassName:x,rootStyles:_,layer:r,theme:C,pa:5},t().createElement(F,{title:o,onClose:()=>{c(h)&&h()},theme:C}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},a),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:I,rootStyles:S,onClick:()=>{c(g)&&g()},text:i}),t().createElement(y,{rootClassName:k,rootStyles:w,onClick:()=>{c(f)&&f()},text:s})):t().createElement(y,{rootClassName:$,rootStyles:N,onClick:()=>{c(b)&&b()},text:m,inline:!0,inheritWidth:!0}))))},B=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:o,textStyles:a={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{I(!0);const c=p(d({fullScreenError_container:!0},n),u("fullScreenError_container_theme_",i)),m=p(d({fullScreenError_icon:!0},l),u("fullScreenError_icon_theme_",i)),h=p(d({fullScreenError_text:!0},o),u("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:a,"data-testid":"full-screen-error-text"},e))},q=({theme:e="light",children:n,name:r,rootClassName:o,rootStyles:a={}})=>{const l=p(d({example_component_container:!0},o),u("exampleComponent_theme_",e));return t().createElement("div",{className:l,"data-testid":"example-component-root",style:a},t().createElement(j,{Element:"h1",mb:5,theme:e},"Hello World!"),t().createElement(j,{Element:"p",mb:2,theme:e},"This is just an example component"),t().createElement(j,{Element:"p",theme:e},"Name: ",r),null!=typeof n&&n)};const z=e=>{var{links:n,rootClassName:r,rootStyles:o={},linkClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=p(d(m({externalLinks_container:!0},i),r),u("externalLinks_theme_",s)),h=p(d({externalLinks_link:!0},a),u("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:o},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 H=e=>{var{children:n,positionFixed:r=!1,rootClassName:o,rootStyles:a={},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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme"]);const i=p(d(m({footer_container:!0,footer_container_positionFixed:r},s),o),u("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:i,style:a},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:o=32,inline:a=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:u="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=p(d(m({icon_container:!0,icon_container_inline:a},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:o,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:o,loaderSize:a="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:u="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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),[S,j]=(0,e.useState)(!1),C=p(d(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${o}`]:!!o},v),h,{position_relative:!0})),x=p(d({image_img:!0,[`image_img_fit-${u}`]:!0},i)),P=f&&f.length>0,k=P&&_>-1?f[_]:l;return t().createElement("div",{className:C,style:y,onClick:()=>{r&&c(r)&&r()},"data-testid":"image-component-root"},S?t().createElement("p",{"data-testid":"image-component-error"},`Unable to load ${s}`):t().createElement(t().Fragment,null,!w&&t().createElement(N,{size:a}),t().createElement("img",{"data-testid":"image-component-img",style:w?Object.assign({},g):Object.assign(Object.assign({},g),{display:"none"}),alt:s,src:k,onLoad:()=>{j(!1),E(!0)},onError:()=>{P?(E(!1),_<f.length-1?O(_+1):(E(!0),j(!0))):(E(!0),j(!0))},className:x})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:o=!1,rootClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=p(d({hero_container:!0,hero_container_fullWidth:o},a,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:o?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:o="",clickable:a,rootClassName:l,rootStyles:h={},getMiniImagePath:y,onClickImage:f,indexOverride:g,setIndexOverride:b,initialSelectedIndex:v=0,mainImageClassName:_,mainImageStyles:O={},miniImageClassname:w,miniImageStyles:S={},miniImageSelectedClassName:j,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[P,k]=(0,e.useState)(v);(0,e.useEffect)((()=>{k(v),c(b)&&b(v)}),[]),(0,e.useEffect)((()=>{var e;e=r[P],s(e)&&Object.keys(e).length>0||k(0),i(g)&&k(g)}),[r,k,P,g]);const I=p(d(m({multiImageViewer_container:!0},x),l)),M=p(d({multiImageViewer_mainImage:!0,multiImageViewer_mainImage_multi:r.length>1},_));return t().createElement("div",{className:I,style:h,"data-testid":"multi-image-viewer-root"},t().createElement(R,{inheritWidth:!0,clickable:a,rootClassName:M,rootStyles:O,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=d({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:P===n,[j]:j&&P===n},w),a=P===n?u("multiImageViewer_miniImage_selected_theme_",C):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:p(r,a),rootStyles:P===n?Object.assign(Object.assign({},S),N):S,key:n,onClick:()=>{c(b)&&b(n),k(n)},src:c(y)?y(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,o]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:o="Logo",renderCustomLogo:a,onClickLogo:s,maxWidth:i,children:h,position:y="fixed",navClassName:f,navStyles:g={},rootClassName:b,rootStyles:v={},theme:_="light",ph:O=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=p(d(m({navbar_header_container:!0,[`navbar_header_position_${y}`]:!0},Object.assign({ph:O},w)),b,{no_select:!0}),u("navbar_theme_",_)),S=p(d({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:S,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 a?a():t().createElement(j,{theme:_,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},o)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:o,active:a=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const _=p(d(m({navItem_container:!0},v),f,{no_select:!0}),u("navItem_theme_",b)),O=p(d({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===a},h,{no_select:!0}),u("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:_},c(i)?i({theme:b,active:a}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:O,style:y,onClick:()=>{c(o)&&o()},href:"a"===n?s:void 0},r))},K=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({panel_container:!0},n),u("panel_container_theme_",o));return t().createElement("div",{className:a,style:r,"data-testid":"panel-container-root"},e)},U=({text:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({panel_title:!0},n),u("panel_title_theme_",o));return t().createElement("p",{className:a,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:o={},keyClassName:a,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=p(d({panel_row_container:!0},r)),m=p(d({panel_row_key:!0},a)),u=p(d({panel_row_value:!0},s));return t().createElement("div",{className:c,style:o,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:u,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:o={},theme:a})=>{const l=p(d({quantityCounter_container:!0},r),u("quantityCounter_theme_",a));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:o},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:o,onInvalid:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const h=p(d(m({form_container:!0},c),n),u("form_container_theme_",i));return t().createElement("form",{onInvalid:a,noValidate:l,"data-testid":"form-root",className:h,style:r,onSubmit:e=>{e.preventDefault(),o()}},s)};const G=e=>{var{title:n,rootClassName:r,rootStyles:o={},headerClassName:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=p(d(m({subForm_container:!0},c),r),u("subForm_container_theme_",i)),y=p(d({subForm_header:!0,heading:!0},a,{no_select:!0}),u("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:o},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:o,theme:a="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=p(d({control_container:!0},n),u("control_container_theme_",a));return t().createElement(O,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),o)};var Z;function ee(){return ee=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},ee.apply(this,arguments)}const te=function(t){return e.createElement("svg",ee({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Z||(Z=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 ne;function re(){return re=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},re.apply(this,arguments)}const oe=function(t){return e.createElement("svg",re({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:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var ae;function le(){return le=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},le.apply(this,arguments)}const se=function(t){return e.createElement("svg",le({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ae||(ae=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 ie,ce;function me(){return me=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},me.apply(this,arguments)}const de=function(t){return e.createElement("svg",me({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ie||(ie=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"})),ce||(ce=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 ue,pe;function he(){return he=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},he.apply(this,arguments)}const ye=function(t){return e.createElement("svg",he({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ue||(ue=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"})),pe||(pe=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 fe,ge;function be(){return be=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},be.apply(this,arguments)}const ve=function(t){return e.createElement("svg",be({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),fe||(fe=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"}))),ge||(ge=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var _e;function Oe(){return Oe=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},Oe.apply(this,arguments)}const we=function(t){return e.createElement("svg",Oe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),_e||(_e=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 Ee,Se,je;function Ne(){return Ne=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},Ne.apply(this,arguments)}const Ce=function(t){return e.createElement("svg",Ne({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Ee||(Ee=e.createElement("path",{d:"M0 0h32v32H0z"})),Se||(Se=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"}))),je||(je=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var xe,Pe;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 Ie=function(t){return e.createElement("svg",ke({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),xe||(xe=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"}))),Pe||(Pe=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var Me;function Le(){return Le=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},Le.apply(this,arguments)}const Fe=function(t){return e.createElement("svg",Le({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Me||(Me=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 $e;function Be(){return Be=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},Be.apply(this,arguments)}const qe=function(t){return e.createElement("svg",Be({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),$e||($e=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 ze,He;function Ve(){return Ve=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},Ve.apply(this,arguments)}const Re=function(t){return e.createElement("svg",Ve({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),ze||(ze=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"})),He||(He=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 Ae,We;function Te(){return Te=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},Te.apply(this,arguments)}const De=function(t){return e.createElement("svg",Te({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Ae||(Ae=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"}))),We||(We=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var Ke,Ue;function Ye(){return Ye=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},Ye.apply(this,arguments)}const Qe=function(t){return e.createElement("svg",Ye({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Ke||(Ke=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),Ue||(Ue=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 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:18,height:17,fill:"none"},t),Xe||(Xe=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 Ze,et;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 nt=function(t){return e.createElement("svg",tt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Ze||(Ze=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"})),et||(et=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 rt;function ot(){return ot=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},ot.apply(this,arguments)}const at=function(t){return e.createElement("svg",ot({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),rt||(rt=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 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:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),lt||(lt=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var ct;function mt(){return mt=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},mt.apply(this,arguments)}const dt=function(t){return e.createElement("svg",mt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),ct||(ct=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var ut,pt;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 yt=function(t){return e.createElement("svg",ht({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),ut||(ut=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),pt||(pt=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var ft;function gt(){return gt=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},gt.apply(this,arguments)}const bt=function(t){return e.createElement("svg",gt({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),ft||(ft=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 _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 Ot=function(t){return e.createElement("svg",_t({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 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 St=function(t){return e.createElement("svg",Et({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"})))},jt=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,Nt={validationFn:e=>!jt(e),errorMessage:"This field is required"},Ct={validationFn:e=>{if(jt(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},xt={validationFn:e=>{if(jt(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"},Pt=e=>({validationFn:t=>{if(jt(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}`}),kt=e=>({validationFn:t=>{if(jt(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),It={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},Mt={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},Lt={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"},Ft=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),$t=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),Bt=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}`}),qt=(e,t,n)=>{c(n)&&n(null);let r=!0;if("object"==typeof t){let o;for(const n of t||[])if(r=n.validationFn(e),!r){o=n;break}o&&c(n)&&n(o.errorMessage)}return r},zt={keyProp:"key",valueProp:"value"},Ht={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},Vt=(t,n,r)=>((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)((0,e.useMemo)((()=>{const{required:e,min:r,max:o,pattern:a,minLength:l,maxLength:s,isEmail:c,isTel:m}=n;let d=[];return e&&("string"===t?d=[...d,It]:"number"===t?d=[...d,Nt]:"boolean"===t&&(d=[...d,Ht])),a&&(d=[...d,Bt(a)]),c&&(d=[...d,Mt]),m&&(d=[...d,Lt]),i(l)&&(d=[...d,Ft(l)]),i(s)&&(d=[...d,$t(s)]),i(r)&&(d=[...d,Pt(r)]),i(o)&&(d=[...d,kt(o)]),d}),[]),r),Rt=({Element:e="li",option:n,active:r,enableActiveStyles:o=!0,renderCustomOption:a,href:l="#",target:s,onClick:i,rootClassName:m,rootStyles:h,theme:y="light"})=>{const f=p(d({dropdown_option_base:!0,[`dropdown_option_hover_theme_${y}`]:o&&!r,[`dropdown_option_active_theme_${y}`]:!0===o&&!0===r},m,{no_select:!0}),u("dropdown_option_theme_",y));return c(a)?a({theme:y,active:r,option:n}):t().createElement(e,{"data-testid":"dropdown-option-root",href:l,target:s,onClick:()=>{"a"!==e&&c(i)&&i()},className:f,style:h},n)},At=(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])};const Wt=n=>{var{id:r,selectedKey:o,value:a,options:i,onChange:h,error:y,setError:f,required:g=!1,disabled:b=!1,asNavItem:v=!1,expandOn:_="click",OptionsContainerElement:O="ul",children:w,optionsMaxHeight:E,headerClassName:S,headerStyles:j={},optionsContainerClassName:N,optionsContainerStyles:C={},rootClassName:x,rootStyles:P={},theme:k="light"}=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","selectedKey","value","options","onChange","error","setError","required","disabled","asNavItem","expandOn","OptionsContainerElement","children","optionsMaxHeight","headerClassName","headerStyles","optionsContainerClassName","optionsContainerStyles","rootClassName","rootStyles","theme"]);const M=(0,e.useRef)(),[L,F]=(0,e.useState)(!1),$=Vt("string",{required:g});At(M,(()=>{F(!1)})),(0,e.useEffect)((()=>{qt(a,$,f)}),[a]);const B=p(d(m({dropdown_container:!0},I),x,{disabled:b,no_select:!0})),q=p(d({dropdown_header:!0,dropdown_header_navItem:!0===v,dropdown_header_opened:!v&&L},S,{no_select:!0}),u(v?"dropdown_header_navItem_theme_":"dropdown_header_theme_",k)),z=p(d({dropdown_options_container:!0,dropdown_options_container_navItem:!0===v,dropdown_options_show:!0===L},N,{no_select:!0}),u(v?"dropdown_options_container_navItem_theme_":"dropdown_options_container_theme_",k)),H=l()({dropdown_icon_invert:L});return t().createElement("div",{id:r||"resoi_dropdown_select","data-testid":"dropdown-select-root",ref:M,className:B,style:P,onMouseEnter:()=>{"hover"!==_||b||F(!0)},onMouseLeave:()=>{"hover"!==_||b||F(!1)}},t().createElement("div",{role:"button","data-testid":"dropdown-select-header",className:q,style:j,onClick:()=>{"click"!==_||b||F(!L)}},t().createElement("span",null,s(R=a)&&"string"==typeof R?a:"Select an option"),t().createElement(V,{rootClassName:H,SvgIcon:dt,width:24,height:24})),t().createElement(O,{"data-testid":"dropdown-select-options-container",className:z,style:Object.assign(Object.assign({},C),{maxHeight:L?E:0})},i&&i.length>0?i.map(((e,n)=>t().createElement(Rt,{testKey:e.key,Element:"li",theme:k,active:"string"==typeof o&&o===e.key,key:e.key||`resoui_dddoption_${r||"noid"}_${n}`,option:e.value,onClick:()=>{F(!1),c(h)&&h(e.key)}}))):w||null),y&&t().createElement("p",{"data-testid":"dropdown-select-error",className:"form_input_error"},y));var R};const Tt=e=>{var{htmlFor:n,label:r,description:o,descriptionSelectedKey:a,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=p(d(m({label_container:!0},f),c,{no_select:!0}),u("label_container_theme_",y)),b=d({label_top:!0,label_top_marginBottom:!!o}),v=p(d({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),u("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)")),o&&("string"==typeof o?o&&t().createElement("p",{className:"label_description"},o):o&&o[`${a}`]?t().createElement("p",{className:"label_description"},o[`${a}`]):null))};const Dt=e=>{var{id:n=null,disabled:r=!1,inheritWidth:o=!1,inline:a=!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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=p(d({submit_button:!0},s,{disabled:r,no_select:!0}),u("submit_button_theme_",c));return t().createElement(y,Object.assign({id:n,role:"submit",text:l,inheritWidth:o,inline:a,rootClassName:h,rootStyles:i,disabled:r},m))};const Kt=n=>{var{id:r=null,value:o,onChange:a,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:_="text",autocomplete:O="off",placeholder:w,pattern:E,minLength:S,maxLength:j,size:N=50,rootClassName:C,rootStyles:x={},inputClassName:P,inputStyles:k={},theme:I="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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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=Vt("string",{required:g,minLength:S,maxLength:j,isEmail:"email"===_,isTel:"tel"===_,pattern:E},M);(0,e.useEffect)((()=>{c&&qt(o,F,y)}),[]);const $=p(d(m({form_input_container:!0,input_text_container:!0},L),C)),B=p(d({input_text:!0,form_controls_input:!0},P,{disabled:f}),u("input_text_theme_",I));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:_,value:o||"",onChange:e=>{const t=e.target.value;qt(t,F,y),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),qt(o,F,y))},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:O,size:N,maxLength:j,minLength:S,className:B,placeholder:w,pattern:E&&"function"==typeof E.toString?E.toString():E,style:k}),h&&t().createElement("p",{"data-testid":`text-input-${r}-error`,className:"form_input_error"},h))};const Ut=n=>{var{id:r=null,value:o,onChange:a,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:_="off",min:O=0,max:w,step:E="any",rootClassName:S,rootStyles:j={},inputClassName:N,inputStyles:C={},theme:x="light",customValidators:P=[]}=n,k=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}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 I=Vt("number",{required:g,min:O,max:w},P);(0,e.useEffect)((()=>{c&&qt(o,I,y)}),[]);const M=p(d(m({form_input_container:!0,input_number_container:!0},k),S)),L=p(d({input_number:!0,form_controls_input:!0},N,{disabled:f,no_select:!0}),u("input_number_theme_",x));return t().createElement("div",{"data-testid":`number-input-${r}-container`,className:M,style:j},t().createElement("input",{id:r,"data-testid":`number-input-${r}-input`,type:"number",value:Number(o).toString(),onChange:e=>{const t=e.target.value;qt(t,I,y),a(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:_,max:w,min:O,step:E,className:L,style:C}),h&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},h))};const Yt=n=>{var{id:r=null,children:o,value:a,onChange:l,onBlur:s,onFocus:i,useHTMLErrorMessage:c=!1,validateOnLoad:h,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:_=!1,rootClassName:O,rootStyles:w={},inputClassName:E,inputStyles:S={},theme:j="light",customValidators:N=[]}=n,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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","children","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const x=Vt("boolean",{required:b},N);(0,e.useEffect)((()=>{h&&qt(a,x,f)}),[]);const P=p(d(m({form_input_container:!0,checkbox_container:!0},C),O),u("checkbox_theme_",j)),k=p(d({input_text:!0,form_controls_input:!0,input_checkbox:!0},E,{disabled:g}));return t().createElement("div",{className:P,style:w,"data-testid":`checkbox-${r}-container`},t().createElement("input",{"data-testid":`checkbox-${r}-input`,id:r,type:"checkbox",checked:a,onChange:e=>{const t=e.target.checked;qt(t,x,f),l(t)},onBlur:s,onFocus:i,onInvalid:e=>{c||(e.preventDefault(),qt(a,x,f))},disabled:g,readOnly:v,required:b,autoFocus:_,className:k,style:S}),t().createElement("div",{className:"checkbox_right_container"},o&&t().createElement("div",{className:"checkbox_children"},o),y&&t().createElement("p",{"data-testid":`checkbox-${r}-error`,className:"form_input_error checkbox_error"},y)))},Qt=t=>{const[n,r]=(0,e.useState)(t),[o,a]=(0,e.useState)(void 0);return{value:n,setValue:r,error:o,setError:a}},Xt=(t,n,r)=>{const o=Object.assign(Object.assign({},zt),r||{}),a=(0,e.useMemo)((()=>((e,t)=>{const n=Object.assign(Object.assign({},zt),t||{}),{keyProp:r,valueProp:o,initObject:a}=n,l=[];return e.forEach((e=>{l.push({key:e[r],value:e[o]})})),a&&Object.keys(a).length>0?[a,...l]:l})(n,o)),[n]),l=(0,e.useMemo)((()=>(e=>{const t={};return e.forEach(((e,n)=>{t[e.key]=e.value})),t})(a)),[a]),[s,i]=(0,e.useState)(t),[c,m]=(0,e.useState)(void 0);return{value:(0,e.useMemo)((()=>{if(void 0!==typeof t)return l[s]}),[s]),selectedKey:s,setSelectedKey:i,options:a,error:c,setError:m}}})(),o})()));
package/dist/styles.css CHANGED
@@ -46,7 +46,7 @@
46
46
  .multiImageViewer_miniImage_selected_theme_light{border-color:#434b59}
47
47
  .navbar_header_container{height:54px;width:100%;top:0;left:0;box-shadow:0px 1px 10px #999;box-sizing:border-box;z-index:5}.navbar_header_position_absolute{position:absolute}.navbar_header_position_fixed{position:fixed}.navbar_nav_container{margin:0 auto;background-color:unset;background:unset;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar_nav_logo_container{box-sizing:content-box;min-width:90px;height:100%;line-height:54px;text-align:center}.navbar_nav_logo_container:hover{text-decoration:none}.navbar_nav_logo_container_curson_pointer{cursor:pointer}.navbar_nav_logo_text{font-family:"DancingScript","Poppins","Roboto";font-weight:700}.navbar_nav_children_container{height:100%}
48
48
  .navbar_theme_light{background:#eff2f8;color:#434b59}.navbar_theme_dark{background:#213255;color:#fff}
49
- .navItem_container{display:inline-block}.navItem_base{font-size:14px;cursor:pointer;display:block;height:54px;line-height:54px;width:90px;text-align:center}.navItem_element{border:none;text-decoration:none;opacity:.8;font-size:14px;font-weight:500}.navItem_element:hover{opacity:1}.navItem_element_active{opacity:1;font-weight:600}.navItem_element_active:hover{text-decoration:none}
49
+ .navItem_container{display:block !important;float:left}.navItem_base{font-size:14px;cursor:pointer;display:block;height:54px;line-height:54px;width:90px;text-align:center}.navItem_element{border:none;text-decoration:none;opacity:.8;font-size:14px;font-weight:500}.navItem_element:hover{opacity:1}.navItem_element_active{opacity:1;font-weight:600}.navItem_element_active:hover{text-decoration:none}
50
50
  .navItem_theme_light .navItem_element_theme_light{background:unset;color:#434b59}.navItem_theme_light .navItem_element_active{border-bottom:4px solid #f95959}.navItem_theme_dark .navItem_element_theme_dark{background:unset;color:#fff}.navItem_theme_dark .navItem_element_active{border-bottom:4px solid #eff2f8}
51
51
  .panel_container{width:264px;min-height:120px;border-width:1px;border-style:solid;border-radius:12px;padding:16px;box-shadow:0px 2px 15px rgba(34,60,102,.2)}
52
52
  .panel_container_theme_light{background:#fff;color:#434b59;border-color:#dadfe8}
@@ -62,6 +62,10 @@
62
62
 
63
63
 
64
64
  .form_input_container{flex:1;width:100%}.form_controls_input{font-weight:400;font-size:14px;font-family:"Poppins","Roboto";height:40px;width:100%;border-style:solid;border-width:1px;border-radius:12px;outline:none;padding:12px 16px;font-family:"Poppins","Roboto"}.form_controls_input:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.form_controls_input:disabled{background-color:#dadfe8}.form_controls_input::placeholder{font-weight:400;font-size:14px}.form_input_error{color:red;font-size:12px;margin-top:4px;padding-left:8px}
65
+ .dropdown_container{border:none;position:relative !important;display:inline-block !important}.dropdown_header{display:flex;align-items:center;justify-content:space-between;font-family:"Poppins","Roboto";width:240px;border-width:1px;border-style:solid;border-radius:12px;font-size:14px;height:40px;padding:0 16px;text-align:left;cursor:pointer;outline:none;transition:border-radius .3s}.dropdown_header:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.dropdown_header_navItem{width:120px;height:54px;border-radius:0;border:none}.dropdown_header_opened{border-radius:12px 12px 0 0;border-bottom:none}.dropdown_icon_invert{transform:rotate(180deg)}.dropdown_options_container{display:none;width:100%;max-height:0;overflow-y:auto;max-height:320px;list-style:none;border-width:1px;border-style:solid;border-radius:0 0 12px 12px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);position:absolute;z-index:1;left:0;top:40px;transition:max-height .3s}.dropdown_options_container_navItem{top:54px;border-radius:0;border:none}.dropdown_options_show{display:block}
66
+ .dropdown_header_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}.dropdown_header_theme_light:hover{border-color:#00593b}.dropdown_header_theme_light:focus{border-color:#00593b}.dropdown_header_navItem_theme_light{background:unset;color:#434b59}.dropdown_header_navItem_theme_light:hover{background:#dadfe8;border-color:#00593b}.dropdown_header_navItem_theme_light:focus{border-color:#00593b}.dropdown_options_container_theme_light{border-color:#8b93a1;background:#fff;color:#434b59}.dropdown_options_container_navItem_theme_light{background:#eff2f8;color:#434b59}
67
+ .dropdown_option_base{width:100%;font-size:14px;padding:12px;text-align:left;cursor:pointer;outline:none;display:block;text-decoration:none}
68
+ .dropdown_option_theme_light{background:unset;color:#434b59}.dropdown_option_hover_theme_light:hover{background-color:#dadfe8}.dropdown_option_active_theme_light{color:#fff;background-color:#8b93a1}
65
69
  .label_container{width:256px}.label_top_marginBottom{margin-bottom:8px}.label_label{font-weight:600;font-size:14px;display:inline-block;line-height:18px}.label_required{font-weight:500;font-size:10px;font-family:"Poppins","Roboto";color:#ea4d44}.label_description{font-weight:400;font-size:10px;font-family:"Poppins","Roboto";color:#434b59}.label_label_margin_right{margin-right:4px}
66
70
  .label_container_theme_light{background:unset;color:#434b59}.label_theme_light{color:inherit}
67
71
  .submit_button{width:100%;border:none;opacity:.9}.submit_button:hover{opacity:1}.submit_button:disabled{background:#8b93a1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reso-ui",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "description": "Reusable React components in Typescript",
5
5
  "types": "types/index",
6
6
  "main": "dist/lib.js",
@@ -9,10 +9,12 @@ export interface IDropdownOption {
9
9
  }
10
10
  export interface IDropdownOptionProps extends IComponent, IThemeProps {
11
11
  Element?: "li" | "a";
12
+ testKey?: string;
12
13
  option?: string;
13
14
  active?: boolean;
14
15
  enableActiveStyles?: boolean;
15
16
  href?: string;
17
+ target?: string;
16
18
  onClick?: () => void;
17
19
  renderCustomOption?: (props: {
18
20
  theme: IThemeProps;
@@ -20,4 +22,4 @@ export interface IDropdownOptionProps extends IComponent, IThemeProps {
20
22
  option?: string;
21
23
  }) => JSX.Element;
22
24
  }
23
- export declare const DropdownOption: ({ Element, option, active, enableActiveStyles, renderCustomOption, href, onClick, rootClassName, rootStyles, theme, }: IDropdownOptionProps) => React.JSX.Element;
25
+ export declare const DropdownOption: ({ Element, option, active, enableActiveStyles, renderCustomOption, href, target, onClick, rootClassName, rootStyles, theme, }: IDropdownOptionProps) => React.JSX.Element;
@@ -8,6 +8,7 @@ import "./styles/Dropdown-Select.theme.scss";
8
8
  import { IDropdownOption } from "../Dropdown-Option";
9
9
  export interface IDropdownSelectProps extends IComponent, IThemeProps, IMarginProps {
10
10
  id?: string;
11
+ selectedKey?: string;
11
12
  value?: string;
12
13
  options?: IDropdownOption[];
13
14
  onChange?: (key: string) => void;
@@ -25,4 +26,4 @@ export interface IDropdownSelectProps extends IComponent, IThemeProps, IMarginPr
25
26
  optionsContainerClassName?: string;
26
27
  optionsContainerStyles?: React.CSSProperties;
27
28
  }
28
- export declare const DropdownSelect: ({ id, value, options, onChange, error, setError, required, disabled, asNavItem, expandOn, OptionsContainerElement, children, optionsMaxHeight, headerClassName, headerStyles, optionsContainerClassName, optionsContainerStyles, rootClassName, rootStyles, theme, ...spacingsProps }: IDropdownSelectProps) => React.JSX.Element;
29
+ export declare const DropdownSelect: ({ id, selectedKey, value, options, onChange, error, setError, required, disabled, asNavItem, expandOn, OptionsContainerElement, children, optionsMaxHeight, headerClassName, headerStyles, optionsContainerClassName, optionsContainerStyles, rootClassName, rootStyles, theme, ...spacingsProps }: IDropdownSelectProps) => React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ export * from "./Dropdown";
1
2
  export * from "./Label";
2
3
  export * from "./Submit-Button";
3
4
  export * from "./Text-Input";
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import "../sharedStyles.scss";
3
- import "./styles/Dropdown-Select.layout.scss";
4
- import "./styles/Dropdown-Select.theme.scss";
5
- export declare const DropdownSelect: ({ options, value, }: {
6
- options?: any[];
7
- value?: string;
8
- }) => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import "../../../styles/global.scss";
2
- export * from "./Dropdown-Select";
@@ -1,2 +0,0 @@
1
- import { FormInputHookReturnObj } from "../../../interfaces/Form";
2
- export declare const useFormInput: <T>(initialValue: T) => FormInputHookReturnObj<T>;