@ainias42/react-bootstrap-mobile 0.2.13 → 0.2.15

package/bin/updateCopies.js

@@ -11,6 +11,7 @@ let pathsToProjects = [
     // '/home/silas/Projekte/web/react-windows',
     // '/home/silas/Projekte/web/cordova-sites',
     "/Users/sguenter/Projekte/Privat/games",
+    "/Users/sguenter/Projekte/Privat/geo",
     "/Users/sguenter/Projekte/Privat/dnd",
     "/Users/sguenter/Projekte/Privat/TestCapacitorElectron",
     "/Users/sguenter/Projekte/Privat/users-next",

package/bootstrapReactMobile.ts

@@ -29,6 +29,7 @@ export * from './src/Components/FormElements/Controller/SelectController';
 export * from './src/Components/FormElements/Controller/SendFormContext';
 export * from './src/Components/FormElements/Controller/SwitchController';
 export * from './src/Components/FormElements/Controller/TextareaController';
+export * from './src/Components/FormElements/Controller/useYupResolver';
 export * from './src/Components/FormElements/Controller/withHookController';
 export * from './src/Components/FormElements/FormError';
 export * from './src/Components/FormElements/Input/FileInput/FileInput';

package/dist/bootstrapReactMobile.d.ts

@@ -29,6 +29,7 @@ export * from './src/Components/FormElements/Controller/SelectController';
 export * from './src/Components/FormElements/Controller/SendFormContext';
 export * from './src/Components/FormElements/Controller/SwitchController';
 export * from './src/Components/FormElements/Controller/TextareaController';
+export * from './src/Components/FormElements/Controller/useYupResolver';
 export * from './src/Components/FormElements/Controller/withHookController';
 export * from './src/Components/FormElements/FormError';
 export * from './src/Components/FormElements/Input/FileInput/FileInput';

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.2.12
+ *   @ainias42/react-bootstrap-mobile v0.2.14
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -1218,7 +1218,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.dialogBackground__GkFEH{background-color:#fff;padding:.5rem;max-height:80vh;overflow:auto}.dialogBackground__GkFEH .title__ThSfn{margin:0 0 .8rem}}`, "",{"version":3,"sources":["webpack://./src/Components/Dialog/dialogBackground.scss"],"names":[],"mappings":"AACA,WACC,yBACC,qBAAA,CACA,aAAA,CACA,eAAA,CACA,aAAA,CAEA,uCACE,gBAAA,CAAA","sourcesContent":["\n@layer rbm {\n .dialogBackground {\n  background-color: white;\n  padding: 0.5rem;\n  max-height: 80vh;\n  overflow: auto;\n\n  .title {\n    margin: 0 0 0.8rem;\n  }\n}\n \n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.dialogBackground__GkFEH{background-color:#fff;padding:.5rem;max-height:80vh;overflow:auto}.dialogBackground__GkFEH .title__ThSfn{gap:16px;margin:0 0 .8rem}}`, "",{"version":3,"sources":["webpack://./src/Components/Dialog/dialogBackground.scss"],"names":[],"mappings":"AACA,WACC,yBACC,qBAAA,CACA,aAAA,CACA,eAAA,CACA,aAAA,CAEA,uCACE,QAAA,CACA,gBAAA,CAAA","sourcesContent":["\n@layer rbm {\n .dialogBackground {\n  background-color: white;\n  padding: 0.5rem;\n  max-height: 80vh;\n  overflow: auto;\n\n  .title {\n    gap: 16px;\n    margin: 0 0 0.8rem;\n  }\n}\n \n}"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"dialogBackground": `dialogBackground__GkFEH`,
@@ -1375,13 +1375,14 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.input__sEopK{display:inline-block;width:100%;position:relative;padding-bottom:.1rem}.input__sEopK:focus-within .selectableOptionContainer__kutkQ{display:inherit}.material-design .input__sEopK{background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__sEopK:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__sEopK,.flat-design .input__sEopK:focus{border-bottom:1px solid var(--border-light)}.input__sEopK .label__jJsSu{display:block;font-weight:bold}.input__sEopK .text__v0KcT{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;background-image:none}.material-design .input__sEopK .text__v0KcT{color:#212121}.flat-design .input__sEopK .text__v0KcT{color:#1f1f21}.inputContainer__R_CDq{display:flex}.tag__BTX7E{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent);padding:.1rem .2rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:4px}.selectableOptionContainer__kutkQ{display:none;position:fixed;background-color:#fff;z-index:1100;border:1px solid var(--border-light)}.selectableOptionContainer__kutkQ .selectableOption__HHU91{padding-left:.2rem;padding-right:.2rem;cursor:pointer}.selectableOptionContainer__kutkQ .selectableOption__HHU91.active__JedWZ{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent)}}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AACA,WAIA,cACE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,oBAAA,CAGE,6DACE,eAAA,CCTO,+BDcT,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,qCACE,kIAAA,CAMF,4DACE,2CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CAGF,2BACE,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,qBAAA,CC3CS,4CD8CP,aAAA,CC9CO,wCDkDP,aAAA,CAKN,uBACE,YAAA,CAIF,YACE,mCAAA,CACA,UAAA,CACA,qCAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CAGF,kCACE,YAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,oCAAA,CAGA,2DACE,kBAAA,CACA,mBAAA,CACA,cAAA,CAEA,yEACE,mCAAA,CACA,UAAA,CACA,qCAAA,CAAA","sourcesContent":["\n@layer rbm {\n @import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0.1rem;\n\n  &:focus-within {\n    .selectableOptionContainer {\n      display: inherit;\n    }\n  }\n\n  @include design($material) {\n    background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n    background-size: 100% 2px;\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    padding-bottom: 2px;\n\n    &:focus {\n      background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n      linear-gradient(to top, transparent 1px, #afafaf 1px);\n    }\n  }\n\n  @include design($flat) {\n    &, &:focus {\n      border-bottom: 1px solid var(--border-light);\n    }\n  }\n\n  .label {\n    display: block;\n    font-weight: bold;\n  }\n\n  .text {\n    width: 100%;\n    background-color: transparent;\n    border: 0;\n    outline: none;\n    padding: 0;\n    background-image: none;\n\n    @include design($material) {\n      color: #212121;\n    }\n\n    @include design($flat) {\n      color: #1f1f21;\n    }\n  }\n}\n\n.inputContainer {\n  display: flex;\n\n}\n\n.tag {\n  --text-primary-default-color: white;\n  color: white;\n  background-color: var(--flavor-accent);\n  padding: 0.1rem 0.2rem;\n  margin-right: 0.1rem;\n  margin-bottom: 0.1rem;\n  border-radius: 4px;\n}\n\n.selectableOptionContainer {\n  display: none;\n  position: fixed;\n  background-color: white;\n  z-index: 1100;\n  border: 1px solid var(--border-light);\n\n\n  .selectableOption {\n    padding-left: 0.2rem;\n    padding-right: 0.2rem;\n    cursor: pointer;\n\n    &.active {\n      --text-primary-default-color: white;\n      color: white;\n      background-color: var(--flavor-accent);\n    }\n  }\n}\n \n}","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.input__sEopK{display:inline-block;width:100%;position:relative;padding-bottom:.1rem}.input__sEopK:focus-within .selectableOptionContainer__kutkQ{display:inherit}.material-design .input__sEopK{background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__sEopK:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__sEopK,.flat-design .input__sEopK:focus{border-bottom:1px solid var(--border-light)}.input__sEopK .label__jJsSu{display:block;font-weight:var(--label-font-weight, bold)}.input__sEopK .text__v0KcT{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;background-image:none}.input__sEopK .text__v0KcT.disabled__M6sE8{caret-color:rgba(0,0,0,0);cursor:pointer}.material-design .input__sEopK .text__v0KcT{color:#212121}.flat-design .input__sEopK .text__v0KcT{color:#1f1f21}.inputContainer__R_CDq{display:flex}.tag__BTX7E{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent);padding:.1rem .2rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:4px}.selectableOptionContainer__kutkQ{display:none;position:fixed;background-color:#fff;z-index:1100;border:1px solid var(--border-light)}.selectableOptionContainer__kutkQ .selectableOption__HHU91{padding-left:.2rem;padding-right:.2rem;cursor:pointer}.selectableOptionContainer__kutkQ .selectableOption__HHU91.active__JedWZ{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent)}}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AACA,WAIA,cACE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,oBAAA,CAGE,6DACE,eAAA,CCTO,+BDcT,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,qCACE,kIAAA,CAMF,4DACE,2CAAA,CAIJ,4BACE,aAAA,CACA,0CAAA,CAGF,2BAME,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,qBAAA,CAVA,2CACE,yBAAA,CACA,cAAA,CCxCO,4CDmDP,aAAA,CCnDO,wCDuDP,aAAA,CAKN,uBACE,YAAA,CAIF,YACE,mCAAA,CACA,UAAA,CACA,qCAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CAGF,kCACE,YAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,oCAAA,CAGA,2DACE,kBAAA,CACA,mBAAA,CACA,cAAA,CAEA,yEACE,mCAAA,CACA,UAAA,CACA,qCAAA,CAAA","sourcesContent":["\n@layer rbm {\n @import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0.1rem;\n\n  &:focus-within {\n    .selectableOptionContainer {\n      display: inherit;\n    }\n  }\n\n  @include design($material) {\n    background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n    background-size: 100% 2px;\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    padding-bottom: 2px;\n\n    &:focus {\n      background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n      linear-gradient(to top, transparent 1px, #afafaf 1px);\n    }\n  }\n\n  @include design($flat) {\n    &, &:focus {\n      border-bottom: 1px solid var(--border-light);\n    }\n  }\n\n  .label {\n    display: block;\n    font-weight: var(--label-font-weight, bold);\n  }\n\n  .text {\n    &.disabled {\n      caret-color: transparent;\n      cursor: pointer;\n    }\n\n    width: 100%;\n    background-color: transparent;\n    border: 0;\n    outline: none;\n    padding: 0;\n    background-image: none;\n\n    @include design($material) {\n      color: #212121;\n    }\n\n    @include design($flat) {\n      color: #1f1f21;\n    }\n  }\n}\n\n.inputContainer {\n  display: flex;\n\n}\n\n.tag {\n  --text-primary-default-color: white;\n  color: white;\n  background-color: var(--flavor-accent);\n  padding: 0.1rem 0.2rem;\n  margin-right: 0.1rem;\n  margin-bottom: 0.1rem;\n  border-radius: 4px;\n}\n\n.selectableOptionContainer {\n  display: none;\n  position: fixed;\n  background-color: white;\n  z-index: 1100;\n  border: 1px solid var(--border-light);\n\n\n  .selectableOption {\n    padding-left: 0.2rem;\n    padding-right: 0.2rem;\n    cursor: pointer;\n\n    &.active {\n      --text-primary-default-color: white;\n      color: white;\n      background-color: var(--flavor-accent);\n    }\n  }\n}\n \n}","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"input": `input__sEopK`,
 	"selectableOptionContainer": `selectableOptionContainer__kutkQ`,
 	"label": `label__jJsSu`,
 	"text": `text__v0KcT`,
+	"disabled": `disabled__M6sE8`,
 	"inputContainer": `inputContainer__R_CDq`,
 	"tag": `tag__BTX7E`,
 	"selectableOption": `selectableOption__HHU91`,
@@ -1442,7 +1443,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.switch__xNNFS{cursor:pointer;position:relative;display:inline-block}.switch__xNNFS>label{display:flex;cursor:pointer;align-items:center}.switch__xNNFS .label__ZYi_R:not(:empty){margin-left:.2rem;margin-right:.2rem}.switch__xNNFS input{display:none}.switch__xNNFS .toggle__N3rdq{width:40px;display:inline-block;position:relative;transition-property:all;transition-duration:.35s;transition-timing-function:ease-out;border-radius:30px}.switch__xNNFS .toggle__N3rdq .handle__KTnkl{transition-property:all;transition-duration:.35s;transition-timing-function:cubic-bezier(0.59, 0.01, 0.5, 0.99);border-radius:100%;background-clip:padding-box;position:absolute;content:""}.material-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq .handle__KTnkl,.material-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{background-color:var(--flavor-accent);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.flat-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq,.flat-design .switch__xNNFS input:checked+.toggle__N3rdq{background-color:#44db5e;box-shadow:inset 0 0 0 2px #44db5e}.flat-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq .handle__KTnkl,.flat-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{background-color:#fff;top:2px;box-shadow:0 3px 2px rgba(0,0,0,.25)}.material-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{left:18px}.material-design .switch__xNNFS .toggle__N3rdq{background-color:rgba(55,71,79,.5);margin-top:4px;height:15px}.material-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl{margin-top:-4px;width:22px;height:22px;background-color:#f1f1f1;left:0;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)}.material-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl:before{background:rgba(0,0,0,0);content:"";display:block;width:100%;height:100%;border-radius:50%;z-index:0;box-shadow:0 0 0 0 rgba(0,0,0,.12);transition:box-shadow .1s linear}.flat-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{left:19px}.flat-design .switch__xNNFS .toggle__N3rdq{height:23px;background-color:#fff;box-shadow:inset 0 0 0 2px #e5e5e5}.flat-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl{height:19px;width:19px;background-color:#fff;left:2px;top:2px;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25)}}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Switch/switch.scss"],"names":[],"mappings":"AACA,WAIA,eACE,cAAA,CACA,iBAAA,CACA,oBAAA,CAEA,qBACE,YAAA,CACA,cAAA,CACA,kBAAA,CAIA,yCACE,iBAAA,CACA,kBAAA,CAIJ,qBACE,YAAA,CAGF,8BACE,UAAA,CACA,oBAAA,CACA,iBAAA,CACA,uBAAA,CACA,wBAAA,CACA,mCAAA,CACA,kBAAA,CAEA,6CACE,uBAAA,CACA,wBAAA,CACA,8DAAA,CACA,kBAAA,CACA,2BAAA,CACA,iBAAA,CACA,UAAA,CAIJ,sJACE,qCAAA,CACA,gGAAA,CAGF,gHACE,wBAAA,CACA,kCAAA,CAGF,8IACE,qBAAA,CACA,OAAA,CACA,oCAAA,CAQI,4EAEE,SAAA,CAKN,+CACE,kCAAA,CAEA,cAAA,CACA,WAAA,CAEA,8DACE,eAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,MAAA,CACA,iGAAA,CAEA,qEACE,wBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,SAAA,CACA,kCAAA,CACA,gCAAA,CAWF,wEAEE,SAAA,CAKN,2CACE,WAAA,CAEA,qBAAA,CACA,kCAAA,CAEA,0DACE,WAAA,CACA,UAAA,CACA,qBAAA,CACA,QAAA,CACA,OAAA,CACA,8DAAA,CAAA","sourcesContent":["\n@layer rbm {\n @import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.switch {\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n\n  > label {\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n  }\n\n  .label {\n    &:not(:empty) {\n      margin-left: 0.2rem;\n      margin-right: 0.2rem;\n    }\n  }\n\n  input {\n    display: none;\n  }\n\n  .toggle {\n    width: 40px;\n    display: inline-block;\n    position: relative;\n    transition-property: all;\n    transition-duration: 0.35s;\n    transition-timing-function: ease-out;\n    border-radius: 30px;\n\n    .handle {\n      transition-property: all;\n      transition-duration: 0.35s;\n      transition-timing-function: cubic-bezier(.59, .01, .5, .99);\n      border-radius: 100%;\n      background-clip: padding-box;\n      position: absolute;\n      content: '';\n    }\n  }\n\n  %dual-handle-material {\n    background-color: var(--flavor-accent);\n    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);\n  }\n\n  %dual-toggle-flat {\n    background-color: #44db5e;\n    box-shadow: inset 0 0 0 2px #44db5e;\n  }\n\n  %dual-handle-flat {\n    background-color: #ffffff;\n    top: 2px;\n    box-shadow: 0 3px 2px rgb(0 0 0 / 25%);\n  }\n\n  @include design($material) {\n    input:checked + {\n      .toggle {\n        //box-shadow: none;\n\n        .handle {\n          @extend %dual-handle-material;\n          left: 18px;\n        }\n      }\n    }\n\n    .toggle {\n      background-color: rgba(55, 71, 79, 0.5);\n\n      margin-top: 4px;\n      height: 15px;\n\n      .handle {\n        margin-top: -4px;\n        width: 22px;\n        height: 22px;\n        background-color: #f1f1f1;\n        left: 0;\n        box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%);\n\n        &:before {\n          background: transparent;\n          content: '';\n          display: block;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          z-index: 0;\n          box-shadow: 0 0 0 0 rgb(0 0 0 / 12%);\n          transition: box-shadow 0.1s linear;\n        }\n      }\n    }\n  }\n\n  @include design($flat) {\n    input:checked + {\n      .toggle {\n        @extend %dual-toggle-flat;\n\n        .handle {\n          @extend %dual-handle-flat;\n          left: 19px\n        }\n      }\n    }\n\n    .toggle {\n      height: 23px;\n\n      background-color: white;\n      box-shadow: inset 0 0 0 2px #e5e5e5;\n\n      .handle {\n        height: 19px;\n        width: 19px;\n        background-color: #ffffff;\n        left: 2px;\n        top: 2px;\n        box-shadow: 0 0 1px 0 rgb(0 0 0 / 25%), 0 3px 2px rgb(0 0 0 / 25%);\n      }\n    }\n  }\n\n  &.dual {\n    @include design($material) {\n      .toggle {\n        .handle {\n          @extend %dual-handle-material;\n        }\n      }\n    }\n    @include design($flat) {\n      .toggle {\n        @extend %dual-toggle-flat;\n\n        .handle {\n          @extend %dual-handle-flat;\n        }\n      }\n    }\n  }\n}\n \n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{.switch__xNNFS{cursor:pointer;position:relative;display:inline-block}.switch__xNNFS>label{display:flex;cursor:pointer;align-items:center}.switch__xNNFS .label__ZYi_R:not(:empty){margin-left:.2rem;margin-right:.2rem}.switch__xNNFS input{display:none}.switch__xNNFS .toggle__N3rdq{flex-shrink:0;width:40px;display:inline-block;position:relative;transition-property:all;transition-duration:.35s;transition-timing-function:ease-out;border-radius:30px}.switch__xNNFS .toggle__N3rdq .handle__KTnkl{left:var(--switch-handle-offset, 0);transition-property:all;transition-duration:.35s;transition-timing-function:cubic-bezier(0.59, 0.01, 0.5, 0.99);border-radius:100%;background-clip:padding-box;position:absolute;content:""}.material-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq .handle__KTnkl,.material-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{background-color:var(--flavor-accent);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.flat-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq,.flat-design .switch__xNNFS input:checked+.toggle__N3rdq{background-color:#44db5e;box-shadow:inset 0 0 0 2px #44db5e}.flat-design .switch__xNNFS.dual__Ufzsw .toggle__N3rdq .handle__KTnkl,.flat-design .switch__xNNFS input:checked+.toggle__N3rdq .handle__KTnkl{background-color:#fff;top:2px;box-shadow:0 3px 2px rgba(0,0,0,.25)}.material-design .switch__xNNFS{--switch-handle-checked-offset: 18px;--switch-handle-offset: 0px}.material-design .switch__xNNFS input:checked+.toggle__N3rdq{--switch-handle-offset: var(--switch-handle-checked-offset)}.material-design .switch__xNNFS .toggle__N3rdq{background-color:rgba(55,71,79,.5);margin-top:4px;height:15px}.material-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl{margin-top:-4px;width:22px;height:22px;background-color:#f1f1f1;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)}.material-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl:before{background:rgba(0,0,0,0);content:"";display:block;width:100%;height:100%;border-radius:50%;z-index:0;box-shadow:0 0 0 0 rgba(0,0,0,.12);transition:box-shadow .1s linear}.flat-design .switch__xNNFS{--switch-handle-offset: 2px;--switch-handle-checked-offset: 19px}.flat-design .switch__xNNFS input:checked+.toggle__N3rdq{--switch-handle-offset: var(--switch-handle-checked-offset)}.flat-design .switch__xNNFS .toggle__N3rdq{height:23px;background-color:#fff;box-shadow:inset 0 0 0 2px #e5e5e5}.flat-design .switch__xNNFS .toggle__N3rdq .handle__KTnkl{height:19px;width:19px;background-color:#fff;top:2px;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25)}}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Switch/switch.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AACA,WAIA,eACE,cAAA,CACA,iBAAA,CACA,oBAAA,CAEA,qBACE,YAAA,CACA,cAAA,CACA,kBAAA,CAIA,yCACE,iBAAA,CACA,kBAAA,CAIJ,qBACE,YAAA,CAGF,8BACE,aAAA,CACA,UAAA,CACA,oBAAA,CACA,iBAAA,CACA,uBAAA,CACA,wBAAA,CACA,mCAAA,CACA,kBAAA,CAEA,6CACE,mCAAA,CACA,uBAAA,CACA,wBAAA,CACA,8DAAA,CACA,kBAAA,CACA,2BAAA,CACA,iBAAA,CACA,UAAA,CAIJ,sJACE,qCAAA,CACA,gGAAA,CAGF,gHACE,wBAAA,CACA,kCAAA,CAGF,8IACE,qBAAA,CACA,OAAA,CACA,oCAAA,CC1DS,gCD8DT,oCAAA,CACA,2BAAA,CAEA,6DACE,2DAAA,CAOF,+CACE,kCAAA,CAEA,cAAA,CACA,WAAA,CAEA,8DACE,eAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iGAAA,CAEA,qEACE,wBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,SAAA,CACA,kCAAA,CACA,gCAAA,CC/FG,4BDsGT,2BAAA,CACA,oCAAA,CAEA,yDAEE,2DAAA,CAQF,2CACE,WAAA,CAEA,qBAAA,CACA,kCAAA,CAEA,0DACE,WAAA,CACA,UAAA,CACA,qBAAA,CACA,OAAA,CACA,8DAAA,CAAA","sourcesContent":["\n@layer rbm {\n @import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.switch {\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n\n  > label {\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n  }\n\n  .label {\n    &:not(:empty) {\n      margin-left: 0.2rem;\n      margin-right: 0.2rem;\n    }\n  }\n\n  input {\n    display: none;\n  }\n\n  .toggle {\n    flex-shrink: 0;\n    width: 40px;\n    display: inline-block;\n    position: relative;\n    transition-property: all;\n    transition-duration: 0.35s;\n    transition-timing-function: ease-out;\n    border-radius: 30px;\n\n    .handle {\n      left: var(--switch-handle-offset, 0);\n      transition-property: all;\n      transition-duration: 0.35s;\n      transition-timing-function: cubic-bezier(.59, .01, .5, .99);\n      border-radius: 100%;\n      background-clip: padding-box;\n      position: absolute;\n      content: '';\n    }\n  }\n\n  %dual-handle-material {\n    background-color: var(--flavor-accent);\n    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);\n  }\n\n  %dual-toggle-flat {\n    background-color: #44db5e;\n    box-shadow: inset 0 0 0 2px #44db5e;\n  }\n\n  %dual-handle-flat {\n    background-color: #ffffff;\n    top: 2px;\n    box-shadow: 0 3px 2px rgb(0 0 0 / 25%);\n  }\n\n  @include design($material) {\n    --switch-handle-checked-offset: 18px;\n    --switch-handle-offset: 0px;\n\n    input:checked + .toggle {\n      --switch-handle-offset: var(--switch-handle-checked-offset);\n\n      .handle {\n        @extend %dual-handle-material;\n      }\n    }\n\n    .toggle {\n      background-color: rgba(55, 71, 79, 0.5);\n\n      margin-top: 4px;\n      height: 15px;\n\n      .handle {\n        margin-top: -4px;\n        width: 22px;\n        height: 22px;\n        background-color: #f1f1f1;\n        box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%);\n\n        &:before {\n          background: transparent;\n          content: '';\n          display: block;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          z-index: 0;\n          box-shadow: 0 0 0 0 rgb(0 0 0 / 12%);\n          transition: box-shadow 0.1s linear;\n        }\n      }\n    }\n  }\n\n  @include design($flat) {\n    --switch-handle-offset: 2px;\n    --switch-handle-checked-offset: 19px;\n\n    input:checked + .toggle {\n      @extend %dual-toggle-flat;\n      --switch-handle-offset: var(--switch-handle-checked-offset);\n\n      .handle {\n        @extend %dual-handle-flat;\n      }\n\n    }\n\n    .toggle {\n      height: 23px;\n\n      background-color: white;\n      box-shadow: inset 0 0 0 2px #e5e5e5;\n\n      .handle {\n        height: 19px;\n        width: 19px;\n        background-color: #ffffff;\n        top: 2px;\n        box-shadow: 0 0 1px 0 rgb(0 0 0 / 25%), 0 3px 2px rgb(0 0 0 / 25%);\n      }\n    }\n  }\n\n  &.dual {\n    @include design($material) {\n      .toggle {\n        .handle {\n          @extend %dual-handle-material;\n        }\n      }\n    }\n    @include design($flat) {\n      .toggle {\n        @extend %dual-toggle-flat;\n\n        .handle {\n          @extend %dual-handle-flat;\n        }\n      }\n    }\n  }\n}\n \n}","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"switch": `switch__xNNFS`,
@@ -4310,6 +4311,7 @@ __webpack_require__.d(__webpack_exports__, {
   useToast: () => (/* reexport */ useToast),
   useWindow: () => (/* reexport */ useWindow),
   useWindowDimensions: () => (/* reexport */ useWindowDimensions),
+  useYupResolver: () => (/* reexport */ useYupResolver),
   withForwardRef: () => (/* reexport */ withForwardRef),
   withHookController: () => (/* reexport */ withHookController),
   withMemo: () => (/* reexport */ withMemo),
@@ -5777,6 +5779,7 @@ var Button_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const Button = withMemo(function Button(_a) {
   var {
       children,
@@ -5785,10 +5788,17 @@ const Button = withMemo(function Button(_a) {
       size,
       fullWidth = false,
       flavor = Flavor.Accent,
-      type = ButtonType.Primary
+      type = ButtonType.Primary,
+      stopPropagation = true
     } = _a,
-    props = Button_rest(_a, ["children", "className", "disabled", "size", "fullWidth", "flavor", "type"]);
+    props = Button_rest(_a, ["children", "className", "disabled", "size", "fullWidth", "flavor", "type", "stopPropagation"]);
   const [onClick, otherProps] = useListenerWithExtractedProps('onClick', props);
+  const realOnClick = (0,external_react_.useCallback)(ev => {
+    if (stopPropagation) {
+      ev.stopPropagation();
+    }
+    onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+  }, [onClick, stopPropagation]);
   const classes = {
     [(button_default()).primary]: type === ButtonType.Primary,
     [(button_default()).secondary]: type === ButtonType.Secondary,
@@ -5798,7 +5808,7 @@ const Button = withMemo(function Button(_a) {
   return /*#__PURE__*/external_react_.createElement("button", Button_extends({}, otherProps, {
     disabled: disabled,
     type: "button",
-    onClick: onClick,
+    onClick: realOnClick,
     className: classnames_default()((button_default()).button, {
       [(button_default()).fullWidth]: fullWidth
     }, classes, flavor, className)
@@ -7331,7 +7341,7 @@ function useSharedSelectedColor(key, predefinedColors = [], numberSavedColors =
     }
     // triggers rerender
     sharedSelectedColor[realKey].updateFunctions.forEach(u => u());
-  }, [numberSavedColors, realKey, shouldSaveToLocalStorage]);
+  }, [numberSavedColors, predefinedColors, realKey, shouldSaveToLocalStorage]);
   (0,external_react_.useLayoutEffect)(() => {
     if (shouldSaveToLocalStorage) {
       const savedColors = localStorage.getItem(localStorageKey(realKey));
@@ -7571,35 +7581,35 @@ const Menu = withMemo(withRenderBrowserOnly(function Menu({
     elem === null || elem === void 0 ? void 0 : elem.appendChild(portalContainer);
   }, [isOpen, portalContainer, window === null || window === void 0 ? void 0 : window.document.body]);
   useClientLayoutEffect(() => {
-    var _a;
-    if (!menuRef.current) {
-      return;
-    }
-    const width = parseFloat(getComputedStyle(menuRef.current).width);
-    let newX = x;
-    if (newX > ((_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 0) - width) {
-      newX -= width + offsetX;
-    }
-    if (newX < 0) {
-      newX = 0;
-    }
-    setInnerX(newX);
-  }, [offsetX, window === null || window === void 0 ? void 0 : window.innerWidth, x]);
-  useClientLayoutEffect(() => {
-    var _a;
     if (!menuRef.current) {
-      return;
-    }
-    const height = parseFloat(getComputedStyle(menuRef.current).height);
-    let newY = y;
-    if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
-      newY -= height + offsetY;
-    }
-    if (newY < 0) {
-      newY = 0;
+      return undefined;
     }
-    setInnerY(newY);
-  }, [offsetY, window === null || window === void 0 ? void 0 : window.innerHeight, y]);
+    const menuElement = menuRef.current;
+    const updateInnerPositions = () => {
+      var _a, _b;
+      const computedStyle = getComputedStyle(menuElement);
+      const height = parseFloat(computedStyle.height);
+      let newY = y;
+      if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
+        newY -= height + offsetY;
+      }
+      setInnerY(Math.max(0, newY));
+      const width = parseFloat(computedStyle.width);
+      let newX = x;
+      if (newX > ((_b = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _b !== void 0 ? _b : 0) - width) {
+        newX -= width + offsetX;
+      }
+      setInnerX(Math.max(0, newX));
+    };
+    const observer = new ResizeObserver(() => {
+      updateInnerPositions();
+    });
+    observer.observe(menuElement);
+    updateInnerPositions();
+    return () => {
+      observer.disconnect();
+    };
+  }, [window, x, y, offsetX, offsetY]);
   // Other
   // Render Functions
   if (!isOpen) {
@@ -8705,13 +8715,16 @@ const Switch = withMemo(function Switch(_a) {
       preLabel = '',
       isLabelBeforeSwitch = false,
       isDual = undefined,
+      stopPropagation = true,
       id,
       className,
+      classNamePreLabel,
+      classNameLabel,
       style,
       error,
       onChange
     } = _a,
-    props = Switch_rest(_a, ["children", "label", "preLabel", "isLabelBeforeSwitch", "isDual", "id", "className", "style", "error", "onChange"]);
+    props = Switch_rest(_a, ["children", "label", "preLabel", "isLabelBeforeSwitch", "isDual", "stopPropagation", "id", "className", "classNamePreLabel", "classNameLabel", "style", "error", "onChange"]);
   // States
   // Refs
   // Callbacks
@@ -8720,6 +8733,12 @@ const Switch = withMemo(function Switch(_a) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
     onChangeChecked(e.target.checked);
   }, [onChange, onChangeChecked]);
+  const checkStopPropagation = (0,external_react_.useCallback)(ev => {
+    if (stopPropagation) {
+      ev.stopPropagation();
+      ev.nativeEvent.stopPropagation();
+    }
+  }, [stopPropagation]);
   // Effects
   // Other
   // Render Functions
@@ -8736,12 +8755,13 @@ const Switch = withMemo(function Switch(_a) {
     className: classnames_default()((switch_default())["switch"], {
       [(switch_default()).dual]: isDual
     }, className),
-    style: style
+    style: style,
+    onClick: checkStopPropagation
   }, /*#__PURE__*/external_react_.createElement("label", {
     htmlFor: id,
     key: id
   }, /*#__PURE__*/external_react_.createElement("span", {
-    className: (switch_default()).label
+    className: classnames_default()((switch_default()).label, classNamePreLabel)
   }, preLabel), /*#__PURE__*/external_react_.createElement("input", Switch_extends({}, otherProps, {
     type: "checkbox",
     id: id,
@@ -8751,7 +8771,7 @@ const Switch = withMemo(function Switch(_a) {
   }, /*#__PURE__*/external_react_.createElement("span", {
     className: (switch_default()).handle
   })), /*#__PURE__*/external_react_.createElement("span", {
-    className: (switch_default()).label
+    className: classnames_default()((switch_default()).label, classNameLabel)
   }, label), /*#__PURE__*/external_react_.createElement(FormError, {
     error: error
   })));
@@ -8846,6 +8866,71 @@ const Textarea = withForwardRef(function Textarea(_a, ref) {
 
 
 const TextareaController = withHookController(Textarea, 'onChangeText');
+;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/useYupResolver.ts
+var useYupResolver_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+// TODO set translate function from somewhere else
+function useYupResolver(validationSchema, translate) {
+  return (0,external_react_.useCallback)(data => useYupResolver_awaiter(this, void 0, void 0, function* () {
+    try {
+      const values = yield validationSchema.validate(data, {
+        abortEarly: false
+      });
+      return {
+        values,
+        errors: {}
+      };
+    } catch (errors) {
+      const reducedErrors = errors.inner.reduce((allErrors, currentError) => {
+        var _a;
+        if (currentError.path === undefined) {
+          return allErrors;
+        }
+        let message = currentError.message;
+        if (typeof message === 'object') {
+          message = translate(message.key, message.args);
+        } else {
+          message = translate(message);
+        }
+        allErrors[currentError.path] = {
+          type: (_a = currentError.type) !== null && _a !== void 0 ? _a : 'validation',
+          message
+        };
+        return allErrors;
+      }, {});
+      return {
+        values: {},
+        errors: reducedErrors
+      };
+    }
+  }), [translate, validationSchema]);
+}
 ;// CONCATENATED MODULE: ./src/Components/FormElements/Input/HiddenInput.tsx
 function HiddenInput_extends() { return HiddenInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, HiddenInput_extends.apply(null, arguments); }
 var HiddenInput_rest = undefined && undefined.__rest || function (s, e) {
@@ -8886,6 +8971,7 @@ const HiddenInput_tmp = withMemo(HiddenInput);
 var seachSelectInput = __webpack_require__(3459);
 var seachSelectInput_default = /*#__PURE__*/__webpack_require__.n(seachSelectInput);
 ;// CONCATENATED MODULE: ./src/Components/FormElements/SearchSelectInput/SearchSelectInput.tsx
+function SearchSelectInput_extends() { return SearchSelectInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, SearchSelectInput_extends.apply(null, arguments); }
 
 
 
@@ -8905,12 +8991,19 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
   values,
   onChangeValue,
   className,
+  renderSelectableOptions,
+  renderSelectedOption,
+  showSelectedOptions = false,
+  closeOnSelect = false,
+  enableSearch = true,
+  allowDeselect = true,
   style
 }) {
   // Variables
   const indexedOptions = (0,external_react_.useMemo)(() => js_helper.ArrayHelper.arrayToObject(options, opt => opt.value), [options]);
   // Refs
   const containerRef = (0,external_react_.useRef)(null);
+  const inputRef = (0,external_react_.useRef)(null);
   const window = useWindow();
   // States
   const [searchText, setSearchText] = (0,external_react_.useState)('');
@@ -8920,8 +9013,8 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
     if (!suggestionsPosition) {
       return [];
     }
-    return options.filter(option => !values.includes(option.value) && option.label.toLowerCase().includes(searchText.toLowerCase()));
-  }, [suggestionsPosition, options, searchText, values]);
+    return options.filter(option => (showSelectedOptions || !values.includes(option.value)) && (!enableSearch || option.label.toLowerCase().includes(searchText.toLowerCase())));
+  }, [suggestionsPosition, options, showSelectedOptions, values, enableSearch, searchText]);
   // Selectors
   // Callbacks
   const updateSuggestionPosition = (0,external_react_.useCallback)(() => {
@@ -8941,11 +9034,15 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
     });
   }, [window === null || window === void 0 ? void 0 : window.innerWidth]);
   const onChange = (0,external_react_.useCallback)(ev => {
+    if (!enableSearch) {
+      return;
+    }
     setSearchText(ev.target.value);
     setSelectedIndex(0);
-  }, []);
+  }, [enableSearch]);
   const onFocus = (0,external_react_.useCallback)(() => updateSuggestionPosition(), [updateSuggestionPosition]);
   const toggleOption = (0,external_react_.useCallback)((_, value) => {
+    var _a, _b;
     const newValues = [...values];
     const index = values.indexOf(value);
     if (index === -1) {
@@ -8956,9 +9053,17 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
     setSearchText('');
     setSelectedIndex(0);
     onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(newValues);
-  }, [onChangeValue, values]);
+    if (closeOnSelect) {
+      if ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) {
+        (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        requestAnimationFrame(() => {
+          var _a;
+          (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        });
+      }
+    }
+  }, [closeOnSelect, onChangeValue, values]);
   const onKeyPress = (0,external_react_.useCallback)(e => {
-    console.log('Keypress', e.key);
     if (e.key === 'Enter' && !e.defaultPrevented) {
       if (selectedIndex < selectableOptions.length) {
         toggleOption(undefined, selectableOptions[selectedIndex].value);
@@ -8984,28 +9089,39 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
   // Render Functions
   const renderOption = value => {
     var _a, _b;
-    if (!indexedOptions[value]) {
+    const option = indexedOptions[value];
+    if (!option) {
       return null;
     }
-    return /*#__PURE__*/external_react_.createElement(ClickableMemo, {
-      onClick: toggleOption,
-      onClickData: value,
-      key: (_a = indexedOptions[value]) === null || _a === void 0 ? void 0 : _a.key
-    }, /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
+    const element = (_a = renderSelectedOption === null || renderSelectedOption === void 0 ? void 0 : renderSelectedOption(option)) !== null && _a !== void 0 ? _a : /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
       className: (seachSelectInput_default()).tag
     }, /*#__PURE__*/external_react_.createElement(tmp, {
       size: TEXT_SIZE.xSmall
-    }, (_b = indexedOptions[value]) === null || _b === void 0 ? void 0 : _b.label)));
+    }, (_b = indexedOptions[value]) === null || _b === void 0 ? void 0 : _b.label));
+    const onClickProps = allowDeselect ? {
+      onClick: toggleOption,
+      onClickData: value
+    } : {};
+    return /*#__PURE__*/external_react_.createElement(ClickableMemo, SearchSelectInput_extends({}, onClickProps, {
+      key: option.key,
+      __allowChildren: "all"
+    }), element);
+  };
+  const renderSelectableOption = (opt, index) => {
+    var _a;
+    const isActive = index === selectedIndex;
+    const element = (_a = renderSelectableOptions === null || renderSelectableOptions === void 0 ? void 0 : renderSelectableOptions(opt, isActive, index, selectedIndex)) !== null && _a !== void 0 ? _a : /*#__PURE__*/external_react_.createElement(BlockMemo, {
+      className: classnames_default()((seachSelectInput_default()).selectableOption, {
+        [(seachSelectInput_default()).active]: index === selectedIndex
+      })
+    }, /*#__PURE__*/external_react_.createElement(tmp, null, opt.label));
+    return /*#__PURE__*/external_react_.createElement(ClickableMemo, {
+      onClick: toggleOption,
+      onClickData: opt.value,
+      key: opt.key,
+      __allowChildren: "all"
+    }, element);
   };
-  const renderSelectableOption = (opt, index) => /*#__PURE__*/external_react_.createElement(ClickableMemo, {
-    onClick: toggleOption,
-    onClickData: opt.value,
-    key: opt.key
-  }, /*#__PURE__*/external_react_.createElement(BlockMemo, {
-    className: classnames_default()((seachSelectInput_default()).selectableOption, {
-      [(seachSelectInput_default()).active]: index === selectedIndex
-    })
-  }, /*#__PURE__*/external_react_.createElement(tmp, null, opt.label)));
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
@@ -9021,7 +9137,10 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
     }, /*#__PURE__*/external_react_.createElement(InlineBlockMemo, null, values.map(renderOption)), /*#__PURE__*/external_react_.createElement(Grow, {
       __allowChildren: "html"
     }, /*#__PURE__*/external_react_.createElement("input", {
-      className: (seachSelectInput_default()).text,
+      ref: inputRef,
+      className: classnames_default()((seachSelectInput_default()).text, {
+        [(seachSelectInput_default()).disabled]: !enableSearch
+      }),
       value: searchText,
       onChange: onChange,
       onKeyDown: onKeyPress,
@@ -9056,9 +9175,10 @@ const Slider = withMemo(function Slider(_a) {
   // Variables
   var {
       className,
-      style
+      style,
+      stopPropagation = true
     } = _a,
-    props = Slider_rest(_a, ["className", "style"]);
+    props = Slider_rest(_a, ["className", "style", "stopPropagation"]);
   // Refs
   // States
   // Selectors
@@ -9070,6 +9190,11 @@ const Slider = withMemo(function Slider(_a) {
     onChangeValue(Number(e.target.value));
     onChange(e);
   }, [onChange, onChangeValue]);
+  const checkStopPropagation = (0,external_react_.useCallback)(ev => {
+    if (stopPropagation) {
+      ev.stopPropagation();
+    }
+  }, [stopPropagation]);
   // Effects
   const innerRef = useOnChangeDone(onChangeDone);
   // Other
@@ -9079,7 +9204,8 @@ const Slider = withMemo(function Slider(_a) {
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     external_react_.createElement("label", {
       className: classnames_default()((slider_default()).slider, className),
-      style: style
+      style: style,
+      onClick: checkStopPropagation
     }, /*#__PURE__*/external_react_.createElement("input", Slider_extends({
       type: "range"
     }, otherPropsWithoutData, {
@@ -12921,10 +13047,11 @@ function Spoiler(_a) {
       openIcon = free_solid_svg_icons_namespaceObject.faChevronDown,
       closeIcon = free_solid_svg_icons_namespaceObject.faChevronUp,
       className,
+      onlyTitleToggles = false,
       style,
       open
     } = _a,
-    listenerProps = Spoiler_rest(_a, ["title", "children", "initialOpen", "noClosingAnimation", "openIcon", "closeIcon", "className", "style", "open"]);
+    listenerProps = Spoiler_rest(_a, ["title", "children", "initialOpen", "noClosingAnimation", "openIcon", "closeIcon", "className", "onlyTitleToggles", "style", "open"]);
   // Refs
   // States
   const [isOpen, setIsOpen] = (0,external_react_.useState)(open !== null && open !== void 0 ? open : initialOpen);
@@ -12933,12 +13060,14 @@ function Spoiler(_a) {
   // Selectors
   // Callbacks
   const onClickListener = useListener('onClick', listenerProps);
-  const toggleOpen = (0,external_react_.useCallback)(() => {
+  const toggleOpen = (0,external_react_.useCallback)(ev => {
+    console.log("LOG-d target", ev.target);
     if (open !== undefined) {
       onClickListener === null || onClickListener === void 0 ? void 0 : onClickListener(!open);
     } else {
       setIsInitialValue(false);
       setIsOpen(old => {
+        console.log("LOG-d toggleOpen", !old);
         onClickListener === null || onClickListener === void 0 ? void 0 : onClickListener(!old);
         return !old;
       });
@@ -12957,13 +13086,15 @@ function Spoiler(_a) {
   // Render Functions
   const icon = (open !== null && open !== void 0 ? open : isOpen) ? closeIcon : openIcon;
   return /*#__PURE__*/external_react_.createElement(ClickableMemo, {
-    onClick: toggleOpen,
+    onClick: onlyTitleToggles ? undefined : toggleOpen,
     className: classnames_default()(className, (spoiler_default()).spoiler, {
       [(spoiler_default()).open]: open !== null && open !== void 0 ? open : isOpen,
       [(spoiler_default()).noAnimation]: isInitialValue,
       [(spoiler_default()).noClosingAnimation]: noClosingAnimation
     }),
     style: style
+  }, /*#__PURE__*/external_react_.createElement(ClickableMemo, {
+    onClick: toggleOpen
   }, /*#__PURE__*/external_react_.createElement(Flex_tmp, {
     horizontal: true
   }, /*#__PURE__*/external_react_.createElement(Grow, {
@@ -12971,7 +13102,7 @@ function Spoiler(_a) {
   }, titleComponent), icon ? /*#__PURE__*/external_react_.createElement(Icon, {
     icon: icon,
     className: (spoiler_default()).icon
-  }) : null), /*#__PURE__*/external_react_.createElement(BlockMemo, {
+  }) : null)), /*#__PURE__*/external_react_.createElement(BlockMemo, {
     className: (spoiler_default()).bodyContainer
   }, /*#__PURE__*/external_react_.createElement(BlockMemo, {
     __allowChildren: "all",
@@ -13821,6 +13952,7 @@ function nonEmptyString(str, other = Characters.NBSP) {
 
 
 
+
 
 
 })();
@@ -13950,6 +14082,7 @@ exports.useStrictEnabled = __webpack_exports__.useStrictEnabled;
 exports.useToast = __webpack_exports__.useToast;
 exports.useWindow = __webpack_exports__.useWindow;
 exports.useWindowDimensions = __webpack_exports__.useWindowDimensions;
+exports.useYupResolver = __webpack_exports__.useYupResolver;
 exports.withForwardRef = __webpack_exports__.withForwardRef;
 exports.withHookController = __webpack_exports__.withHookController;
 exports.withMemo = __webpack_exports__.withMemo;