@react5/ui 1.0.16 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react5/ui",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "A React UI library.",
   "homepage": "https://github.com/react5com/ui#readme",
   "bugs": {

package/packages/app/package.json

@@ -15,21 +15,21 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@react5/lib": "*",
-    "i18next": "^24.2.2",
+    "i18next": "^24.2.3",
     "react-i18next": "^15.4.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.21.0",
+    "@eslint/js": "^9.22.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.25.0",
-    "vite": "^6.2.0",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.27.0",
+    "vite": "^6.2.2",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.6"
   }

package/packages/lib/.storybook/main.js

@@ -36,7 +36,7 @@ const config = {
       css: {
         preprocessorOptions: {
           scss: {
-            additionalData: `@use "../../styles/1-color-vars.scss" as *;`
+            additionalData: `@use "../../styles/1-color-vars.scss" as *; @use "../../styles/2-font-variables.scss" as *;`
           },
         },
       },

package/packages/lib/dist/esm/index.esm.css

@@ -11,8 +11,8 @@
   border-top: none;
 }
 .r5ui-accordion__toggle-header {
-  color: var(--page_text_color, #342a1f);
-  background: var(--page_bg_color, #ead8d8);
+  color: var(--page_text_color, #000000);
+  background: var(--page_bg_color, #f6f6f2);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -81,7 +81,7 @@
   border-color: var(--primary_border_color, #4b4747);
 }
 .r5ui-button__secondary {
-  background-color: var(--secondary_bg_color, #f6f6f2);
+  background-color: var(--secondary_bg_color, #e7ddd0);
   color: var(--secondary_text_color, #5C4B51);
   border-color: var(--secondary_border_color, #ccc);
 }
@@ -112,7 +112,7 @@
   user-select: none;
 }
 .r5ui-checkbox__label {
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   padding-left: 10px;
 }
 .r5ui-checkbox__input {
@@ -177,8 +177,8 @@
   z-index: 1;
 }
 .r5ui-divider__label {
-  background-color: var(--page_bg_color, #ead8d8);
-  color: var(--page_text_color, #342a1f);
+  background-color: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
   padding: 0 10px;
   position: relative;
   z-index: 2;
@@ -216,7 +216,7 @@
 }
 .r5ui-dropdown__list {
   position: absolute;
-  background-color: var(--secondary_bg_color, #f6f6f2);
+  background-color: var(--secondary_bg_color, #e7ddd0);
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
@@ -254,7 +254,7 @@
 .r5ui-form-buttons {
   display: block;
   text-align: right;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   margin-top: auto;
 }
 
@@ -312,8 +312,8 @@
   width: 2em;
   padding: 0 6px;
   margin-left: 0;
-  border: 1px solid var(--page_text_color, #342a1f);
-  color: var(--page_text_color, #342a1f);
+  border: 1px solid var(--page_text_color, #000000);
+  color: var(--page_text_color, #000000);
 }
 
 .r5tms-date-input {
@@ -473,8 +473,8 @@
   z-index: 1000;
 }
 .r5ui-modal__content {
-  background: var(--page_bg_color, #ead8d8);
-  color: var(--page_text_color, #342a1f);
+  background: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
   padding: 4px;
   border-radius: 8px;
   max-height: 100vh;
@@ -611,11 +611,11 @@
   text-transform: uppercase;
   margin: 0;
   padding: 0;
-  width: 32px;
-  height: 32px;
+  width: 2rem;
+  height: 2rem;
   text-align: center;
   background-color: var(--menu_bg_color, #9C836A);
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
   cursor: pointer;
   border-radius: 50%;
@@ -742,6 +742,29 @@
   max-width: 768px;
   width: 100%;
   margin: 1rem;
+  display: flex;
+  flex-direction: column;
+}
+.r5ui-panel__header {
+  text-align: center;
+  background-color: var(--secondary_bg_color, #e7ddd0);
+  color: var(--secondary_text_color, #5C4B51);
+  border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
+  border-radius: var(--border_radius, 5px) var(--border_radius, 5px) 0 0;
+  border-bottom: 0;
+  padding: 0.5rem;
+  font-weight: 500;
+  font-size: 1.2em;
+}
+.r5ui-panel__content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  align-content: center;
+  justify-content: center;
+  background-color: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
+  border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
 }
 
 .r5ui-paper {
@@ -932,7 +955,7 @@
 .r5ui-select-field__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: center;
   margin-right: 0.5em;
 }
@@ -1107,7 +1130,7 @@
 .r5ui-text-area__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: start;
   margin-right: 0.5em;
 }
@@ -1150,7 +1173,7 @@
 .r5ui-text-field__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: center;
   margin-right: 0.5em;
 }
@@ -1305,7 +1328,7 @@
 }
 
 .r5ui-typography {
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   font-family: var(--title_font, "Poppins", serif);
 }
 .r5ui-typography__p {

package/packages/lib/dist/esm/index.esm.js

@@ -1 +1 @@
-import e,{useState as n,useEffect as r,forwardRef as t,Fragment as i,useRef as a,Children as o,useCallback as l}from"react";import c from"clsx";import{bem as u}from"@react5/bem";import{jsxs as s,jsx as d}from"react/jsx-runtime";import{Link as f}from"react-router-dom";import{TimeSpanInput as m}from"@react5/time-span";var v={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},h={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},p="ui-library";function y(e){e.addResourceBundle("en",p,v,!0,!0),e.addResourceBundle("fr",p,h,!0,!0)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function N(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?g(Object(r),!0).forEach((function(n){w(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function w(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=b(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==b(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function C(e,n,r){var t=e(n,N(N({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null}function O(e,n,r){return e(n,N(N({},r),{},{returnObjects:!0}))}function j(e){return u("r5ui-"+e)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=S(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=S(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==S(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function A(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return x(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var P=j("accordion"),E=function(e){var t=e.title,i=e.children,a=e.className,o=e.isOpen,l=void 0!==o&&o,u=A(n(l),2),f=u[0],m=u[1];r((function(){l&&m(l)}),[l]);return s("div",{className:c(P(),a,k({},P("open"),f)),children:[s("button",{className:P("toggle-header"),onClick:function(e){e.preventDefault(),m((function(e){return!e}))},children:[d("h3",{className:P("title"),children:t}),d("span",{className:c(P("indicator"),f&&P("indicator","open"))})]}),d("div",{className:c(P("content"),f&&P("content","open")),children:i})]})},L=j("button"),I=function(e){var n=e.className,r=e.variant,t=void 0===r?"primary":r,i=e.type,a=void 0===i?"button":i,o=e.to,l=e.onClick,u=e.disabled,s=e.children,m=c(L(),L(t),L(a),n);return o?d(f,{className:m,to:o,children:s}):d("button",{className:m,onClick:function(e){l&&(e.preventDefault(),l(e))},disabled:u,type:a,children:s})},M=j("buttons-group"),D=function(e){var n=e.children,r=e.className;return d("div",{className:c(M(),r),children:n})},F=function(e,n){return e?e.replace("{name}",n||"Field"):e},T=j("checkbox"),B=t((function(e,n){var r=e.checked,t=e.onChange,a=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(i,{children:[s("label",{className:c(T(),o),children:[d("input",{id:a,name:a,className:T("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:T("checkmark")}),v&&d("span",{className:T("label"),children:v})]}),h&&d("div",{children:F(h,v)})]})})),z=j("typography"),U=function(e){var n=e.children,r=e.onClick,t=e.className,i=e.align,a=void 0===i?"left":i,o=e.variant,l=void 0===o?"p":o;return d(l,{className:c(z(),z(l),z(a),t),onClick:r,children:n})},$=j("icon-button"),V=function(e){var n=e.children,r=e.onClick,t=e.className,i=e.title,a=e.to,o=e.variant,l=void 0===o?"none":o,u=e.type,s=e.disabled;return a?d(f,{className:c($(),$(l),t),to:a,title:i,type:u,children:n}):d("button",{className:c($(),$(l),t),onClick:function(e){e.preventDefault(),r&&r(e)},disabled:s,title:i,type:u,children:n})},H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(H),X=["attr","size","title"];function K(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},W.apply(this,arguments)}function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function G(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){J(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function J(e,n,r){var t;return(n="symbol"==typeof(t=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?t:t+"")in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Q(n){return n&&n.map(((n,r)=>e.createElement(n.tag,G({key:r},n.attr),Q(n.child))))}function Y(n){return r=>e.createElement(Z,W({attr:G({},n.attr)},r),Q(n.child))}function Z(n){var r=r=>{var t,{attr:i,size:a,title:o}=n,l=K(n,X),c=a||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",W({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,i,l,{className:t,style:G(G({color:n.color||r.color},r.style),n.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),o&&e.createElement("title",null,o),n.children)};return void 0!==R?e.createElement(R.Consumer,null,(e=>r(e))):r(H)}function _(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"},child:[]}]})(e)}function ee(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"},child:[]}]})(e)}function ne(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"},child:[]}]})(e)}function re(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"},child:[]}]})(e)}function te(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function ie(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"},child:[]}]})(e)}function ae(e){return Y({attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M400 0L176 0c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8L24 64C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9L192 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-26.1 0C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24L446.4 64c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112l84.4 0c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6l84.4 0c-5.1 66.3-31.1 111.2-63 142.3z"},child:[]}]})(e)}function oe(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},child:[]}]})(e)}var le=j("modal"),ce=function(e){var n=e.className,r=e.children,t=e.onClose,i=e.title,a=e.variant,o=void 0===a?"large":a;return d("div",{className:c(le(),n),children:s("div",{className:c(le("content"),le("content",o)),onClick:function(e){return e.stopPropagation()},children:[d(U,{className:le("title"),variant:"h3",children:i}),t&&d(V,{className:le("close"),variant:"round-outlined",onClick:t,children:d(oe,{})}),d("div",{className:le("modal-body"),children:r})]})})};ce.Header=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("header"),r),children:n})};ce.Body=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("body"),r),children:n})};ce.Footer=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("footer"),r),children:n})};var ue=j("form-buttons"),se=function(e){var n=e.children,r=e.className;return d("div",{className:c(ue(),r),children:n})},de=j("dialog-prompt"),fe=function(e){var n=e.children,r=e.variant,t=void 0===r?"small":r,i=e.onOk,a=e.onCancel,o=e.className,l=e.prompt,u=e.confirmText,f=e.cancelText;return s(ce,{variant:t,className:c(de(),o),onClose:a,children:[d(ce.Header,{}),s(ce.Body,{className:de("body"),children:[l&&d(U,{variant:"h2",align:"center",children:l}),n]}),d(ce.Footer,{children:s(se,{children:[d(I,{type:"submit",onClick:i,children:u}),d(I,{type:"button",variant:"secondary",onClick:a,children:f})]})})]})},me=j("divider"),ve=function(e){var n=e.children,r=e.className;return d("div",{className:c(me(),r),children:d("span",{className:me("label"),children:n})})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return pe(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?pe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var ye=j("dropdown"),be=function(e){var t=e.items,i=e.selectedItem,o=e.direction,l=void 0===o?"down":o,u=e.variant,f=void 0===u?"primary":u,m=e.onChange,v=e.className,h=he(n(!1),2),p=h[0],y=h[1],b=a(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g="".concat(ye("list")," ").concat(ye("list",l));return s("div",{className:c(ye(),v),ref:b,children:[s(I,{className:ye("button",l),variant:f,onClick:function(){return y((function(e){return!e}))},children:[(null==i?void 0:i.label)||"",d("span",{className:c(ye("indicator"),ye("indicator-".concat(f)),ye("indicator",l),p&&ye("indicator","open"))})]}),p&&d("ul",{className:g,children:t.map((function(e,n){return d("li",{className:ye("item"),onClick:(r=e,function(){m&&m(r),y(!1)}),children:e.label},n);var r}))})]})},ge=j("form"),Ne=function(e){var n=e.children,r=e.onSubmit,t=e.className;return d("form",{method:"post",onSubmit:function(e){r&&(e.preventDefault(),r(e))},className:c(ge(),t),children:n})},we=j("menu-item"),Ce=function(e){var n=e.className,r=e.to,t=e.onClick,i=e.component,a=e.disabled,o=e.children,l=c(we(),n);return i?d("div",{className:n,children:i}):r?d(f,{className:l,to:r,onClick:function(){t&&t()},children:o}):d("button",{className:l,onClick:t,disabled:a,children:o})};function Oe(e,n){r((function(){var r=function(r){e.every((function(e){return e.current&&!e.current.contains(r.target)}))&&n()};return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}),[e,n])}function je(e,n,t){r((function(){var r=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},i=e.current;return i&&i.addEventListener("keydown",r),function(){i&&i.removeEventListener("keydown",r)}}),[e,n,t])}function Se(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r((function(){n&&e.current&&e.current.focus()}),[n,e])}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ae(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function xe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(r),!0).forEach((function(n){Pe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Pe(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=ke(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=ke(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==ke(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Le(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Le(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function Ie(e,r){var t=Ee(n(e),2),i=t[0],a=t[1],o=Ee(n({}),2),l=o[0],c=o[1],u=function(e){var n=e.target,t=n.name,i=n.type,o=n.value,l="checkbox"===i?e.target.checked:o;a((function(e){var n=xe(xe({},e),{},Pe({},t,l));if(r){var i=r(n);c(i)}return n}))},s=function(e){return function(n){var t=n;a((function(n){var i=xe(xe({},n),{},Pe({},e,t));if(r){var a=r(i);c(a)}return i}))}},d=function(){a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:e),c({})},f=function(e){return function(n){n.preventDefault(),null==e||e(i),d()}};return{values:i,errors:l,handleChange:u,setFieldValue:function(e,n){a((function(t){var i=xe(xe({},t),{},Pe({},e,n));if(r){var a=r(i);c(a)}return i}))},reset:d,setValues:a,validateForm:function(){if(r){var e=r(i);return c(e),e}return{}},register:function(e){return xe(xe({},{name:e,value:i[e]||"",checked:i[e]||!1,error:l[e]}),{},{onChange:u})},registerC:function(e){return xe(xe({},{name:e,value:i[e]||"",checked:i[e]||!1,error:l[e]}),{},{onChange:s(e)})},registerForm:function(e){return{onSubmit:f(e)}}}}function Me(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return De(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Fe=j("navbar"),Te=function(e){var r=e.children,t=e.className,i=Me(n(!1),2),l=i[0],u=i[1],f=a(null),m=a(null);Oe([f,m],(function(){return u(!1)}));return s("nav",{className:c(Fe(),t),children:[d("button",{className:Fe("expand-button"),onClick:function(){return u((function(e){return!e}))},ref:f,children:d(ne,{})}),d("ul",{className:c(Fe("container"),l&&Fe("container","open")),ref:m,children:o.map(r,(function(e,n){return d("li",{className:Fe("item"),children:e},n)}))})]})},Be=j("navbar-link"),ze=function(e){var n=e.to,r=e.children,t=e.onClick,i=e.component,a=e.className;return i?d(i,{className:c(Be(),a),to:n,children:r}):d("a",t?{className:c(Be(),a),href:"#",onClick:t,children:r}:{children:r})};function Ue(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return $e(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?$e(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Ve=j("navbar-menu"),He=function(e){var t=e.items,i=e.className,o=e.menuTitle,l=e.header,u=e.direction,f=void 0===u?"down":u,m=e.variant,v=void 0===m?"primary":m,h=Ue(n(!1),2),p=h[0],y=h[1],b=a(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g=function(){return y((function(e){return!e}))},N="".concat(Ve("container")," ").concat(Ve("container",f));return s("div",{className:c(Ve(),i),ref:b,children:[d("button",{className:Ve("button"),onClick:g,children:o}),d("button",{className:Ve("toggle-button"),onClick:g,children:d("span",{className:c(Ve("indicator"),Ve("indicator-".concat(v)),p&&Ve("indicator","open"))})}),s("div",{className:c(N,p&&Ve("container","open")),children:[d("span",{className:Ve("drop-header"),children:l}),d("ul",{className:Ve("list"),children:t.map((function(e,n){return d("li",{className:Ve("item"),children:d(Ce,{className:Ve("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){y(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},Re=j("panel"),Xe=function(e){var n=e.children,r=e.className;return d("div",{className:c(Re(),r),children:n})},Ke=j("paper"),We=function(e){var n=e.children,r=e.className;return d("div",{className:c(Ke(),r),children:n})};function qe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ge(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ge(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ge(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Je=j("range-slider"),Qe=function(e){var t=e.min,i=void 0===t?0:t,o=e.max,u=void 0===o?3600:o,f=e.step,v=void 0===f?1:f,h=e.from,p=void 0===h?i:h,y=e.to,b=void 0===y?u:y,g=e.onChange,N=e.onPickFrom,w=e.onPickTo,C=e.pickFromLabel,O=e.pickToLabel,j=qe(n(p),2),S=j[0],k=j[1],A=qe(n(b),2),x=A[0],P=A[1],E=a(null),L=a(null),I=l((function(e){D(e)}),[]),M=function(e){return(e-i)/(u-i)*100},D=function(e){if(E.current&&L.current){var n=E.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),a=Math.round((i+t*(u-i))/v)*v;"min"===L.current?a<x&&k(a):"max"===L.current&&a>S&&P(a)}},F=function(){g&&g(S,x),L.current=null,document.removeEventListener("mousemove",T)},T=function(e){I(e.clientX)},B=function(e){return function(n){L.current=e,D(n.clientX),document.addEventListener("mousemove",T)}};return r((function(){k(p),P(b)}),[p,b]),s("div",{className:Je(),children:[s("div",{ref:E,className:Je("track"),children:[d("div",{className:Je("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:c(Je("thumb"),Je("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:B("min"),onMouseUp:F}),d("div",{className:c(Je("thumb"),Je("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:B("max"),onMouseUp:F})]}),s("div",{className:Je("values"),children:[s("span",{className:Je("value"),children:[d(m,{className:Je("value-field"),step:v||2,value:S,onChange:function(e){k(e),g&&g(e,x)}}),d(V,{className:Je("pick-button"),variant:"round-outlined",title:C,onClick:N,children:d(_,{})})]}),s("span",{className:Je("value"),children:[d(V,{className:Je("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(m,{className:Je("value-field"),step:v||2,value:x,onChange:function(e){P(e),g&&g(S,e)}})]})]})]})};function Ye(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ze(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ze(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var _e=j("responsive-bar"),en=function(e){var r=e.children,t=e.className,i=e.expandClassName,l=e.icon,u=void 0===l?d(ne,{}):l,f=Ye(n(!1),2),m=f[0],v=f[1],h=a(null),p=a(null);Oe([h,p],(function(){return v(!1)}));return s("nav",{className:c(_e(),t),children:[d("button",{className:c(_e("expand-button"),i),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:c(_e("container"),m&&_e("container","open")),ref:p,children:o.map(r,(function(e,n){return d("li",{className:_e("item"),children:e},n)}))})]})},nn=j("scroll-view"),rn=function(e){var n=e.children,r=e.className,t=e.orientation,i=void 0===t?"vertical":t;return d("div",{className:c(nn(),nn(i),r),children:n})},tn=j("section"),an=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:tn(),children:[d("div",{className:c(tn("fields"),!t&&tn("with-border")),children:n}),r&&d("div",{className:tn("actions"),children:d(V,{onClick:r,children:d(oe,{})})})]})},on=j("select-field"),ln=t((function(e,n){var r=e.value,t=e.onChange,i=e.noLabel,a=void 0!==i&&i,o=e.onBlur,l=e.name,u=e.className,f=e.autoFocus,m=void 0!==f&&f,v=e.disabled,h=void 0!==v&&v,p=e.label,y=e.error,b=e.options,g=e.align,N=void 0===g?"right":g;return s("div",{className:c(on(),u),children:[s("div",{className:on("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(on("label"),on("label",N)),children:[p,":"]}),d("select",{id:l,name:l,className:on("input"),disabled:h,value:r,onChange:t,onBlur:o,ref:n,autoFocus:m,autoComplete:"on",children:b&&b.map((function(e){return d("option",{value:e.value,children:e.label},e.value)}))})]}),y&&d("div",{className:on("error-container"),children:F(y,p)})]})})),cn=j("spacer"),un=function(){return d("span",{className:cn()})},sn=j("stack-panel"),dn=function(e){var n=e.children,r=e.className;return d("div",{className:c(sn(),r),children:n})};function fn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return mn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?mn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}dn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:c(sn("item"),r),children:n})};var vn=j("submenu"),hn=function(e){var t=e.items,i=e.selectedItem,o=e.variant,l=void 0===o?"primary":o,u=e.onChange,f=e.className,m=fn(n(!1),2),v=m[0],h=m[1],p=a(null);r((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var y=vn("list");return s("div",{className:c(vn(),f),ref:p,children:[s("button",{className:vn("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==i?void 0:i.label)||"",d("span",{className:c(vn("indicator"),vn("indicator-".concat(l)),v&&vn("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:vn("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},pn=j("toolbar"),yn=function(e){var n=e.children,r=e.className,t=e.align,i=void 0===t?"left":t,a=e.orientation,o=void 0===a?"horizontal":a;return d("div",{className:c(pn(),pn("",i),pn("",o),r),children:n})},bn=j("success-congratulation"),gn=function(e){var n=e.message,t=void 0===n?"Congratulations!":n,i=e.onContinue,a=e.onAddToFavorites,o=e.isFavorite,l=e.className,u=e.continueText,f=void 0===u?"Continue":u;r((function(){var e=function(e){["Escape","Enter"," "].includes(e.key)&&(e.preventDefault(),null==i||i())};return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e)}}),[i]);return s("div",{className:c(bn(),l),onClick:function(){null==i||i()},tabIndex:0,role:"button",children:[d("div",{className:bn("icon"),children:d(ae,{className:bn("checkmark")})}),d("p",{className:bn("message"),children:t}),s(yn,{children:[d(V,{variant:"rounded",onClick:i,children:f}),d(V,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==a||a()},children:d(re,{className:c(o&&bn("favorite"))})})]})]})},Nn=j("text-area"),wn=t((function(e,n){var r=e.value,t=e.onChange,i=e.noLabel,a=void 0!==i&&i,o=e.onBlur,l=e.name,u=e.rows,f=void 0===u?3:u,m=e.className,v=e.autoFocus,h=void 0!==v&&v,p=e.readonly,y=void 0!==p&&p,b=e.label,g=e.error,N=e.placeholder,w=e.align,C=void 0===w?"right":w;return s("div",{className:c(Nn(),m),children:[s("div",{className:Nn("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(Nn("label"),Nn("label",C)),children:[b,":"]}),d("textarea",{rows:f,id:l,name:l,className:Nn("input"),readOnly:y,value:r,onChange:t,onBlur:o,ref:n,autoFocus:h,autoComplete:"on",placeholder:N})]}),g&&d("div",{className:Nn("error-container"),children:F(g,b)})]})})),Cn=j("text-field"),On=function(e){var n=e.id,r=e.name,t=e.className,i=e.label,a=e.align,o=void 0===a?"right":a,l=e.children;return d("div",{className:c(Cn(),t),children:s("div",{className:Cn("wrapper"),children:[s("label",{htmlFor:n||r,className:c(Cn("label"),Cn("label",o)),children:[i,":"]}),d("div",{className:Cn("input-wrapper"),children:l})]})})},jn=t((function(e,n){var r=e.isPassword,t=e.value,i=e.onChange,a=e.onEnter,o=e.noLabel,l=void 0!==o&&o,u=e.onBlur,f=e.type,m=void 0===f?"text":f,v=e.name,h=e.className,p=e.autoFocus,y=void 0!==p&&p,b=e.readonly,g=void 0!==b&&b,N=e.label,w=e.error,C=e.placeholder,O=e.step,j=e.align,S=void 0===j?"right":j;return s("div",{className:c(Cn(),h),children:[s("div",{className:Cn("wrapper"),children:[!l&&s("label",{htmlFor:v,className:c(Cn("label"),Cn("label",S)),children:[N,":"]}),d("div",{className:Cn("input-wrapper"),children:d("input",{id:v,name:v,className:c(Cn("input"),Cn("input",m)),readOnly:g,type:r?"password":m,value:t,onChange:i,onBlur:u,ref:n,autoFocus:y,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&a&&(e.preventDefault(),a())},placeholder:C,step:O})})]}),w&&d("div",{className:Cn("error-container"),children:F(w,N)})]})}));function Sn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return kn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?kn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var An=j("title-edit"),xn=function(e){var t=e.className,i=e.variant,o=void 0===i?"p":i,l=e.noButton,u=void 0!==l&&l,f=e.value,m=e.type,v=void 0===m?"text":m,h=e.onChange,p=e.postfix,y=e.name,b=Sn(n(f),2),g=b[0],N=b[1],w=Sn(n(!1),2),C=w[0],O=w[1],j=a(null);Se(j,C);var S=function(){h(g),O(!1)},k=function(){N(f),O(!1)};je(j,S,k),r((function(){N(f)}),[f]);var A=function(){O(!0)};return s("div",{className:c(An(),t),children:[C&&s("div",{className:An("container"),children:[d("input",{id:y,name:y,type:v,className:c(An("edit-field"),An("edit-field",v)),value:g,onChange:function(e){N(e.target.value)},ref:j}),d(V,{onClick:S,children:d(te,{})}),d(V,{onClick:k,children:d(oe,{})})]}),!C&&s("div",{className:An("container"),children:[s(U,{variant:o,onClick:A,children:[f," ",p]}),!u&&d(V,{onClick:A,children:d(ie,{})})]})]})},Pn=j("toast"),En=function(e){var n=e.type,r=void 0===n?"success":n,t=e.children,i=e.onClose,a=e.className;return s("div",{className:c(Pn(),Pn("",r),a),children:[t,d("button",{"aria-label":"Close",className:Pn("close"),onClick:function(){return i&&i()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},Ln=j("toggle-button"),In=t((function(e,n){var r=e.checked,t=e.onChange,a=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(i,{children:[s("label",{className:c(Ln(),o),children:[d("input",{id:a,name:a,className:Ln("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:Ln("slider")})]}),d("span",{className:Ln("label"),children:v}),h&&d("div",{children:F(h,v)})]})}));export{E as Accordion,I as Button,D as ButtonsGroup,B as CheckBox,fe as DialogPrompt,ve as Divider,be as DropDown,Ne as Form,se as FormButtons,V as IconButton,Ce as MenuItem,ce as Modal,Te as Navbar,ze as NavbarLink,He as NavbarMenu,Xe as Panel,We as Paper,Qe as RangeSlider,en as ResponsiveBar,rn as ScrollView,an as Section,ln as SelectField,un as Spacer,dn as StackPanel,hn as Submenu,gn as SuccessCongratulation,wn as TextArea,jn as TextField,On as TextFieldWrapper,xn as TitleEdit,En as Toast,In as ToggleButton,yn as Toolbar,U as Typography,y as addTranslations,F as formatError,C as ta,O as to,Oe as useClickOutside,Ie as useForm,je as useKeysEneterEsc,Se as useSetStartupFocus};
+import e,{useState as n,useEffect as r,forwardRef as t,Fragment as i,useRef as a,Children as o,useCallback as l}from"react";import c from"clsx";import{bem as u}from"@react5/bem";import{jsxs as s,jsx as d}from"react/jsx-runtime";import{Link as f}from"react-router-dom";import{TimeSpanInput as m}from"@react5/time-span";var v={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},h={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},p="ui-library";function y(e){e.addResourceBundle("en",p,v,!0,!0),e.addResourceBundle("fr",p,h,!0,!0)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function N(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?g(Object(r),!0).forEach((function(n){w(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function w(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=b(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==b(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function C(e,n,r){var t=e(n,N(N({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null}function O(e,n,r){return e(n,N(N({},r),{},{returnObjects:!0}))}function j(e){return u("r5ui-"+e)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=S(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=S(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==S(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function A(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return x(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var P=j("accordion"),E=function(e){var t=e.title,i=e.children,a=e.className,o=e.isOpen,l=void 0!==o&&o,u=A(n(l),2),f=u[0],m=u[1];r((function(){l&&m(l)}),[l]);return s("div",{className:c(P(),a,k({},P("open"),f)),children:[s("button",{className:P("toggle-header"),onClick:function(e){e.preventDefault(),m((function(e){return!e}))},children:[d("h3",{className:P("title"),children:t}),d("span",{className:c(P("indicator"),f&&P("indicator","open"))})]}),d("div",{className:c(P("content"),f&&P("content","open")),children:i})]})},L=j("button"),I=function(e){var n=e.className,r=e.variant,t=void 0===r?"primary":r,i=e.type,a=void 0===i?"button":i,o=e.to,l=e.onClick,u=e.disabled,s=e.children,m=c(L(),L(t),L(a),n);return o?d(f,{className:m,to:o,children:s}):d("button",{className:m,onClick:function(e){l&&(e.preventDefault(),l(e))},disabled:u,type:a,children:s})},M=j("buttons-group"),D=function(e){var n=e.children,r=e.className;return d("div",{className:c(M(),r),children:n})},F=function(e,n){return e?e.replace("{name}",n||"Field"):e},T=j("checkbox"),B=t((function(e,n){var r=e.checked,t=e.onChange,a=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(i,{children:[s("label",{className:c(T(),o),children:[d("input",{id:a,name:a,className:T("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:T("checkmark")}),v&&d("span",{className:T("label"),children:v})]}),h&&d("div",{children:F(h,v)})]})})),z=j("typography"),U=function(e){var n=e.children,r=e.onClick,t=e.className,i=e.align,a=void 0===i?"left":i,o=e.variant,l=void 0===o?"p":o;return d(l,{className:c(z(),z(l),z(a),t),onClick:r,children:n})},$=j("icon-button"),V=function(e){var n=e.children,r=e.onClick,t=e.className,i=e.title,a=e.to,o=e.variant,l=void 0===o?"none":o,u=e.type,s=e.disabled;return a?d(f,{className:c($(),$(l),t),to:a,title:i,type:u,children:n}):d("button",{className:c($(),$(l),t),onClick:function(e){e.preventDefault(),r&&r(e)},disabled:s,title:i,type:u,children:n})},H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(H),X=["attr","size","title"];function K(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},W.apply(this,arguments)}function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function G(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){J(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function J(e,n,r){var t;return(n="symbol"==typeof(t=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?t:t+"")in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Q(n){return n&&n.map(((n,r)=>e.createElement(n.tag,G({key:r},n.attr),Q(n.child))))}function Y(n){return r=>e.createElement(Z,W({attr:G({},n.attr)},r),Q(n.child))}function Z(n){var r=r=>{var t,{attr:i,size:a,title:o}=n,l=K(n,X),c=a||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",W({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,i,l,{className:t,style:G(G({color:n.color||r.color},r.style),n.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),o&&e.createElement("title",null,o),n.children)};return void 0!==R?e.createElement(R.Consumer,null,(e=>r(e))):r(H)}function _(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"},child:[]}]})(e)}function ee(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"},child:[]}]})(e)}function ne(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"},child:[]}]})(e)}function re(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"},child:[]}]})(e)}function te(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function ie(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"},child:[]}]})(e)}function ae(e){return Y({attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M400 0L176 0c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8L24 64C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9L192 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-26.1 0C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24L446.4 64c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112l84.4 0c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6l84.4 0c-5.1 66.3-31.1 111.2-63 142.3z"},child:[]}]})(e)}function oe(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},child:[]}]})(e)}var le=j("modal"),ce=function(e){var n=e.className,r=e.children,t=e.onClose,i=e.title,a=e.variant,o=void 0===a?"large":a;return d("div",{className:c(le(),n),children:s("div",{className:c(le("content"),le("content",o)),onClick:function(e){return e.stopPropagation()},children:[d(U,{className:le("title"),variant:"h3",children:i}),t&&d(V,{className:le("close"),variant:"round-outlined",onClick:t,children:d(oe,{})}),d("div",{className:le("modal-body"),children:r})]})})};ce.Header=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("header"),r),children:n})};ce.Body=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("body"),r),children:n})};ce.Footer=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("footer"),r),children:n})};var ue=j("form-buttons"),se=function(e){var n=e.children,r=e.className;return d("div",{className:c(ue(),r),children:n})},de=j("dialog-prompt"),fe=function(e){var n=e.children,r=e.variant,t=void 0===r?"small":r,i=e.onOk,a=e.onCancel,o=e.className,l=e.prompt,u=e.confirmText,f=e.cancelText;return s(ce,{variant:t,className:c(de(),o),onClose:a,children:[d(ce.Header,{}),s(ce.Body,{className:de("body"),children:[l&&d(U,{variant:"h2",align:"center",children:l}),n]}),d(ce.Footer,{children:s(se,{children:[d(I,{type:"submit",onClick:i,children:u}),d(I,{type:"button",variant:"secondary",onClick:a,children:f})]})})]})},me=j("divider"),ve=function(e){var n=e.children,r=e.className;return d("div",{className:c(me(),r),children:d("span",{className:me("label"),children:n})})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return pe(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?pe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var ye=j("dropdown"),be=function(e){var t=e.items,i=e.selectedItem,o=e.direction,l=void 0===o?"down":o,u=e.variant,f=void 0===u?"primary":u,m=e.onChange,v=e.className,h=he(n(!1),2),p=h[0],y=h[1],b=a(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g="".concat(ye("list")," ").concat(ye("list",l));return s("div",{className:c(ye(),v),ref:b,children:[s(I,{className:ye("button",l),variant:f,onClick:function(){return y((function(e){return!e}))},children:[(null==i?void 0:i.label)||"",d("span",{className:c(ye("indicator"),ye("indicator-".concat(f)),ye("indicator",l),p&&ye("indicator","open"))})]}),p&&d("ul",{className:g,children:t.map((function(e,n){return d("li",{className:ye("item"),onClick:(r=e,function(){m&&m(r),y(!1)}),children:e.label},n);var r}))})]})},ge=j("form"),Ne=function(e){var n=e.children,r=e.onSubmit,t=e.className;return d("form",{method:"post",onSubmit:function(e){r&&(e.preventDefault(),r(e))},className:c(ge(),t),children:n})},we=j("menu-item"),Ce=function(e){var n=e.className,r=e.to,t=e.onClick,i=e.component,a=e.disabled,o=e.children,l=c(we(),n);return i?d("div",{className:n,children:i}):r?d(f,{className:l,to:r,onClick:function(){t&&t()},children:o}):d("button",{className:l,onClick:t,disabled:a,children:o})};function Oe(e,n){r((function(){var r=function(r){e.every((function(e){return e.current&&!e.current.contains(r.target)}))&&n()};return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}),[e,n])}function je(e,n,t){r((function(){var r=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},i=e.current;return i&&i.addEventListener("keydown",r),function(){i&&i.removeEventListener("keydown",r)}}),[e,n,t])}function Se(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r((function(){n&&e.current&&e.current.focus()}),[n,e])}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ae(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function xe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(r),!0).forEach((function(n){Pe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Pe(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=ke(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=ke(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==ke(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Le(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Le(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function Ie(e,r){var t=Ee(n(e),2),i=t[0],a=t[1],o=Ee(n({}),2),l=o[0],c=o[1],u=function(e){var n=e.target,t=n.name,i=n.type,o=n.value,l="checkbox"===i?e.target.checked:o;a((function(e){var n=xe(xe({},e),{},Pe({},t,l));if(r){var i=r(n);c(i)}return n}))},s=function(e){return function(n){var t=n;a((function(n){var i=xe(xe({},n),{},Pe({},e,t));if(r){var a=r(i);c(a)}return i}))}},d=function(){a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:e),c({})},f=function(e){return function(n){n.preventDefault(),null==e||e(i),d()}};return{values:i,errors:l,handleChange:u,setFieldValue:function(e,n){a((function(t){var i=xe(xe({},t),{},Pe({},e,n));if(r){var a=r(i);c(a)}return i}))},reset:d,setValues:a,validateForm:function(){if(r){var e=r(i);return c(e),e}return{}},register:function(e){return xe(xe({},{name:e,value:i[e]||"",checked:i[e]||!1,error:l[e]}),{},{onChange:u})},registerC:function(e){return xe(xe({},{name:e,value:i[e]||"",checked:i[e]||!1,error:l[e]}),{},{onChange:s(e)})},registerForm:function(e){return{onSubmit:f(e)}}}}function Me(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return De(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Fe=j("navbar"),Te=function(e){var r=e.children,t=e.className,i=Me(n(!1),2),l=i[0],u=i[1],f=a(null),m=a(null);Oe([f,m],(function(){return u(!1)}));return s("nav",{className:c(Fe(),t),children:[d("button",{className:Fe("expand-button"),onClick:function(){return u((function(e){return!e}))},ref:f,children:d(ne,{})}),d("ul",{className:c(Fe("container"),l&&Fe("container","open")),ref:m,children:o.map(r,(function(e,n){return d("li",{className:Fe("item"),children:e},n)}))})]})},Be=j("navbar-link"),ze=function(e){var n=e.to,r=e.children,t=e.onClick,i=e.component,a=e.className;return i?d(i,{className:c(Be(),a),to:n,children:r}):d("a",t?{className:c(Be(),a),href:"#",onClick:t,children:r}:{children:r})};function Ue(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return $e(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?$e(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Ve=j("navbar-menu"),He=function(e){var t=e.items,i=e.className,o=e.menuTitle,l=e.header,u=e.direction,f=void 0===u?"down":u,m=e.variant,v=void 0===m?"primary":m,h=Ue(n(!1),2),p=h[0],y=h[1],b=a(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g=function(){return y((function(e){return!e}))},N="".concat(Ve("container")," ").concat(Ve("container",f));return s("div",{className:c(Ve(),i),ref:b,children:[d("button",{className:Ve("button"),onClick:g,children:o}),d("button",{className:Ve("toggle-button"),onClick:g,children:d("span",{className:c(Ve("indicator"),Ve("indicator-".concat(v)),p&&Ve("indicator","open"))})}),s("div",{className:c(N,p&&Ve("container","open")),children:[d("span",{className:Ve("drop-header"),children:l}),d("ul",{className:Ve("list"),children:t.map((function(e,n){return d("li",{className:Ve("item"),children:d(Ce,{className:Ve("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){y(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},Re=j("panel"),Xe=function(e){var n=e.children,r=e.className,t=e.title;return s("div",{className:c(Re(),r),children:[t&&d("div",{className:Re("header"),children:t}),d("div",{className:Re("content"),children:n})]})},Ke=j("paper"),We=function(e){var n=e.children,r=e.className;return d("div",{className:c(Ke(),r),children:n})};function qe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ge(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ge(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ge(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Je=j("range-slider"),Qe=function(e){var t=e.min,i=void 0===t?0:t,o=e.max,u=void 0===o?3600:o,f=e.step,v=void 0===f?1:f,h=e.from,p=void 0===h?i:h,y=e.to,b=void 0===y?u:y,g=e.onChange,N=e.onPickFrom,w=e.onPickTo,C=e.pickFromLabel,O=e.pickToLabel,j=qe(n(p),2),S=j[0],k=j[1],A=qe(n(b),2),x=A[0],P=A[1],E=a(null),L=a(null),I=l((function(e){D(e)}),[]),M=function(e){return(e-i)/(u-i)*100},D=function(e){if(E.current&&L.current){var n=E.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),a=Math.round((i+t*(u-i))/v)*v;"min"===L.current?a<x&&k(a):"max"===L.current&&a>S&&P(a)}},F=function(){g&&g(S,x),L.current=null,document.removeEventListener("mousemove",T)},T=function(e){I(e.clientX)},B=function(e){return function(n){L.current=e,D(n.clientX),document.addEventListener("mousemove",T)}};return r((function(){k(p),P(b)}),[p,b]),s("div",{className:Je(),children:[s("div",{ref:E,className:Je("track"),children:[d("div",{className:Je("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:c(Je("thumb"),Je("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:B("min"),onMouseUp:F}),d("div",{className:c(Je("thumb"),Je("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:B("max"),onMouseUp:F})]}),s("div",{className:Je("values"),children:[s("span",{className:Je("value"),children:[d(m,{className:Je("value-field"),step:v||2,value:S,onChange:function(e){k(e),g&&g(e,x)}}),d(V,{className:Je("pick-button"),variant:"round-outlined",title:C,onClick:N,children:d(_,{})})]}),s("span",{className:Je("value"),children:[d(V,{className:Je("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(m,{className:Je("value-field"),step:v||2,value:x,onChange:function(e){P(e),g&&g(S,e)}})]})]})]})};function Ye(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ze(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ze(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var _e=j("responsive-bar"),en=function(e){var r=e.children,t=e.className,i=e.expandClassName,l=e.icon,u=void 0===l?d(ne,{}):l,f=Ye(n(!1),2),m=f[0],v=f[1],h=a(null),p=a(null);Oe([h,p],(function(){return v(!1)}));return s("nav",{className:c(_e(),t),children:[d("button",{className:c(_e("expand-button"),i),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:c(_e("container"),m&&_e("container","open")),ref:p,children:o.map(r,(function(e,n){return d("li",{className:_e("item"),children:e},n)}))})]})},nn=j("scroll-view"),rn=function(e){var n=e.children,r=e.className,t=e.orientation,i=void 0===t?"vertical":t;return d("div",{className:c(nn(),nn(i),r),children:n})},tn=j("section"),an=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:tn(),children:[d("div",{className:c(tn("fields"),!t&&tn("with-border")),children:n}),r&&d("div",{className:tn("actions"),children:d(V,{onClick:r,children:d(oe,{})})})]})},on=j("select-field"),ln=t((function(e,n){var r=e.value,t=e.onChange,i=e.noLabel,a=void 0!==i&&i,o=e.onBlur,l=e.name,u=e.className,f=e.autoFocus,m=void 0!==f&&f,v=e.disabled,h=void 0!==v&&v,p=e.label,y=e.error,b=e.options,g=e.align,N=void 0===g?"right":g;return s("div",{className:c(on(),u),children:[s("div",{className:on("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(on("label"),on("label",N)),children:[p,":"]}),d("select",{id:l,name:l,className:on("input"),disabled:h,value:r,onChange:t,onBlur:o,ref:n,autoFocus:m,autoComplete:"on",children:b&&b.map((function(e){return d("option",{value:e.value,children:e.label},e.value)}))})]}),y&&d("div",{className:on("error-container"),children:F(y,p)})]})})),cn=j("spacer"),un=function(){return d("span",{className:cn()})},sn=j("stack-panel"),dn=function(e){var n=e.children,r=e.className;return d("div",{className:c(sn(),r),children:n})};function fn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return mn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?mn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}dn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:c(sn("item"),r),children:n})};var vn=j("submenu"),hn=function(e){var t=e.items,i=e.selectedItem,o=e.variant,l=void 0===o?"primary":o,u=e.onChange,f=e.className,m=fn(n(!1),2),v=m[0],h=m[1],p=a(null);r((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var y=vn("list");return s("div",{className:c(vn(),f),ref:p,children:[s("button",{className:vn("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==i?void 0:i.label)||"",d("span",{className:c(vn("indicator"),vn("indicator-".concat(l)),v&&vn("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:vn("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},pn=j("toolbar"),yn=function(e){var n=e.children,r=e.className,t=e.align,i=void 0===t?"left":t,a=e.orientation,o=void 0===a?"horizontal":a;return d("div",{className:c(pn(),pn("",i),pn("",o),r),children:n})},bn=j("success-congratulation"),gn=function(e){var n=e.message,t=void 0===n?"Congratulations!":n,i=e.onContinue,a=e.onAddToFavorites,o=e.isFavorite,l=e.className,u=e.continueText,f=void 0===u?"Continue":u;r((function(){var e=function(e){["Escape","Enter"," "].includes(e.key)&&(e.preventDefault(),null==i||i())};return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e)}}),[i]);return s("div",{className:c(bn(),l),onClick:function(){null==i||i()},tabIndex:0,role:"button",children:[d("div",{className:bn("icon"),children:d(ae,{className:bn("checkmark")})}),d("p",{className:bn("message"),children:t}),s(yn,{children:[d(V,{variant:"rounded",onClick:i,children:f}),d(V,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==a||a()},children:d(re,{className:c(o&&bn("favorite"))})})]})]})},Nn=j("text-area"),wn=t((function(e,n){var r=e.value,t=e.onChange,i=e.noLabel,a=void 0!==i&&i,o=e.onBlur,l=e.name,u=e.rows,f=void 0===u?3:u,m=e.className,v=e.autoFocus,h=void 0!==v&&v,p=e.readonly,y=void 0!==p&&p,b=e.label,g=e.error,N=e.placeholder,w=e.align,C=void 0===w?"right":w;return s("div",{className:c(Nn(),m),children:[s("div",{className:Nn("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(Nn("label"),Nn("label",C)),children:[b,":"]}),d("textarea",{rows:f,id:l,name:l,className:Nn("input"),readOnly:y,value:r,onChange:t,onBlur:o,ref:n,autoFocus:h,autoComplete:"on",placeholder:N})]}),g&&d("div",{className:Nn("error-container"),children:F(g,b)})]})})),Cn=j("text-field"),On=function(e){var n=e.id,r=e.name,t=e.className,i=e.label,a=e.align,o=void 0===a?"right":a,l=e.children;return d("div",{className:c(Cn(),t),children:s("div",{className:Cn("wrapper"),children:[s("label",{htmlFor:n||r,className:c(Cn("label"),Cn("label",o)),children:[i,":"]}),d("div",{className:Cn("input-wrapper"),children:l})]})})},jn=t((function(e,n){var r=e.isPassword,t=e.value,i=e.onChange,a=e.onEnter,o=e.noLabel,l=void 0!==o&&o,u=e.onBlur,f=e.type,m=void 0===f?"text":f,v=e.name,h=e.className,p=e.autoFocus,y=void 0!==p&&p,b=e.readonly,g=void 0!==b&&b,N=e.label,w=e.error,C=e.placeholder,O=e.step,j=e.align,S=void 0===j?"right":j;return s("div",{className:c(Cn(),h),children:[s("div",{className:Cn("wrapper"),children:[!l&&s("label",{htmlFor:v,className:c(Cn("label"),Cn("label",S)),children:[N,":"]}),d("div",{className:Cn("input-wrapper"),children:d("input",{id:v,name:v,className:c(Cn("input"),Cn("input",m)),readOnly:g,type:r?"password":m,value:t,onChange:i,onBlur:u,ref:n,autoFocus:y,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&a&&(e.preventDefault(),a())},placeholder:C,step:O})})]}),w&&d("div",{className:Cn("error-container"),children:F(w,N)})]})}));function Sn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return kn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?kn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var An=j("title-edit"),xn=function(e){var t=e.className,i=e.variant,o=void 0===i?"p":i,l=e.noButton,u=void 0!==l&&l,f=e.value,m=e.type,v=void 0===m?"text":m,h=e.onChange,p=e.postfix,y=e.name,b=Sn(n(f),2),g=b[0],N=b[1],w=Sn(n(!1),2),C=w[0],O=w[1],j=a(null);Se(j,C);var S=function(){h(g),O(!1)},k=function(){N(f),O(!1)};je(j,S,k),r((function(){N(f)}),[f]);var A=function(){O(!0)};return s("div",{className:c(An(),t),children:[C&&s("div",{className:An("container"),children:[d("input",{id:y,name:y,type:v,className:c(An("edit-field"),An("edit-field",v)),value:g,onChange:function(e){N(e.target.value)},ref:j}),d(V,{onClick:S,children:d(te,{})}),d(V,{onClick:k,children:d(oe,{})})]}),!C&&s("div",{className:An("container"),children:[s(U,{variant:o,onClick:A,children:[f," ",p]}),!u&&d(V,{onClick:A,children:d(ie,{})})]})]})},Pn=j("toast"),En=function(e){var n=e.type,r=void 0===n?"success":n,t=e.children,i=e.onClose,a=e.className;return s("div",{className:c(Pn(),Pn("",r),a),children:[t,d("button",{"aria-label":"Close",className:Pn("close"),onClick:function(){return i&&i()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},Ln=j("toggle-button"),In=t((function(e,n){var r=e.checked,t=e.onChange,a=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(i,{children:[s("label",{className:c(Ln(),o),children:[d("input",{id:a,name:a,className:Ln("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:Ln("slider")})]}),d("span",{className:Ln("label"),children:v}),h&&d("div",{children:F(h,v)})]})}));export{E as Accordion,I as Button,D as ButtonsGroup,B as CheckBox,fe as DialogPrompt,ve as Divider,be as DropDown,Ne as Form,se as FormButtons,V as IconButton,Ce as MenuItem,ce as Modal,Te as Navbar,ze as NavbarLink,He as NavbarMenu,Xe as Panel,We as Paper,Qe as RangeSlider,en as ResponsiveBar,rn as ScrollView,an as Section,ln as SelectField,un as Spacer,dn as StackPanel,hn as Submenu,gn as SuccessCongratulation,wn as TextArea,jn as TextField,On as TextFieldWrapper,xn as TitleEdit,En as Toast,In as ToggleButton,yn as Toolbar,U as Typography,y as addTranslations,F as formatError,C as ta,O as to,Oe as useClickOutside,Ie as useForm,je as useKeysEneterEsc,Se as useSetStartupFocus};

package/packages/lib/dist/esm/index.esm.scss

@@ -15,7 +15,7 @@ $primary_text_color_highlight: var(--primary_text_color_highlight, #F06060);
 $primary_text_color_disabled:  var(--primary_text_color_disabled,  rgba(#ffffff, 0.5));
 
 // Secondary Colors
-$secondary_bg_color:           var(--secondary_bg_color,           #f6f6f2);
+$secondary_bg_color:           var(--secondary_bg_color,           #e7ddd0);
 $secondary_bg_color_highlight: var(--secondary_bg_color_highlight, #D2CBAF);
 $secondary_text_color:         var(--secondary_text_color,         #5C4B51);
 $secondary_text_color_highlight: var(--secondary_text_color_highlight, #5C4B51);
@@ -33,8 +33,6 @@ $menu_text_color_highlight: var(--menu_text_color_highlight, #fff);
 // Additional Main Colors (Overrides)
 $primary_color:   var(--primary_color,   #402c17);
 $secondary_color: var(--secondary_color, #546970);
-$page_bg_color:   var(--page_bg_color,   #ead8d8);
-$page_text_color: var(--page_text_color, #342a1f);
 
 // Status Colors
 $success_color:             var(--success_color,             #b3d1b3);
@@ -704,8 +702,8 @@ $title_font: var(--title_font, 'Poppins', serif);
     text-transform: uppercase;
     margin: 0;
     padding: 0;
-    width: 32px;
-    height: 32px;
+    width: 2rem;
+    height: 2rem;
     text-align: center;
     background-color: $menu_bg_color;
     color: $page_text_color;
@@ -849,6 +847,30 @@ $title_font: var(--title_font, 'Poppins', serif);
   max-width: 768px;
   width: 100%;
   margin: 1rem;
+  display: flex;
+  flex-direction: column;
+
+  &__header {
+    text-align: center;
+    background-color: $secondary_bg_color;
+    color: $secondary_text_color;
+    border: $border_size solid $primary_border_color;
+    border-radius: $border_radius $border_radius 0 0;
+    border-bottom: 0;
+    padding: 0.5rem;
+    font-weight: 500;
+    font-size: 1.2em;
+  }
+  &__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    align-content: center;
+    justify-content: center;
+    background-color: $page_bg_color;
+    color: $page_text_color;
+    border: $border_size solid $primary_border_color;
+  }
 }
 .r5ui-paper {
   //border: $border_size solid $primary_border_color;

package/packages/lib/dist/index.css

@@ -11,8 +11,8 @@
   border-top: none;
 }
 .r5ui-accordion__toggle-header {
-  color: var(--page_text_color, #342a1f);
-  background: var(--page_bg_color, #ead8d8);
+  color: var(--page_text_color, #000000);
+  background: var(--page_bg_color, #f6f6f2);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -81,7 +81,7 @@
   border-color: var(--primary_border_color, #4b4747);
 }
 .r5ui-button__secondary {
-  background-color: var(--secondary_bg_color, #f6f6f2);
+  background-color: var(--secondary_bg_color, #e7ddd0);
   color: var(--secondary_text_color, #5C4B51);
   border-color: var(--secondary_border_color, #ccc);
 }
@@ -112,7 +112,7 @@
   user-select: none;
 }
 .r5ui-checkbox__label {
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   padding-left: 10px;
 }
 .r5ui-checkbox__input {
@@ -177,8 +177,8 @@
   z-index: 1;
 }
 .r5ui-divider__label {
-  background-color: var(--page_bg_color, #ead8d8);
-  color: var(--page_text_color, #342a1f);
+  background-color: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
   padding: 0 10px;
   position: relative;
   z-index: 2;
@@ -216,7 +216,7 @@
 }
 .r5ui-dropdown__list {
   position: absolute;
-  background-color: var(--secondary_bg_color, #f6f6f2);
+  background-color: var(--secondary_bg_color, #e7ddd0);
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
@@ -254,7 +254,7 @@
 .r5ui-form-buttons {
   display: block;
   text-align: right;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   margin-top: auto;
 }
 
@@ -312,8 +312,8 @@
   width: 2em;
   padding: 0 6px;
   margin-left: 0;
-  border: 1px solid var(--page_text_color, #342a1f);
-  color: var(--page_text_color, #342a1f);
+  border: 1px solid var(--page_text_color, #000000);
+  color: var(--page_text_color, #000000);
 }
 
 .r5tms-date-input {
@@ -473,8 +473,8 @@
   z-index: 1000;
 }
 .r5ui-modal__content {
-  background: var(--page_bg_color, #ead8d8);
-  color: var(--page_text_color, #342a1f);
+  background: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
   padding: 4px;
   border-radius: 8px;
   max-height: 100vh;
@@ -611,11 +611,11 @@
   text-transform: uppercase;
   margin: 0;
   padding: 0;
-  width: 32px;
-  height: 32px;
+  width: 2rem;
+  height: 2rem;
   text-align: center;
   background-color: var(--menu_bg_color, #9C836A);
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
   cursor: pointer;
   border-radius: 50%;
@@ -742,6 +742,29 @@
   max-width: 768px;
   width: 100%;
   margin: 1rem;
+  display: flex;
+  flex-direction: column;
+}
+.r5ui-panel__header {
+  text-align: center;
+  background-color: var(--secondary_bg_color, #e7ddd0);
+  color: var(--secondary_text_color, #5C4B51);
+  border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
+  border-radius: var(--border_radius, 5px) var(--border_radius, 5px) 0 0;
+  border-bottom: 0;
+  padding: 0.5rem;
+  font-weight: 500;
+  font-size: 1.2em;
+}
+.r5ui-panel__content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  align-content: center;
+  justify-content: center;
+  background-color: var(--page_bg_color, #f6f6f2);
+  color: var(--page_text_color, #000000);
+  border: var(--border_size, 1px) solid var(--primary_border_color, #4b4747);
 }
 
 .r5ui-paper {
@@ -932,7 +955,7 @@
 .r5ui-select-field__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: center;
   margin-right: 0.5em;
 }
@@ -1107,7 +1130,7 @@
 .r5ui-text-area__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: start;
   margin-right: 0.5em;
 }
@@ -1150,7 +1173,7 @@
 .r5ui-text-field__label {
   flex: 40%;
   padding: 3px;
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   align-self: center;
   margin-right: 0.5em;
 }
@@ -1305,7 +1328,7 @@
 }
 
 .r5ui-typography {
-  color: var(--page_text_color, #342a1f);
+  color: var(--page_text_color, #000000);
   font-family: var(--title_font, "Poppins", serif);
 }
 .r5ui-typography__p {