@react5/ui 1.0.18 → 1.0.19

package/package.json

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

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

@@ -258,6 +258,13 @@
   margin-top: auto;
 }
 
+.r5ui-header-buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0.4rem 0.4rem 0 0;
+}
+
 .r5ui-icon-button {
   display: flex;
   align-items: center;
@@ -755,6 +762,7 @@
   padding: 0.5rem;
   font-weight: 500;
   font-size: 1.2em;
+  position: relative;
 }
 .r5ui-panel__content {
   display: flex;

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,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};
+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 E=j("accordion"),P=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(E(),a,k({},E("open"),f)),children:[s("button",{className:E("toggle-header"),onClick:function(e){e.preventDefault(),m((function(e){return!e}))},children:[d("h3",{className:E("title"),children:t}),d("span",{className:c(E("indicator"),f&&E("indicator","open"))})]}),d("div",{className:c(E("content"),f&&E("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){Ee(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 Ee(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 Pe(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=Pe(n(e),2),i=t[0],a=t[1],o=Pe(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),{},Ee({},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),{},Ee({},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),{},Ee({},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("toolbar"),Xe=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(Re(),Re("",i),Re("",o),r),children:n})},Ke=j("header-buttons"),We=function(e){var n=e.onClose,r=e.onEdit,t=e.className;return s(Xe,{className:c(Ke(),t),align:"right",children:[r&&d(V,{className:Ke("close"),variant:"round-outlined",onClick:r,children:d(ie,{})}),n&&d(V,{className:Ke("close"),variant:"round-outlined",onClick:n,children:d(oe,{})})]})},qe=j("panel"),Ge=function(e){var n=e.children,r=e.className,t=e.title,i=e.onClose,a=e.onEdit;return s("div",{className:c(qe(),r),children:[t&&s("div",{className:qe("header"),children:[t,d(We,{onClose:i,onEdit:a})]}),d("div",{className:qe("content"),children:n})]})},Je=j("paper"),Qe=function(e){var n=e.children,r=e.className;return d("div",{className:c(Je(),r),children:n})};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("range-slider"),en=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=Ye(n(p),2),S=j[0],k=j[1],A=Ye(n(b),2),x=A[0],E=A[1],P=a(null),L=a(null),I=l((function(e){D(e)}),[]),M=function(e){return(e-i)/(u-i)*100},D=function(e){if(P.current&&L.current){var n=P.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&&E(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),E(b)}),[p,b]),s("div",{className:_e(),children:[s("div",{ref:P,className:_e("track"),children:[d("div",{className:_e("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:c(_e("thumb"),_e("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:B("min"),onMouseUp:F}),d("div",{className:c(_e("thumb"),_e("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:B("max"),onMouseUp:F})]}),s("div",{className:_e("values"),children:[s("span",{className:_e("value"),children:[d(m,{className:_e("value-field"),step:v||2,value:S,onChange:function(e){k(e),g&&g(e,x)}}),d(V,{className:_e("pick-button"),variant:"round-outlined",title:C,onClick:N,children:d(_,{})})]}),s("span",{className:_e("value"),children:[d(V,{className:_e("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(m,{className:_e("value-field"),step:v||2,value:x,onChange:function(e){E(e),g&&g(S,e)}})]})]})]})};function nn(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 rn(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)?rn(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 rn(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 tn=j("responsive-bar"),an=function(e){var r=e.children,t=e.className,i=e.expandClassName,l=e.icon,u=void 0===l?d(ne,{}):l,f=nn(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(tn(),t),children:[d("button",{className:c(tn("expand-button"),i),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:c(tn("container"),m&&tn("container","open")),ref:p,children:o.map(r,(function(e,n){return d("li",{className:tn("item"),children:e},n)}))})]})},on=j("scroll-view"),ln=function(e){var n=e.children,r=e.className,t=e.orientation,i=void 0===t?"vertical":t;return d("div",{className:c(on(),on(i),r),children:n})},cn=j("section"),un=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:cn(),children:[d("div",{className:c(cn("fields"),!t&&cn("with-border")),children:n}),r&&d("div",{className:cn("actions"),children:d(V,{onClick:r,children:d(oe,{})})})]})},sn=j("select-field"),dn=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(sn(),u),children:[s("div",{className:sn("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(sn("label"),sn("label",N)),children:[p,":"]}),d("select",{id:l,name:l,className:sn("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:sn("error-container"),children:F(y,p)})]})})),fn=j("spacer"),mn=function(){return d("span",{className:fn()})},vn=j("stack-panel"),hn=function(e){var n=e.children,r=e.className;return d("div",{className:c(vn(),r),children:n})};function pn(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 yn(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)?yn(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 yn(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}hn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:c(vn("item"),r),children:n})};var bn=j("submenu"),gn=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=pn(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=bn("list");return s("div",{className:c(bn(),f),ref:p,children:[s("button",{className:bn("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==i?void 0:i.label)||"",d("span",{className:c(bn("indicator"),bn("indicator-".concat(l)),v&&bn("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:bn("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},Nn=j("success-congratulation"),wn=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(Nn(),l),onClick:function(){null==i||i()},tabIndex:0,role:"button",children:[d("div",{className:Nn("icon"),children:d(ae,{className:Nn("checkmark")})}),d("p",{className:Nn("message"),children:t}),s(Xe,{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&&Nn("favorite"))})})]})]})},Cn=j("text-area"),On=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(Cn(),m),children:[s("div",{className:Cn("wrapper"),children:[!a&&s("label",{htmlFor:l,className:c(Cn("label"),Cn("label",C)),children:[b,":"]}),d("textarea",{rows:f,id:l,name:l,className:Cn("input"),readOnly:y,value:r,onChange:t,onBlur:o,ref:n,autoFocus:h,autoComplete:"on",placeholder:N})]}),g&&d("div",{className:Cn("error-container"),children:F(g,b)})]})})),jn=j("text-field"),Sn=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(jn(),t),children:s("div",{className:jn("wrapper"),children:[s("label",{htmlFor:n||r,className:c(jn("label"),jn("label",o)),children:[i,":"]}),d("div",{className:jn("input-wrapper"),children:l})]})})},kn=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(jn(),h),children:[s("div",{className:jn("wrapper"),children:[!l&&s("label",{htmlFor:v,className:c(jn("label"),jn("label",S)),children:[N,":"]}),d("div",{className:jn("input-wrapper"),children:d("input",{id:v,name:v,className:c(jn("input"),jn("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:jn("error-container"),children:F(w,N)})]})}));function An(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 xn(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)?xn(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 xn(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 En=j("title-edit"),Pn=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=An(n(f),2),g=b[0],N=b[1],w=An(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(En(),t),children:[C&&s("div",{className:En("container"),children:[d("input",{id:y,name:y,type:v,className:c(En("edit-field"),En("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:En("container"),children:[s(U,{variant:o,onClick:A,children:[f," ",p]}),!u&&d(V,{onClick:A,children:d(ie,{})})]})]})},Ln=j("toast"),In=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(Ln(),Ln("",r),a),children:[t,d("button",{"aria-label":"Close",className:Ln("close"),onClick:function(){return i&&i()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},Mn=j("toggle-button"),Dn=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(Mn(),o),children:[d("input",{id:a,name:a,className:Mn("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:Mn("slider")})]}),d("span",{className:Mn("label"),children:v}),h&&d("div",{children:F(h,v)})]})}));export{P 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,We as HeaderButtons,V as IconButton,Ce as MenuItem,ce as Modal,Te as Navbar,ze as NavbarLink,He as NavbarMenu,Ge as Panel,Qe as Paper,en as RangeSlider,an as ResponsiveBar,ln as ScrollView,un as Section,dn as SelectField,mn as Spacer,hn as StackPanel,gn as Submenu,wn as SuccessCongratulation,On as TextArea,kn as TextField,Sn as TextFieldWrapper,Pn as TitleEdit,In as Toast,Dn as ToggleButton,Xe 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

@@ -340,6 +340,13 @@ $title_font: var(--title_font, 'Poppins', serif);
   color: $page_text_color;
   margin-top: auto;
 }
+.r5ui-header-buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0.4rem 0.4rem 0 0;
+}
+
 .r5ui-icon-button {
   display: flex;
   align-items: center;
@@ -860,6 +867,7 @@ $title_font: var(--title_font, 'Poppins', serif);
     padding: 0.5rem;
     font-weight: 500;
     font-size: 1.2em;
+    position: relative;
   }
   &__content {
     display: flex;

package/packages/lib/dist/index.css

@@ -258,6 +258,13 @@
   margin-top: auto;
 }
 
+.r5ui-header-buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0.4rem 0.4rem 0 0;
+}
+
 .r5ui-icon-button {
   display: flex;
   align-items: center;
@@ -755,6 +762,7 @@
   padding: 0.5rem;
   font-weight: 500;
   font-size: 1.2em;
+  position: relative;
 }
 .r5ui-panel__content {
   display: flex;

package/packages/lib/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("clsx"),n=require("@react5/bem"),t=require("react/jsx-runtime"),o=require("react-router-dom"),a=require("@react5/time-span"),i={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},c={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},l="ui-library";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 u(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function d(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){f(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function f(e,r,n){return(r=function(e){var r=function(e,r){if("object"!=s(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r);if("object"!=s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==s(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function m(e){return n.bem("r5ui-"+e)}function v(e){return v="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},v(e)}function p(e,r,n){return(r=function(e){var r=function(e,r){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r);if("object"!=v(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==v(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function h(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return y(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,r):void 0}}(e,r)||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 y(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var b=m("accordion"),x=m("button"),j=function(e){var n=e.className,a=e.variant,i=void 0===a?"primary":a,c=e.type,l=void 0===c?"button":c,s=e.to,u=e.onClick,d=e.disabled,f=e.children,m=r(x(),x(i),x(l),n);return s?t.jsx(o.Link,{className:m,to:s,children:f}):t.jsx("button",{className:m,onClick:function(e){u&&(e.preventDefault(),u(e))},disabled:d,type:l,children:f})},g=m("buttons-group"),N=function(e,r){return e?e.replace("{name}",r||"Field"):e},w=m("checkbox"),S=e.forwardRef((function(n,o){var a=n.checked,i=n.onChange,c=n.name,l=n.className,s=n.autoFocus,u=void 0!==s&&s,d=n.readonly,f=void 0!==d&&d,m=n.label,v=n.error;return t.jsxs(e.Fragment,{children:[t.jsxs("label",{className:r(w(),l),children:[t.jsx("input",{id:c,name:c,className:w("input"),readOnly:f,type:"checkbox",checked:a,onChange:i,ref:o,autoFocus:u,autoComplete:"on"}),t.jsx("span",{className:w("checkmark")}),m&&t.jsx("span",{className:w("label"),children:m})]}),v&&t.jsx("div",{children:N(v,m)})]})})),C=m("typography"),O=function(e){var n=e.children,o=e.onClick,a=e.className,i=e.align,c=void 0===i?"left":i,l=e.variant,s=void 0===l?"p":l;return t.jsx(s,{className:r(C(),C(s),C(c),a),onClick:o,children:n})},k=m("icon-button"),E=function(e){var n=e.children,a=e.onClick,i=e.className,c=e.title,l=e.to,s=e.variant,u=void 0===s?"none":s,d=e.type,f=e.disabled;return l?t.jsx(o.Link,{className:r(k(),k(u),i),to:l,title:c,type:d,children:n}):t.jsx("button",{className:r(k(),k(u),i),onClick:function(e){e.preventDefault(),a&&a(e)},disabled:f,title:c,type:d,children:n})},A={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},P=e.createContext&&e.createContext(A),L=["attr","size","title"];function I(e,r){if(null==e)return{};var n,t,o=function(e,r){if(null==e)return{};var n={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(r.indexOf(t)>=0)continue;n[t]=e[t]}return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)n=a[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function F(){return F=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},F.apply(this,arguments)}function T(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function M(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?T(Object(n),!0).forEach((function(r){D(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function D(e,r,n){var t;return(r="symbol"==typeof(t=function(e,r){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(r,"string"))?t:t+"")in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function B(r){return r&&r.map(((r,n)=>e.createElement(r.tag,M({key:n},r.attr),B(r.child))))}function z(r){return n=>e.createElement(R,F({attr:M({},r.attr)},n),B(r.child))}function R(r){var n=n=>{var t,{attr:o,size:a,title:i}=r,c=I(r,L),l=a||n.size||"1em";return n.className&&(t=n.className),r.className&&(t=(t?t+" ":"")+r.className),e.createElement("svg",F({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,o,c,{className:t,style:M(M({color:r.color||n.color},n.style),r.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),i&&e.createElement("title",null,i),r.children)};return void 0!==P?e.createElement(P.Consumer,null,(e=>n(e))):n(A)}function U(e){return z({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 $(e){return z({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 V(e){return z({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 q(e){return z({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 H(e){return z({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 K(e){return z({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 W(e){return z({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 X(e){return z({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 G=m("modal"),J=function(e){var n=e.className,o=e.children,a=e.onClose,i=e.title,c=e.variant,l=void 0===c?"large":c;return t.jsx("div",{className:r(G(),n),children:t.jsxs("div",{className:r(G("content"),G("content",l)),onClick:function(e){return e.stopPropagation()},children:[t.jsx(O,{className:G("title"),variant:"h3",children:i}),a&&t.jsx(E,{className:G("close"),variant:"round-outlined",onClick:a,children:t.jsx(X,{})}),t.jsx("div",{className:G("modal-body"),children:o})]})})};J.Header=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(G("header"),o),children:n})};J.Body=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(G("body"),o),children:n})};J.Footer=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(G("footer"),o),children:n})};var Q=m("form-buttons"),Y=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(Q(),o),children:n})},Z=m("dialog-prompt"),_=m("divider");function ee(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return re(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?re(e,r):void 0}}(e,r)||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 re(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var ne=m("dropdown"),te=m("form"),oe=m("menu-item"),ae=function(e){var n=e.className,a=e.to,i=e.onClick,c=e.component,l=e.disabled,s=e.children,u=r(oe(),n);return c?t.jsx("div",{className:n,children:c}):a?t.jsx(o.Link,{className:u,to:a,onClick:function(){i&&i()},children:s}):t.jsx("button",{className:u,onClick:i,disabled:l,children:s})};function ie(r,n){e.useEffect((function(){var e=function(e){r.every((function(r){return r.current&&!r.current.contains(e.target)}))&&n()};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[r,n])}function ce(r,n,t){e.useEffect((function(){var e=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},o=r.current;return o&&o.addEventListener("keydown",e),function(){o&&o.removeEventListener("keydown",e)}}),[r,n,t])}function le(r){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.useEffect((function(){n&&r.current&&r.current.focus()}),[n,r])}function se(e){return se="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},se(e)}function ue(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function de(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?ue(Object(n),!0).forEach((function(r){fe(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function fe(e,r,n){return(r=function(e){var r=function(e,r){if("object"!=se(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r);if("object"!=se(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==se(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function me(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return ve(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ve(e,r):void 0}}(e,r)||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 ve(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}function pe(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return he(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?he(e,r):void 0}}(e,r)||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 he(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var ye=m("navbar"),be=m("navbar-link");function xe(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return je(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?je(e,r):void 0}}(e,r)||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 je(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var ge=m("navbar-menu"),Ne=m("panel"),we=m("paper");function Se(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return Ce(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,r):void 0}}(e,r)||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 Ce(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var Oe=m("range-slider");function ke(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return Ee(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ee(e,r):void 0}}(e,r)||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 Ee(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var Ae=m("responsive-bar"),Pe=m("scroll-view"),Le=m("section"),Ie=m("select-field"),Fe=e.forwardRef((function(e,n){var o=e.value,a=e.onChange,i=e.noLabel,c=void 0!==i&&i,l=e.onBlur,s=e.name,u=e.className,d=e.autoFocus,f=void 0!==d&&d,m=e.disabled,v=void 0!==m&&m,p=e.label,h=e.error,y=e.options,b=e.align,x=void 0===b?"right":b;return t.jsxs("div",{className:r(Ie(),u),children:[t.jsxs("div",{className:Ie("wrapper"),children:[!c&&t.jsxs("label",{htmlFor:s,className:r(Ie("label"),Ie("label",x)),children:[p,":"]}),t.jsx("select",{id:s,name:s,className:Ie("input"),disabled:v,value:o,onChange:a,onBlur:l,ref:n,autoFocus:f,autoComplete:"on",children:y&&y.map((function(e){return t.jsx("option",{value:e.value,children:e.label},e.value)}))})]}),h&&t.jsx("div",{className:Ie("error-container"),children:N(h,p)})]})})),Te=m("spacer"),Me=m("stack-panel"),De=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(Me(),o),children:n})};function Be(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return ze(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ze(e,r):void 0}}(e,r)||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,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}De.Item=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(Me("item"),o),children:n})};var Re=m("submenu"),Ue=m("toolbar"),$e=function(e){var n=e.children,o=e.className,a=e.align,i=void 0===a?"left":a,c=e.orientation,l=void 0===c?"horizontal":c;return t.jsx("div",{className:r(Ue(),Ue("",i),Ue("",l),o),children:n})},Ve=m("success-congratulation"),qe=m("text-area"),He=e.forwardRef((function(e,n){var o=e.value,a=e.onChange,i=e.noLabel,c=void 0!==i&&i,l=e.onBlur,s=e.name,u=e.rows,d=void 0===u?3:u,f=e.className,m=e.autoFocus,v=void 0!==m&&m,p=e.readonly,h=void 0!==p&&p,y=e.label,b=e.error,x=e.placeholder,j=e.align,g=void 0===j?"right":j;return t.jsxs("div",{className:r(qe(),f),children:[t.jsxs("div",{className:qe("wrapper"),children:[!c&&t.jsxs("label",{htmlFor:s,className:r(qe("label"),qe("label",g)),children:[y,":"]}),t.jsx("textarea",{rows:d,id:s,name:s,className:qe("input"),readOnly:h,value:o,onChange:a,onBlur:l,ref:n,autoFocus:v,autoComplete:"on",placeholder:x})]}),b&&t.jsx("div",{className:qe("error-container"),children:N(b,y)})]})})),Ke=m("text-field"),We=e.forwardRef((function(e,n){var o=e.isPassword,a=e.value,i=e.onChange,c=e.onEnter,l=e.noLabel,s=void 0!==l&&l,u=e.onBlur,d=e.type,f=void 0===d?"text":d,m=e.name,v=e.className,p=e.autoFocus,h=void 0!==p&&p,y=e.readonly,b=void 0!==y&&y,x=e.label,j=e.error,g=e.placeholder,w=e.step,S=e.align,C=void 0===S?"right":S;return t.jsxs("div",{className:r(Ke(),v),children:[t.jsxs("div",{className:Ke("wrapper"),children:[!s&&t.jsxs("label",{htmlFor:m,className:r(Ke("label"),Ke("label",C)),children:[x,":"]}),t.jsx("div",{className:Ke("input-wrapper"),children:t.jsx("input",{id:m,name:m,className:r(Ke("input"),Ke("input",f)),readOnly:b,type:o?"password":f,value:a,onChange:i,onBlur:u,ref:n,autoFocus:h,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&c&&(e.preventDefault(),c())},placeholder:g,step:w})})]}),j&&t.jsx("div",{className:Ke("error-container"),children:N(j,x)})]})}));function Xe(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a,i,c=[],l=!0,s=!1;try{if(a=(n=n.call(e)).next,0===r);else for(;!(l=(t=a.call(n)).done)&&(c.push(t.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,r)||function(e,r){if(e){if("string"==typeof e)return Ge(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ge(e,r):void 0}}(e,r)||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,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=Array(r);n<r;n++)t[n]=e[n];return t}var Je=m("title-edit"),Qe=m("toast"),Ye=m("toggle-button"),Ze=e.forwardRef((function(n,o){var a=n.checked,i=n.onChange,c=n.name,l=n.className,s=n.autoFocus,u=void 0!==s&&s,d=n.readonly,f=void 0!==d&&d,m=n.label,v=n.error;return t.jsxs(e.Fragment,{children:[t.jsxs("label",{className:r(Ye(),l),children:[t.jsx("input",{id:c,name:c,className:Ye("input"),readOnly:f,type:"checkbox",checked:a,onChange:i,ref:o,autoFocus:u,autoComplete:"on"}),t.jsx("span",{className:Ye("slider")})]}),t.jsx("span",{className:Ye("label"),children:m}),v&&t.jsx("div",{children:N(v,m)})]})}));exports.Accordion=function(n){var o=n.title,a=n.children,i=n.className,c=n.isOpen,l=void 0!==c&&c,s=h(e.useState(l),2),u=s[0],d=s[1];e.useEffect((function(){l&&d(l)}),[l]);return t.jsxs("div",{className:r(b(),i,p({},b("open"),u)),children:[t.jsxs("button",{className:b("toggle-header"),onClick:function(e){e.preventDefault(),d((function(e){return!e}))},children:[t.jsx("h3",{className:b("title"),children:o}),t.jsx("span",{className:r(b("indicator"),u&&b("indicator","open"))})]}),t.jsx("div",{className:r(b("content"),u&&b("content","open")),children:a})]})},exports.Button=j,exports.ButtonsGroup=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(g(),o),children:n})},exports.CheckBox=S,exports.DialogPrompt=function(e){var n=e.children,o=e.variant,a=void 0===o?"small":o,i=e.onOk,c=e.onCancel,l=e.className,s=e.prompt,u=e.confirmText,d=e.cancelText;return t.jsxs(J,{variant:a,className:r(Z(),l),onClose:c,children:[t.jsx(J.Header,{}),t.jsxs(J.Body,{className:Z("body"),children:[s&&t.jsx(O,{variant:"h2",align:"center",children:s}),n]}),t.jsx(J.Footer,{children:t.jsxs(Y,{children:[t.jsx(j,{type:"submit",onClick:i,children:u}),t.jsx(j,{type:"button",variant:"secondary",onClick:c,children:d})]})})]})},exports.Divider=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(_(),o),children:t.jsx("span",{className:_("label"),children:n})})},exports.DropDown=function(n){var o=n.items,a=n.selectedItem,i=n.direction,c=void 0===i?"down":i,l=n.variant,s=void 0===l?"primary":l,u=n.onChange,d=n.className,f=ee(e.useState(!1),2),m=f[0],v=f[1],p=e.useRef(null);e.useEffect((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var h="".concat(ne("list")," ").concat(ne("list",c));return t.jsxs("div",{className:r(ne(),d),ref:p,children:[t.jsxs(j,{className:ne("button",c),variant:s,onClick:function(){return v((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",t.jsx("span",{className:r(ne("indicator"),ne("indicator-".concat(s)),ne("indicator",c),m&&ne("indicator","open"))})]}),m&&t.jsx("ul",{className:h,children:o.map((function(e,r){return t.jsx("li",{className:ne("item"),onClick:(n=e,function(){u&&u(n),v(!1)}),children:e.label},r);var n}))})]})},exports.Form=function(e){var n=e.children,o=e.onSubmit,a=e.className;return t.jsx("form",{method:"post",onSubmit:function(e){o&&(e.preventDefault(),o(e))},className:r(te(),a),children:n})},exports.FormButtons=Y,exports.IconButton=E,exports.MenuItem=ae,exports.Modal=J,exports.Navbar=function(n){var o=n.children,a=n.className,i=pe(e.useState(!1),2),c=i[0],l=i[1],s=e.useRef(null),u=e.useRef(null);ie([s,u],(function(){return l(!1)}));return t.jsxs("nav",{className:r(ye(),a),children:[t.jsx("button",{className:ye("expand-button"),onClick:function(){return l((function(e){return!e}))},ref:s,children:t.jsx(V,{})}),t.jsx("ul",{className:r(ye("container"),c&&ye("container","open")),ref:u,children:e.Children.map(o,(function(e,r){return t.jsx("li",{className:ye("item"),children:e},r)}))})]})},exports.NavbarLink=function(e){var n=e.to,o=e.children,a=e.onClick,i=e.component,c=e.className;return i?t.jsx(i,{className:r(be(),c),to:n,children:o}):a?t.jsx("a",{className:r(be(),c),href:"#",onClick:a,children:o}):t.jsx("a",{children:o})},exports.NavbarMenu=function(n){var o=n.items,a=n.className,i=n.menuTitle,c=n.header,l=n.direction,s=void 0===l?"down":l,u=n.variant,d=void 0===u?"primary":u,f=xe(e.useState(!1),2),m=f[0],v=f[1],p=e.useRef(null);e.useEffect((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var h=function(){return v((function(e){return!e}))},y="".concat(ge("container")," ").concat(ge("container",s));return t.jsxs("div",{className:r(ge(),a),ref:p,children:[t.jsx("button",{className:ge("button"),onClick:h,children:i}),t.jsx("button",{className:ge("toggle-button"),onClick:h,children:t.jsx("span",{className:r(ge("indicator"),ge("indicator-".concat(d)),m&&ge("indicator","open"))})}),t.jsxs("div",{className:r(y,m&&ge("container","open")),children:[t.jsx("span",{className:ge("drop-header"),children:c}),t.jsx("ul",{className:ge("list"),children:o.map((function(e,r){return t.jsx("li",{className:ge("item"),children:t.jsx(ae,{className:ge("menu-item"),component:e.component,to:e.to,onClick:(n=e.onClick,function(e){v(!1),n&&n(e)}),children:e.title})},r);var n}))})]})]})},exports.Panel=function(e){var n=e.children,o=e.className,a=e.title;return t.jsxs("div",{className:r(Ne(),o),children:[a&&t.jsx("div",{className:Ne("header"),children:a}),t.jsx("div",{className:Ne("content"),children:n})]})},exports.Paper=function(e){var n=e.children,o=e.className;return t.jsx("div",{className:r(we(),o),children:n})},exports.RangeSlider=function(n){var o=n.min,i=void 0===o?0:o,c=n.max,l=void 0===c?3600:c,s=n.step,u=void 0===s?1:s,d=n.from,f=void 0===d?i:d,m=n.to,v=void 0===m?l:m,p=n.onChange,h=n.onPickFrom,y=n.onPickTo,b=n.pickFromLabel,x=n.pickToLabel,j=Se(e.useState(f),2),g=j[0],N=j[1],w=Se(e.useState(v),2),S=w[0],C=w[1],O=e.useRef(null),k=e.useRef(null),A=e.useCallback((function(e){L(e)}),[]),P=function(e){return(e-i)/(l-i)*100},L=function(e){if(O.current&&k.current){var r=O.current.getBoundingClientRect(),n=e-r.left,t=Math.min(Math.max(n/r.width,0),1),o=Math.round((i+t*(l-i))/u)*u;"min"===k.current?o<S&&N(o):"max"===k.current&&o>g&&C(o)}},I=function(){p&&p(g,S),k.current=null,document.removeEventListener("mousemove",F)},F=function(e){A(e.clientX)},T=function(e){return function(r){k.current=e,L(r.clientX),document.addEventListener("mousemove",F)}};return e.useEffect((function(){N(f),C(v)}),[f,v]),t.jsxs("div",{className:Oe(),children:[t.jsxs("div",{ref:O,className:Oe("track"),children:[t.jsx("div",{className:Oe("range"),style:{left:"".concat(P(g),"%"),right:"".concat(100-P(S),"%")}}),t.jsx("div",{className:r(Oe("thumb"),Oe("thumb","min")),style:{left:"".concat(P(g),"%")},onMouseDown:T("min"),onMouseUp:I}),t.jsx("div",{className:r(Oe("thumb"),Oe("thumb","max")),style:{left:"".concat(P(S),"%")},onMouseDown:T("max"),onMouseUp:I})]}),t.jsxs("div",{className:Oe("values"),children:[t.jsxs("span",{className:Oe("value"),children:[t.jsx(a.TimeSpanInput,{className:Oe("value-field"),step:u||2,value:g,onChange:function(e){N(e),p&&p(e,S)}}),t.jsx(E,{className:Oe("pick-button"),variant:"round-outlined",title:b,onClick:h,children:t.jsx(U,{})})]}),t.jsxs("span",{className:Oe("value"),children:[t.jsx(E,{className:Oe("pick-button"),variant:"round-outlined",title:x,onClick:y,children:t.jsx($,{})}),t.jsx(a.TimeSpanInput,{className:Oe("value-field"),step:u||2,value:S,onChange:function(e){C(e),p&&p(g,e)}})]})]})]})},exports.ResponsiveBar=function(n){var o=n.children,a=n.className,i=n.expandClassName,c=n.icon,l=void 0===c?t.jsx(V,{}):c,s=ke(e.useState(!1),2),u=s[0],d=s[1],f=e.useRef(null),m=e.useRef(null);ie([f,m],(function(){return d(!1)}));return t.jsxs("nav",{className:r(Ae(),a),children:[t.jsx("button",{className:r(Ae("expand-button"),i),onClick:function(){return d((function(e){return!e}))},ref:f,children:l}),t.jsx("ul",{className:r(Ae("container"),u&&Ae("container","open")),ref:m,children:e.Children.map(o,(function(e,r){return t.jsx("li",{className:Ae("item"),children:e},r)}))})]})},exports.ScrollView=function(e){var n=e.children,o=e.className,a=e.orientation,i=void 0===a?"vertical":a;return t.jsx("div",{className:r(Pe(),Pe(i),o),children:n})},exports.Section=function(e){var n=e.children,o=e.onClose,a=e.noBorder;return t.jsxs("div",{className:Le(),children:[t.jsx("div",{className:r(Le("fields"),!a&&Le("with-border")),children:n}),o&&t.jsx("div",{className:Le("actions"),children:t.jsx(E,{onClick:o,children:t.jsx(X,{})})})]})},exports.SelectField=Fe,exports.Spacer=function(){return t.jsx("span",{className:Te()})},exports.StackPanel=De,exports.Submenu=function(n){var o=n.items,a=n.selectedItem,i=n.variant,c=void 0===i?"primary":i,l=n.onChange,s=n.className,u=Be(e.useState(!1),2),d=u[0],f=u[1],m=e.useRef(null);e.useEffect((function(){var e=function(e){m.current&&!m.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var v=Re("list");return t.jsxs("div",{className:r(Re(),s),ref:m,children:[t.jsxs("button",{className:Re("button"),onClick:function(){return f((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",t.jsx("span",{className:r(Re("indicator"),Re("indicator-".concat(c)),d&&Re("indicator","open"))})]}),d&&t.jsx("ul",{className:v,children:o.map((function(e,r){return t.jsx("li",{className:Re("item"),onClick:(n=e,function(){l&&l(n),f(!1)}),children:e.label},r);var n}))})]})},exports.SuccessCongratulation=function(n){var o=n.message,a=void 0===o?"Congratulations!":o,i=n.onContinue,c=n.onAddToFavorites,l=n.isFavorite,s=n.className,u=n.continueText,d=void 0===u?"Continue":u;e.useEffect((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 t.jsxs("div",{className:r(Ve(),s),onClick:function(){null==i||i()},tabIndex:0,role:"button",children:[t.jsx("div",{className:Ve("icon"),children:t.jsx(W,{className:Ve("checkmark")})}),t.jsx("p",{className:Ve("message"),children:a}),t.jsxs($e,{children:[t.jsx(E,{variant:"rounded",onClick:i,children:d}),t.jsx(E,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==c||c()},children:t.jsx(q,{className:r(l&&Ve("favorite"))})})]})]})},exports.TextArea=He,exports.TextField=We,exports.TextFieldWrapper=function(e){var n=e.id,o=e.name,a=e.className,i=e.label,c=e.align,l=void 0===c?"right":c,s=e.children;return t.jsx("div",{className:r(Ke(),a),children:t.jsxs("div",{className:Ke("wrapper"),children:[t.jsxs("label",{htmlFor:n||o,className:r(Ke("label"),Ke("label",l)),children:[i,":"]}),t.jsx("div",{className:Ke("input-wrapper"),children:s})]})})},exports.TitleEdit=function(n){var o=n.className,a=n.variant,i=void 0===a?"p":a,c=n.noButton,l=void 0!==c&&c,s=n.value,u=n.type,d=void 0===u?"text":u,f=n.onChange,m=n.postfix,v=n.name,p=Xe(e.useState(s),2),h=p[0],y=p[1],b=Xe(e.useState(!1),2),x=b[0],j=b[1],g=e.useRef(null);le(g,x);var N=function(){f(h),j(!1)},w=function(){y(s),j(!1)};ce(g,N,w),e.useEffect((function(){y(s)}),[s]);var S=function(){j(!0)};return t.jsxs("div",{className:r(Je(),o),children:[x&&t.jsxs("div",{className:Je("container"),children:[t.jsx("input",{id:v,name:v,type:d,className:r(Je("edit-field"),Je("edit-field",d)),value:h,onChange:function(e){y(e.target.value)},ref:g}),t.jsx(E,{onClick:N,children:t.jsx(H,{})}),t.jsx(E,{onClick:w,children:t.jsx(X,{})})]}),!x&&t.jsxs("div",{className:Je("container"),children:[t.jsxs(O,{variant:i,onClick:S,children:[s," ",m]}),!l&&t.jsx(E,{onClick:S,children:t.jsx(K,{})})]})]})},exports.Toast=function(e){var n=e.type,o=void 0===n?"success":n,a=e.children,i=e.onClose,c=e.className;return t.jsxs("div",{className:r(Qe(),Qe("",o),c),children:[a,t.jsx("button",{"aria-label":"Close",className:Qe("close"),onClick:function(){return i&&i()},children:t.jsx("span",{"aria-hidden":"true",children:"×"})})]})},exports.ToggleButton=Ze,exports.Toolbar=$e,exports.Typography=O,exports.addTranslations=function(e){e.addResourceBundle("en",l,i,!0,!0),e.addResourceBundle("fr",l,c,!0,!0)},exports.formatError=N,exports.ta=function(e,r,n){var t=e(r,d(d({},n),{},{returnObjects:!0}));return Array.isArray(t)?t:null},exports.to=function(e,r,n){return e(r,d(d({},n),{},{returnObjects:!0}))},exports.useClickOutside=ie,exports.useForm=function(r,n){var t=me(e.useState(r),2),o=t[0],a=t[1],i=me(e.useState({}),2),c=i[0],l=i[1],s=function(e){var r=e.target,t=r.name,o=r.type,i=r.value,c="checkbox"===o?e.target.checked:i;a((function(e){var r=de(de({},e),{},fe({},t,c));if(n){var o=n(r);l(o)}return r}))},u=function(e){return function(r){var t=r;a((function(r){var o=de(de({},r),{},fe({},e,t));if(n){var a=n(o);l(a)}return o}))}},d=function(){a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:r),l({})},f=function(e){return function(r){r.preventDefault(),null==e||e(o),d()}};return{values:o,errors:c,handleChange:s,setFieldValue:function(e,r){a((function(t){var o=de(de({},t),{},fe({},e,r));if(n){var a=n(o);l(a)}return o}))},reset:d,setValues:a,validateForm:function(){if(n){var e=n(o);return l(e),e}return{}},register:function(e){return de(de({},{name:e,value:o[e]||"",checked:o[e]||!1,error:c[e]}),{},{onChange:s})},registerC:function(e){return de(de({},{name:e,value:o[e]||"",checked:o[e]||!1,error:c[e]}),{},{onChange:u(e)})},registerForm:function(e){return{onSubmit:f(e)}}}},exports.useKeysEneterEsc=ce,exports.useSetStartupFocus=le;
+"use strict";var e=require("react"),n=require("clsx"),r=require("@react5/bem"),t=require("react/jsx-runtime"),o=require("react-router-dom"),a=require("@react5/time-span"),i={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},l={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},c="ui-library";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 u(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 d(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?u(Object(r),!0).forEach((function(n){f(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function f(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 m(e){return r.bem("r5ui-"+e)}function v(e){return v="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},v(e)}function p(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=v(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=v(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==v(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function h(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return y(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)?y(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 y(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 b=m("accordion"),x=m("button"),j=function(e){var r=e.className,a=e.variant,i=void 0===a?"primary":a,l=e.type,c=void 0===l?"button":l,s=e.to,u=e.onClick,d=e.disabled,f=e.children,m=n(x(),x(i),x(c),r);return s?t.jsx(o.Link,{className:m,to:s,children:f}):t.jsx("button",{className:m,onClick:function(e){u&&(e.preventDefault(),u(e))},disabled:d,type:c,children:f})},g=m("buttons-group"),N=function(e,n){return e?e.replace("{name}",n||"Field"):e},w=m("checkbox"),C=e.forwardRef((function(r,o){var a=r.checked,i=r.onChange,l=r.name,c=r.className,s=r.autoFocus,u=void 0!==s&&s,d=r.readonly,f=void 0!==d&&d,m=r.label,v=r.error;return t.jsxs(e.Fragment,{children:[t.jsxs("label",{className:n(w(),c),children:[t.jsx("input",{id:l,name:l,className:w("input"),readOnly:f,type:"checkbox",checked:a,onChange:i,ref:o,autoFocus:u,autoComplete:"on"}),t.jsx("span",{className:w("checkmark")}),m&&t.jsx("span",{className:w("label"),children:m})]}),v&&t.jsx("div",{children:N(v,m)})]})})),S=m("typography"),O=function(e){var r=e.children,o=e.onClick,a=e.className,i=e.align,l=void 0===i?"left":i,c=e.variant,s=void 0===c?"p":c;return t.jsx(s,{className:n(S(),S(s),S(l),a),onClick:o,children:r})},k=m("icon-button"),E=function(e){var r=e.children,a=e.onClick,i=e.className,l=e.title,c=e.to,s=e.variant,u=void 0===s?"none":s,d=e.type,f=e.disabled;return c?t.jsx(o.Link,{className:n(k(),k(u),i),to:c,title:l,type:d,children:r}):t.jsx("button",{className:n(k(),k(u),i),onClick:function(e){e.preventDefault(),a&&a(e)},disabled:f,title:l,type:d,children:r})},A={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},P=e.createContext&&e.createContext(A),L=["attr","size","title"];function I(e,n){if(null==e)return{};var r,t,o=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)&&(o[r]=e[r])}return o}function F(){return F=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},F.apply(this,arguments)}function T(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 M(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?T(Object(r),!0).forEach((function(n){D(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function D(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 B(n){return n&&n.map(((n,r)=>e.createElement(n.tag,M({key:r},n.attr),B(n.child))))}function z(n){return r=>e.createElement(R,F({attr:M({},n.attr)},r),B(n.child))}function R(n){var r=r=>{var t,{attr:o,size:a,title:i}=n,l=I(n,L),c=a||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",F({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,l,{className:t,style:M(M({color:n.color||r.color},r.style),n.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),i&&e.createElement("title",null,i),n.children)};return void 0!==P?e.createElement(P.Consumer,null,(e=>r(e))):r(A)}function U(e){return z({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 $(e){return z({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 V(e){return z({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 q(e){return z({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 H(e){return z({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 K(e){return z({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 W(e){return z({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 X(e){return z({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 G=m("modal"),J=function(e){var r=e.className,o=e.children,a=e.onClose,i=e.title,l=e.variant,c=void 0===l?"large":l;return t.jsx("div",{className:n(G(),r),children:t.jsxs("div",{className:n(G("content"),G("content",c)),onClick:function(e){return e.stopPropagation()},children:[t.jsx(O,{className:G("title"),variant:"h3",children:i}),a&&t.jsx(E,{className:G("close"),variant:"round-outlined",onClick:a,children:t.jsx(X,{})}),t.jsx("div",{className:G("modal-body"),children:o})]})})};J.Header=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(G("header"),o),children:r})};J.Body=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(G("body"),o),children:r})};J.Footer=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(G("footer"),o),children:r})};var Q=m("form-buttons"),Y=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(Q(),o),children:r})},Z=m("dialog-prompt"),_=m("divider");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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ne(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)?ne(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 ne(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 re=m("dropdown"),te=m("form"),oe=m("menu-item"),ae=function(e){var r=e.className,a=e.to,i=e.onClick,l=e.component,c=e.disabled,s=e.children,u=n(oe(),r);return l?t.jsx("div",{className:r,children:l}):a?t.jsx(o.Link,{className:u,to:a,onClick:function(){i&&i()},children:s}):t.jsx("button",{className:u,onClick:i,disabled:c,children:s})};function ie(n,r){e.useEffect((function(){var e=function(e){n.every((function(n){return n.current&&!n.current.contains(e.target)}))&&r()};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[n,r])}function le(n,r,t){e.useEffect((function(){var e=function(e){"Enter"===e.key?(r(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},o=n.current;return o&&o.addEventListener("keydown",e),function(){o&&o.removeEventListener("keydown",e)}}),[n,r,t])}function ce(n){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.useEffect((function(){r&&n.current&&n.current.focus()}),[r,n])}function se(e){return se="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},se(e)}function ue(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 de(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ue(Object(r),!0).forEach((function(n){fe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ue(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function fe(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=se(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=se(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==se(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ve(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)?ve(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 ve(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 pe(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return he(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)?he(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 he(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=m("navbar"),be=m("navbar-link");function xe(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return je(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)?je(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 je(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 ge=m("navbar-menu"),Ne=m("toolbar"),we=function(e){var r=e.children,o=e.className,a=e.align,i=void 0===a?"left":a,l=e.orientation,c=void 0===l?"horizontal":l;return t.jsx("div",{className:n(Ne(),Ne("",i),Ne("",c),o),children:r})},Ce=m("header-buttons"),Se=function(e){var r=e.onClose,o=e.onEdit,a=e.className;return t.jsxs(we,{className:n(Ce(),a),align:"right",children:[o&&t.jsx(E,{className:Ce("close"),variant:"round-outlined",onClick:o,children:t.jsx(K,{})}),r&&t.jsx(E,{className:Ce("close"),variant:"round-outlined",onClick:r,children:t.jsx(X,{})})]})},Oe=m("panel"),ke=m("paper");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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ae(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)?Ae(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 Ae(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 Pe=m("range-slider");function Le(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ie(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)?Ie(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 Ie(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=m("responsive-bar"),Te=m("scroll-view"),Me=m("section"),De=m("select-field"),Be=e.forwardRef((function(e,r){var o=e.value,a=e.onChange,i=e.noLabel,l=void 0!==i&&i,c=e.onBlur,s=e.name,u=e.className,d=e.autoFocus,f=void 0!==d&&d,m=e.disabled,v=void 0!==m&&m,p=e.label,h=e.error,y=e.options,b=e.align,x=void 0===b?"right":b;return t.jsxs("div",{className:n(De(),u),children:[t.jsxs("div",{className:De("wrapper"),children:[!l&&t.jsxs("label",{htmlFor:s,className:n(De("label"),De("label",x)),children:[p,":"]}),t.jsx("select",{id:s,name:s,className:De("input"),disabled:v,value:o,onChange:a,onBlur:c,ref:r,autoFocus:f,autoComplete:"on",children:y&&y.map((function(e){return t.jsx("option",{value:e.value,children:e.label},e.value)}))})]}),h&&t.jsx("div",{className:De("error-container"),children:N(h,p)})]})})),ze=m("spacer"),Re=m("stack-panel"),Ue=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(Re(),o),children:r})};function $e(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ve(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)?Ve(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 Ve(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}Ue.Item=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(Re("item"),o),children:r})};var qe=m("submenu"),He=m("success-congratulation"),Ke=m("text-area"),We=e.forwardRef((function(e,r){var o=e.value,a=e.onChange,i=e.noLabel,l=void 0!==i&&i,c=e.onBlur,s=e.name,u=e.rows,d=void 0===u?3:u,f=e.className,m=e.autoFocus,v=void 0!==m&&m,p=e.readonly,h=void 0!==p&&p,y=e.label,b=e.error,x=e.placeholder,j=e.align,g=void 0===j?"right":j;return t.jsxs("div",{className:n(Ke(),f),children:[t.jsxs("div",{className:Ke("wrapper"),children:[!l&&t.jsxs("label",{htmlFor:s,className:n(Ke("label"),Ke("label",g)),children:[y,":"]}),t.jsx("textarea",{rows:d,id:s,name:s,className:Ke("input"),readOnly:h,value:o,onChange:a,onBlur:c,ref:r,autoFocus:v,autoComplete:"on",placeholder:x})]}),b&&t.jsx("div",{className:Ke("error-container"),children:N(b,y)})]})})),Xe=m("text-field"),Ge=e.forwardRef((function(e,r){var o=e.isPassword,a=e.value,i=e.onChange,l=e.onEnter,c=e.noLabel,s=void 0!==c&&c,u=e.onBlur,d=e.type,f=void 0===d?"text":d,m=e.name,v=e.className,p=e.autoFocus,h=void 0!==p&&p,y=e.readonly,b=void 0!==y&&y,x=e.label,j=e.error,g=e.placeholder,w=e.step,C=e.align,S=void 0===C?"right":C;return t.jsxs("div",{className:n(Xe(),v),children:[t.jsxs("div",{className:Xe("wrapper"),children:[!s&&t.jsxs("label",{htmlFor:m,className:n(Xe("label"),Xe("label",S)),children:[x,":"]}),t.jsx("div",{className:Xe("input-wrapper"),children:t.jsx("input",{id:m,name:m,className:n(Xe("input"),Xe("input",f)),readOnly:b,type:o?"password":f,value:a,onChange:i,onBlur:u,ref:r,autoFocus:h,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&l&&(e.preventDefault(),l())},placeholder:g,step:w})})]}),j&&t.jsx("div",{className:Xe("error-container"),children:N(j,x)})]})}));function Je(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,o,a,i,l=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Qe(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)?Qe(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 Qe(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=m("title-edit"),Ze=m("toast"),_e=m("toggle-button"),en=e.forwardRef((function(r,o){var a=r.checked,i=r.onChange,l=r.name,c=r.className,s=r.autoFocus,u=void 0!==s&&s,d=r.readonly,f=void 0!==d&&d,m=r.label,v=r.error;return t.jsxs(e.Fragment,{children:[t.jsxs("label",{className:n(_e(),c),children:[t.jsx("input",{id:l,name:l,className:_e("input"),readOnly:f,type:"checkbox",checked:a,onChange:i,ref:o,autoFocus:u,autoComplete:"on"}),t.jsx("span",{className:_e("slider")})]}),t.jsx("span",{className:_e("label"),children:m}),v&&t.jsx("div",{children:N(v,m)})]})}));exports.Accordion=function(r){var o=r.title,a=r.children,i=r.className,l=r.isOpen,c=void 0!==l&&l,s=h(e.useState(c),2),u=s[0],d=s[1];e.useEffect((function(){c&&d(c)}),[c]);return t.jsxs("div",{className:n(b(),i,p({},b("open"),u)),children:[t.jsxs("button",{className:b("toggle-header"),onClick:function(e){e.preventDefault(),d((function(e){return!e}))},children:[t.jsx("h3",{className:b("title"),children:o}),t.jsx("span",{className:n(b("indicator"),u&&b("indicator","open"))})]}),t.jsx("div",{className:n(b("content"),u&&b("content","open")),children:a})]})},exports.Button=j,exports.ButtonsGroup=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(g(),o),children:r})},exports.CheckBox=C,exports.DialogPrompt=function(e){var r=e.children,o=e.variant,a=void 0===o?"small":o,i=e.onOk,l=e.onCancel,c=e.className,s=e.prompt,u=e.confirmText,d=e.cancelText;return t.jsxs(J,{variant:a,className:n(Z(),c),onClose:l,children:[t.jsx(J.Header,{}),t.jsxs(J.Body,{className:Z("body"),children:[s&&t.jsx(O,{variant:"h2",align:"center",children:s}),r]}),t.jsx(J.Footer,{children:t.jsxs(Y,{children:[t.jsx(j,{type:"submit",onClick:i,children:u}),t.jsx(j,{type:"button",variant:"secondary",onClick:l,children:d})]})})]})},exports.Divider=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(_(),o),children:t.jsx("span",{className:_("label"),children:r})})},exports.DropDown=function(r){var o=r.items,a=r.selectedItem,i=r.direction,l=void 0===i?"down":i,c=r.variant,s=void 0===c?"primary":c,u=r.onChange,d=r.className,f=ee(e.useState(!1),2),m=f[0],v=f[1],p=e.useRef(null);e.useEffect((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var h="".concat(re("list")," ").concat(re("list",l));return t.jsxs("div",{className:n(re(),d),ref:p,children:[t.jsxs(j,{className:re("button",l),variant:s,onClick:function(){return v((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",t.jsx("span",{className:n(re("indicator"),re("indicator-".concat(s)),re("indicator",l),m&&re("indicator","open"))})]}),m&&t.jsx("ul",{className:h,children:o.map((function(e,n){return t.jsx("li",{className:re("item"),onClick:(r=e,function(){u&&u(r),v(!1)}),children:e.label},n);var r}))})]})},exports.Form=function(e){var r=e.children,o=e.onSubmit,a=e.className;return t.jsx("form",{method:"post",onSubmit:function(e){o&&(e.preventDefault(),o(e))},className:n(te(),a),children:r})},exports.FormButtons=Y,exports.HeaderButtons=Se,exports.IconButton=E,exports.MenuItem=ae,exports.Modal=J,exports.Navbar=function(r){var o=r.children,a=r.className,i=pe(e.useState(!1),2),l=i[0],c=i[1],s=e.useRef(null),u=e.useRef(null);ie([s,u],(function(){return c(!1)}));return t.jsxs("nav",{className:n(ye(),a),children:[t.jsx("button",{className:ye("expand-button"),onClick:function(){return c((function(e){return!e}))},ref:s,children:t.jsx(V,{})}),t.jsx("ul",{className:n(ye("container"),l&&ye("container","open")),ref:u,children:e.Children.map(o,(function(e,n){return t.jsx("li",{className:ye("item"),children:e},n)}))})]})},exports.NavbarLink=function(e){var r=e.to,o=e.children,a=e.onClick,i=e.component,l=e.className;return i?t.jsx(i,{className:n(be(),l),to:r,children:o}):a?t.jsx("a",{className:n(be(),l),href:"#",onClick:a,children:o}):t.jsx("a",{children:o})},exports.NavbarMenu=function(r){var o=r.items,a=r.className,i=r.menuTitle,l=r.header,c=r.direction,s=void 0===c?"down":c,u=r.variant,d=void 0===u?"primary":u,f=xe(e.useState(!1),2),m=f[0],v=f[1],p=e.useRef(null);e.useEffect((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var h=function(){return v((function(e){return!e}))},y="".concat(ge("container")," ").concat(ge("container",s));return t.jsxs("div",{className:n(ge(),a),ref:p,children:[t.jsx("button",{className:ge("button"),onClick:h,children:i}),t.jsx("button",{className:ge("toggle-button"),onClick:h,children:t.jsx("span",{className:n(ge("indicator"),ge("indicator-".concat(d)),m&&ge("indicator","open"))})}),t.jsxs("div",{className:n(y,m&&ge("container","open")),children:[t.jsx("span",{className:ge("drop-header"),children:l}),t.jsx("ul",{className:ge("list"),children:o.map((function(e,n){return t.jsx("li",{className:ge("item"),children:t.jsx(ae,{className:ge("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){v(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},exports.Panel=function(e){var r=e.children,o=e.className,a=e.title,i=e.onClose,l=e.onEdit;return t.jsxs("div",{className:n(Oe(),o),children:[a&&t.jsxs("div",{className:Oe("header"),children:[a,t.jsx(Se,{onClose:i,onEdit:l})]}),t.jsx("div",{className:Oe("content"),children:r})]})},exports.Paper=function(e){var r=e.children,o=e.className;return t.jsx("div",{className:n(ke(),o),children:r})},exports.RangeSlider=function(r){var o=r.min,i=void 0===o?0:o,l=r.max,c=void 0===l?3600:l,s=r.step,u=void 0===s?1:s,d=r.from,f=void 0===d?i:d,m=r.to,v=void 0===m?c:m,p=r.onChange,h=r.onPickFrom,y=r.onPickTo,b=r.pickFromLabel,x=r.pickToLabel,j=Ee(e.useState(f),2),g=j[0],N=j[1],w=Ee(e.useState(v),2),C=w[0],S=w[1],O=e.useRef(null),k=e.useRef(null),A=e.useCallback((function(e){L(e)}),[]),P=function(e){return(e-i)/(c-i)*100},L=function(e){if(O.current&&k.current){var n=O.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),o=Math.round((i+t*(c-i))/u)*u;"min"===k.current?o<C&&N(o):"max"===k.current&&o>g&&S(o)}},I=function(){p&&p(g,C),k.current=null,document.removeEventListener("mousemove",F)},F=function(e){A(e.clientX)},T=function(e){return function(n){k.current=e,L(n.clientX),document.addEventListener("mousemove",F)}};return e.useEffect((function(){N(f),S(v)}),[f,v]),t.jsxs("div",{className:Pe(),children:[t.jsxs("div",{ref:O,className:Pe("track"),children:[t.jsx("div",{className:Pe("range"),style:{left:"".concat(P(g),"%"),right:"".concat(100-P(C),"%")}}),t.jsx("div",{className:n(Pe("thumb"),Pe("thumb","min")),style:{left:"".concat(P(g),"%")},onMouseDown:T("min"),onMouseUp:I}),t.jsx("div",{className:n(Pe("thumb"),Pe("thumb","max")),style:{left:"".concat(P(C),"%")},onMouseDown:T("max"),onMouseUp:I})]}),t.jsxs("div",{className:Pe("values"),children:[t.jsxs("span",{className:Pe("value"),children:[t.jsx(a.TimeSpanInput,{className:Pe("value-field"),step:u||2,value:g,onChange:function(e){N(e),p&&p(e,C)}}),t.jsx(E,{className:Pe("pick-button"),variant:"round-outlined",title:b,onClick:h,children:t.jsx(U,{})})]}),t.jsxs("span",{className:Pe("value"),children:[t.jsx(E,{className:Pe("pick-button"),variant:"round-outlined",title:x,onClick:y,children:t.jsx($,{})}),t.jsx(a.TimeSpanInput,{className:Pe("value-field"),step:u||2,value:C,onChange:function(e){S(e),p&&p(g,e)}})]})]})]})},exports.ResponsiveBar=function(r){var o=r.children,a=r.className,i=r.expandClassName,l=r.icon,c=void 0===l?t.jsx(V,{}):l,s=Le(e.useState(!1),2),u=s[0],d=s[1],f=e.useRef(null),m=e.useRef(null);ie([f,m],(function(){return d(!1)}));return t.jsxs("nav",{className:n(Fe(),a),children:[t.jsx("button",{className:n(Fe("expand-button"),i),onClick:function(){return d((function(e){return!e}))},ref:f,children:c}),t.jsx("ul",{className:n(Fe("container"),u&&Fe("container","open")),ref:m,children:e.Children.map(o,(function(e,n){return t.jsx("li",{className:Fe("item"),children:e},n)}))})]})},exports.ScrollView=function(e){var r=e.children,o=e.className,a=e.orientation,i=void 0===a?"vertical":a;return t.jsx("div",{className:n(Te(),Te(i),o),children:r})},exports.Section=function(e){var r=e.children,o=e.onClose,a=e.noBorder;return t.jsxs("div",{className:Me(),children:[t.jsx("div",{className:n(Me("fields"),!a&&Me("with-border")),children:r}),o&&t.jsx("div",{className:Me("actions"),children:t.jsx(E,{onClick:o,children:t.jsx(X,{})})})]})},exports.SelectField=Be,exports.Spacer=function(){return t.jsx("span",{className:ze()})},exports.StackPanel=Ue,exports.Submenu=function(r){var o=r.items,a=r.selectedItem,i=r.variant,l=void 0===i?"primary":i,c=r.onChange,s=r.className,u=$e(e.useState(!1),2),d=u[0],f=u[1],m=e.useRef(null);e.useEffect((function(){var e=function(e){m.current&&!m.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var v=qe("list");return t.jsxs("div",{className:n(qe(),s),ref:m,children:[t.jsxs("button",{className:qe("button"),onClick:function(){return f((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",t.jsx("span",{className:n(qe("indicator"),qe("indicator-".concat(l)),d&&qe("indicator","open"))})]}),d&&t.jsx("ul",{className:v,children:o.map((function(e,n){return t.jsx("li",{className:qe("item"),onClick:(r=e,function(){c&&c(r),f(!1)}),children:e.label},n);var r}))})]})},exports.SuccessCongratulation=function(r){var o=r.message,a=void 0===o?"Congratulations!":o,i=r.onContinue,l=r.onAddToFavorites,c=r.isFavorite,s=r.className,u=r.continueText,d=void 0===u?"Continue":u;e.useEffect((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 t.jsxs("div",{className:n(He(),s),onClick:function(){null==i||i()},tabIndex:0,role:"button",children:[t.jsx("div",{className:He("icon"),children:t.jsx(W,{className:He("checkmark")})}),t.jsx("p",{className:He("message"),children:a}),t.jsxs(we,{children:[t.jsx(E,{variant:"rounded",onClick:i,children:d}),t.jsx(E,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==l||l()},children:t.jsx(q,{className:n(c&&He("favorite"))})})]})]})},exports.TextArea=We,exports.TextField=Ge,exports.TextFieldWrapper=function(e){var r=e.id,o=e.name,a=e.className,i=e.label,l=e.align,c=void 0===l?"right":l,s=e.children;return t.jsx("div",{className:n(Xe(),a),children:t.jsxs("div",{className:Xe("wrapper"),children:[t.jsxs("label",{htmlFor:r||o,className:n(Xe("label"),Xe("label",c)),children:[i,":"]}),t.jsx("div",{className:Xe("input-wrapper"),children:s})]})})},exports.TitleEdit=function(r){var o=r.className,a=r.variant,i=void 0===a?"p":a,l=r.noButton,c=void 0!==l&&l,s=r.value,u=r.type,d=void 0===u?"text":u,f=r.onChange,m=r.postfix,v=r.name,p=Je(e.useState(s),2),h=p[0],y=p[1],b=Je(e.useState(!1),2),x=b[0],j=b[1],g=e.useRef(null);ce(g,x);var N=function(){f(h),j(!1)},w=function(){y(s),j(!1)};le(g,N,w),e.useEffect((function(){y(s)}),[s]);var C=function(){j(!0)};return t.jsxs("div",{className:n(Ye(),o),children:[x&&t.jsxs("div",{className:Ye("container"),children:[t.jsx("input",{id:v,name:v,type:d,className:n(Ye("edit-field"),Ye("edit-field",d)),value:h,onChange:function(e){y(e.target.value)},ref:g}),t.jsx(E,{onClick:N,children:t.jsx(H,{})}),t.jsx(E,{onClick:w,children:t.jsx(X,{})})]}),!x&&t.jsxs("div",{className:Ye("container"),children:[t.jsxs(O,{variant:i,onClick:C,children:[s," ",m]}),!c&&t.jsx(E,{onClick:C,children:t.jsx(K,{})})]})]})},exports.Toast=function(e){var r=e.type,o=void 0===r?"success":r,a=e.children,i=e.onClose,l=e.className;return t.jsxs("div",{className:n(Ze(),Ze("",o),l),children:[a,t.jsx("button",{"aria-label":"Close",className:Ze("close"),onClick:function(){return i&&i()},children:t.jsx("span",{"aria-hidden":"true",children:"×"})})]})},exports.ToggleButton=en,exports.Toolbar=we,exports.Typography=O,exports.addTranslations=function(e){e.addResourceBundle("en",c,i,!0,!0),e.addResourceBundle("fr",c,l,!0,!0)},exports.formatError=N,exports.ta=function(e,n,r){var t=e(n,d(d({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null},exports.to=function(e,n,r){return e(n,d(d({},r),{},{returnObjects:!0}))},exports.useClickOutside=ie,exports.useForm=function(n,r){var t=me(e.useState(n),2),o=t[0],a=t[1],i=me(e.useState({}),2),l=i[0],c=i[1],s=function(e){var n=e.target,t=n.name,o=n.type,i=n.value,l="checkbox"===o?e.target.checked:i;a((function(e){var n=de(de({},e),{},fe({},t,l));if(r){var o=r(n);c(o)}return n}))},u=function(e){return function(n){var t=n;a((function(n){var o=de(de({},n),{},fe({},e,t));if(r){var a=r(o);c(a)}return o}))}},d=function(){a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:n),c({})},f=function(e){return function(n){n.preventDefault(),null==e||e(o),d()}};return{values:o,errors:l,handleChange:s,setFieldValue:function(e,n){a((function(t){var o=de(de({},t),{},fe({},e,n));if(r){var a=r(o);c(a)}return o}))},reset:d,setValues:a,validateForm:function(){if(r){var e=r(o);return c(e),e}return{}},register:function(e){return de(de({},{name:e,value:o[e]||"",checked:o[e]||!1,error:l[e]}),{},{onChange:s})},registerC:function(e){return de(de({},{name:e,value:o[e]||"",checked:o[e]||!1,error:l[e]}),{},{onChange:u(e)})},registerForm:function(e){return{onSubmit:f(e)}}}},exports.useKeysEneterEsc=le,exports.useSetStartupFocus=ce;

package/packages/lib/dist/index.scss

@@ -340,6 +340,13 @@ $title_font: var(--title_font, 'Poppins', serif);
   color: $page_text_color;
   margin-top: auto;
 }
+.r5ui-header-buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0.4rem 0.4rem 0 0;
+}
+
 .r5ui-icon-button {
   display: flex;
   align-items: center;
@@ -860,6 +867,7 @@ $title_font: var(--title_font, 'Poppins', serif);
     padding: 0.5rem;
     font-weight: 500;
     font-size: 1.2em;
+    position: relative;
   }
   &__content {
     display: flex;

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.d.ts

@@ -0,0 +1,9 @@
+import './HeaderButtons.scss';
+interface HeaderButtonsProps {
+    className?: string;
+    onClose?: () => void;
+    onEdit?: () => void;
+}
+export declare const HeaderButtons: ({ onClose, onEdit, className }: HeaderButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderButtons;
+//# sourceMappingURL=HeaderButtons.d.ts.map

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderButtons/HeaderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAO7B,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,gCAA8B,kBAAkB,4CAc7E,CAAA;AACD,eAAe,aAAa,CAAA"}

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HeaderButtons } from './HeaderButtons';
+declare const meta: Meta<typeof HeaderButtons>;
+export default meta;
+type Story = StoryObj<typeof HeaderButtons>;
+export declare const TextHeaderButtons: Story;
+//# sourceMappingURL=HeaderButtons.stories.d.ts.map

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButtons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderButtons/HeaderButtons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAM5B,CAAC;AACV,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=HeaderButtons.test.d.ts.map

package/packages/lib/dist/types/components/HeaderButtons/HeaderButtons.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButtons.test.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderButtons/HeaderButtons.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/packages/lib/dist/types/components/HeaderButtons/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./HeaderButtons";
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/components/HeaderButtons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderButtons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/packages/lib/dist/types/components/Panel/Panel.d.ts

@@ -4,8 +4,10 @@ interface PanelProps {
     disabled?: boolean;
     className?: string;
     title?: string;
+    onClose?: () => void;
+    onEdit?: () => void;
     children: ReactNode;
 }
-export declare const Panel: ({ children, className, title }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ children, className, title, onClose, onEdit }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;
 //# sourceMappingURL=Panel.d.ts.map

package/packages/lib/dist/types/components/Panel/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAA;AAIrB,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,gCAA8B,UAAU,4CAS7D,CAAA;AACD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAA;AAKrB,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,iDAA+C,UAAU,4CAa9E,CAAA;AACD,eAAe,KAAK,CAAA"}

package/packages/lib/dist/types/components/Panel/Panel.stories.d.ts

@@ -5,4 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Panel>;
 export declare const TextPanel: Story;
 export declare const PanelWithHeader: Story;
+export declare const PanelWithHeaderAndClose: Story;
+export declare const PanelWithHeaderAndEdit: Story;
+export declare const PanelWithHeaderAndCloseAndEdit: Story;
 //# sourceMappingURL=Panel.stories.d.ts.map

package/packages/lib/dist/types/components/Panel/Panel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAMpB,CAAC;AACV,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC"}
+{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAMpB,CAAC;AACV,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAErC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAE5C,CAAC"}

package/packages/lib/dist/types/components/index.d.ts

@@ -31,4 +31,5 @@ export * from "./Toast";
 export * from "./ToggleButton";
 export * from "./Toolbar";
 export * from "./Typography";
+export * from './HeaderButtons';
 //# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,cAAc,iBAAiB,CAAA"}

package/packages/lib/plop/templates/component/style.hbs

@@ -1,2 +1,2 @@
-.{{dashCase name}} {
+.r5ui-{{dashCase name}} {
 }

package/packages/lib/src/components/HeaderButtons/HeaderButtons.scss

@@ -0,0 +1,6 @@
+.r5ui-header-buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0.4rem 0.4rem 0 0;
+}

package/packages/lib/src/components/HeaderButtons/HeaderButtons.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HeaderButtons } from './HeaderButtons';
+
+const meta: Meta<typeof HeaderButtons> = {
+  title: 'Example/HeaderButtons',
+  component: HeaderButtons,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+} as Meta;
+export default meta;
+
+type Story = StoryObj<typeof HeaderButtons>;
+
+export const TextHeaderButtons: Story = {
+  render: () => <HeaderButtons></HeaderButtons>,
+};

package/packages/lib/src/components/HeaderButtons/HeaderButtons.test.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { HeaderButtons } from './HeaderButtons';
+
+describe('HeaderButtons Component', () => {
+  test('renders the button with the correct label', () => {
+    render(<HeaderButtons onClose={jest.fn()} ></HeaderButtons>);
+    const div = screen.getByRole('HeaderButtons', { name: /click me/i });
+    expect(div).toBeInTheDocument();
+  });
+});

package/packages/lib/src/components/HeaderButtons/HeaderButtons.tsx

@@ -0,0 +1,29 @@
+import './HeaderButtons.scss'
+import clsx from 'clsx';
+import { bem } from "../../utils/bem";
+import { IconButton } from '../IconButton';
+import { FaPen, FaXmark } from 'react-icons/fa6';
+import { Toolbar } from '../Toolbar';
+
+interface HeaderButtonsProps {
+  className?: string;
+  onClose?: () => void;
+  onEdit?: () => void;
+}
+const b = bem("header-buttons");
+export const HeaderButtons = ({onClose, onEdit, className}: HeaderButtonsProps) => {
+  return (
+    <Toolbar className={clsx(b(), className)} align='right'>
+      {onEdit && 
+        <IconButton className={b("close")} variant='round-outlined' onClick={onEdit}>
+          <FaPen/>
+        </IconButton>
+      }
+      {onClose && 
+        <IconButton className={b("close")} variant='round-outlined' onClick={onClose}>
+          <FaXmark/>
+        </IconButton>
+    }</Toolbar>
+  )
+}
+export default HeaderButtons

package/packages/lib/src/components/HeaderButtons/index.tsx

@@ -0,0 +1 @@
+export * from "./HeaderButtons";

package/packages/lib/src/components/Panel/Panel.scss

@@ -15,6 +15,7 @@
     padding: 0.5rem;
     font-weight: 500;
     font-size: 1.2em;
+    position: relative;
   }
   &__content {
     display: flex;

package/packages/lib/src/components/Panel/Panel.stories.tsx

@@ -19,3 +19,15 @@ export const TextPanel: Story = {
 export const PanelWithHeader: Story = {
   render: () => <Panel title="the header">Test</Panel>,
 };
+
+export const PanelWithHeaderAndClose: Story = {
+  render: () => <Panel title="the header" onClose={() => {}}>Test</Panel>,
+};
+
+export const PanelWithHeaderAndEdit: Story = {
+  render: () => <Panel title="the header" onEdit={() => {}}>Test</Panel>,
+};
+
+export const PanelWithHeaderAndCloseAndEdit: Story = {
+  render: () => <Panel title="the header" onClose={() => {}} onEdit={() => {}}>Test</Panel>,
+};

package/packages/lib/src/components/Panel/Panel.tsx

@@ -2,18 +2,25 @@ import { ReactNode } from 'react';
 import './Panel.scss'
 import clsx from 'clsx';
 import { bem } from '../../utils/bem';
+import { HeaderButtons } from '../HeaderButtons';
 
 interface PanelProps {
   disabled?: boolean;
   className?: string;
   title?: string;
+  onClose?: () => void;
+  onEdit?: () => void;
   children: ReactNode;
 }
 const b = bem("panel");
-export const Panel = ({children, className, title}: PanelProps) => {
+export const Panel = ({children, className, title, onClose, onEdit}: PanelProps) => {
   return (
     <div className={clsx(b(), className)}>
-      {title && <div className={b('header')}>{title}</div>}
+      {title && 
+        <div className={b('header')}>
+          {title}
+          <HeaderButtons onClose={onClose} onEdit={onEdit}/>
+        </div>}
       <div className={b('content')}>
         {children}
       </div>

package/packages/lib/src/components/index.tsx

@@ -31,3 +31,5 @@ export * from "./Toast";
 export * from "./ToggleButton";
 export * from "./Toolbar";
 export * from "./Typography";
+
+export * from './HeaderButtons'