reso-ui 1.12.4 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/lib.js +1 -1
  2. package/dist/styles.css +1 -1
  3. package/package.json +2 -1
  4. package/types/components/Icon/Icon.d.ts +2 -2
  5. package/types/components/Nav/NavItem/NavItem.d.ts +1 -2
  6. package/types/forms/Controls/Dropdown/Dropdown-Option/Dropdown-Option.d.ts +23 -0
  7. package/types/forms/Controls/Dropdown/Dropdown-Option/index.d.ts +2 -0
  8. package/types/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.d.ts +28 -0
  9. package/types/forms/Controls/Dropdown/Dropdown-Select/index.d.ts +2 -0
  10. package/types/forms/Controls/Dropdown/index.d.ts +2 -0
  11. package/types/forms/Hooks/Controls/index.d.ts +5 -0
  12. package/types/forms/Hooks/index.d.ts +1 -1
  13. package/types/forms/Hooks/utils/index.d.ts +12 -0
  14. package/types/interfaces/Form.d.ts +9 -0
  15. package/types/interfaces/index.d.ts +3 -0
package/dist/lib.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see lib.js.LICENSE.txt */
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,o(n)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";r.r(a),r.d(a,{AboutIcon:()=>Ee,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>O,CartIcon:()=>Ut,CenterContainer:()=>w,Checkbox:()=>be,ChevronDoubleLeft:()=>Le,ChevronDoubleRight:()=>ze,ChevronSingleLeft:()=>Ne,ChevronSingleRight:()=>Pe,ComponentError:()=>x,ControlWrapper:()=>J,DashboardIcon:()=>Re,DefaultTheme:()=>n,DeleteIcon:()=>Vt,Dialog:()=>$,DropdownDown:()=>Lt,DropdownUp:()=>It,EditIcon:()=>zt,Example:()=>z,ExternalLinks:()=>q,Flex:()=>_,Footer:()=>H,FormContainer:()=>X,FullScreenError:()=>B,Hero:()=>A,HomeIcon:()=>Te,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>j,Icon:()=>V,Image:()=>R,Label:()=>Z,Loader:()=>N,LoaderIcon:()=>gt,LoadingContainer:()=>C,LogoutIcon:()=>Qe,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>ge,OrdersIcon:()=>Wt,PanelContainer:()=>U,PanelRow:()=>Y,PanelTitle:()=>K,ProductsIcon:()=>Ze,ProfileIcon:()=>nt,QuantityCounter:()=>Q,SettingsIcon:()=>ot,StarEmptyIcon:()=>xt,StarFullIcon:()=>Ot,StarHalf:()=>jt,SubFormContainer:()=>G,SubmitButton:()=>ee,Text:()=>S,TextInput:()=>fe,UploadIcon:()=>ct,UsersIcon:()=>pt,View:()=>I,numberIsLessThan:()=>le,numberIsMoreThanOrEqualsTo:()=>oe,numberIsPositiveInteger:()=>ae,numberIsRequired:()=>ne,stringHasMaxLength:()=>ue,stringHasMinLength:()=>me,stringIsEmail:()=>ie,stringIsPhoneDefault:()=>ce,stringIsRequired:()=>se,stringMatchesRegex:()=>de,useClickOutside:()=>Oe,useFormInput:()=>ve,validate:()=>pe,valueIsNumber:()=>re});var e=r(440),t=r.n(e);const n="light";var o=r(84),l=r.n(o);const s=e=>null!=e,i=e=>{const t=Number(e);return s(t)&&"number"==typeof t&&!isNaN(t)},c=e=>s(e)&&"function"==typeof e,m=(e,t)=>{const{ma:n,mv:r,mh:a,mt:o,mb:l,mr:i,ml:c,pa:m,pv:u,ph: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(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${a}`]:!0})),s(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${o}`]:!0})),s(l)&&(g=Object.assign(Object.assign({},g),{[`spacing-mb-${l}`]:!0})),s(i)&&(g=Object.assign(Object.assign({},g),{[`spacing-mr-${i}`]:!0})),s(c)&&(g=Object.assign(Object.assign({},g),{[`spacing-ml-${c}`]:!0})),s(m)&&(g=Object.assign(Object.assign({},g),{[`spacing-pa-${m}`]:!0})),s(u)&&(g=Object.assign(Object.assign({},g),{[`spacing-pv-${u}`]:!0})),s(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:a,width_full:o,width_fit_content:s,position_relative:i}=n||{disabled:!1,no_select:!1,width_full:!1,width_fit_content:!1,position_relative:!1};return l()(Object.assign(Object.assign({component_layout_default:!0,component_disabled:r&&!0===r,no_select:a&&!0===a,width_full:o&&!0===o,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},d=(e,t)=>l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!(!e||!t)}),p=(e,t)=>{const n=t||d();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:a=!1,rootClassName:o,rootStyles:l={},linkClassName:s,linkStyles:i={},theme:c="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=p(u(m({back_container:!0},h),o,{disabled:a,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:a="button",text:o,onClick:l,disabled:s=!1,inheritWidth:i=!1,inline:h=!1,rootClassName:y,rootStyles:f={},theme:g="light"}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=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:a,onClick:()=>{c(l)&&l()},disabled:s},o)},f=({type:n,text:r,rootClassName:a,rootStyles:o={}})=>{const[l,s]=(0,e.useState)(!0),i=p(u({banner_container:!0,[`banner_container_${n}`]:!0},a,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},o),"data-testid":"banner-root"},t().createElement("span",null,r),t().createElement(y,{text:"X",rootClassName:"banner_close_button",onClick:()=>{s(!1)}}))},g=({children:e,positionAbsolute:n=!1,hasMaxHeight:r=!1,rootClassName:a,rootStyles:o={}})=>{const l=p(u({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},a));return t().createElement("div",{className:l,style:o,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=p(u(m({card_container:!0},l),r,{no_select:!0}),d("card_container_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=p(u(m({card_content_container:!0,card_content_container_wrap:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"card-content-root"},n)},O=({value:e,rootClassName:n,rootStyles:r={}})=>{const a=p(u({card_summary_value:!0},n));return t().createElement("span",{className:a,style:r,"data-testid":"card-summary-value"},e)};const _=e=>{var{direction:n="row",justify:r="space-between",align:a="center",grow:o=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=p(u(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${a}`]:!0,flex_grow:o,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content: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:a={}})=>{const o=u({component_center_container:!0},r);return t().createElement("div",{className:o,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},a)},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:a,rootStyles:o={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=p(u(m({hsc_container:!0,hsc_container_inheritWidth:r},l),a));return t().createElement("div",{className:s,style:o,"data-testid":"horizontal-scroll-container-root"},n)};const j=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(u(m({hsi_container:!0},o),r));return t().createElement("div",{className:l,style:a,"data-testid":"horizontal-scroll-item-root"},n)};const S=e=>{var{id:n,Element:r="span",sizing:a="default",size:o=3,children:l,noSelect:s=!1,noBlockMargin:i=!1,noInlineMargin:c=!1,rootClassName:h,rootStyles:y={},theme:f="light"}=e,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","Element","sizing","size","children","noSelect","noBlockMargin","noInlineMargin","rootClassName","rootStyles","theme"]);const b=()=>"h1"===r||"h2"===r||"h3"===r||"h4"===r||"h5"===r||"h6"===r,v=p(u(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${a}_${o}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),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:a,iconContainerClassName:o,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=p(u({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},a),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},o),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:a,iconStyles:o={},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},a),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:o,"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:a,minHeight:o="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?o:"inherit";return t().createElement("div",{className:y,style:Object.assign(Object.assign({},s),{minHeight:f}),"data-testid":"loading-container-root"},"layer"===e?t().createElement(t().Fragment,null,n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):a?t().createElement(x,{theme:h,text:a,rootClassName:m,rootStyles:d}):null,r):t().createElement(t().Fragment,null,a?t().createElement(x,{theme:h,text:a,rootClassName:m,rootStyles:d}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))},P=({children:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=p(u({main_container:!0},n,{}),d("main_container_theme_",a));return t().createElement("main",{"data-testid":"main-root",className:o,style:r},e)};const I=e=>{var{rootClassName:n,children:r,rootStyles:a={},theme:o="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=p(u(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),d("viewContainer_theme_",o));return t().createElement("div",{className:s,style:a,"data-testid":"view-container-root"},r)},k=t=>{(0,e.useEffect)((()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[t])};const M=e=>{var{children:n,isOpen:r=!1,layer:a=1,rootClassName:o,rootStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);k(r);const c=p(u(m({modal_container:!0},i),o),d("modal_container_theme_",s)),h=a+10;return t().createElement("div",{className:"modal_backdrop",style:{zIndex:h},"data-testid":"modal-backdrop"},t().createElement("div",{className:c,style:Object.assign({zIndex:h+1},l),"data-testid":"modal-container-root"},n))};const L=e=>{var{children:n,rootClassName:r,rootStyles:a={}}=e,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(u(m({modal_body:!0},o),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:a,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:a={},theme:o="light"})=>{const l=p(u({modal_header:!0},r),d("modal_header_theme_",o)),s=p(u({modal_header_closeButton:!0}),d("modal_closeButton_theme_",o));return t().createElement("div",{className:l,style:a,"data-testid":"modal-header-root"},t().createElement("span",{className:"sub_heading no_select","data-testid":"modal-header-title"},n),t().createElement(y,{text:"Close",onClick:e,rootClassName:s}))},$=({isOpen:e=!1,type:n="yesNo",layer:r=1,title:a="Confirm",header:o="Are you sure?",description:l="",yesText:s="Yes",noText:i="No",okText:m="OK",onClose:h,onClickYes:f,onClickNo:g,onClickOk:b,rootClassName:v,rootStyles:O,yesButtonClassName:_,yesButtonStyles:w={},noButtonClassName:E,noButtonStyles:j={},okButtonClassName:S,okButtonStyles:N={},theme: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:a,onClose:()=>{c(h)&&h()},theme:x}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},o),l&&t().createElement("p",{"data-testid":"dialog-description-text",className:"dialog_description"},l),t().createElement("div",{"data-testid":"dialog-buttons-container",className:P},"yesNo"===n?t().createElement(t().Fragment,null,t().createElement(y,{rootClassName:k,rootStyles:j,onClick:()=>{c(g)&&g()},text:i}),t().createElement(y,{rootClassName:I,rootStyles:w,onClick:()=>{c(f)&&f()},text:s})):t().createElement(y,{rootClassName:$,rootStyles:N,onClick:()=>{c(b)&&b()},text:m,inline:!0,inheritWidth:!0}))))},B=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:a,textStyles:o={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{k(!0);const c=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},a),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:o,"data-testid":"full-screen-error-text"},e))},z=({theme:e="light",children:n,name:r,rootClassName:a,rootStyles:o={}})=>{const l=p(u({example_component_container:!0},a),d("exampleComponent_theme_",e));return t().createElement("div",{className:l,"data-testid":"example-component-root",style:o},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:a={},linkClassName:o,linkStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=p(u(m({externalLinks_container:!0},i),r),d("externalLinks_theme_",s)),h=p(u({externalLinks_link:!0},o),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:a},n.map(((e,n)=>t().createElement("li",{"data-testid":`external-links-link-${e}`,className:"externalLinks_linkContainer",key:n},t().createElement("a",{href:e.link,target:"_blank",rel:"noreferrer",className:h,style:l},e.text))))))};const H=e=>{var{children:n,positionFixed:r=!1,rootClassName:a,rootStyles:o={},theme:l="light"}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme"]);const i=p(u(m({footer_container:!0,footer_container_positionFixed:r},s),a),d("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:i,style:o},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:a=32,inline:o=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=p(u(m({icon_container:!0,icon_container_inline:o},h),i));return t().createElement("div",{"data-testid":"icon-root",className:y,style:c},t().createElement(n,{"data-testid":"icon-svg-icon",width:r,height:a,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:a,loaderSize:o="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["onClick","clickable","loaderSize","src","alt","imgClassName","objectFit","rootClassName","rootStyles","fallbacks","imgStyles","inheritWidth"]);const[O,_]=(0,e.useState)(-1),[w,E]=(0,e.useState)(!1),[j,S]=(0,e.useState)(!1),x=p(u(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${a}`]:!!a},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:o}),t().createElement("img",{"data-testid":"image-component-img",style:w?Object.assign({},g):Object.assign(Object.assign({},g),{display:"none"}),alt:s,src:I,onLoad:()=>{S(!1),E(!0)},onError:()=>{P?(E(!1),O<f.length-1?_(O+1):(E(!0),S(!0))):(E(!0),S(!0))},className:C})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:a=!1,rootClassName:o,imgClassName:l,rootStyles:s={},imgStyles:i={}}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=p(u({hero_container:!0,hero_container_fullWidth:a},o,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:a?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:a="",clickable:o,rootClassName:l,rootStyles:h={},getMiniImagePath:y,onClickImage:f,indexOverride:g,setIndexOverride:b,initialSelectedIndex:v=0,mainImageClassName:O,mainImageStyles:_={},miniImageClassname:w,miniImageStyles:j={},miniImageSelectedClassName:S,miniImageSelectedStyles:N={},theme: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[P,I]=(0,e.useState)(v);(0,e.useEffect)((()=>{I(v),c(b)&&b(v)}),[]),(0,e.useEffect)((()=>{var e;e=r[P],s(e)&&Object.keys(e).length>0||I(0),i(g)&&I(g)}),[r,I,P,g]);const k=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:o,rootClassName:M,rootStyles:_,onClick:()=>{f&&c(f)&&f()},src:r&&r[P]?r[P].path:"",alt:r&&r[P]?r[P].alt:"RESO Image"}),r&&r.length>1&&t().createElement(E,{inheritWidth:!0,pa:1},r.map(((e,n)=>{const r=u({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:P===n,[S]:S&&P===n},w),o=P===n?d("multiImageViewer_miniImage_selected_theme_",x):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:p(r,o),rootStyles:P===n?Object.assign(Object.assign({},j),N):j,key:n,onClick:()=>{c(b)&&b(n),I(n)},src:c(y)?y(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,a]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:a="Logo",renderCustomLogo:o,onClickLogo:s,maxWidth:i,children:h,position:y="fixed",navClassName:f,navStyles:g={},rootClassName:b,rootStyles:v={},theme:O="light",ph:_=5}=e,w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=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 o?o():t().createElement(S,{theme:O,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},a)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:a,active:o=!1,enableActiveStyles:l=!0,href:s="#",renderCustomNavItem:i,elementClassName:h,elementStyles:y={},rootClassName:f,rootStyles:g={},theme:b="light"}=e,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const O=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===o},h,{no_select:!0}),d("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:O},c(i)?i({theme:b,children:r,active:o}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:_,style:y,onClick:()=>{c(a)&&a()},href:"a"===n?s:void 0},r))},U=({children:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=p(u({panel_container:!0},n),d("panel_container_theme_",a));return t().createElement("div",{className:o,style:r,"data-testid":"panel-container-root"},e)},K=({text:e,rootClassName:n,rootStyles:r={},theme:a="light"})=>{const o=p(u({panel_title:!0},n),d("panel_title_theme_",a));return t().createElement("p",{className:o,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:a={},keyClassName:o,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=p(u({panel_row_container:!0},r)),m=p(u({panel_row_key:!0},o)),d=p(u({panel_row_value:!0},s));return t().createElement("div",{className:c,style:a,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:d,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:a={},theme:o})=>{const l=p(u({quantityCounter_container:!0},r),d("quantityCounter_theme_",o));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:a},t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{e>1&&n(e-1)},role:"button","data-testid":"quantity-counter-subtract"},"-"),t().createElement("span",{"data-testid":"quantity-counter-value"},e),t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{n(e+1)},role:"button","data-testid":"quantity-counter-add"},"+"))};const X=e=>{var{rootClassName:n,rootStyles:r={},onSubmit:a,onInvalid:o,noValidate:l=!1,children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const h=p(u(m({form_container:!0},c),n),d("form_container_theme_",i));return t().createElement("form",{onInvalid:o,noValidate:l,"data-testid":"form-root",className:h,style:r,onSubmit:e=>{e.preventDefault(),a()}},s)};const G=e=>{var{title:n,rootClassName:r,rootStyles:a={},headerClassName:o,headerStyles:l={},children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=p(u(m({subForm_container:!0},c),r),d("subForm_container_theme_",i)),y=p(u({subForm_header:!0,heading:!0},o,{no_select:!0}),d("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:a},t().createElement("div",{"data-testid":"subForm-header",className:y,style:l},n),t().createElement("div",{className:"subForm_content"},s))};const J=e=>{var{rootClassName:n,rootStyles:r={},children:a,theme:o="light",mb:l=4}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=p(u({control_container:!0},n),d("control_container_theme_",o));return t().createElement(_,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),a)};const Z=e=>{var{htmlFor:n,label:r,description:a,descriptionSelectedKey:o,required:l=!1,labelClassName:s,labelStyles:i={},rootClassName:c,rootStyles:h={},theme:y="light"}=e,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=p(u(m({label_container:!0},f),c,{no_select:!0}),d("label_container_theme_",y)),b=u({label_top:!0,label_top_marginBottom:!!a}),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)")),a&&("string"==typeof a?a&&t().createElement("p",{className:"label_description"},a):a&&a[`${o}`]?t().createElement("p",{className:"label_description"},a[`${o}`]):null))};const ee=e=>{var{id:n=null,disabled:r=!1,inheritWidth:a=!1,inline:o=!1,text:l="Submit",rootClassName:s,rootStyles:i={},theme:c="dark"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=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:a,inline:o,rootClassName:h,rootStyles:i,disabled:r},m))},te=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,ne={validationFn:e=>!te(e),errorMessage:"This field is required"},re={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},ae={validationFn:e=>{if(te(e))return!0;const t=Number(e);return!!(!isNaN(t)&&"number"==typeof t&&t>-1&&Number.isInteger(t))},errorMessage:"Value must be a positive integer"},oe=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n>=e},errorMessage:`Value must be more than or equals to ${e}`}),le=e=>({validationFn:t=>{if(te(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),se={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},ie={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},ce={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\(?([0-9]{3,4})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e)),errorMessage:"Value must have a valid phone number format"},me=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),ue=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),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 a;for(const n of t||[])if(r=n.validationFn(e),!r){a=n;break}a&&c(n)&&n(a.errorMessage)}return r},he={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},ye=(t,n,r)=>((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:a,pattern:o,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,he])),o&&(u=[...u,de(o)]),c&&(u=[...u,ie]),m&&(u=[...u,ce]),i(l)&&(u=[...u,me(l)]),i(s)&&(u=[...u,ue(s)]),i(r)&&(u=[...u,oe(r)]),i(a)&&(u=[...u,le(a)]),u}),[]),r);const fe=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,type:O="text",autocomplete:_="off",placeholder:w,pattern:E,minLength:j,maxLength:S,size:N=50,rootClassName: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","type","autocomplete","placeholder","pattern","minLength","maxLength","size","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const F=ye("string",{required:g,minLength:j,maxLength:S,isEmail:"email"===O,isTel:"tel"===O,pattern:E},M);(0,e.useEffect)((()=>{c&&pe(a,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:a||"",onChange:e=>{const t=e.target.value;pe(t,F,y),o(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),pe(a,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 ge=n=>{var{id:r=null,value:a,onChange:o,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,validateOnLoad:c=!1,error:h,setError:y,disabled:f=!1,required:g=!1,readonly:b=!1,autofocus:v=!1,autocomplete:O="off",min:_=0,max:w,step:E="any",rootClassName:j,rootStyles:S={},inputClassName:N,inputStyles: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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","autocomplete","min","max","step","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);(0,e.useEffect)((()=>{const e=e=>{const t=document.activeElement;"number"===t.type&&t.blur()};return document.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]);const k=ye("number",{required:g,min:_,max:w},P);(0,e.useEffect)((()=>{c&&pe(a,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(a).toString(),onChange:e=>{const t=e.target.value;pe(t,k,y),o(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:f,readOnly:b,required:g,autoFocus:v,autoComplete:O,max:w,min:_,step:E,className:L,style:x}),h&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},h))};const be=n=>{var{id:r=null,children:a,value:o,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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(n,["id","children","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const C=ye("boolean",{required:b},N);(0,e.useEffect)((()=>{h&&pe(o,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:o,onChange:e=>{const t=e.target.checked;pe(t,C,f),l(t)},onBlur:s,onFocus:i,onInvalid:e=>{c||(e.preventDefault(),pe(o,C,f))},disabled:g,readOnly:v,required:b,autoFocus:O,className:I,style:j}),t().createElement("div",{className:"checkbox_right_container"},a&&t().createElement("div",{className:"checkbox_children"},a),y&&t().createElement("p",{"data-testid":`checkbox-${r}-error`,className:"form_input_error checkbox_error"},y)))},ve=t=>{const[n,r]=(0,e.useState)(t),[a,o]=(0,e.useState)(void 0);return{value:n,setValue:r,error:a,setError:o}},Oe=(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 _e;function we(){return we=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},we.apply(this,arguments)}const Ee=function(t){return e.createElement("svg",we({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),_e||(_e=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 je;function Se(){return Se=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},Se.apply(this,arguments)}const Ne=function(t){return e.createElement("svg",Se({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),je||(je=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 xe;function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ce.apply(this,arguments)}const Pe=function(t){return e.createElement("svg",Ce({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),xe||(xe=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,ke;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 Le=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"})),ke||(ke=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 Fe,$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 ze=function(t){return e.createElement("svg",Be({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),Fe||(Fe=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"})),$e||($e=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 qe,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:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),qe||(qe=e.createElement("g",{clipPath:"url(#dashboard_svg__a)"},e.createElement("path",{d:"M24.542 6H7.458A1.46 1.46 0 0 0 6 7.458v2.084A1.46 1.46 0 0 0 7.458 11h17.084A1.46 1.46 0 0 0 26 9.542V7.458A1.46 1.46 0 0 0 24.542 6M7.458 25.998h6.25a1.46 1.46 0 0 0 1.459-1.458V14.123a1.46 1.46 0 0 0-1.459-1.458h-6.25A1.46 1.46 0 0 0 6 14.123V24.54a1.46 1.46 0 0 0 1.458 1.458M24.542 12.665h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 17.04v-2.917a1.46 1.46 0 0 0-1.458-1.458M24.542 20.165h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 24.54v-2.917a1.46 1.46 0 0 0-1.458-1.458"}))),He||(He=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var Ae;function We(){return We=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},We.apply(this,arguments)}const Te=function(t){return e.createElement("svg",We({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Ae||(Ae=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 De,Ue,Ke;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),De||(De=e.createElement("path",{d:"M0 0h32v32H0z"})),Ue||(Ue=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"}))),Ke||(Ke=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var Xe,Ge;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 Ze=function(t){return e.createElement("svg",Je({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"}))),Ge||(Ge=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var 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:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),et||(et=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 rt;function at(){return at=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},at.apply(this,arguments)}const ot=function(t){return e.createElement("svg",at({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),rt||(rt=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 lt,st;function it(){return it=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},it.apply(this,arguments)}const ct=function(t){return e.createElement("svg",it({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),lt||(lt=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"})),st||(st=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 mt,ut;function dt(){return dt=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},dt.apply(this,arguments)}const pt=function(t){return e.createElement("svg",dt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),mt||(mt=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"}))),ut||(ut=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var ht,yt;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 gt=function(t){return e.createElement("svg",ft({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),ht||(ht=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),yt||(yt=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 bt;function vt(){return vt=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},vt.apply(this,arguments)}const Ot=function(t){return e.createElement("svg",vt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),bt||(bt=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 _t,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 jt=function(t){return e.createElement("svg",Et({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),_t||(_t=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"})),wt||(wt=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 St;function Nt(){return Nt=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},Nt.apply(this,arguments)}const xt=function(t){return e.createElement("svg",Nt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),St||(St=e.createElement("path",{fill:"#D9D7D7",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ct;function Pt(){return Pt=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},Pt.apply(this,arguments)}const It=function(t){return e.createElement("svg",Pt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),Ct||(Ct=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var kt;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 Lt=function(t){return e.createElement("svg",Mt({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),kt||(kt=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var Ft,$t;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 zt=function(t){return e.createElement("svg",Bt({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),Ft||(Ft=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),$t||($t=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var qt;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 Vt=function(t){return e.createElement("svg",Ht({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),qt||(qt=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 Rt;function At(){return At=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},At.apply(this,arguments)}const Wt=function(t){return e.createElement("svg",At({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Rt||(Rt=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 Tt;function Dt(){return Dt=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},Dt.apply(this,arguments)}const Ut=function(t){return e.createElement("svg",Dt({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Tt||(Tt=e.createElement("path",{fill:"current",d:"M21.188 21.834a2.8 2.8 0 0 0-2.802 2.802 2.8 2.8 0 0 0 2.802 2.803 2.8 2.8 0 0 0 2.803-2.803c-.027-1.536-1.267-2.802-2.803-2.802M26.12 8.469c-.055 0-.135-.027-.216-.027H8.928l-.27-1.806A2.41 2.41 0 0 0 6.26 4.562H4.078C3.485 4.562 3 5.047 3 5.639c0 .593.485 1.078 1.078 1.078H6.26c.135 0 .243.108.27.243L8.2 18.33a2.954 2.954 0 0 0 2.91 2.507h11.21c1.401 0 2.614-.997 2.91-2.372l1.752-8.757a1.065 1.065 0 0 0-.863-1.24M14.317 24.502a2.786 2.786 0 0 0-2.775-2.668 2.82 2.82 0 0 0-2.695 2.91 2.76 2.76 0 0 0 2.749 2.668h.054c1.535-.081 2.748-1.374 2.667-2.91"})))}})(),a})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function 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})()));
package/dist/styles.css CHANGED
@@ -39,7 +39,7 @@
39
39
  .externalLinks_link_theme_light{color:#2e7bc1;background:unset}
40
40
  .footer_container{text-align:center;width:100%;font-size:10px}.footer_container_positionFixed{position:fixed;bottom:0;left:0;width:100vw;z-index:10}
41
41
  .footer_container_theme_light{background:#eff2f8;color:#8b93a1}
42
- .icon_container{display:block}.icon_container_inline{display:inline-block}
42
+ .icon_container{display:block;transition:transform .3s}.icon_container_inline{display:inline-block}
43
43
  .image_container{overflow:hidden;display:block;position:relative;width:456px;height:364px}.image_container_inheritWidth{width:100%;min-width:inherit}.image_container_clickable_zoomIn{cursor:zoom-in}.image_container_clickable_zoomOut{cursor:zoom-out}.image_container_clickable_pointer{cursor:pointer}.image_img{object-position:center;width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.image_img_fit-cover{object-fit:cover}.image_img_fit-contain{object-fit:contain}.image_img_fit-fill{object-fit:fill}
44
44
  .hero_container{width:unset;max-width:1280px;min-height:320px;max-height:410px}.hero_container_fullWidth{max-width:none;width:100%}
45
45
  .multiImageViewer_container{overflow:hidden;padding:4px;width:364px}.multiImageViewer_mainImage{height:320px}.multiImageViewer_mainImage_multi{border-bottom:none}.multiImageViewer_miniImage{display:inline-block;width:104px;height:92px}.multiImageViewer_miniImage_selected{border-style:solid;border-width:3px;cursor:default}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reso-ui",
3
- "version": "1.12.4",
3
+ "version": "1.13.0",
4
4
  "description": "Reusable React components in Typescript",
5
5
  "types": "types/index",
6
6
  "main": "dist/lib.js",
@@ -70,6 +70,7 @@
70
70
  "jest-environment-jsdom": "^29.3.1",
71
71
  "mini-css-extract-plugin": "^2.8.0",
72
72
  "npm": "^9.2.0",
73
+ "react-router-dom": "^6.22.1",
73
74
  "sass": "^1.56.2",
74
75
  "sass-loader": "^13.2.0",
75
76
  "style-loader": "^3.3.1",
package/types/components/Icon/Icon.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import React from "react";
1
+ import React, { FunctionComponent, SVGAttributes } from "react";
2
2
  import IComponent from "../../interfaces/IComponent";
3
3
  import IThemeProps from "../../interfaces/Theme";
4
4
  import { IMarginProps } from "../../interfaces/ISpacingsProps";
5
5
  import "./styles/Icon.layout.scss";
6
6
  export interface IIconProps extends IComponent, IThemeProps, IMarginProps {
7
- SvgIcon: (props: React.SVGProps<SVGElement>) => React.ReactElement;
7
+ SvgIcon: FunctionComponent<SVGAttributes<SVGElement>>;
8
8
  width?: number | string;
9
9
  height?: number | string;
10
10
  fill?: string;
package/types/components/Nav/NavItem/NavItem.d.ts CHANGED
@@ -5,7 +5,7 @@ import { IMarginProps } from "../../../interfaces/ISpacingsProps";
5
5
  import "./styles/NavItem.layout.scss";
6
6
  import "./styles/NavItem.theme.scss";
7
7
  export interface INavItemProps extends IComponent, IThemeProps, IMarginProps {
8
- children: React.ReactNode;
8
+ children?: React.ReactNode;
9
9
  Implementation?: "a" | "button";
10
10
  onClick?: () => void;
11
11
  active?: boolean;
@@ -15,7 +15,6 @@ export interface INavItemProps extends IComponent, IThemeProps, IMarginProps {
15
15
  elementStyles?: React.CSSProperties;
16
16
  renderCustomNavItem?: (props: {
17
17
  theme: IThemeProps;
18
- children: React.ReactNode;
19
18
  active: boolean;
20
19
  }) => React.ReactNode;
21
20
  }
package/types/forms/Controls/Dropdown/Dropdown-Option/Dropdown-Option.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import IComponent from "../../../../interfaces/IComponent";
3
+ import IThemeProps from "../../../../interfaces/Theme";
4
+ import "./styles/Dropdown-Option.layout.scss";
5
+ import "./styles/Dropdown-Option.theme.scss";
6
+ export interface IDropdownOption {
7
+ key: string;
8
+ value: string;
9
+ }
10
+ export interface IDropdownOptionProps extends IComponent, IThemeProps {
11
+ Element?: "li" | "a";
12
+ option?: string;
13
+ active?: boolean;
14
+ enableActiveStyles?: boolean;
15
+ href?: string;
16
+ onClick?: () => void;
17
+ renderCustomOption?: (props: {
18
+ theme: IThemeProps;
19
+ active?: boolean;
20
+ option?: string;
21
+ }) => JSX.Element;
22
+ }
23
+ export declare const DropdownOption: ({ Element, option, active, enableActiveStyles, renderCustomOption, href, onClick, rootClassName, rootStyles, theme, }: IDropdownOptionProps) => React.JSX.Element;
package/types/forms/Controls/Dropdown/Dropdown-Option/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import "../../../../styles/global.scss";
2
+ export * from "./Dropdown-Option";
package/types/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ import IComponent from "../../../../interfaces/IComponent";
3
+ import IThemeProps from "../../../../interfaces/Theme";
4
+ import { IMarginProps } from "../../../../interfaces/ISpacingsProps";
5
+ import "../../sharedStyles.scss";
6
+ import "./styles/Dropdown-Select.layout.scss";
7
+ import "./styles/Dropdown-Select.theme.scss";
8
+ import { IDropdownOption } from "../Dropdown-Option";
9
+ export interface IDropdownSelectProps extends IComponent, IThemeProps, IMarginProps {
10
+ id?: string;
11
+ value?: string;
12
+ options?: IDropdownOption[];
13
+ onChange?: (key: string) => void;
14
+ error?: string;
15
+ setError?: React.Dispatch<React.SetStateAction<string>>;
16
+ required?: boolean;
17
+ disabled?: boolean;
18
+ asNavItem?: boolean;
19
+ expandOn?: "click" | "hover";
20
+ OptionsContainerElement?: "ul" | "div";
21
+ children?: React.ReactNode;
22
+ optionsMaxHeight?: string;
23
+ headerClassName?: string;
24
+ headerStyles?: React.CSSProperties;
25
+ optionsContainerClassName?: string;
26
+ optionsContainerStyles?: React.CSSProperties;
27
+ }
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;
package/types/forms/Controls/Dropdown/Dropdown-Select/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import "../../../../styles/global.scss";
2
+ export * from "./Dropdown-Select";
package/types/forms/Controls/Dropdown/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Dropdown-Select";
2
+ export * from "./Dropdown-Option";
package/types/forms/Hooks/Controls/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { DropdownHookReturnObj, FormInputHookReturnObj } from "../../../interfaces/Form";
2
+ import { OptionsConfig } from "../utils";
3
+ import { AnyObject } from "../../../interfaces";
4
+ export declare const useFormInput: <T>(initialValue: T) => FormInputHookReturnObj<T>;
5
+ export declare const useDropdown: (initialSelectedKey: string | undefined, options: AnyObject[], config?: OptionsConfig) => DropdownHookReturnObj;
package/types/forms/Hooks/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./useFormInput";
1
+ export * from "./Controls";
package/types/forms/Hooks/utils/index.d.ts CHANGED
@@ -1,2 +1,14 @@
1
+ import { AnyObject } from "../../../interfaces";
1
2
  import { CustomValidators, FormInputValidator } from "../../../interfaces/Form";
3
+ import { IDropdownOption } from "../../Controls/Dropdown";
2
4
  export declare const composeInputValidators: <T>(defaultValidators: FormInputValidator<T>[], customValidators?: CustomValidators<T>) => FormInputValidator<T>[];
5
+ export type OptionsConfig = {
6
+ keyProp?: string;
7
+ valueProp?: string;
8
+ initObject?: IDropdownOption;
9
+ };
10
+ export declare const defaultOptionsConfig: OptionsConfig;
11
+ export declare const dataArrayToDropdownOptions: (arr: AnyObject[], config?: OptionsConfig) => IDropdownOption[];
12
+ export declare const optionsArrayToMap: (arr: IDropdownOption[]) => {
13
+ [key: string]: string;
14
+ };
package/types/interfaces/Form.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Dispatch, SetStateAction } from "react";
2
+ import { IDropdownOption } from "../forms/Controls/Dropdown";
2
3
  export type FormInputValidator<T> = {
3
4
  validationFn: (value?: T) => boolean;
4
5
  errorMessage: string;
@@ -9,6 +10,14 @@ export type FormInputHookReturnObj<T> = {
9
10
  error?: string;
10
11
  setError?: Dispatch<SetStateAction<string>>;
11
12
  };
13
+ export type DropdownHookReturnObj = {
14
+ value: string;
15
+ options: IDropdownOption[];
16
+ selectedKey: string;
17
+ setSelectedKey: Dispatch<SetStateAction<string>>;
18
+ error?: string;
19
+ setError?: Dispatch<SetStateAction<string>>;
20
+ };
12
21
  export type CustomValidators<T> = FormInputValidator<T> | FormInputValidator<T>[];
13
22
  export interface IFormInputProps<T> {
14
23
  id: string;
package/types/interfaces/index.d.ts CHANGED
@@ -4,3 +4,6 @@ export * from "./ILink";
4
4
  export * from "./ISpacingsProps";
5
5
  export * from "./Theme";
6
6
  export * from "./Form";
7
+ export type AnyObject = {
8
+ [key: string]: string;
9
+ };