diff --git a/docs/templates/assets/index-ada2ffa1.js b/docs/templates/assets/index-ada2ffa1.js new file mode 100755 index 00000000..d4db07dd --- /dev/null +++ b/docs/templates/assets/index-ada2ffa1.js @@ -0,0 +1,79 @@ +function vx(e,t){for(var n=0;ns[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))s(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const a of i.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Uc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fm={exports:{}},Na={},mm={exports:{}},de={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Fl=Symbol.for("react.element"),Ex=Symbol.for("react.portal"),gx=Symbol.for("react.fragment"),jx=Symbol.for("react.strict_mode"),Nx=Symbol.for("react.profiler"),Sx=Symbol.for("react.provider"),yx=Symbol.for("react.context"),Cx=Symbol.for("react.forward_ref"),Rx=Symbol.for("react.suspense"),wx=Symbol.for("react.memo"),Tx=Symbol.for("react.lazy"),qu=Symbol.iterator;function Lx(e){return e===null||typeof e!="object"?null:(e=qu&&e[qu]||e["@@iterator"],typeof e=="function"?e:null)}var hm={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},pm=Object.assign,xm={};function As(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}As.prototype.isReactComponent={};As.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};As.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function vm(){}vm.prototype=As.prototype;function bc(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}var Hc=bc.prototype=new vm;Hc.constructor=bc;pm(Hc,As.prototype);Hc.isPureReactComponent=!0;var Yu=Array.isArray,Em=Object.prototype.hasOwnProperty,zc={current:null},gm={key:!0,ref:!0,__self:!0,__source:!0};function jm(e,t,n){var s,l={},i=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(i=""+t.key),t)Em.call(t,s)&&!gm.hasOwnProperty(s)&&(l[s]=t[s]);var o=arguments.length-2;if(o===1)l.children=n;else if(1>>1,ge=H[X];if(0>>1;Xl(xn,W))eel(Pe,xn)?(H[X]=Pe,H[ee]=W,X=ee):(H[X]=xn,H[Ct]=W,X=Ct);else if(eel(Pe,W))H[X]=Pe,H[ee]=W,X=ee;else break e}}return G}function l(H,G){var W=H.sortIndex-G.sortIndex;return W!==0?W:H.id-G.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,m=null,h=3,E=!1,N=!1,v=!1,S=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,x=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function j(H){for(var G=n(u);G!==null;){if(G.callback===null)s(u);else if(G.startTime<=H)s(u),G.sortIndex=G.expirationTime,t(c,G);else break;G=n(u)}}function y(H){if(v=!1,j(H),!N)if(n(c)!==null)N=!0,ae(R);else{var G=n(u);G!==null&&me(y,G.startTime-H)}}function R(H,G){N=!1,v&&(v=!1,p(k),k=-1),E=!0;var W=h;try{for(j(G),m=n(c);m!==null&&(!(m.expirationTime>G)||H&&!se());){var X=m.callback;if(typeof X=="function"){m.callback=null,h=m.priorityLevel;var ge=X(m.expirationTime<=G);G=e.unstable_now(),typeof ge=="function"?m.callback=ge:m===n(c)&&s(c),j(G)}else s(c);m=n(c)}if(m!==null)var Ot=!0;else{var Ct=n(u);Ct!==null&&me(y,Ct.startTime-G),Ot=!1}return Ot}finally{m=null,h=W,E=!1}}var L=!1,w=null,k=-1,U=5,F=-1;function se(){return!(e.unstable_now()-FH||125X?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(v?(p(k),k=-1):v=!0,me(y,W-X))):(H.sortIndex=ge,t(c,H),N||E||(N=!0,ae(R))),H},e.unstable_shouldYield=se,e.unstable_wrapCallback=function(H){var G=h;return function(){var W=h;h=G;try{return H.apply(this,arguments)}finally{h=W}}}})(Cm);ym.exports=Cm;var Hx=ym.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Rm=f,Wt=Hx;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ao=Object.prototype.hasOwnProperty,zx=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Ku={},Qu={};function $x(e){return Ao.call(Qu,e)?!0:Ao.call(Ku,e)?!1:zx.test(e)?Qu[e]=!0:(Ku[e]=!0,!1)}function Wx(e,t,n,s){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return s?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Bx(e,t,n,s){if(t===null||typeof t>"u"||Wx(e,t,n,s))return!0;if(s)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function yt(e,t,n,s,l,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ct[e]=new yt(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ct[t]=new yt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ct[e]=new yt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ct[e]=new yt(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ct[e]=new yt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ct[e]=new yt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ct[e]=new yt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ct[e]=new yt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ct[e]=new yt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Wc=/[\-:]([a-z])/g;function Bc(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!1,!1)});ct.xlinkHref=new yt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!0,!0)});function Vc(e,t,n,s){var l=ct.hasOwnProperty(t)?ct[t]:null;(l!==null?l.type!==0:s||!(2o||l[a]!==i[o]){var c=` +`+l[a].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{Ga=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ys(e):""}function Vx(e){switch(e.tag){case 5:return Ys(e.type);case 16:return Ys("Lazy");case 13:return Ys("Suspense");case 19:return Ys("SuspenseList");case 0:case 2:case 15:return e=qa(e.type,!1),e;case 11:return e=qa(e.type.render,!1),e;case 1:return e=qa(e.type,!0),e;default:return""}}function Oo(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case es:return"Fragment";case Jr:return"Portal";case Io:return"Profiler";case Gc:return"StrictMode";case ko:return"Suspense";case _o:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Lm:return(e.displayName||"Context")+".Consumer";case Tm:return(e._context.displayName||"Context")+".Provider";case qc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Yc:return t=e.displayName||null,t!==null?t:Oo(e.type)||"Memo";case Bn:t=e._payload,e=e._init;try{return Oo(e(t))}catch{}}return null}function Gx(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Oo(t);case 8:return t===Gc?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function mr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Im(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function qx(e){var t=Im(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),s=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(a){s=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return s},setValue:function(a){s=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Vl(e){e._valueTracker||(e._valueTracker=qx(e))}function km(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=Im(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function bi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Do(e,t){var n=t.checked;return ze({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ju(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=mr(t.value!=null?t.value:n),e._wrapperState={initialChecked:s,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function _m(e,t){t=t.checked,t!=null&&Vc(e,"checked",t,!1)}function Mo(e,t){_m(e,t);var n=mr(t.value),s=t.type;if(n!=null)s==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(s==="submit"||s==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Po(e,t.type,n):t.hasOwnProperty("defaultValue")&&Po(e,t.type,mr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ed(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var s=t.type;if(!(s!=="submit"&&s!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Po(e,t,n){(t!=="number"||bi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Xs=Array.isArray;function fs(e,t,n,s){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Gl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function pl(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var tl={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Yx=["Webkit","ms","Moz","O"];Object.keys(tl).forEach(function(e){Yx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),tl[t]=tl[e]})});function Pm(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||tl.hasOwnProperty(e)&&tl[e]?(""+t).trim():t+"px"}function Fm(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,l=Pm(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,l):e[n]=l}}var Xx=ze({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function bo(e,t){if(t){if(Xx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Ho(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var zo=null;function Xc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var $o=null,ms=null,hs=null;function rd(e){if(e=Hl(e)){if(typeof $o!="function")throw Error(b(280));var t=e.stateNode;t&&(t=wa(t),$o(e.stateNode,e.type,t))}}function Um(e){ms?hs?hs.push(e):hs=[e]:ms=e}function bm(){if(ms){var e=ms,t=hs;if(hs=ms=null,rd(e),t)for(e=0;e>>=0,e===0?32:31-(iv(e)/av|0)|0}var ql=64,Yl=4194304;function Ks(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Wi(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,l=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~l;o!==0?s=Ks(o):(i&=a,i!==0&&(s=Ks(i)))}else a=n&~l,a!==0?s=Ks(a):i!==0&&(s=Ks(i));if(s===0)return 0;if(t!==0&&t!==s&&!(t&l)&&(l=s&-s,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(s&4&&(s|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=s;0n;n++)t.push(e);return t}function Ul(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-un(t),e[t]=n}function dv(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var s=e.eventTimes;for(e=e.expirationTimes;0=rl),fd=String.fromCharCode(32),md=!1;function lh(e,t){switch(e){case"keyup":return bv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ih(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ts=!1;function zv(e,t){switch(e){case"compositionend":return ih(t);case"keypress":return t.which!==32?null:(md=!0,fd);case"textInput":return e=t.data,e===fd&&md?null:e;default:return null}}function $v(e,t){if(ts)return e==="compositionend"||!ru&&lh(e,t)?(e=rh(),gi=eu=Kn=null,ts=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=s}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=vd(n)}}function uh(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?uh(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function dh(){for(var e=window,t=bi();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=bi(e.document)}return t}function su(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Qv(e){var t=dh(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&uh(n.ownerDocument.documentElement,n)){if(s!==null&&su(n)){if(t=s.start,e=s.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(s.start,l);s=s.end===void 0?i:Math.min(s.end,l),!e.extend&&i>s&&(l=s,s=i,i=l),l=Ed(n,i);var a=Ed(n,s);l&&a&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>s?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,ns=null,Yo=null,ll=null,Xo=!1;function gd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Xo||ns==null||ns!==bi(s)||(s=ns,"selectionStart"in s&&su(s)?s={start:s.selectionStart,end:s.selectionEnd}:(s=(s.ownerDocument&&s.ownerDocument.defaultView||window).getSelection(),s={anchorNode:s.anchorNode,anchorOffset:s.anchorOffset,focusNode:s.focusNode,focusOffset:s.focusOffset}),ll&&Nl(ll,s)||(ll=s,s=Gi(Yo,"onSelect"),0ls||(e.current=tc[ls],tc[ls]=null,ls--)}function Le(e,t){ls++,tc[ls]=e.current,e.current=t}var hr={},ht=xr(hr),It=xr(!1),Ur=hr;function js(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function kt(e){return e=e.childContextTypes,e!=null}function Yi(){Oe(It),Oe(ht)}function wd(e,t,n){if(ht.current!==hr)throw Error(b(168));Le(ht,t),Le(It,n)}function jh(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var l in s)if(!(l in t))throw Error(b(108,Gx(e)||"Unknown",l));return ze({},n,s)}function Xi(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Ur=ht.current,Le(ht,e),Le(It,It.current),!0}function Td(e,t,n){var s=e.stateNode;if(!s)throw Error(b(169));n?(e=jh(e,t,Ur),s.__reactInternalMemoizedMergedChildContext=e,Oe(It),Oe(ht),Le(ht,e)):Oe(It),Le(It,n)}var wn=null,Ta=!1,ao=!1;function Nh(e){wn===null?wn=[e]:wn.push(e)}function cE(e){Ta=!0,Nh(e)}function vr(){if(!ao&&wn!==null){ao=!0;var e=0,t=ye;try{var n=wn;for(ye=1;e>=a,l-=a,Ln=1<<32-un(t)+l|n<k?(U=w,w=null):U=w.sibling;var F=h(p,w,j[k],y);if(F===null){w===null&&(w=U);break}e&&w&&F.alternate===null&&t(p,w),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F,w=U}if(k===j.length)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;kk?(U=w,w=null):U=w.sibling;var se=h(p,w,F.value,y);if(se===null){w===null&&(w=U);break}e&&w&&se.alternate===null&&t(p,w),x=i(se,x,k),L===null?R=se:L.sibling=se,L=se,w=U}if(F.done)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;!F.done;k++,F=j.next())F=m(p,F.value,y),F!==null&&(x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return Me&&yr(p,k),R}for(w=s(p,w);!F.done;k++,F=j.next())F=E(w,p,k,F.value,y),F!==null&&(e&&F.alternate!==null&&w.delete(F.key===null?k:F.key),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return e&&w.forEach(function(fe){return t(p,fe)}),Me&&yr(p,k),R}function S(p,x,j,y){if(typeof j=="object"&&j!==null&&j.type===es&&j.key===null&&(j=j.props.children),typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:e:{for(var R=j.key,L=x;L!==null;){if(L.key===R){if(R=j.type,R===es){if(L.tag===7){n(p,L.sibling),x=l(L,j.props.children),x.return=p,p=x;break e}}else if(L.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===L.type){n(p,L.sibling),x=l(L,j.props),x.ref=Us(p,L,j),x.return=p,p=x;break e}n(p,L);break}else t(p,L);L=L.sibling}j.type===es?(x=Mr(j.props.children,p.mode,y,j.key),x.return=p,p=x):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,p=y)}return a(p);case Jr:e:{for(L=j.key;x!==null;){if(x.key===L)if(x.tag===4&&x.stateNode.containerInfo===j.containerInfo&&x.stateNode.implementation===j.implementation){n(p,x.sibling),x=l(x,j.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=xo(j,p.mode,y),x.return=p,p=x}return a(p);case Bn:return L=j._init,S(p,x,L(j._payload),y)}if(Xs(j))return N(p,x,j,y);if(Os(j))return v(p,x,j,y);ti(p,j)}return typeof j=="string"&&j!==""||typeof j=="number"?(j=""+j,x!==null&&x.tag===6?(n(p,x.sibling),x=l(x,j),x.return=p,p=x):(n(p,x),x=po(j,p.mode,y),x.return=p,p=x),a(p)):n(p,x)}return S}var Ss=Ah(!0),Ih=Ah(!1),zl={},Sn=xr(zl),Rl=xr(zl),wl=xr(zl);function Ir(e){if(e===zl)throw Error(b(174));return e}function mu(e,t){switch(Le(wl,t),Le(Rl,e),Le(Sn,zl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Uo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Uo(t,e)}Oe(Sn),Le(Sn,t)}function ys(){Oe(Sn),Oe(Rl),Oe(wl)}function kh(e){Ir(wl.current);var t=Ir(Sn.current),n=Uo(t,e.type);t!==n&&(Le(Rl,e),Le(Sn,n))}function hu(e){Rl.current===e&&(Oe(Sn),Oe(Rl))}var Ue=xr(0);function ta(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var oo=[];function pu(){for(var e=0;en?n:4,e(!0);var s=co.transition;co.transition={};try{e(!1),t()}finally{ye=n,co.transition=s}}function qh(){return nn().memoizedState}function mE(e,t,n){var s=ur(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},Yh(e))Xh(t,n);else if(n=Rh(e,t,n,s),n!==null){var l=gt();dn(n,e,s,l),Kh(n,t,s)}}function hE(e,t,n){var s=ur(e),l={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if(Yh(e))Xh(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,o=i(a,n);if(l.hasEagerState=!0,l.eagerState=o,mn(o,a)){var c=t.interleaved;c===null?(l.next=l,du(t)):(l.next=c.next,c.next=l),t.interleaved=l;return}}catch{}finally{}n=Rh(e,t,l,s),n!==null&&(l=gt(),dn(n,e,s,l),Kh(n,t,s))}}function Yh(e){var t=e.alternate;return e===He||t!==null&&t===He}function Xh(e,t){il=na=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Kh(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}var ra={readContext:tn,useCallback:ut,useContext:ut,useEffect:ut,useImperativeHandle:ut,useInsertionEffect:ut,useLayoutEffect:ut,useMemo:ut,useReducer:ut,useRef:ut,useState:ut,useDebugValue:ut,useDeferredValue:ut,useTransition:ut,useMutableSource:ut,useSyncExternalStore:ut,useId:ut,unstable_isNewReconciler:!1},pE={readContext:tn,useCallback:function(e,t){return gn().memoizedState=[e,t===void 0?null:t],e},useContext:tn,useEffect:Pd,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,yi(4194308,4,$h.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4194308,4,e,t)},useInsertionEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=gn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=gn();return t=n!==void 0?n(t):t,s.memoizedState=s.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},s.queue=e,e=e.dispatch=mE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=gn();return e={current:e},t.memoizedState=e},useState:Md,useDebugValue:ju,useDeferredValue:function(e){return gn().memoizedState=e},useTransition:function(){var e=Md(!1),t=e[0];return e=fE.bind(null,e[1]),gn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,l=gn();if(Me){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),st===null)throw Error(b(349));Hr&30||Dh(s,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Pd(Ph.bind(null,s,i,e),[e]),s.flags|=2048,Al(9,Mh.bind(null,s,i,n,t),void 0,null),n},useId:function(){var e=gn(),t=st.identifierPrefix;if(Me){var n=An,s=Ln;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Tl++,0<\/script>",e=e.removeChild(e.firstChild)):typeof s.is=="string"?e=a.createElement(n,{is:s.is}):(e=a.createElement(n),n==="select"&&(a=e,s.multiple?a.multiple=!0:s.size&&(a.size=s.size))):e=a.createElementNS(e,n),e[jn]=t,e[Cl]=s,lp(e,t,!1,!1),t.stateNode=e;e:{switch(a=Ho(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),l=s;break;case"iframe":case"object":case"embed":Ie("load",e),l=s;break;case"video":case"audio":for(l=0;lRs&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304)}else{if(!s)if(e=ta(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),bs(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Me)return dt(t),null}else 2*qe()-i.renderingStartTime>Rs&&n!==1073741824&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=qe(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return wu(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Ft&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function yE(e,t){switch(iu(t),t.tag){case 1:return kt(t.type)&&Yi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ys(),Oe(It),Oe(ht),pu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return hu(t),null;case 13:if(Oe(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));Ns()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Oe(Ue),null;case 4:return ys(),null;case 10:return uu(t.type._context),null;case 22:case 23:return wu(),null;case 24:return null;default:return null}}var ri=!1,mt=!1,CE=typeof WeakSet=="function"?WeakSet:Set,B=null;function cs(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(s){$e(e,t,s)}else n.current=null}function mc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Vd=!1;function RE(e,t){if(Ko=Bi,e=dh(),su(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var s=n.getSelection&&n.getSelection();if(s&&s.rangeCount!==0){n=s.anchorNode;var l=s.anchorOffset,i=s.focusNode;s=s.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,m=e,h=null;t:for(;;){for(var E;m!==n||l!==0&&m.nodeType!==3||(o=a+l),m!==i||s!==0&&m.nodeType!==3||(c=a+s),m.nodeType===3&&(a+=m.nodeValue.length),(E=m.firstChild)!==null;)h=m,m=E;for(;;){if(m===e)break t;if(h===n&&++u===l&&(o=a),h===i&&++d===s&&(c=a),(E=m.nextSibling)!==null)break;m=h,h=m.parentNode}m=E}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Qo={focusedElem:e,selectionRange:n},Bi=!1,B=t;B!==null;)if(t=B,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,B=e;else for(;B!==null;){t=B;try{var N=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(N!==null){var v=N.memoizedProps,S=N.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),S);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var j=t.stateNode.containerInfo;j.nodeType===1?j.textContent="":j.nodeType===9&&j.documentElement&&j.removeChild(j.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(y){$e(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return N=Vd,Vd=!1,N}function al(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var l=s=s.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&mc(t,n,i)}l=l.next}while(l!==s)}}function Ia(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var s=n.create;n.destroy=s()}n=n.next}while(n!==t)}}function hc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function op(e){var t=e.alternate;t!==null&&(e.alternate=null,op(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[jn],delete t[Cl],delete t[ec],delete t[aE],delete t[oE])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function cp(e){return e.tag===5||e.tag===3||e.tag===4}function Gd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||cp(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function pc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=qi));else if(s!==4&&(e=e.child,e!==null))for(pc(e,t,n),e=e.sibling;e!==null;)pc(e,t,n),e=e.sibling}function xc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(s!==4&&(e=e.child,e!==null))for(xc(e,t,n),e=e.sibling;e!==null;)xc(e,t,n),e=e.sibling}var it=null,an=!1;function Fn(e,t,n){for(n=n.child;n!==null;)up(e,t,n),n=n.sibling}function up(e,t,n){if(Nn&&typeof Nn.onCommitFiberUnmount=="function")try{Nn.onCommitFiberUnmount(Sa,n)}catch{}switch(n.tag){case 5:mt||cs(n,t);case 6:var s=it,l=an;it=null,Fn(e,t,n),it=s,an=l,it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):it.removeChild(n.stateNode));break;case 18:it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?io(e.parentNode,n):e.nodeType===1&&io(e,n),gl(e)):io(it,n.stateNode));break;case 4:s=it,l=an,it=n.stateNode.containerInfo,an=!0,Fn(e,t,n),it=s,an=l;break;case 0:case 11:case 14:case 15:if(!mt&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){l=s=s.next;do{var i=l,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&mc(n,t,a),l=l.next}while(l!==s)}Fn(e,t,n);break;case 1:if(!mt&&(cs(n,t),s=n.stateNode,typeof s.componentWillUnmount=="function"))try{s.props=n.memoizedProps,s.state=n.memoizedState,s.componentWillUnmount()}catch(o){$e(n,t,o)}Fn(e,t,n);break;case 21:Fn(e,t,n);break;case 22:n.mode&1?(mt=(s=mt)||n.memoizedState!==null,Fn(e,t,n),mt=s):Fn(e,t,n);break;default:Fn(e,t,n)}}function qd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new CE),t.forEach(function(s){var l=DE.bind(null,e,s);n.has(s)||(n.add(s),s.then(l,l))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;sl&&(l=a),s&=~i}if(s=l,s=qe()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*TE(s/1960))-s,10e?16:e,Qn===null)var s=!1;else{if(e=Qn,Qn=null,ia=0,Ee&6)throw Error(b(331));var l=Ee;for(Ee|=4,B=e.current;B!==null;){var i=B,a=i.child;if(B.flags&16){var o=i.deletions;if(o!==null){for(var c=0;cqe()-Cu?Dr(e,0):yu|=n),_t(e,t)}function Ep(e,t){t===0&&(e.mode&1?(t=Yl,Yl<<=1,!(Yl&130023424)&&(Yl=4194304)):t=1);var n=gt();e=Dn(e,t),e!==null&&(Ul(e,t,n),_t(e,n))}function OE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ep(e,n)}function DE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(b(314))}s!==null&&s.delete(t),Ep(e,n)}var gp;gp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)At=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return At=!1,NE(e,t,n);At=!!(e.flags&131072)}else At=!1,Me&&t.flags&1048576&&Sh(t,Qi,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Ci(e,t),e=t.pendingProps;var l=js(t,ht.current);xs(t,n),l=vu(null,t,s,e,l,n);var i=Eu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,kt(s)?(i=!0,Xi(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,fu(t),l.updater=La,t.stateNode=l,l._reactInternals=t,ic(t,s,e,n),t=cc(null,t,s,!0,i,n)):(t.tag=0,Me&&i&&lu(t),vt(null,t,l,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Ci(e,t),e=t.pendingProps,l=s._init,s=l(s._payload),t.type=s,l=t.tag=PE(s),e=ln(s,e),l){case 0:t=oc(null,t,s,e,n);break e;case 1:t=$d(null,t,s,e,n);break e;case 11:t=Hd(null,t,s,e,n);break e;case 14:t=zd(null,t,s,ln(s.type,e),n);break e}throw Error(b(306,s,""))}return t;case 0:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),oc(e,t,s,l,n);case 1:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),$d(e,t,s,l,n);case 3:e:{if(np(t),e===null)throw Error(b(387));s=t.pendingProps,i=t.memoizedState,l=i.element,wh(e,t),ea(t,s,null,n);var a=t.memoizedState;if(s=a.element,i.isDehydrated)if(i={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=Cs(Error(b(423)),t),t=Wd(e,t,s,n,l);break e}else if(s!==l){l=Cs(Error(b(424)),t),t=Wd(e,t,s,n,l);break e}else for(Ht=ar(t.stateNode.containerInfo.firstChild),$t=t,Me=!0,on=null,n=Ih(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ns(),s===l){t=Mn(e,t,n);break e}vt(e,t,s,n)}t=t.child}return t;case 5:return kh(t),e===null&&rc(t),s=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,a=l.children,Zo(s,l)?a=null:i!==null&&Zo(s,i)&&(t.flags|=32),tp(e,t),vt(e,t,a,n),t.child;case 6:return e===null&&rc(t),null;case 13:return rp(e,t,n);case 4:return mu(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):vt(e,t,s,n),t.child;case 11:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Hd(e,t,s,l,n);case 7:return vt(e,t,t.pendingProps,n),t.child;case 8:return vt(e,t,t.pendingProps.children,n),t.child;case 12:return vt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,l=t.pendingProps,i=t.memoizedProps,a=l.value,Le(Zi,s._currentValue),s._currentValue=a,i!==null)if(mn(i.value,a)){if(i.children===l.children&&!It.current){t=Mn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var o=i.dependencies;if(o!==null){a=i.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(i.tag===1){c=kn(-1,n&-n),c.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,c=i.alternate,c!==null&&(c.lanes|=n),sc(i.return,n,t),o.lanes|=n;break}c=c.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(b(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),sc(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}vt(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,s=t.pendingProps.children,xs(t,n),l=tn(l),s=s(l),t.flags|=1,vt(e,t,s,n),t.child;case 14:return s=t.type,l=ln(s,t.pendingProps),l=ln(s.type,l),zd(e,t,s,l,n);case 15:return Jh(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Ci(e,t),t.tag=1,kt(s)?(e=!0,Xi(t)):e=!1,xs(t,n),Lh(t,s,l),ic(t,s,l,n),cc(null,t,s,!0,e,n);case 19:return sp(e,t,n);case 22:return ep(e,t,n)}throw Error(b(156,t.tag))};function jp(e,t){return Gm(e,t)}function ME(e,t,n,s){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=s,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Jt(e,t,n,s){return new ME(e,t,n,s)}function Lu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function PE(e){if(typeof e=="function")return Lu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===qc)return 11;if(e===Yc)return 14}return 2}function dr(e,t){var n=e.alternate;return n===null?(n=Jt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ti(e,t,n,s,l,i){var a=2;if(s=e,typeof e=="function")Lu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case es:return Mr(n.children,l,i,t);case Gc:a=8,l|=8;break;case Io:return e=Jt(12,n,t,l|2),e.elementType=Io,e.lanes=i,e;case ko:return e=Jt(13,n,t,l),e.elementType=ko,e.lanes=i,e;case _o:return e=Jt(19,n,t,l),e.elementType=_o,e.lanes=i,e;case Am:return _a(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Tm:a=10;break e;case Lm:a=9;break e;case qc:a=11;break e;case Yc:a=14;break e;case Bn:a=16,s=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=Jt(a,n,t,l),t.elementType=e,t.type=s,t.lanes=i,t}function Mr(e,t,n,s){return e=Jt(7,e,s,t),e.lanes=n,e}function _a(e,t,n,s){return e=Jt(22,e,s,t),e.elementType=Am,e.lanes=n,e.stateNode={isHidden:!1},e}function po(e,t,n){return e=Jt(6,e,null,t),e.lanes=n,e}function xo(e,t,n){return t=Jt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function FE(e,t,n,s,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Xa(0),this.expirationTimes=Xa(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Xa(0),this.identifierPrefix=s,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Au(e,t,n,s,l,i,a,o,c){return e=new FE(e,t,n,o,c),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Jt(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},fu(i),e}function UE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Cp)}catch(e){console.error(e)}}Cp(),Sm.exports=Vt;var Rp=Sm.exports;const WE=Uc(Rp);var wp,tf=Rp;wp=tf.createRoot,tf.hydrateRoot;/** + * @remix-run/router v1.15.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function kl(){return kl=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function Ou(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function VE(){return Math.random().toString(36).substr(2,8)}function rf(e,t){return{usr:e.state,key:e.key,idx:t}}function Nc(e,t,n,s){return n===void 0&&(n=null),kl({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?Vr(t):t,{state:n,key:t&&t.key||s||VE()})}function Tp(e){let{pathname:t="/",search:n="",hash:s=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),s&&s!=="#"&&(t+=s.charAt(0)==="#"?s:"#"+s),t}function Vr(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let s=e.indexOf("?");s>=0&&(t.search=e.substr(s),e=e.substr(0,s)),e&&(t.pathname=e)}return t}function GE(e,t,n,s){s===void 0&&(s={});let{window:l=document.defaultView,v5Compat:i=!1}=s,a=l.history,o=Zn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(kl({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function m(){o=Zn.Pop;let S=d(),p=S==null?null:S-u;u=S,c&&c({action:o,location:v.location,delta:p})}function h(S,p){o=Zn.Push;let x=Nc(v.location,S,p);n&&n(x,S),u=d()+1;let j=rf(x,u),y=v.createHref(x);try{a.pushState(j,"",y)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;l.location.assign(y)}i&&c&&c({action:o,location:v.location,delta:1})}function E(S,p){o=Zn.Replace;let x=Nc(v.location,S,p);n&&n(x,S),u=d();let j=rf(x,u),y=v.createHref(x);a.replaceState(j,"",y),i&&c&&c({action:o,location:v.location,delta:0})}function N(S){let p=l.location.origin!=="null"?l.location.origin:l.location.href,x=typeof S=="string"?S:Tp(S);return x=x.replace(/ $/,"%20"),nt(p,"No window.location.(origin|href) available to create URL for href: "+x),new URL(x,p)}let v={get action(){return o},get location(){return e(l,a)},listen(S){if(c)throw new Error("A history only accepts one active listener");return l.addEventListener(nf,m),c=S,()=>{l.removeEventListener(nf,m),c=null}},createHref(S){return t(l,S)},createURL:N,encodeLocation(S){let p=N(S);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:h,replace:E,go(S){return a.go(S)}};return v}var sf;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(sf||(sf={}));function qE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?Vr(t):t,l=Ip(s.pathname||"/",n);if(l==null)return null;let i=Lp(e);YE(i);let a=null;for(let o=0;a==null&&o{let c={relativePath:o===void 0?i.path||"":o,caseSensitive:i.caseSensitive===!0,childrenIndex:a,route:i};c.relativePath.startsWith("/")&&(nt(c.relativePath.startsWith(s),'Absolute route path "'+c.relativePath+'" nested under path '+('"'+s+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),c.relativePath=c.relativePath.slice(s.length));let u=Pr([s,c.relativePath]),d=n.concat(c);i.children&&i.children.length>0&&(nt(i.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Lp(i.children,t,d,u)),!(i.path==null&&!i.index)&&t.push({path:u,score:tg(u,i.index),routesMeta:d})};return e.forEach((i,a)=>{var o;if(i.path===""||!((o=i.path)!=null&&o.includes("?")))l(i,a);else for(let c of Ap(i.path))l(i,a,c)}),t}function Ap(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,l=n.endsWith("?"),i=n.replace(/\?$/,"");if(s.length===0)return l?[i,""]:[i];let a=Ap(s.join("/")),o=[];return o.push(...a.map(c=>c===""?i:[i,c].join("/"))),l&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function YE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:ng(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const XE=/^:[\w-]+$/,KE=3,QE=2,ZE=1,JE=10,eg=-2,lf=e=>e==="*";function tg(e,t){let n=e.split("/"),s=n.length;return n.some(lf)&&(s+=eg),t&&(s+=QE),n.filter(l=>!lf(l)).reduce((l,i)=>l+(XE.test(i)?KE:i===""?ZE:JE),s)}function ng(e,t){return e.length===t.length&&e.slice(0,-1).every((s,l)=>s===t[l])?e[e.length-1]-t[t.length-1]:0}function rg(e,t){let{routesMeta:n}=e,s={},l="/",i=[];for(let a=0;a{let{paramName:h,isOptional:E}=d;if(h==="*"){let v=o[m]||"";a=i.slice(0,i.length-v.length).replace(/(.)\/+$/,"$1")}const N=o[m];return E&&!N?u[h]=void 0:u[h]=(N||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:a,pattern:e}}function lg(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Ou(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let s=[],l="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(a,o,c)=>(s.push({paramName:o,isOptional:c!=null}),c?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(s.push({paramName:"*"}),l+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?l+="\\/*$":e!==""&&e!=="/"&&(l+="(?:(?=\\/|$))"),[new RegExp(l,t?void 0:"i"),s]}function ig(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Ou(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function Ip(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,s=e.charAt(n);return s&&s!=="/"?null:e.slice(n)||"/"}function ag(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:l=""}=typeof e=="string"?Vr(e):e;return{pathname:n?n.startsWith("/")?n:og(n,t):t,search:mg(s),hash:hg(l)}}function og(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(l=>{l===".."?n.length>1&&n.pop():l!=="."&&n.push(l)}),n.length>1?n.join("/"):"/"}function vo(e,t,n,s){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(s)+"]. Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in and the router will parse it for you.'}function cg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function ug(e,t){let n=cg(e);return t?n.map((s,l)=>l===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function dg(e,t,n,s){s===void 0&&(s=!1);let l;typeof e=="string"?l=Vr(e):(l=kl({},e),nt(!l.pathname||!l.pathname.includes("?"),vo("?","pathname","search",l)),nt(!l.pathname||!l.pathname.includes("#"),vo("#","pathname","hash",l)),nt(!l.search||!l.search.includes("#"),vo("#","search","hash",l)));let i=e===""||l.pathname==="",a=i?"/":l.pathname,o;if(a==null)o=n;else{let m=t.length-1;if(!s&&a.startsWith("..")){let h=a.split("/");for(;h[0]==="..";)h.shift(),m-=1;l.pathname=h.join("/")}o=m>=0?t[m]:"/"}let c=ag(l,o),u=a&&a!=="/"&&a.endsWith("/"),d=(i||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Pr=e=>e.join("/").replace(/\/\/+/g,"/"),fg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),mg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,hg=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function pg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const kp=["post","put","patch","delete"];new Set(kp);const xg=["get",...kp];new Set(xg);/** + * React Router v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function _l(){return _l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{o.current=!0}),f.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let m=dg(u,JSON.parse(a),i,d.relative==="path");e==null&&t!=="/"&&(m.pathname=m.pathname==="/"?t:Pr([t,m.pathname])),(d.replace?s.replace:s.push)(m,d.state,d)},[t,s,a,i,e])}function jg(e,t){return Ng(e,t)}function Ng(e,t,n,s){ba()||nt(!1);let{navigator:l}=f.useContext(Fa),{matches:i}=f.useContext(_s),a=i[i.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=Op(),d;if(t){var m;let S=typeof t=="string"?Vr(t):t;c==="/"||(m=S.pathname)!=null&&m.startsWith(c)||nt(!1),d=S}else d=u;let h=d.pathname||"/",E=h;if(c!=="/"){let S=c.replace(/^\//,"").split("/");E="/"+h.replace(/^\//,"").split("/").slice(S.length).join("/")}let N=qE(e,{pathname:E}),v=wg(N&&N.map(S=>Object.assign({},S,{params:Object.assign({},o,S.params),pathname:Pr([c,l.encodeLocation?l.encodeLocation(S.pathname).pathname:S.pathname]),pathnameBase:S.pathnameBase==="/"?c:Pr([c,l.encodeLocation?l.encodeLocation(S.pathnameBase).pathname:S.pathnameBase])})),i,n,s);return t&&v?f.createElement(Ua.Provider,{value:{location:_l({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Zn.Pop}},v):v}function Sg(){let e=Ig(),t=pg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,l={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},i=null;return f.createElement(f.Fragment,null,f.createElement("h2",null,"Unexpected Application Error!"),f.createElement("h3",{style:{fontStyle:"italic"}},t),n?f.createElement("pre",{style:l},n):null,i)}const yg=f.createElement(Sg,null);class Cg extends f.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?f.createElement(_s.Provider,{value:this.props.routeContext},f.createElement(_p.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function Rg(e){let{routeContext:t,match:n,children:s}=e,l=f.useContext(Du);return l&&l.static&&l.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=n.route.id),f.createElement(_s.Provider,{value:t},s)}function wg(e,t,n,s){var l;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var i;if((i=n)!=null&&i.errors)e=n.matches;else return null}let a=e,o=(l=n)==null?void 0:l.errors;if(o!=null){let d=a.findIndex(m=>m.route.id&&(o==null?void 0:o[m.route.id]));d>=0||nt(!1),a=a.slice(0,Math.min(a.length,d+1))}let c=!1,u=-1;if(n&&s&&s.v7_partialHydration)for(let d=0;d=0?a=a.slice(0,u+1):a=[a[0]];break}}}return a.reduceRight((d,m,h)=>{let E,N=!1,v=null,S=null;n&&(E=o&&m.route.id?o[m.route.id]:void 0,v=m.route.errorElement||yg,c&&(u<0&&h===0?(_g("route-fallback",!1),N=!0,S=null):u===h&&(N=!0,S=m.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,h+1)),x=()=>{let j;return E?j=v:N?j=S:m.route.Component?j=f.createElement(m.route.Component,null):m.route.element?j=m.route.element:j=d,f.createElement(Rg,{match:m,routeContext:{outlet:d,matches:p,isDataRoute:n!=null},children:j})};return n&&(m.route.ErrorBoundary||m.route.errorElement||h===0)?f.createElement(Cg,{location:n.location,revalidation:n.revalidation,component:v,error:E,children:x(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):x()},null)}var Mp=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Mp||{}),ca=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ca||{});function Tg(e){let t=f.useContext(Du);return t||nt(!1),t}function Lg(e){let t=f.useContext(vg);return t||nt(!1),t}function Ag(e){let t=f.useContext(_s);return t||nt(!1),t}function Pp(e){let t=Ag(),n=t.matches[t.matches.length-1];return n.route.id||nt(!1),n.route.id}function Ig(){var e;let t=f.useContext(_p),n=Lg(ca.UseRouteError),s=Pp(ca.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function kg(){let{router:e}=Tg(Mp.UseNavigateStable),t=Pp(ca.UseNavigateStable),n=f.useRef(!1);return Dp(()=>{n.current=!0}),f.useCallback(function(l,i){i===void 0&&(i={}),n.current&&(typeof l=="number"?e.navigate(l):e.navigate(l,_l({fromRouteId:t},i)))},[e,t])}const af={};function _g(e,t,n){!t&&!af[e]&&(af[e]=!0)}function Li(e){nt(!1)}function Og(e){let{basename:t="/",children:n=null,location:s,navigationType:l=Zn.Pop,navigator:i,static:a=!1,future:o}=e;ba()&&nt(!1);let c=t.replace(/^\/*/,"/"),u=f.useMemo(()=>({basename:c,navigator:i,static:a,future:_l({v7_relativeSplatPath:!1},o)}),[c,o,i,a]);typeof s=="string"&&(s=Vr(s));let{pathname:d="/",search:m="",hash:h="",state:E=null,key:N="default"}=s,v=f.useMemo(()=>{let S=Ip(d,c);return S==null?null:{location:{pathname:S,search:m,hash:h,state:E,key:N},navigationType:l}},[c,d,m,h,E,N,l]);return v==null?null:f.createElement(Fa.Provider,{value:u},f.createElement(Ua.Provider,{children:n,value:v}))}function Dg(e){let{children:t,location:n}=e;return jg(Sc(t),n)}new Promise(()=>{});function Sc(e,t){t===void 0&&(t=[]);let n=[];return f.Children.forEach(e,(s,l)=>{if(!f.isValidElement(s))return;let i=[...t,l];if(s.type===f.Fragment){n.push.apply(n,Sc(s.props.children,i));return}s.type!==Li&&nt(!1),!s.props.index||!s.props.children||nt(!1);let a={id:s.props.id||i.join("-"),caseSensitive:s.props.caseSensitive,element:s.props.element,Component:s.props.Component,index:s.props.index,path:s.props.path,loader:s.props.loader,action:s.props.action,errorElement:s.props.errorElement,ErrorBoundary:s.props.ErrorBoundary,hasErrorBoundary:s.props.ErrorBoundary!=null||s.props.errorElement!=null,shouldRevalidate:s.props.shouldRevalidate,handle:s.props.handle,lazy:s.props.lazy};s.props.children&&(a.children=Sc(s.props.children,i)),n.push(a)}),n}/** + * React Router DOM v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */const Mg="6";try{window.__reactRouterVersion=Mg}catch{}const Pg="startTransition",of=Ox[Pg];function Fg(e){let{basename:t,children:n,future:s,window:l}=e,i=f.useRef();i.current==null&&(i.current=BE({window:l,v5Compat:!0}));let a=i.current,[o,c]=f.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=f.useCallback(m=>{u&&of?of(()=>c(m)):c(m)},[c,u]);return f.useLayoutEffect(()=>a.listen(d),[a,d]),f.createElement(Og,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var cf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(cf||(cf={}));var uf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(uf||(uf={}));const Ug="modulepreload",bg=function(e){return"/templates/"+e},df={},Hg=function(t,n,s){if(!n||n.length===0)return t();const l=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=bg(i),i in df)return;df[i]=!0;const a=i.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=l.length-1;d>=0;d--){const m=l[d];if(m.href===i&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ug,a||(u.as="script",u.crossOrigin=""),u.href=i,document.head.appendChild(u),a)return new Promise((d,m)=>{u.addEventListener("load",d),u.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t()).catch(i=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=i,window.dispatchEvent(a),!a.defaultPrevented)throw i})},Fp=f.createContext({styled:!1,setStyled:()=>{}}),$=()=>{const e=f.useContext(Fp);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},zg=({children:e,theme:t})=>{const[n,s]=f.useState(!1);return f.useEffect(()=>{if(t){const l=document.createElement("link");return l.href=t,l.rel="stylesheet",l.type="text/css",document.head.appendChild(l),()=>{document.head.removeChild(l)}}else t||Hg(()=>Promise.resolve({}),["assets/trilogy-142b1c5a.css"])},[t]),r.jsx(Fp.Provider,{value:{styled:n,setStyled:s},children:e})};function Up(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Wg.HASH}`).join(" "):t,Mu=f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=$(),a=T(i,g("accordions",n));return r.jsx("section",{ref:t,className:a,...l,"data-testid":s})});var bp={exports:{}},Ai=1;function Bg(){return Ai=(Ai*9301+49297)%233280,Ai/233280}function Vg(e){Ai=e}var Gg={nextValue:Bg,seed:Vg},yc=Gg,wr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Jn,ff,Zs;function Cc(){Zs=!1}function Hp(e){if(!e){Jn!==wr&&(Jn=wr,Cc());return}if(e!==Jn){if(e.length!==wr.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,l){return s!==l.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. These characters were not unique: "+t.join(", "));Jn=e,Cc()}}function qg(e){return Hp(e),Jn}function Yg(e){yc.seed(e),ff!==e&&(Cc(),ff=e)}function Xg(){Jn||Hp(wr);for(var e=Jn.split(""),t=[],n=yc.nextValue(),s;e.length>0;)n=yc.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function zp(){return Zs||(Zs=Xg(),Zs)}function Kg(e){var t=zp();return t[e]}function Qg(){return Jn||wr}var Pu={get:Qg,characters:qg,seed:Yg,lookup:Kg,shuffled:zp},Eo=typeof window=="object"&&(window.crypto||window.msCrypto),Rc;!Eo||!Eo.getRandomValues?Rc=function(e){for(var t=[],n=0;n0&&(t=t+ii(ai)),t=t+ii(n),t}var oj=aj,cj=Pu;function uj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+cj.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var dj=uj;(function(e){var t=Pu,n=oj,s=dj,l=0;function i(u){return t.seed(u),e.exports}function a(u){return l=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(l)}e.exports=c,e.exports.generate=c,e.exports.seed=i,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(bp);var fj=bp.exports,mj=fj;const qt=Uc(mj);var $p=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))($p||{});const{Browser:Ii,Server:Wp,Native:Bp}=$p,hj=!!(typeof window<"u"&&window.document&&window.document.createElement),pj=typeof navigator<"u"&&navigator.product=="ReactNative",Yr=pj?Bp:hj?Ii:Wp,hf={isBrowser:Yr===Ii,isServer:Yr===Wp,isNative:Yr===Bp,device:Yr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Yr===Ii&&!!window.addEventListener,canUseViewport:Yr===Ii&&!!window.screen},xj=(...e)=>Object.assign({},...e),vj=e=>Object.values(e),Ej=()=>xj((vj(hf),hf));Ej();const er=({active:e,className:t,children:n,id:s=qt.generate(),onClick:l,disabled:i,onClose:a,onOpen:o,...c})=>{const u=f.useRef(null),{styled:d}=$(),[m,h]=f.useState(e||!1),[E,N]=f.useState(),[v,S]=f.useState();f.useEffect(()=>{var fe;const y=u.current;if(!y)return;const{floor:R,abs:L}=Math,w=(fe=y==null?void 0:y.children[1])==null?void 0:fe.firstChild,k=R(L(y.clientHeight+(w==null?void 0:w.clientHeight))).toString(),U=R(L(y.clientHeight)).toString(),F=R(L(y.clientHeight+1)).toString(),se=R(L(y.children[0].clientHeight)).toString();N(m?U:k),S(m?se:F)},[m]),f.useEffect(()=>{h(e||!1)},[e]);const p=T(d,g("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((y,R)=>O.cloneElement(y,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:i})):n);const j={};return i&&(j.tabIndex=-1,j["aria-disabled"]=!0),r.jsx("details",{open:m,...j,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":E,onClick:y=>{o&&!m&&o(y),a&&m&&a(y),l&&l(y)},children:x})},tr=({children:e,className:t,testId:n,...s})=>{const{styled:l}=$();return r.jsx("summary",{"data-accordion-header":!0,className:T(l,g("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},nr=({children:e,className:t,dataId:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:T(i,g("accordion-body is-clipped",t)),...l,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:T(i,g("accordion-content")),children:e})})},gj={icons:{},colors:{},fontFamily:{}},jj={theme:gj,setTheme:()=>{}},Nj=O.createContext(jj);var ce=(e=>(e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL",e))(ce||{});const ki={WHITE:["#fff","#E9E9E9","white","main"],MAIN:["#3d5d7e","#eff2f8","main","white"],ACCENT:["#da641b","#bb5118","accent","white"],FONT:["#3d5d7e","#BBC6CD","main","white"],SUCCESS:["#007B52","#cae8ca","success","white"],INFO:["#1A688A","#c8dbec","info","white"],WARNING:["#FFBB33","#ecdbc6","warning","white"],ERROR:["#D42D02","#eecccc","error","white"],DISABLED:["#646464","#D1D1D1","disabled","white"],NEUTRAL:["#707070","#F4F4F4","grey","white"]},jt=e=>ki[e][2],Sj=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},rr=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(Nj),s=(n==null?void 0:n.colors)||ki,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${jt(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${jt(e.replace("FADE-",""))}-fade`:`background-${jt(e)}`,yj=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var D=(e=>(e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa",e))(D||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ol=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ol||{}),ws=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL",e))(ws||{}),bt=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(bt||{}),wc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(wc||{}),Tc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Tc||{});function Cj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Vp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const C=Vp("is"),Z=Vp("has"),pf=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=$(),o=T(a,g("icon",l&&C(`${l}`),C("ancestor"),Z("status"),e)),c=T(a,g("icon is-circled is-descendant",n&&C(`${n.toLowerCase()}`),s&&C(`${s}`))),u=T(a,g(n===Ol.SUCCESS?D.CHECK_CIRCLE:D.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":i,children:[r.jsx("span",{className:T(a,g(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},xf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=$(),c=i&&Z(Bt(i))||Cj(n||"",Ol.INFO)||Z(Bt(ce.MAIN)),u=T(o,g("icon",Z(l?yj(l):"text-white"),C(l||ce.BACKGROUND),[C(`${s}`)],C("circled"),c,e)),d=T(o,g(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},vf=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=$(),h=i&&(E=>{if(E in wc||Object.values(wc).includes(E))return!0})(i)?i:"span";return l?r.jsxs("span",{className:T(d,g("icon-and-text",(l===bt.UP||l===bt.DOWN)&&C("stacked"),e)),children:[(l===bt.RIGHT||l===bt.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx(z,{name:n,className:e,...u}),(l===bt.UP||l===bt.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:T(d,g("icon-and-text",e)),children:[r.jsx(z,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var Ce=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(Ce||{});const In=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},z=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=$(),w=T(L,g("icon",h&&C("stretched"),n&&C(n),u&&C("stacked"),E&&C(`${jt(E)}`),p&&C("loading"),d&&C("stacked"),y&&C("marginless"),e));e=g(a&&x&&C(`${In(x)}`),e);const k=T(L,g(S&&In(S)==="aligned-start"&&Z("text-left")||In(S)==="aligned-center"&&Z("text-centered")||In(S)==="aligned-end"&&Z("text-right")));return i||i&&l?S?r.jsx("div",{className:k,children:r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})}):r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?r.jsx("div",{className:k,children:r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})}):r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?r.jsx("div",{className:k,children:r.jsx(vf,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})}):r.jsx(vf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?r.jsxs("div",{className:k,children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):h?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):E?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":j,onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})};var ua=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(ua||{});const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},Rj=e=>{switch(e){case"SUCCESS":return D.CHECK_CIRCLE;case"INFO":return D.INFOS_CIRCLE;case"WARNING":return D.ALERT;case"ERROR":return D.EXCLAMATION_CIRCLE;default:return D.INFOS_CIRCLE}};var Rr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Rr||{}),Gp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(Gp||{});const wj=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}},Tj=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Lc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Lc||{}),qp=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))(qp||{});const Lj=e=>{if(!e)return"";switch(e){case"MAIN":return"main";case"ACCENT":return"accent";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"TERTIARY":return"tertiary";case"GHOST":return"ghost";case"INFO":return"info";default:return""}};var fr=(e=>(e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right",e))(fr||{}),kr=(e=>(e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold",e))(kr||{}),Zt=(e=>(e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Zt||{}),_e=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(_e||{}),lt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(lt||{});const A=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=$(),j=T(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case _e.ONE:return C("level-1");case _e.TWO:return C("level-2");case _e.THREE:return C("level-3");case _e.FOUR:return C("level-4");default:return C(`level-${e}`)}})(),c&&C("inverted"),o,C(u?"loading":"loaded"),E&&C("marginless"),v&&C("text-ellipsis"),s)),R=t&&(L=>{if(L in lt||Object.values(lt).includes(L))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===lt.A&&{href:l},...S,children:n})};var M=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(M||{}),Ac=(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e))(Ac||{});const Aj=e=>{if(e)switch(e){case M.ONE:return C("level-1");case M.TWO:return C("level-2");case M.THREE:return C("level-3");case M.FOUR:return C("level-4");case M.FIVE:return C("level-5");case M.SIX:return C("level-6");default:return C(`level-${e}`)}},Ij=e=>e in Ac||Object.values(Ac).includes(e),_=({level:e=M.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=$(),x=T(p,g("title",e&&Aj(e),l,C(v?"loading":"loaded"),a&&C("inverted"),h&&C("marginless"),s)),j=T(p,g("subtitle",l,s)),y=T(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&Ij(t)?t:"div",L=()=>d?j:m?y:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N,children:n})},Ef=()=>0;O.createContext({show:Ef,hide:Ef});const Yp=({status:e,className:t,iconName:n,title:s,description:l,onClick:i,display:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("alert",Z("body"),e&&C(Ha(e)),t)),m=f.useMemo(()=>n??(e?Rj(e)??D.INFOS_CIRCLE:D.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:h=>{i==null||i(h),h.stopPropagation()},className:d,...c,children:[r.jsx(z,{name:m}),r.jsxs("div",{className:T(u,g("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:M.SIX,children:s}):s,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},pn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var da=(e=>(e.LEFT="left",e.RIGHT="right",e))(da||{}),Xp=(e=>(e.MAIN="MAIN",e))(Xp||{});const zs=({children:e,className:t,textContent:n,content:s,direction:l,onClick:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},className:u,...o,children:[(!l||l===da.LEFT)&&r.jsx(A,{markup:lt.P,children:n}),r.jsx("span",{className:T(c,g("badge is-level")),children:s||e}),l===da.RIGHT&&r.jsx(A,{markup:lt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},children:r.jsx(A,{className:g(n?"badge-and-text":"badge",t),markup:lt.SPAN,...o,children:s||e})})};var Fu=(e=>(e.DIV="div",e.A="a",e))(Fu||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:l,skeleton:i,to:a,backgroundColor:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:m,flat:h,hat:E,fullheight:N,active:v,...S})=>{const{styled:p}=$(),[x,j]=f.useState(i||!1),y=T(p,g("box",u&&C("shadowless"),n,o&&Z(Bt(o)),d&&Z("background"),e&&C("inverted")||C("base"),C(x?"loading":"loaded"),c&&`${C("highlighted")} ${C(jt(c))}`,h&&C("flat"),E&&Z("hat"),N&&C("fullheight"),v&&C("active")));if(f.useEffect(()=>{j(i||!1)},[i]),l===Fu.A||a)return r.jsx("a",{"data-testid":m,href:a,onClick:L=>{s==null||s(L)},className:y,...S,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":m,onClick:L=>{s==null||s(L)},className:y,...S,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$(),a=T(i,g("box-content",n&&Z(Bt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...l,children:e})},Xr=({className:e,children:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-testid":s,className:T(i,g("box-footer",n&&Z(Bt(n)),e)),...l,children:t})},Rn=({children:e,className:t,help:n,centered:s,pulledLeft:l,pulledRight:i,variant:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("box-header",t,s&&"has-text-centered",i&&"has-text-right",l&&"has-text-left",a&&Z(Bt(a))));return r.jsxs("header",{"data-testid":o,className:d,...c,children:[e&&typeof e.valueOf()=="string"?r.jsx("p",{children:e}):e,n&&r.jsx(A,{testId:o&&`${o}-help`,className:"box-header-help sticker is-small is-success",children:String(e)})]})},oi=e=>8*e;var kj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=oi(2)]="SMALL",e[e.MEDIUM=oi(4)]="MEDIUM",e[e.LARGE=oi(8)]="LARGE",e[e.HUGE=oi(12)]="HUGE",e))(kj||{});const ci=f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=$();return r.jsx("nav",{ref:t,role:"navigation","data-testid":l,className:T(o,g("breadcrumb",s)),"aria-label":i,...a,children:r.jsx("ul",{children:n})})}),at=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=$(),S=g(m&&Z("icon"),o,h&&C("inverted"),t);if(d&&s){const x=d||"a",j=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:T(v,g(S)),to:s||"",...E&&{target:"_blank"},...N,children:i||e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(j,{})}):r.jsx(j,{})}const p=()=>r.jsx(A,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:lt.A,className:S,href:l,...E&&{target:"_blank"},...N,children:m?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx(z,{name:m,size:K.SMALL})]}):e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:l,routerLink:i,testId:a,onClick:o,...c})=>{const{styled:u}=$(),d=T(u,g(t&&C("active"),n));if(i&&l){const m=i||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(m,{className:T(u,g("link")),to:l,...c,children:e})})}return r.jsx("li",{className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(at,{href:t?void 0:s,...c,children:e})})};var Ts=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e))(Ts||{}),Te=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(Te||{});const te=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=$(),j=w=>{if(w in Ts||Object.values(Ts).includes(w))return!0},R=T(x,((w,k,U,F)=>g("button",C(w?"loading":"loaded"),k&&C(Sj(k)),U&&C("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return r.jsxs("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]});if(L==="input")return r.jsx("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return r.jsxs(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})},Js=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Uu=(e=>(e.DIV="div",e.A="a",e))(Uu||{});f.createContext({horizontal:!1});const Ze=O.forwardRef((e,t)=>{const{className:n,backgroundColor:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=$();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=T(L,g("card",s&&Z(Bt(s)),l&&Z("background"),i&&C("inverted")||C("base"),a&&!c&&C("flat"),o&&[C("horizontal"),C("vcentered")],c&&!a&&C("floating"),u&&C(In(u)),d&&C(d),C(y?"loading":"loaded"),E&&C("reversed"),n,p&&C("fullheight"),x&&C("active")));return v===Uu.A?r.jsx("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):r.jsx("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})}),Ut=({src:e,alt:t,className:n,size:s,onClick:l,...i})=>{const{styled:a}=$(),o=T(a,g("card-image",s&&C(`${s}`),n));return r.jsx("div",{onClick:c=>{l==null||l(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:T(a,g("image")),...i,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},Je=({children:e,className:t,titleSup:n,titleSupLevel:s,title:l,titleLevel:i,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:m,onClick:h,testId:E,...N})=>{const{styled:v}=$();return e?r.jsx("div",{"data-testid":E,className:T(v,g("card-content",t)),...N,children:e}):r.jsxs("div",{"data-testid":E,onClick:S=>{h==null||h(S),S.stopPropagation()},className:T(v,g("card-content",t)),...N,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),l&&r.jsx(_,{testId:E?`${E}-title`:void 0,level:i||M.THREE,children:l}),d&&r.jsx(A,{level:m,children:d}),a&&r.jsx(te,{testId:E?`${E}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},En=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=$(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:T(S,g(d?"checkbox-tile":"checkbox",E&&C("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),r.jsxs("label",{htmlFor:l,className:T(S,g("checkbox-label")),children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]})]})]})},Un=({className:e,onClick:t,children:n,active:s,disabled:l,id:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("chips",s&&C("active"),e));return r.jsx("button",{disabled:l,"aria-disabled":l,"data-testid":a,id:i,"aria-pressed":!!s,className:u,onClick:d=>{t==null||t(d)},...o,children:n})},gf=f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=$(),a=T(i,g("chips-list",s&&C("multiple")));return r.jsx("div",{ref:t,role:"group",className:a,...l,children:n})}),Ye=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=$(),h=T(m,g("columns",s&&C("multiline"),l&&C("inlined"),i&&C("mobile"),a&&C("centered"),o&&C("vcentered"),!u&&c&&C("gapless"),!c&&u&&[C("variable"),C(`${u}`)],n));return r.jsx("div",{ref:t,className:h,...d})}),q=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=$(),w=T(L,g("column",s&&C(`${s}`),l&&C(`${l}-mobile`),i&&C(`${i}-tablet`),a&&C(`${a}-tablet`),o&&C(`${o}-desktop`),c&&C(`${c}-widescreen`),u&&C(`${u}-fullhd`),d&&C(`offset-${d}`),m&&C(`offset-${m}-mobile`),h&&C(`offset-${h}-tablet`),E&&C(`offset-${E}-tablet`),N&&C(`offset-${N}-desktop`),v&&C(`offset-${v}-widescreen`),S&&C(`offset-${S}-fullhd`),p&&C("narrow"),x&&C("vcentered"),j&&Z("text-centered"),y&&C(In(y)),n));return r.jsx("div",{ref:t,className:w,...R})}),De=({className:e,fluid:t,centered:n,verticalCentered:s,medium:l,fullwidth:i,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,backgroundColor:u,backgroundSrc:d,inverted:m,pulledRight:h,pulledLeft:E,...N})=>{const{styled:v}=$(),S=()=>{switch(a){case Lc.TOP:return C("sticky-top");case Lc.BOTTOM:return C("sticky-bottom");default:return""}},p=T(v,g("container",t&&C("fluid"),l&&C("medium"),n&&C("centered"),i&&C("fullwidth"),s&&C("vcentered"),h&&C("pulled-right"),E&&C("pulled-left"),a&&S(),u&&Z(Bt(u)),d&&Z("background"),m&&C("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...N,style:x})};var ul=(e=>(e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm",e))(ul||{}),Mt=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Mt||{});const _j=e=>{const t=Math.floor(e/1e3%60),n=Math.floor(e/1e3/60%60),s=Math.floor(e/(1e3*60*60)%24);return{days:Math.floor(e/(1e3*60*60*24)),hours:s,minutes:n,seconds:t}},jf=({deadline:e,className:t,format:n,event:s,small:l,inverted:i,...a})=>{const{styled:o}=$(),[c]=f.useState(e),u=e.getTime()-new Date().getTime(),d=_j(u),[m,h]=f.useState(d),[E,N]=f.useState(!1),v=[m.days!=0,m.hours!=0,m.minutes!=0,m.seconds!=0],S=n==null?void 0:n.split("-"),p=T(o,g("countdown",i&&C("inverted"),l&&C("small"),t));return S?S.forEach(x=>{switch(x){case"dd":v[Mt.DAY]=!0;break;case"hh":v[Mt.HOUR]=!0;break;case"mm":v[Mt.MIN]=!0;break;case"ss":v[Mt.SEC]=!0;break}}):(v[Mt.DAY]=!0,v[Mt.HOUR]=!0,v[Mt.MIN]=!0,v[Mt.SEC]=!0),f.useEffect(()=>{setInterval(()=>{const x=c.getTime()-new Date().getTime();if(x>0)switch(n){case ul.DAY:h({days:Math.ceil(x/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case ul.DAY_HOUR:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.ceil(x/(1e3*60*60)%24),minutes:0,seconds:0});break;case ul.DAY_HOUR_MIN:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.ceil(x/1e3/60%60),seconds:0});break;default:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.floor(x/1e3/60%60),seconds:Math.floor(x/1e3%60)});break}N(!0)},1e3)},[c,n]),f.useEffect(()=>{m.days+m.hours+m.minutes+m.seconds===0&&s&&E&&(s(null),N(!1))},[m,s,E]),r.jsxs("ul",{className:p,...a,children:[(v[Mt.DAY]||m.days!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.days?m.days:0}),"j"]}),(v[Mt.HOUR]||m.hours!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.hours?m.hours:0}),"h"]}),(v[Mt.MIN]||m.minutes!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.minutes?m.minutes:0}),"m"]}),(v[Mt.SEC]||m.seconds!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.seconds?m.seconds:0}),"s"]})]})},V=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=$(),d=T(u,g("divider",t&&C("unboxed"),s&&C("marginless"),e,i&&Z(`background-${jt(i)}`),l&&"has-icon")),m=T(u,g("divider-content",o&&Z(`text-${jt(o)}`),a&&Z(`background-${jt(a)}`)));return n&&l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:r.jsx(z,{name:l,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Oj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:l,className:i,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:m,disabled:h,...E})=>{const{styled:N}=$(),[v,S]=f.useState(t||!1);f.useEffect(()=>{S(t||!1)},[v]);const p=o||c||u||d?{position:a?"fixed":"absolute",top:o??"auto",bottom:c??"auto",left:u??"auto",right:d??"auto"}:{position:"relative"},x=T(N,g("fab",t&&C("extended"),i));return r.jsxs("button",{disabled:h,"data-testid":m,"aria-label":s,onClick:j=>{l==null||l(j),j.stopPropagation()},style:{...p},...E,className:x,children:[r.jsx(z,{name:n}),e]})},_i=({children:e,backgroundColor:t,backgroundSrc:n,inverted:s,className:l,align:i,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=$(),m=T(d,g("hero",t&&Z(Bt(t)),n&&Z("background"),s&&C("inverted")||C("base"),i&&C(In(i)),a&&C(a),c&&C("overlapped"),l));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:m,...u,children:r.jsx("div",{className:T(d,g("hero-body")),children:e})})},go=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("image",n)),d={image:{width:l,height:i}};return r.jsx("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:T(c,g(s?C("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var we=(e=>(e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email",e))(we||{}),Et=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(Et||{}),Kp=(e=>(e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new",e))(Kp||{});const jo=e=>typeof e=="string"?e:e.label,Dj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Mj=(e,t)=>{const n=Dj(t),s=new RegExp(`^${n}`,"i");return e.filter(l=>s.test(typeof l=="string"?l:l.label))},Pj=({children:e,suggestionSelected:t,testId:n,item:s,active:l})=>{const{styled:i}=$(),[a,o]=f.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:T(i,g("autocomplete-item",l&&C("active"),a&&C("active"))),onClick:()=>t?t(s):"",children:e})},Fj=({children:e,className:t,absolute:n,fullwidth:s,testId:l})=>{const{styled:i}=$();return r.jsx("div",{role:"list","data-testid":l,className:T(i,g("autocomplete-menu",n&&C("absolute"),s&&C("fullwidth"),t)),children:e})},Uj=(e,t)=>{let n;return async(...s)=>{const i=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(i,t)}},bj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:l,placeholder:i,data:a,status:o,onBlur:c,testId:u,onChange:d,name:m,matching:h=Mj,displayMenu:E=!0,onItemSelected:N,customIcon:v,reference:S,disabled:p,children:x,accessibilityLabel:j,onIconClick:y,getSuggestions:R,debounceSuggestionsTimeout:L,onFocus:w,loading:k,...U})=>{const{styled:F}=$(),{Input:se}=U,[fe,Ae]=f.useState(null),[re,Y]=f.useState(t??""),[ae,me]=f.useState(0),[H,G]=f.useState(E||!1),[W,X]=f.useState([]),ge=T(F,g(C("autocomplete"),C("active")));f.useEffect(()=>{Y(t||"")},[t]),f.useEffect(()=>{me(0),a!=null&&a.length&&h&&X(h(a,re)),fe&&jo(fe)!==re&&Ae(null)},[re]),f.useEffect(()=>{X(h(a,re))},[a]);const Ot=async pe=>{if(G(!0),d&&d({inputName:m||"",inputValue:pe.inputValue,inputSelectionStart:null}),pe.inputValue.startsWith("/")&&pe.inputValue.endsWith("/"))try{const Fe=pe.inputValue.substring(1,pe.inputValue.lastIndexOf("/"));Y(new RegExp(Fe,"i").source)}catch{Y(pe.inputValue)}else Y(pe.inputValue);if(R){const Fe=await R(pe.inputValue);X(Fe)}else h&&a&&X(h(a,pe.inputValue))},Ct=L?Uj(Ot,L):Ot,xn=(pe,Fe,Yt)=>{G(!1),Y(jo(pe)),Ae(pe),(Fe||Yt)&&N&&N({value:pe,index:pe?(Fe.length?Fe:Yt).indexOf(pe):-1})},ee=pe=>{switch(pe.inputKeyCode){case 38:if(ae===0)return;me(ae-1);break;case 40:if(ae===W.length-1)return;me(ae+1);break;case 13:W[ae]!=null&&xn(W[ae],a,W);break}},Pe=pe=>{G(!0),w&&w(pe)};return r.jsxs("div",{className:T(F,g("control")),children:[r.jsx(se,{defaultValue:e,accessibilityLabel:j,...v?{customIcon:v}:{},reference:S,placeholder:i,...m?{name:m}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Kp.OFF,disabled:p,onBlur:pe=>{setTimeout(()=>G(!1),250),c&&c(pe)},onFocus:Pe,onKeyUp:ee,value:re,onChange:pe=>{Ct(pe)},onIconClick:y,loading:k}),H&&r.jsx("div",{className:ge,children:W.length>0&&r.jsx(Fj,{testId:u,absolute:s,fullwidth:l,className:n,children:W.map((pe,Fe)=>r.jsx(Pj,{active:ae===Fe,testId:u,item:pe,suggestionSelected:Yt=>xn(Yt,a,W),children:x?x(pe):jo(pe)},Fe))})}),r.jsx("div",{})]})},Hj=({validationRules:e,inputValue:t})=>{var j,y;const[n,s]=O.useState(0),l={isVerify:!1,color:ws.NEUTRAL},[i,a]=O.useState(l),[o,c]=O.useState(l),[u,d]=O.useState(l),[m,h]=O.useState(l),[E,N]=O.useState(l),v=O.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),S=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?"50%":R<=99&&R>50?"75%":R===100?"100%":"0%"},[n,v]),p=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?rr(ce.ERROR):R<=99&&R>50?rr(ce.WARNING):rr(R===100?ce.SUCCESS:ce.FADE_NEUTRAL)},[n,v]),x=f.useMemo(()=>{var R,L,w,k,U,F,se,fe,Ae,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((L=e==null?void 0:e.length)==null?void 0:L.max)!==void 0):return`Entre ${(w=e==null?void 0:e.length)==null?void 0:w.min} et ${(k=e==null?void 0:e.length)==null?void 0:k.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((F=e==null?void 0:e.length)!=null&&F.max)):return`Minimum ${(se=e==null?void 0:e.length)==null?void 0:se.min} caractères`;case(((fe=e==null?void 0:e.length)==null?void 0:fe.max)&&!((Ae=e==null?void 0:e.length)!=null&&Ae.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(j=e==null?void 0:e.length)==null?void 0:j.min,(y=e==null?void 0:e.length)==null?void 0:y.max]);return f.useEffect(()=>{var U,F;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,L=((F=e==null?void 0:e.length)==null?void 0:F.max)||"",w=new RegExp(`^.{${R},${L}}$`),k=[];e!=null&&e.specialChars&&k.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&k.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&k.push({test:/[A-Z]/.test(t),setState:h}),e!=null&&e.lowercase&&k.push({test:/[a-z]/.test(t),setState:N}),e!=null&&e.length&&k.push({test:w.test(t),setState:a}),k.forEach(({test:se,setState:fe})=>fe(se?{isVerify:!0,color:ws.SUCCESS}:l)),s(k.filter(se=>se.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:S,isLengthVerify:i,isLowerercaseVerify:E,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:m}},zj=({validationRules:e,styled:t,inputValue:n})=>{var m,h;const{widthGauge:s,colorGauge:l,LengthvalidationRulesText:i,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=Hj({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:T(t,g("security-gauge-container")),children:[r.jsx("div",{className:T(t,g("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:l},className:T(t,g("gauge"))})}),r.jsxs("div",{className:T(t,g("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:i,classes:"security-length","data-length-min":(m=e==null?void 0:e.length)==null?void 0:m.min,"data-length-max":(h=e==null?void 0:e.length)==null?void 0:h.max,color:a.color,iconName:a.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.specialChars),dataAttribute:{"data-security-special-chars":!0},classes:"security-special-chars",type:"Caractères spéciaux",color:u.color,iconName:u.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]})]})]})},$s=({dataAttribute:e,type:t,display:n,color:s,iconName:l,classes:i,styled:a})=>n?r.jsxs("div",{...e,className:T(a,g("security",i)),children:[r.jsx(z,{color:s,name:l,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,xe=({forceControl:e,label:t,sample:n,className:s,disabled:l,onChange:i,onKeyPress:a,onKeyUp:o,onIconClick:c,onClick:u,onFocus:d,onBlur:m,patternValidator:h,onMouseEnter:E,onMouseLeave:N,name:v,placeholder:S,type:p="text",defaultValue:x,value:j,loading:y,focused:R,hasIcon:L,customIcon:w,status:k,help:U,iconClassname:F,reference:se,onStatusChange:fe,customValidator:Ae,onSubmit:re,minLength:Y,maxLength:ae,testId:me,accessibilityLabel:H,autoCompleteType:G,customIconLeft:W,customIconRight:X,securityGauge:ge,validationRules:Ot,required:Ct,...xn})=>{const{styled:ee}=$(),Pe=S!==void 0&&S.length>0,pe=new Map;pe.set(Et.SUCCESS,D.CHECK_CIRCLE),pe.set(Et.WARNING,D.EXCLAMATION_CIRCLE),pe.set(Et.ERROR,D.EXCLAMATION_CIRCLE);const[Fe,Yt]=f.useState(x??""),[Er,Wa]=f.useState(R??!1),[bu,ox]=f.useState(!1),[Hu,cx]=f.useState(!1),[rn,zu]=f.useState(k||Et.DEFAULT),[Gr,$u]=f.useState(p),[ux,Wu]=f.useState(!1),dx=g("help",rn&&C(rn)),fx=T(ee,g("input",rn&&C(rn))),mx=T(ee,g("field",s,p==="password"&&ge&&"has-gauge")),hx=T(ee,g("control",Pe&&p!==we.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:L??(w||X||p==="password"),"has-icons-left":W||p===we.SEARCH})),Bu=f.useCallback(je=>{const Dt=je.target;return{inputName:Dt.name,inputValue:Dt.value,inputKeyCode:je.keyCode,inputTarget:Dt,preventDefault:()=>je.preventDefault()}},[]),gr=f.useCallback(({className:je,name:Dt,color:$l,closeIconSearch:px,onPress:Gu})=>r.jsxs("div",{...p==="password"&&{"data-show-pwd":!0},onClick:xx=>{Gu&&Gu(),c&&c({inputName:Dt??"",inputValue:Fe,inputTarget:xx.target})},children:[r.jsx(z,{className:je,name:Dt,size:K.SMALL,color:$l}),Fe&&Fe.length>0&&px&&r.jsx(z,{onClick:()=>Yt(""),className:T(ee,g(C("justified-self"))),name:D.TIMES_CIRCLE,size:K.SMALL})]}),[Fe,ee]),Vu=!Ae&&h?je=>h.test(je)?Et.SUCCESS:Et.ERROR:Ae;return f.useEffect(()=>{Yt(j??x??"")},[j,x]),f.useEffect(()=>{Wa(R??!1)},[R]),f.useEffect(()=>{Er?ox(!0):bu&&cx(!0)},[Er,bu]),f.useEffect(()=>{!Vu||!Hu||zu(Vu(Fe))},[Er,Hu]),f.useEffect(()=>{zu(k||Et.DEFAULT)},[k]),f.useEffect(()=>{fe&&fe(rn)},[rn]),r.jsxs("div",{className:mx,"data-has-gauge":ge?!0:void 0,children:[!Pe&&r.jsxs("label",{className:"input-label",children:[t," ",t&&Ct&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!Pe&&t&&n&&r.jsx(A,{className:"input-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:n}),r.jsxs("div",{className:hx,children:[r.jsx("input",{required:Ct,role:"textbox",...xn,"data-testid":me,"aria-label":H,type:Gr,className:fx,value:Fe,defaultValue:x,name:v,onSubmit:re,ref:se,disabled:l,minLength:Y,maxLength:ae,autoComplete:G,onKeyUp:je=>o&&o(Bu(je)),onKeyPress:je=>a&&a(Bu(je)),onMouseEnter:je=>E==null?void 0:E(je),onMouseLeave:je=>N==null?void 0:N(je),placeholder:S,onClick:je=>{const Dt=je.target;u&&u({inputName:Dt.name,inputValue:Dt.value,inputTarget:Dt})},onChange:je=>{if(Gr!==we.DATE&&Gr!==we.DATETIME_LOCAL&&Gr!==we.NUMBER&&Gr!==we.EMAIL){const Dt=je.target.selectionStart,$l=je.target;window.requestAnimationFrame(()=>{$l.selectionStart=Dt,$l.selectionEnd=Dt})}e||Yt(je.target.value),i&&i({inputName:je.target.name,inputValue:je.target.value,inputSelectionStart:je.target.selectionStart,inputTarget:je.target})},onFocus:je=>{d==null||d(je),Wa(!0)},onBlur:je=>{m==null||m(je),Wa(!1)}}),Pe&&p!==we.SEARCH&&r.jsx("label",{children:S}),L&&rn&&!w&&!y&&!W&&!X&&r.jsx(gr,{className:F,name:pe.get(rn)}),w&&!rn&&!y&&r.jsx(gr,{className:F,name:w}),W&&!y&&r.jsx(gr,{className:g(W&&"icon-left",F),name:W}),X&&!y&&p!=="password"&&r.jsx(gr,{className:g(X&&"icon-right",F),name:X}),!y&&p==="password"&&r.jsx(gr,{className:g("icon-right",F),name:ux?"tri-eye-slash":"tri-eye",onPress:()=>{Gr==="password"?($u("text"),Wu(!0)):($u("password"),Wu(!1))}}),w&&rn&&!y&&r.jsx(gr,{className:F,name:w}),p===we.SEARCH&&!w&&rn==="default"&&!y&&r.jsx(gr,{color:ws.MAIN,className:F,name:D.SEARCH,closeIconSearch:!0}),y&&r.jsx("span",{className:T(ee,g(C("searching")))})]}),U&&r.jsx(A,{className:dx,children:U}),ge&&p==="password"&&r.jsx(zj,{validationRules:Ot,styled:ee,inputValue:Fe})]})};xe.AutoComplete=e=>{const t={...e,Input:xe};return r.jsx(bj,{...t})};const ui=f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=$(),c=T(o,g(s?"icon-list":"list",n));return r.jsx("ul",{ref:t,"data-testid":i,className:c,...a,children:l})}),Rt=({className:e,children:t,customIcon:n,status:s,title:l,description:i,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=$(),m=g(C(jt(s?ce[s]:ce.BACKGROUND)),e);return r.jsxs("li",{className:T(d,g(m,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:T(d,g("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:r.jsx(z,{className:m,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(l||i)&&r.jsxs(r.Fragment,{children:[l&&r.jsx("b",{children:l}),t||i&&r.jsx("p",{children:t||i})]}),!l&&!i&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:T(d,g("list-item_action")),children:o}),c&&r.jsx(V,{})]})};qt.generate();qt.generate();qt.generate();const $j=(e,t)=>e?e.split("").map(n=>n===""?null:Number(n)):new Array(t).fill(null),Nf=e=>e.map(t=>t===null?"_":t).join(""),Wj=e=>e.every(t=>t!==null),Sf=(e,t)=>{const n=e.nextElementSibling;n?(t&&(n.value=t),e.value.length&&n.focus()):e.focus()},yf=e=>{const t=e.previousElementSibling;t?t.focus():e.focus()},Qp=(e,t,n)=>{const s=Number(e);if(isNaN(s)||e.length<1)return n;const l=n.map((i,a)=>a===t?Number(e.slice(0,1)):i);return Qp(e.slice(1),t+1,l)},Bj=e=>{const{key:t}=e,n=e.target;if(t==="ArrowRight"||t==="ArrowDown")return Sf(n);if(t==="ArrowLeft"||t==="ArrowUp")return yf(n);if(t==="Backspace")return n.value===""&&yf(n);t>="0"&&t<="9"&&Sf(n)},di=({className:e,code:t,codeSize:n=6,disabled:s,error:l,onCompleted:i,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...m})=>{const[h,E]=f.useState($j(t,n)||new Array(n).fill(null)),N=f.useRef(!1),{styled:v}=$(),S=T(v,g("otp-list",l&&C("error"),e));f.useEffect(()=>{s||Wj(h)&&(i==null||i(Nf(h)))},[n,h,i,s]),f.useEffect(()=>{N.current=h.find(j=>j!==null)!==void 0,N.current&&(a==null||a(Nf(h)))},[h]);const p=(j,y)=>{const{target:R}=j,L=R.value.trim();L.length>0?E(Qp(L,y,h)):E(h.map((w,k)=>k===y?null:w))},x=j=>{const{target:y}=j;y.setSelectionRange(0,y.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:lt.P,typo:s&&Zt.TEXT_NEUTRAL||l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:S,onClick:()=>{s||o==null||o(!0)},children:h.map((j,y)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:y===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:`${j??""}`,onKeyUp:Bj,onFocus:x,onChange:R=>p(R,y),disabled:s,...m},y))}),u&&r.jsx(A,{className:T(v,g("otp-error-message")),markup:lt.P,typo:l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:u})]})},No=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:l,testId:i,href:a,...o})=>{const[c,u]=f.useState(n),{styled:d}=$(),m=T(d,g("pagination",C("centered"),e)),h=f.useRef(c),E=O.useMemo(()=>{const v=Math.ceil(t/s);let S=1,p=5;v<=5?(S=1,p=v):c<=3?(S=1,p=5):c+3>=v?(S=v-4,p=v):(S=c-2,p=c+2);const x=[...Array(p+1-S).keys()].map(j=>S+j);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);f.useEffect(()=>{l&&h.current!==E.currentPage&&l(E),u(E.currentPage),h.current=E.currentPage},[E.currentPage]);const N=t/s;return r.jsxs("nav",{"data-testid":i,className:m,...o,children:[r.jsx("a",{className:T(d,g("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx(z,{name:D.ARROW_LEFT})}),r.jsxs("ul",{className:T(d,g("pagination-list")),children:[!E.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})}),E.pages.map(v=>r.jsx("li",{"data-testid":`${i}_${v}`,children:r.jsx("a",{className:T(d,g("pagination-link")),...c===v?{"aria-current":!0}:{},"aria-label":`Aller à la page ${v}`,onClick:()=>{u(v)},href:a==null?void 0:a(v),children:v})},v)),!E.pages.includes(N)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:T(d,g("pagination-next")),...c===Math.max(E.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(E.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx(z,{name:D.ARROW_RIGHT})})]})},bn=({className:e,direction:t,children:n,active:s,arrowPosition:l,content:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("popover",t&&C(`popover-${t}`),s&&C("popover-active"),l&&C(`arrow-${l}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,i&&r.jsx("div",{"data-testid":`${a}_content`,className:T(c,g("popover-content")),children:i})]})};var Oi=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Oi||{});const Vj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},ke=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var F;const{styled:S}=$(),p=T(S,g("price",i&&C(`level-${i}`),a&&C("inverted"),c&&C("inlined"),m&&C("striked"),h&&Z("suptitle"),e)),x=T(S,g(o==Ce.ALIGNED_START&&Z("text-left")||o==Ce.ALIGNED_CENTER&&Z("text-centered")||o==Ce.ALIGNED_END&&Z("text-right")||"")),j=t<0,y=Math.abs(t),R=Math.floor(y),L=j?-R:R;let w=Vj(((F=y.toString().split(/[.,]/)[1])==null?void 0:F.substring(0,2))||"");w=w&&w.length===1&&`${w}0`||w;const k=c&&l&&`,${w||"00"} €`||l&&`€${w||"00"}`||"€",U=r.jsxs("span",{className:E?T(S,g(C("aligned-center"),C("flex"))):"",children:[r.jsxs("span",{"data-testid":u,"aria-label":d,className:p,...v,children:[h&&r.jsx("span",{className:"price-suptitle",children:h}),r.jsx(A,{markup:lt.SPAN,children:`${L}`}),r.jsxs("span",{className:T(S,g("price-details")),children:[r.jsxs("span",{className:T(S,g("cents")),children:[c&&k==="€"?r.jsxs(r.Fragment,{children:[" ",k]}):k,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:T(S,g("period")),children:["/",s]})]})]}),E&&r.jsxs("span",{className:T(S,g("price-tag")),children:[r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_SEMIBOLD,Zt.TEXT_WHITE],children:[E," ",N||"€"]}),N==="€"&&s&&r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_NORMAL,Zt.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:x,children:U}):U};var Xt=(e=>(e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7",e))(Xt||{});const Gj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:l,closeable:i,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=f.useState(n||!1),{styled:m}=$();f.useEffect(()=>{d(n||!1)},[n]);const h=T(m,g("product-tour",u&&C("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:h,...c,children:[s&&r.jsx("div",{className:T(m,g("arrow",C(s),l&&C(l)))}),a&&r.jsx("span",{className:T(m,g("icon",C("medium"))),children:r.jsx("img",{className:T(m,g(C("rounded"))),src:a})}),i&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx(z,{size:K.SMALL,name:D.TIMES,className:"close"})}),r.jsx("div",{className:T(m,g("product-tour-content")),children:e})]})};var Zp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Zp||{}),Jp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Jp||{});f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=$(),N=T(E,g("progress",a&&C(Ha(a)),!a&&C("primary"),o&&C("small"),s)),v=T(E,g("progress",c&&C("stacked"),s));return n&&c?r.jsx("div",{ref:t,className:v,...h,children:n}):r.jsxs(r.Fragment,{children:[r.jsx("progress",{className:N,value:l,max:i,...h,children:l}),u&&r.jsx(A,{className:Z("text-centered"),level:_e.TWO,children:u}),d&&m&&r.jsxs(Ye,{mobile:!0,marginSize:3,children:[r.jsx(q,{children:r.jsx(A,{level:_e.TWO,children:d})}),r.jsx(q,{narrow:!0,children:r.jsx(A,{level:_e.TWO,children:m})})]})]})});f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=$(),d=T(u,g("progress-bar",a&&C(Ha(a)),!a&&C("primary"),n));return r.jsx("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})});const Cf=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("radios",e,t&&Z("text-centered"),n&&C("mobile"),s&&C("vertical"))),...l})},Pt=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=$(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:T(j,g(d?"radio-tile":"radio",v&&C("narrow"),S&&C("marginless"),E&&C("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),r.jsx("label",{htmlFor:l,className:T(j,g("radio-label")),children:N||r.jsxs(r.Fragment,{children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]})]})})]})},qj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:l,labelValueCursorMin:i,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:m,idMax:h,testId:E,gap:N=0})=>{const{styled:v}=$(),[S,p]=f.useState(s??0),[x,j]=f.useState(l??t),y=f.useRef(null);f.useEffect(()=>{if(y.current){const U=y.current;U.style.background=`linear-gradient(to right, ${rr(ce.FADE_NEUTRAL)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${x/t*100}%, ${rr(ce.FADE_NEUTRAL)} ${x/t*100}%) `}},[S,x]),f.useEffect(()=>{p(s||0)},[s]),f.useEffect(()=>{j(l||t)},[l]);const R=f.useCallback(U=>{Number(U.target.value){Number(U.target.value)>S+N&&j(Number(U.target.value))},[x,S]),w=f.useCallback(()=>{o&&o({inputName:u,inputValue:S})},[o,u,S]),k=f.useCallback(()=>{c&&c({inputName:m,inputValue:x})},[c,m,x]);return r.jsxs("div",{"data-testid":E,className:T(v,g("range-container")),children:[r.jsx("label",{className:T(v,g("range-label")),children:n}),r.jsxs("div",{className:T(v,g("range")),children:[r.jsx("div",{ref:y,className:T(v,g("range-track"))}),r.jsx("input",{"data-testid":`${E}_min`,className:T(v,g("range-cursor range-cursor-min")),onMouseUp:w,onChange:R,value:S,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${E}_max`,className:T(v,g("range-cursor range-cursor-max")),onMouseUp:k,onChange:L,value:x,type:"range",min:e,max:t,name:m,id:h,"aria-label":n})]}),r.jsxs("div",{className:T(v,g("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-min")),children:S}),i&&r.jsxs("span",{children:[" ",i]})]}),r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},Ic=f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=$();return r.jsx("div",{ref:t,className:T(i,g("rows",s&&C("gapless"),n)),...l})}),ds=f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=$(),a=T(i,g("row",s&&C("narrow"),n));return r.jsx("div",{ref:t,className:a,...l})}),za=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=$(),a=T(l,g("scroll-view",t&&(()=>{switch(t){case(Rr==null?void 0:Rr.HORIZONTAL):return C("horizontal");case(Rr==null?void 0:Rr.VERTICAL):return C("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});za.displayName="ScrollView";const Q=O.forwardRef((e,t)=>{const{className:n,skeleton:s,backgroundColor:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=$(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=T(m,g("section",n,l&&Z(Bt(l)),i&&Z("background"),a&&C("inverted"),C(h?"loading":"loaded"),u&&C("fullwidth"),o&&C("paddingless"),c&&C("vertical-paddingless")));return r.jsx("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})}),el=({active:e,onClick:t,disabled:n,className:s,children:l})=>{const[i,a]=f.useState(e||!1),{styled:o}=$();return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:T(o,g("segmented-control-item",s,{"is-active":i})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:l})},Yj=({className:e,onClick:t,disabled:n,marginless:s,children:l,activeIndex:i})=>{const{styled:a}=$(),o=T(a,g("segmented-control",s&&C("marginless"),e)),[c,u]=f.useState(i||0),d=(h,E)=>{if(typeof E<"u"&&!c)return E;if(h===c)return!0},m=(h,E)=>{if(n)return!1;u(E),t&&t(h)};return O.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:l&&Array.isArray(l)&&l.map((h,E)=>{const N={active:!!d(E,h.props.active)||!1,disabled:h.props.disabled,key:E,onClick:v=>{m(v,E),h&&h.props.onClick&&h.props.onClick(v)}};return h&&typeof h.valueOf()=="string"?r.jsx(el,{disabled:N.disabled,active:N.active,onClick:v=>t==null?void 0:t(v),children:h},N.key):O.cloneElement(h,N)})})},Xj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:l,children:i,selected:a,name:o,id:c,testId:u,label:d,iconName:m,multiple:h,className:E})=>{const{styled:N}=$(),[v,S]=O.useState(!1),[p,x]=O.useState(a),[j,y]=O.useState([]),R=O.useId(),L=O.useMemo(()=>T(N,g("select",E)),[N,E]),[w,k]=f.useState(-1),U=O.useCallback(()=>{S(Y=>!Y)},[]),F=O.useCallback(Y=>{Y===13&&S(ae=>h&&!ae?!0:h&&ae?ae:!ae)},[h]),se=f.useCallback(Y=>h&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[h,p]),fe=f.useCallback(({isChecked:Y,children:ae,label:me,value:H})=>{const G=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):y(ge=>ge.filter(Ot=>![ae,me].includes(Ot)));const X=W.filter(ge=>ge!==H);return G.push(...X),X;case(Array.isArray(W)&&!t):return G.push(...W),W;case(!Array.isArray(W)&&!t):return G.push(H),W;case(!Array.isArray(W)&&t):y([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const X=[...W,H];return G.push(...X),X}return G.push(H),H}),y(W=>h?[...W,ae||me]:[ae||me])),G},[h,t]);O.useEffect(()=>{var ae;const Y=(ae=O.Children.map(i,me=>{if(!O.isValidElement(me))return!1;const H=me.props.children||me.props.label;switch(!0){case(Array.isArray(a)&&a.includes(me.props.value)||!Array.isArray(a)&&me.props.value===a):return H;default:return!1}}))==null?void 0:ae.filter(me=>me);Y&&y(Y),x(a)},[a]),O.useEffect(()=>{const Y=ae=>{const me=i,H=me[w];switch(ae.preventDefault(),!0){case ae.key==="ArrowDown":re&&k(W=>{let X=(W+1)%re.length;return me[X].props.disabled&&X++,X%re.length});break;case(ae.key==="ArrowUp"&&w!==-1):re&&k(W=>{let X=(W-1+re.length)%re.length;return me[X].props.disabled&&X--,X===-1&&(X=re.length-1),X%re.length});break;case(ae.key==="ArrowUp"&&w===-1):re&&k(()=>{let W=re.length-1;return me[W].props.disabled&&W--,W});break;case(["Enter"].includes(ae.key)&&w!==-1&&!H.props.disabled):const G=se(H.props.value);fe({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:G});break;case ae.key==="Escape":k(-1),S(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&k(-1),()=>document.removeEventListener("keydown",Y)},[v,w,i,se]);const Ae=f.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>S(!1)}),[]),re=O.useMemo(()=>O.Children.map(i,(Y,ae)=>{if(!O.isValidElement(Y))return null;const me=G=>{switch(!0){case(t&&h&&(p==null?void 0:p.includes(Y.props.value))||t&&!h&&p===Y.props.value):return;default:return G}},H={...Y.props,checked:se(Y.props.value),focused:w===ae?"true":void 0,onClick:()=>{const G=fe({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:se(Y.props.value)});e&&e({selectValue:me(Y.props.value),selectName:me(Y.props.children||Y.props.label),selectId:me(Y.props.id),name:me(Y.props.children||Y.props.label),selectedOptions:G}),Y.props.onClick&&Y.props.onClick()}};return f.createElement(Re,{...H,key:`${R}_${ae}`})}),[h,t,p,w,i]);return r.jsxs("div",{className:L,children:[r.jsx(xe,{value:j.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:m,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:l,onClick:U,className:T(N,g(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),F(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:T(N,g("select-options")),children:re}),v&&WE.createPortal(Ae,document.body)]})},Kj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:l,selected:i,name:a,id:o,testId:c,label:u,iconName:d,multiple:m,className:h,accessibilityLabel:E,...N})=>{const{styled:v}=$(),S=f.useMemo(()=>T(v,g("select",h)),[v,h,d]),[p,x]=f.useState(!1),[j,y]=f.useState(i);f.useEffect(()=>{y(i)},[i]);const R=f.useMemo(()=>({input:T(v,g("input",t&&C("disabled"),"select-native",m&&"multiple",h)),control:T(v,g("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,h,m]),L=f.useCallback(k=>{x(!0),n&&n(k)},[]),w=f.useCallback(k=>{x(!1),s&&s(k)},[]);return r.jsx("div",{className:S,children:r.jsx("div",{className:T(v,g("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:m,className:T(v,g(!u&&"no-label")),value:j,"aria-label":E,"data-testid":c,onChange:k=>{const U=Array.from(k.target.selectedOptions).map(F=>F.value);y(U),e&&e({selectValue:k.target.value,selectName:k.target.name,selectId:k.target.id,name:k.target.name,selectedOptions:U})},onFocus:L,onBlur:w,id:o?String(o):void 0,name:a,disabled:t,...N,role:"listbox",children:f.Children.map(l,k=>{if(!f.isValidElement(k))return null;const U={...k.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!m&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx(z,{name:d,size:"small"})}),!m&&r.jsx("div",{children:r.jsx(z,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Kr=({native:e,...t})=>e?r.jsx(Kj,{...t}):r.jsx(Xj,{...t}),Re=f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?r.jsx("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v,children:a||c}):r.jsx(Pt,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})}),Di=({active:e,children:t,className:n,onClick:s,...l})=>{const[i,a]=f.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":i}};return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:g(n,{"is-active":i}),...o.li,...l,onClick:c=>{const u=c.target;a(e||!1),u.active=e,s&&s(c)},children:t&&typeof t.valueOf()=="string"&&r.jsx(A,{markup:lt.A,...o.a,...l,children:String(t)})})},Qj=({children:e,className:t,onClick:n,activeIndex:s,disabled:l,align:i,justify:a,...o})=>{const[c,u]=f.useState(s||0),d=g("selector",i&&C(In(i)),a&&C(a),t),m=(E,N)=>{if(typeof N<"u"&&!c)return N;if(E===c)return!0},h=(E,N)=>{if(l)return!1;u(N),n&&n(E)};return f.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((E,N)=>{const v={active:!!m(N,E.props.active)||!1,key:N,tabIndex:N,onClick:S=>{h(S,N),E&&E.props.onClick&&E.props.onClick(S)}};return typeof E.valueOf()=="string"?r.jsx(Di,{active:v.active,onClick:S=>n==null?void 0:n(S),children:r.jsx(A,{children:String(E)})}):O.cloneElement(E,v)})})})},ve=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},Ws=e=>8*e;var be=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=Ws(.5)]="SMALLER",e[e.SMALL=Ws(1)]="SMALL",e[e.MEDIUM=Ws(2)]="MEDIUM",e[e.LARGE=Ws(3)]="LARGE",e[e.HUGE=Ws(4)]="HUGE",e))(be||{});const Zj=f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=$(),o=T(a,g("stepper-wrapper",n)),c=T(a,g("section",Z("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;(N=E==null?void 0:E.props)!=null&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?r.jsx("section",{ref:t,className:c,children:r.jsxs("div",{className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})}):r.jsxs("div",{ref:t,className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})});var Mi=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(Mi||{});const Bs=O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=$(),E=T(h,g("step-label")),N=T(h,g("stepper-item",l&&C("active"),a&&C("current"),o&&C("done"),d&&C("error"),s)),S=i&&(p=>{if(p in Mi||Object.values(Mi).includes(p))return!0})(i)?i:Mi.DIV;return r.jsx(S,{ref:t,className:N,"data-label":c,...m,children:r.jsxs("div",{className:E,children:[c||n,!o&&u&&r.jsx(z,{name:u&&u,className:"step-icon",size:K.MEDIUM})]})})});var kc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(kc||{});const jr=({className:e,children:t,variant:n,small:s,hat:l,markup:i,outlined:a,...o})=>{const{styled:c}=$(),u=T(c,g("sticker",n&&C(Lj(n)),s&&C("small"),l&&C("hat"),e,a&&C("outlined"))),m=i&&(h=>{if(h in kc||Object.values(kc).includes(h))return!0})(i)?i:"div";return r.jsx(m,{className:u,...o,children:t})},Nr=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=$();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),r.jsxs("div",{className:T(v,g("switch",m&&C("reversed"),e)),children:[r.jsx("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:T(v,g(o&&C(Ha(o)))),...h}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},So=({className:e,fullwidth:t,bordered:n,comparative:s,striped:l,compact:i,...a})=>{const{styled:o}=$(),c=T(o,g("table",t&&C("fullwidth"),n&&C("bordered"),s&&C("comparative"),l&&C("striped"),i&&C("compact"),e));return r.jsx("table",{className:c,...a})},yo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("thead",{className:i,...s})},Co=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("tbody",{className:i,...s})},Ke=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("th",{className:i,colSpan:t,rowSpan:n,...s})},pt=({className:e,expandable:t,expanded:n,expansion:s,color:l,...i})=>{const{styled:a}=$(),o=T(a,g(e,t&&C("expandable"),n&&C("expanded"),s&&C("expansion"),l&&jt(l)));return r.jsx("tr",{className:o,...i})},J=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("td",{className:i,rowSpan:t,colSpan:n,...s})},Sr=O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=$(),[y,R]=O.useState(!1),L=T(j,g("tabs",o&&C("right"),c&&C("fullwidth"),d&&C("centered"),m&&C("marginless"),y&&C("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),r.jsx("div",{ref:t,className:T(j,g("tab-context",h&&C("inverted"),u&&Z(`text-${u}`),E&&C("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v,children:r.jsx("div",{className:L,role:"tablist",...S,children:O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})})})}),oe=O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=$(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=T(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return r.jsxs(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}return r.jsxs("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}),We=({children:e,className:t,variant:n,deletable:s,onClick:l,inverted:i,small:a,iconName:o,testId:c,...u})=>{const[d,m]=f.useState(s||!1),{styled:h}=$(),E=T(h,g("tag",!s&&n&&C(jt(n)),!s&&i&&C("inverted"),a&&C("small"),!s&&t,s&&!d&&C("hidden"))),N=T(h,g(n&&C(jt(n)))),v=p=>{m(!1),l&&l(p)},S=T(h,g("tags",n&&C(jt(n)),s&&[Z("addons"),C("delete")],i&&C("inverted"),a&&C("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:S,children:[r.jsx("span",{className:E,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:E})]}):r.jsxs("span",{"data-testid":c,onClick:l&&l,className:E,...u,children:[o&&r.jsx(z,{className:N,name:o}),e]})},Ro=f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=$();return r.jsx("span",{ref:t,className:T(o,g("tags",l&&C("centered"),s&&C("gapless"),i&&C("marginless"),n)),...a})});var Be=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(Be||{});const yn=({className:e,sample:t,required:n,disabled:s,onChange:l,placeholder:i,defaultValue:a,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:m,ref:h,label:E,maxLength:N,minLength:v,iconName:S,typo:p,testId:x,...j})=>{const[y,R]=f.useState(a||""),{styled:L}=$();f.useEffect(()=>{R(a||"")},[a]);const w=T(L,g("textarea-wrapper",e,c&&C(c))),k=T(L,g("textarea",d&&Z("dynamic-label"),S&&Z("icon"))),U=g("help"),F=T(L,g("counter",N));return r.jsxs("div",{className:w,children:[!d&&r.jsxs("label",{className:"textarea-label",children:[E," ",E&&n&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!d&&E&&t&&r.jsx(A,{className:"textarea-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:t}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:s,ref:h,...j,className:k,value:y,onChange:se=>{R(se.target.value),l&&l({textareaName:se.target.name,textareaValue:se.target.value})},placeholder:i,rows:m,maxLength:N,required:n}),d&&r.jsx("label",{children:E}),S&&r.jsx(z,{name:S,size:"small"}),u&&r.jsx(z,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),N&&r.jsx("div",{className:F,children:`${y.length}/${N==null?void 0:N.toString()}`})]})},Hn=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("timeline-content",t));return e?r.jsx("div",{className:u,...o,children:e}):r.jsxs("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()},children:[n&&r.jsx(A,{markup:lt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:lt.P,children:s}),l&&r.jsx(at,{href:l,children:i||l})]})},zn=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=$(),u=T(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return r.jsx("div",{ref:t,className:u,...o})}),$n=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=$(),o=T(a,g("timeline-marker",C("icon"),e)),c=g(t);return r.jsx("div",{className:o,...i,"data-testid":l,children:r.jsx("div",{className:"card-header-icon",children:r.jsx(z,{color:s,className:c,name:n,size:K.SMALL})})})},Rf=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=$(),o=T(a,g("timeline",s&&s,l&&C("horizontal"),n));return r.jsx("div",{ref:t,className:o,...i})});var Es=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label",e))(Es||{});const Ge=({children:e,style:t,className:n,loading:s,onClick:l,backgroundColor:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=$(),S=u&&(x=>{if(x in Es||Object.values(Es).includes(x))return!0})(u)?u:"div",p=T(N,g(typeof s=="string"&&C(Tj(s)),C(typeof s=="boolean"?"loading":"loaded"),i&&Z(Bt(i)),a&&Z("background"),o&&C("inverted")||C("base"),c&&C("fullwidth"),d&&C("flex"),typeof m=="string"&&C(wj(m)),typeof h=="string"&&C(In(h)),n));return r.jsx(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E,children:e})},Jj=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.TWO,children:"Base"}),r.jsx(ve,{size:10}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"ONE",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(er,{active:!0,id:"TWO",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{id:"THREE",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(er,{disabled:!0,id:"FOUR",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(V,{})]}),wf=()=>0,ex=O.createContext({show:wf,hide:wf}),e0={icons:{},colors:{},fontFamily:{}},t0={theme:e0,setTheme:()=>{}},n0=O.createContext(t0);var Ve;(function(e){e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL"})(Ve||(Ve={}));const Pi={[Ve.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Ve.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Ve.ACCENT]:["#da641b","#bb5118","accent","white"],[Ve.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Ve.SUCCESS]:["#007B52","#cae8ca","success","white"],[Ve.INFO]:["#1A688A","#c8dbec","info","white"],[Ve.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Ve.ERROR]:["#D42D02","#eecccc","error","white"],[Ve.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Ve.NEUTRAL]:["#707070","#F4F4F4","grey","white"]},Fr=e=>Pi[e][2],r0=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},tx=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(n0),s=(n==null?void 0:n.colors)||Pi,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${Fr(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${Fr(e.replace("FADE-",""))}-fade`:`background-${Fr(e)}`;var Tf;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Tf||(Tf={}));const s0=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var cn;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa"})(cn||(cn={}));var hn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(hn||(hn={}));var fa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(fa||(fa={}));var _c;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL"})(_c||(_c={}));var Gn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Gn||(Gn={}));var ma;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(ma||(ma={}));var Lf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Lf||(Lf={}));function l0(e,t){return!e&&!t?"":Se(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function nx(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const I=nx("is"),Se=nx("has"),i0="e4daf4e",a0={HASH:i0},P=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${a0.HASH}`).join(" "):t;var Oc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Oc||(Oc={}));const{Browser:Fi,Server:rx,Native:sx}=Oc,o0=!!(typeof window<"u"&&window.document&&window.document.createElement),c0=typeof navigator<"u"&&navigator.product=="ReactNative",Qr=c0?sx:o0?Fi:rx,Af={isBrowser:Qr===Fi,isServer:Qr===rx,isNative:Qr===sx,device:Qr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Qr===Fi&&!!window.addEventListener,canUseViewport:Qr===Fi&&!!window.screen},u0=(...e)=>Object.assign({},...e),d0=e=>Object.values(e),f0=()=>u0((d0(Af),Af));f0();const m0=f.createContext({styled:!1,setStyled:()=>{}}),ne=()=>{const e=f.useContext(m0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},If=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=ne(),o=P(a,g("icon",l&&I(`${l}`),I("ancestor"),Se("status"),e)),c=P(a,g("icon is-circled is-descendant",n&&I(`${n.toLowerCase()}`),s&&I(`${s}`))),u=P(a,g(n===fa.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return f.createElement("span",{className:o,"aria-hidden":"true","data-testid":i},f.createElement("span",{className:P(a,g(t))}),f.createElement("span",{className:c},f.createElement("i",{className:u})))},kf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=ne(),c=i&&Se(Dl(i))||l0(n||"",fa.INFO)||Se(Dl(Ve.MAIN)),u=P(o,g("icon",Se(l?s0(l):"text-white"),I(l||Ve.BACKGROUND),[I(`${s}`)],I("circled"),c,e)),d=P(o,g(t));return f.createElement("span",{className:u,"data-testid":a},f.createElement("i",{className:d}))},Dc=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=ne(),h=i&&(E=>{if(E in ma||Object.values(ma).includes(E))return!0})(i)?i:"span";return l?f.createElement("span",{className:P(d,g("icon-and-text",(l===Gn.UP||l===Gn.DOWN)&&I("stacked"),e))},(l===Gn.RIGHT||l===Gn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s),f.createElement(Nt,{name:n,className:e,...u}),(l===Gn.UP||l===Gn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)):f.createElement("span",{className:P(d,g("icon-and-text",e))},f.createElement(Nt,{name:n,...u}),s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)};var dl;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(dl||(dl={}));const _r=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},Nt=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=ne(),w=P(L,g("icon",h&&I("stretched"),n&&I(n),u&&I("stacked"),E&&I(`${Fr(E)}`),p&&I("loading"),d&&I("stacked"),y&&I("marginless"),e));e=g(a&&x&&I(`${_r(x)}`),e);const k=P(L,g(S&&_r(S)==="aligned-start"&&Se("text-left")||_r(S)==="aligned-center"&&Se("text-centered")||_r(S)==="aligned-end"&&Se("text-right")));return i||i&&l?S?f.createElement("div",{className:k},f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})):f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?f.createElement("div",{className:k},f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})):f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?f.createElement("div",{className:k},f.createElement(Dc,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})):f.createElement(Dc,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):f.createElement(f.Fragment,null,f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):h?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):E?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{"data-testid":j,onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))};var Tn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Tn||(Tn={}));const $a=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var qn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(qn||(qn={}));var _f;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(_f||(_f={}));const h0=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}};var Of;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Of||(Of={}));const p0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Df;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Df||(Df={}));var fl;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(fl||(fl={}));var Ls;(function(e){e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right"})(Ls||(Ls={}));var Ml;(function(e){e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold"})(Ml||(Ml={}));var ha;(function(e){e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(ha||(ha={}));var Mf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Mf||(Mf={}));var zt;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(zt||(zt={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Xe=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=ne(),j=P(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case zt.ONE:return I("level-1");case zt.TWO:return I("level-2");case zt.THREE:return I("level-3");case zt.FOUR:return I("level-4");default:return I(`level-${e}`)}})(),c&&I("inverted"),o,I(u?"loading":"loaded"),E&&I("marginless"),v&&I("text-ellipsis"),s)),R=t&&(L=>{if(L in fn||Object.values(fn).includes(L))return!0})(t)?t:"p";return f.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===fn.A&&{href:l},...S},n)};var ue;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX"})(ue||(ue={}));var Pl;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div"})(Pl||(Pl={}));const x0=e=>{if(e)switch(e){case ue.ONE:return I("level-1");case ue.TWO:return I("level-2");case ue.THREE:return I("level-3");case ue.FOUR:return I("level-4");case ue.FIVE:return I("level-5");case ue.SIX:return I("level-6");default:return I(`level-${e}`)}},v0=e=>e in Pl||Object.values(Pl).includes(e),Ne=({level:e=ue.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=ne(),x=P(p,g("title",e&&x0(e),l,I(v?"loading":"loaded"),a&&I("inverted"),h&&I("marginless"),s)),j=P(p,g("subtitle",l,s)),y=P(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&v0(t)?t:"div",L=()=>d?j:m?y:x;return O.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N},n)};var Or;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Or||(Or={}));const E0=({props:e,...t})=>{const{styled:n}=ne(),{title:s,position:l,description:i,iconName:a,status:o,closable:c,onClick:u,className:d,offset:m,children:h}=e,E=!!s,N={top:m||0,position:"fixed"},v={bottom:m||0,position:"fixed"},S=P(n,g("toaster",o&&I($a(o)),!alert&&I("info"),d));return E?h?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},h):s?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},a&&f.createElement(Nt,{name:a,size:hn.SMALL}),f.createElement("div",{className:P(n,g("body"))},s&&f.createElement(Ne,{level:ue.SIX},s),i&&f.createElement(Xe,null,i)),c&&f.createElement(Nt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:hn.SMALL})):null:null},g0=({children:e})=>{const[t,n]=f.useState(null),[s,l]=f.useState(5e3),i=f.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&l(o.duration),i.current&&clearTimeout(i.current)};return f.useEffect(()=>{i.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),f.createElement(ex.Provider,{value:{show:a,hide:()=>null}},e,f.createElement(E0,{props:{title:t==null?void 0:t.title,description:t==null?void 0:t.description,position:t==null?void 0:t.position,iconName:t==null?void 0:t.iconName,status:t==null?void 0:t.status,onClick:t==null?void 0:t.onClick,onHide:t==null?void 0:t.onHide,closable:t==null?void 0:t.closable,offset:t==null?void 0:t.offset,testId:t==null?void 0:t.testId}}))},j0=()=>{const e=()=>{const[t]=f.useState(50),[n]=f.useState(1e3),[s]=f.useState("toasterId"),[l]=f.useState("Why do we use it?"),[i]=f.useState("It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."),{show:a}=f.useContext(ex),o=()=>{a({testId:s,position:Or.TOP,duration:n,offset:t,title:l,description:i,iconName:D.ALERT,status:ua.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(De,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(g0,{children:[r.jsx(e,{}),r.jsx(De,{children:r.jsx(Ge,{children:Object.values(ua).map((t,n)=>r.jsxs(pn,{children:[r.jsxs(_,{level:M.TWO,children:["StatusState : ",t]}),r.jsx(ve,{size:10}),r.jsx(Yp,{display:!0,status:t,title:t,description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.."}),r.jsx(V,{})]},n))})})]})};f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=ne(),a=P(i,g("accordions",n));return f.createElement("section",{ref:t,className:a,...l,"data-testid":s})});const N0=({children:e})=>f.createElement("div",{className:"autolayout"},e);var Pf;(function(e){e.LEFT="left",e.RIGHT="right"})(Pf||(Pf={}));var Ff;(function(e){e.MAIN="MAIN"})(Ff||(Ff={}));var Uf;(function(e){e.DIV="div",e.A="a"})(Uf||(Uf={}));const fi=e=>8*e;var bf;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=fi(2)]="SMALL",e[e.MEDIUM=fi(4)]="MEDIUM",e[e.LARGE=fi(8)]="LARGE",e[e.HUGE=fi(12)]="HUGE"})(bf||(bf={}));f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=ne();return f.createElement("nav",{ref:t,role:"navigation","data-testid":l,className:P(o,g("breadcrumb",s)),"aria-label":i,...a},f.createElement("ul",null,n))});const S0=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=ne(),S=g(m&&Se("icon"),o,h&&I("inverted"),t);if(d&&s){const x=d||"a",j=()=>f.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:P(v,g(S)),to:s||"",...E&&{target:"_blank"},...N},i||e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(j,null)):f.createElement(j,null)}const p=()=>f.createElement(Xe,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:fn.A,className:S,href:l,...E&&{target:"_blank"},...N},m?f.createElement(f.Fragment,null,f.createElement(Xe,{markup:"span"},e),f.createElement(Nt,{name:m,size:hn.SMALL})):e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(p,null)):f.createElement(p,null)};var pa;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(pa||(pa={}));var Mc;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Mc||(Mc={}));var Hf;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(Hf||(Hf={}));const Zr=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=ne(),j=w=>{if(w in pa||Object.values(pa).includes(w))return!0},R=P(x,((w,k,U,F)=>g("button",I(w?"loading":"loaded"),k&&I(r0(k)),U&&I("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return O.createElement("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a);if(L==="input")return O.createElement("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return O.createElement(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)}return O.createElement("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)},lx=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=ne();return f.createElement("div",{className:P(i,g("buttons",e,t&&Se("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Pc;(function(e){e.DIV="div",e.A="a"})(Pc||(Pc={}));f.createContext({horizontal:!1});O.forwardRef((e,t)=>{const{className:n,backgroundColor:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=ne();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=P(L,g("card",s&&Se(Dl(s)),l&&Se("background"),i&&I("inverted")||I("base"),a&&!c&&I("flat"),o&&[I("horizontal"),I("vcentered")],c&&!a&&I("floating"),u&&I(_r(u)),d&&I(d),I(y?"loading":"loaded"),E&&I("reversed"),n,p&&I("fullheight"),x&&I("active")));return v===Pc.A?O.createElement("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):O.createElement("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})});var zf;(function(e){e[e.SIZE_1=1]="SIZE_1",e[e.SIZE_2=2]="SIZE_2",e[e.SIZE_3=3]="SIZE_3",e[e.SIZE_4=4]="SIZE_4"})(zf||(zf={}));const y0=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=ne(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),O.createElement("div",{className:P(S,g(d?"checkbox-tile":"checkbox",E&&I("horizontal"),t)),tabIndex:0},O.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),O.createElement("label",{htmlFor:l,className:P(S,g("checkbox-label"))},h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m))))};f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=ne(),a=P(i,g("chips-list",s&&I("multiple")));return f.createElement("div",{ref:t,role:"group",className:a,...l},n)});const Fc=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=ne(),h=P(m,g("columns",s&&I("multiline"),l&&I("inlined"),i&&I("mobile"),a&&I("centered"),o&&I("vcentered"),!u&&c&&I("gapless"),!c&&u&&[I("variable"),I(`${u}`)],n));return f.createElement("div",{ref:t,className:h,...d})}),Tr=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=ne(),w=P(L,g("column",s&&I(`${s}`),l&&I(`${l}-mobile`),i&&I(`${i}-tablet`),a&&I(`${a}-tablet`),o&&I(`${o}-desktop`),c&&I(`${c}-widescreen`),u&&I(`${u}-fullhd`),d&&I(`offset-${d}`),m&&I(`offset-${m}-mobile`),h&&I(`offset-${h}-tablet`),E&&I(`offset-${E}-tablet`),N&&I(`offset-${N}-desktop`),v&&I(`offset-${v}-widescreen`),S&&I(`offset-${S}-fullhd`),p&&I("narrow"),x&&I("vcentered"),j&&Se("text-centered"),y&&I(_r(y)),n));return f.createElement("div",{ref:t,className:w,...R})});var $f;(function(e){e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm"})($f||($f={}));var Wf;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Wf||(Wf={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=ne(),d=P(u,g("divider",t&&I("unboxed"),s&&I("marginless"),e,i&&Se(`background-${Fr(i)}`),l&&"has-icon")),m=P(u,g("divider-content",o&&Se(`text-${Fr(o)}`),a&&Se(`background-${Fr(a)}`)));return n&&l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):n?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},f.createElement(Nt,{name:l,size:a?hn.SMALL:hn.MEDIUM}))):f.createElement("div",{"data-testid":"separator",className:d,...c})},C0=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("image",n)),d={image:{width:l,height:i}};return f.createElement("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o},f.createElement("img",{style:d.image,className:P(c,g(s?I("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Bf;(function(e){e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email"})(Bf||(Bf={}));var Vf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Vf||(Vf={}));var Gf;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Gf||(Gf={}));var qf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(qf||(qf={}));var Yf;(function(e){e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new"})(Yf||(Yf={}));var Xf;(function(e){e.NONE="none",e.URL="URL",e.ADDRESS_CITY="addressCity",e.ADDRESS_CITY_STATE="addressCityAndState",e.ADDRESS_STATE="addressState",e.COUNTRY_NAME="countryName",e.CREDIT_CARD_NUMBER="creditCardNumber",e.EMAIL_ADDRESS="emailAddress",e.FAMILY_NAME="familyName",e.FULL_STREET_ADDRESS="fullStreetAddress",e.GIVEN_NAME="givenName",e.JOB_TITLE="jobTitle",e.LOCATION="location",e.MIDDLE_NAME="middleName",e.NAME="name",e.NAME_PREFIX="namePrefix",e.NAME_SUFFIX="nameSuffix",e.NICKNAME="nickname",e.ORGANIZATION_NAME="organizationName",e.POSTAL_CODE="postalCode",e.STREET_ADDRESS_LINE_ONE="streetAddressLine1",e.STREET_ADDRESS_LINE_TWO="streetAddressLine2",e.SUB_LOCALITY="sublocality",e.TELEPHONE_NUMBER="telephoneNumber",e.USERNAME="username",e.PASSWORD="password",e.NEW_PASSWORD="newPassword",e.ONE_TIME_CODE="oneTimeCode"})(Xf||(Xf={}));var Kf;(function(e){e.DEFAULT="default",e.EMAIL_ADDRESS="email-address",e.NUMERIC="numeric",e.PHONE_PAD="phone-pad",e.NUMBER_PAD="number-pad",e.DECIMAL_PAD="decimal-pad",e.VISIBLE_PASSWORD="visible-password",e.ASCII_CAPABLE="ascii-capable",e.NUMBERS_AND_PUNCTUATION="numbers-and-punctuation",e.URL="url",e.NAME_PHONE_PAD="name-phone-pad",e.TWITTER="twitter",e.WEB_SEARCH="web-search"})(Kf||(Kf={}));f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=ne(),c=P(o,g(s?"icon-list":"list",n));return f.createElement("ul",{ref:t,"data-testid":i,className:c,...a},l)});const mi=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("dd",{className:P(n,g(t))},e)};var xa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(xa||(xa={}));const ix=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("div",{className:P(n,g("modal-footer",t))},e)};var va;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e.BUTTON="button",e.A="a"})(va||(va={}));var Qf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Qf||(Qf={}));const Ui=({children:e,className:t,iconColor:n,iconName:s,...l})=>{const{styled:i}=ne(),{textId:a}=l;return f.createElement("div",{className:P(i,g("modal-title",t))},s?f.createElement(Dc,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Zf=qt.generate(),Jf=qt.generate(),R0=qt.generate(),Vs=({children:e,className:t,contentClassNames:n,active:s,title:l,content:i,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:m,onOpen:h,iconName:E,ctaCancelOnClick:N,closeIcon:v,iconColor:S,panel:p,footerClassNames:x,footer:j,fullwidth:y,disableHandlingClickOutside:R=!1,testId:L,titleButtonClose:w,...k})=>{const U=f.useRef(null),[F,se]=f.useState(s||!1),{styled:fe}=ne(),Ae=`${R0}-modal`,re=f.useRef([]),Y=f.useRef(null),[,ae]=f.useState(0),me=ee=>{var Pe;!((Pe=U==null?void 0:U.current)===null||Pe===void 0)&&Pe.contains(ee.target)||X(m,ee)};f.useEffect(()=>{se(s||!1)},[s]),f.useEffect(()=>{F&&re.current[0]&&re.current[0].focus()},[F,re==null?void 0:re.current.length]),f.useEffect(()=>(F&&!R?document.addEventListener("mousedown",me):document.removeEventListener("mousedown",me),()=>{document.removeEventListener("mousedown",me)}),[F,R]);const H=O.useMemo(()=>P(fe,g("modal",F&&I("active"),p&&I("panel"),y&&I("fullwidth"),t)),[s,F,p,t,fe]),G=O.useMemo(()=>P(fe,g("modal-content",n)),[n,fe]),W=O.useMemo(()=>g("modal-footer",x),[x,fe]);function X(ee,Pe){se(!1),Y.current&&Y.current.focus(),ee&&ee(Pe)}function ge(ee,Pe){se(!0),ee&&ee(Pe)}const Ot=ee=>{if(ee in va||Object.values(va).includes(ee))return!0},Ct=O.useMemo(()=>a&&Ot(a)?a:"button",[a]),xn=f.useCallback(ee=>{if(F&&re.current){const Pe=re.current.filter(Fe=>Fe),{key:pe}=ee;pe==="Tab"&&(ee.preventDefault(),ae(Fe=>{var Yt;const Er=(Fe+1)%Pe.length;return Pe[Er]&&((Yt=Pe[Er])===null||Yt===void 0||Yt.focus()),Er}))}},[re.current.length,F]);return O.createElement("div",{"data-testid":L,onKeyDown:xn},o&&O.createElement(Ct,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Ae,onClick:ee=>{ge(h,ee)},className:P(fe,g(c))},o),O.createElement("div",{className:H,role:"dialog","aria-modal":F?"true":void 0,"aria-labelledby":l?Jf:void 0,"aria-describedby":i?Zf:void 0,...k},O.createElement("div",{ref:U,className:G},v&&O.createElement("button",{onClick:ee=>{X(m,ee)},className:P(fe,g("modal-close",I("large"))),"aria-label":"close",type:Mc.BUTTON,title:w,"aria-controls":Ae,ref:ee=>ee&&(re.current[0]=ee)}),(l||E)&&O.createElement(Ui,{iconColor:S,iconName:E,textId:Jf},l),i&&typeof i=="string"?O.createElement(Xe,{id:Zf},i):i,e!=null&&e,O.createElement(ix,{className:W},(d!=null||N!=null)&&O.createElement(lx,{centered:!0,className:I("flex")},N&&O.createElement("button",{onClick:ee=>{X(N,ee)},className:P(fe,g("button",I("secondary"))),"aria-controls":Ae,ref:ee=>re.current[1]=ee},"Annuler"),d&&O.createElement("button",{className:P(fe,g("button",I("primary"))),title:u,"aria-controls":Ae,ref:ee=>re.current[2]=ee,onClick:d},O.createElement("span",{className:"sr-only"}," ",u)))||j))))};var em;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(em||(em={}));var tm;(function(e){e.START="start",e.END="end"})(tm||(tm={}));const w0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},T0=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var S;const{styled:p}=ne(),x=P(p,g("price",i&&I(`level-${i}`),a&&I("inverted"),c&&I("inlined"),m&&I("striked"),h&&Se("suptitle"),e)),j=P(p,g(o==dl.ALIGNED_START&&Se("text-left")||o==dl.ALIGNED_CENTER&&Se("text-centered")||o==dl.ALIGNED_END&&Se("text-right")||"")),y=t<0,R=Math.abs(t),L=Math.floor(R),w=y?-L:L;let k=w0(((S=R.toString().split(/[.,]/)[1])===null||S===void 0?void 0:S.substring(0,2))||"");k=k&&k.length===1&&`${k}0`||k;const U=c&&l&&`,${k||"00"} €`||l&&`€${k||"00"}`||"€",F=f.createElement("span",{className:E?P(p,g(I("aligned-center"),I("flex"))):""},f.createElement("span",{"data-testid":u,"aria-label":d,className:x,...v},h&&f.createElement("span",{className:"price-suptitle"},h),f.createElement(Xe,{markup:fn.SPAN},`${w}`),f.createElement("span",{className:P(p,g("price-details"))},f.createElement("span",{className:P(p,g("cents"))},c&&U==="€"?f.createElement(f.Fragment,null," ",U):U,n&&f.createElement("sup",null,n)),s&&f.createElement("span",{className:P(p,g("period"))},"/",s))),E&&f.createElement("span",{className:P(p,g("price-tag"))},f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_SEMIBOLD,ha.TEXT_WHITE]},E," ",N||"€"),N==="€"&&s&&f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_NORMAL,ha.TEXT_WHITE]}," /",s)));return o?f.createElement("div",{className:j},F):F};var nm;(function(e){e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7"})(nm||(nm={}));var rm;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(rm||(rm={}));var sm;(function(e){e.ONE_FIFTH="one-fifth",e.ONE_QUARTER="one-quarter",e.ONE_THRID="one-thrid",e.TWO_FIFTHS="two-fifths",e.THREE_FIFTHS="three-fifths",e.TWO_THIRDS="two-thirds",e.THREE_QUARTERS="three-quarters",e.FOUR_FIFTHS="four-fifths"})(sm||(sm={}));var lm;(function(e){e.LEFT="left",e.RIGHT="right"})(lm||(lm={}));const Wn=f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=ne(),N=P(E,g("progress",a&&I($a(a)),!a&&I("primary"),o&&I("small"),s)),v=P(E,g("progress",c&&I("stacked"),s));return n&&c?f.createElement("div",{ref:t,className:v,...h},n):f.createElement(f.Fragment,null,f.createElement("progress",{className:N,value:l,max:i,...h},l),u&&f.createElement(Xe,{className:Se("text-centered"),level:zt.TWO},u),d&&m&&f.createElement(Fc,{mobile:!0,marginSize:3},f.createElement(Tr,null,f.createElement(Xe,{level:zt.TWO},d)),f.createElement(Tr,{narrow:!0},f.createElement(Xe,{level:zt.TWO},m))))}),hi=f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=ne(),d=P(u,g("progress-bar",a&&I($a(a)),!a&&I("primary"),n));return f.createElement("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})}),Gs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:l,skeleton:i,className:a,small:o,...c})=>{const{styled:u}=ne(),[d,m]=f.useState(0),[h,E]=f.useState(0),N=P(u,g("progress-radial",i&&I("loading"),o&&I("small"),a)),v=P(u,g("progress-radial-content")),S=f.useRef(null),p=(x,j)=>{const y=S.current;if(!y)return;const R=360*x/100,L=360*j/100,w=R;let k;k="radial-gradient(circle at center, white 58%, transparent 58.1%),",k+=`conic-gradient(#0C7B91 0 ${R}deg, #${tx("MAIN")} ${w}deg ${w+L}deg, gainsboro ${w+L}deg 360deg)`,y.style.background=k};return f.useEffect(()=>{let x;m(0),E(0),p(t,n);const j=()=>{m(y=>yycancelAnimationFrame(x)},[t,n]),f.useEffect(()=>{p(d,h)},[d,h]),O.createElement("div",{...c,className:N,ref:S},O.createElement("div",{className:v},s&&O.createElement(Ne,{level:ue.TWO,marginless:!0},s),l&&O.createElement(Xe,{level:zt.ONE,marginless:!0},l),!s&&!l&&e))},ax=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=ne(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),O.createElement("div",{tabIndex:0,className:P(j,g(d?"radio-tile":"radio",v&&I("narrow"),S&&I("marginless"),E&&I("horizontal"),t))},O.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),O.createElement("label",{htmlFor:l,className:P(j,g("radio-label"))},N||O.createElement(O.Fragment,null,h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)))))};f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=ne();return f.createElement("div",{ref:t,className:P(i,g("rows",s&&I("gapless"),n)),...l})});f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=ne(),a=P(i,g("row",s&&I("narrow"),n));return f.createElement("div",{ref:t,className:a,...l})});const L0=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=ne(),a=P(l,g("scroll-view",t&&(()=>{switch(t){case(qn==null?void 0:qn.HORIZONTAL):return I("horizontal");case(qn==null?void 0:qn.VERTICAL):return I("vertical");default:return""}})()));return f.createElement("div",{ref:s,className:a,id:e},n)});L0.displayName="ScrollView";const Lt=O.forwardRef((e,t)=>{const{className:n,skeleton:s,backgroundColor:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=ne(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=P(m,g("section",n,l&&Se(Dl(l)),i&&Se("background"),a&&I("inverted"),I(h?"loading":"loaded"),u&&I("fullwidth"),o&&I("paddingless"),c&&I("vertical-paddingless")));return O.createElement("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})});f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?f.createElement("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v},a||c):f.createElement(ax,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})});const xt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return f.createElement("div",{style:n.spacer})},qs=e=>8*e;var Ea;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=qs(.5)]="SMALLER",e[e.SMALL=qs(1)]="SMALL",e[e.MEDIUM=qs(2)]="MEDIUM",e[e.LARGE=qs(3)]="LARGE",e[e.HUGE=qs(4)]="HUGE"})(Ea||(Ea={}));f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=ne(),o=P(a,g("stepper-wrapper",n)),c=P(a,g("section",Se("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;!((N=E==null?void 0:E.props)===null||N===void 0)&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?f.createElement("section",{ref:t,className:c},f.createElement("div",{className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))):f.createElement("div",{ref:t,className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))});var ml;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(ml||(ml={}));O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=ne(),E=P(h,g("step-label")),N=P(h,g("stepper-item",l&&I("active"),a&&I("current"),o&&I("done"),d&&I("error"),s)),S=i&&(p=>{if(p in ml||Object.values(ml).includes(p))return!0})(i)?i:ml.DIV;return O.createElement(S,{ref:t,className:N,"data-label":c,...m},O.createElement("div",{className:E},c||n,!o&&u&&O.createElement(Nt,{name:u&&u,className:"step-icon",size:hn.MEDIUM})))});var im;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(im||(im={}));var am;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(am||(am={}));const om=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=ne();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),O.createElement("div",{className:P(v,g("switch",m&&I("reversed"),e))},O.createElement("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:P(v,g(o&&I($a(o)))),...h}),O.createElement("label",{htmlFor:`switch-${t}`},n))};O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=ne(),[y,R]=O.useState(!1),L=P(j,g("tabs",o&&I("right"),c&&I("fullwidth"),d&&I("centered"),m&&I("marginless"),y&&I("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),O.createElement("div",{ref:t,className:P(j,g("tab-context",h&&I("inverted"),u&&Se(`text-${u}`),E&&I("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v},O.createElement("div",{className:L,role:"tablist",...S},O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})))});O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=ne(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=P(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return O.createElement(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)}return O.createElement("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)});f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=ne();return f.createElement("span",{ref:t,className:P(o,g("tags",l&&I("centered"),s&&I("gapless"),i&&I("marginless"),n)),...a})});var cm;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(cm||(cm={}));const wo=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("timeline-content",t));return e?f.createElement("div",{className:u,...o},e):f.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&f.createElement(Xe,{markup:fn.P},n),s&&f.createElement(Xe,{className:"main-content",markup:fn.P},s),l&&f.createElement(S0,{href:l},i||l))},To=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=ne(),u=P(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return f.createElement("div",{ref:t,className:u,...o})}),Lo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=ne(),o=P(a,g("timeline-marker",I("icon"),e)),c=g(t);return f.createElement("div",{className:o,...i,"data-testid":l},f.createElement("div",{className:"card-header-icon"},f.createElement(Nt,{color:s,className:c,name:n,size:hn.SMALL})))},A0=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=ne(),o=P(a,g("timeline",s&&s,l&&I("horizontal"),n));return f.createElement("div",{ref:t,className:o,...i})});var ga;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label"})(ga||(ga={}));const I0=({children:e,style:t,className:n,loading:s,onClick:l,backgroundColor:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=ne(),S=u&&(x=>{if(x in ga||Object.values(ga).includes(x))return!0})(u)?u:"div",p=P(N,g(typeof s=="string"&&I(p0(s)),I(typeof s=="boolean"?"loading":"loaded"),i&&Se(Dl(i)),a&&Se("background"),o&&I("inverted")||I("base"),c&&I("fullwidth"),d&&I("flex"),typeof m=="string"&&I(h0(m)),typeof h=="string"&&I(_r(h)),n));return f.createElement(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E},e)};var um;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(um||(um={}));var dm;(function(e){e.SPACE_BETWEEN="space-between",e.SPACE_AROUND="space-around",e.FLEX_START="flex-start",e.FLEX_END="flex-end",e.CENTER="center"})(dm||(dm={}));const k0=async()=>[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],_0=()=>{const[e,t]=f.useState(""),[n,s]=f.useState(""),[l,i]=f.useState(!1),[a]=[["name","age","car","test","trilogy"]],o=u=>{console.log("OnChange Autocomplete : ",u),t(u.inputValue)},c=u=>{console.log("onIconClick Autocomplete : ",u)};return r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(xe.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(h=>({label:h.l,data:{description:h.s}})),data:[],placeholder:"Marque et modèle de votre ancien téléphone",onItemSelected:({value:u})=>{console.log("value : ",u)},value:n,onChange:({inputValue:u})=>s(u),debounceSuggestionsTimeout:500,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete custom data"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:k0,placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(q,{children:r.jsxs(lx,{children:[r.jsx(te,{variant:Te.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>i(!l),children:l?"enable":"disable"})]})})]}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:l,placeholder:"Autocomplete",onItemSelected:u=>{t(u.value||""),console.log("onItemSelected : ",u.value)},onChange:o,onIconClick:c,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]})]})},O0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Simple"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})]}),r.jsx(ie,{background:Ve.MAIN,inverted:!0,children:r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})}),r.jsx(_,{level:M.ONE,children:"Im a Title"}),r.jsx(A,{level:_e.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"UN",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{active:!0,id:"DEUX",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{disabled:!0,id:"TROIS",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(Yp,{display:!0,status:Tn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(xe.AutoComplete,{customIcon:D.ALERT,displayMenu:!0,data:["1","2"]})]}),D0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Content props string"}),r.jsx(zs,{content:"1"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Content props number"}),r.jsx(zs,{content:1}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"TextContent props"}),r.jsx(zs,{content:2,textContent:"Text with badge"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Icon badgeContent "}),r.jsx(z,{name:D.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Color + TextContent props "}),r.jsx(Ye,{inlined:!0,children:Object.values(Xp).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Direction props "}),r.jsx(Ye,{inlined:!0,children:Object.values(da).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{direction:e,content:2,textContent:"Text"})},t))})]}),M0=()=>{const[e,t]=f.useState(!1);return r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(Rn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ye,{multiline:!0,children:[r.jsx(q,{size:6}),r.jsx(q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]})}),r.jsx(q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})}),r.jsx(q,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})})]}),r.jsx(V,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:ce.MAIN,inverted:!0,children:[r.jsx(Rn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(ke,{amount:100})]})]}),r.jsxs(ie,{background:{color:ce.MAIN,fade:!0},children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(z,{name:D.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."}),r.jsx(ie,{background:{color:ce.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsxs(Ye,{children:[r.jsx(q,{size:5,children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(q,{size:5,children:r.jsx(ie,{background:{color:ce.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.ERROR,className:"is-fullheight",children:[r.jsx(Rn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})}),r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"FADE_NEUTRAL",children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(he,{children:r.jsx(_,{level:M.FOUR,children:"Highlited box"})}),r.jsx(Xr,{background:"SUCCESS",children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})})]}),r.jsx(V,{}),r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.MAIN,children:"Box is-unboxed"}),r.jsxs(he,{children:[r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(V,{unboxed:!0}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.ACCENT,children:"Box with Header , Content and Footer"}),r.jsx(he,{children:r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple Box with footer"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsx(ie,{markup:Fu.A,children:r.jsxs(he,{children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Clickable box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat."})]})})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})})]})]})})},P0=()=>{const[e,t]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Ze,{children:r.jsx(Je,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(Ic,{children:[r.jsx(ds,{}),r.jsx(ds,{children:r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(ci,{children:[r.jsx(ft,{href:"https://Home.fr",children:"Home"}),r.jsx(ft,{to:"#anchor",children:"Catalog"}),r.jsx(ft,{children:"Accessories"}),r.jsx(ft,{active:!0,children:"Current page"})]})})})]})})]})},pi=()=>r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:10}),r.jsx(V,{}),r.jsx(ve,{size:50})]}),F0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"loading + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"disabled + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"fullwidth "}),r.jsx(ve,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"iconName "}),r.jsx(ve,{size:10}),r.jsxs(Js,{children:[r.jsx(te,{iconName:D.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:D.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:D.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:D.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),U0=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{active:!0,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{markup:Uu.A,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"Reversed "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{reversed:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Flat "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{flat:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card flat"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Horizontal "}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{horizontal:!0,children:[r.jsx(Ut,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{backgroundColor:ce.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Floating (inside component)"}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Mu,{className:"is-marginless",children:r.jsxs(er,{active:!0,children:[r.jsx(tr,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(nr,{children:r.jsxs(Ze,{floating:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{flat:!0,fullheight:!0,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card with fullheight props"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]})]})},b0=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsx(A,{typo:fr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(q,{children:r.jsx(En,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(q,{children:r.jsx(En,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:20}),r.jsx(En,{checked:!0,iconTile:D.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(En,{checked:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",label:"Checkbox simple"})]})}),H0=()=>{f.useState(!1);const[e,t]=f.useState(!1),[n,s]=f.useState(!1),[l,i]=f.useState(!1),[a,o]=f.useState(!1),[c,u]=f.useState(!1),[d,m]=f.useState(!1),[h,E]=f.useState(!1);return r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Chips selection multiple "}),r.jsxs(gf,{multiple:!0,children:[r.jsx(Un,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{i(!l)},active:l,children:"Chips 3"}),r.jsx(Un,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:M.TWO,children:"Chips selection unique "}),r.jsxs(gf,{children:[r.jsx(Un,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{m(!d)},active:d,children:"Chips 3"}),r.jsx(Un,{onClick:()=>{E(!h)},active:h,children:"Chips 4"})]})]})})},z0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:M.THREE,children:"Column responsive"}),r.jsx(V,{}),r.jsxs(Ye,{mobile:!0,children:[r.jsx(q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Column Inlined"}),r.jsx(V,{}),r.jsxs(Ye,{inlined:!0,marginSize:3,children:[r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),$0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(De,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:M.THREE,children:"Conteneur simple"})]})})}),r.jsx(V,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur fluid"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur medium"}),r.jsx(V,{}),r.jsx(De,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fullwidth"}),r.jsx(V,{}),r.jsx(De,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fluide centré"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-right"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledRight:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledRight"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc massa est, tincidunt a metus vel, bibendum tempor lorem. Donec sit amet elit vel felis mattis faucibus et at nisi. Mauris vel lacinia diam. Integer convallis sit amet turpis at scelerisque. In suscipit enim turpis, vitae viverra urna pulvinar vel. Praesent rutrum ante id quam rhoncus, id elementum nulla bibendum. Integer suscipit lorem ut convallis aliquet. Mauris eget nibh tellus. In pretium cursus dignissim. Nam tincidunt consequat condimentum. Ut a arcu ultrices, luctus arcu eu, ullamcorper neque. Mauris sagittis pulvinar tempus. Pellentesque egestas eros turpis, eu fringilla sem convallis sit amet. Nam a nisi non sapien finibus aliquet bibendum sed est. Integer ullamcorper lorem sit amet leo mattis, eget ornare purus molestie. Proin mattis pellentesque gravida. Ut rutrum vel tellus ut pellentesque. Mauris ac turpis massa. Curabitur lectus diam, pharetra a lorem ac, ultricies auctor turpis. Ut posuere metus vel quam condimentum, nec sagittis erat vestibulum. Fusce id nulla nisi."})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-left"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledLeft:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledLeft"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"})]})]}),W0=()=>r.jsxs(Q,{children:[r.jsx(jf,{inverted:!0,deadline:new Date("2023-12-24 18:00:00")}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(jf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:ul.DAY_HOUR_MIN})]}),B0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(V,{iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,backgroundColor:ce.MAIN,textColor:ce.BACKGROUND,iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsxs(ie,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,textColor:ce.MAIN,backgroundColor:ce.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(V,{unboxed:!0})})}),r.jsx(V,{})]}),V0=()=>{const[e,t]=f.useState(!1);return r.jsx(Ge,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Oj,{extended:e,onClick:()=>t(!e),iconName:D.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},G0=()=>r.jsxs(Q,{children:[r.jsx(_i,{background:Ve.MAIN,overlap:!0,inverted:!0,children:r.jsxs(De,{children:[r.jsx(_,{markup:Pl.H1,level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})}),r.jsx(Q,{children:r.jsx(De,{children:r.jsx(ie,{background:{color:Ve.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})})})}),r.jsx(V,{}),r.jsx(_i,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"ONE",children:"Hero with image background"}),r.jsx(te,{markup:Ts.BUTTON,variant:"PRIMARY",onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})}),r.jsx(V,{}),r.jsx(_i,{background:Ve.MAIN,inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:Te.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var le;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TRASH="tri-trash"})(le||(le={}));const q0=()=>r.jsxs(Q,{children:[r.jsx(z,{size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{name:le.ARROW_DOWN,color:ws.GREY,size:K.SMALL}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_UP}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_LEFT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_DOWN}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK_CIRCLE}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx(z,{name:le.ALERT})]}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,content:"Icon with text props content",position:bt.UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_DOWN}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_LEFT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALL,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.LARGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALLER,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_CENTER,size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_END,size:K.LARGE,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.LARGE,name:le.TIMES}),r.jsx(z,{color:ws.ERROR,circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(z,{circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(_,{level:M.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(V,{}),r.jsxs(De,{children:[r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.UP,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.DOWN,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.LEFT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.RIGHT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Center align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_CENTER,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Top align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_START,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_END,name:le.TIMES})]}),r.jsx(Ge,{children:r.jsx(z,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:bt.LEFT,name:le.TIMES})})]}),r.jsx(_,{level:M.THREE,children:"Icon with status"}),r.jsx(V,{}),r.jsx(z,{statusPosition:Tc.TOP,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES}),r.jsx(z,{statusPosition:Tc.BOTTOM,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES})]}),Y0=()=>r.jsxs(Q,{children:[r.jsx(Ne,{level:ue.THREE,children:"Image simple"}),r.jsx(go,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(go,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(Ne,{level:ue.THREE,children:"Image rounded"}),r.jsx(go,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),X0=()=>{const[e,t]=O.useState(),[n,s]=O.useState("");f.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function l(i){const o=i.replace(",",".").replace(/[^0-9.]/g,"").split(".").filter((u,d)=>d<=1);let c=o[1]||"";return c.length>2&&(c=c.substring(0,2)),o.join(".")}return r.jsxs(Q,{background:Ve.BACKGROUND,children:[r.jsx(xe,{label:"Input label not dynamic with sample",sample:"Input sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{label:"Input label not dynamic without sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{type:we.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:i=>s(i.inputValue)}),r.jsx(xe,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(xe,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:we.TEXT,onIconClick:()=>{window.alert("lol")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with search & customIcon",help:"CustomIcon takes precedence over the display of the search to avoid displaying 2 icons, one above the other.",type:we.TEXT,onIconClick:()=>{window.alert("test")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,status:Et.SUCCESS,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,customValidator:i=>i==="machin"?Et.SUCCESS:Et.WARNING,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:Et.SUCCESS,customIcon:D.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:i=>{t(l(i.inputValue))}}),r.jsxs(pn,{children:[r.jsx(_,{level:M.THREE,children:"Champs"}),r.jsx(V,{}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:Et.SUCCESS,customIcon:D.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:i=>{t(l(i.inputValue))}}),r.jsx(xe,{type:we.TEXT,placeholder:"Input type texte"}),r.jsx(xe,{type:we.NUMBER,placeholder:"Input type number"}),r.jsx(xe,{type:we.PASSWORD,placeholder:"Input type password"}),r.jsx(xe,{type:we.DATE,placeholder:"Input type date"}),r.jsx(xe,{type:we.EMAIL,placeholder:"Input type mail"}),r.jsx(xe,{help:"This password does not meet the security requirements.",type:we.TEXT,status:Et.ERROR,placeholder:"This is an error message"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder",customIconLeft:D.INFOS_CIRCLE}),r.jsx(xe,{type:"password",hasIcon:!0,securityGauge:!0,help:r.jsx(at,{children:"1ère connexion / Mot de passe oublié ?"}),placeholder:"this is my placeholder",minLength:8,maxLength:15,validationRules:{lowercase:!0,uppercase:!0,number:!0,specialChars:!0,length:{max:4,min:2}}}),r.jsx(xe,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(xe,{defaultValue:"My 2nd default input value",help:"this is my help message",type:we.TEXT,status:Et.WARNING,customIcon:D.SEARCH,placeholder:"This is my placeholder"})]})]})},K0=()=>r.jsx(Q,{children:r.jsxs(N0,{children:[r.jsx(_,{level:M.THREE,children:"Links inline"}),r.jsxs(A,{children:["I'm in a paragraph and this is a ",r.jsx(at,{children:"standard link"})," while this is a ",r.jsx(at,{children:"standard ununderlined link."})," If I want atertiary colored link, I can also use this",r.jsx(at,{children:"underlined link"}),", or this ",r.jsx(at,{children:"underlined one."})]}),r.jsx(_,{level:M.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:M.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:D.ARROW_RIGHT,children:"External link"})]})}),Q0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"List with divider"}),r.jsxs(ui,{children:[r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,action:r.jsx(z,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(ax,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{action:r.jsx(y0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{status:xa.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(e1,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(Z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(J0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,status:xa.ERROR,customIcon:cn.TIMES,action:r.jsx(z,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(z,{name:"tri-trash",size:"small"}),action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),Z0=()=>r.jsx(I0,{style:{width:8,height:8,borderRadius:8,backgroundColor:tx(Ve.MAIN)}}),J0=()=>r.jsx(C0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),e1=()=>r.jsx(z,{size:"small",name:"tri-alert",color:_c.INFO}),t1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Vs,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(A0,{children:[r.jsxs(To,{done:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"08 July",content:"Step 1"})]}),r.jsxs(To,{active:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(To,{undone:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Xe,{children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of de Finibus Bonorum et Malorum (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, Lorem ipsum dolor sit amet.. , comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from de Finibus Bonorum et Malorum by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undo"})]}),r.jsx(Vs,{content:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`,title:"title modal",triggerContent:"Open accessible modal",ctaContent:"Action",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),iconName:cn.BELL,closeIcon:!0,ctaCancelOnClick:()=>alert("toto"),titleButtonClose:"Fermer"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal custom "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Ui,{children:"Custom title"}),r.jsx(Xe,{htmlContent:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`}),r.jsx(ix,{children:"Custom Footer"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]})]}),n1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"OTP"}),r.jsx(di,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{error:!0,errorMessage:"This is an error message",onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Error"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),r1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Pagination"}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`})]}),r.jsxs(Q,{children:[r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),s1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(q,{children:r.jsx(bn,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(q,{children:r.jsx(bn,{content:r.jsxs(r.Fragment,{children:[r.jsx(We,{variant:Be.ERROR,children:"Test"}),r.jsx(z,{name:D.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(q,{children:r.jsx(bn,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover direction"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),l1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Price tag"}),r.jsx(ke,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(_,{level:M.THREE,children:"Simple"}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inlined"}),r.jsx(ke,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Alignement"}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_CENTER}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_END}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Size"}),r.jsx(ke,{level:Xt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inverted price"}),r.jsxs(_i,{background:qp.MAIN,children:[r.jsx(ke,{inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{striked:!0,inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"With or Without cents"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months",showCents:!0})]}),i1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Product tour"}),r.jsx(V,{})]}),r.jsx(Q,{children:r.jsx(Gj,{avatarDirection:Jp.LEFT,active:!0,closeable:!0,arrowDirection:Zp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),a1=()=>r.jsxs(Lt,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30}),r.jsx(Wn,{percent:30,status:"INFO"}),r.jsx(Wn,{percent:30,status:"WARNING"}),r.jsx(Wn,{percent:30,status:"ERROR"}),r.jsx(Wn,{percent:30,status:"SUCCESS"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs(Wn,{stacked:!0,children:[r.jsx(hi,{percent:15,status:Tn.SUCCESS}),r.jsx(hi,{percent:15,status:Tn.INFO}),r.jsx(hi,{percent:15,status:Tn.WARNING}),r.jsx(hi,{percent:15,status:Tn.ERROR})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30,status:Tn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:15,status:Tn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,alert:AlertState.INFO,secondAlert:AlertState.WARNING,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Gs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Xe,{typo:[Ml.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(Ne,{level:"THREE",children:"Vide : "}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),o1=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})}),r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})})]}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(q,{children:r.jsx(Pt,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(q,{children:r.jsx(Pt,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,iconTile:D.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,label:"Radio tile",name:"radio",value:"default value 1",description:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EYE,size:K.LARGE}),r.jsx(z,{name:D.EYE_SLASH,size:K.LARGE}),r.jsx(z,{name:D.INFOS_CIRCLE,size:K.LARGE})]})]}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EXCLAMATION_CIRCLE}),r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(_,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(ds,{children:r.jsx(A,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium id sem quis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula semper leo, a scelerisque erat tristique id."})})]})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),c1=()=>r.jsx(Q,{children:r.jsx(qj,{min:0,max:100,labelValueCursorMin:"€",labelValueCursorMax:"€",valueCursorMin:0,valueCursorMax:50,label:"Ceci est un label",idMin:"min",idMax:"max",nameMax:"max",nameMin:"min",onChangeMin:e=>console.log(e),onChangeMax:e=>console.log(e),gap:0})}),u1=()=>r.jsx(Q,{background:Ve.BACKGROUND,children:r.jsxs(Yj,{children:[r.jsx(el,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(el,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(el,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(el,{disabled:!0,children:"Item 4"})]})}),d1=()=>{const[e,t]=f.useState(["opt_one","Venus"]),[n,s]=f.useState(["opt_one","opt_two"]),[l,i]=f.useState("opt_two"),[a,o]=f.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(Ne,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{disabled:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:l,onChange:c=>{i(c.selectValue)},children:[r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0,iconName:"tri-bell"}),r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile",iconName:"tri-bell"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto",iconName:"tri-bell"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus",iconName:"tri-bell"})]}),r.jsx(Zr,{onClick:()=>i("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:a,onChange:c=>{o(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Multiple options"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:n,onChange:c=>{c!=null&&c.selectedOptions&&s(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(Zr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(Ne,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:D.ALERT,selected:l,onChange:c=>{c!=null&&c.selectValue&&i(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"multiple option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,native:!0,name:"option",id:"id",selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20})]})]})},f1=()=>r.jsx(Q,{children:r.jsx(pn,{edgeSize:be.MEDIUM,edges:["top","bottom"],children:r.jsxs(Qj,{activeIndex:1,align:Ce.ALIGNED_CENTER,children:[r.jsx(Di,{children:"Selector One"}),r.jsx(Di,{children:"Selector Two"}),r.jsx(Di,{children:"Selector Three"})]})})}),m1=()=>{const[e,t]=f.useState(1),n=f.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Etapes"}),r.jsx(V,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.ONE,children:"Mon panier"}),r.jsx(ve,{size:30}),r.jsxs(Zj,{children:[r.jsx(Bs,{done:1r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsx(jr,{children:"Sticker"}),r.jsx(jr,{variant:"ACCENT",children:"Sticker"}),r.jsx(jr,{variant:"INFO",children:"Sticker"}),r.jsx(ve,{size:be.HUGE,horizontal:!0}),r.jsx(jr,{variant:fl.ACCENT,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.INFO,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.MAIN,small:!0,children:"Sticker"}),r.jsx(ve,{size:be.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(jr,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(T0,{amount:100})})]})]})}),p1=()=>r.jsxs(Q,{children:[r.jsx(Nr,{status:ua.ERROR,label:"Switch one",name:"switch one",onChange:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)},onClick:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)}}),r.jsx(Nr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),x1=()=>{const[e,t]=f.useState(1),[n,s]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Event"}),r.jsxs(Sr,{activeIndex:e,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,centered:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},v1=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsx(za,{children:r.jsxs(So,{bordered:!0,fullwidth:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Paramètre"}),r.jsx(Ke,{children:"Description"}),r.jsx(Ke,{children:"Défaut"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en prod"})]})}),r.jsxs(Co,{children:[r.jsx(pt,{}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(J,{children:"Activation / désactivation de l’introspection"}),r.jsx(J,{children:"true"}),r.jsx(J,{children:"false"}),r.jsx(J,{children:"true"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(J,{children:"Contexte par default"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(J,{children:"URL de SWAP"}),r.jsx(J,{children:"A compléter"}),r.jsx(J,{children:r.jsx(at,{href:"https://local.a7.127.0.0.1.sslip.io/",children:"https://local.a7.127.0.0.1.sslip.io/"})}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(J,{children:"Nombre de threads"}),r.jsx(J,{children:"4"}),r.jsx(J,{children:"TBD"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(J,{children:" "}),r.jsx(J,{children:" "}),r.jsx(J,{children:"DEV"}),r.jsx(J,{children:" "})]})]})]})}),r.jsxs(So,{fullwidth:!0,bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Date"}),r.jsx(Ke,{children:"Libellé opération"}),r.jsx(Ke,{children:"Montant"}),r.jsx(Ke,{children:"Solde client"}),r.jsx(Ke,{children:"Opérations associées"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(J,{children:"09/11/2018"}),r.jsxs(J,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(J,{children:"-100,00 €"}),r.jsx(J,{children:"0,00 €"}),r.jsx(J,{"data-expandable-trigger":"",children:r.jsx(z,{name:D.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(pt,{expansion:!0,children:r.jsx(J,{colSpan:7,children:r.jsxs(Ge,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:_e.FOUR,children:"Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"}),r.jsx(A,{children:"Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip."})]})})})]})]}),r.jsxs(So,{bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Title 1"}),r.jsx(Ke,{children:"Title 2"}),r.jsx(Ke,{children:"Title 3"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 1"}),r.jsx(J,{children:"Donnée 2"}),r.jsx(J,{children:"Donnée 3"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 4"}),r.jsx(J,{children:"Donnée 5"}),r.jsx(J,{children:"Donnée 6"})]})]})]})]})},E1=()=>r.jsxs(r.Fragment,{children:[r.jsx(De,{children:r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.INFO,children:"Tag secondaire"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.WARNING,children:"Tag warning"})]})}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag default"}),r.jsx(V,{}),r.jsx(A,{children:"In list"}),r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{variant:Be.INFO,children:"Tag info"}),r.jsx(We,{variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{variant:Be.WARNING,children:"Tag warning"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag avec icone"}),r.jsx(V,{}),r.jsxs(Ro,{children:[r.jsx(We,{iconName:D.EXCLAMATION_CIRCLE,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{iconName:D.INFOS_CIRCLE,variant:Be.INFO,children:"Tag info"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Small tag"}),r.jsx(V,{}),r.jsx(We,{small:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{small:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{small:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Inverted tag"}),r.jsx(V,{}),r.jsx(We,{inverted:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{inverted:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.INFO,children:"Tag info"})]})]}),g1=()=>r.jsxs(Q,{children:[r.jsx(A,{numberOfLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati quia voluptatum! Assumenda blanditiis dignissimos eligendi excepturi facere facilis, fuga incidunt necessitatibus non obcaecati praesentium quam quia soluta veniam vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam amet asperiores autem dicta esse et id, incidunt ipsa magni molestiae nesciunt non pariatur quasi, quia reiciendis repudiandae tempora voluptatibus."}),r.jsx(A,{level:_e.ONE,children:"my super text 1"}),r.jsx(A,{level:_e.TWO,children:"my super text 2"}),r.jsx(A,{level:_e.THREE,children:"my super text 3"}),r.jsx(A,{level:_e.FOUR,children:"my super text 4"}),r.jsxs(A,{level:_e.TWO,children:["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur at deleniti doloremque ea, earum explicabo illo inventore minima optio pariatur ratione similique suscipit vero. Accusamus dicta impedit laudantium neque nulla!",r.jsx(A,{link:!0,onClick:e=>console.log(e),children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur consequuntur dicta esse eum inventore, ipsum magnam minima modi nobis nulla placeat quas qui saepe voluptate voluptates voluptatibus. Doloribus, unde?"}),"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem culpa, dignissimos distinctio, eum in ipsum magni nihil officia pariatur perferendis, recusandae rem reprehenderit. Aliquid eius expedita quasi quia reiciendis, sint."]}),r.jsx(Ye,{children:r.jsxs(q,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Js,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),j1=()=>r.jsxs(Q,{children:[r.jsx(yn,{label:"Textarea label not dynamic with sample",sample:"Textarea sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,statusIconName:"tri-exclamation-circle",dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{label:"Textarea label not dynamic without sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(V,{}),r.jsx(yn,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(yn,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:D.CHECK}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:D.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon error",label:"Label",iconName:D.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),N1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Rf,{horizontal:!0,children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(Rf,{children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),S1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.ONE,children:"Title level 1"}),r.jsx(_,{level:M.TWO,children:"Title level 2"}),r.jsx(_,{level:M.THREE,children:"Title level 3"}),r.jsx(_,{level:M.FOUR,children:"Title level 4"}),r.jsx(_,{level:M.FIVE,children:"Title level 5"}),r.jsx(_,{level:M.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(V,{})]}),y1=()=>r.jsxs(Q,{children:[r.jsx(Ge,{markup:Es.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ge,{markup:Es.SPAN}),r.jsxs(Ge,{markup:Es.DIV,flexable:!0,justify:Gp.SPACE_BETWEEN,align:Ce.ALIGNED_CENTER,children:[r.jsx(te,{variant:Te.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:M.THREE,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias culpa dolorum error et ex exercitationem, explicabo fugiat fugit, id impedit iste libero modi, molestiae nisi nobis quis sapiente ut voluptas?"})]})]}),ja=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:Jj,AlertScreen:j0,AutoCompleteScreen:_0,AutolayoutScreen:O0,BadgeScreen:D0,BoxScreen:M0,BreadcrumScreen:P0,ButtonScreen:F0,CardScreen:U0,CheckboxScreen:b0,ChipsScreen:H0,ColumnScreen:z0,ContainerScreen:$0,CountdownScreen:W0,DividerScreen:B0,FabScreen:V0,HeroScreen:G0,IconScreen:q0,ImageScreen:Y0,InputScreen:X0,LinkScreen:K0,ListScreen:Q0,ModalScreen:t1,OtpScreen:n1,PaginationScreen:r1,PopoverScreen:s1,PriceScreen:l1,ProductTourScreen:i1,ProgressScreen:a1,RadioScreen:o1,RangeScreen:c1,SegmentedControlScreen:u1,SelectView:d1,SelectorView:f1,StepperScreen:m1,StickerScreen:h1,SwitchScreen:p1,TabScreen:x1,TableScreen:v1,TagScreen:E1,TextScreen:g1,TextareaScreen:j1,TimelineScreen:N1,TitleScreen:S1,ViewScreen:y1},Symbol.toStringTag,{value:"Module"})),C1=({navigation:e})=>{const[t,n]=f.useState(Object.keys(ja)),s=f.useCallback(l=>{const i={...Object.keys(ja)};Object.keys(i).forEach(a=>{i[a].toLocaleLowerCase().includes(l.toLocaleLowerCase())||delete i[a]}),n(i)},[]);return r.jsx(za,{children:r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.ONE,typo:[fr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:_e.ONE,typo:[fr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(xe,{placeholder:"Rechercher un composant",onChange:l=>s(l.inputValue)}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((l,i)=>{const[a]=t[l].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ye,{children:[r.jsx(q,{size:11,children:r.jsx(_,{level:M.THREE,children:a})}),r.jsx(q,{verticalCenter:!0,size:1,children:r.jsx(z,{name:D.ARROW_RIGHT})})]})})},i)})]})})})},R1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(za,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]})]}),w1=()=>{const e=Eg();return r.jsxs(Dg,{children:[Object.keys(ja).map((t,n)=>{const[s]=t.split("Screen"),l=ja[t];return r.jsx(Li,{path:s,element:r.jsx(R1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(l,{})})},n)}),r.jsx(Li,{path:"/",element:r.jsx(C1,{navigation:{navigate:e}})}),r.jsx(Li,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},T1=document.getElementById("root"),L1=wp(T1);L1.render(r.jsx(f.StrictMode,{children:r.jsx(zg,{children:r.jsx(Fg,{children:r.jsx(w1,{})})})})); diff --git a/docs/templates/assets/index-c66d9cff.js b/docs/templates/assets/index-c66d9cff.js new file mode 100755 index 00000000..69fad78a --- /dev/null +++ b/docs/templates/assets/index-c66d9cff.js @@ -0,0 +1,79 @@ +function vx(e,t){for(var n=0;ns[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))s(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const a of i.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Uc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fm={exports:{}},Na={},mm={exports:{}},de={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Fl=Symbol.for("react.element"),Ex=Symbol.for("react.portal"),gx=Symbol.for("react.fragment"),jx=Symbol.for("react.strict_mode"),Nx=Symbol.for("react.profiler"),Sx=Symbol.for("react.provider"),yx=Symbol.for("react.context"),Cx=Symbol.for("react.forward_ref"),Rx=Symbol.for("react.suspense"),wx=Symbol.for("react.memo"),Tx=Symbol.for("react.lazy"),qu=Symbol.iterator;function Lx(e){return e===null||typeof e!="object"?null:(e=qu&&e[qu]||e["@@iterator"],typeof e=="function"?e:null)}var hm={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},pm=Object.assign,xm={};function As(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}As.prototype.isReactComponent={};As.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};As.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function vm(){}vm.prototype=As.prototype;function bc(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}var Hc=bc.prototype=new vm;Hc.constructor=bc;pm(Hc,As.prototype);Hc.isPureReactComponent=!0;var Yu=Array.isArray,Em=Object.prototype.hasOwnProperty,zc={current:null},gm={key:!0,ref:!0,__self:!0,__source:!0};function jm(e,t,n){var s,l={},i=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(i=""+t.key),t)Em.call(t,s)&&!gm.hasOwnProperty(s)&&(l[s]=t[s]);var o=arguments.length-2;if(o===1)l.children=n;else if(1>>1,ge=H[X];if(0>>1;Xl(xn,W))eel(Pe,xn)?(H[X]=Pe,H[ee]=W,X=ee):(H[X]=xn,H[Ct]=W,X=Ct);else if(eel(Pe,W))H[X]=Pe,H[ee]=W,X=ee;else break e}}return G}function l(H,G){var W=H.sortIndex-G.sortIndex;return W!==0?W:H.id-G.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,m=null,h=3,E=!1,N=!1,v=!1,S=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,x=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function j(H){for(var G=n(u);G!==null;){if(G.callback===null)s(u);else if(G.startTime<=H)s(u),G.sortIndex=G.expirationTime,t(c,G);else break;G=n(u)}}function y(H){if(v=!1,j(H),!N)if(n(c)!==null)N=!0,ae(R);else{var G=n(u);G!==null&&me(y,G.startTime-H)}}function R(H,G){N=!1,v&&(v=!1,p(k),k=-1),E=!0;var W=h;try{for(j(G),m=n(c);m!==null&&(!(m.expirationTime>G)||H&&!se());){var X=m.callback;if(typeof X=="function"){m.callback=null,h=m.priorityLevel;var ge=X(m.expirationTime<=G);G=e.unstable_now(),typeof ge=="function"?m.callback=ge:m===n(c)&&s(c),j(G)}else s(c);m=n(c)}if(m!==null)var Ot=!0;else{var Ct=n(u);Ct!==null&&me(y,Ct.startTime-G),Ot=!1}return Ot}finally{m=null,h=W,E=!1}}var L=!1,w=null,k=-1,U=5,F=-1;function se(){return!(e.unstable_now()-FH||125X?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(v?(p(k),k=-1):v=!0,me(y,W-X))):(H.sortIndex=ge,t(c,H),N||E||(N=!0,ae(R))),H},e.unstable_shouldYield=se,e.unstable_wrapCallback=function(H){var G=h;return function(){var W=h;h=G;try{return H.apply(this,arguments)}finally{h=W}}}})(Cm);ym.exports=Cm;var Hx=ym.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Rm=f,Wt=Hx;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ao=Object.prototype.hasOwnProperty,zx=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Ku={},Qu={};function $x(e){return Ao.call(Qu,e)?!0:Ao.call(Ku,e)?!1:zx.test(e)?Qu[e]=!0:(Ku[e]=!0,!1)}function Wx(e,t,n,s){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return s?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Bx(e,t,n,s){if(t===null||typeof t>"u"||Wx(e,t,n,s))return!0;if(s)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function yt(e,t,n,s,l,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ct[e]=new yt(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ct[t]=new yt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ct[e]=new yt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ct[e]=new yt(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ct[e]=new yt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ct[e]=new yt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ct[e]=new yt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ct[e]=new yt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ct[e]=new yt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Wc=/[\-:]([a-z])/g;function Bc(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!1,!1)});ct.xlinkHref=new yt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!0,!0)});function Vc(e,t,n,s){var l=ct.hasOwnProperty(t)?ct[t]:null;(l!==null?l.type!==0:s||!(2o||l[a]!==i[o]){var c=` +`+l[a].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{Ga=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ys(e):""}function Vx(e){switch(e.tag){case 5:return Ys(e.type);case 16:return Ys("Lazy");case 13:return Ys("Suspense");case 19:return Ys("SuspenseList");case 0:case 2:case 15:return e=qa(e.type,!1),e;case 11:return e=qa(e.type.render,!1),e;case 1:return e=qa(e.type,!0),e;default:return""}}function Oo(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case es:return"Fragment";case Jr:return"Portal";case Io:return"Profiler";case Gc:return"StrictMode";case ko:return"Suspense";case _o:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Lm:return(e.displayName||"Context")+".Consumer";case Tm:return(e._context.displayName||"Context")+".Provider";case qc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Yc:return t=e.displayName||null,t!==null?t:Oo(e.type)||"Memo";case Bn:t=e._payload,e=e._init;try{return Oo(e(t))}catch{}}return null}function Gx(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Oo(t);case 8:return t===Gc?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function mr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Im(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function qx(e){var t=Im(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),s=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(a){s=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return s},setValue:function(a){s=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Vl(e){e._valueTracker||(e._valueTracker=qx(e))}function km(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=Im(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function bi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Do(e,t){var n=t.checked;return ze({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ju(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=mr(t.value!=null?t.value:n),e._wrapperState={initialChecked:s,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function _m(e,t){t=t.checked,t!=null&&Vc(e,"checked",t,!1)}function Mo(e,t){_m(e,t);var n=mr(t.value),s=t.type;if(n!=null)s==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(s==="submit"||s==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Po(e,t.type,n):t.hasOwnProperty("defaultValue")&&Po(e,t.type,mr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ed(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var s=t.type;if(!(s!=="submit"&&s!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Po(e,t,n){(t!=="number"||bi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Xs=Array.isArray;function fs(e,t,n,s){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Gl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function pl(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var tl={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Yx=["Webkit","ms","Moz","O"];Object.keys(tl).forEach(function(e){Yx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),tl[t]=tl[e]})});function Pm(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||tl.hasOwnProperty(e)&&tl[e]?(""+t).trim():t+"px"}function Fm(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,l=Pm(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,l):e[n]=l}}var Xx=ze({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function bo(e,t){if(t){if(Xx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Ho(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var zo=null;function Xc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var $o=null,ms=null,hs=null;function rd(e){if(e=Hl(e)){if(typeof $o!="function")throw Error(b(280));var t=e.stateNode;t&&(t=wa(t),$o(e.stateNode,e.type,t))}}function Um(e){ms?hs?hs.push(e):hs=[e]:ms=e}function bm(){if(ms){var e=ms,t=hs;if(hs=ms=null,rd(e),t)for(e=0;e>>=0,e===0?32:31-(iv(e)/av|0)|0}var ql=64,Yl=4194304;function Ks(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Wi(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,l=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~l;o!==0?s=Ks(o):(i&=a,i!==0&&(s=Ks(i)))}else a=n&~l,a!==0?s=Ks(a):i!==0&&(s=Ks(i));if(s===0)return 0;if(t!==0&&t!==s&&!(t&l)&&(l=s&-s,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(s&4&&(s|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=s;0n;n++)t.push(e);return t}function Ul(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-un(t),e[t]=n}function dv(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var s=e.eventTimes;for(e=e.expirationTimes;0=rl),fd=String.fromCharCode(32),md=!1;function lh(e,t){switch(e){case"keyup":return bv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ih(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ts=!1;function zv(e,t){switch(e){case"compositionend":return ih(t);case"keypress":return t.which!==32?null:(md=!0,fd);case"textInput":return e=t.data,e===fd&&md?null:e;default:return null}}function $v(e,t){if(ts)return e==="compositionend"||!ru&&lh(e,t)?(e=rh(),gi=eu=Kn=null,ts=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=s}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=vd(n)}}function uh(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?uh(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function dh(){for(var e=window,t=bi();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=bi(e.document)}return t}function su(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Qv(e){var t=dh(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&uh(n.ownerDocument.documentElement,n)){if(s!==null&&su(n)){if(t=s.start,e=s.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(s.start,l);s=s.end===void 0?i:Math.min(s.end,l),!e.extend&&i>s&&(l=s,s=i,i=l),l=Ed(n,i);var a=Ed(n,s);l&&a&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>s?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,ns=null,Yo=null,ll=null,Xo=!1;function gd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Xo||ns==null||ns!==bi(s)||(s=ns,"selectionStart"in s&&su(s)?s={start:s.selectionStart,end:s.selectionEnd}:(s=(s.ownerDocument&&s.ownerDocument.defaultView||window).getSelection(),s={anchorNode:s.anchorNode,anchorOffset:s.anchorOffset,focusNode:s.focusNode,focusOffset:s.focusOffset}),ll&&Nl(ll,s)||(ll=s,s=Gi(Yo,"onSelect"),0ls||(e.current=tc[ls],tc[ls]=null,ls--)}function Le(e,t){ls++,tc[ls]=e.current,e.current=t}var hr={},ht=xr(hr),It=xr(!1),Ur=hr;function js(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function kt(e){return e=e.childContextTypes,e!=null}function Yi(){Oe(It),Oe(ht)}function wd(e,t,n){if(ht.current!==hr)throw Error(b(168));Le(ht,t),Le(It,n)}function jh(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var l in s)if(!(l in t))throw Error(b(108,Gx(e)||"Unknown",l));return ze({},n,s)}function Xi(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Ur=ht.current,Le(ht,e),Le(It,It.current),!0}function Td(e,t,n){var s=e.stateNode;if(!s)throw Error(b(169));n?(e=jh(e,t,Ur),s.__reactInternalMemoizedMergedChildContext=e,Oe(It),Oe(ht),Le(ht,e)):Oe(It),Le(It,n)}var wn=null,Ta=!1,ao=!1;function Nh(e){wn===null?wn=[e]:wn.push(e)}function cE(e){Ta=!0,Nh(e)}function vr(){if(!ao&&wn!==null){ao=!0;var e=0,t=ye;try{var n=wn;for(ye=1;e>=a,l-=a,Ln=1<<32-un(t)+l|n<k?(U=w,w=null):U=w.sibling;var F=h(p,w,j[k],y);if(F===null){w===null&&(w=U);break}e&&w&&F.alternate===null&&t(p,w),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F,w=U}if(k===j.length)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;kk?(U=w,w=null):U=w.sibling;var se=h(p,w,F.value,y);if(se===null){w===null&&(w=U);break}e&&w&&se.alternate===null&&t(p,w),x=i(se,x,k),L===null?R=se:L.sibling=se,L=se,w=U}if(F.done)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;!F.done;k++,F=j.next())F=m(p,F.value,y),F!==null&&(x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return Me&&yr(p,k),R}for(w=s(p,w);!F.done;k++,F=j.next())F=E(w,p,k,F.value,y),F!==null&&(e&&F.alternate!==null&&w.delete(F.key===null?k:F.key),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return e&&w.forEach(function(fe){return t(p,fe)}),Me&&yr(p,k),R}function S(p,x,j,y){if(typeof j=="object"&&j!==null&&j.type===es&&j.key===null&&(j=j.props.children),typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:e:{for(var R=j.key,L=x;L!==null;){if(L.key===R){if(R=j.type,R===es){if(L.tag===7){n(p,L.sibling),x=l(L,j.props.children),x.return=p,p=x;break e}}else if(L.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===L.type){n(p,L.sibling),x=l(L,j.props),x.ref=Us(p,L,j),x.return=p,p=x;break e}n(p,L);break}else t(p,L);L=L.sibling}j.type===es?(x=Mr(j.props.children,p.mode,y,j.key),x.return=p,p=x):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,p=y)}return a(p);case Jr:e:{for(L=j.key;x!==null;){if(x.key===L)if(x.tag===4&&x.stateNode.containerInfo===j.containerInfo&&x.stateNode.implementation===j.implementation){n(p,x.sibling),x=l(x,j.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=xo(j,p.mode,y),x.return=p,p=x}return a(p);case Bn:return L=j._init,S(p,x,L(j._payload),y)}if(Xs(j))return N(p,x,j,y);if(Os(j))return v(p,x,j,y);ti(p,j)}return typeof j=="string"&&j!==""||typeof j=="number"?(j=""+j,x!==null&&x.tag===6?(n(p,x.sibling),x=l(x,j),x.return=p,p=x):(n(p,x),x=po(j,p.mode,y),x.return=p,p=x),a(p)):n(p,x)}return S}var Ss=Ah(!0),Ih=Ah(!1),zl={},Sn=xr(zl),Rl=xr(zl),wl=xr(zl);function Ir(e){if(e===zl)throw Error(b(174));return e}function mu(e,t){switch(Le(wl,t),Le(Rl,e),Le(Sn,zl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Uo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Uo(t,e)}Oe(Sn),Le(Sn,t)}function ys(){Oe(Sn),Oe(Rl),Oe(wl)}function kh(e){Ir(wl.current);var t=Ir(Sn.current),n=Uo(t,e.type);t!==n&&(Le(Rl,e),Le(Sn,n))}function hu(e){Rl.current===e&&(Oe(Sn),Oe(Rl))}var Ue=xr(0);function ta(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var oo=[];function pu(){for(var e=0;en?n:4,e(!0);var s=co.transition;co.transition={};try{e(!1),t()}finally{ye=n,co.transition=s}}function qh(){return nn().memoizedState}function mE(e,t,n){var s=ur(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},Yh(e))Xh(t,n);else if(n=Rh(e,t,n,s),n!==null){var l=gt();dn(n,e,s,l),Kh(n,t,s)}}function hE(e,t,n){var s=ur(e),l={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if(Yh(e))Xh(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,o=i(a,n);if(l.hasEagerState=!0,l.eagerState=o,mn(o,a)){var c=t.interleaved;c===null?(l.next=l,du(t)):(l.next=c.next,c.next=l),t.interleaved=l;return}}catch{}finally{}n=Rh(e,t,l,s),n!==null&&(l=gt(),dn(n,e,s,l),Kh(n,t,s))}}function Yh(e){var t=e.alternate;return e===He||t!==null&&t===He}function Xh(e,t){il=na=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Kh(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}var ra={readContext:tn,useCallback:ut,useContext:ut,useEffect:ut,useImperativeHandle:ut,useInsertionEffect:ut,useLayoutEffect:ut,useMemo:ut,useReducer:ut,useRef:ut,useState:ut,useDebugValue:ut,useDeferredValue:ut,useTransition:ut,useMutableSource:ut,useSyncExternalStore:ut,useId:ut,unstable_isNewReconciler:!1},pE={readContext:tn,useCallback:function(e,t){return gn().memoizedState=[e,t===void 0?null:t],e},useContext:tn,useEffect:Pd,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,yi(4194308,4,$h.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4194308,4,e,t)},useInsertionEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=gn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=gn();return t=n!==void 0?n(t):t,s.memoizedState=s.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},s.queue=e,e=e.dispatch=mE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=gn();return e={current:e},t.memoizedState=e},useState:Md,useDebugValue:ju,useDeferredValue:function(e){return gn().memoizedState=e},useTransition:function(){var e=Md(!1),t=e[0];return e=fE.bind(null,e[1]),gn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,l=gn();if(Me){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),st===null)throw Error(b(349));Hr&30||Dh(s,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Pd(Ph.bind(null,s,i,e),[e]),s.flags|=2048,Al(9,Mh.bind(null,s,i,n,t),void 0,null),n},useId:function(){var e=gn(),t=st.identifierPrefix;if(Me){var n=An,s=Ln;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Tl++,0<\/script>",e=e.removeChild(e.firstChild)):typeof s.is=="string"?e=a.createElement(n,{is:s.is}):(e=a.createElement(n),n==="select"&&(a=e,s.multiple?a.multiple=!0:s.size&&(a.size=s.size))):e=a.createElementNS(e,n),e[jn]=t,e[Cl]=s,lp(e,t,!1,!1),t.stateNode=e;e:{switch(a=Ho(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),l=s;break;case"iframe":case"object":case"embed":Ie("load",e),l=s;break;case"video":case"audio":for(l=0;lRs&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304)}else{if(!s)if(e=ta(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),bs(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Me)return dt(t),null}else 2*qe()-i.renderingStartTime>Rs&&n!==1073741824&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=qe(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return wu(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Ft&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function yE(e,t){switch(iu(t),t.tag){case 1:return kt(t.type)&&Yi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ys(),Oe(It),Oe(ht),pu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return hu(t),null;case 13:if(Oe(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));Ns()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Oe(Ue),null;case 4:return ys(),null;case 10:return uu(t.type._context),null;case 22:case 23:return wu(),null;case 24:return null;default:return null}}var ri=!1,mt=!1,CE=typeof WeakSet=="function"?WeakSet:Set,B=null;function cs(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(s){$e(e,t,s)}else n.current=null}function mc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Vd=!1;function RE(e,t){if(Ko=Bi,e=dh(),su(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var s=n.getSelection&&n.getSelection();if(s&&s.rangeCount!==0){n=s.anchorNode;var l=s.anchorOffset,i=s.focusNode;s=s.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,m=e,h=null;t:for(;;){for(var E;m!==n||l!==0&&m.nodeType!==3||(o=a+l),m!==i||s!==0&&m.nodeType!==3||(c=a+s),m.nodeType===3&&(a+=m.nodeValue.length),(E=m.firstChild)!==null;)h=m,m=E;for(;;){if(m===e)break t;if(h===n&&++u===l&&(o=a),h===i&&++d===s&&(c=a),(E=m.nextSibling)!==null)break;m=h,h=m.parentNode}m=E}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Qo={focusedElem:e,selectionRange:n},Bi=!1,B=t;B!==null;)if(t=B,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,B=e;else for(;B!==null;){t=B;try{var N=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(N!==null){var v=N.memoizedProps,S=N.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),S);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var j=t.stateNode.containerInfo;j.nodeType===1?j.textContent="":j.nodeType===9&&j.documentElement&&j.removeChild(j.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(y){$e(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return N=Vd,Vd=!1,N}function al(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var l=s=s.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&mc(t,n,i)}l=l.next}while(l!==s)}}function Ia(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var s=n.create;n.destroy=s()}n=n.next}while(n!==t)}}function hc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function op(e){var t=e.alternate;t!==null&&(e.alternate=null,op(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[jn],delete t[Cl],delete t[ec],delete t[aE],delete t[oE])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function cp(e){return e.tag===5||e.tag===3||e.tag===4}function Gd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||cp(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function pc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=qi));else if(s!==4&&(e=e.child,e!==null))for(pc(e,t,n),e=e.sibling;e!==null;)pc(e,t,n),e=e.sibling}function xc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(s!==4&&(e=e.child,e!==null))for(xc(e,t,n),e=e.sibling;e!==null;)xc(e,t,n),e=e.sibling}var it=null,an=!1;function Fn(e,t,n){for(n=n.child;n!==null;)up(e,t,n),n=n.sibling}function up(e,t,n){if(Nn&&typeof Nn.onCommitFiberUnmount=="function")try{Nn.onCommitFiberUnmount(Sa,n)}catch{}switch(n.tag){case 5:mt||cs(n,t);case 6:var s=it,l=an;it=null,Fn(e,t,n),it=s,an=l,it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):it.removeChild(n.stateNode));break;case 18:it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?io(e.parentNode,n):e.nodeType===1&&io(e,n),gl(e)):io(it,n.stateNode));break;case 4:s=it,l=an,it=n.stateNode.containerInfo,an=!0,Fn(e,t,n),it=s,an=l;break;case 0:case 11:case 14:case 15:if(!mt&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){l=s=s.next;do{var i=l,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&mc(n,t,a),l=l.next}while(l!==s)}Fn(e,t,n);break;case 1:if(!mt&&(cs(n,t),s=n.stateNode,typeof s.componentWillUnmount=="function"))try{s.props=n.memoizedProps,s.state=n.memoizedState,s.componentWillUnmount()}catch(o){$e(n,t,o)}Fn(e,t,n);break;case 21:Fn(e,t,n);break;case 22:n.mode&1?(mt=(s=mt)||n.memoizedState!==null,Fn(e,t,n),mt=s):Fn(e,t,n);break;default:Fn(e,t,n)}}function qd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new CE),t.forEach(function(s){var l=DE.bind(null,e,s);n.has(s)||(n.add(s),s.then(l,l))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;sl&&(l=a),s&=~i}if(s=l,s=qe()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*TE(s/1960))-s,10e?16:e,Qn===null)var s=!1;else{if(e=Qn,Qn=null,ia=0,Ee&6)throw Error(b(331));var l=Ee;for(Ee|=4,B=e.current;B!==null;){var i=B,a=i.child;if(B.flags&16){var o=i.deletions;if(o!==null){for(var c=0;cqe()-Cu?Dr(e,0):yu|=n),_t(e,t)}function Ep(e,t){t===0&&(e.mode&1?(t=Yl,Yl<<=1,!(Yl&130023424)&&(Yl=4194304)):t=1);var n=gt();e=Dn(e,t),e!==null&&(Ul(e,t,n),_t(e,n))}function OE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ep(e,n)}function DE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(b(314))}s!==null&&s.delete(t),Ep(e,n)}var gp;gp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)At=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return At=!1,NE(e,t,n);At=!!(e.flags&131072)}else At=!1,Me&&t.flags&1048576&&Sh(t,Qi,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Ci(e,t),e=t.pendingProps;var l=js(t,ht.current);xs(t,n),l=vu(null,t,s,e,l,n);var i=Eu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,kt(s)?(i=!0,Xi(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,fu(t),l.updater=La,t.stateNode=l,l._reactInternals=t,ic(t,s,e,n),t=cc(null,t,s,!0,i,n)):(t.tag=0,Me&&i&&lu(t),vt(null,t,l,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Ci(e,t),e=t.pendingProps,l=s._init,s=l(s._payload),t.type=s,l=t.tag=PE(s),e=ln(s,e),l){case 0:t=oc(null,t,s,e,n);break e;case 1:t=$d(null,t,s,e,n);break e;case 11:t=Hd(null,t,s,e,n);break e;case 14:t=zd(null,t,s,ln(s.type,e),n);break e}throw Error(b(306,s,""))}return t;case 0:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),oc(e,t,s,l,n);case 1:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),$d(e,t,s,l,n);case 3:e:{if(np(t),e===null)throw Error(b(387));s=t.pendingProps,i=t.memoizedState,l=i.element,wh(e,t),ea(t,s,null,n);var a=t.memoizedState;if(s=a.element,i.isDehydrated)if(i={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=Cs(Error(b(423)),t),t=Wd(e,t,s,n,l);break e}else if(s!==l){l=Cs(Error(b(424)),t),t=Wd(e,t,s,n,l);break e}else for(Ht=ar(t.stateNode.containerInfo.firstChild),$t=t,Me=!0,on=null,n=Ih(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ns(),s===l){t=Mn(e,t,n);break e}vt(e,t,s,n)}t=t.child}return t;case 5:return kh(t),e===null&&rc(t),s=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,a=l.children,Zo(s,l)?a=null:i!==null&&Zo(s,i)&&(t.flags|=32),tp(e,t),vt(e,t,a,n),t.child;case 6:return e===null&&rc(t),null;case 13:return rp(e,t,n);case 4:return mu(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):vt(e,t,s,n),t.child;case 11:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Hd(e,t,s,l,n);case 7:return vt(e,t,t.pendingProps,n),t.child;case 8:return vt(e,t,t.pendingProps.children,n),t.child;case 12:return vt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,l=t.pendingProps,i=t.memoizedProps,a=l.value,Le(Zi,s._currentValue),s._currentValue=a,i!==null)if(mn(i.value,a)){if(i.children===l.children&&!It.current){t=Mn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var o=i.dependencies;if(o!==null){a=i.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(i.tag===1){c=kn(-1,n&-n),c.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,c=i.alternate,c!==null&&(c.lanes|=n),sc(i.return,n,t),o.lanes|=n;break}c=c.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(b(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),sc(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}vt(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,s=t.pendingProps.children,xs(t,n),l=tn(l),s=s(l),t.flags|=1,vt(e,t,s,n),t.child;case 14:return s=t.type,l=ln(s,t.pendingProps),l=ln(s.type,l),zd(e,t,s,l,n);case 15:return Jh(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Ci(e,t),t.tag=1,kt(s)?(e=!0,Xi(t)):e=!1,xs(t,n),Lh(t,s,l),ic(t,s,l,n),cc(null,t,s,!0,e,n);case 19:return sp(e,t,n);case 22:return ep(e,t,n)}throw Error(b(156,t.tag))};function jp(e,t){return Gm(e,t)}function ME(e,t,n,s){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=s,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Jt(e,t,n,s){return new ME(e,t,n,s)}function Lu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function PE(e){if(typeof e=="function")return Lu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===qc)return 11;if(e===Yc)return 14}return 2}function dr(e,t){var n=e.alternate;return n===null?(n=Jt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ti(e,t,n,s,l,i){var a=2;if(s=e,typeof e=="function")Lu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case es:return Mr(n.children,l,i,t);case Gc:a=8,l|=8;break;case Io:return e=Jt(12,n,t,l|2),e.elementType=Io,e.lanes=i,e;case ko:return e=Jt(13,n,t,l),e.elementType=ko,e.lanes=i,e;case _o:return e=Jt(19,n,t,l),e.elementType=_o,e.lanes=i,e;case Am:return _a(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Tm:a=10;break e;case Lm:a=9;break e;case qc:a=11;break e;case Yc:a=14;break e;case Bn:a=16,s=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=Jt(a,n,t,l),t.elementType=e,t.type=s,t.lanes=i,t}function Mr(e,t,n,s){return e=Jt(7,e,s,t),e.lanes=n,e}function _a(e,t,n,s){return e=Jt(22,e,s,t),e.elementType=Am,e.lanes=n,e.stateNode={isHidden:!1},e}function po(e,t,n){return e=Jt(6,e,null,t),e.lanes=n,e}function xo(e,t,n){return t=Jt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function FE(e,t,n,s,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Xa(0),this.expirationTimes=Xa(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Xa(0),this.identifierPrefix=s,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Au(e,t,n,s,l,i,a,o,c){return e=new FE(e,t,n,o,c),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Jt(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},fu(i),e}function UE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Cp)}catch(e){console.error(e)}}Cp(),Sm.exports=Vt;var Rp=Sm.exports;const WE=Uc(Rp);var wp,tf=Rp;wp=tf.createRoot,tf.hydrateRoot;/** + * @remix-run/router v1.15.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function kl(){return kl=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function Ou(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function VE(){return Math.random().toString(36).substr(2,8)}function rf(e,t){return{usr:e.state,key:e.key,idx:t}}function Nc(e,t,n,s){return n===void 0&&(n=null),kl({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?Vr(t):t,{state:n,key:t&&t.key||s||VE()})}function Tp(e){let{pathname:t="/",search:n="",hash:s=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),s&&s!=="#"&&(t+=s.charAt(0)==="#"?s:"#"+s),t}function Vr(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let s=e.indexOf("?");s>=0&&(t.search=e.substr(s),e=e.substr(0,s)),e&&(t.pathname=e)}return t}function GE(e,t,n,s){s===void 0&&(s={});let{window:l=document.defaultView,v5Compat:i=!1}=s,a=l.history,o=Zn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(kl({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function m(){o=Zn.Pop;let S=d(),p=S==null?null:S-u;u=S,c&&c({action:o,location:v.location,delta:p})}function h(S,p){o=Zn.Push;let x=Nc(v.location,S,p);n&&n(x,S),u=d()+1;let j=rf(x,u),y=v.createHref(x);try{a.pushState(j,"",y)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;l.location.assign(y)}i&&c&&c({action:o,location:v.location,delta:1})}function E(S,p){o=Zn.Replace;let x=Nc(v.location,S,p);n&&n(x,S),u=d();let j=rf(x,u),y=v.createHref(x);a.replaceState(j,"",y),i&&c&&c({action:o,location:v.location,delta:0})}function N(S){let p=l.location.origin!=="null"?l.location.origin:l.location.href,x=typeof S=="string"?S:Tp(S);return x=x.replace(/ $/,"%20"),nt(p,"No window.location.(origin|href) available to create URL for href: "+x),new URL(x,p)}let v={get action(){return o},get location(){return e(l,a)},listen(S){if(c)throw new Error("A history only accepts one active listener");return l.addEventListener(nf,m),c=S,()=>{l.removeEventListener(nf,m),c=null}},createHref(S){return t(l,S)},createURL:N,encodeLocation(S){let p=N(S);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:h,replace:E,go(S){return a.go(S)}};return v}var sf;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(sf||(sf={}));function qE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?Vr(t):t,l=Ip(s.pathname||"/",n);if(l==null)return null;let i=Lp(e);YE(i);let a=null;for(let o=0;a==null&&o{let c={relativePath:o===void 0?i.path||"":o,caseSensitive:i.caseSensitive===!0,childrenIndex:a,route:i};c.relativePath.startsWith("/")&&(nt(c.relativePath.startsWith(s),'Absolute route path "'+c.relativePath+'" nested under path '+('"'+s+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),c.relativePath=c.relativePath.slice(s.length));let u=Pr([s,c.relativePath]),d=n.concat(c);i.children&&i.children.length>0&&(nt(i.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Lp(i.children,t,d,u)),!(i.path==null&&!i.index)&&t.push({path:u,score:tg(u,i.index),routesMeta:d})};return e.forEach((i,a)=>{var o;if(i.path===""||!((o=i.path)!=null&&o.includes("?")))l(i,a);else for(let c of Ap(i.path))l(i,a,c)}),t}function Ap(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,l=n.endsWith("?"),i=n.replace(/\?$/,"");if(s.length===0)return l?[i,""]:[i];let a=Ap(s.join("/")),o=[];return o.push(...a.map(c=>c===""?i:[i,c].join("/"))),l&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function YE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:ng(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const XE=/^:[\w-]+$/,KE=3,QE=2,ZE=1,JE=10,eg=-2,lf=e=>e==="*";function tg(e,t){let n=e.split("/"),s=n.length;return n.some(lf)&&(s+=eg),t&&(s+=QE),n.filter(l=>!lf(l)).reduce((l,i)=>l+(XE.test(i)?KE:i===""?ZE:JE),s)}function ng(e,t){return e.length===t.length&&e.slice(0,-1).every((s,l)=>s===t[l])?e[e.length-1]-t[t.length-1]:0}function rg(e,t){let{routesMeta:n}=e,s={},l="/",i=[];for(let a=0;a{let{paramName:h,isOptional:E}=d;if(h==="*"){let v=o[m]||"";a=i.slice(0,i.length-v.length).replace(/(.)\/+$/,"$1")}const N=o[m];return E&&!N?u[h]=void 0:u[h]=(N||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:a,pattern:e}}function lg(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Ou(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let s=[],l="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(a,o,c)=>(s.push({paramName:o,isOptional:c!=null}),c?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(s.push({paramName:"*"}),l+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?l+="\\/*$":e!==""&&e!=="/"&&(l+="(?:(?=\\/|$))"),[new RegExp(l,t?void 0:"i"),s]}function ig(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Ou(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function Ip(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,s=e.charAt(n);return s&&s!=="/"?null:e.slice(n)||"/"}function ag(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:l=""}=typeof e=="string"?Vr(e):e;return{pathname:n?n.startsWith("/")?n:og(n,t):t,search:mg(s),hash:hg(l)}}function og(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(l=>{l===".."?n.length>1&&n.pop():l!=="."&&n.push(l)}),n.length>1?n.join("/"):"/"}function vo(e,t,n,s){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(s)+"]. Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in and the router will parse it for you.'}function cg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function ug(e,t){let n=cg(e);return t?n.map((s,l)=>l===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function dg(e,t,n,s){s===void 0&&(s=!1);let l;typeof e=="string"?l=Vr(e):(l=kl({},e),nt(!l.pathname||!l.pathname.includes("?"),vo("?","pathname","search",l)),nt(!l.pathname||!l.pathname.includes("#"),vo("#","pathname","hash",l)),nt(!l.search||!l.search.includes("#"),vo("#","search","hash",l)));let i=e===""||l.pathname==="",a=i?"/":l.pathname,o;if(a==null)o=n;else{let m=t.length-1;if(!s&&a.startsWith("..")){let h=a.split("/");for(;h[0]==="..";)h.shift(),m-=1;l.pathname=h.join("/")}o=m>=0?t[m]:"/"}let c=ag(l,o),u=a&&a!=="/"&&a.endsWith("/"),d=(i||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Pr=e=>e.join("/").replace(/\/\/+/g,"/"),fg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),mg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,hg=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function pg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const kp=["post","put","patch","delete"];new Set(kp);const xg=["get",...kp];new Set(xg);/** + * React Router v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function _l(){return _l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{o.current=!0}),f.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let m=dg(u,JSON.parse(a),i,d.relative==="path");e==null&&t!=="/"&&(m.pathname=m.pathname==="/"?t:Pr([t,m.pathname])),(d.replace?s.replace:s.push)(m,d.state,d)},[t,s,a,i,e])}function jg(e,t){return Ng(e,t)}function Ng(e,t,n,s){ba()||nt(!1);let{navigator:l}=f.useContext(Fa),{matches:i}=f.useContext(_s),a=i[i.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=Op(),d;if(t){var m;let S=typeof t=="string"?Vr(t):t;c==="/"||(m=S.pathname)!=null&&m.startsWith(c)||nt(!1),d=S}else d=u;let h=d.pathname||"/",E=h;if(c!=="/"){let S=c.replace(/^\//,"").split("/");E="/"+h.replace(/^\//,"").split("/").slice(S.length).join("/")}let N=qE(e,{pathname:E}),v=wg(N&&N.map(S=>Object.assign({},S,{params:Object.assign({},o,S.params),pathname:Pr([c,l.encodeLocation?l.encodeLocation(S.pathname).pathname:S.pathname]),pathnameBase:S.pathnameBase==="/"?c:Pr([c,l.encodeLocation?l.encodeLocation(S.pathnameBase).pathname:S.pathnameBase])})),i,n,s);return t&&v?f.createElement(Ua.Provider,{value:{location:_l({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Zn.Pop}},v):v}function Sg(){let e=Ig(),t=pg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,l={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},i=null;return f.createElement(f.Fragment,null,f.createElement("h2",null,"Unexpected Application Error!"),f.createElement("h3",{style:{fontStyle:"italic"}},t),n?f.createElement("pre",{style:l},n):null,i)}const yg=f.createElement(Sg,null);class Cg extends f.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?f.createElement(_s.Provider,{value:this.props.routeContext},f.createElement(_p.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function Rg(e){let{routeContext:t,match:n,children:s}=e,l=f.useContext(Du);return l&&l.static&&l.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=n.route.id),f.createElement(_s.Provider,{value:t},s)}function wg(e,t,n,s){var l;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var i;if((i=n)!=null&&i.errors)e=n.matches;else return null}let a=e,o=(l=n)==null?void 0:l.errors;if(o!=null){let d=a.findIndex(m=>m.route.id&&(o==null?void 0:o[m.route.id]));d>=0||nt(!1),a=a.slice(0,Math.min(a.length,d+1))}let c=!1,u=-1;if(n&&s&&s.v7_partialHydration)for(let d=0;d=0?a=a.slice(0,u+1):a=[a[0]];break}}}return a.reduceRight((d,m,h)=>{let E,N=!1,v=null,S=null;n&&(E=o&&m.route.id?o[m.route.id]:void 0,v=m.route.errorElement||yg,c&&(u<0&&h===0?(_g("route-fallback",!1),N=!0,S=null):u===h&&(N=!0,S=m.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,h+1)),x=()=>{let j;return E?j=v:N?j=S:m.route.Component?j=f.createElement(m.route.Component,null):m.route.element?j=m.route.element:j=d,f.createElement(Rg,{match:m,routeContext:{outlet:d,matches:p,isDataRoute:n!=null},children:j})};return n&&(m.route.ErrorBoundary||m.route.errorElement||h===0)?f.createElement(Cg,{location:n.location,revalidation:n.revalidation,component:v,error:E,children:x(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):x()},null)}var Mp=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Mp||{}),ca=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ca||{});function Tg(e){let t=f.useContext(Du);return t||nt(!1),t}function Lg(e){let t=f.useContext(vg);return t||nt(!1),t}function Ag(e){let t=f.useContext(_s);return t||nt(!1),t}function Pp(e){let t=Ag(),n=t.matches[t.matches.length-1];return n.route.id||nt(!1),n.route.id}function Ig(){var e;let t=f.useContext(_p),n=Lg(ca.UseRouteError),s=Pp(ca.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function kg(){let{router:e}=Tg(Mp.UseNavigateStable),t=Pp(ca.UseNavigateStable),n=f.useRef(!1);return Dp(()=>{n.current=!0}),f.useCallback(function(l,i){i===void 0&&(i={}),n.current&&(typeof l=="number"?e.navigate(l):e.navigate(l,_l({fromRouteId:t},i)))},[e,t])}const af={};function _g(e,t,n){!t&&!af[e]&&(af[e]=!0)}function Li(e){nt(!1)}function Og(e){let{basename:t="/",children:n=null,location:s,navigationType:l=Zn.Pop,navigator:i,static:a=!1,future:o}=e;ba()&&nt(!1);let c=t.replace(/^\/*/,"/"),u=f.useMemo(()=>({basename:c,navigator:i,static:a,future:_l({v7_relativeSplatPath:!1},o)}),[c,o,i,a]);typeof s=="string"&&(s=Vr(s));let{pathname:d="/",search:m="",hash:h="",state:E=null,key:N="default"}=s,v=f.useMemo(()=>{let S=Ip(d,c);return S==null?null:{location:{pathname:S,search:m,hash:h,state:E,key:N},navigationType:l}},[c,d,m,h,E,N,l]);return v==null?null:f.createElement(Fa.Provider,{value:u},f.createElement(Ua.Provider,{children:n,value:v}))}function Dg(e){let{children:t,location:n}=e;return jg(Sc(t),n)}new Promise(()=>{});function Sc(e,t){t===void 0&&(t=[]);let n=[];return f.Children.forEach(e,(s,l)=>{if(!f.isValidElement(s))return;let i=[...t,l];if(s.type===f.Fragment){n.push.apply(n,Sc(s.props.children,i));return}s.type!==Li&&nt(!1),!s.props.index||!s.props.children||nt(!1);let a={id:s.props.id||i.join("-"),caseSensitive:s.props.caseSensitive,element:s.props.element,Component:s.props.Component,index:s.props.index,path:s.props.path,loader:s.props.loader,action:s.props.action,errorElement:s.props.errorElement,ErrorBoundary:s.props.ErrorBoundary,hasErrorBoundary:s.props.ErrorBoundary!=null||s.props.errorElement!=null,shouldRevalidate:s.props.shouldRevalidate,handle:s.props.handle,lazy:s.props.lazy};s.props.children&&(a.children=Sc(s.props.children,i)),n.push(a)}),n}/** + * React Router DOM v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */const Mg="6";try{window.__reactRouterVersion=Mg}catch{}const Pg="startTransition",of=Ox[Pg];function Fg(e){let{basename:t,children:n,future:s,window:l}=e,i=f.useRef();i.current==null&&(i.current=BE({window:l,v5Compat:!0}));let a=i.current,[o,c]=f.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=f.useCallback(m=>{u&&of?of(()=>c(m)):c(m)},[c,u]);return f.useLayoutEffect(()=>a.listen(d),[a,d]),f.createElement(Og,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var cf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(cf||(cf={}));var uf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(uf||(uf={}));const Ug="modulepreload",bg=function(e){return"/templates/"+e},df={},Hg=function(t,n,s){if(!n||n.length===0)return t();const l=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=bg(i),i in df)return;df[i]=!0;const a=i.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=l.length-1;d>=0;d--){const m=l[d];if(m.href===i&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ug,a||(u.as="script",u.crossOrigin=""),u.href=i,document.head.appendChild(u),a)return new Promise((d,m)=>{u.addEventListener("load",d),u.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t()).catch(i=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=i,window.dispatchEvent(a),!a.defaultPrevented)throw i})},Fp=f.createContext({styled:!1,setStyled:()=>{}}),$=()=>{const e=f.useContext(Fp);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},zg=({children:e,theme:t})=>{const[n,s]=f.useState(!1);return f.useEffect(()=>{if(t){const l=document.createElement("link");return l.href=t,l.rel="stylesheet",l.type="text/css",document.head.appendChild(l),()=>{document.head.removeChild(l)}}else t||Hg(()=>Promise.resolve({}),["assets/trilogy-142b1c5a.css"])},[t]),r.jsx(Fp.Provider,{value:{styled:n,setStyled:s},children:e})};function Up(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Wg.HASH}`).join(" "):t,Mu=f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=$(),a=T(i,g("accordions",n));return r.jsx("section",{ref:t,className:a,...l,"data-testid":s})});var bp={exports:{}},Ai=1;function Bg(){return Ai=(Ai*9301+49297)%233280,Ai/233280}function Vg(e){Ai=e}var Gg={nextValue:Bg,seed:Vg},yc=Gg,wr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Jn,ff,Zs;function Cc(){Zs=!1}function Hp(e){if(!e){Jn!==wr&&(Jn=wr,Cc());return}if(e!==Jn){if(e.length!==wr.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,l){return s!==l.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. These characters were not unique: "+t.join(", "));Jn=e,Cc()}}function qg(e){return Hp(e),Jn}function Yg(e){yc.seed(e),ff!==e&&(Cc(),ff=e)}function Xg(){Jn||Hp(wr);for(var e=Jn.split(""),t=[],n=yc.nextValue(),s;e.length>0;)n=yc.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function zp(){return Zs||(Zs=Xg(),Zs)}function Kg(e){var t=zp();return t[e]}function Qg(){return Jn||wr}var Pu={get:Qg,characters:qg,seed:Yg,lookup:Kg,shuffled:zp},Eo=typeof window=="object"&&(window.crypto||window.msCrypto),Rc;!Eo||!Eo.getRandomValues?Rc=function(e){for(var t=[],n=0;n0&&(t=t+ii(ai)),t=t+ii(n),t}var oj=aj,cj=Pu;function uj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+cj.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var dj=uj;(function(e){var t=Pu,n=oj,s=dj,l=0;function i(u){return t.seed(u),e.exports}function a(u){return l=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(l)}e.exports=c,e.exports.generate=c,e.exports.seed=i,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(bp);var fj=bp.exports,mj=fj;const qt=Uc(mj);var $p=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))($p||{});const{Browser:Ii,Server:Wp,Native:Bp}=$p,hj=!!(typeof window<"u"&&window.document&&window.document.createElement),pj=typeof navigator<"u"&&navigator.product=="ReactNative",Yr=pj?Bp:hj?Ii:Wp,hf={isBrowser:Yr===Ii,isServer:Yr===Wp,isNative:Yr===Bp,device:Yr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Yr===Ii&&!!window.addEventListener,canUseViewport:Yr===Ii&&!!window.screen},xj=(...e)=>Object.assign({},...e),vj=e=>Object.values(e),Ej=()=>xj((vj(hf),hf));Ej();const er=({active:e,className:t,children:n,id:s=qt.generate(),onClick:l,disabled:i,onClose:a,onOpen:o,...c})=>{const u=f.useRef(null),{styled:d}=$(),[m,h]=f.useState(e||!1),[E,N]=f.useState(),[v,S]=f.useState();f.useEffect(()=>{var fe;const y=u.current;if(!y)return;const{floor:R,abs:L}=Math,w=(fe=y==null?void 0:y.children[1])==null?void 0:fe.firstChild,k=R(L(y.clientHeight+(w==null?void 0:w.clientHeight))).toString(),U=R(L(y.clientHeight)).toString(),F=R(L(y.clientHeight+1)).toString(),se=R(L(y.children[0].clientHeight)).toString();N(m?U:k),S(m?se:F)},[m]),f.useEffect(()=>{h(e||!1)},[e]);const p=T(d,g("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((y,R)=>O.cloneElement(y,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:i})):n);const j={};return i&&(j.tabIndex=-1,j["aria-disabled"]=!0),r.jsx("details",{open:m,...j,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":E,onClick:y=>{o&&!m&&o(y),a&&m&&a(y),l&&l(y)},children:x})},tr=({children:e,className:t,testId:n,...s})=>{const{styled:l}=$();return r.jsx("summary",{"data-accordion-header":!0,className:T(l,g("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},nr=({children:e,className:t,dataId:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:T(i,g("accordion-body is-clipped",t)),...l,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:T(i,g("accordion-content")),children:e})})},gj={icons:{},colors:{},fontFamily:{}},jj={theme:gj,setTheme:()=>{}},Nj=O.createContext(jj);var ce=(e=>(e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL",e))(ce||{});const ki={WHITE:["#fff","#E9E9E9","white","main"],MAIN:["#3d5d7e","#eff2f8","main","white"],ACCENT:["#da641b","#bb5118","accent","white"],FONT:["#3d5d7e","#BBC6CD","main","white"],SUCCESS:["#007B52","#cae8ca","success","white"],INFO:["#1A688A","#c8dbec","info","white"],WARNING:["#FFBB33","#ecdbc6","warning","white"],ERROR:["#D42D02","#eecccc","error","white"],DISABLED:["#646464","#D1D1D1","disabled","white"],NEUTRAL:["#707070","#F4F4F4","grey","white"]},jt=e=>ki[e][2],Sj=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},rr=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(Nj),s=(n==null?void 0:n.colors)||ki,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${jt(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${jt(e.replace("FADE-",""))}-fade`:`background-${jt(e)}`,yj=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var D=(e=>(e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa",e))(D||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ol=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ol||{}),ws=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL",e))(ws||{}),bt=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(bt||{}),wc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(wc||{}),Tc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Tc||{});function Cj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Vp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const C=Vp("is"),Z=Vp("has"),pf=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=$(),o=T(a,g("icon",l&&C(`${l}`),C("ancestor"),Z("status"),e)),c=T(a,g("icon is-circled is-descendant",n&&C(`${n.toLowerCase()}`),s&&C(`${s}`))),u=T(a,g(n===Ol.SUCCESS?D.CHECK_CIRCLE:D.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":i,children:[r.jsx("span",{className:T(a,g(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},xf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=$(),c=i&&Z(Bt(i))||Cj(n||"",Ol.INFO)||Z(Bt(ce.MAIN)),u=T(o,g("icon",Z(l?yj(l):"text-white"),C(l||ce.BACKGROUND),[C(`${s}`)],C("circled"),c,e)),d=T(o,g(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},vf=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=$(),h=i&&(E=>{if(E in wc||Object.values(wc).includes(E))return!0})(i)?i:"span";return l?r.jsxs("span",{className:T(d,g("icon-and-text",(l===bt.UP||l===bt.DOWN)&&C("stacked"),e)),children:[(l===bt.RIGHT||l===bt.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx(z,{name:n,className:e,...u}),(l===bt.UP||l===bt.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:T(d,g("icon-and-text",e)),children:[r.jsx(z,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var Ce=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(Ce||{});const In=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},z=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=$(),w=T(L,g("icon",h&&C("stretched"),n&&C(n),u&&C("stacked"),E&&C(`${jt(E)}`),p&&C("loading"),d&&C("stacked"),y&&C("marginless"),e));e=g(a&&x&&C(`${In(x)}`),e);const k=T(L,g(S&&In(S)==="aligned-start"&&Z("text-left")||In(S)==="aligned-center"&&Z("text-centered")||In(S)==="aligned-end"&&Z("text-right")));return i||i&&l?S?r.jsx("div",{className:k,children:r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})}):r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?r.jsx("div",{className:k,children:r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})}):r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?r.jsx("div",{className:k,children:r.jsx(vf,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})}):r.jsx(vf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?r.jsxs("div",{className:k,children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):h?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):E?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":j,onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})};var ua=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(ua||{});const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},Rj=e=>{switch(e){case"SUCCESS":return D.CHECK_CIRCLE;case"INFO":return D.INFOS_CIRCLE;case"WARNING":return D.ALERT;case"ERROR":return D.EXCLAMATION_CIRCLE;default:return D.INFOS_CIRCLE}};var Rr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Rr||{}),Gp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(Gp||{});const wj=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}},Tj=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Lc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Lc||{}),qp=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))(qp||{});const Lj=e=>{if(!e)return"";switch(e){case"MAIN":return"main";case"ACCENT":return"accent";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"TERTIARY":return"tertiary";case"GHOST":return"ghost";case"INFO":return"info";default:return""}};var fr=(e=>(e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right",e))(fr||{}),kr=(e=>(e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold",e))(kr||{}),Zt=(e=>(e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Zt||{}),_e=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(_e||{}),lt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(lt||{});const A=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=$(),j=T(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case _e.ONE:return C("level-1");case _e.TWO:return C("level-2");case _e.THREE:return C("level-3");case _e.FOUR:return C("level-4");default:return C(`level-${e}`)}})(),c&&C("inverted"),o,C(u?"loading":"loaded"),E&&C("marginless"),v&&C("text-ellipsis"),s)),R=t&&(L=>{if(L in lt||Object.values(lt).includes(L))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===lt.A&&{href:l},...S,children:n})};var M=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(M||{}),Ac=(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e))(Ac||{});const Aj=e=>{if(e)switch(e){case M.ONE:return C("level-1");case M.TWO:return C("level-2");case M.THREE:return C("level-3");case M.FOUR:return C("level-4");case M.FIVE:return C("level-5");case M.SIX:return C("level-6");default:return C(`level-${e}`)}},Ij=e=>e in Ac||Object.values(Ac).includes(e),_=({level:e=M.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=$(),x=T(p,g("title",e&&Aj(e),l,C(v?"loading":"loaded"),a&&C("inverted"),h&&C("marginless"),s)),j=T(p,g("subtitle",l,s)),y=T(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&Ij(t)?t:"div",L=()=>d?j:m?y:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N,children:n})},Ef=()=>0;O.createContext({show:Ef,hide:Ef});const Yp=({status:e,className:t,iconName:n,title:s,description:l,onClick:i,display:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("alert",Z("body"),e&&C(Ha(e)),t)),m=f.useMemo(()=>n??(e?Rj(e)??D.INFOS_CIRCLE:D.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:h=>{i==null||i(h),h.stopPropagation()},className:d,...c,children:[r.jsx(z,{name:m}),r.jsxs("div",{className:T(u,g("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:M.SIX,children:s}):s,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},pn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var da=(e=>(e.LEFT="left",e.RIGHT="right",e))(da||{}),Xp=(e=>(e.MAIN="MAIN",e))(Xp||{});const zs=({children:e,className:t,textContent:n,content:s,direction:l,onClick:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},className:u,...o,children:[(!l||l===da.LEFT)&&r.jsx(A,{markup:lt.P,children:n}),r.jsx("span",{className:T(c,g("badge is-level")),children:s||e}),l===da.RIGHT&&r.jsx(A,{markup:lt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},children:r.jsx(A,{className:g(n?"badge-and-text":"badge",t),markup:lt.SPAN,...o,children:s||e})})};var Fu=(e=>(e.DIV="div",e.A="a",e))(Fu||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:l,skeleton:i,to:a,background:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:m,flat:h,hat:E,fullheight:N,active:v,...S})=>{const{styled:p}=$(),[x,j]=f.useState(i||!1),y=T(p,g("box",u&&C("shadowless"),n,o&&Z(Bt(o)),d&&Z("background"),e&&C("inverted")||C("base"),C(x?"loading":"loaded"),c&&`${C("highlighted")} ${C(jt(c))}`,h&&C("flat"),E&&Z("hat"),N&&C("fullheight"),v&&C("active")));if(f.useEffect(()=>{j(i||!1)},[i]),l===Fu.A||a)return r.jsx("a",{"data-testid":m,href:a,onClick:L=>{s==null||s(L)},className:y,...S,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":m,onClick:L=>{s==null||s(L)},className:y,...S,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...l})=>{const{styled:i}=$(),a=T(i,g("box-content",n&&Z(Bt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...l,children:e})},Xr=({className:e,children:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-testid":s,className:T(i,g("box-footer",n&&Z(Bt(n)),e)),...l,children:t})},Rn=({children:e,className:t,help:n,centered:s,pulledLeft:l,pulledRight:i,variant:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("box-header",t,s&&"has-text-centered",i&&"has-text-right",l&&"has-text-left",a&&Z(Bt(a))));return r.jsxs("header",{"data-testid":o,className:d,...c,children:[e&&typeof e.valueOf()=="string"?r.jsx("p",{children:e}):e,n&&r.jsx(A,{testId:o&&`${o}-help`,className:"box-header-help sticker is-small is-success",children:String(e)})]})},oi=e=>8*e;var kj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=oi(2)]="SMALL",e[e.MEDIUM=oi(4)]="MEDIUM",e[e.LARGE=oi(8)]="LARGE",e[e.HUGE=oi(12)]="HUGE",e))(kj||{});const ci=f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=$();return r.jsx("nav",{ref:t,role:"navigation","data-testid":l,className:T(o,g("breadcrumb",s)),"aria-label":i,...a,children:r.jsx("ul",{children:n})})}),at=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=$(),S=g(m&&Z("icon"),o,h&&C("inverted"),t);if(d&&s){const x=d||"a",j=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:T(v,g(S)),to:s||"",...E&&{target:"_blank"},...N,children:i||e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(j,{})}):r.jsx(j,{})}const p=()=>r.jsx(A,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:lt.A,className:S,href:l,...E&&{target:"_blank"},...N,children:m?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx(z,{name:m,size:K.SMALL})]}):e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:l,routerLink:i,testId:a,onClick:o,...c})=>{const{styled:u}=$(),d=T(u,g(t&&C("active"),n));if(i&&l){const m=i||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(m,{className:T(u,g("link")),to:l,...c,children:e})})}return r.jsx("li",{className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(at,{href:t?void 0:s,...c,children:e})})};var Ts=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e))(Ts||{}),Te=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(Te||{});const te=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=$(),j=w=>{if(w in Ts||Object.values(Ts).includes(w))return!0},R=T(x,((w,k,U,F)=>g("button",C(w?"loading":"loaded"),k&&C(Sj(k)),U&&C("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return r.jsxs("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]});if(L==="input")return r.jsx("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return r.jsxs(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})},Js=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Uu=(e=>(e.DIV="div",e.A="a",e))(Uu||{});f.createContext({horizontal:!1});const Ze=O.forwardRef((e,t)=>{const{className:n,background:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=$();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=T(L,g("card",s&&Z(Bt(s)),l&&Z("background"),i&&C("inverted")||C("base"),a&&!c&&C("flat"),o&&[C("horizontal"),C("vcentered")],c&&!a&&C("floating"),u&&C(In(u)),d&&C(d),C(y?"loading":"loaded"),E&&C("reversed"),n,p&&C("fullheight"),x&&C("active")));return v===Uu.A?r.jsx("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):r.jsx("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})}),Ut=({src:e,alt:t,className:n,size:s,onClick:l,...i})=>{const{styled:a}=$(),o=T(a,g("card-image",s&&C(`${s}`),n));return r.jsx("div",{onClick:c=>{l==null||l(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:T(a,g("image")),...i,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},Je=({children:e,className:t,titleSup:n,titleSupLevel:s,title:l,titleLevel:i,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:m,onClick:h,testId:E,...N})=>{const{styled:v}=$();return e?r.jsx("div",{"data-testid":E,className:T(v,g("card-content",t)),...N,children:e}):r.jsxs("div",{"data-testid":E,onClick:S=>{h==null||h(S),S.stopPropagation()},className:T(v,g("card-content",t)),...N,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),l&&r.jsx(_,{testId:E?`${E}-title`:void 0,level:i||M.THREE,children:l}),d&&r.jsx(A,{level:m,children:d}),a&&r.jsx(te,{testId:E?`${E}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},En=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=$(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:T(S,g(d?"checkbox-tile":"checkbox",E&&C("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),r.jsxs("label",{htmlFor:l,className:T(S,g("checkbox-label")),children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]})]})]})},Un=({className:e,onClick:t,children:n,active:s,disabled:l,id:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("chips",s&&C("active"),e));return r.jsx("button",{disabled:l,"aria-disabled":l,"data-testid":a,id:i,"aria-pressed":!!s,className:u,onClick:d=>{t==null||t(d)},...o,children:n})},gf=f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=$(),a=T(i,g("chips-list",s&&C("multiple")));return r.jsx("div",{ref:t,role:"group",className:a,...l,children:n})}),Ye=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=$(),h=T(m,g("columns",s&&C("multiline"),l&&C("inlined"),i&&C("mobile"),a&&C("centered"),o&&C("vcentered"),!u&&c&&C("gapless"),!c&&u&&[C("variable"),C(`${u}`)],n));return r.jsx("div",{ref:t,className:h,...d})}),q=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=$(),w=T(L,g("column",s&&C(`${s}`),l&&C(`${l}-mobile`),i&&C(`${i}-tablet`),a&&C(`${a}-tablet`),o&&C(`${o}-desktop`),c&&C(`${c}-widescreen`),u&&C(`${u}-fullhd`),d&&C(`offset-${d}`),m&&C(`offset-${m}-mobile`),h&&C(`offset-${h}-tablet`),E&&C(`offset-${E}-tablet`),N&&C(`offset-${N}-desktop`),v&&C(`offset-${v}-widescreen`),S&&C(`offset-${S}-fullhd`),p&&C("narrow"),x&&C("vcentered"),j&&Z("text-centered"),y&&C(In(y)),n));return r.jsx("div",{ref:t,className:w,...R})}),De=({className:e,fluid:t,centered:n,verticalCentered:s,medium:l,fullwidth:i,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:m,pulledRight:h,pulledLeft:E,...N})=>{const{styled:v}=$(),S=()=>{switch(a){case Lc.TOP:return C("sticky-top");case Lc.BOTTOM:return C("sticky-bottom");default:return""}},p=T(v,g("container",t&&C("fluid"),l&&C("medium"),n&&C("centered"),i&&C("fullwidth"),s&&C("vcentered"),h&&C("pulled-right"),E&&C("pulled-left"),a&&S(),u&&Z(Bt(u)),d&&Z("background"),m&&C("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...N,style:x})};var ul=(e=>(e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm",e))(ul||{}),Mt=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Mt||{});const _j=e=>{const t=Math.floor(e/1e3%60),n=Math.floor(e/1e3/60%60),s=Math.floor(e/(1e3*60*60)%24);return{days:Math.floor(e/(1e3*60*60*24)),hours:s,minutes:n,seconds:t}},jf=({deadline:e,className:t,format:n,event:s,small:l,inverted:i,...a})=>{const{styled:o}=$(),[c]=f.useState(e),u=e.getTime()-new Date().getTime(),d=_j(u),[m,h]=f.useState(d),[E,N]=f.useState(!1),v=[m.days!=0,m.hours!=0,m.minutes!=0,m.seconds!=0],S=n==null?void 0:n.split("-"),p=T(o,g("countdown",i&&C("inverted"),l&&C("small"),t));return S?S.forEach(x=>{switch(x){case"dd":v[Mt.DAY]=!0;break;case"hh":v[Mt.HOUR]=!0;break;case"mm":v[Mt.MIN]=!0;break;case"ss":v[Mt.SEC]=!0;break}}):(v[Mt.DAY]=!0,v[Mt.HOUR]=!0,v[Mt.MIN]=!0,v[Mt.SEC]=!0),f.useEffect(()=>{setInterval(()=>{const x=c.getTime()-new Date().getTime();if(x>0)switch(n){case ul.DAY:h({days:Math.ceil(x/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case ul.DAY_HOUR:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.ceil(x/(1e3*60*60)%24),minutes:0,seconds:0});break;case ul.DAY_HOUR_MIN:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.ceil(x/1e3/60%60),seconds:0});break;default:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.floor(x/1e3/60%60),seconds:Math.floor(x/1e3%60)});break}N(!0)},1e3)},[c,n]),f.useEffect(()=>{m.days+m.hours+m.minutes+m.seconds===0&&s&&E&&(s(null),N(!1))},[m,s,E]),r.jsxs("ul",{className:p,...a,children:[(v[Mt.DAY]||m.days!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.days?m.days:0}),"j"]}),(v[Mt.HOUR]||m.hours!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.hours?m.hours:0}),"h"]}),(v[Mt.MIN]||m.minutes!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.minutes?m.minutes:0}),"m"]}),(v[Mt.SEC]||m.seconds!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.seconds?m.seconds:0}),"s"]})]})},V=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=$(),d=T(u,g("divider",t&&C("unboxed"),s&&C("marginless"),e,i&&Z(`background-${jt(i)}`),l&&"has-icon")),m=T(u,g("divider-content",o&&Z(`text-${jt(o)}`),a&&Z(`background-${jt(a)}`)));return n&&l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:r.jsx(z,{name:l,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Oj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:l,className:i,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:m,disabled:h,...E})=>{const{styled:N}=$(),[v,S]=f.useState(t||!1);f.useEffect(()=>{S(t||!1)},[v]);const p=o||c||u||d?{position:a?"fixed":"absolute",top:o??"auto",bottom:c??"auto",left:u??"auto",right:d??"auto"}:{position:"relative"},x=T(N,g("fab",t&&C("extended"),i));return r.jsxs("button",{disabled:h,"data-testid":m,"aria-label":s,onClick:j=>{l==null||l(j),j.stopPropagation()},style:{...p},...E,className:x,children:[r.jsx(z,{name:n}),e]})},_i=({children:e,background:t,backgroundSrc:n,inverted:s,className:l,align:i,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=$(),m=T(d,g("hero",t&&Z(Bt(t)),n&&Z("background"),s&&C("inverted")||C("base"),i&&C(In(i)),a&&C(a),c&&C("overlapped"),l));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:m,...u,children:r.jsx("div",{className:T(d,g("hero-body")),children:e})})},go=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("image",n)),d={image:{width:l,height:i}};return r.jsx("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:T(c,g(s?C("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var we=(e=>(e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email",e))(we||{}),Et=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(Et||{}),Kp=(e=>(e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new",e))(Kp||{});const jo=e=>typeof e=="string"?e:e.label,Dj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Mj=(e,t)=>{const n=Dj(t),s=new RegExp(`^${n}`,"i");return e.filter(l=>s.test(typeof l=="string"?l:l.label))},Pj=({children:e,suggestionSelected:t,testId:n,item:s,active:l})=>{const{styled:i}=$(),[a,o]=f.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:T(i,g("autocomplete-item",l&&C("active"),a&&C("active"))),onClick:()=>t?t(s):"",children:e})},Fj=({children:e,className:t,absolute:n,fullwidth:s,testId:l})=>{const{styled:i}=$();return r.jsx("div",{role:"list","data-testid":l,className:T(i,g("autocomplete-menu",n&&C("absolute"),s&&C("fullwidth"),t)),children:e})},Uj=(e,t)=>{let n;return async(...s)=>{const i=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(i,t)}},bj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:l,placeholder:i,data:a,status:o,onBlur:c,testId:u,onChange:d,name:m,matching:h=Mj,displayMenu:E=!0,onItemSelected:N,customIcon:v,reference:S,disabled:p,children:x,accessibilityLabel:j,onIconClick:y,getSuggestions:R,debounceSuggestionsTimeout:L,onFocus:w,loading:k,...U})=>{const{styled:F}=$(),{Input:se}=U,[fe,Ae]=f.useState(null),[re,Y]=f.useState(t??""),[ae,me]=f.useState(0),[H,G]=f.useState(E||!1),[W,X]=f.useState([]),ge=T(F,g(C("autocomplete"),C("active")));f.useEffect(()=>{Y(t||"")},[t]),f.useEffect(()=>{me(0),a!=null&&a.length&&h&&X(h(a,re)),fe&&jo(fe)!==re&&Ae(null)},[re]),f.useEffect(()=>{X(h(a,re))},[a]);const Ot=async pe=>{if(G(!0),d&&d({inputName:m||"",inputValue:pe.inputValue,inputSelectionStart:null}),pe.inputValue.startsWith("/")&&pe.inputValue.endsWith("/"))try{const Fe=pe.inputValue.substring(1,pe.inputValue.lastIndexOf("/"));Y(new RegExp(Fe,"i").source)}catch{Y(pe.inputValue)}else Y(pe.inputValue);if(R){const Fe=await R(pe.inputValue);X(Fe)}else h&&a&&X(h(a,pe.inputValue))},Ct=L?Uj(Ot,L):Ot,xn=(pe,Fe,Yt)=>{G(!1),Y(jo(pe)),Ae(pe),(Fe||Yt)&&N&&N({value:pe,index:pe?(Fe.length?Fe:Yt).indexOf(pe):-1})},ee=pe=>{switch(pe.inputKeyCode){case 38:if(ae===0)return;me(ae-1);break;case 40:if(ae===W.length-1)return;me(ae+1);break;case 13:W[ae]!=null&&xn(W[ae],a,W);break}},Pe=pe=>{G(!0),w&&w(pe)};return r.jsxs("div",{className:T(F,g("control")),children:[r.jsx(se,{defaultValue:e,accessibilityLabel:j,...v?{customIcon:v}:{},reference:S,placeholder:i,...m?{name:m}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Kp.OFF,disabled:p,onBlur:pe=>{setTimeout(()=>G(!1),250),c&&c(pe)},onFocus:Pe,onKeyUp:ee,value:re,onChange:pe=>{Ct(pe)},onIconClick:y,loading:k}),H&&r.jsx("div",{className:ge,children:W.length>0&&r.jsx(Fj,{testId:u,absolute:s,fullwidth:l,className:n,children:W.map((pe,Fe)=>r.jsx(Pj,{active:ae===Fe,testId:u,item:pe,suggestionSelected:Yt=>xn(Yt,a,W),children:x?x(pe):jo(pe)},Fe))})}),r.jsx("div",{})]})},Hj=({validationRules:e,inputValue:t})=>{var j,y;const[n,s]=O.useState(0),l={isVerify:!1,color:ws.NEUTRAL},[i,a]=O.useState(l),[o,c]=O.useState(l),[u,d]=O.useState(l),[m,h]=O.useState(l),[E,N]=O.useState(l),v=O.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),S=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?"50%":R<=99&&R>50?"75%":R===100?"100%":"0%"},[n,v]),p=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?rr(ce.ERROR):R<=99&&R>50?rr(ce.WARNING):rr(R===100?ce.SUCCESS:ce.FADE_NEUTRAL)},[n,v]),x=f.useMemo(()=>{var R,L,w,k,U,F,se,fe,Ae,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((L=e==null?void 0:e.length)==null?void 0:L.max)!==void 0):return`Entre ${(w=e==null?void 0:e.length)==null?void 0:w.min} et ${(k=e==null?void 0:e.length)==null?void 0:k.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((F=e==null?void 0:e.length)!=null&&F.max)):return`Minimum ${(se=e==null?void 0:e.length)==null?void 0:se.min} caractères`;case(((fe=e==null?void 0:e.length)==null?void 0:fe.max)&&!((Ae=e==null?void 0:e.length)!=null&&Ae.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(j=e==null?void 0:e.length)==null?void 0:j.min,(y=e==null?void 0:e.length)==null?void 0:y.max]);return f.useEffect(()=>{var U,F;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,L=((F=e==null?void 0:e.length)==null?void 0:F.max)||"",w=new RegExp(`^.{${R},${L}}$`),k=[];e!=null&&e.specialChars&&k.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&k.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&k.push({test:/[A-Z]/.test(t),setState:h}),e!=null&&e.lowercase&&k.push({test:/[a-z]/.test(t),setState:N}),e!=null&&e.length&&k.push({test:w.test(t),setState:a}),k.forEach(({test:se,setState:fe})=>fe(se?{isVerify:!0,color:ws.SUCCESS}:l)),s(k.filter(se=>se.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:S,isLengthVerify:i,isLowerercaseVerify:E,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:m}},zj=({validationRules:e,styled:t,inputValue:n})=>{var m,h;const{widthGauge:s,colorGauge:l,LengthvalidationRulesText:i,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=Hj({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:T(t,g("security-gauge-container")),children:[r.jsx("div",{className:T(t,g("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:l},className:T(t,g("gauge"))})}),r.jsxs("div",{className:T(t,g("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:i,classes:"security-length","data-length-min":(m=e==null?void 0:e.length)==null?void 0:m.min,"data-length-max":(h=e==null?void 0:e.length)==null?void 0:h.max,color:a.color,iconName:a.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.specialChars),dataAttribute:{"data-security-special-chars":!0},classes:"security-special-chars",type:"Caractères spéciaux",color:u.color,iconName:u.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]})]})]})},$s=({dataAttribute:e,type:t,display:n,color:s,iconName:l,classes:i,styled:a})=>n?r.jsxs("div",{...e,className:T(a,g("security",i)),children:[r.jsx(z,{color:s,name:l,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,xe=({forceControl:e,label:t,sample:n,className:s,disabled:l,onChange:i,onKeyPress:a,onKeyUp:o,onIconClick:c,onClick:u,onFocus:d,onBlur:m,patternValidator:h,onMouseEnter:E,onMouseLeave:N,name:v,placeholder:S,type:p="text",defaultValue:x,value:j,loading:y,focused:R,hasIcon:L,customIcon:w,status:k,help:U,iconClassname:F,reference:se,onStatusChange:fe,customValidator:Ae,onSubmit:re,minLength:Y,maxLength:ae,testId:me,accessibilityLabel:H,autoCompleteType:G,customIconLeft:W,customIconRight:X,securityGauge:ge,validationRules:Ot,required:Ct,...xn})=>{const{styled:ee}=$(),Pe=S!==void 0&&S.length>0,pe=new Map;pe.set(Et.SUCCESS,D.CHECK_CIRCLE),pe.set(Et.WARNING,D.EXCLAMATION_CIRCLE),pe.set(Et.ERROR,D.EXCLAMATION_CIRCLE);const[Fe,Yt]=f.useState(x??""),[Er,Wa]=f.useState(R??!1),[bu,ox]=f.useState(!1),[Hu,cx]=f.useState(!1),[rn,zu]=f.useState(k||Et.DEFAULT),[Gr,$u]=f.useState(p),[ux,Wu]=f.useState(!1),dx=g("help",rn&&C(rn)),fx=T(ee,g("input",rn&&C(rn))),mx=T(ee,g("field",s,p==="password"&&ge&&"has-gauge")),hx=T(ee,g("control",Pe&&p!==we.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:L??(w||X||p==="password"),"has-icons-left":W||p===we.SEARCH})),Bu=f.useCallback(je=>{const Dt=je.target;return{inputName:Dt.name,inputValue:Dt.value,inputKeyCode:je.keyCode,inputTarget:Dt,preventDefault:()=>je.preventDefault()}},[]),gr=f.useCallback(({className:je,name:Dt,color:$l,closeIconSearch:px,onPress:Gu})=>r.jsxs("div",{...p==="password"&&{"data-show-pwd":!0},onClick:xx=>{Gu&&Gu(),c&&c({inputName:Dt??"",inputValue:Fe,inputTarget:xx.target})},children:[r.jsx(z,{className:je,name:Dt,size:K.SMALL,color:$l}),Fe&&Fe.length>0&&px&&r.jsx(z,{onClick:()=>Yt(""),className:T(ee,g(C("justified-self"))),name:D.TIMES_CIRCLE,size:K.SMALL})]}),[Fe,ee]),Vu=!Ae&&h?je=>h.test(je)?Et.SUCCESS:Et.ERROR:Ae;return f.useEffect(()=>{Yt(j??x??"")},[j,x]),f.useEffect(()=>{Wa(R??!1)},[R]),f.useEffect(()=>{Er?ox(!0):bu&&cx(!0)},[Er,bu]),f.useEffect(()=>{!Vu||!Hu||zu(Vu(Fe))},[Er,Hu]),f.useEffect(()=>{zu(k||Et.DEFAULT)},[k]),f.useEffect(()=>{fe&&fe(rn)},[rn]),r.jsxs("div",{className:mx,"data-has-gauge":ge?!0:void 0,children:[!Pe&&r.jsxs("label",{className:"input-label",children:[t," ",t&&Ct&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!Pe&&t&&n&&r.jsx(A,{className:"input-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:n}),r.jsxs("div",{className:hx,children:[r.jsx("input",{required:Ct,role:"textbox",...xn,"data-testid":me,"aria-label":H,type:Gr,className:fx,value:Fe,defaultValue:x,name:v,onSubmit:re,ref:se,disabled:l,minLength:Y,maxLength:ae,autoComplete:G,onKeyUp:je=>o&&o(Bu(je)),onKeyPress:je=>a&&a(Bu(je)),onMouseEnter:je=>E==null?void 0:E(je),onMouseLeave:je=>N==null?void 0:N(je),placeholder:S,onClick:je=>{const Dt=je.target;u&&u({inputName:Dt.name,inputValue:Dt.value,inputTarget:Dt})},onChange:je=>{if(Gr!==we.DATE&&Gr!==we.DATETIME_LOCAL&&Gr!==we.NUMBER&&Gr!==we.EMAIL){const Dt=je.target.selectionStart,$l=je.target;window.requestAnimationFrame(()=>{$l.selectionStart=Dt,$l.selectionEnd=Dt})}e||Yt(je.target.value),i&&i({inputName:je.target.name,inputValue:je.target.value,inputSelectionStart:je.target.selectionStart,inputTarget:je.target})},onFocus:je=>{d==null||d(je),Wa(!0)},onBlur:je=>{m==null||m(je),Wa(!1)}}),Pe&&p!==we.SEARCH&&r.jsx("label",{children:S}),L&&rn&&!w&&!y&&!W&&!X&&r.jsx(gr,{className:F,name:pe.get(rn)}),w&&!rn&&!y&&r.jsx(gr,{className:F,name:w}),W&&!y&&r.jsx(gr,{className:g(W&&"icon-left",F),name:W}),X&&!y&&p!=="password"&&r.jsx(gr,{className:g(X&&"icon-right",F),name:X}),!y&&p==="password"&&r.jsx(gr,{className:g("icon-right",F),name:ux?"tri-eye-slash":"tri-eye",onPress:()=>{Gr==="password"?($u("text"),Wu(!0)):($u("password"),Wu(!1))}}),w&&rn&&!y&&r.jsx(gr,{className:F,name:w}),p===we.SEARCH&&!w&&rn==="default"&&!y&&r.jsx(gr,{color:ws.MAIN,className:F,name:D.SEARCH,closeIconSearch:!0}),y&&r.jsx("span",{className:T(ee,g(C("searching")))})]}),U&&r.jsx(A,{className:dx,children:U}),ge&&p==="password"&&r.jsx(zj,{validationRules:Ot,styled:ee,inputValue:Fe})]})};xe.AutoComplete=e=>{const t={...e,Input:xe};return r.jsx(bj,{...t})};const ui=f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=$(),c=T(o,g(s?"icon-list":"list",n));return r.jsx("ul",{ref:t,"data-testid":i,className:c,...a,children:l})}),Rt=({className:e,children:t,customIcon:n,status:s,title:l,description:i,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=$(),m=g(C(jt(s?ce[s]:ce.BACKGROUND)),e);return r.jsxs("li",{className:T(d,g(m,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:T(d,g("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:r.jsx(z,{className:m,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(l||i)&&r.jsxs(r.Fragment,{children:[l&&r.jsx("b",{children:l}),t||i&&r.jsx("p",{children:t||i})]}),!l&&!i&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:T(d,g("list-item_action")),children:o}),c&&r.jsx(V,{})]})};qt.generate();qt.generate();qt.generate();const $j=(e,t)=>e?e.split("").map(n=>n===""?null:Number(n)):new Array(t).fill(null),Nf=e=>e.map(t=>t===null?"_":t).join(""),Wj=e=>e.every(t=>t!==null),Sf=(e,t)=>{const n=e.nextElementSibling;n?(t&&(n.value=t),e.value.length&&n.focus()):e.focus()},yf=e=>{const t=e.previousElementSibling;t?t.focus():e.focus()},Qp=(e,t,n)=>{const s=Number(e);if(isNaN(s)||e.length<1)return n;const l=n.map((i,a)=>a===t?Number(e.slice(0,1)):i);return Qp(e.slice(1),t+1,l)},Bj=e=>{const{key:t}=e,n=e.target;if(t==="ArrowRight"||t==="ArrowDown")return Sf(n);if(t==="ArrowLeft"||t==="ArrowUp")return yf(n);if(t==="Backspace")return n.value===""&&yf(n);t>="0"&&t<="9"&&Sf(n)},di=({className:e,code:t,codeSize:n=6,disabled:s,error:l,onCompleted:i,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...m})=>{const[h,E]=f.useState($j(t,n)||new Array(n).fill(null)),N=f.useRef(!1),{styled:v}=$(),S=T(v,g("otp-list",l&&C("error"),e));f.useEffect(()=>{s||Wj(h)&&(i==null||i(Nf(h)))},[n,h,i,s]),f.useEffect(()=>{N.current=h.find(j=>j!==null)!==void 0,N.current&&(a==null||a(Nf(h)))},[h]);const p=(j,y)=>{const{target:R}=j,L=R.value.trim();L.length>0?E(Qp(L,y,h)):E(h.map((w,k)=>k===y?null:w))},x=j=>{const{target:y}=j;y.setSelectionRange(0,y.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:lt.P,typo:s&&Zt.TEXT_NEUTRAL||l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:S,onClick:()=>{s||o==null||o(!0)},children:h.map((j,y)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:y===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:`${j??""}`,onKeyUp:Bj,onFocus:x,onChange:R=>p(R,y),disabled:s,...m},y))}),u&&r.jsx(A,{className:T(v,g("otp-error-message")),markup:lt.P,typo:l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:u})]})},No=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:l,testId:i,href:a,...o})=>{const[c,u]=f.useState(n),{styled:d}=$(),m=T(d,g("pagination",C("centered"),e)),h=f.useRef(c),E=O.useMemo(()=>{const v=Math.ceil(t/s);let S=1,p=5;v<=5?(S=1,p=v):c<=3?(S=1,p=5):c+3>=v?(S=v-4,p=v):(S=c-2,p=c+2);const x=[...Array(p+1-S).keys()].map(j=>S+j);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);f.useEffect(()=>{l&&h.current!==E.currentPage&&l(E),u(E.currentPage),h.current=E.currentPage},[E.currentPage]);const N=t/s;return r.jsxs("nav",{"data-testid":i,className:m,...o,children:[r.jsx("a",{className:T(d,g("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx(z,{name:D.ARROW_LEFT})}),r.jsxs("ul",{className:T(d,g("pagination-list")),children:[!E.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})}),E.pages.map(v=>r.jsx("li",{"data-testid":`${i}_${v}`,children:r.jsx("a",{className:T(d,g("pagination-link")),...c===v?{"aria-current":!0}:{},"aria-label":`Aller à la page ${v}`,onClick:()=>{u(v)},href:a==null?void 0:a(v),children:v})},v)),!E.pages.includes(N)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:T(d,g("pagination-next")),...c===Math.max(E.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(E.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx(z,{name:D.ARROW_RIGHT})})]})},bn=({className:e,direction:t,children:n,active:s,arrowPosition:l,content:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("popover",t&&C(`popover-${t}`),s&&C("popover-active"),l&&C(`arrow-${l}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,i&&r.jsx("div",{"data-testid":`${a}_content`,className:T(c,g("popover-content")),children:i})]})};var Oi=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Oi||{});const Vj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},ke=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var F;const{styled:S}=$(),p=T(S,g("price",i&&C(`level-${i}`),a&&C("inverted"),c&&C("inlined"),m&&C("striked"),h&&Z("suptitle"),e)),x=T(S,g(o==Ce.ALIGNED_START&&Z("text-left")||o==Ce.ALIGNED_CENTER&&Z("text-centered")||o==Ce.ALIGNED_END&&Z("text-right")||"")),j=t<0,y=Math.abs(t),R=Math.floor(y),L=j?-R:R;let w=Vj(((F=y.toString().split(/[.,]/)[1])==null?void 0:F.substring(0,2))||"");w=w&&w.length===1&&`${w}0`||w;const k=c&&l&&`,${w||"00"} €`||l&&`€${w||"00"}`||"€",U=r.jsxs("span",{className:E?T(S,g(C("aligned-center"),C("flex"))):"",children:[r.jsxs("span",{"data-testid":u,"aria-label":d,className:p,...v,children:[h&&r.jsx("span",{className:"price-suptitle",children:h}),r.jsx(A,{markup:lt.SPAN,children:`${L}`}),r.jsxs("span",{className:T(S,g("price-details")),children:[r.jsxs("span",{className:T(S,g("cents")),children:[c&&k==="€"?r.jsxs(r.Fragment,{children:[" ",k]}):k,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:T(S,g("period")),children:["/",s]})]})]}),E&&r.jsxs("span",{className:T(S,g("price-tag")),children:[r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_SEMIBOLD,Zt.TEXT_WHITE],children:[E," ",N||"€"]}),N==="€"&&s&&r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_NORMAL,Zt.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:x,children:U}):U};var Xt=(e=>(e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7",e))(Xt||{});const Gj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:l,closeable:i,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=f.useState(n||!1),{styled:m}=$();f.useEffect(()=>{d(n||!1)},[n]);const h=T(m,g("product-tour",u&&C("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:h,...c,children:[s&&r.jsx("div",{className:T(m,g("arrow",C(s),l&&C(l)))}),a&&r.jsx("span",{className:T(m,g("icon",C("medium"))),children:r.jsx("img",{className:T(m,g(C("rounded"))),src:a})}),i&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx(z,{size:K.SMALL,name:D.TIMES,className:"close"})}),r.jsx("div",{className:T(m,g("product-tour-content")),children:e})]})};var Zp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Zp||{}),Jp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Jp||{});f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=$(),N=T(E,g("progress",a&&C(Ha(a)),!a&&C("primary"),o&&C("small"),s)),v=T(E,g("progress",c&&C("stacked"),s));return n&&c?r.jsx("div",{ref:t,className:v,...h,children:n}):r.jsxs(r.Fragment,{children:[r.jsx("progress",{className:N,value:l,max:i,...h,children:l}),u&&r.jsx(A,{className:Z("text-centered"),level:_e.TWO,children:u}),d&&m&&r.jsxs(Ye,{mobile:!0,marginSize:3,children:[r.jsx(q,{children:r.jsx(A,{level:_e.TWO,children:d})}),r.jsx(q,{narrow:!0,children:r.jsx(A,{level:_e.TWO,children:m})})]})]})});f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=$(),d=T(u,g("progress-bar",a&&C(Ha(a)),!a&&C("primary"),n));return r.jsx("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})});const Cf=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("radios",e,t&&Z("text-centered"),n&&C("mobile"),s&&C("vertical"))),...l})},Pt=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=$(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:T(j,g(d?"radio-tile":"radio",v&&C("narrow"),S&&C("marginless"),E&&C("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),r.jsx("label",{htmlFor:l,className:T(j,g("radio-label")),children:N||r.jsxs(r.Fragment,{children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]})]})})]})},qj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:l,labelValueCursorMin:i,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:m,idMax:h,testId:E,gap:N=0})=>{const{styled:v}=$(),[S,p]=f.useState(s??0),[x,j]=f.useState(l??t),y=f.useRef(null);f.useEffect(()=>{if(y.current){const U=y.current;U.style.background=`linear-gradient(to right, ${rr(ce.FADE_NEUTRAL)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${x/t*100}%, ${rr(ce.FADE_NEUTRAL)} ${x/t*100}%) `}},[S,x]),f.useEffect(()=>{p(s||0)},[s]),f.useEffect(()=>{j(l||t)},[l]);const R=f.useCallback(U=>{Number(U.target.value){Number(U.target.value)>S+N&&j(Number(U.target.value))},[x,S]),w=f.useCallback(()=>{o&&o({inputName:u,inputValue:S})},[o,u,S]),k=f.useCallback(()=>{c&&c({inputName:m,inputValue:x})},[c,m,x]);return r.jsxs("div",{"data-testid":E,className:T(v,g("range-container")),children:[r.jsx("label",{className:T(v,g("range-label")),children:n}),r.jsxs("div",{className:T(v,g("range")),children:[r.jsx("div",{ref:y,className:T(v,g("range-track"))}),r.jsx("input",{"data-testid":`${E}_min`,className:T(v,g("range-cursor range-cursor-min")),onMouseUp:w,onChange:R,value:S,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${E}_max`,className:T(v,g("range-cursor range-cursor-max")),onMouseUp:k,onChange:L,value:x,type:"range",min:e,max:t,name:m,id:h,"aria-label":n})]}),r.jsxs("div",{className:T(v,g("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-min")),children:S}),i&&r.jsxs("span",{children:[" ",i]})]}),r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},Ic=f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=$();return r.jsx("div",{ref:t,className:T(i,g("rows",s&&C("gapless"),n)),...l})}),ds=f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=$(),a=T(i,g("row",s&&C("narrow"),n));return r.jsx("div",{ref:t,className:a,...l})}),za=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=$(),a=T(l,g("scroll-view",t&&(()=>{switch(t){case(Rr==null?void 0:Rr.HORIZONTAL):return C("horizontal");case(Rr==null?void 0:Rr.VERTICAL):return C("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});za.displayName="ScrollView";const Q=O.forwardRef((e,t)=>{const{className:n,skeleton:s,background:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=$(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=T(m,g("section",n,l&&Z(Bt(l)),i&&Z("background"),a&&C("inverted"),C(h?"loading":"loaded"),u&&C("fullwidth"),o&&C("paddingless"),c&&C("vertical-paddingless")));return r.jsx("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})}),el=({active:e,onClick:t,disabled:n,className:s,children:l})=>{const[i,a]=f.useState(e||!1),{styled:o}=$();return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:T(o,g("segmented-control-item",s,{"is-active":i})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:l})},Yj=({className:e,onClick:t,disabled:n,marginless:s,children:l,activeIndex:i})=>{const{styled:a}=$(),o=T(a,g("segmented-control",s&&C("marginless"),e)),[c,u]=f.useState(i||0),d=(h,E)=>{if(typeof E<"u"&&!c)return E;if(h===c)return!0},m=(h,E)=>{if(n)return!1;u(E),t&&t(h)};return O.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:l&&Array.isArray(l)&&l.map((h,E)=>{const N={active:!!d(E,h.props.active)||!1,disabled:h.props.disabled,key:E,onClick:v=>{m(v,E),h&&h.props.onClick&&h.props.onClick(v)}};return h&&typeof h.valueOf()=="string"?r.jsx(el,{disabled:N.disabled,active:N.active,onClick:v=>t==null?void 0:t(v),children:h},N.key):O.cloneElement(h,N)})})},Xj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:l,children:i,selected:a,name:o,id:c,testId:u,label:d,iconName:m,multiple:h,className:E})=>{const{styled:N}=$(),[v,S]=O.useState(!1),[p,x]=O.useState(a),[j,y]=O.useState([]),R=O.useId(),L=O.useMemo(()=>T(N,g("select",E)),[N,E]),[w,k]=f.useState(-1),U=O.useCallback(()=>{S(Y=>!Y)},[]),F=O.useCallback(Y=>{Y===13&&S(ae=>h&&!ae?!0:h&&ae?ae:!ae)},[h]),se=f.useCallback(Y=>h&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[h,p]),fe=f.useCallback(({isChecked:Y,children:ae,label:me,value:H})=>{const G=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):y(ge=>ge.filter(Ot=>![ae,me].includes(Ot)));const X=W.filter(ge=>ge!==H);return G.push(...X),X;case(Array.isArray(W)&&!t):return G.push(...W),W;case(!Array.isArray(W)&&!t):return G.push(H),W;case(!Array.isArray(W)&&t):y([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const X=[...W,H];return G.push(...X),X}return G.push(H),H}),y(W=>h?[...W,ae||me]:[ae||me])),G},[h,t]);O.useEffect(()=>{var ae;const Y=(ae=O.Children.map(i,me=>{if(!O.isValidElement(me))return!1;const H=me.props.children||me.props.label;switch(!0){case(Array.isArray(a)&&a.includes(me.props.value)||!Array.isArray(a)&&me.props.value===a):return H;default:return!1}}))==null?void 0:ae.filter(me=>me);Y&&y(Y),x(a)},[a]),O.useEffect(()=>{const Y=ae=>{const me=i,H=me[w];switch(ae.preventDefault(),!0){case ae.key==="ArrowDown":re&&k(W=>{let X=(W+1)%re.length;return me[X].props.disabled&&X++,X%re.length});break;case(ae.key==="ArrowUp"&&w!==-1):re&&k(W=>{let X=(W-1+re.length)%re.length;return me[X].props.disabled&&X--,X===-1&&(X=re.length-1),X%re.length});break;case(ae.key==="ArrowUp"&&w===-1):re&&k(()=>{let W=re.length-1;return me[W].props.disabled&&W--,W});break;case(["Enter"].includes(ae.key)&&w!==-1&&!H.props.disabled):const G=se(H.props.value);fe({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:G});break;case ae.key==="Escape":k(-1),S(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&k(-1),()=>document.removeEventListener("keydown",Y)},[v,w,i,se]);const Ae=f.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>S(!1)}),[]),re=O.useMemo(()=>O.Children.map(i,(Y,ae)=>{if(!O.isValidElement(Y))return null;const me=G=>{switch(!0){case(t&&h&&(p==null?void 0:p.includes(Y.props.value))||t&&!h&&p===Y.props.value):return;default:return G}},H={...Y.props,checked:se(Y.props.value),focused:w===ae?"true":void 0,onClick:()=>{const G=fe({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:se(Y.props.value)});e&&e({selectValue:me(Y.props.value),selectName:me(Y.props.children||Y.props.label),selectId:me(Y.props.id),name:me(Y.props.children||Y.props.label),selectedOptions:G}),Y.props.onClick&&Y.props.onClick()}};return f.createElement(Re,{...H,key:`${R}_${ae}`})}),[h,t,p,w,i]);return r.jsxs("div",{className:L,children:[r.jsx(xe,{value:j.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:m,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:l,onClick:U,className:T(N,g(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),F(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:T(N,g("select-options")),children:re}),v&&WE.createPortal(Ae,document.body)]})},Kj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:l,selected:i,name:a,id:o,testId:c,label:u,iconName:d,multiple:m,className:h,accessibilityLabel:E,...N})=>{const{styled:v}=$(),S=f.useMemo(()=>T(v,g("select",h)),[v,h,d]),[p,x]=f.useState(!1),[j,y]=f.useState(i);f.useEffect(()=>{y(i)},[i]);const R=f.useMemo(()=>({input:T(v,g("input",t&&C("disabled"),"select-native",m&&"multiple",h)),control:T(v,g("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,h,m]),L=f.useCallback(k=>{x(!0),n&&n(k)},[]),w=f.useCallback(k=>{x(!1),s&&s(k)},[]);return r.jsx("div",{className:S,children:r.jsx("div",{className:T(v,g("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:m,className:T(v,g(!u&&"no-label")),value:j,"aria-label":E,"data-testid":c,onChange:k=>{const U=Array.from(k.target.selectedOptions).map(F=>F.value);y(U),e&&e({selectValue:k.target.value,selectName:k.target.name,selectId:k.target.id,name:k.target.name,selectedOptions:U})},onFocus:L,onBlur:w,id:o?String(o):void 0,name:a,disabled:t,...N,role:"listbox",children:f.Children.map(l,k=>{if(!f.isValidElement(k))return null;const U={...k.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!m&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx(z,{name:d,size:"small"})}),!m&&r.jsx("div",{children:r.jsx(z,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Kr=({native:e,...t})=>e?r.jsx(Kj,{...t}):r.jsx(Xj,{...t}),Re=f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?r.jsx("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v,children:a||c}):r.jsx(Pt,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})}),Di=({active:e,children:t,className:n,onClick:s,...l})=>{const[i,a]=f.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":i}};return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:g(n,{"is-active":i}),...o.li,...l,onClick:c=>{const u=c.target;a(e||!1),u.active=e,s&&s(c)},children:t&&typeof t.valueOf()=="string"&&r.jsx(A,{markup:lt.A,...o.a,...l,children:String(t)})})},Qj=({children:e,className:t,onClick:n,activeIndex:s,disabled:l,align:i,justify:a,...o})=>{const[c,u]=f.useState(s||0),d=g("selector",i&&C(In(i)),a&&C(a),t),m=(E,N)=>{if(typeof N<"u"&&!c)return N;if(E===c)return!0},h=(E,N)=>{if(l)return!1;u(N),n&&n(E)};return f.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((E,N)=>{const v={active:!!m(N,E.props.active)||!1,key:N,tabIndex:N,onClick:S=>{h(S,N),E&&E.props.onClick&&E.props.onClick(S)}};return typeof E.valueOf()=="string"?r.jsx(Di,{active:v.active,onClick:S=>n==null?void 0:n(S),children:r.jsx(A,{children:String(E)})}):O.cloneElement(E,v)})})})},ve=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},Ws=e=>8*e;var be=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=Ws(.5)]="SMALLER",e[e.SMALL=Ws(1)]="SMALL",e[e.MEDIUM=Ws(2)]="MEDIUM",e[e.LARGE=Ws(3)]="LARGE",e[e.HUGE=Ws(4)]="HUGE",e))(be||{});const Zj=f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=$(),o=T(a,g("stepper-wrapper",n)),c=T(a,g("section",Z("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;(N=E==null?void 0:E.props)!=null&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?r.jsx("section",{ref:t,className:c,children:r.jsxs("div",{className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})}):r.jsxs("div",{ref:t,className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})});var Mi=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(Mi||{});const Bs=O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=$(),E=T(h,g("step-label")),N=T(h,g("stepper-item",l&&C("active"),a&&C("current"),o&&C("done"),d&&C("error"),s)),S=i&&(p=>{if(p in Mi||Object.values(Mi).includes(p))return!0})(i)?i:Mi.DIV;return r.jsx(S,{ref:t,className:N,"data-label":c,...m,children:r.jsxs("div",{className:E,children:[c||n,!o&&u&&r.jsx(z,{name:u&&u,className:"step-icon",size:K.MEDIUM})]})})});var kc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(kc||{});const jr=({className:e,children:t,variant:n,small:s,hat:l,markup:i,outlined:a,...o})=>{const{styled:c}=$(),u=T(c,g("sticker",n&&C(Lj(n)),s&&C("small"),l&&C("hat"),e,a&&C("outlined"))),m=i&&(h=>{if(h in kc||Object.values(kc).includes(h))return!0})(i)?i:"div";return r.jsx(m,{className:u,...o,children:t})},Nr=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=$();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),r.jsxs("div",{className:T(v,g("switch",m&&C("reversed"),e)),children:[r.jsx("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:T(v,g(o&&C(Ha(o)))),...h}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},So=({className:e,fullwidth:t,bordered:n,comparative:s,striped:l,compact:i,...a})=>{const{styled:o}=$(),c=T(o,g("table",t&&C("fullwidth"),n&&C("bordered"),s&&C("comparative"),l&&C("striped"),i&&C("compact"),e));return r.jsx("table",{className:c,...a})},yo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("thead",{className:i,...s})},Co=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("tbody",{className:i,...s})},Ke=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("th",{className:i,colSpan:t,rowSpan:n,...s})},pt=({className:e,expandable:t,expanded:n,expansion:s,color:l,...i})=>{const{styled:a}=$(),o=T(a,g(e,t&&C("expandable"),n&&C("expanded"),s&&C("expansion"),l&&jt(l)));return r.jsx("tr",{className:o,...i})},J=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("td",{className:i,rowSpan:t,colSpan:n,...s})},Sr=O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=$(),[y,R]=O.useState(!1),L=T(j,g("tabs",o&&C("right"),c&&C("fullwidth"),d&&C("centered"),m&&C("marginless"),y&&C("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),r.jsx("div",{ref:t,className:T(j,g("tab-context",h&&C("inverted"),u&&Z(`text-${u}`),E&&C("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v,children:r.jsx("div",{className:L,role:"tablist",...S,children:O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})})})}),oe=O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=$(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=T(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return r.jsxs(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}return r.jsxs("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}),We=({children:e,className:t,variant:n,deletable:s,onClick:l,inverted:i,small:a,iconName:o,testId:c,...u})=>{const[d,m]=f.useState(s||!1),{styled:h}=$(),E=T(h,g("tag",!s&&n&&C(jt(n)),!s&&i&&C("inverted"),a&&C("small"),!s&&t,s&&!d&&C("hidden"))),N=T(h,g(n&&C(jt(n)))),v=p=>{m(!1),l&&l(p)},S=T(h,g("tags",n&&C(jt(n)),s&&[Z("addons"),C("delete")],i&&C("inverted"),a&&C("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:S,children:[r.jsx("span",{className:E,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:E})]}):r.jsxs("span",{"data-testid":c,onClick:l&&l,className:E,...u,children:[o&&r.jsx(z,{className:N,name:o}),e]})},Ro=f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=$();return r.jsx("span",{ref:t,className:T(o,g("tags",l&&C("centered"),s&&C("gapless"),i&&C("marginless"),n)),...a})});var Be=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(Be||{});const yn=({className:e,sample:t,required:n,disabled:s,onChange:l,placeholder:i,defaultValue:a,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:m,ref:h,label:E,maxLength:N,minLength:v,iconName:S,typo:p,testId:x,...j})=>{const[y,R]=f.useState(a||""),{styled:L}=$();f.useEffect(()=>{R(a||"")},[a]);const w=T(L,g("textarea-wrapper",e,c&&C(c))),k=T(L,g("textarea",d&&Z("dynamic-label"),S&&Z("icon"))),U=g("help"),F=T(L,g("counter",N));return r.jsxs("div",{className:w,children:[!d&&r.jsxs("label",{className:"textarea-label",children:[E," ",E&&n&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!d&&E&&t&&r.jsx(A,{className:"textarea-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:t}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:s,ref:h,...j,className:k,value:y,onChange:se=>{R(se.target.value),l&&l({textareaName:se.target.name,textareaValue:se.target.value})},placeholder:i,rows:m,maxLength:N,required:n}),d&&r.jsx("label",{children:E}),S&&r.jsx(z,{name:S,size:"small"}),u&&r.jsx(z,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),N&&r.jsx("div",{className:F,children:`${y.length}/${N==null?void 0:N.toString()}`})]})},Hn=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("timeline-content",t));return e?r.jsx("div",{className:u,...o,children:e}):r.jsxs("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()},children:[n&&r.jsx(A,{markup:lt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:lt.P,children:s}),l&&r.jsx(at,{href:l,children:i||l})]})},zn=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=$(),u=T(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return r.jsx("div",{ref:t,className:u,...o})}),$n=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=$(),o=T(a,g("timeline-marker",C("icon"),e)),c=g(t);return r.jsx("div",{className:o,...i,"data-testid":l,children:r.jsx("div",{className:"card-header-icon",children:r.jsx(z,{color:s,className:c,name:n,size:K.SMALL})})})},Rf=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=$(),o=T(a,g("timeline",s&&s,l&&C("horizontal"),n));return r.jsx("div",{ref:t,className:o,...i})});var Es=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label",e))(Es||{});const Ge=({children:e,style:t,className:n,loading:s,onClick:l,background:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=$(),S=u&&(x=>{if(x in Es||Object.values(Es).includes(x))return!0})(u)?u:"div",p=T(N,g(typeof s=="string"&&C(Tj(s)),C(typeof s=="boolean"?"loading":"loaded"),i&&Z(Bt(i)),a&&Z("background"),o&&C("inverted")||C("base"),c&&C("fullwidth"),d&&C("flex"),typeof m=="string"&&C(wj(m)),typeof h=="string"&&C(In(h)),n));return r.jsx(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E,children:e})},Jj=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.TWO,children:"Base"}),r.jsx(ve,{size:10}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"ONE",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(er,{active:!0,id:"TWO",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{id:"THREE",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(er,{disabled:!0,id:"FOUR",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(V,{})]}),wf=()=>0,ex=O.createContext({show:wf,hide:wf}),e0={icons:{},colors:{},fontFamily:{}},t0={theme:e0,setTheme:()=>{}},n0=O.createContext(t0);var Ve;(function(e){e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL"})(Ve||(Ve={}));const Pi={[Ve.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Ve.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Ve.ACCENT]:["#da641b","#bb5118","accent","white"],[Ve.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Ve.SUCCESS]:["#007B52","#cae8ca","success","white"],[Ve.INFO]:["#1A688A","#c8dbec","info","white"],[Ve.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Ve.ERROR]:["#D42D02","#eecccc","error","white"],[Ve.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Ve.NEUTRAL]:["#707070","#F4F4F4","grey","white"]},Fr=e=>Pi[e][2],r0=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},tx=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(n0),s=(n==null?void 0:n.colors)||Pi,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${Fr(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${Fr(e.replace("FADE-",""))}-fade`:`background-${Fr(e)}`;var Tf;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Tf||(Tf={}));const s0=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var cn;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa"})(cn||(cn={}));var hn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(hn||(hn={}));var fa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(fa||(fa={}));var _c;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL"})(_c||(_c={}));var Gn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Gn||(Gn={}));var ma;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(ma||(ma={}));var Lf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Lf||(Lf={}));function l0(e,t){return!e&&!t?"":Se(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function nx(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const I=nx("is"),Se=nx("has"),i0="e4daf4e",a0={HASH:i0},P=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${a0.HASH}`).join(" "):t;var Oc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Oc||(Oc={}));const{Browser:Fi,Server:rx,Native:sx}=Oc,o0=!!(typeof window<"u"&&window.document&&window.document.createElement),c0=typeof navigator<"u"&&navigator.product=="ReactNative",Qr=c0?sx:o0?Fi:rx,Af={isBrowser:Qr===Fi,isServer:Qr===rx,isNative:Qr===sx,device:Qr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Qr===Fi&&!!window.addEventListener,canUseViewport:Qr===Fi&&!!window.screen},u0=(...e)=>Object.assign({},...e),d0=e=>Object.values(e),f0=()=>u0((d0(Af),Af));f0();const m0=f.createContext({styled:!1,setStyled:()=>{}}),ne=()=>{const e=f.useContext(m0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},If=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=ne(),o=P(a,g("icon",l&&I(`${l}`),I("ancestor"),Se("status"),e)),c=P(a,g("icon is-circled is-descendant",n&&I(`${n.toLowerCase()}`),s&&I(`${s}`))),u=P(a,g(n===fa.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return f.createElement("span",{className:o,"aria-hidden":"true","data-testid":i},f.createElement("span",{className:P(a,g(t))}),f.createElement("span",{className:c},f.createElement("i",{className:u})))},kf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=ne(),c=i&&Se(Dl(i))||l0(n||"",fa.INFO)||Se(Dl(Ve.MAIN)),u=P(o,g("icon",Se(l?s0(l):"text-white"),I(l||Ve.BACKGROUND),[I(`${s}`)],I("circled"),c,e)),d=P(o,g(t));return f.createElement("span",{className:u,"data-testid":a},f.createElement("i",{className:d}))},Dc=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=ne(),h=i&&(E=>{if(E in ma||Object.values(ma).includes(E))return!0})(i)?i:"span";return l?f.createElement("span",{className:P(d,g("icon-and-text",(l===Gn.UP||l===Gn.DOWN)&&I("stacked"),e))},(l===Gn.RIGHT||l===Gn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s),f.createElement(Nt,{name:n,className:e,...u}),(l===Gn.UP||l===Gn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)):f.createElement("span",{className:P(d,g("icon-and-text",e))},f.createElement(Nt,{name:n,...u}),s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)};var dl;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(dl||(dl={}));const _r=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},Nt=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=ne(),w=P(L,g("icon",h&&I("stretched"),n&&I(n),u&&I("stacked"),E&&I(`${Fr(E)}`),p&&I("loading"),d&&I("stacked"),y&&I("marginless"),e));e=g(a&&x&&I(`${_r(x)}`),e);const k=P(L,g(S&&_r(S)==="aligned-start"&&Se("text-left")||_r(S)==="aligned-center"&&Se("text-centered")||_r(S)==="aligned-end"&&Se("text-right")));return i||i&&l?S?f.createElement("div",{className:k},f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})):f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?f.createElement("div",{className:k},f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})):f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?f.createElement("div",{className:k},f.createElement(Dc,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})):f.createElement(Dc,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):f.createElement(f.Fragment,null,f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):h?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):E?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{"data-testid":j,onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))};var Tn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Tn||(Tn={}));const $a=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var qn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(qn||(qn={}));var _f;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(_f||(_f={}));const h0=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}};var Of;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Of||(Of={}));const p0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Df;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Df||(Df={}));var fl;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(fl||(fl={}));var Ls;(function(e){e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right"})(Ls||(Ls={}));var Ml;(function(e){e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold"})(Ml||(Ml={}));var ha;(function(e){e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(ha||(ha={}));var Mf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Mf||(Mf={}));var zt;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(zt||(zt={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Xe=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=ne(),j=P(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case zt.ONE:return I("level-1");case zt.TWO:return I("level-2");case zt.THREE:return I("level-3");case zt.FOUR:return I("level-4");default:return I(`level-${e}`)}})(),c&&I("inverted"),o,I(u?"loading":"loaded"),E&&I("marginless"),v&&I("text-ellipsis"),s)),R=t&&(L=>{if(L in fn||Object.values(fn).includes(L))return!0})(t)?t:"p";return f.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===fn.A&&{href:l},...S},n)};var ue;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX"})(ue||(ue={}));var Pl;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div"})(Pl||(Pl={}));const x0=e=>{if(e)switch(e){case ue.ONE:return I("level-1");case ue.TWO:return I("level-2");case ue.THREE:return I("level-3");case ue.FOUR:return I("level-4");case ue.FIVE:return I("level-5");case ue.SIX:return I("level-6");default:return I(`level-${e}`)}},v0=e=>e in Pl||Object.values(Pl).includes(e),Ne=({level:e=ue.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=ne(),x=P(p,g("title",e&&x0(e),l,I(v?"loading":"loaded"),a&&I("inverted"),h&&I("marginless"),s)),j=P(p,g("subtitle",l,s)),y=P(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&v0(t)?t:"div",L=()=>d?j:m?y:x;return O.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N},n)};var Or;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Or||(Or={}));const E0=({props:e,...t})=>{const{styled:n}=ne(),{title:s,position:l,description:i,iconName:a,status:o,closable:c,onClick:u,className:d,offset:m,children:h}=e,E=!!s,N={top:m||0,position:"fixed"},v={bottom:m||0,position:"fixed"},S=P(n,g("toaster",o&&I($a(o)),!alert&&I("info"),d));return E?h?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},h):s?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},a&&f.createElement(Nt,{name:a,size:hn.SMALL}),f.createElement("div",{className:P(n,g("body"))},s&&f.createElement(Ne,{level:ue.SIX},s),i&&f.createElement(Xe,null,i)),c&&f.createElement(Nt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:hn.SMALL})):null:null},g0=({children:e})=>{const[t,n]=f.useState(null),[s,l]=f.useState(5e3),i=f.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&l(o.duration),i.current&&clearTimeout(i.current)};return f.useEffect(()=>{i.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),f.createElement(ex.Provider,{value:{show:a,hide:()=>null}},e,f.createElement(E0,{props:{title:t==null?void 0:t.title,description:t==null?void 0:t.description,position:t==null?void 0:t.position,iconName:t==null?void 0:t.iconName,status:t==null?void 0:t.status,onClick:t==null?void 0:t.onClick,onHide:t==null?void 0:t.onHide,closable:t==null?void 0:t.closable,offset:t==null?void 0:t.offset,testId:t==null?void 0:t.testId}}))},j0=()=>{const e=()=>{const[t]=f.useState(50),[n]=f.useState(1e3),[s]=f.useState("toasterId"),[l]=f.useState("Why do we use it?"),[i]=f.useState("It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."),{show:a}=f.useContext(ex),o=()=>{a({testId:s,position:Or.TOP,duration:n,offset:t,title:l,description:i,iconName:D.ALERT,status:ua.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(De,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(g0,{children:[r.jsx(e,{}),r.jsx(De,{children:r.jsx(Ge,{children:Object.values(ua).map((t,n)=>r.jsxs(pn,{children:[r.jsxs(_,{level:M.TWO,children:["StatusState : ",t]}),r.jsx(ve,{size:10}),r.jsx(Yp,{display:!0,status:t,title:t,description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.."}),r.jsx(V,{})]},n))})})]})};f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=ne(),a=P(i,g("accordions",n));return f.createElement("section",{ref:t,className:a,...l,"data-testid":s})});const N0=({children:e})=>f.createElement("div",{className:"autolayout"},e);var Pf;(function(e){e.LEFT="left",e.RIGHT="right"})(Pf||(Pf={}));var Ff;(function(e){e.MAIN="MAIN"})(Ff||(Ff={}));var Uf;(function(e){e.DIV="div",e.A="a"})(Uf||(Uf={}));const fi=e=>8*e;var bf;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=fi(2)]="SMALL",e[e.MEDIUM=fi(4)]="MEDIUM",e[e.LARGE=fi(8)]="LARGE",e[e.HUGE=fi(12)]="HUGE"})(bf||(bf={}));f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=ne();return f.createElement("nav",{ref:t,role:"navigation","data-testid":l,className:P(o,g("breadcrumb",s)),"aria-label":i,...a},f.createElement("ul",null,n))});const S0=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=ne(),S=g(m&&Se("icon"),o,h&&I("inverted"),t);if(d&&s){const x=d||"a",j=()=>f.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:P(v,g(S)),to:s||"",...E&&{target:"_blank"},...N},i||e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(j,null)):f.createElement(j,null)}const p=()=>f.createElement(Xe,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:fn.A,className:S,href:l,...E&&{target:"_blank"},...N},m?f.createElement(f.Fragment,null,f.createElement(Xe,{markup:"span"},e),f.createElement(Nt,{name:m,size:hn.SMALL})):e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(p,null)):f.createElement(p,null)};var pa;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(pa||(pa={}));var Mc;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Mc||(Mc={}));var Hf;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(Hf||(Hf={}));const Zr=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=ne(),j=w=>{if(w in pa||Object.values(pa).includes(w))return!0},R=P(x,((w,k,U,F)=>g("button",I(w?"loading":"loaded"),k&&I(r0(k)),U&&I("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return O.createElement("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a);if(L==="input")return O.createElement("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return O.createElement(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)}return O.createElement("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)},lx=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=ne();return f.createElement("div",{className:P(i,g("buttons",e,t&&Se("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Pc;(function(e){e.DIV="div",e.A="a"})(Pc||(Pc={}));f.createContext({horizontal:!1});O.forwardRef((e,t)=>{const{className:n,background:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=ne();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=P(L,g("card",s&&Se(Dl(s)),l&&Se("background"),i&&I("inverted")||I("base"),a&&!c&&I("flat"),o&&[I("horizontal"),I("vcentered")],c&&!a&&I("floating"),u&&I(_r(u)),d&&I(d),I(y?"loading":"loaded"),E&&I("reversed"),n,p&&I("fullheight"),x&&I("active")));return v===Pc.A?O.createElement("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):O.createElement("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})});var zf;(function(e){e[e.SIZE_1=1]="SIZE_1",e[e.SIZE_2=2]="SIZE_2",e[e.SIZE_3=3]="SIZE_3",e[e.SIZE_4=4]="SIZE_4"})(zf||(zf={}));const y0=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=ne(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),O.createElement("div",{className:P(S,g(d?"checkbox-tile":"checkbox",E&&I("horizontal"),t)),tabIndex:0},O.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),O.createElement("label",{htmlFor:l,className:P(S,g("checkbox-label"))},h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m))))};f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=ne(),a=P(i,g("chips-list",s&&I("multiple")));return f.createElement("div",{ref:t,role:"group",className:a,...l},n)});const Fc=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=ne(),h=P(m,g("columns",s&&I("multiline"),l&&I("inlined"),i&&I("mobile"),a&&I("centered"),o&&I("vcentered"),!u&&c&&I("gapless"),!c&&u&&[I("variable"),I(`${u}`)],n));return f.createElement("div",{ref:t,className:h,...d})}),Tr=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=ne(),w=P(L,g("column",s&&I(`${s}`),l&&I(`${l}-mobile`),i&&I(`${i}-tablet`),a&&I(`${a}-tablet`),o&&I(`${o}-desktop`),c&&I(`${c}-widescreen`),u&&I(`${u}-fullhd`),d&&I(`offset-${d}`),m&&I(`offset-${m}-mobile`),h&&I(`offset-${h}-tablet`),E&&I(`offset-${E}-tablet`),N&&I(`offset-${N}-desktop`),v&&I(`offset-${v}-widescreen`),S&&I(`offset-${S}-fullhd`),p&&I("narrow"),x&&I("vcentered"),j&&Se("text-centered"),y&&I(_r(y)),n));return f.createElement("div",{ref:t,className:w,...R})});var $f;(function(e){e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm"})($f||($f={}));var Wf;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Wf||(Wf={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=ne(),d=P(u,g("divider",t&&I("unboxed"),s&&I("marginless"),e,i&&Se(`background-${Fr(i)}`),l&&"has-icon")),m=P(u,g("divider-content",o&&Se(`text-${Fr(o)}`),a&&Se(`background-${Fr(a)}`)));return n&&l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):n?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},f.createElement(Nt,{name:l,size:a?hn.SMALL:hn.MEDIUM}))):f.createElement("div",{"data-testid":"separator",className:d,...c})},C0=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("image",n)),d={image:{width:l,height:i}};return f.createElement("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o},f.createElement("img",{style:d.image,className:P(c,g(s?I("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Bf;(function(e){e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email"})(Bf||(Bf={}));var Vf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Vf||(Vf={}));var Gf;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Gf||(Gf={}));var qf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(qf||(qf={}));var Yf;(function(e){e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new"})(Yf||(Yf={}));var Xf;(function(e){e.NONE="none",e.URL="URL",e.ADDRESS_CITY="addressCity",e.ADDRESS_CITY_STATE="addressCityAndState",e.ADDRESS_STATE="addressState",e.COUNTRY_NAME="countryName",e.CREDIT_CARD_NUMBER="creditCardNumber",e.EMAIL_ADDRESS="emailAddress",e.FAMILY_NAME="familyName",e.FULL_STREET_ADDRESS="fullStreetAddress",e.GIVEN_NAME="givenName",e.JOB_TITLE="jobTitle",e.LOCATION="location",e.MIDDLE_NAME="middleName",e.NAME="name",e.NAME_PREFIX="namePrefix",e.NAME_SUFFIX="nameSuffix",e.NICKNAME="nickname",e.ORGANIZATION_NAME="organizationName",e.POSTAL_CODE="postalCode",e.STREET_ADDRESS_LINE_ONE="streetAddressLine1",e.STREET_ADDRESS_LINE_TWO="streetAddressLine2",e.SUB_LOCALITY="sublocality",e.TELEPHONE_NUMBER="telephoneNumber",e.USERNAME="username",e.PASSWORD="password",e.NEW_PASSWORD="newPassword",e.ONE_TIME_CODE="oneTimeCode"})(Xf||(Xf={}));var Kf;(function(e){e.DEFAULT="default",e.EMAIL_ADDRESS="email-address",e.NUMERIC="numeric",e.PHONE_PAD="phone-pad",e.NUMBER_PAD="number-pad",e.DECIMAL_PAD="decimal-pad",e.VISIBLE_PASSWORD="visible-password",e.ASCII_CAPABLE="ascii-capable",e.NUMBERS_AND_PUNCTUATION="numbers-and-punctuation",e.URL="url",e.NAME_PHONE_PAD="name-phone-pad",e.TWITTER="twitter",e.WEB_SEARCH="web-search"})(Kf||(Kf={}));f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=ne(),c=P(o,g(s?"icon-list":"list",n));return f.createElement("ul",{ref:t,"data-testid":i,className:c,...a},l)});const mi=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("dd",{className:P(n,g(t))},e)};var xa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(xa||(xa={}));const ix=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("div",{className:P(n,g("modal-footer",t))},e)};var va;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e.BUTTON="button",e.A="a"})(va||(va={}));var Qf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Qf||(Qf={}));const Ui=({children:e,className:t,iconColor:n,iconName:s,...l})=>{const{styled:i}=ne(),{textId:a}=l;return f.createElement("div",{className:P(i,g("modal-title",t))},s?f.createElement(Dc,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Zf=qt.generate(),Jf=qt.generate(),R0=qt.generate(),Vs=({children:e,className:t,contentClassNames:n,active:s,title:l,content:i,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:m,onOpen:h,iconName:E,ctaCancelOnClick:N,closeIcon:v,iconColor:S,panel:p,footerClassNames:x,footer:j,fullwidth:y,disableHandlingClickOutside:R=!1,testId:L,titleButtonClose:w,...k})=>{const U=f.useRef(null),[F,se]=f.useState(s||!1),{styled:fe}=ne(),Ae=`${R0}-modal`,re=f.useRef([]),Y=f.useRef(null),[,ae]=f.useState(0),me=ee=>{var Pe;!((Pe=U==null?void 0:U.current)===null||Pe===void 0)&&Pe.contains(ee.target)||X(m,ee)};f.useEffect(()=>{se(s||!1)},[s]),f.useEffect(()=>{F&&re.current[0]&&re.current[0].focus()},[F,re==null?void 0:re.current.length]),f.useEffect(()=>(F&&!R?document.addEventListener("mousedown",me):document.removeEventListener("mousedown",me),()=>{document.removeEventListener("mousedown",me)}),[F,R]);const H=O.useMemo(()=>P(fe,g("modal",F&&I("active"),p&&I("panel"),y&&I("fullwidth"),t)),[s,F,p,t,fe]),G=O.useMemo(()=>P(fe,g("modal-content",n)),[n,fe]),W=O.useMemo(()=>g("modal-footer",x),[x,fe]);function X(ee,Pe){se(!1),Y.current&&Y.current.focus(),ee&&ee(Pe)}function ge(ee,Pe){se(!0),ee&&ee(Pe)}const Ot=ee=>{if(ee in va||Object.values(va).includes(ee))return!0},Ct=O.useMemo(()=>a&&Ot(a)?a:"button",[a]),xn=f.useCallback(ee=>{if(F&&re.current){const Pe=re.current.filter(Fe=>Fe),{key:pe}=ee;pe==="Tab"&&(ee.preventDefault(),ae(Fe=>{var Yt;const Er=(Fe+1)%Pe.length;return Pe[Er]&&((Yt=Pe[Er])===null||Yt===void 0||Yt.focus()),Er}))}},[re.current.length,F]);return O.createElement("div",{"data-testid":L,onKeyDown:xn},o&&O.createElement(Ct,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Ae,onClick:ee=>{ge(h,ee)},className:P(fe,g(c))},o),O.createElement("div",{className:H,role:"dialog","aria-modal":F?"true":void 0,"aria-labelledby":l?Jf:void 0,"aria-describedby":i?Zf:void 0,...k},O.createElement("div",{ref:U,className:G},v&&O.createElement("button",{onClick:ee=>{X(m,ee)},className:P(fe,g("modal-close",I("large"))),"aria-label":"close",type:Mc.BUTTON,title:w,"aria-controls":Ae,ref:ee=>ee&&(re.current[0]=ee)}),(l||E)&&O.createElement(Ui,{iconColor:S,iconName:E,textId:Jf},l),i&&typeof i=="string"?O.createElement(Xe,{id:Zf},i):i,e!=null&&e,O.createElement(ix,{className:W},(d!=null||N!=null)&&O.createElement(lx,{centered:!0,className:I("flex")},N&&O.createElement("button",{onClick:ee=>{X(N,ee)},className:P(fe,g("button",I("secondary"))),"aria-controls":Ae,ref:ee=>re.current[1]=ee},"Annuler"),d&&O.createElement("button",{className:P(fe,g("button",I("primary"))),title:u,"aria-controls":Ae,ref:ee=>re.current[2]=ee,onClick:d},O.createElement("span",{className:"sr-only"}," ",u)))||j))))};var em;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(em||(em={}));var tm;(function(e){e.START="start",e.END="end"})(tm||(tm={}));const w0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},T0=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var S;const{styled:p}=ne(),x=P(p,g("price",i&&I(`level-${i}`),a&&I("inverted"),c&&I("inlined"),m&&I("striked"),h&&Se("suptitle"),e)),j=P(p,g(o==dl.ALIGNED_START&&Se("text-left")||o==dl.ALIGNED_CENTER&&Se("text-centered")||o==dl.ALIGNED_END&&Se("text-right")||"")),y=t<0,R=Math.abs(t),L=Math.floor(R),w=y?-L:L;let k=w0(((S=R.toString().split(/[.,]/)[1])===null||S===void 0?void 0:S.substring(0,2))||"");k=k&&k.length===1&&`${k}0`||k;const U=c&&l&&`,${k||"00"} €`||l&&`€${k||"00"}`||"€",F=f.createElement("span",{className:E?P(p,g(I("aligned-center"),I("flex"))):""},f.createElement("span",{"data-testid":u,"aria-label":d,className:x,...v},h&&f.createElement("span",{className:"price-suptitle"},h),f.createElement(Xe,{markup:fn.SPAN},`${w}`),f.createElement("span",{className:P(p,g("price-details"))},f.createElement("span",{className:P(p,g("cents"))},c&&U==="€"?f.createElement(f.Fragment,null," ",U):U,n&&f.createElement("sup",null,n)),s&&f.createElement("span",{className:P(p,g("period"))},"/",s))),E&&f.createElement("span",{className:P(p,g("price-tag"))},f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_SEMIBOLD,ha.TEXT_WHITE]},E," ",N||"€"),N==="€"&&s&&f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_NORMAL,ha.TEXT_WHITE]}," /",s)));return o?f.createElement("div",{className:j},F):F};var nm;(function(e){e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7"})(nm||(nm={}));var rm;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(rm||(rm={}));var sm;(function(e){e.ONE_FIFTH="one-fifth",e.ONE_QUARTER="one-quarter",e.ONE_THRID="one-thrid",e.TWO_FIFTHS="two-fifths",e.THREE_FIFTHS="three-fifths",e.TWO_THIRDS="two-thirds",e.THREE_QUARTERS="three-quarters",e.FOUR_FIFTHS="four-fifths"})(sm||(sm={}));var lm;(function(e){e.LEFT="left",e.RIGHT="right"})(lm||(lm={}));const Wn=f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=ne(),N=P(E,g("progress",a&&I($a(a)),!a&&I("primary"),o&&I("small"),s)),v=P(E,g("progress",c&&I("stacked"),s));return n&&c?f.createElement("div",{ref:t,className:v,...h},n):f.createElement(f.Fragment,null,f.createElement("progress",{className:N,value:l,max:i,...h},l),u&&f.createElement(Xe,{className:Se("text-centered"),level:zt.TWO},u),d&&m&&f.createElement(Fc,{mobile:!0,marginSize:3},f.createElement(Tr,null,f.createElement(Xe,{level:zt.TWO},d)),f.createElement(Tr,{narrow:!0},f.createElement(Xe,{level:zt.TWO},m))))}),hi=f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=ne(),d=P(u,g("progress-bar",a&&I($a(a)),!a&&I("primary"),n));return f.createElement("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})}),Gs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:l,skeleton:i,className:a,small:o,...c})=>{const{styled:u}=ne(),[d,m]=f.useState(0),[h,E]=f.useState(0),N=P(u,g("progress-radial",i&&I("loading"),o&&I("small"),a)),v=P(u,g("progress-radial-content")),S=f.useRef(null),p=(x,j)=>{const y=S.current;if(!y)return;const R=360*x/100,L=360*j/100,w=R;let k;k="radial-gradient(circle at center, white 58%, transparent 58.1%),",k+=`conic-gradient(#0C7B91 0 ${R}deg, #${tx("MAIN")} ${w}deg ${w+L}deg, gainsboro ${w+L}deg 360deg)`,y.style.background=k};return f.useEffect(()=>{let x;m(0),E(0),p(t,n);const j=()=>{m(y=>yycancelAnimationFrame(x)},[t,n]),f.useEffect(()=>{p(d,h)},[d,h]),O.createElement("div",{...c,className:N,ref:S},O.createElement("div",{className:v},s&&O.createElement(Ne,{level:ue.TWO,marginless:!0},s),l&&O.createElement(Xe,{level:zt.ONE,marginless:!0},l),!s&&!l&&e))},ax=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=ne(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),O.createElement("div",{tabIndex:0,className:P(j,g(d?"radio-tile":"radio",v&&I("narrow"),S&&I("marginless"),E&&I("horizontal"),t))},O.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),O.createElement("label",{htmlFor:l,className:P(j,g("radio-label"))},N||O.createElement(O.Fragment,null,h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)))))};f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=ne();return f.createElement("div",{ref:t,className:P(i,g("rows",s&&I("gapless"),n)),...l})});f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=ne(),a=P(i,g("row",s&&I("narrow"),n));return f.createElement("div",{ref:t,className:a,...l})});const L0=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=ne(),a=P(l,g("scroll-view",t&&(()=>{switch(t){case(qn==null?void 0:qn.HORIZONTAL):return I("horizontal");case(qn==null?void 0:qn.VERTICAL):return I("vertical");default:return""}})()));return f.createElement("div",{ref:s,className:a,id:e},n)});L0.displayName="ScrollView";const Lt=O.forwardRef((e,t)=>{const{className:n,skeleton:s,background:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=ne(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=P(m,g("section",n,l&&Se(Dl(l)),i&&Se("background"),a&&I("inverted"),I(h?"loading":"loaded"),u&&I("fullwidth"),o&&I("paddingless"),c&&I("vertical-paddingless")));return O.createElement("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})});f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?f.createElement("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v},a||c):f.createElement(ax,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})});const xt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return f.createElement("div",{style:n.spacer})},qs=e=>8*e;var Ea;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=qs(.5)]="SMALLER",e[e.SMALL=qs(1)]="SMALL",e[e.MEDIUM=qs(2)]="MEDIUM",e[e.LARGE=qs(3)]="LARGE",e[e.HUGE=qs(4)]="HUGE"})(Ea||(Ea={}));f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=ne(),o=P(a,g("stepper-wrapper",n)),c=P(a,g("section",Se("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;!((N=E==null?void 0:E.props)===null||N===void 0)&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?f.createElement("section",{ref:t,className:c},f.createElement("div",{className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))):f.createElement("div",{ref:t,className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))});var ml;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(ml||(ml={}));O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=ne(),E=P(h,g("step-label")),N=P(h,g("stepper-item",l&&I("active"),a&&I("current"),o&&I("done"),d&&I("error"),s)),S=i&&(p=>{if(p in ml||Object.values(ml).includes(p))return!0})(i)?i:ml.DIV;return O.createElement(S,{ref:t,className:N,"data-label":c,...m},O.createElement("div",{className:E},c||n,!o&&u&&O.createElement(Nt,{name:u&&u,className:"step-icon",size:hn.MEDIUM})))});var im;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(im||(im={}));var am;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(am||(am={}));const om=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=ne();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),O.createElement("div",{className:P(v,g("switch",m&&I("reversed"),e))},O.createElement("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:P(v,g(o&&I($a(o)))),...h}),O.createElement("label",{htmlFor:`switch-${t}`},n))};O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=ne(),[y,R]=O.useState(!1),L=P(j,g("tabs",o&&I("right"),c&&I("fullwidth"),d&&I("centered"),m&&I("marginless"),y&&I("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),O.createElement("div",{ref:t,className:P(j,g("tab-context",h&&I("inverted"),u&&Se(`text-${u}`),E&&I("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v},O.createElement("div",{className:L,role:"tablist",...S},O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})))});O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=ne(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=P(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return O.createElement(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)}return O.createElement("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)});f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=ne();return f.createElement("span",{ref:t,className:P(o,g("tags",l&&I("centered"),s&&I("gapless"),i&&I("marginless"),n)),...a})});var cm;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(cm||(cm={}));const wo=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("timeline-content",t));return e?f.createElement("div",{className:u,...o},e):f.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&f.createElement(Xe,{markup:fn.P},n),s&&f.createElement(Xe,{className:"main-content",markup:fn.P},s),l&&f.createElement(S0,{href:l},i||l))},To=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=ne(),u=P(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return f.createElement("div",{ref:t,className:u,...o})}),Lo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=ne(),o=P(a,g("timeline-marker",I("icon"),e)),c=g(t);return f.createElement("div",{className:o,...i,"data-testid":l},f.createElement("div",{className:"card-header-icon"},f.createElement(Nt,{color:s,className:c,name:n,size:hn.SMALL})))},A0=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=ne(),o=P(a,g("timeline",s&&s,l&&I("horizontal"),n));return f.createElement("div",{ref:t,className:o,...i})});var ga;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label"})(ga||(ga={}));const I0=({children:e,style:t,className:n,loading:s,onClick:l,background:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=ne(),S=u&&(x=>{if(x in ga||Object.values(ga).includes(x))return!0})(u)?u:"div",p=P(N,g(typeof s=="string"&&I(p0(s)),I(typeof s=="boolean"?"loading":"loaded"),i&&Se(Dl(i)),a&&Se("background"),o&&I("inverted")||I("base"),c&&I("fullwidth"),d&&I("flex"),typeof m=="string"&&I(h0(m)),typeof h=="string"&&I(_r(h)),n));return f.createElement(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E},e)};var um;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(um||(um={}));var dm;(function(e){e.SPACE_BETWEEN="space-between",e.SPACE_AROUND="space-around",e.FLEX_START="flex-start",e.FLEX_END="flex-end",e.CENTER="center"})(dm||(dm={}));const k0=async()=>[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],_0=()=>{const[e,t]=f.useState(""),[n,s]=f.useState(""),[l,i]=f.useState(!1),[a]=[["name","age","car","test","trilogy"]],o=u=>{console.log("OnChange Autocomplete : ",u),t(u.inputValue)},c=u=>{console.log("onIconClick Autocomplete : ",u)};return r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(xe.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(h=>({label:h.l,data:{description:h.s}})),data:[],placeholder:"Marque et modèle de votre ancien téléphone",onItemSelected:({value:u})=>{console.log("value : ",u)},value:n,onChange:({inputValue:u})=>s(u),debounceSuggestionsTimeout:500,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete custom data"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:k0,placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(q,{children:r.jsxs(lx,{children:[r.jsx(te,{variant:Te.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>i(!l),children:l?"enable":"disable"})]})})]}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:l,placeholder:"Autocomplete",onItemSelected:u=>{t(u.value||""),console.log("onItemSelected : ",u.value)},onChange:o,onIconClick:c,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]})]})},O0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Simple"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})]}),r.jsx(ie,{background:Ve.MAIN,inverted:!0,children:r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})}),r.jsx(_,{level:M.ONE,children:"Im a Title"}),r.jsx(A,{level:_e.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"UN",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{active:!0,id:"DEUX",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{disabled:!0,id:"TROIS",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(Yp,{display:!0,status:Tn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(xe.AutoComplete,{customIcon:D.ALERT,displayMenu:!0,data:["1","2"]})]}),D0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Content props string"}),r.jsx(zs,{content:"1"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Content props number"}),r.jsx(zs,{content:1}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"TextContent props"}),r.jsx(zs,{content:2,textContent:"Text with badge"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Icon badgeContent "}),r.jsx(z,{name:D.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Color + TextContent props "}),r.jsx(Ye,{inlined:!0,children:Object.values(Xp).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Direction props "}),r.jsx(Ye,{inlined:!0,children:Object.values(da).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{direction:e,content:2,textContent:"Text"})},t))})]}),M0=()=>{const[e,t]=f.useState(!1);return r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(Rn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ye,{multiline:!0,children:[r.jsx(q,{size:6}),r.jsx(q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]})}),r.jsx(q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})}),r.jsx(q,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})})]}),r.jsx(V,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:ce.MAIN,inverted:!0,children:[r.jsx(Rn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(ke,{amount:100})]})]}),r.jsxs(ie,{background:{color:ce.MAIN,fade:!0},children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(z,{name:D.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."}),r.jsx(ie,{background:{color:ce.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsxs(Ye,{children:[r.jsx(q,{size:5,children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(q,{size:5,children:r.jsx(ie,{background:{color:ce.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.ERROR,className:"is-fullheight",children:[r.jsx(Rn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})}),r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"FADE_NEUTRAL",children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(he,{children:r.jsx(_,{level:M.FOUR,children:"Highlited box"})}),r.jsx(Xr,{background:"SUCCESS",children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})})]}),r.jsx(V,{}),r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.MAIN,children:"Box is-unboxed"}),r.jsxs(he,{children:[r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(V,{unboxed:!0}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.ACCENT,children:"Box with Header , Content and Footer"}),r.jsx(he,{children:r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple Box with footer"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsx(ie,{markup:Fu.A,children:r.jsxs(he,{children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Clickable box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat."})]})})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})})]})]})})},P0=()=>{const[e,t]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Ze,{children:r.jsx(Je,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(Ic,{children:[r.jsx(ds,{}),r.jsx(ds,{children:r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(ci,{children:[r.jsx(ft,{href:"https://Home.fr",children:"Home"}),r.jsx(ft,{to:"#anchor",children:"Catalog"}),r.jsx(ft,{children:"Accessories"}),r.jsx(ft,{active:!0,children:"Current page"})]})})})]})})]})},pi=()=>r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:10}),r.jsx(V,{}),r.jsx(ve,{size:50})]}),F0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"loading + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"disabled + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"fullwidth "}),r.jsx(ve,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"iconName "}),r.jsx(ve,{size:10}),r.jsxs(Js,{children:[r.jsx(te,{iconName:D.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:D.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:D.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:D.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),U0=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{active:!0,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{markup:Uu.A,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"Reversed "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{reversed:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Flat "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{flat:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card flat"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Horizontal "}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{horizontal:!0,children:[r.jsx(Ut,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{backgroundColor:ce.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Floating (inside component)"}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Mu,{className:"is-marginless",children:r.jsxs(er,{active:!0,children:[r.jsx(tr,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(nr,{children:r.jsxs(Ze,{floating:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{flat:!0,fullheight:!0,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card with fullheight props"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]})]})},b0=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsx(A,{typo:fr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(q,{children:r.jsx(En,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(q,{children:r.jsx(En,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:20}),r.jsx(En,{checked:!0,iconTile:D.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(En,{checked:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",label:"Checkbox simple"})]})}),H0=()=>{f.useState(!1);const[e,t]=f.useState(!1),[n,s]=f.useState(!1),[l,i]=f.useState(!1),[a,o]=f.useState(!1),[c,u]=f.useState(!1),[d,m]=f.useState(!1),[h,E]=f.useState(!1);return r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Chips selection multiple "}),r.jsxs(gf,{multiple:!0,children:[r.jsx(Un,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{i(!l)},active:l,children:"Chips 3"}),r.jsx(Un,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:M.TWO,children:"Chips selection unique "}),r.jsxs(gf,{children:[r.jsx(Un,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{m(!d)},active:d,children:"Chips 3"}),r.jsx(Un,{onClick:()=>{E(!h)},active:h,children:"Chips 4"})]})]})})},z0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:M.THREE,children:"Column responsive"}),r.jsx(V,{}),r.jsxs(Ye,{mobile:!0,children:[r.jsx(q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Column Inlined"}),r.jsx(V,{}),r.jsxs(Ye,{inlined:!0,marginSize:3,children:[r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),$0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(De,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:M.THREE,children:"Conteneur simple"})]})})}),r.jsx(V,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur fluid"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur medium"}),r.jsx(V,{}),r.jsx(De,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fullwidth"}),r.jsx(V,{}),r.jsx(De,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fluide centré"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-right"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledRight:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledRight"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc massa est, tincidunt a metus vel, bibendum tempor lorem. Donec sit amet elit vel felis mattis faucibus et at nisi. Mauris vel lacinia diam. Integer convallis sit amet turpis at scelerisque. In suscipit enim turpis, vitae viverra urna pulvinar vel. Praesent rutrum ante id quam rhoncus, id elementum nulla bibendum. Integer suscipit lorem ut convallis aliquet. Mauris eget nibh tellus. In pretium cursus dignissim. Nam tincidunt consequat condimentum. Ut a arcu ultrices, luctus arcu eu, ullamcorper neque. Mauris sagittis pulvinar tempus. Pellentesque egestas eros turpis, eu fringilla sem convallis sit amet. Nam a nisi non sapien finibus aliquet bibendum sed est. Integer ullamcorper lorem sit amet leo mattis, eget ornare purus molestie. Proin mattis pellentesque gravida. Ut rutrum vel tellus ut pellentesque. Mauris ac turpis massa. Curabitur lectus diam, pharetra a lorem ac, ultricies auctor turpis. Ut posuere metus vel quam condimentum, nec sagittis erat vestibulum. Fusce id nulla nisi."})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-left"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledLeft:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledLeft"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"})]})]}),W0=()=>r.jsxs(Q,{children:[r.jsx(jf,{inverted:!0,deadline:new Date("2023-12-24 18:00:00")}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(jf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:ul.DAY_HOUR_MIN})]}),B0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(V,{iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,backgroundColor:ce.MAIN,textColor:ce.BACKGROUND,iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsxs(ie,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,textColor:ce.MAIN,backgroundColor:ce.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(V,{unboxed:!0})})}),r.jsx(V,{})]}),V0=()=>{const[e,t]=f.useState(!1);return r.jsx(Ge,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Oj,{extended:e,onClick:()=>t(!e),iconName:D.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},G0=()=>r.jsxs(Q,{children:[r.jsx(_i,{background:Ve.MAIN,overlap:!0,inverted:!0,children:r.jsxs(De,{children:[r.jsx(_,{markup:Pl.H1,level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})}),r.jsx(Q,{children:r.jsx(De,{children:r.jsx(ie,{background:{color:Ve.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})})})}),r.jsx(V,{}),r.jsx(_i,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"ONE",children:"Hero with image background"}),r.jsx(te,{markup:Ts.BUTTON,variant:"PRIMARY",onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})}),r.jsx(V,{}),r.jsx(_i,{background:Ve.MAIN,inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:Te.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var le;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TRASH="tri-trash"})(le||(le={}));const q0=()=>r.jsxs(Q,{children:[r.jsx(z,{size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{name:le.ARROW_DOWN,color:ws.GREY,size:K.SMALL}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_UP}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_LEFT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_DOWN}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK_CIRCLE}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx(z,{name:le.ALERT})]}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,content:"Icon with text props content",position:bt.UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_DOWN}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_LEFT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALL,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.LARGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALLER,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_CENTER,size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_END,size:K.LARGE,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.LARGE,name:le.TIMES}),r.jsx(z,{color:ws.ERROR,circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(z,{circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(_,{level:M.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(V,{}),r.jsxs(De,{children:[r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.UP,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.DOWN,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.LEFT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.RIGHT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Center align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_CENTER,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Top align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_START,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_END,name:le.TIMES})]}),r.jsx(Ge,{children:r.jsx(z,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:bt.LEFT,name:le.TIMES})})]}),r.jsx(_,{level:M.THREE,children:"Icon with status"}),r.jsx(V,{}),r.jsx(z,{statusPosition:Tc.TOP,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES}),r.jsx(z,{statusPosition:Tc.BOTTOM,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES})]}),Y0=()=>r.jsxs(Q,{children:[r.jsx(Ne,{level:ue.THREE,children:"Image simple"}),r.jsx(go,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(go,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(Ne,{level:ue.THREE,children:"Image rounded"}),r.jsx(go,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),X0=()=>{const[e,t]=O.useState(),[n,s]=O.useState("");f.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function l(i){const o=i.replace(",",".").replace(/[^0-9.]/g,"").split(".").filter((u,d)=>d<=1);let c=o[1]||"";return c.length>2&&(c=c.substring(0,2)),o.join(".")}return r.jsxs(Q,{background:Ve.BACKGROUND,children:[r.jsx(xe,{label:"Input label not dynamic with sample",sample:"Input sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{label:"Input label not dynamic without sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{type:we.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:i=>s(i.inputValue)}),r.jsx(xe,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(xe,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:we.TEXT,onIconClick:()=>{window.alert("lol")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with search & customIcon",help:"CustomIcon takes precedence over the display of the search to avoid displaying 2 icons, one above the other.",type:we.TEXT,onIconClick:()=>{window.alert("test")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,status:Et.SUCCESS,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,customValidator:i=>i==="machin"?Et.SUCCESS:Et.WARNING,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:Et.SUCCESS,customIcon:D.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:i=>{t(l(i.inputValue))}}),r.jsxs(pn,{children:[r.jsx(_,{level:M.THREE,children:"Champs"}),r.jsx(V,{}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:Et.SUCCESS,customIcon:D.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:i=>{t(l(i.inputValue))}}),r.jsx(xe,{type:we.TEXT,placeholder:"Input type texte"}),r.jsx(xe,{type:we.NUMBER,placeholder:"Input type number"}),r.jsx(xe,{type:we.PASSWORD,placeholder:"Input type password"}),r.jsx(xe,{type:we.DATE,placeholder:"Input type date"}),r.jsx(xe,{type:we.EMAIL,placeholder:"Input type mail"}),r.jsx(xe,{help:"This password does not meet the security requirements.",type:we.TEXT,status:Et.ERROR,placeholder:"This is an error message"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder",customIconLeft:D.INFOS_CIRCLE}),r.jsx(xe,{type:"password",hasIcon:!0,securityGauge:!0,help:r.jsx(at,{children:"1ère connexion / Mot de passe oublié ?"}),placeholder:"this is my placeholder",minLength:8,maxLength:15,validationRules:{lowercase:!0,uppercase:!0,number:!0,specialChars:!0,length:{max:4,min:2}}}),r.jsx(xe,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(xe,{defaultValue:"My 2nd default input value",help:"this is my help message",type:we.TEXT,status:Et.WARNING,customIcon:D.SEARCH,placeholder:"This is my placeholder"})]})]})},K0=()=>r.jsx(Q,{children:r.jsxs(N0,{children:[r.jsx(_,{level:M.THREE,children:"Links inline"}),r.jsxs(A,{children:["I'm in a paragraph and this is a ",r.jsx(at,{children:"standard link"})," while this is a ",r.jsx(at,{children:"standard ununderlined link."})," If I want atertiary colored link, I can also use this",r.jsx(at,{children:"underlined link"}),", or this ",r.jsx(at,{children:"underlined one."})]}),r.jsx(_,{level:M.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:M.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:D.ARROW_RIGHT,children:"External link"})]})}),Q0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"List with divider"}),r.jsxs(ui,{children:[r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,action:r.jsx(z,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(ax,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{action:r.jsx(y0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{status:xa.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(e1,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(Z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(J0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,status:xa.ERROR,customIcon:cn.TIMES,action:r.jsx(z,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(z,{name:"tri-trash",size:"small"}),action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),Z0=()=>r.jsx(I0,{style:{width:8,height:8,borderRadius:8,backgroundColor:tx(Ve.MAIN)}}),J0=()=>r.jsx(C0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),e1=()=>r.jsx(z,{size:"small",name:"tri-alert",color:_c.INFO}),t1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Vs,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(A0,{children:[r.jsxs(To,{done:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"08 July",content:"Step 1"})]}),r.jsxs(To,{active:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(To,{undone:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Xe,{children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of de Finibus Bonorum et Malorum (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, Lorem ipsum dolor sit amet.. , comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from de Finibus Bonorum et Malorum by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undo"})]}),r.jsx(Vs,{content:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`,title:"title modal",triggerContent:"Open accessible modal",ctaContent:"Action",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),iconName:cn.BELL,closeIcon:!0,ctaCancelOnClick:()=>alert("toto"),titleButtonClose:"Fermer"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal custom "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Ui,{children:"Custom title"}),r.jsx(Xe,{htmlContent:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. + +The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`}),r.jsx(ix,{children:"Custom Footer"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]})]}),n1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"OTP"}),r.jsx(di,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{error:!0,errorMessage:"This is an error message",onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Error"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),r1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Pagination"}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`})]}),r.jsxs(Q,{children:[r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),s1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(q,{children:r.jsx(bn,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(q,{children:r.jsx(bn,{content:r.jsxs(r.Fragment,{children:[r.jsx(We,{variant:Be.ERROR,children:"Test"}),r.jsx(z,{name:D.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(q,{children:r.jsx(bn,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover direction"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),l1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Price tag"}),r.jsx(ke,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(_,{level:M.THREE,children:"Simple"}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inlined"}),r.jsx(ke,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Alignement"}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_CENTER}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_END}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Size"}),r.jsx(ke,{level:Xt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inverted price"}),r.jsxs(_i,{background:qp.MAIN,children:[r.jsx(ke,{inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{striked:!0,inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"With or Without cents"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months",showCents:!0})]}),i1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Product tour"}),r.jsx(V,{})]}),r.jsx(Q,{children:r.jsx(Gj,{avatarDirection:Jp.LEFT,active:!0,closeable:!0,arrowDirection:Zp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),a1=()=>r.jsxs(Lt,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30}),r.jsx(Wn,{percent:30,status:"INFO"}),r.jsx(Wn,{percent:30,status:"WARNING"}),r.jsx(Wn,{percent:30,status:"ERROR"}),r.jsx(Wn,{percent:30,status:"SUCCESS"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs(Wn,{stacked:!0,children:[r.jsx(hi,{percent:15,status:Tn.SUCCESS}),r.jsx(hi,{percent:15,status:Tn.INFO}),r.jsx(hi,{percent:15,status:Tn.WARNING}),r.jsx(hi,{percent:15,status:Tn.ERROR})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30,status:Tn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:15,status:Tn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,alert:AlertState.INFO,secondAlert:AlertState.WARNING,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Gs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Xe,{typo:[Ml.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(Ne,{level:"THREE",children:"Vide : "}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),o1=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})}),r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})})]}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(q,{children:r.jsx(Pt,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(q,{children:r.jsx(Pt,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,iconTile:D.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,label:"Radio tile",name:"radio",value:"default value 1",description:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EYE,size:K.LARGE}),r.jsx(z,{name:D.EYE_SLASH,size:K.LARGE}),r.jsx(z,{name:D.INFOS_CIRCLE,size:K.LARGE})]})]}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EXCLAMATION_CIRCLE}),r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(_,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(ds,{children:r.jsx(A,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium id sem quis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula semper leo, a scelerisque erat tristique id."})})]})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),c1=()=>r.jsx(Q,{children:r.jsx(qj,{min:0,max:100,labelValueCursorMin:"€",labelValueCursorMax:"€",valueCursorMin:0,valueCursorMax:50,label:"Ceci est un label",idMin:"min",idMax:"max",nameMax:"max",nameMin:"min",onChangeMin:e=>console.log(e),onChangeMax:e=>console.log(e),gap:0})}),u1=()=>r.jsx(Q,{background:Ve.BACKGROUND,children:r.jsxs(Yj,{children:[r.jsx(el,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(el,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(el,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(el,{disabled:!0,children:"Item 4"})]})}),d1=()=>{const[e,t]=f.useState(["opt_one","Venus"]),[n,s]=f.useState(["opt_one","opt_two"]),[l,i]=f.useState("opt_two"),[a,o]=f.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(Ne,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{disabled:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:l,onChange:c=>{i(c.selectValue)},children:[r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0,iconName:"tri-bell"}),r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile",iconName:"tri-bell"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto",iconName:"tri-bell"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus",iconName:"tri-bell"})]}),r.jsx(Zr,{onClick:()=>i("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:a,onChange:c=>{o(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Multiple options"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:n,onChange:c=>{c!=null&&c.selectedOptions&&s(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(Zr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(Ne,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:D.ALERT,selected:l,onChange:c=>{c!=null&&c.selectValue&&i(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"multiple option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,native:!0,name:"option",id:"id",selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20})]})]})},f1=()=>r.jsx(Q,{children:r.jsx(pn,{edgeSize:be.MEDIUM,edges:["top","bottom"],children:r.jsxs(Qj,{activeIndex:1,align:Ce.ALIGNED_CENTER,children:[r.jsx(Di,{children:"Selector One"}),r.jsx(Di,{children:"Selector Two"}),r.jsx(Di,{children:"Selector Three"})]})})}),m1=()=>{const[e,t]=f.useState(1),n=f.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Etapes"}),r.jsx(V,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.ONE,children:"Mon panier"}),r.jsx(ve,{size:30}),r.jsxs(Zj,{children:[r.jsx(Bs,{done:1r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsx(jr,{children:"Sticker"}),r.jsx(jr,{variant:"ACCENT",children:"Sticker"}),r.jsx(jr,{variant:"INFO",children:"Sticker"}),r.jsx(ve,{size:be.HUGE,horizontal:!0}),r.jsx(jr,{variant:fl.ACCENT,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.INFO,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.MAIN,small:!0,children:"Sticker"}),r.jsx(ve,{size:be.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(jr,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(T0,{amount:100})})]})]})}),p1=()=>r.jsxs(Q,{children:[r.jsx(Nr,{status:ua.ERROR,label:"Switch one",name:"switch one",onChange:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)},onClick:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)}}),r.jsx(Nr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),x1=()=>{const[e,t]=f.useState(1),[n,s]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Event"}),r.jsxs(Sr,{activeIndex:e,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,centered:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},v1=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsx(za,{children:r.jsxs(So,{bordered:!0,fullwidth:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Paramètre"}),r.jsx(Ke,{children:"Description"}),r.jsx(Ke,{children:"Défaut"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en prod"})]})}),r.jsxs(Co,{children:[r.jsx(pt,{}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(J,{children:"Activation / désactivation de l’introspection"}),r.jsx(J,{children:"true"}),r.jsx(J,{children:"false"}),r.jsx(J,{children:"true"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(J,{children:"Contexte par default"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(J,{children:"URL de SWAP"}),r.jsx(J,{children:"A compléter"}),r.jsx(J,{children:r.jsx(at,{href:"https://local.a7.127.0.0.1.sslip.io/",children:"https://local.a7.127.0.0.1.sslip.io/"})}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(J,{children:"Nombre de threads"}),r.jsx(J,{children:"4"}),r.jsx(J,{children:"TBD"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(J,{children:" "}),r.jsx(J,{children:" "}),r.jsx(J,{children:"DEV"}),r.jsx(J,{children:" "})]})]})]})}),r.jsxs(So,{fullwidth:!0,bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Date"}),r.jsx(Ke,{children:"Libellé opération"}),r.jsx(Ke,{children:"Montant"}),r.jsx(Ke,{children:"Solde client"}),r.jsx(Ke,{children:"Opérations associées"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(J,{children:"09/11/2018"}),r.jsxs(J,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(J,{children:"-100,00 €"}),r.jsx(J,{children:"0,00 €"}),r.jsx(J,{"data-expandable-trigger":"",children:r.jsx(z,{name:D.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(pt,{expansion:!0,children:r.jsx(J,{colSpan:7,children:r.jsxs(Ge,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:_e.FOUR,children:"Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"}),r.jsx(A,{children:"Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip."})]})})})]})]}),r.jsxs(So,{bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Title 1"}),r.jsx(Ke,{children:"Title 2"}),r.jsx(Ke,{children:"Title 3"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 1"}),r.jsx(J,{children:"Donnée 2"}),r.jsx(J,{children:"Donnée 3"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 4"}),r.jsx(J,{children:"Donnée 5"}),r.jsx(J,{children:"Donnée 6"})]})]})]})]})},E1=()=>r.jsxs(r.Fragment,{children:[r.jsx(De,{children:r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.INFO,children:"Tag secondaire"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.WARNING,children:"Tag warning"})]})}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag default"}),r.jsx(V,{}),r.jsx(A,{children:"In list"}),r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{variant:Be.INFO,children:"Tag info"}),r.jsx(We,{variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{variant:Be.WARNING,children:"Tag warning"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag avec icone"}),r.jsx(V,{}),r.jsxs(Ro,{children:[r.jsx(We,{iconName:D.EXCLAMATION_CIRCLE,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{iconName:D.INFOS_CIRCLE,variant:Be.INFO,children:"Tag info"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Small tag"}),r.jsx(V,{}),r.jsx(We,{small:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{small:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{small:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Inverted tag"}),r.jsx(V,{}),r.jsx(We,{inverted:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{inverted:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.INFO,children:"Tag info"})]})]}),g1=()=>r.jsxs(Q,{children:[r.jsx(A,{numberOfLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati quia voluptatum! Assumenda blanditiis dignissimos eligendi excepturi facere facilis, fuga incidunt necessitatibus non obcaecati praesentium quam quia soluta veniam vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam amet asperiores autem dicta esse et id, incidunt ipsa magni molestiae nesciunt non pariatur quasi, quia reiciendis repudiandae tempora voluptatibus."}),r.jsx(A,{level:_e.ONE,children:"my super text 1"}),r.jsx(A,{level:_e.TWO,children:"my super text 2"}),r.jsx(A,{level:_e.THREE,children:"my super text 3"}),r.jsx(A,{level:_e.FOUR,children:"my super text 4"}),r.jsxs(A,{level:_e.TWO,children:["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur at deleniti doloremque ea, earum explicabo illo inventore minima optio pariatur ratione similique suscipit vero. Accusamus dicta impedit laudantium neque nulla!",r.jsx(A,{link:!0,onClick:e=>console.log(e),children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur consequuntur dicta esse eum inventore, ipsum magnam minima modi nobis nulla placeat quas qui saepe voluptate voluptates voluptatibus. Doloribus, unde?"}),"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem culpa, dignissimos distinctio, eum in ipsum magni nihil officia pariatur perferendis, recusandae rem reprehenderit. Aliquid eius expedita quasi quia reiciendis, sint."]}),r.jsx(Ye,{children:r.jsxs(q,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Js,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),j1=()=>r.jsxs(Q,{children:[r.jsx(yn,{label:"Textarea label not dynamic with sample",sample:"Textarea sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,statusIconName:"tri-exclamation-circle",dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{label:"Textarea label not dynamic without sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(V,{}),r.jsx(yn,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(yn,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:D.CHECK}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:D.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon error",label:"Label",iconName:D.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),N1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Rf,{horizontal:!0,children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(Rf,{children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),S1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.ONE,children:"Title level 1"}),r.jsx(_,{level:M.TWO,children:"Title level 2"}),r.jsx(_,{level:M.THREE,children:"Title level 3"}),r.jsx(_,{level:M.FOUR,children:"Title level 4"}),r.jsx(_,{level:M.FIVE,children:"Title level 5"}),r.jsx(_,{level:M.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(V,{})]}),y1=()=>r.jsxs(Q,{children:[r.jsx(Ge,{markup:Es.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ge,{markup:Es.SPAN}),r.jsxs(Ge,{markup:Es.DIV,flexable:!0,justify:Gp.SPACE_BETWEEN,align:Ce.ALIGNED_CENTER,children:[r.jsx(te,{variant:Te.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:M.THREE,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias culpa dolorum error et ex exercitationem, explicabo fugiat fugit, id impedit iste libero modi, molestiae nisi nobis quis sapiente ut voluptas?"})]})]}),ja=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:Jj,AlertScreen:j0,AutoCompleteScreen:_0,AutolayoutScreen:O0,BadgeScreen:D0,BoxScreen:M0,BreadcrumScreen:P0,ButtonScreen:F0,CardScreen:U0,CheckboxScreen:b0,ChipsScreen:H0,ColumnScreen:z0,ContainerScreen:$0,CountdownScreen:W0,DividerScreen:B0,FabScreen:V0,HeroScreen:G0,IconScreen:q0,ImageScreen:Y0,InputScreen:X0,LinkScreen:K0,ListScreen:Q0,ModalScreen:t1,OtpScreen:n1,PaginationScreen:r1,PopoverScreen:s1,PriceScreen:l1,ProductTourScreen:i1,ProgressScreen:a1,RadioScreen:o1,RangeScreen:c1,SegmentedControlScreen:u1,SelectView:d1,SelectorView:f1,StepperScreen:m1,StickerScreen:h1,SwitchScreen:p1,TabScreen:x1,TableScreen:v1,TagScreen:E1,TextScreen:g1,TextareaScreen:j1,TimelineScreen:N1,TitleScreen:S1,ViewScreen:y1},Symbol.toStringTag,{value:"Module"})),C1=({navigation:e})=>{const[t,n]=f.useState(Object.keys(ja)),s=f.useCallback(l=>{const i={...Object.keys(ja)};Object.keys(i).forEach(a=>{i[a].toLocaleLowerCase().includes(l.toLocaleLowerCase())||delete i[a]}),n(i)},[]);return r.jsx(za,{children:r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.ONE,typo:[fr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:_e.ONE,typo:[fr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(xe,{placeholder:"Rechercher un composant",onChange:l=>s(l.inputValue)}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((l,i)=>{const[a]=t[l].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ye,{children:[r.jsx(q,{size:11,children:r.jsx(_,{level:M.THREE,children:a})}),r.jsx(q,{verticalCenter:!0,size:1,children:r.jsx(z,{name:D.ARROW_RIGHT})})]})})},i)})]})})})},R1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(za,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]})]}),w1=()=>{const e=Eg();return r.jsxs(Dg,{children:[Object.keys(ja).map((t,n)=>{const[s]=t.split("Screen"),l=ja[t];return r.jsx(Li,{path:s,element:r.jsx(R1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(l,{})})},n)}),r.jsx(Li,{path:"/",element:r.jsx(C1,{navigation:{navigate:e}})}),r.jsx(Li,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},T1=document.getElementById("root"),L1=wp(T1);L1.render(r.jsx(f.StrictMode,{children:r.jsx(zg,{children:r.jsx(Fg,{children:r.jsx(w1,{})})})})); diff --git a/docs/templates/assets/trilogy-142b1c5a.css b/docs/templates/assets/trilogy-142b1c5a.css new file mode 100755 index 00000000..6867bc65 --- /dev/null +++ b/docs/templates/assets/trilogy-142b1c5a.css @@ -0,0 +1 @@ +@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.button:focus-visible{outline:2px solid getColor("font")!important;outline-offset:2px}.delete,.modal .modal-close{-moz-appearance:none;-webkit-appearance:none;background-color:#0003;border:none;border-radius:9999px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.delete:before,.modal .modal-close:before,.delete:after,.modal .modal-close:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.delete:before,.modal .modal-close:before{height:2px;width:50%}.delete:after,.modal .modal-close:after{height:50%;width:2px}.delete:hover,.modal .modal-close:hover,.delete:focus,.modal .modal-close:focus{background-color:#0000004d}.delete:active,.modal .modal-close:active{background-color:#0006}.is-small.delete,.modal .is-small.modal-close{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.delete,.modal .is-medium.modal-close{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.delete,.modal .is-large.modal-close{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.is-unselectable,.is-loading,.button,.file,.delete,.breadcrumb,.modal .modal-close,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.tab-context{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reset-wrap a,body a{color:getColor("font");cursor:pointer;text-decoration:none}.chips-list.is-multiple .chips:before{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:currentColor;margin-right:4px;margin-left:-8px;width:0;height:20px;-webkit-mask-size:20px;mask-size:20px;transition:width .25s}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:var(--color-white);-webkit-mask-size:18px;mask-size:18px}.switch input:disabled~label:after{content:url('data:image/svg+xml; utf8, ')}.switch input:disabled:checked~label:after{content:url('data:image/svg+xml; utf8, ')}.switch label:after{content:url('data:image/svg+xml; utf8, ');position:absolute;top:50%;transform:translateY(-50%);right:24px;border-radius:9999px;width:18px;height:18px;background-color:#fff;transition:.3s}.switch input:checked~label:after{right:2px;content:url('data:image/svg+xml; utf8, ');background-color:#fff}.select .radio-tile input:checked~label.radio-label:after{content:""!important;-webkit-mask-image:url(/templates/assets/check-97d66412.svg)!important;mask-image:url(/templates/assets/check-97d66412.svg)!important;background-color:var(--color-main)!important;-webkit-mask-size:18px!important;mask-size:18px!important;top:25px!important;right:18px!important;height:18px!important;width:18px!important}.accordions .accordion .accordion-header:after,.accordions .accordion[aria-disabled=true] .accordion-header:after{background-color:currentColor;content:"";-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg);min-width:15px;min-height:15px;-webkit-mask-size:15px;mask-size:15px;position:absolute;display:inline-block;transition:transform .3s}.stepper-item.is-error .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg)!important;mask-image:url(/templates/assets/times-a0f06f97.svg)!important;background-color:var(--color-error)!important;border-width:0;-webkit-mask-size:20px;mask-size:20px;width:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-done .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg);background-color:var(--color-success);border-width:0;min-width:20px;-webkit-mask-size:20px;mask-size:20px;height:20px;align-self:baseline;margin-top:2px}:root{--radius: 8px;--radius-small: 4px;--radius-large: 16px;--border: 1px solid var(--color-fade-main);--border-active: 2px solid var(--color-main)}.link:hover:not([disabled]){filter:brightness(.8)}.link:active:not([disabled]){filter:brightness(.9)}.link:focus-visible:not([disabled]){outline:2px solid currentColor;border-radius:4px;padding:0 4px}.button:hover:not([disabled]):not([aria-disabled=true]){filter:brightness(.8)}.button:hover:not([disabled]):not([aria-disabled=true]).is-primary{filter:brightness(1.2)}.button:active:not(:disabled){filter:brightness(.7)}.button:focus-visible{outline:2px solid var(--color-main)!important;outline-offset:2px}.modal .modal-close,.delete{-moz-appearance:none;-webkit-appearance:none;background-color:#0003;border:none;border-radius:9999px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.modal .modal-close:before,.delete:before,.modal .modal-close:after,.delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal .modal-close:before,.delete:before{height:2px;width:50%}.modal .modal-close:after,.delete:after{height:50%;width:2px}.modal .modal-close:hover,.delete:hover,.modal .modal-close:focus,.delete:focus{background-color:#0000004d}.modal .modal-close:active,.delete:active{background-color:#0006}.modal .is-small.modal-close,.is-small.delete{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.modal .is-medium.modal-close,.is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.modal .is-large.modal-close,.is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.tab-context,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.file,.button,.is-loading,.is-unselectable,.modal .modal-close,.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[class*=animate]{animation:.3s cubic-bezier(.075,.82,.165,1)}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes from-right{0%{transform:scaleX(0)}0%,to{transform-origin:100% 100%}}@keyframes from-top{0%{transform:scaleY(0)}0%,to{transform-origin:0% 0%}}.animate-from-right{animation-name:from-right}.animate-from-top{animation-name:from-top}@keyframes placeHolderShimmer{0%{background-position:-46.8px 0}to{background-position:46.8px 0}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */.reset-wrap p,body p,.reset-wrap ol,body ol,.reset-wrap ul,body ul,.reset-wrap li,body li,.reset-wrap dl,body dl,.reset-wrap dt,body dt,.reset-wrap dd,body dd,.reset-wrap blockquote,body blockquote,.reset-wrap figure,body figure,.reset-wrap fieldset,body fieldset,.reset-wrap legend,body legend,.reset-wrap textarea,body textarea,.reset-wrap pre,body pre,.reset-wrap iframe,body iframe,.reset-wrap hr,body hr,.reset-wrap h1,body h1,.reset-wrap h2,body h2,.reset-wrap h3,body h3,.reset-wrap h4,body h4,.reset-wrap h5,body h5,.reset-wrap h6,body h6{margin:0;padding:0}.reset-wrap h1,body h1,.reset-wrap h2,body h2,.reset-wrap h3,body h3,.reset-wrap h4,body h4,.reset-wrap h5,body h5,.reset-wrap h6,body h6{font-size:100%;font-weight:400}.reset-wrap p:not(:last-child),body p:not(:last-child){margin-bottom:10px}.reset-wrap a,body a{color:var(--color-main);cursor:pointer;text-decoration:none}.reset-wrap a strong,body a strong{color:currentColor}.reset-wrap ul,body ul{list-style:none}.reset-wrap button,body button,.reset-wrap input,body input,.reset-wrap select,body select,.reset-wrap textarea,body textarea{margin:0}.reset-wrap img,body img,.reset-wrap audio,body audio,.reset-wrap video,body video{height:auto;max-width:100%}.reset-wrap iframe,body iframe{border:0}.reset-wrap table,body table{border-collapse:collapse;border-spacing:0}.reset-wrap td,body td,.reset-wrap th,body th{padding:0;text-align:left}.reset-wrap td:not([align]),body td:not([align]),.reset-wrap th:not([align]),body th:not([align]){text-align:left}.reset-wrap span,body span{font-style:inherit;font-weight:inherit}.reset-wrap strong,body strong{color:inherit;font-weight:600}.reset-wrap sup,body sup{line-height:0;position:relative;vertical-align:baseline;top:-.4em;font-size:.7em}.reset-wrap small,body small{font-size:.875em}.reset-wrap code,body code{font-size:12px;padding:4px 8px}.reset-wrap code,body code,.reset-wrap pre,body pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}.reset-wrap pre,body pre{-webkit-overflow-scrolling:touch;font-size:.875em;overflow-x:auto;padding:12.5px 15px;white-space:pre;word-wrap:normal}.reset-wrap pre code,body pre code{font-size:1em;padding:0}.html-wrap,html{margin:0;padding:0;background-color:var(--color-white);font-size:10px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;text-rendering:optimizeLegibility;text-size-adjust:100%;overflow-x:inherit;overflow-y:inherit;min-height:100vh}.main-wrap,body{margin:0;padding:0;color:var(--color-main);font-weight:400;line-height:1.5;font-size:16px;display:flex;flex-direction:column;align-items:stretch;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.main-wrap *,body *,.main-wrap *:before,body *:before,.main-wrap *:after,body *:after{box-sizing:inherit}.main-wrap:before,body:before{content:" ";background-color:transparent;transition:background-color .25s ease-in-out}.main-wrap.has-overlay:before,body.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;background-color:#000000db;z-index:10}.main-wrap [disabled],body [disabled],.main-wrap [aria-disabled=true],body [aria-disabled=true]{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.body-wrap,body{overflow-x:hidden;overflow-y:scroll;min-height:100vh}.header,header{z-index:1000}.is-sticky-top{position:sticky!important;top:0;z-index:999}.is-sticky-bottom{position:sticky!important;bottom:0;z-index:999}.is-clearfix:after{clear:both;content:" ";display:table}.is-pulled-left{float:left!important}.is-pulled-right{float:right!important}.is-clipped{overflow:hidden!important}.is-overlay{position:absolute;top:0;bottom:0;left:0;right:0}.is-nowrap{white-space:nowrap}.has-text-centered{text-align:center!important}.has-text-justified{text-align:justify!important}.has-text-left{text-align:left!important}.has-text-right{text-align:right!important}@media screen and (max-width: 767px){.has-text-centered-mobile{text-align:center!important}}@media screen and (min-width: 768px),print{.has-text-centered-tablet{text-align:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-centered-tablet-only{text-align:center!important}}@media screen and (max-width: 1023px){.has-text-centered-touch{text-align:center!important}}@media screen and (min-width: 1024px){.has-text-centered-desktop{text-align:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-centered-desktop-only{text-align:center!important}}@media screen and (min-width: 1240px){.has-text-centered-widescreen{text-align:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-centered-widescreen-only{text-align:center!important}}@media screen and (min-width: 1388px){.has-text-centered-fullhd{text-align:center!important}}@media screen and (max-width: 767px){.has-text-justified-mobile{text-align:justify!important}}@media screen and (min-width: 768px),print{.has-text-justified-tablet{text-align:justify!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-justified-tablet-only{text-align:justify!important}}@media screen and (max-width: 1023px){.has-text-justified-touch{text-align:justify!important}}@media screen and (min-width: 1024px){.has-text-justified-desktop{text-align:justify!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-justified-desktop-only{text-align:justify!important}}@media screen and (min-width: 1240px){.has-text-justified-widescreen{text-align:justify!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-justified-widescreen-only{text-align:justify!important}}@media screen and (min-width: 1388px){.has-text-justified-fullhd{text-align:justify!important}}@media screen and (max-width: 767px){.has-text-left-mobile{text-align:left!important}}@media screen and (min-width: 768px),print{.has-text-left-tablet{text-align:left!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-left-tablet-only{text-align:left!important}}@media screen and (max-width: 1023px){.has-text-left-touch{text-align:left!important}}@media screen and (min-width: 1024px){.has-text-left-desktop{text-align:left!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-left-desktop-only{text-align:left!important}}@media screen and (min-width: 1240px){.has-text-left-widescreen{text-align:left!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-left-widescreen-only{text-align:left!important}}@media screen and (min-width: 1388px){.has-text-left-fullhd{text-align:left!important}}@media screen and (max-width: 767px){.has-text-right-mobile{text-align:right!important}}@media screen and (min-width: 768px),print{.has-text-right-tablet{text-align:right!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-right-tablet-only{text-align:right!important}}@media screen and (max-width: 1023px){.has-text-right-touch{text-align:right!important}}@media screen and (min-width: 1024px){.has-text-right-desktop{text-align:right!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-right-desktop-only{text-align:right!important}}@media screen and (min-width: 1240px){.has-text-right-widescreen{text-align:right!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-right-widescreen-only{text-align:right!important}}@media screen and (min-width: 1388px){.has-text-right-fullhd{text-align:right!important}}.is-size-1{font-size:32px!important}.is-size-2{font-size:28px!important}.is-size-3{font-size:24px!important}.is-size-4{font-size:20px!important}.is-size-5{font-size:18px!important}.is-size-6{font-size:14px!important}.is-size-7{font-size:12px!important}.is-size-8{font-size:11px!important}@media screen and (max-width: 767px){.is-size-1-mobile{font-size:32px!important}.is-size-2-mobile{font-size:28px!important}.is-size-3-mobile{font-size:24px!important}.is-size-4-mobile{font-size:20px!important}.is-size-5-mobile{font-size:18px!important}.is-size-6-mobile{font-size:14px!important}.is-size-7-mobile{font-size:12px!important}.is-size-8-mobile{font-size:11px!important}}@media screen and (min-width: 768px),print{.is-size-1-tablet{font-size:32px!important}.is-size-2-tablet{font-size:28px!important}.is-size-3-tablet{font-size:24px!important}.is-size-4-tablet{font-size:20px!important}.is-size-5-tablet{font-size:18px!important}.is-size-6-tablet{font-size:14px!important}.is-size-7-tablet{font-size:12px!important}.is-size-8-tablet{font-size:11px!important}}@media screen and (max-width: 1023px){.is-size-1-touch{font-size:32px!important}.is-size-2-touch{font-size:28px!important}.is-size-3-touch{font-size:24px!important}.is-size-4-touch{font-size:20px!important}.is-size-5-touch{font-size:18px!important}.is-size-6-touch{font-size:14px!important}.is-size-7-touch{font-size:12px!important}.is-size-8-touch{font-size:11px!important}}@media screen and (min-width: 1024px){.is-size-1-desktop{font-size:32px!important}.is-size-2-desktop{font-size:28px!important}.is-size-3-desktop{font-size:24px!important}.is-size-4-desktop{font-size:20px!important}.is-size-5-desktop{font-size:18px!important}.is-size-6-desktop{font-size:14px!important}.is-size-7-desktop{font-size:12px!important}.is-size-8-desktop{font-size:11px!important}}@media screen and (min-width: 1240px){.is-size-1-widescreen{font-size:32px!important}.is-size-2-widescreen{font-size:28px!important}.is-size-3-widescreen{font-size:24px!important}.is-size-4-widescreen{font-size:20px!important}.is-size-5-widescreen{font-size:18px!important}.is-size-6-widescreen{font-size:14px!important}.is-size-7-widescreen{font-size:12px!important}.is-size-8-widescreen{font-size:11px!important}}@media screen and (min-width: 1388px){.is-size-1-fullhd{font-size:32px!important}.is-size-2-fullhd{font-size:28px!important}.is-size-3-fullhd{font-size:24px!important}.is-size-4-fullhd{font-size:20px!important}.is-size-5-fullhd{font-size:18px!important}.is-size-6-fullhd{font-size:14px!important}.is-size-7-fullhd{font-size:12px!important}.is-size-8-fullhd{font-size:11px!important}}.is-underline{text-decoration:underline}.is-capitalized{text-transform:capitalize!important}.is-lowercase{text-transform:lowercase!important}.is-uppercase{text-transform:uppercase!important}.is-italic{font-style:italic!important}.has-variant{font-feature-settings:"ss01"}.has-text-weight-light,.has-text-weight-normal{font-weight:400!important}.has-text-weight-medium{font-weight:500!important}.has-text-weight-semibold,.has-text-weight-bold,.has-text-weight-extrabold{font-weight:600!important}.has-text-white{color:#fff!important}.has-text-white-invert{color:var(--color-main)!important}.has-background-white{background-color:var(--color-white)!important}.has-background-white-fade{background-color:var(--color-fade-white)!important}.has-text-accent{color:#da641b!important}.has-text-accent-invert{color:var(--color-white)!important}.has-background-accent{background-color:var(--color-accent)!important}.has-background-accent-fade{background-color:var(--color-fade-accent)!important}.has-text-main{color:#3d5d7e!important}.has-text-main-invert{color:var(--color-white)!important}.has-background-main{background-color:var(--color-main)!important}.has-background-main-fade{background-color:var(--color-fade-main)!important}.has-text-success{color:#007b52!important}.has-text-success-invert{color:var(--color-white)!important}.has-background-success{background-color:var(--color-success)!important}.has-background-success-fade{background-color:var(--color-fade-success)!important}.has-text-info{color:#1a688a!important}.has-text-info-invert{color:var(--color-white)!important}.has-background-info{background-color:var(--color-info)!important}.has-background-info-fade{background-color:var(--color-fade-info)!important}.has-text-warning{color:#fb3!important}.has-text-warning-invert{color:var(--color-white)!important}.has-background-warning{background-color:var(--color-warning)!important}.has-background-warning-fade{background-color:var(--color-fade-warning)!important}.has-text-error{color:#d42d02!important}.has-text-error-invert{color:var(--color-white)!important}.has-background-error{background-color:var(--color-error)!important}.has-background-error-fade{background-color:var(--color-fade-error)!important}.has-text-disabled{color:#646464!important}.has-text-disabled-invert{color:var(--color-white)!important}.has-background-disabled{background-color:var(--color-disabled)!important}.has-background-disabled-fade{background-color:var(--color-fade-disabled)!important}.has-text-grey{color:#707070!important}.has-text-grey-invert{color:var(--color-white)!important}.has-background-grey{background-color:var(--color-grey)!important}.has-background-grey-fade{background-color:var(--color-fade-grey)!important}.is-block{display:block!important}@media screen and (max-width: 767px){.is-block-mobile{display:block!important}}@media screen and (min-width: 768px),print{.is-block-tablet{display:block!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-block-tablet-only{display:block!important}}@media screen and (max-width: 1023px){.is-block-touch{display:block!important}}@media screen and (min-width: 1024px){.is-block-desktop{display:block!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-block-desktop-only{display:block!important}}@media screen and (min-width: 1240px){.is-block-widescreen{display:block!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-block-widescreen-only{display:block!important}}@media screen and (min-width: 1388px){.is-block-fullhd{display:block!important}}.is-flex{display:flex!important}@media screen and (max-width: 767px){.is-flex-mobile{display:flex!important}}@media screen and (min-width: 768px),print{.is-flex-tablet{display:flex!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-flex-tablet-only{display:flex!important}}@media screen and (max-width: 1023px){.is-flex-touch{display:flex!important}}@media screen and (min-width: 1024px){.is-flex-desktop{display:flex!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-flex-desktop-only{display:flex!important}}@media screen and (min-width: 1240px){.is-flex-widescreen{display:flex!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-flex-widescreen-only{display:flex!important}}@media screen and (min-width: 1388px){.is-flex-fullhd{display:flex!important}}.is-inline{display:inline!important}@media screen and (max-width: 767px){.is-inline-mobile{display:inline!important}}@media screen and (min-width: 768px),print{.is-inline-tablet{display:inline!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-tablet-only{display:inline!important}}@media screen and (max-width: 1023px){.is-inline-touch{display:inline!important}}@media screen and (min-width: 1024px){.is-inline-desktop{display:inline!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-desktop-only{display:inline!important}}@media screen and (min-width: 1240px){.is-inline-widescreen{display:inline!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-widescreen-only{display:inline!important}}@media screen and (min-width: 1388px){.is-inline-fullhd{display:inline!important}}.is-inline-block{display:inline-block!important}@media screen and (max-width: 767px){.is-inline-block-mobile{display:inline-block!important}}@media screen and (min-width: 768px),print{.is-inline-block-tablet{display:inline-block!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-block-tablet-only{display:inline-block!important}}@media screen and (max-width: 1023px){.is-inline-block-touch{display:inline-block!important}}@media screen and (min-width: 1024px){.is-inline-block-desktop{display:inline-block!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-block-desktop-only{display:inline-block!important}}@media screen and (min-width: 1240px){.is-inline-block-widescreen{display:inline-block!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-block-widescreen-only{display:inline-block!important}}@media screen and (min-width: 1388px){.is-inline-block-fullhd{display:inline-block!important}}.is-inline-flex{display:inline-flex!important}@media screen and (max-width: 767px){.is-inline-flex-mobile{display:inline-flex!important}}@media screen and (min-width: 768px),print{.is-inline-flex-tablet{display:inline-flex!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-flex-tablet-only{display:inline-flex!important}}@media screen and (max-width: 1023px){.is-inline-flex-touch{display:inline-flex!important}}@media screen and (min-width: 1024px){.is-inline-flex-desktop{display:inline-flex!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-flex-desktop-only{display:inline-flex!important}}@media screen and (min-width: 1240px){.is-inline-flex-widescreen{display:inline-flex!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-flex-widescreen-only{display:inline-flex!important}}@media screen and (min-width: 1388px){.is-inline-flex-fullhd{display:inline-flex!important}}.is-hidden{display:none!important}@media screen and (max-width: 767px){.is-hidden-mobile{display:none!important}}@media screen and (min-width: 768px),print{.is-hidden-tablet{display:none!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-hidden-tablet-only{display:none!important}}@media screen and (max-width: 1023px){.is-hidden-touch{display:none!important}}@media screen and (min-width: 1024px){.is-hidden-desktop{display:none!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-hidden-desktop-only{display:none!important}}@media screen and (min-width: 1240px){.is-hidden-widescreen{display:none!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-hidden-widescreen-only{display:none!important}}@media screen and (min-width: 1388px){.is-hidden-fullhd{display:none!important}}.is-invisible{visibility:hidden!important}@media screen and (max-width: 767px){.is-invisible-mobile{visibility:hidden!important}}@media screen and (min-width: 768px),print{.is-invisible-tablet{visibility:hidden!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-invisible-tablet-only{visibility:hidden!important}}@media screen and (max-width: 1023px){.is-invisible-touch{visibility:hidden!important}}@media screen and (min-width: 1024px){.is-invisible-desktop{visibility:hidden!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-invisible-desktop-only{visibility:hidden!important}}@media screen and (min-width: 1240px){.is-invisible-widescreen{visibility:hidden!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-invisible-widescreen-only{visibility:hidden!important}}@media screen and (min-width: 1388px){.is-invisible-fullhd{visibility:hidden!important}}.is-marginless{margin:0!important}.is-paddingless{padding:0!important}.is-radiusless{border-radius:0!important}.is-shadowless{box-shadow:none!important}.is-multiline{flex-wrap:wrap!important}.is-rounded{border-radius:9999px!important}.is-bordered{border:var(--border)}.is-vertical-paddingless{padding-left:0!important;padding-right:0!important}.has-border-radius-small{border-radius:var(--radius-small)}.has-border-radius{border-radius:var(--radius)}.is-fullheight{height:100%}.is-fullwidth,.field .select{width:100%}.is-borderless{border:none!important}@media screen and (max-width: 767px){.is-fullwidth-mobile{width:100%}}.is-spaced-evenly{justify-content:space-evenly!important}.is-spaced-around{justify-content:space-around!important}.is-spaced-between{justify-content:space-between!important}.is-order-reversed{flex-direction:row-reverse!important}.is-vertical{flex-direction:column!important}.is-vertical.is-order-reversed{flex-direction:column-reverse!important}.is-vertical.is-aligned-left{align-items:flex-start!important}.is-vertical.is-aligned-right{align-items:flex-end!important}.is-vertical.is-positionned-top{justify-content:flex-start!important}.is-vertical.is-positionned-bottom{justify-content:flex-end!important}@media screen and (max-width: 767px){.is-vertical-mobile{flex-direction:column!important}.is-vertical-mobile.is-order-reversed-mobile{flex-direction:column-reverse!important}.is-vertical-mobile.is-aligned-left-mobile{align-items:flex-start!important}.is-vertical-mobile.is-aligned-center-mobile{align-items:center!important}.is-vertical-mobile.is-aligned-right-mobile{align-items:flex-end!important}.is-vertical-mobile.is-positionned-top-mobile{justify-content:flex-start!important}.is-vertical-mobile.is-positionned-center-mobile{justify-content:center!important}.is-vertical-mobile.is-positionned-bottom-mobile{justify-content:flex-end!important}}.is-centered{justify-content:center}@media screen and (max-width: 767px){.is-centered-mobile{justify-content:center!important}}@media screen and (min-width: 768px),print{.is-centered-tablet{justify-content:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-centered-tablet-only{justify-content:center!important}}@media screen and (max-width: 1023px){.is-centered-touch{justify-content:center!important}}@media screen and (min-width: 1024px){.is-centered-desktop{justify-content:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-centered-desktop-only{justify-content:center!important}}@media screen and (min-width: 1240px){.is-centered-widescreen{justify-content:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-centered-widescreen-only{justify-content:center!important}}@media screen and (min-width: 1388px){.is-centered-fullhd{justify-content:center!important}}.is-justified-self{justify-self:center!important}.is-justified-center{justify-content:center!important}@media screen and (max-width: 767px){.is-justified-center-mobile{justify-content:center!important}}@media screen and (min-width: 768px),print{.is-justified-center-tablet{justify-content:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-center-tablet-only{justify-content:center!important}}@media screen and (max-width: 1023px){.is-justified-center-touch{justify-content:center!important}}@media screen and (min-width: 1024px){.is-justified-center-desktop{justify-content:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-center-desktop-only{justify-content:center!important}}@media screen and (min-width: 1240px){.is-justified-center-widescreen{justify-content:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-center-widescreen-only{justify-content:center!important}}@media screen and (min-width: 1388px){.is-justified-center-fullhd{justify-content:center!important}}.is-justified-self{justify-self:flex-start!important}.is-justified-start{justify-content:flex-start!important}@media screen and (max-width: 767px){.is-justified-start-mobile{justify-content:flex-start!important}}@media screen and (min-width: 768px),print{.is-justified-start-tablet{justify-content:flex-start!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-start-tablet-only{justify-content:flex-start!important}}@media screen and (max-width: 1023px){.is-justified-start-touch{justify-content:flex-start!important}}@media screen and (min-width: 1024px){.is-justified-start-desktop{justify-content:flex-start!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-start-desktop-only{justify-content:flex-start!important}}@media screen and (min-width: 1240px){.is-justified-start-widescreen{justify-content:flex-start!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-start-widescreen-only{justify-content:flex-start!important}}@media screen and (min-width: 1388px){.is-justified-start-fullhd{justify-content:flex-start!important}}.is-justified-self{justify-self:flex-end!important}.is-justified-end{justify-content:flex-end!important}@media screen and (max-width: 767px){.is-justified-end-mobile{justify-content:flex-end!important}}@media screen and (min-width: 768px),print{.is-justified-end-tablet{justify-content:flex-end!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-end-tablet-only{justify-content:flex-end!important}}@media screen and (max-width: 1023px){.is-justified-end-touch{justify-content:flex-end!important}}@media screen and (min-width: 1024px){.is-justified-end-desktop{justify-content:flex-end!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-end-desktop-only{justify-content:flex-end!important}}@media screen and (min-width: 1240px){.is-justified-end-widescreen{justify-content:flex-end!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-end-widescreen-only{justify-content:flex-end!important}}@media screen and (min-width: 1388px){.is-justified-end-fullhd{justify-content:flex-end!important}}.is-positionned-left{justify-content:flex-start!important}.is-positionned-center{justify-content:center!important}.is-positionned-right{justify-content:flex-end!important}.is-vcentered{align-items:center}@media screen and (max-width: 767px){.is-vcentered-mobile{align-items:center!important}}@media screen and (min-width: 768px),print{.is-vcentered-tablet{align-items:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-vcentered-tablet-only{align-items:center!important}}@media screen and (max-width: 1023px){.is-vcentered-touch{align-items:center!important}}@media screen and (min-width: 1024px){.is-vcentered-desktop{align-items:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-vcentered-desktop-only{align-items:center!important}}@media screen and (min-width: 1240px){.is-vcentered-widescreen{align-items:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-vcentered-widescreen-only{align-items:center!important}}@media screen and (min-width: 1388px){.is-vcentered-fullhd{align-items:center!important}}@media screen and (max-width: 767px){.is-aligned-center-mobile{align-items:center!important}}@media screen and (min-width: 768px),print{.is-aligned-center-tablet{align-items:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-center-tablet-only{align-items:center!important}}@media screen and (max-width: 1023px){.is-aligned-center-touch{align-items:center!important}}@media screen and (min-width: 1024px){.is-aligned-center-desktop{align-items:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-center-desktop-only{align-items:center!important}}@media screen and (min-width: 1240px){.is-aligned-center-widescreen{align-items:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-center-widescreen-only{align-items:center!important}}@media screen and (min-width: 1388px){.is-aligned-center-fullhd{align-items:center!important}}.is-aligned-start{align-items:flex-start!important}@media screen and (max-width: 767px){.is-aligned-start-mobile{align-items:flex-start!important}}@media screen and (min-width: 768px),print{.is-aligned-start-tablet{align-items:flex-start!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-start-tablet-only{align-items:flex-start!important}}@media screen and (max-width: 1023px){.is-aligned-start-touch{align-items:flex-start!important}}@media screen and (min-width: 1024px){.is-aligned-start-desktop{align-items:flex-start!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-start-desktop-only{align-items:flex-start!important}}@media screen and (min-width: 1240px){.is-aligned-start-widescreen{align-items:flex-start!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-start-widescreen-only{align-items:flex-start!important}}@media screen and (min-width: 1388px){.is-aligned-start-fullhd{align-items:flex-start!important}}.is-aligned-end{align-items:flex-end!important}@media screen and (max-width: 767px){.is-aligned-end-mobile{align-items:flex-end!important}}@media screen and (min-width: 768px),print{.is-aligned-end-tablet{align-items:flex-end!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-end-tablet-only{align-items:flex-end!important}}@media screen and (max-width: 1023px){.is-aligned-end-touch{align-items:flex-end!important}}@media screen and (min-width: 1024px){.is-aligned-end-desktop{align-items:flex-end!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-end-desktop-only{align-items:flex-end!important}}@media screen and (min-width: 1240px){.is-aligned-end-widescreen{align-items:flex-end!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-end-widescreen-only{align-items:flex-end!important}}@media screen and (min-width: 1388px){.is-aligned-end-fullhd{align-items:flex-end!important}}.is-aligned-top{align-items:flex-start!important}.is-aligned-center{align-items:center!important}.is-aligned-bottom{align-items:flex-end!important}.is-absolute{position:absolute!important}.is-text-ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box}@keyframes loading-pulse{to{opacity:.1}}p.is-loading a,p.is-loading span,p.is-loading p,p.is-loading i,p.is-loading strong,p.is-loading h1,p.is-loading h2,p.is-loading h3,p.is-loading h4,p.is-loading h5,p.is-loading label,p.is-loading h6,.is-loading p a,.is-loading p span,.is-loading p p,.is-loading p i,.is-loading p strong,.is-loading p h1,.is-loading p h2,.is-loading p h3,.is-loading p h4,.is-loading p h5,.is-loading p label,.is-loading p h6{visibility:hidden}.is-loading{filter:grayscale(1);cursor:default!important;color:transparent!important;pointer-events:none}.is-loading.is-checkradio[type=checkbox]+label:before,.is-loading .is-checkradio[type=checkbox]+label:before,.is-loading.is-checkradio[type=checkbox]+label:after,.is-loading .is-checkradio[type=checkbox]+label:after{visibility:hidden}.is-loading:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);position:absolute!important}.is-loading.field .icon,.is-loading .field .icon{display:none}.is-loading.field .input,.is-loading .field .input{border:0;pointer-events:none}.is-loading.field .input::placeholder,.is-loading .field .input::placeholder{color:transparent}.is-loading a,.is-loading span,.is-loading p,.is-loading i,.is-loading strong,.is-loading h1,.is-loading h2,.is-loading h3,.is-loading h4,.is-loading h5,.is-loading label,.is-loading h6{display:inline;border-radius:9999px;background:currentColor!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:70%;letter-spacing:2px;-webkit-animation:loading-pulse 1.5s ease-out infinite alternate;-moz-animation:none;opacity:.2}.is-loading p.suptitle{display:block}.is-loading h1,.is-loading h2,.is-loading h3,.is-loading h4,.is-loading h5,.is-loading h6{display:table}.is-loading .is-loading{animation:none}.is-loaded a,.is-loaded span,.is-loaded p,.is-loaded i,.is-loaded strong,.is-loaded h1,.is-loaded h2,.is-loaded h3,.is-loaded h4,.is-loaded h5,.is-loaded label,.is-loaded h6{transition-duration:.15s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-property:font-size,letter-spacing;-moz-transition:none}body{font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.trilogy-root{text-size-adjust:100%;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;color:var(--color-main);font-size:10px;font-weight:400;line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.trilogy-root>*{font-size:16px}a.alert{cursor:pointer;transition:box-shadow .3s}a.alert:hover,a.alert:active,a.alert:focus{box-shadow:0 2px 4px #0000001a}.alert{border-radius:var(--radius);margin-bottom:16px;position:relative;display:flex;align-self:flex-start;box-shadow:none;padding:16px}.alert .text:first-child,.alert .title:first-child{line-height:normal}.alert .title,.alert .text{margin-bottom:0!important;padding-bottom:4px}.alert .text:last-child{padding-bottom:0!important}.alert .icon{padding:0}@media screen and (max-width: 767px){.alert{flex-wrap:wrap}}.alert strong{color:currentColor}.alert.is-success{background-color:var(--color-fade-success);border:1px solid var(--color-success)}.alert.is-success .icon{color:var(--color-success)}.alert.is-error{background-color:var(--color-fade-error);border:1px solid var(--color-error)}.alert.is-error .icon{color:var(--color-error)}.alert.is-warning{background-color:var(--color-fade-warning);border:1px solid var(--color-warning)}.alert.is-warning .icon{color:var(--color-warning)}.alert.is-info{background-color:var(--color-fade-info);border:1px solid var(--color-info)}.alert.is-info .icon{color:var(--color-info)}.alert>.icon{flex:none;align-self:flex-start}.alert>.icon [class^=tri-],.alert>.icon [class*=" tri-"]{font-size:20px}.alert>.body{align-self:center;margin-bottom:0;flex-grow:1;padding:1px 8px}@media screen and (max-width: 767px){.alert>.body{flex:1}}.alert .text,.alert .paragraph{font-size:14px;text-align:left}.is-autocomplete .autocomplete-menu{display:none}.is-autocomplete.is-active .autocomplete-menu{display:block;border:1px solid rgba(0,38,60,.4);padding:5px 10px;border-radius:4px;max-height:220px;overflow-y:auto;background-color:var(--color-white);z-index:10000}.is-autocomplete.is-active .autocomplete-item{cursor:pointer;padding:3.75px 5px}.is-autocomplete.is-active .autocomplete-item.is-active,.is-autocomplete.is-active .autocomplete-item[data-autocomplete-item-hover]{background-color:var(--color-fade-grey);margin-left:-10px;margin-right:-10px;border-top:1px solid var(--color-fade-grey);border-bottom:1px solid var(--color-fade-grey);padding:2.75px 15px}.title .badge{margin-left:.6em;margin-right:.6em}.badge{display:inline-flex;border-radius:9999px;color:var(--color-white);background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;justify-content:center;align-items:center}.badge:empty{min-width:10px;min-height:10px}.badge.is-up{position:absolute;left:50%;top:10px;right:24px}.badge.is-inverted{color:var(--color-main);background:var(--color-white)}.badge-and-text{display:flex;align-items:center}.badge-and-text p{margin-bottom:0!important}.badge-and-text p+.badge{display:inline-flex;border-radius:9999px;color:var(--color-white);background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;justify-content:center;align-items:center}.badge-and-text p+.badge:empty{min-width:10px;min-height:10px}.badge-and-text p+.badge.is-up{position:absolute;left:50%;top:10px;right:24px}.badge-and-text p+.badge.is-inverted{color:var(--color-main);background:var(--color-white)}.badge-and-text p+.badge.is-level{position:relative;margin-left:60px}[data-badge-number]{position:relative}[data-badge-number]:after{content:attr(data-badge-number);position:absolute;margin-left:-15px;top:-7px;color:var(--color-white);left:100%;background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;border-radius:9999px}:root{--padding-box: 24px}@media screen and (max-width: 767px){:root{--padding-box: 16px}}a.box{cursor:pointer;transition:box-shadow .3s}a.box:hover:not([disabled]):not([aria-disabled=true]),a.box:active,a.box:focus{box-shadow:0 1px 3px #45454526,0 2px 20px -3px #4545454d}.box{background-color:var(--color-white);box-shadow:#63636333 0 2px 8px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:flex-start;position:relative;padding:var(--padding-box)}.box:not(:last-child){margin-bottom:15px}.box.is-active{outline:var(--border-active)}.box.is-fullheight .box-content{flex-grow:1}.box.is-flat{box-shadow:none;border:var(--border)}.box.is-flat.has-hat>.is-hat{left:-1px;right:-1px}.box.is-flat .box-header{margin-top:calc(var(--padding-box) * -1 - 1px);margin-left:calc(var(--padding-box) * -1 - 1px);margin-right:calc(var(--padding-box) * -1 - 1px)}.box.is-highlighted{border-left:4px solid transparent;border-top-left-radius:calc(var(--radius) + 4px);border-bottom-left-radius:calc(var(--radius) + 4px)}.box.is-highlighted.is-white{border-left-color:var(--color-white);border-left-width:4px}.box.is-highlighted.is-main{border-left-color:var(--color-main);border-left-width:4px}.box.is-highlighted.is-accent{border-left-color:var(--color-accent);border-left-width:4px}.box.is-highlighted.is-info{border-left-color:var(--color-info);border-left-width:4px}.box.is-highlighted.is-success{border-left-color:var(--color-success);border-left-width:4px}.box.is-highlighted.is-error{border-left-color:var(--color-error);border-left-width:4px}.box.is-highlighted.is-warning{border-left-color:var(--color-warning);border-left-width:4px}.box.is-highlighted.is-grey{border-left-color:var(--color-grey);border-left-width:4px}.box.is-highlighted .box-header{margin-left:calc(var(--padding-box) * -1 - 4px)}.box .box-header{z-index:inherit;background-color:var(--color-main);color:var(--color-white);margin-top:calc(var(--padding-box) * -1);margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);padding:8px;padding-left:var(--padding-box);padding-right:var(--padding-box);box-shadow:none;font-size:15px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-weight:600;border-radius:var(--radius) var(--radius) 0 0}@media screen and (min-width: 768px),print{.box .box-header{flex-direction:row;align-items:center;justify-content:space-between}}.box .box-header>p:not(:last-child),.box .box-header>.paragraph:not(:last-child){margin:0 0 .3em}@media screen and (min-width: 768px),print{.box .box-header>p:not(:last-child),.box .box-header>.paragraph:not(:last-child){align-self:center;margin:0 3em 0 0}}.box .box-header~.box-content{margin-top:0}.box .box-content{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);padding:var(--padding-box)}.box .box-content:first-child{margin-top:calc(var(--padding-box) * -1);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.box .box-content:last-child{margin-bottom:calc(var(--padding-box) * -1);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}@media screen and (max-width: 767px){.box .box-content{text-align:left}}.box .box-content>.is-unboxed{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1)}.box .box-content.is-transparent{background-color:transparent}.box .box-footer{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);margin-bottom:calc(var(--padding-box) * -1);padding:var(--padding-box);border-top:1px solid var(--color-fade-grey);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.buttons{width:100%;column-gap:16px}.buttons.is-vertical{row-gap:16px}@media screen and (min-width: 768px),print{.buttons{display:flex;align-items:center;width:auto}}.buttons.is-centered,.buttons.has-text-centered,.has-text-centered .buttons{justify-content:center}.buttons.is-mobile{flex-wrap:wrap}.buttons.is-mobile .button{margin-bottom:16px}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;display:inline-flex;font-size:16px;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;background-color:#fff;border-width:2px;border-radius:var(--radius-small);cursor:pointer;justify-content:center;text-align:center;white-space:nowrap;padding:0 16px;text-decoration:inherit;font-weight:600}@supports (-webkit-overflow-scrolling: touch){.button{font-size:16px}}.button:focus,.button:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.button:focus,.button:active{font-size:16px}}.button[disabled]{cursor:not-allowed}@media screen and (max-width: 767px){.button{width:100%;margin:8px 0!important}}.button.is-conversion{background-color:var(--color-accent);color:var(--color-white)}.button.is-primary{background-color:var(--color-main);color:var(--color-white)}.button.is-secondary{background-color:var(--color-fade-main);color:var(--color-main)}.button.is-ghost{background-color:var(--color-white);color:var(--color-main)}.button[disabled],.button[aria-disabled=true]{background-color:#eff2f8!important;color:#d1d1d1!important}.button.is-loading{background-color:#707070}.chips-list{align-items:center;display:inline-flex;justify-content:flex-start;flex-wrap:wrap;gap:8px}.chips-list.is-centered{justify-content:center}.chips-list.is-multiple .chips:before{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:currentColor;margin-right:4px;margin-left:-8px;width:0;height:20px;-webkit-mask-size:20px;mask-size:20px;transition:width .25s}.chips-list.is-multiple .chips.is-active:before{width:20px}.chips-list .chips{align-items:center;background-color:#fff;border-radius:9999px;color:var(--color-main);display:inline-flex;font-size:16px;height:32px;justify-content:center;line-height:2;padding:6px 16px;white-space:nowrap;cursor:pointer;border:var(--border)}.chips-list .chips:not(.is-disabled).is-active{background-color:var(--color-main);color:#fff;border:var(--border-active);padding:5px 15px}.chips-list .chips:not(.is-disabled).is-active:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-main);color:#fff}.chips-list .chips:not(.is-disabled):hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-fade-grey)}.chips-list .chips.is-inverted{background-color:#fff;color:var(--color-accent)}.chips-list .chips.is-inverted:active,.chips-list .chips.is-inverted:hover,.chips-list .chips.is-inverted:focus,.chips-list .chips.is-inverted:focus-visible,.chips-list .chips.is-inverted.is-active{background-color:var(--color-accent)!important;color:var(--color-white)!important}.checkbox,.checkbox-tile{position:relative}.checkbox label.checkbox-label,.checkbox-tile label.checkbox-label{cursor:pointer;font-size:14px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after,.checkbox-tile label.checkbox-label:before,.checkbox-tile label.checkbox-label:after{content:"";position:absolute;width:18px;height:18px}.checkbox label.checkbox-label:before,.checkbox-tile label.checkbox-label:before{border:var(--border)}.checkbox input,.checkbox-tile input{display:none}.checkbox input:checked~label.checkbox-label,.checkbox-tile input:checked~label.checkbox-label{border-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:before,.checkbox-tile input:checked~label.checkbox-label:before{border-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{background-color:var(--color-main)}.checkbox input:disabled~label.checkbox-label:after,.checkbox input:disabled:checked~label.checkbox-label:after,.checkbox-tile input:disabled~label.checkbox-label:after,.checkbox-tile input:disabled:checked~label.checkbox-label:after{background-color:var(--color-fade-disabled)}.checkbox input:disabled~label.checkbox-label:after,.checkbox-tile input:disabled~label.checkbox-label:after{background-color:transparent}.checkbox{display:flex;align-items:center;margin:6px 8px;width:fit-content}.checkbox input:disabled~label.checkbox-label,.checkbox input:disabled:checked~label.checkbox-label{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.checkbox label.checkbox-label{padding:4px 4px 4px 34px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after{top:50%;transform:translateY(-50%);left:0}.checkbox:hover .checkbox:not(disabled) label.checkbox-label:before{background-color:var(--color-fade-grey)}.checkbox:focus{border:2px;border-color:var(--color-main)}.checkbox-tile{position:relative;max-width:160px;display:inline-block;margin:16px 16px 0 0;text-align:center}.checkbox-tile input:disabled~label.checkbox-label,.checkbox-tile input:disabled:checked~label.checkbox-label{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.checkbox-tile:first-child{margin-left:0}.checkbox-tile:last-child{margin-right:0}.checkbox-tile label.checkbox-label{display:block;position:relative;padding:40px 16px 16px;border:var(--border);border-radius:var(--radius);box-sizing:border-box;background-color:var(--color-white)}.checkbox-tile label.checkbox-label:before{top:16px;right:16px}.checkbox-tile label.checkbox-label span.checkbox-title{font-weight:700;width:100%;display:block;font-size:16px}.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label{border-color:var(--color-main);border-width:2px;padding:39px 15px 15px}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label:before{top:15px;right:15px}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label span.checkbox-title{color:var(--color-main)}.checkbox-tile input:disabled~label.checkbox-label:before{border-color:var(--color-disabled)!important}.checkbox-tile input:disabled:checked~label.checkbox-label .checkbox-title{color:var(--color-disabled)}.checkbox-tile.is-horizontal{display:flex;justify-content:space-between;align-items:center;max-width:unset;width:auto;margin:16px 0;position:relative}.checkbox-tile.is-horizontal.is-narrow{width:fit-content}.checkbox-tile.is-horizontal input:checked:not(:disabled)~label.checkbox-label{padding:15px 47px 15px 15px}.checkbox-tile.is-horizontal label.checkbox-label{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:16px 48px 16px 16px}.checkbox-tile.is-horizontal label.checkbox-label:before,.checkbox-tile.is-horizontal label.checkbox-label:after{top:50%!important;transform:translateY(-50%)}.checkbox-tile.is-horizontal .icon{margin-right:16px}.checkbox input:checked~label.checkbox-label:before,.checkbox-tile input:checked~label.checkbox-label:before{background-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:var(--color-white);-webkit-mask-size:18px;mask-size:18px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after,.checkbox-tile label.checkbox-label:before,.checkbox-tile label.checkbox-label:after{border-radius:var(--radius-small)}.checkbox-tile input:checked~label.checkbox-label:after{top:15px;right:15px}.checkbox input:not(:disabled):not(:checked)~label.checkbox-label:hover:before{background-color:var(--color-fade-grey)}.container{margin:0 auto;position:relative}.container.is-fullhd{width:auto}.container.is-sticky-top,.container.is-sticky-bottom{background-color:var(--color-white)}.container.is-sticky-top{z-index:1000}.container.is-sticky-bottom{z-index:999}@media screen and (min-width: 1024px){.container{max-width:984px;width:984px}.container.is-fluid{margin-left:20px;margin-right:20px;max-width:none;width:auto}}@media screen and (max-width: 1239px){.container.is-widescreen{max-width:1200px;width:auto}}@media screen and (max-width: 1387px){.container.is-fullhd{max-width:1348px;width:auto}}@media screen and (min-width: 1240px){.container{max-width:1200px;width:1200px}}@media screen and (min-width: 1388px){.container{max-width:1348px;width:1348px}}@media screen and (min-width: 1024px){.container:not(.is-fluid){width:904px;max-width:904px}}@media screen and (min-width: 1240px){.container:not(.is-fluid){width:1160px;max-width:1160px}}@media screen and (min-width: 1388px){.container:not(.is-fluid){width:1308px;max-width:1308px}}@media screen and (min-width: 1388px){.container.is-fluid{margin:0 auto;max-width:1348px}}.container.is-medium{max-width:960px;margin:auto}.container.is-fullwidth,.field .container.select{max-width:100%;width:100%}@media screen and (min-width: 1024px){main>.container.is-fluid,header .navbar>.container.is-fluid,header>.container.is-fluid,footer>.container.is-fluid{margin:0 auto}}@media screen and (min-width: 1388px){main>.container.is-fluid,header .navbar>.container.is-fluid,header>.container.is-fluid,footer>.container.is-fluid{max-width:100%}}.input,.textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:var(--radius-small);display:inline-flex;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;height:56px;background-color:var(--color-white);border-color:var(--color-fade-main);color:var(--color-main);padding-left:16px;padding-right:16px;font-size:16px;max-width:100%;width:100%}@supports (-webkit-overflow-scrolling: touch){.input,.textarea{font-size:16px}}.input:focus,.input:active,.textarea:focus,.textarea:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.input:focus,.input:active,.textarea:focus,.textarea:active{font-size:16px}}.input[disabled],.textarea[disabled]{cursor:not-allowed}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:-moz-placeholder,.textarea:-moz-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:hover:not(.is-disabled):not(:focus),.textarea:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.input:focus:not(.is-disabled),.input:focus-visible:not(.is-disabled),.textarea:focus:not(.is-disabled),.textarea:focus-visible:not(.is-disabled){border:2px solid currentColor}.input.is-white,.textarea.is-white{border:1px solid var(--color-white)}.input.is-main,.textarea.is-main{border:1px solid var(--color-main)}.input.is-accent,.textarea.is-accent{border:1px solid var(--color-accent)}.input.is-info,.textarea.is-info{border:1px solid var(--color-info)}.input.is-success,.textarea.is-success{border:1px solid var(--color-success)}.input.is-error,.textarea.is-error{border:1px solid var(--color-error)}.input.is-warning,.textarea.is-warning{border:1px solid var(--color-warning)}.input.is-grey,.textarea.is-grey{border:1px solid var(--color-grey)}.input:active,.input:focus,.input:focus-visible:not(.icon),.textarea:active,.textarea:focus,.textarea:focus-visible:not(.icon){padding-left:15px!important}.input.is-small,.textarea.is-small{border-radius:var(--radius-small);font-size:13px}.input.is-large,.textarea.is-large{font-size:24px}.input.is-fullwidth,.field .input.select,.textarea.is-fullwidth,.field .textarea.select{display:block;width:100%}.input.is-inline,.textarea.is-inline{display:inline}.input .icon-status,.textarea .icon-status{color:#0ff!important}.input label,.textarea label{margin-top:10px}.input::-ms-clear{display:none}.input.is-small{height:24px}.input.is-rounded{padding-left:1em;padding-right:1em}.input.is-static{background-color:transparent;border-color:transparent;padding-left:0;padding-right:0}.textarea{display:block;max-width:100%;min-width:100%;resize:vertical;padding-top:15px}.textarea:not([rows]){max-height:600px;min-height:120px}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.field:not(:first-child){margin-top:20px}.field:not(:last-child){margin-bottom:7.5px}.field.is-fullwidth div.control,.field .field.select div.control{flex:1}.field .input-label{display:inline-block;margin-bottom:6px}.field .input-sample{margin-bottom:10px!important}@media screen and (max-width: 767px){.field.is-very-short,.field.is-short{width:50%}.field.is-long,.field.is-very-long{width:100%}}@media screen and (min-width: 768px),print{.field.is-very-short{width:130px}.field.is-short{width:270px}.field.is-long{width:400px}.field.is-very-long{width:500px}}.field.has-addons{display:flex;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child .button,.field.has-addons .control:first-child .input,.field.has-addons .control:first-child .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child .button,.field.has-addons .control:last-child .input,.field.has-addons .control:last-child .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:hover,.field.has-addons .control .input:hover,.field.has-addons .control .textarea:hover,.field.has-addons .control .select select:hover{z-index:1}.field.has-addons .control .button:focus,.field.has-addons .control .button:active,.field.has-addons .control .input:focus,.field.has-addons .control .input:active,.field.has-addons .control .textarea:focus,.field.has-addons .control .textarea:active,.field.has-addons .control .select select:focus,.field.has-addons .control .select select:active{z-index:10}.field.has-addons .control .button:focus:hover,.field.has-addons .control .button:active:hover,.field.has-addons .control .input:focus:hover,.field.has-addons .control .input:active:hover,.field.has-addons .control .textarea:focus:hover,.field.has-addons .control .textarea:active:hover,.field.has-addons .control .select select:focus:hover,.field.has-addons .control .select select:active:hover{z-index:100}.field.has-addons .control.is-expanded{flex-grow:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:7.5px}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:7.5px}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-7.5px}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width: 768px),print{.field.is-horizontal{display:flex}}.control{font-size:16px;position:relative;text-align:left}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .textarea:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .textarea:focus~.icon,.control.has-icons-right .select:focus~.icon{color:var(--color-main)}.control.has-icons-left .input~.icon [class^=tri-],.control.has-icons-left .input~.icon [class*=" tri-"],.control.has-icons-left .textarea~.icon [class^=tri-],.control.has-icons-left .textarea~.icon [class*=" tri-"],.control.has-icons-left .select~.icon [class^=tri-],.control.has-icons-left .select~.icon [class*=" tri-"],.control.has-icons-right .input~.icon [class^=tri-],.control.has-icons-right .input~.icon [class*=" tri-"],.control.has-icons-right .textarea~.icon [class^=tri-],.control.has-icons-right .textarea~.icon [class*=" tri-"],.control.has-icons-right .select~.icon [class^=tri-],.control.has-icons-right .select~.icon [class*=" tri-"]{font-size:20px}.control.has-icons-left .icon,.control.has-icons-right .icon{color:var(--color-main);position:absolute;top:0;height:100%;width:40px;pointer-events:auto;z-index:0;padding:10px}.control.has-icons-left .input.is-success~.icon,.control.has-icons-right .input.is-success~.icon{color:var(--color-fade-success)}.control.has-icons-left .input.is-error~.icon,.control.has-icons-right .input.is-error~.icon{color:var(--color-fade-error)}.control.has-icons-left .input.is-warning~.icon,.control.has-icons-right .input.is-warning~.icon{color:var(--color-fade-warning)}.control.has-icons-left .input.is-info~.icon,.control.has-icons-right .input.is-info~.icon{color:var(--color-fade-info)}.control.has-icons-left .input.is-error,.control.has-icons-right .input.is-error{border-color:var(--color-error)}.control.has-icons-left .textarea.is-success~.icon,.control.has-icons-right .textarea.is-success~.icon{color:var(--color-fade-success)}.control.has-icons-left .textarea.is-error~.icon,.control.has-icons-right .textarea.is-error~.icon{color:var(--color-fade-error)}.control.has-icons-left .textarea.is-warning~.icon,.control.has-icons-right .textarea.is-warning~.icon{color:var(--color-fade-warning)}.control.has-icons-left .textarea.is-info~.icon,.control.has-icons-right .textarea.is-info~.icon{color:var(--color-fade-info)}.control.has-icons-left .textarea.is-error,.control.has-icons-right .textarea.is-error{border-color:var(--color-error)}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:45px}.control.has-icons-left .icon{left:0;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:0 24px}.control.has-icons-left .textarea{padding-left:50px;padding-right:16px;padding-bottom:16px!important;padding-top:16px}.control.has-icons-left .textarea+label{left:5rem}.control.has-icons-left .textarea+label+.icon{display:inherit;padding-top:16px;margin:0 16px;width:auto}.control.has-icons-left .textarea-counter{position:absolute;bottom:5px;right:16px;font-size:10px}.control.has-icons-left .is-error~.textarea-counter{bottom:28px}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:45px}.control.has-icons-right .icon{right:0;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:0 24px}.control.has-dynamic-placeholder ::placeholder{color:#000}.control.has-dynamic-placeholder textarea:not(:placeholder-shown){padding-top:24px}.control.has-dynamic-placeholder .input~label{top:10px}.control.has-dynamic-placeholder .icon{color:var(--color-main)}.control.has-dynamic-placeholder label{position:absolute;top:10px;left:16px;border-left:transparent 1px solid;font-size:12px;color:var(--color-grey);transform:translateY(0);transition:all .2s ease-out;z-index:10;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 4em);overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:14px}.control.has-dynamic-placeholder.has-icons-left label{left:45px}.control.has-dynamic-placeholder select:not(.no-label){padding-top:19px}.control.has-dynamic-placeholder .input{padding-top:19px}.control.has-dynamic-placeholder .input:placeholder-shown{padding-top:.375em}.control.has-dynamic-placeholder .input:-ms-input-placeholder{padding-top:.375em}.control.has-dynamic-placeholder textarea{padding-top:16px;padding-bottom:8px!important}.control.has-dynamic-placeholder input:placeholder-shown~label,.control.has-dynamic-placeholder textarea:placeholder-shown~label{visibility:hidden;opacity:0;font-size:16px;transform:translateY(10px)}.control.has-dynamic-placeholder input:-ms-input-placeholder~label{visibility:hidden;opacity:0;font-size:16px;transform:translateY(10px)}.control.has-icons-left.has-dynamic-placeholder .textarea+label{left:50px}.control.has-password-discover .input~.icon:not(:last-child){color:var(--color-grey);background-color:transparent;right:45px;cursor:pointer}.control.has-password-discover .input~.icon:not(:last-child):hover,.control.has-password-discover .input~.icon:not(:last-child):focus{color:var(--color-grey)}.control+.help{margin:4px 0;font-size:12px;font-weight:500}.control .is-searching{background-color:transparent;border-top-right-radius:8px;border-bottom-right-radius:8px;height:100%;position:absolute;right:0;top:0;width:45px}.control .is-searching:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em)}.control.is-loading:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute!important;right:.625em;top:.625em;z-index:10}.control.is-loading.is-small:after{font-size:13px}.control.is-loading.is-large:after{font-size:24px}.control:has(input[disabled]){border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.field-label .label{font-size:inherit}@media screen and (max-width: 767px){.field-label{margin-bottom:5px}}@media screen and (min-width: 768px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:16px;text-align:right}.field-label.is-small{font-size:13px;padding-top:.375em}.field-label.is-normal{padding-top:.375em}.field-label.is-large{font-size:24px;padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width: 768px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:7.5px}}.file{align-items:stretch;display:flex;justify-content:flex-start;position:relative}.file.is-small{font-size:13px}.file.is-large{font-size:24px}.file.is-centered{justify-content:center}.file.is-right{justify-content:flex-end}.is-horizontal .field:not(:first-child){margin-top:0}@media screen and (max-width: 767px){.is-horizontal.is-mobile .field-body{display:flex}.is-horizontal.is-mobile .field-body .field{margin-bottom:0}.is-horizontal.is-mobile .field-body>.field:not(:last-child){margin-right:7.5px}}.label{color:var(--color-grey);display:block;font-size:16px;font-weight:600}.label:not(:last-child){margin-bottom:.5em}.label.is-small{font-size:13px}.label.is-large{font-size:24px}.help{display:block;font-size:13px;margin-top:2.5px}.help.is-white{color:var(--color-white)}.help.is-main{color:var(--color-main)}.help.is-accent{color:var(--color-accent)}.help.is-info{color:var(--color-info)}.help.is-success{color:var(--color-success)}.help.is-error{color:var(--color-error)}.help.is-warning{color:var(--color-warning)}.help.is-grey{color:var(--color-grey)}.icon{align-items:center;display:inline-flex;justify-content:center;font-size:inherit;width:1.5em;height:1.5em}.icon [class^=tri-],.icon [class*=" tri-"]{display:flex;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor}.icon [class^=tri-]:before,.icon [class*=" tri-"]:before{width:1em;height:1em;content:" ";margin:0}.icon.is-default{font-size:15px}.icon.is-default [class^=tri-picto-],.icon.is-default [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-default.is-stretched{height:15px}.icon.is-small{font-size:20px}.icon.is-small [class^=tri-picto-],.icon.is-small [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-small.is-stretched{height:20px}.icon.is-medium{font-size:32px}.icon.is-medium [class^=tri-picto-],.icon.is-medium [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-medium.is-stretched{height:32px}.icon.is-large{font-size:44px}.icon.is-large [class^=tri-picto-],.icon.is-large [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-large.is-stretched{height:44px}.icon.is-huge{font-size:66px}.icon.is-huge [class^=tri-picto-],.icon.is-huge [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-huge.is-stretched{height:66px}.icon svg{min-height:20px;min-width:20px;max-height:100%;max-width:100%}.icon.is-circled-white{background-color:var(--color-white)}.icon.is-white{color:var(--color-white)}.icon.is-circled-main{background-color:var(--color-main)}.icon.is-main{color:var(--color-main)}.icon.is-circled-accent{background-color:var(--color-accent)}.icon.is-accent{color:var(--color-accent)}.icon.is-circled-info{background-color:var(--color-info)}.icon.is-info{color:var(--color-info)}.icon.is-circled-success{background-color:var(--color-success)}.icon.is-success{color:var(--color-success)}.icon.is-circled-error{background-color:var(--color-error)}.icon.is-error{color:var(--color-error)}.icon.is-circled-warning{background-color:var(--color-warning)}.icon.is-warning{color:var(--color-warning)}.icon.is-circled-grey{background-color:var(--color-grey)}.icon.is-grey{color:var(--color-grey)}.icon.is-circled{border-radius:9999px;text-align:center}.icon.is-stretched{transform:skew(-16deg);border-top-right-radius:9px;background-color:var(--color-main)}.icon.is-stretched [class^=tri-],.icon.is-stretched [class*=" tri-"]{transform:skew(16deg);background-color:var(--color-white)}.icon.is-stacked{flex-direction:column;line-height:5px!important;position:relative}.icon.is-stacked .tri-notification_top{font-size:85%}.icon.is-stacked .tri-notification_bottom{font-size:.125em;width:100%;margin-top:1px}.icon.is-stacked .tri-notification_bottom{width:auto}.icon.is-animated .tri-notification_top{animation-name:bellring;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:-2s;animation-direction:initial;transform-origin:center top;-moz-animation:none;-moz-transform-origin:center top}@keyframes bellring{0%{transform:rotate(-5deg)}10%{transform:rotate(-5deg)}25%{transform:rotate(10deg)}35%{transform:rotate(-25deg)}45%{transform:rotate(20deg)}55%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}to{transform:rotate(-5deg)}}.icon.is-animated .tri-notification_bottom{animation-name:bellbounce!important;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:initial;animation-delay:-2s;animation-direction:normal;transform-origin:center top;-moz-animation:none}@keyframes bellbounce{0%{transform:translate(-1px) rotate(-5deg)}10%{transform:translate(-1px) rotate(-5deg)}17%{transform:translate(1px) rotate(8deg)}25%{transform:translate(2px) rotate(10deg)}36%{transform:translate(6px) rotate(-25deg)}47%{transform:translate(-5px) rotate(15deg)}58%{transform:translate(6px) rotate(-10deg)}62%{transform:translate(-6px) rotate(5deg)}71%{transform:translate(6px) rotate(-10deg)}76%{transform:translate(-1px) rotate(-5deg)}to{transform:translate(-1px) rotate(-5deg)}}.icon.has-status{position:relative}.icon.has-status:after{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-radius:9999px;background-color:var(--color-main)}.icon.has-status.is-bordered{border-radius:50%;border-color:currentColor}.icon.has-status.is-bordered:after{top:-2px;right:-2px}.icon.has-status.has-status .icon.is-descendant{position:absolute;top:0;right:0;width:15px;height:15px;background:#fff}.icon.has-status.has-status .icon.is-descendant>[class^=tri-],.icon.has-status.has-status .icon.is-descendant>[class*=" tri-"]{min-width:15px;height:15px}.icon.has-status.has-status .icon.is-descendant.is-bottom,.icon.has-status.has-status .icon.is-descendant.is-bottom-right{top:auto;bottom:0;right:0}.icon.has-status.has-status:after{content:none}.icon-and-text{display:inline-flex;align-items:center}.icon-and-text>.icon{line-height:0;margin-right:.5em}.icon-and-text>span+.icon{margin:0 0 0 .5em}.icon-and-text.is-alternate{align-items:flex-start}.icon-and-text.is-alternate>.icon{flex:none}.icon-and-text.is-alternate>.icon>i{margin-bottom:7px}.icon-and-text.is-stacked{flex-direction:column;padding:5px}.icon-and-text.is-stacked>.icon{margin:0 0 .5em}.icon-and-text.is-stacked>span+.icon{margin:.5em 0 0}@media screen and (max-width: 767px){.icon-and-text.is-stacked-mobile{flex-direction:column;padding:5px}.icon-and-text.is-stacked-mobile>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-mobile>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 768px),print{.icon-and-text.is-stacked-tablet{flex-direction:column;padding:5px}.icon-and-text.is-stacked-tablet>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-tablet>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 1024px){.icon-and-text.is-stacked-desktop{flex-direction:column;padding:5px}.icon-and-text.is-stacked-desktop>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-desktop>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 1240px){.icon-and-text.is-stacked-widescreen{flex-direction:column;padding:5px}.icon-and-text.is-stacked-widescreen>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-widescreen>span+.icon{margin:.5em 0 0}}.image{display:block;position:relative}.image img{display:block;max-width:100%}.image img.b-loaded{height:auto}.b-lazy{transition:opacity .25s ease-in-out;opacity:0}.b-lazy.b-loaded{opacity:1}.b-lazy.b-loaded.has-bg-image.has-bg-gradient:before{opacity:0}.b-lazy.has-bg-image{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;height:100%}.b-lazy.has-bg-image.has-bg-gradient{z-index:0;opacity:1}.b-lazy.has-bg-image.has-bg-gradient:before{content:"";opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition:opacity .75s ease-in-out}.loader{width:60px;height:30px;background-color:transparent;position:relative}.loader:after,.loader:before,.loader .loader-body{content:"";display:block;width:60px;height:30px;border-radius:9999px}.loader .loader-body{visibility:hidden;background-color:var(--color-accent);animation:2.5s linear 0s forwards infinite top_item}.loader:after,.loader:before{position:absolute;bottom:-40px}.loader:before{width:20px;height:20px;left:calc(50% - 10px);z-index:10;background-color:var(--color-main);animation:2.5s linear 0s forwards infinite left_item}.loader:after{width:20px;height:20px;right:calc(50% - 20px);background-color:var(--color-main);animation:2.5s linear 0s forwards infinite right_item}@keyframes top_item{0%{visibility:visible;transform:scale(0)}50%{visibility:visible;transform:scaleY(0)}65%,to{visibility:visible;transform:scale(1)}}@keyframes left_item{0%{transform:rotate(55deg) scale(1)}45%{width:60px;height:30px;transform:rotate(55deg) scale(1)}50%,54%{transform:rotate(55deg) scale(1.5)}60%{transform:rotate(55deg) scale(1)}65%,to{transform:rotate(55deg) scale(1);width:60px;height:30px;left:-25px}}@keyframes right_item{0%{transform:rotate(-55deg) scale(1)}45%{width:60px;height:30px;transform:rotate(-55deg) scale(1)}50%,54%{transform:rotate(-55deg) scale(1.5)}60%{transform:rotate(-55deg) scale(1)}65%,to{transform:rotate(-55deg) scale(1);width:60px;height:30px;right:-25px}}.link [disabled]{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.link:not([disabled]){position:relative;font-weight:400;color:var(--color-info);-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:underline 2px solid;text-underline-offset:4px;cursor:pointer}.link:not([disabled]).has-icon{display:inline-flex;align-items:center}.link:not([disabled]).has-icon:after{width:calc(100% - 48px);bottom:5.5px}.link:not([disabled]).is-inverted{color:var(--color-white)}.link:not([disabled]).is-inverted.has-icon>.icon{color:var(--color-white)}@media screen and (max-width: 1023px){.link:not([disabled]){white-space:normal!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}}.text .link:not([disabled]){text-underline-offset:2px;text-decoration:underline 1px solid}.text .link:not([disabled]):hover{font-weight:400;filter:brightness(.8)}ul.list,ol.list{list-style-type:none}ul.list li,ol.list li{padding:16px;position:relative}ul.list li .list-item_content,ol.list li .list-item_content{display:flex;align-items:center}ul.list li .list-item_content_puce,ol.list li .list-item_content_puce{margin-right:16px}ul.list li.has-action,ol.list li.has-action{display:flex;justify-content:space-between;align-items:center}ul.list li.has-action:hover:not(.is-disabled):not(:focus),ol.list li.has-action:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}ul.list li.has-action:focus:not(.is-disabled),ul.list li.has-action:focus-visible:not(.is-disabled),ol.list li.has-action:focus:not(.is-disabled),ol.list li.has-action:focus-visible:not(.is-disabled){border:2px solid currentColor}ul.list li.has-action .list-item_action>:first-child,ol.list li.has-action .list-item_action>:first-child{margin:0!important;cursor:pointer}ul.list li.has-action .list-item_action .radio label.radio-label:empty,ul.list li.has-action .list-item_action .checkbox label.checkbox-label:empty,ol.list li.has-action .list-item_action .radio label.radio-label:empty,ol.list li.has-action .list-item_action .checkbox label.checkbox-label:empty{padding:4px 4px 4px 14px}ul.list li div b,ol.list li div b{margin-bottom:8px}ul.list li .divider,ol.list li .divider{position:absolute;bottom:-16px;width:100%}a.toaster{cursor:pointer;transition:box-shadow .3s}a.toaster:hover,a.toaster:active,a.toaster:focus{box-shadow:0 2px 4px #0000001a}.toaster{box-shadow:0 2px 4px #0000001a;background-color:var(--color-fade-info);border-radius:var(--radius);margin-bottom:16px;position:relative;margin-left:24px;margin-right:24px;display:flex;box-shadow:none;padding:16px}.toaster .toaster-close{padding-right:0!important;color:var(--color-main)!important}.toaster .text:first-child,.toaster .title:first-child{font-size:16px!important;line-height:normal}.toaster .title,.toaster .text{margin-bottom:0!important;padding-bottom:4px}.toaster .text:last-child{padding-bottom:0!important}.toaster .icon{padding:0}@media screen and (max-width: 767px){.toaster{flex-wrap:wrap}}.toaster strong{color:currentColor}.toaster code,.toaster pre{background:var(--color-white)}.toaster pre code{background:transparent}.toaster.is-success{background-color:var(--color-fade-success);border:2px solid var(--color-success)}.toaster.is-success .icon{color:var(--color-success)}.toaster.is-error{background-color:var(--color-fade-error);border:2px solid var(--color-error)}.toaster.is-error .icon{color:var(--color-error)}.toaster.is-warning{background-color:var(--color-fade-warning);border:2px solid var(--color-warning)}.toaster.is-warning .icon{color:var(--color-warning)}.toaster.is-info{background-color:var(--color-fade-info);border:2px solid var(--color-info)}.toaster.is-info .icon{color:var(--color-info)}.toaster:not(.has-description)>.icon{align-self:flex-start}@media screen and (max-width: 767px){.toaster.has-description{justify-content:center;text-align:center}.toaster.has-description .icon{padding:0;margin-bottom:30px}.toaster.has-description .body{flex:0 1 auto}}.toaster>.icon{flex:none;align-self:flex-start;margin-top:-5.4px;font-size:20px}.toaster>.body{align-self:center;color:var(--color-main);margin-bottom:0;flex-grow:1;padding:1px 8px}@media screen and (max-width: 767px){.toaster>.body{flex:1}}.toaster .title,.toaster .text,.toaster .paragraph{font-size:14px;text-align:left}:root{--color-white: #fff;--color-fade-white: #E9E9E9;--color-fade-main: #eff2f8;--color-accent: #da641b;--color-fade-accent: #bb5118;--color-main: #3d5d7e;--color-fade-main: #BBC6CD;--color-success: #007B52;--color-fade-success: #cae8ca;--color-info: #1A688A;--color-fade-info: #c8dbec;--color-warning: #FFBB33;--color-fade-warning: #ecdbc6;--color-error: #D42D02;--color-fade-error: #eecccc;--color-disabled: #646464;--color-fade-disabled: #D1D1D1;--color-grey: #707070;--color-fade-grey: #F4F4F4}.progress{border:none;border-radius:9999px;display:block;height:10px;overflow:hidden;padding:0;width:100%;-moz-appearance:none;-webkit-appearance:none;background-color:var(--color-fade-grey)}.progress:not(:last-child){margin-bottom:15px}.progress::-webkit-progress-bar{background-color:var(--color-fade-main);border-radius:10px}.progress::-webkit-progress-value{background-color:var(--color-main);border-radius:10px}.progress::-moz-progress-bar{background-color:var(--color-main);border-radius:10px}.progress:not(:last-child){margin-bottom:7.5px}.progress.is-white::-webkit-progress-value{background-color:var(--color-white)}.progress.is-white::-moz-progress-bar{background-color:var(--color-white)}.progress.is-white::-ms-fill{background-color:var(--color-white)}.progress.is-main::-webkit-progress-value{background-color:var(--color-main)}.progress.is-main::-moz-progress-bar{background-color:var(--color-main)}.progress.is-main::-ms-fill{background-color:var(--color-main)}.progress.is-accent::-webkit-progress-value{background-color:var(--color-accent)}.progress.is-accent::-moz-progress-bar{background-color:var(--color-accent)}.progress.is-accent::-ms-fill{background-color:var(--color-accent)}.progress.is-info::-webkit-progress-value{background-color:var(--color-info)}.progress.is-info::-moz-progress-bar{background-color:var(--color-info)}.progress.is-info::-ms-fill{background-color:var(--color-info)}.progress.is-success::-webkit-progress-value{background-color:var(--color-success)}.progress.is-success::-moz-progress-bar{background-color:var(--color-success)}.progress.is-success::-ms-fill{background-color:var(--color-success)}.progress.is-error::-webkit-progress-value{background-color:var(--color-error)}.progress.is-error::-moz-progress-bar{background-color:var(--color-error)}.progress.is-error::-ms-fill{background-color:var(--color-error)}.progress.is-warning::-webkit-progress-value{background-color:var(--color-warning)}.progress.is-warning::-moz-progress-bar{background-color:var(--color-warning)}.progress.is-warning::-ms-fill{background-color:var(--color-warning)}.progress.is-grey::-webkit-progress-value{background-color:var(--color-grey)}.progress.is-grey::-moz-progress-bar{background-color:var(--color-grey)}.progress.is-grey::-ms-fill{background-color:var(--color-grey)}.progress.is-small{height:5px}.progress.is-stacked{display:flex;border-radius:10px}.progress.is-stacked .progress-bar{height:10px;background-color:var(--color-main)}.progress.is-stacked .progress-bar:first-child{border-radius:10px 0 0 10px}.progress.is-stacked .progress-bar:last-child{border-radius:0 10px 10px 0}.progress.is-stacked .progress-bar.is-white{background-color:var(--color-white)}.progress.is-stacked .progress-bar.is-main{background-color:var(--color-main)}.progress.is-stacked .progress-bar.is-accent{background-color:var(--color-accent)}.progress.is-stacked .progress-bar.is-info{background-color:var(--color-info)}.progress.is-stacked .progress-bar.is-success{background-color:var(--color-success)}.progress.is-stacked .progress-bar.is-error{background-color:var(--color-error)}.progress.is-stacked .progress-bar.is-warning{background-color:var(--color-warning)}.progress.is-stacked .progress-bar.is-grey{background-color:var(--color-grey)}.progress-circle{--progress-circle-size: 140px;--progress-circle-border-width: 8px;--progress-circle-spacing: 0;--progress-circle-spacing-color: 255, 255, 255;--progress-circle-spacing-deg: calc(1deg * var(--progress-circle-spacing));border-radius:9999px;height:var(--progress-circle-size);margin:40px;position:relative;width:var(--progress-circle-size)}.progress-circle-content{left:50%;line-height:1.5;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.progress-circle-title{color:rgba(var(--color-main),.7);font-size:28px;font-weight:600}.progress-circle-sub{color:var(--color-main);font-size:15px;font-weight:600;letter-spacing:.05em}.progress-circle-slice{height:100%;position:absolute;width:100%}.progress-circle-slice:before,.progress-circle-slice:after{border:var(--progress-circle-border-width) solid rgba(0,0,0,0);border-radius:9999px;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);width:100%}.progress-circle-slice:before{border-width:calc(var(--progress-circle-border-width) + 1px);box-shadow:0 0 1px 0 rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)))}.progress-circle-background-secondary{--secondary-start: 0}.progress-circle-background-secondary:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--secondary-start) + 45deg))}.progress-circle-background-secondary:after{border-top-color:rgba(var(--color-info),1);border-right-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .25)));border-bottom-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .5)));border-left-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .75)));transform:rotate(calc(360deg * var(--secondary-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-tertiary{--tertiary-start: calc(var(--secondary));--tertiary-check: max(calc(var(--tertiary-start) - .5), 0);clip-path:inset(0 calc(50% * var(--tertiary-check) / var(--tertiary-check)) 0 0)}.progress-circle-background-tertiary:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--tertiary-start) + 45deg))}.progress-circle-background-tertiary:after{border-top-color:rgba(var(--color-main),1);border-right-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .25)));border-bottom-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .5)));border-left-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .75)));transform:rotate(calc(360deg * var(--tertiary-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-warning{--warning-start: calc(var(--secondary) + var(--tertiary));--warning-check: max(calc(var(--warning-start) - .5), 0);clip-path:inset(0 calc(50% * var(--warning-check) / var(--warning-check)) 0 0)}.progress-circle-background-warning:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--warning-start) + 45deg))}.progress-circle-background-warning:after{border-top-color:rgba(var(--color-warning),1);border-right-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .25)));border-bottom-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .5)));border-left-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .75)));transform:rotate(calc(360deg * var(--warning-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-empty{--empty-start: calc(var(--secondary) + var(--tertiary) + var(--warning));--empty-check: max(calc(var(--empty-start) - .5), 0);clip-path:inset(0 calc(50% * var(--empty-check) / var(--empty-check)) 0 0)}.progress-circle-background-empty:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--empty-start) + 45deg))}.progress-circle-background-empty:after{border-top-color:rgba(var(--color-fade-grey),1);border-right-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .25)));border-bottom-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .5)));border-left-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .75)));transform:rotate(calc(360deg * var(--empty-start) + 45deg + var(--progress-circle-spacing-deg)))}.text.is-level-1{font-size:16px;line-height:20px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-2{font-size:14px;line-height:18px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-3{font-size:12px;line-height:15px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-4{font-size:10px;line-height:12px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-inverted{color:var(--color-white)}@media screen and (max-width: 767px){.text.is-level-1,.text.is-level-2,.text.is-level-3,.text.is-level-4{margin-bottom:8px}}.text.is-wrapped{word-break:break-word}.text.bold{font-weight:600}.paragraph:not(:last-child){margin-bottom:10px}.span{font-style:inherit;font-weight:inherit}.strong{color:inherit;font-weight:600}.sup{line-height:0;position:relative;vertical-align:baseline;top:-.4em;font-size:.7em}.small{font-size:.875em}.radio,.radio-tile{position:relative}.radio label.radio-label,.radio-tile label.radio-label{cursor:pointer;font-size:14px}.radio label.radio-label:before,.radio label.radio-label:after,.radio-tile label.radio-label:before,.radio-tile label.radio-label:after{content:"";position:absolute;width:18px;height:18px}.radio label.radio-label:before,.radio-tile label.radio-label:before{border:var(--border)}.radio input,.radio-tile input{display:none}.radio input:checked~label.radio-label,.radio-tile input:checked~label.radio-label{border-color:var(--color-main)}.radio input:checked~label.radio-label:before,.radio-tile input:checked~label.radio-label:before{border-color:var(--color-main)}.radio input:checked~label.radio-label:after,.radio-tile input:checked~label.radio-label:after{background-color:var(--color-main)}.radio input:disabled~label.radio-label:after,.radio input:disabled:checked~label.radio-label:after,.radio-tile input:disabled~label.radio-label:after,.radio-tile input:disabled:checked~label.radio-label:after{background-color:var(--color-fade-disabled)}.radio input:disabled~label.radio-label:after,.radio-tile input:disabled~label.radio-label:after{background-color:transparent}.radio{display:flex;align-items:center;margin:6px 8px;width:fit-content}.radio input:disabled~label.radio-label,.radio input:disabled:checked~label.radio-label{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.radio label.radio-label{padding:4px 4px 4px 34px}.radio label.radio-label:before,.radio label.radio-label:after{top:50%;transform:translateY(-50%);left:0}.radio:hover .radio:not(disabled) label.radio-label:before{background-color:var(--color-fade-grey)}.radio:focus{border:2px;border-color:var(--color-main)}.radio-tile{position:relative;max-width:160px;display:inline-block;margin:16px 16px 0 0;text-align:center}.radio-tile input:disabled~label.radio-label,.radio-tile input:disabled:checked~label.radio-label{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.radio-tile:first-child{margin-left:0}.radio-tile:last-child{margin-right:0}.radio-tile label.radio-label{display:block;position:relative;padding:40px 16px 16px;border:var(--border);border-radius:var(--radius);box-sizing:border-box;background-color:var(--color-white)}.radio-tile label.radio-label:before{top:16px;right:16px}.radio-tile label.radio-label span.radio-title{font-weight:700;width:100%;display:block;font-size:16px}.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.radio-tile input:not(:disabled)~label.checkbox-label:focus:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled)~label.checkbox-label:active:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled)~label.checkbox-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.radio-tile input:not(:disabled)~label.checkbox-label:focus:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:focus:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:active:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:active:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:hover:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.radio-tile input:checked:not(:disabled)~label.radio-label{border-color:var(--color-main);border-width:2px;padding:39px 15px 15px}.radio-tile input:checked:not(:disabled)~label.radio-label:before{top:15px;right:15px}.radio-tile input:checked:not(:disabled)~label.radio-label span.radio-title{color:var(--color-main)}.radio-tile input:disabled~label.radio-label:before{border-color:var(--color-disabled)!important}.radio-tile input:disabled:checked~label.radio-label .checkbox-title{color:var(--color-disabled)}.radio-tile.is-horizontal{display:flex;justify-content:space-between;align-items:center;max-width:unset;width:auto;margin:16px 0;position:relative}.radio-tile.is-horizontal.is-narrow{width:fit-content}.radio-tile.is-horizontal input:checked:not(:disabled)~label.radio-label{padding:15px 47px 15px 15px}.radio-tile.is-horizontal label.radio-label{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:16px 48px 16px 16px}.radio-tile.is-horizontal label.radio-label:before,.radio-tile.is-horizontal label.radio-label:after{top:50%!important;transform:translateY(-50%)}.radio-tile.is-horizontal .icon{margin-right:16px}.radios{width:100%;column-gap:16px;display:flex;flex-wrap:wrap}.radios.is-vertical{row-gap:16px}@media screen and (max-width: 767px){.radios:not(.is-mobile){display:block}}.radios.is-centered,.radios.has-text-centered,.has-text-centered .radios{justify-content:center}.radio input:checked~label.radio-label,.radio-tile input:checked~label.radio-label{cursor:default}.radio input:checked~label.radio-label:after,.radio-tile input:checked~label.radio-label:after{content:"";width:12px;height:12px}.radio label.radio-label:before,.radio label.radio-label:after,.radio-tile label.radio-label:before,.radio-tile label.radio-label:after{border-radius:9999px}.radio input:checked~label.radio-label:after{left:3px}.radio input:not(:disabled):not(:checked)~label.radio-label:hover:before{background-color:var(--color-fade-grey)}.radio-tile input:checked~label.radio-label:after{top:18px;right:18px}.radio-tile input:checked:disabled~label.radio-label:after{background-color:var(--color-grey);top:19px;right:19px}.switch{position:relative;margin:8px}.switch input{display:none}.switch input:disabled~label,.switch input:disabled:checked~label{cursor:not-allowed}.switch input:disabled~label:before,.switch input:disabled:checked~label:before{background-color:var(--color-disabled)}.switch input:disabled~label:after{content:url('data:image/svg+xml; utf8, ')}.switch input:disabled:checked~label:after{content:url('data:image/svg+xml; utf8, ')}.switch label{width:100%;display:flex;align-items:center;cursor:pointer;padding:4px 60px 4px 4px}.switch label:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;border-radius:9999px;width:44px;height:22px;background-color:var(--color-fade-main);margin-left:16px}.switch label:after{content:url('data:image/svg+xml; utf8, ');position:absolute;top:50%;transform:translateY(-50%);right:24px;border-radius:9999px;width:18px;height:18px;background-color:#fff;transition:.3s}.switch input:checked~label{font-weight:700}.switch input:checked~label:before{background-color:#3d5d7e}.switch input:checked~label:after{right:2px;content:url('data:image/svg+xml; utf8, ');background-color:#fff}.switch.is-reversed label{flex-direction:row-reverse;padding-right:0;padding-left:60px}.switch.is-reversed label:before{left:0;margin-left:0;margin-right:16px}.switch.is-reversed label:after{left:2px}.switch.is-reversed input:checked~label:after{left:24px}.table-container.box{padding:0}.table{background-color:transparent;color:var(--color-grey)}.table:not(:last-child){margin-bottom:15px}.table:not(:last-child){margin-bottom:30px}.table tbody .is-body-header{background-color:var(--color-fade-grey)}.table td,.table th{border:1px solid var(--color-fade-grey);border-width:0;padding:20px;vertical-align:top;text-align:left}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:var(--color-main);color:var(--color-white)}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table th{color:var(--color-main)}.table tr.is-success{background-color:var(--color-fade-success)}.table tr.is-error{background-color:var(--color-fade-error)}.table tr.is-warning{background-color:var(--color-fade-warning)}.table tr.is-info{background-color:var(--color-fade-info)}.table tr th{background-color:var(--color-white)}.table tr th,.table tr td{color:var(--color-main);vertical-align:middle}.table tr td{border-bottom:1px solid var(--color-fade-grey)}.table tr td>p{margin:0}.table tr.is-selected{background-color:var(--color-main);color:var(--color-white)}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:currentColor;color:currentColor}.table tr.is-expanded td,.table tr.is-expandable:hover td{color:var(--color-accent);cursor:pointer}.table tr.is-expandable+.is-expansion{display:none}.table tr.is-expanded+.is-expansion{display:table-row}.table tr.is-expanded>td{border-bottom:0}.table tr.is-expanded .toggle{transform:rotate(180deg);color:inherit}.table tr.is-expanded+tr>td{border-top:0}.table thead td,.table thead th{border-width:0 0 1px;color:var(--color-main)}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:var(--color-main)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table:not(.is-bordered).is-comparative th{border-right:1px solid var(--color-fade-grey)}.table:not(.is-bordered).is-comparative td:not(:last-child){border-right:1px solid var(--color-fade-grey)}.table.is-compact td,.table.is-compact th{padding:6.6666666667px}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth,.field .table.select{width:100%}.table.is-striped tbody tr:not(.is-selected):nth-child(2n){background-color:var(--color-fade-grey)}.table .subtable{background-color:var(--color-fade-grey);border-radius:var(--radius);padding:25px}@media screen and (max-width: 767px){.table .subtable{padding:15px}}.table .subtable .table{background:transparent}.table .subtable .table tr:not(:first-child) td{border-top:1px solid var(--color-grey)}.table .subtable .table td{border:0}.table .subtable .table td:first-child{padding-left:0}.table .subtable .table td:last-child{padding-right:0}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.table-container:not(:last-child){margin-bottom:15px}.tags{align-items:center;display:inline-flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px}.tags:not(.is-gapless):not(:last-child){margin-right:8px}.tags:not(.is-gapless) .tag{margin-bottom:10px}.tags .tag:not(:last-child){margin-right:8px}.tags.is-centered{justify-content:center}.tags.has-addons{cursor:pointer}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.tags.has-addons .tag:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.tags.has-addons .tag:first-child{padding-right:5px}.tags.has-addons .tag+.tag{padding:0;position:relative;width:25px;border-width:0;cursor:inherit}.tags.has-addons .tag+.tag:empty:before,.tags.has-addons .tag+.tag:empty:after{position:absolute;content:"";height:10px;width:2px;background-color:currentColor;top:50%;left:30%}.tags.has-addons .tag+.tag:empty:before{transform:translate(50%,-50%) rotate(45deg)}.tags.has-addons .tag+.tag:empty:after{transform:translate(50%,-50%) rotate(-45deg)}.tags.has-addons.is-inverted .tag{background-color:var(--color-fade-white)}.tag{align-items:center;background-color:var(--color-fade-grey);border-radius:9999px;color:var(--color-main);display:inline-flex;font-size:16px;font-weight:500;height:28px;justify-content:center;line-height:20px;padding:4px 8px;white-space:nowrap}.tag.is-small{font-size:12px;line-height:15px;height:23px}@media screen and (max-width: 767px){.tag{font-size:12px;line-height:15px}}.tag.is-success:not(.is-inverted){background-color:var(--color-fade-success)}.tag.is-inverted.is-success{color:var(--color-success);background-color:var(--color-white)}.tag.is-error:not(.is-inverted){background-color:var(--color-fade-error)}.tag.is-inverted.is-error{color:var(--color-error);background-color:var(--color-white)}.tag.is-warning:not(.is-inverted){background-color:var(--color-fade-warning)}.tag.is-inverted.is-warning{color:var(--color-warning);background-color:var(--color-white)}.tag.is-info:not(.is-inverted){background-color:var(--color-fade-info)}.tag.is-inverted.is-info{color:var(--color-info);background-color:var(--color-white)}.title,.subtitle,.overline{word-break:break-word}.title em,.title span,.subtitle em,.subtitle span,.overline em,.overline span{font-weight:inherit}.title .tag,.subtitle .tag,.overline .tag{vertical-align:middle}.title{font-size:32px;font-weight:600;line-height:1.1}.title.is-level-1{font-size:48px;line-height:58px;font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif}.title.is-level-2{font-size:36px;line-height:44px;font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif}.title.is-level-3{font-size:28px;line-height:32px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-4{font-size:24px;line-height:28px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-5{font-size:20px;line-height:24px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-6{font-size:16px;line-height:20px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-medium{font-weight:500}.title.is-inverted{color:var(--color-white)}.title .details{font-size:80%;color:var(--color-grey);font-weight:400}.title.is-section-title{text-align:center}@media screen and (min-width: 768px),print{.title{font-size:40px}}.title sup{top:-.5em;font-size:.5em}.title sub{bottom:-.5em;font-size:.5em}.title.is-centered{text-align:center}@media screen and (max-width: 767px){.title.is-level-1{font-size:32px;line-height:38px}.title.is-level-2{font-size:28px;line-height:34px}.title.is-level-3{font-size:22px;line-height:26px}.title.is-level-4{font-size:20px;line-height:24px}.title.is-level-5{font-size:18px;line-height:22px}.title.is-level-6{font-size:16px;line-height:20px}}.subtitle{color:var(--color-main);font-size:16px;font-weight:500;line-height:1.2}.subtitle.is-inverted{color:var(--color-white)}.overline{color:var(--color-main);font-size:14px;font-weight:600;line-height:1.2}.overline.is-inverted{color:var(--color-white)}.block:not(:last-child){margin-bottom:15px}.select{position:relative}.select input{cursor:pointer}.select .field.focus .control input:first-child,.select .field.focus .input.select-native{border:2px solid currentColor}.select-options{box-shadow:0 0 8px #0000001a;border-radius:4px;overflow:hidden;position:absolute;top:64px;z-index:1001;left:0;right:0}.select .radio-tile input:checked~label.radio-label{font-weight:600}.select .radio-tile input:checked~label.radio-label:after{content:""!important;-webkit-mask-image:url(/templates/assets/check-97d66412.svg)!important;mask-image:url(/templates/assets/check-97d66412.svg)!important;background-color:var(--color-main)!important;-webkit-mask-size:18px!important;mask-size:18px!important;top:25px!important;right:18px!important;height:18px!important;width:18px!important}.select .radio-tile label.radio-label{border:none!important;border-radius:0!important;height:52px}.select .radio-tile label.radio-label:before{display:none}.select .radio-tile label.radio-label:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.select .radio-tile label.radio-label:focus:not(.is-disabled),.select .radio-tile label.radio-label:focus-visible:not(.is-disabled){border:2px solid currentColor}.select .radio-tile.focus label.radio-label{background-color:var(--color-fade-grey)}.select .radio-tile .icon.is-medium{font-size:20px!important}.select .control:not(.has-icons-left.has-icons-right) .select-native.multiple.input{padding-left:0!important}.select .control:not(.has-icons-left.has-icons-right) .select-native.multiple.input select option{padding-left:16px}.select-native{position:relative}.select-native select{width:100%;border:none;height:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;outline:none;color:var(--color-main);font-size:16px!important}.select-native.input{padding-top:0!important;padding-bottom:0!important}.select-native.multiple.input{height:auto!important;padding-right:0!important}.select-native.multiple.input select{padding-top:0!important}.select-trilogy_modal_open{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.sticker{border-radius:9999px;font-size:16px;flex-grow:0;display:inline-flex;padding:8px 16px;color:var(--color-white)!important;line-height:20px;flex-shrink:0;background-color:var(--color-main);font-weight:600}.sticker:not(.is-hat){width:fit-content}@media screen and (max-width: 767px){.sticker:not(.is-hat){font-size:12px;padding:4px 8px;height:auto;line-height:15px}}.sticker.is-accent{background-color:var(--color-accent);color:var(--color-white)!important}.sticker.is-info{background-color:var(--color-info);color:var(--color-white)!important}.sticker.is-inverted{background-color:#fff!important;border-style:solid;border-width:2px;border-color:currentColor;color:currentColor}.sticker.is-small{font-size:12px;padding:4px 8px;height:auto;line-height:15px}.sticker.is-stretched{border-radius:var(--radius) 0;padding:0 10px;position:relative;margin-right:10px;margin-left:10px}.sticker.is-stretched:before,.sticker.is-stretched:after{position:absolute;top:0;content:" ";transform:skew(-20deg);padding-left:7px;padding-right:7px;line-height:2em;height:100%;display:block}.sticker.is-stretched:before{border-radius:var(--radius) 0 0 var(--radius);left:-6px}.sticker.is-stretched:after{border-radius:0 var(--radius) var(--radius) 0;right:-7px}.has-hat .is-hat,.has-hat-desktop .is-hat,.has-hat-mobile .is-hat{display:inline-block;border-radius:var(--radius) var(--radius) 0 0;position:absolute;top:-35px;left:0;right:0;white-space:nowrap;padding-left:5px;padding-right:5px;overflow:hidden;text-overflow:ellipsis}.has-hat.is-fullheight,.has-hat-desktop.is-fullheight,.has-hat-mobile.is-fullheight{height:calc(100% - 35px)!important}.has-hat{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}@media screen and (min-width: 1024px){.has-hat-desktop{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}@media screen and (min-width: 768px),print{.has-hat-tablet{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}@media screen and (max-width: 767px){.has-hat-mobile{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}.textarea-wrapper{position:relative;margin:16px 0}.textarea-wrapper .textarea-label{display:inline-block;margin-bottom:6px}.textarea-wrapper .textarea-sample{margin-bottom:10px!important}.textarea-wrapper textarea.textarea{padding:16px;border-radius:var(--radius-small);outline:none}.textarea-wrapper textarea.textarea:focus,.textarea-wrapper textarea.textarea:focus-visible{padding:15px}.textarea-wrapper textarea.textarea::placeholder{font-size:16px}.textarea-wrapper textarea.textarea.has-dynamic-label.has-icon~label{left:56px;margin-right:2px;width:calc(100% - 98px)}.textarea-wrapper textarea.textarea.has-dynamic-label~label{visibility:visible;position:absolute;top:2px;left:16px;padding-top:8px;width:calc(100% - 30px);font-size:12px;color:var(--color-grey);transition:top .2s ease-out}.textarea-wrapper textarea.textarea.has-dynamic-label:placeholder-shown~label{visibility:hidden;top:16px;background-color:var(--color-white);transition:none}.textarea-wrapper textarea.textarea.has-dynamic-label:not(:placeholder-shown){padding-top:24px}.textarea-wrapper textarea.textarea.has-icon{padding-left:56px;padding-right:56px}.textarea-wrapper textarea.textarea.has-icon:focus,.textarea-wrapper textarea.textarea.has-icon:focus-visible{padding-left:55px!important;padding-right:55px}.textarea-wrapper label{font-size:16px}.textarea-wrapper .textarea-label+.textarea-sample~span.icon{top:72px!important}.textarea-wrapper .textarea-label~span.icon{top:45px!important}.textarea-wrapper span.icon{position:absolute;top:16px}.textarea-wrapper span.icon:first-of-type{left:16px}.textarea-wrapper span.icon:nth-of-type(2){right:16px}.textarea-wrapper.is-white textarea.textarea{border-color:var(--color-white)}.textarea-wrapper.is-white textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-white textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-white textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-white span.icon:nth-of-type(2){color:var(--color-white)}.textarea-wrapper.is-main textarea.textarea{border-color:var(--color-main)}.textarea-wrapper.is-main textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-main textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-main textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-main span.icon:nth-of-type(2){color:var(--color-main)}.textarea-wrapper.is-accent textarea.textarea{border-color:var(--color-accent)}.textarea-wrapper.is-accent textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-accent textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-accent textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-accent span.icon:nth-of-type(2){color:var(--color-accent)}.textarea-wrapper.is-info textarea.textarea{border-color:var(--color-info)}.textarea-wrapper.is-info textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-info textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-info textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-info span.icon:nth-of-type(2){color:var(--color-info)}.textarea-wrapper.is-success textarea.textarea{border-color:var(--color-success)}.textarea-wrapper.is-success textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-success textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-success textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-success span.icon:nth-of-type(2){color:var(--color-success)}.textarea-wrapper.is-error textarea.textarea{border-color:var(--color-error)}.textarea-wrapper.is-error textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-error textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-error textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-error span.icon:nth-of-type(2){color:var(--color-error)}.textarea-wrapper.is-warning textarea.textarea{border-color:var(--color-warning)}.textarea-wrapper.is-warning textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-warning textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-warning textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-warning span.icon:nth-of-type(2){color:var(--color-warning)}.textarea-wrapper.is-grey textarea.textarea{border-color:var(--color-grey)}.textarea-wrapper.is-grey textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-grey textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-grey textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-grey span.icon:nth-of-type(2){color:var(--color-grey)}.textarea-wrapper .counter{position:absolute;bottom:8px;right:16px;font-size:10px}.textarea-wrapper .help~.counter{bottom:32px}.field .security-gauge-container{width:100%}.field .security-gauge-container .security-gauge{height:4px;background:var(--color-disabled);border-radius:var(--radius-small);margin:8px 0}.field .security-gauge-container .security-gauge .gauge{height:100%;border-radius:var(--radius-small)}.field .security-gauge-container .security-gauge-verifies{display:flex;justify-content:space-between;align-items:center}.field .security-gauge-container .security-gauge-verifies .security{display:flex;align-items:center;margin-bottom:4px}.field .security-gauge-container .security-gauge-verifies .security .icon{position:relative;width:16px;margin-right:8px;font-size:16px;margin-bottom:-1px}.field .has-icons-left input{padding-left:45px}.field .has-icons-left input:active,.field .has-icons-left input:focus,.field .has-icons-left input:focus-visible:not(.has-icons-left):not(disabled){padding-left:44px!important}.field .has-icons-left input label{left:45px}.field .has-icons-left input .icon-left{position:absolute;height:100%;width:45px;left:0}.field .has-icons-left input .icon-left i{font-size:20px}.field .has-icons-right .icon-right{position:absolute;height:100%;width:45px;z-index:10;right:0;left:auto}.field .has-icons-right .icon-right i{font-size:20px}.divider{position:relative;text-align:center;background-color:var(--color-fade-grey);height:1px;width:100%;margin:16px 0}.divider p.divider-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:0 16px;background-color:var(--color-white)}.breadcrumb:not(:last-child){margin-bottom:15px}@media screen and (min-width: 1024px){.breadcrumb ul,.breadcrumb ol{display:flex;flex-wrap:wrap}}.breadcrumb li{display:inline;position:relative}@media screen and (min-width: 1024px){.breadcrumb li{display:flex;align-items:center}}.breadcrumb li:first-child a{margin-left:0}.breadcrumb li.is-active a{color:var(--color-main);cursor:default;pointer-events:none;text-decoration:none}.breadcrumb li+li a:before{content:">";text-align:center;padding-right:.5em;text-decoration:none;display:inline-block}.breadcrumb a{color:var(--color-main);margin:0 .5em;text-decoration:underline;text-underline-offset:4px}.card{max-width:100%;display:flex;border-radius:var(--radius);overflow:hidden;flex-direction:column;position:relative;box-shadow:#63636333 0 2px 8px;background-color:var(--color-white)}.card:not(:last-child){margin-bottom:15px}.card .card-image{display:block;position:relative;flex-shrink:0;overflow:hidden}.card .card-content{padding:24px;flex-grow:1}@media screen and (max-width: 767px){.card .card-content{padding:16px}}.card .card-footer{border-top:1px solid var(--color-grey)}.card .mention{position:absolute;bottom:5px;font-size:9px;left:0;right:0;text-align:center}.card .media:not(:last-child){margin-bottom:7.5px}.card.is-strong .title{font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif;font-size:24px!important}.card.is-flat{box-shadow:none;border:var(--border)}.card.is-flat .card-content{padding-left:20px;padding-right:20px}@media screen and (min-width: 1024px){.card.is-flat .card-content{padding-left:24px;padding-right:24px}}.card.is-active{outline:var(--border-active)}.card.is-active .card-content{padding:22px}@media screen and (max-width: 767px){.card.is-active .card-content{padding:14px}}.card.is-horizontal{display:flex;flex-direction:column;align-items:stretch;text-align:left}@media screen and (min-width: 768px),print{.card.is-horizontal{flex-direction:row;flex-wrap:wrap}.card.is-horizontal.is-vcentered{align-items:stretch}}.card.is-horizontal .card-image{max-width:100%}@media screen and (min-width: 768px),print{.card.is-horizontal .card-image{width:20%;max-width:20%}.card.is-horizontal .card-image img{object-fit:cover;height:100%}.card.is-horizontal .card-image+.card-content{flex-basis:80%}.card.is-horizontal .card-image.is-medium,.card.is-horizontal .card-image.is-1{width:30%;max-width:30%}.card.is-horizontal .card-image.is-medium+.card-content,.card.is-horizontal .card-image.is-1+.card-content{flex-basis:70%}.card.is-horizontal .card-image.is-large,.card.is-horizontal .card-image.is-2{width:40%;max-width:40%}.card.is-horizontal .card-image.is-large+.card-content,.card.is-horizontal .card-image.is-2+.card-content{flex-basis:60%}.card.is-horizontal .card-image.is-3{width:50%;max-width:50%}.card.is-horizontal .card-image.is-3+.card-content{flex-basis:50%}.card.is-horizontal .card-image.is-4{width:60%;max-width:60%}.card.is-horizontal .card-image.is-4+.card-content{flex-basis:40%}}.card.is-horizontal .card-image .image{height:100%}@media screen and (min-width: 1024px){.card.is-horizontal .card-image .image img{height:auto;min-height:100%;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%)}}.card.is-horizontal .card-content{padding-left:20px;padding-right:20px}@media screen and (min-width: 1024px){.card.is-horizontal .card-content{padding-left:24px;padding-right:24px}}.card.is-horizontal .card-footer{flex-basis:100%;padding:15px 20px}.card.is-floating{box-shadow:none;background:transparent}.card.is-floating .card-image .image img{border-radius:var(--radius)}.card.is-floating .card-content,.card.is-floating.is-horizontal .card-content{padding-left:0;padding-right:0}@media screen and (min-width: 768px),print{.card.is-floating.is-horizontal .card-content{padding-left:20px;padding-right:20px}}@media screen and (min-width: 1024px){.card.is-floating.is-horizontal .card-content{padding-left:24px;padding-right:24px}}.card.is-inverted .card-image,.card.is-reversed .card-image,.card.is-inverted.is-horizontal .card-image,.card.is-reversed.is-horizontal .card-image{order:1}body:has(.modal.is-active){height:100%;overflow:hidden}.modal{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;z-index:8000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out,visibility 0ms linear .25s}.modal:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-color:#000000db}.modal.is-active{opacity:1;visibility:inherit;transition:opacity .25s ease-in-out,visibility 0ms linear}.modal.is-active .modal-content{transform:translateY(0)}@media screen and (min-width: 768px),print{.modal{justify-content:center}.modal.is-xsmall .modal-content{width:40vw}.modal.is-small .modal-content{width:50vw}.modal.is-medium .modal-content{width:60vw}.modal.is-large .modal-content{width:70vw}.modal.is-xlarge .modal-content{width:80vw}}.modal .button{position:static}.modal .modal-content{background-color:var(--color-white);border-radius:var(--radius) var(--radius) 0 0;color:var(--color-main);overflow:auto;position:relative;padding:0 30px 30px;margin:0 20px;max-height:calc(100vh - 40px);text-align:center;width:100%;z-index:1;transition:transform ease-in-out .25s;transform:translateY(100%)}.modal .modal-content:has(.modal-footer){padding-bottom:0}@media screen and (min-width: 768px),print{.modal .modal-content{max-height:calc(100vh - 120px);width:640px;border-radius:8px}}.modal .modal-content>.box{background-color:transparent;border-radius:0;box-shadow:none;padding:0;max-height:inherit}.modal .modal-content>.box .box-content{background-color:transparent;border-radius:0;padding:0 0 30px;margin:0;text-align:inherit}.modal .modal-content .modal-footer{position:sticky;width:100%;background:var(--color-white);bottom:0;padding:16px}.modal .modal-content .modal-close~.modal-title{margin-top:-32px}.modal .modal-close{background-color:var(--color-white);position:sticky;top:20px;left:100%;display:block;height:40px;width:40px;z-index:100}.modal .modal-close:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-fade-grey)}.modal .modal-close:after,.modal .modal-close:before{background-color:var(--color-main)}.modal .modal-title{color:var(--color-main);font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.1;background-color:var(--color-white);z-index:10;position:sticky;top:0;padding:20px 0;width:100%;word-wrap:break-word}@media screen and (min-width: 1024px){.modal .modal-title{font-size:28px}}.modal.is-panel:after{position:fixed}.modal.is-panel .modal-content{border-radius:0;position:fixed;right:0;top:0;min-height:100%;height:100%;max-height:none;margin:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transform:translate(100%)}@media screen and (min-width: 768px),print{.modal.is-panel .modal-content{max-width:375px}}.modal.is-panel .modal-content .modal-footer{margin-top:auto}.modal.is-panel.is-active .modal-content{transform:translate(0)}.pagination{font-size:16px;margin:-2.5px}.pagination .pagination-previous,.pagination .pagination-next{padding-left:1em;padding-right:1em;height:35px;width:35px;border-radius:9999px}.pagination .pagination-link{height:35px;border-radius:9999px}.pagination .pagination-list{flex:0 0 auto}.pagination,.pagination-list{align-items:center;display:flex;justify-content:center;text-align:center}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:var(--radius-small);display:inline-flex;font-size:16px;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;font-size:1em;padding-left:.5em;padding-right:.5em;justify-content:center;margin:2.5px;text-align:center}@supports (-webkit-overflow-scrolling: touch){.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{font-size:16px}}.pagination-previous:focus,.pagination-previous:active,.pagination-next:focus,.pagination-next:active,.pagination-link:focus,.pagination-link:active,.pagination-ellipsis:focus,.pagination-ellipsis:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.pagination-previous:focus,.pagination-previous:active,.pagination-next:focus,.pagination-next:active,.pagination-link:focus,.pagination-link:active,.pagination-ellipsis:focus,.pagination-ellipsis:active{font-size:16px}}.pagination-previous[disabled],.pagination-next[disabled],.pagination-link[disabled],.pagination-ellipsis[disabled]{cursor:not-allowed}.pagination-previous,.pagination-next,.pagination-link{color:var(--color-grey);min-width:2.25em}.pagination-previous:hover:not(.is-disabled):not(:focus),.pagination-next:hover:not(.is-disabled):not(:focus),.pagination-link:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.pagination-previous:focus:not(.is-disabled),.pagination-previous:focus-visible:not(.is-disabled),.pagination-next:focus:not(.is-disabled),.pagination-next:focus-visible:not(.is-disabled),.pagination-link:focus:not(.is-disabled),.pagination-link:focus-visible:not(.is-disabled){border:2px solid currentColor}.pagination-previous,.pagination-next{padding-left:.75em;padding-right:.75em;white-space:nowrap}.pagination-link[aria-current]{background-color:var(--color-main);color:var(--color-white)}.pagination-link[aria-current]:hover:not([disabled]):not([aria-disabled=true]),.pagination-link[aria-current]:focus,.pagination-link[aria-current]:focus-within{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main)!important}.pagination-ellipsis{color:var(--color-white);pointer-events:none}.pagination-list{flex-wrap:wrap}@media screen and (max-width: 767px){.pagination{flex-wrap:wrap}.pagination-previous,.pagination-next,.pagination-list li{flex-grow:1;flex-shrink:1}}@media screen and (min-width: 768px),print{.pagination-list{flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.pagination-previous{order:2}.pagination-next{order:3}.pagination{justify-content:space-between}.pagination.is-centered .pagination-previous{order:1}.pagination.is-centered .pagination-list{justify-content:center;order:2}.pagination.is-centered .pagination-next{order:3}.pagination.is-right .pagination-previous{order:1}.pagination.is-right .pagination-next{order:2}.pagination.is-right .pagination-list{justify-content:flex-end;order:3}}.popover{position:relative;display:inline-flex}.popover .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px);background-color:var(--color-main);border-radius:var(--radius-small);box-shadow:0 2px 4px #0000001a;color:var(--color-white);display:inline-block;font-size:12px;visibility:hidden;padding:8px;font-weight:500;position:absolute;text-align:center;max-width:210px;width:max-content;z-index:9000}.popover .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover .popover-content ul{padding-left:14px}.popover .popover-content:before{content:"";border-color:transparent;border-bottom-color:var(--color-main);border-left-color:var(--color-main);border-style:solid;border-width:4px;pointer-events:none;position:absolute;margin-left:-4px;margin-top:-4px;transform-origin:center;height:0;width:0}.popover .popover-content .title,.popover .popover-content .suptitle,.popover .popover-content .paragraph,.popover .popover-content .text,.popover .popover-content p{color:var(--color-white)}.popover:not(.is-popover-right):not(.is-popover-left):not(.is-popover-bottom) .popover-content{margin-bottom:8px}.popover.is-popover-right .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}@media screen and (max-width: 767px){.popover.is-popover-top-mobile .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-mobile .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-mobile .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-mobile .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-mobile .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-mobile .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-mobile .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-mobile .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 768px),print{.popover.is-popover-top-tablet .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-tablet .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-tablet .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-tablet .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-tablet .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-tablet .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-tablet .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-tablet .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 768px) and (max-width: 1023px){.popover.is-popover-top-tablet-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-tablet-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-tablet-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-tablet-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-tablet-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-tablet-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-tablet-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-tablet-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (max-width: 1023px){.popover.is-popover-top-touch .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-touch .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-touch .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-touch .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-touch .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-touch .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-touch .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-touch .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1024px){.popover.is-popover-top-desktop .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-desktop .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-desktop .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-desktop .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-desktop .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-desktop .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-desktop .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-desktop .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1024px) and (max-width: 1239px){.popover.is-popover-top-desktop-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-desktop-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-desktop-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-desktop-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-desktop-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-desktop-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-desktop-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-desktop-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1240px){.popover.is-popover-top-widescreen .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-widescreen .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-widescreen .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-widescreen .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-widescreen .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-widescreen .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-widescreen .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-widescreen .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1240px) and (max-width: 1387px){.popover.is-popover-top-widescreen-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-widescreen-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-widescreen-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-widescreen-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-widescreen-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-widescreen-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-widescreen-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-widescreen-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1388px){.popover.is-popover-top-fullhd .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-fullhd .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-fullhd .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-fullhd .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-fullhd .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-fullhd .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-fullhd .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-fullhd .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}.popover.is-popover-right.is-arrow-start .popover-content:before,.popover.is-popover-left.is-arrow-start .popover-content:before{top:20%}.popover.is-popover-right.is-arrow-end .popover-content:before,.popover.is-popover-left.is-arrow-end .popover-content:before{top:80%}.popover.is-popover-right.is-arrow-start .popover-content:before,.popover.is-popover-right.is-arrow-end .popover-content:before{left:0}.popover.is-popover-left.is-arrow-start .popover-content:before,.popover.is-popover-left.is-arrow-end .popover-content:before{left:100%}.popover.is-arrow-start .popover-content:before{left:10%}.popover.is-arrow-end .popover-content:before{left:90%}.popover.is-popover-active .popover-content,.popover:hover .popover-content{visibility:visible}.popover .popover-trigger:focus~.popover-content{visibility:visible}.product-tour{position:absolute;z-index:8000;visibility:hidden;opacity:0;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 4px #0000001a;width:350px;padding:24px}@media screen and (max-width: 767px){.product-tour{max-width:inherit}}.product-tour .arrow{position:absolute;top:0;right:auto!important;bottom:auto!important;left:50%;margin-top:-4px;margin-left:-4px;border-width:4px;border-style:solid;border-color:transparent transparent #fff #fff;transform:rotate(135deg);height:0;width:0;box-shadow:-1px 1px 2px #0a0a0a33;transform-origin:center;pointer-events:none}@media screen and (max-width: 767px){.product-tour .arrow{display:none}}.product-tour .arrow.is-one-fifth{left:20%}.product-tour .arrow.is-one-quarter{left:25%}.product-tour .arrow.is-one-third{left:33%}.product-tour .arrow.is-two-fifths{left:40%}.product-tour .arrow.is-three-fifths{left:60%}.product-tour .arrow.is-two-thirds{left:66%}.product-tour .arrow.is-three-quarters{left:75%}.product-tour .arrow.is-four-fifths{left:80%}.product-tour .arrow.is-right{top:50%!important;right:0!important;bottom:auto!important;left:100%!important;transform:rotate(-135deg)}.product-tour .arrow.is-bottom{top:100%!important;bottom:auto!important;right:auto!important;transform:rotate(-45deg)}.product-tour .arrow.is-left{top:50%!important;bottom:auto!important;left:0!important;right:100%!important;transform:rotate(45deg)}.product-tour .arrow.is-left.is-one-fifth,.product-tour .arrow.is-right.is-one-fifth{top:20%!important}.product-tour .arrow.is-left.is-one-quarter,.product-tour .arrow.is-right.is-one-quarter{top:25%!important}.product-tour .arrow.is-left.is-one-third,.product-tour .arrow.is-right.is-one-third{top:33%!important}.product-tour .arrow.is-left.is-two-fifths,.product-tour .arrow.is-right.is-two-fifths{top:40%!important}.product-tour .arrow.is-left.is-three-fifths,.product-tour .arrow.is-right.is-three-fifths{top:60%!important}.product-tour .arrow.is-left.is-two-thirds,.product-tour .arrow.is-right.is-two-thirds{top:66%!important}.product-tour .arrow.is-left.is-three-quarters,.product-tour .arrow.is-right.is-three-quarters{top:75%!important}.product-tour .arrow.is-left.is-four-fifths,.product-tour .arrow.is-right.is-four-fifths{top:80%!important}.product-tour.is-active{opacity:1;visibility:visible}.product-tour.has-icon-left>.icon:not(.close),.product-tour.has-icon-right>.icon:not(.close){position:absolute;top:0;left:0;background:white;border-radius:9999px;box-shadow:0 2px 4px #0000001a;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.product-tour.has-icon-left>.icon:not(.close),.product-tour.has-icon-right>.icon:not(.close){display:none}}.product-tour.has-icon-left>.icon:not(.close) img,.product-tour.has-icon-right>.icon:not(.close) img{flex-shrink:0}.product-tour.has-icon-right>.icon:not(.close){left:100%!important;right:0}.product-tour .close{position:absolute;top:0;right:0}.product-tour-target-active{outline:999em solid var(--color-main)!important;outline-offset:10px!important;z-index:8000}.price{display:inline-flex;font-weight:600;line-height:.8;margin-bottom:0}.price:not(.is-inlined){font-size:44px}.price.is-level-1{font-size:64px}.price.is-level-1+.price-tag span:nth-child(2){font-size:16px}.price.is-level-1+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-2{font-size:56px}.price.is-level-2+.price-tag{font-size:22px}.price.is-level-2+.price-tag span:nth-child(2){font-size:16px}.price.is-level-2+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-3{font-size:44px}.price.is-level-3+.price-tag{font-size:16px}.price.is-level-3+.price-tag span:nth-child(2){font-size:16px}.price.is-level-3+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-4{font-size:32px}.price.is-level-4+.price-tag{font-size:10px;padding:4px!important}.price.is-level-4+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-5{font-size:28px}.price.is-level-5 .price-details{padding-left:2px!important}.price.is-level-5+.price-tag{font-size:10px;padding:4px!important}.price.is-level-5+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-6{font-size:24px}.price.is-level-6 .price-details{padding-left:2px!important}.price.is-level-6+.price-tag{font-size:10px;padding:4px!important}.price.is-level-6+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-7{font-size:20px}.price.is-level-7 .price-details{padding-left:2px!important}.price.is-level-7+.price-tag{font-size:10px;padding:4px!important}.price.is-level-7+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price .price-details{padding-left:4px}.price .price-details .cents,.price .price-details .centimes,.price .price-details .periode,.price .price-details .period{line-height:1;display:block}.price .price-details .cents,.price .price-details .centimes{font-weight:600;font-size:.475em;vertical-align:top;text-align:left}.price .price-details .cents sup,.price .price-details .centimes sup{font-weight:500;padding-left:2px;top:-.3em}.price .price-details .period,.price .price-details .periode{font-size:.375em;margin-top:0;padding-left:.1em;text-align:left}.price.is-inverted{color:var(--color-white)}.price.has-suptitle{display:flex;flex-wrap:wrap}.price.has-suptitle .price-suptitle{flex-basis:100%;font-size:.375em}.price.has-description .cents,.price.has-description .centimes{align-items:flex-start;display:flex}.price.has-description .icon{height:inherit;width:inherit}.price.is-inlined .price-details{display:inline-flex;margin-left:0;padding-left:0!important}.price.is-inlined .price-details .cents,.price.is-inlined .price-details .centimes,.price.is-inlined .price-details .periode,.price.is-inlined .price-details .period{font-size:inherit;line-height:.8;padding-left:0}.price.is-inlined.is-striked:before{transform:rotate(-12deg)}.price.is-striked{position:relative;color:var(--color-fade-main)}.price.is-striked:before{position:absolute;content:"";left:0;top:50%;right:0;border-top:2px solid;border-color:var(--color-main);border-radius:5px;transform:rotate(-20deg)}.price.is-striked.is-inverted{color:var(--color-fade-main)}.price.is-striked.is-inverted:before{border-color:var(--color-white)}.price.is-striked.has-suptitle{display:inline-flex;margin-top:.55em}.price.is-striked.has-suptitle .price-suptitle{position:absolute;top:-1.4em}.price-tag{background-color:var(--color-accent);margin-left:10px;border-radius:6px;display:inline-flex;color:var(--color-white);height:fit-content;padding:8px;font-size:28px;line-height:1em;align-items:baseline;position:relative}.price-tag:before{content:"";border-color:transparent;border-bottom-color:var(--color-accent);border-left-color:var(--color-accent);transform:rotate(45deg);border-style:solid;border-width:5px;border-radius:2px;pointer-events:none;position:absolute;margin-left:-12px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;transform-origin:center;height:0;width:0}.tab-context{-webkit-overflow-scrolling:touch;align-items:stretch;justify-content:space-between;font-weight:400;background:white;width:100%;text-align:center;overflow:scroll;overflow:-moz-scrollbars-none!important;-ms-overflow-style:none!important;scrollbar-width:none}@media screen and (max-width: 767px){.tab-context{text-align:left}}.tab-context::-webkit-scrollbar{width:0!important;height:0!important}.tab-context.is-inverted{background-color:var(--color-main)}.tab-context.is-inverted .tabs>.tab{color:var(--color-white)!important}.tab-context.is-inverted .tabs>.tab.is-active{border-bottom-color:currentColor}.tab-context.is-inverted .tabs>.tab:hover:not([disabled]):not([aria-disabled=true]){color:var(--color-white)!important;cursor:pointer}.tab-context.is-inverted .tabs>.tab:focus-visible{border-color:var(--color-white)}.tab-context.has-text-left .tabs>.tab:first-child{margin-left:24px}.tab-context .tabs{background-color:transparent;height:48px;overflow-x:auto;white-space:nowrap;display:inline-flex}.tab-context .tabs.is-centered{justify-content:center}.tab-context .tabs.is-right{justify-content:flex-end}.tab-context .tabs.is-left{justify-content:flex-start}@media screen and (min-width: 1024px){.tab-context .tabs.is-fullwidth>*,.tab-context .field .tabs.select>*,.field .tab-context .tabs.select>*{flex-grow:1;flex-shrink:0}}.tab-context .tabs.is-clipped{box-shadow:none}.tab-context .tabs.is-icons{height:64px}@media screen and (max-width: 767px){.tab-context .tabs{justify-content:flex-start}.tab-context .tabs>.tab:first-child{margin-left:24px}}.tab-context .tabs>.tab{height:calc(100% - 4px);background-color:transparent;border:none;color:var(--color-main);text-decoration:none;outline:none;padding:6px 14px;font-size:14px;border:0px solid transparent;border-bottom:2px solid transparent}@media screen and (min-width: 1024px){.tab-context .tabs>.tab{font-size:16px}}.tab-context .tabs>.tab .tab-icon{margin-top:2px}.tab-context .tabs>.tab:not(button) .tab-icon{margin-top:4px}@media screen and (max-width: 767px){.tab-context .tabs>.tab{font-size:14px}}.tab-context .tabs>.tab.is-active{color:var(--color-main);position:relative;border-bottom-color:var(--color-main)}.tab-context .tabs>.tab:hover:not(.is-disabled){color:var(--color-main);cursor:pointer}.tab-context .tabs>.tab:hover:not(.is-disabled) .icon.is-small [class^=tri-]:before,.tab-context .tabs>.tab:hover:not(.is-disabled) .icon.is-small [class*=" tri-"]:before{font-size:22px!important;background-color:currentColor}.tab-context .tabs>.tab:focus-visible{border-color:currentColor;color:var(--color-main)}.tab-context .tabs>.tab .icon{height:0}.tab-context .tabs>.tab .icon.is-small{font-size:22px}.tab-context .tabs>.tab[disabled],.tab-context .tabs>.tab[aria-disabled=true]{background-color:transparent!important}.tab-context .tab-panels{padding-top:12px;padding-bottom:12px}.tab-context .tab-panels .tab-panel{transition:opacity 2s ease-in-out;transition-delay:1s}.tab-context .tab-panels .tab-panel:not(.is-active){display:none}.tab-context .tab-panels .tab-panel.is-active{animation:fade-in .25s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.accordions{padding-left:0;padding-right:0;margin:16px 0}.accordions details.accordion ::-webkit-details-marker{display:none;content:""}.accordions .accordion{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--color-white);font-size:16px;border:var(--border);border-radius:var(--radius);margin:8px 0;min-height:56px;max-height:max-content;transition:margin .3s}.accordions .accordion .accordion-header{font-weight:700}.accordions .accordion .accordion-body{padding:16px;padding-top:0!important}.accordions .accordion:has(summary:hover):not(.is-disabled){background-color:var(--color-fade-grey)}.accordions .accordion:has(summary:focus-visible){outline:var(--border-active);outline-offset:-2px}.accordions .accordion .accordion-header:after{max-width:15px;max-height:15px;position:absolute;margin-top:0;right:20px}.accordions .accordion[open]:not([aria-disabled=true]) .accordion-header:after{transform:rotate(180deg)}.accordions .accordion .accordion-header:after,.accordions .accordion[aria-disabled=true] .accordion-header:after{background-color:currentColor;content:"";-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg);min-width:15px;min-height:15px;-webkit-mask-size:15px;mask-size:15px;position:absolute;display:inline-block;transition:transform .3s}.accordions .accordion[aria-disabled=true] .accordion-body{display:none!important}.accordions .accordion .accordion-header{border-radius:var(--radius);transition:margin .3s ease-out}.accordions .accordion .accordion-header:focus-visible{outline:none}.accordions .accordion[open] .accordion-header{margin-bottom:4px}.accordions .accordion:first-child{margin-top:0}.accordions .accordion:last-child{margin-bottom:0}.accordions .accordion .accordion-header{align-items:center;display:flex;position:relative;height:auto;cursor:pointer;padding:16px}.accordions .accordion .accordion-header.is-grouped>*:first-child{flex-grow:0}.accordions .accordion .accordion-header .field:not(:last-child){margin-bottom:0}.accordions .accordion .accordion-header .accordion-title .title{margin:0}@media screen and (max-width: 767px){.accordions .accordion .accordion-header .accordion-title{flex-grow:1}}.accordions .accordion .accordion-header p{margin-bottom:0}.accordions .accordion .accordion-header+.accordion-body{overflow-y:hidden}.accordions .accordion .accordion-header+.accordion-body .accordion-content{border-radius:var(--radius);margin-bottom:10px}@media screen and (max-width: 767px){.accordions .accordion .accordion-header+.accordion-body .accordion-content{padding:15px}}.accordions .accordion .accordion-body .accordion-content,.accordions .accordion .accordion-body p:last-child{margin-bottom:0!important;padding:0!important}.countdown{border:1px solid currentcolor;border-radius:var(--radius);display:inline-flex;padding:8px;color:var(--color-main)}.countdown .count{font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;list-style-type:none;text-align:center;padding:0 8px;position:relative}.countdown .count:not(:last-child):before{content:" ";border-left:1px solid currentcolor;height:100%;position:absolute;top:0;bottom:0;right:0}.countdown .count .value{font-size:24px;font-weight:600}.countdown.is-small{padding:8px 0;border-radius:var(--radius-small)}.countdown.is-small .count{font-size:12px;padding:0 8px;font-weight:500}.countdown.is-small .count .value{font-size:16px;font-weight:600}.countdown.is-inverted{color:var(--color-white)}.timeline{display:flex;flex-direction:column}.timeline .timeline-header{width:4em;min-width:4em;max-width:8em;word-wrap:normal;text-align:center;display:flex;justify-content:center;margin-left:0}.timeline:before{content:"";display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item,.timeline .undone{display:flex;display:-ms-flexbox;display:-webkit-flex;position:relative;margin-left:0;padding-bottom:8px}.timeline .timeline-item:before,.timeline .undone:before{background-color:var(--color-fade-grey)}.timeline .timeline-item .timeline-marker.is-icon,.timeline .undone .timeline-marker.is-icon{background-color:var(--color-main);color:var(--color-main)}.timeline .timeline-item.active .timeline-marker.is-icon,.timeline .undone.active .timeline-marker.is-icon{background-color:var(--color-main)}.timeline .timeline-item.active .timeline-marker.is-icon .icon,.timeline .undone.active .timeline-marker.is-icon .icon{color:var(--color-white)}.timeline .timeline-item.active .timeline-content p.main-content,.timeline .undone.active .timeline-content p.main-content{font-weight:800}.timeline .timeline-item.active:before,.timeline .undone.active:before{content:"";background-color:var(--color-main);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item.done .timeline-marker.is-icon,.timeline .undone.done .timeline-marker.is-icon{background-color:var(--color-main)}.timeline .timeline-item.done .timeline-marker.is-icon .icon,.timeline .undone.done .timeline-marker.is-icon .icon{color:var(--color-white)}.timeline .timeline-item.done:before,.timeline .undone.done:before{content:"";background-color:var(--color-main);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item.cancel .timeline-marker.is-icon,.timeline .undone.cancel .timeline-marker.is-icon{background-color:var(--color-grey);color:var(--color-fade-grey)}.timeline .timeline-item.cancel:before,.timeline .undone.cancel:before{content:"";background-color:var(--color-fade-grey);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item .timeline-marker,.timeline .undone .timeline-marker{position:absolute;background:var(--color-fade-grey);border-radius:9999px;content:"";display:block;height:.8em;left:-.35em;top:0;width:.8em;margin-left:30px}.timeline .timeline-item .timeline-marker.is-image,.timeline .undone .timeline-marker.is-image{background:var(--color-fade-grey);border-radius:9999px;display:block;overflow:hidden}.timeline .timeline-item .timeline-marker.is-image.is-16x16,.timeline .undone .timeline-marker.is-image.is-16x16{height:16px;width:16px;left:-8px}.timeline .timeline-item .timeline-marker.is-image.is-24x24,.timeline .undone .timeline-marker.is-image.is-24x24{height:24px;width:24px;left:-12px}.timeline .timeline-item .timeline-marker.is-image.is-32x32,.timeline .undone .timeline-marker.is-image.is-32x32{height:32px;width:32px;left:-16px}.timeline .timeline-item .timeline-marker.is-image.is-48x48,.timeline .undone .timeline-marker.is-image.is-48x48{height:48px;width:48px;left:-24px}.timeline .timeline-item .timeline-marker.is-image.is-64x64,.timeline .undone .timeline-marker.is-image.is-64x64{height:64px;width:64px;left:-32px}.timeline .timeline-item .timeline-marker.is-image.is-96x96,.timeline .undone .timeline-marker.is-image.is-96x96{height:96px;width:96px;left:-48px}.timeline .timeline-item .timeline-marker.is-image.is-128x128,.timeline .undone .timeline-marker.is-image.is-128x128{height:128px;width:128px;left:-64px}.timeline .timeline-item .timeline-marker.is-icon,.timeline .undone .timeline-marker.is-icon{display:flex;align-items:center;justify-content:center;height:2.85em;width:2.85em;left:-1.375em;line-height:.75rem;padding:4.3333333333px;background:var(--color-fade-grey);border-radius:9999px}.timeline .timeline-item .timeline-marker.is-icon>i,.timeline .undone .timeline-marker.is-icon>i{color:var(--color-white);font-size:13px!important}.timeline .timeline-item .timeline-marker.is-outlined .image,.timeline .undone .timeline-marker.is-outlined .image,.timeline .timeline-item .timeline-marker.is-outlined.is-icon,.timeline .undone .timeline-marker.is-outlined.is-icon{background:var(--color-white)}.timeline .timeline-item .timeline-marker.is-outlined.is-icon>i,.timeline .undone .timeline-marker.is-outlined.is-icon>i{color:var(--color-fade-grey)}.timeline .timeline-item .timeline-content,.timeline .undone .timeline-content{margin-left:3.7em;padding:12px 0 16px 16px}.timeline .timeline-item .timeline-content .heading,.timeline .undone .timeline-content .heading{font-size:12px;color:var(--color-main);font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:0;line-height:15px;font-weight:500}.timeline .timeline-item .timeline-content p,.timeline .undone .timeline-content p{margin-bottom:4px}.timeline .timeline-item.is-white:before,.timeline .undone.is-white:before{background-color:var(--color-white)}.timeline .timeline-item.is-main:before,.timeline .undone.is-main:before{background-color:var(--color-main)}.timeline .timeline-item.is-accent:before,.timeline .undone.is-accent:before{background-color:var(--color-accent)}.timeline .timeline-item.is-info:before,.timeline .undone.is-info:before{background-color:var(--color-info)}.timeline .timeline-item.is-success:before,.timeline .undone.is-success:before{background-color:var(--color-success)}.timeline .timeline-item.is-error:before,.timeline .undone.is-error:before{background-color:var(--color-error)}.timeline .timeline-item.is-warning:before,.timeline .undone.is-warning:before{background-color:var(--color-warning)}.timeline .timeline-item.is-grey:before,.timeline .undone.is-grey:before{background-color:var(--color-grey)}.timeline.is-centered .timeline-header{display:flex;width:100%;align-self:center}.timeline.is-centered .timeline-item{width:50%;align-self:flex-end}.timeline.is-centered .timeline-item:nth-of-type(2n){align-self:flex-start;margin-left:0;margin-right:2em}.timeline.is-centered .timeline-item:nth-of-type(2n):before{right:-.125em;left:auto}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker{left:auto;right:-.475em}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-16x16{left:auto;right:-8px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-24x24{left:auto;right:-12px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-32x32{left:auto;right:-16px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-48x48{left:auto;right:-24px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-64x64{left:auto;right:-32px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-96x96{left:auto;right:-48px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-128x128{left:auto;right:-64px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-icon{left:auto;right:-1.5em}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-content{padding:1em 2em 0 0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;flex-basis:100%}.timeline.is-centered .timeline-item:nth-of-type(odd):before{content:"";background-color:var(--color-fade-grey);display:block;width:.125em;height:100%;position:absolute;top:0}.timeline.is-centered .timeline-item.is-white:before{background-color:var(--color-white)}.timeline.is-centered .timeline-item.is-main:before{background-color:var(--color-main)}.timeline.is-centered .timeline-item.is-accent:before{background-color:var(--color-accent)}.timeline.is-centered .timeline-item.is-info:before{background-color:var(--color-info)}.timeline.is-centered .timeline-item.is-success:before{background-color:var(--color-success)}.timeline.is-centered .timeline-item.is-error:before{background-color:var(--color-error)}.timeline.is-centered .timeline-item.is-warning:before{background-color:var(--color-warning)}.timeline.is-centered .timeline-item.is-grey:before{background-color:var(--color-grey)}@media screen and (min-width: 1024px){.timeline.is-horizontal{flex-direction:row;justify-content:space-between}.timeline.is-horizontal .timeline-item{flex-direction:column;width:100%}.timeline.is-horizontal .timeline-item:not(:last-child){margin-right:16px}.timeline.is-horizontal .timeline-item:before{content:"";background-color:var(--color-fade-grey);display:block;width:calc(100% - 58px);position:absolute;top:22.89px;left:59px;bottom:8px;height:2px;border-radius:2px}.timeline.is-horizontal .timeline-item.active:before{background-color:var(--color-main)}.timeline.is-horizontal .timeline-item.undone:before{background-color:var(--color-fade-grey)}.timeline.is-horizontal .timeline-item.done:before{background-color:var(--color-main)}.timeline.is-horizontal .timeline-item.cancel:before{background-color:var(--color-fade-grey)}.timeline.is-horizontal .timeline-item .timeline-marker{position:static;margin-left:0}.timeline.is-horizontal .timeline-item .timeline-content{margin-left:0;padding:0;margin-top:8px}.timeline.is-horizontal .timeline-item .timeline-content .main-content{margin-left:0}}.stepper-wrapper{display:flex;position:relative;justify-content:space-between;min-height:44px;gap:16px}@media screen and (max-width: 1023px){.stepper-wrapper{gap:8px}}.stepper-item{display:flex;flex-direction:column;width:100%}.stepper-item:before{content:"";display:block;height:4px;border-radius:var(--radius-small);background-size:200%!important;background-color:var(--color-fade-grey)}.stepper-item.is-error{color:var(--color-main)}.stepper-item.is-error:before{background-color:var(--color-error)!important}.stepper-item.is-error.is-current:before{animation:progress 1s}.stepper-item.is-error .step-bars{background:var(--color-error)!important}.stepper-item.is-error .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg)!important;mask-image:url(/templates/assets/times-a0f06f97.svg)!important;background-color:var(--color-error)!important;border-width:0;-webkit-mask-size:20px;mask-size:20px;width:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-error .step-label .icon{display:none}.stepper-item.is-done:before{background-color:var(--color-main)}.stepper-item.is-done .step-bars{background:var(--color-main);transition:background-color 1s ease-in-out}.stepper-item.is-done .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg);background-color:var(--color-success);border-width:0;min-width:20px;-webkit-mask-size:20px;mask-size:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-current:before,.stepper-item.is-active:before{background-color:var(--color-main);animation:progress 1s}.stepper-item.is-current .step-bars,.stepper-item.is-active .step-bars{background:var(--color-main)}.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{font-style:normal;font-weight:600;font-size:20px;line-height:22px;width:max-content}.stepper-item.is-current .step-label .icon [class^=tri-],.stepper-item.is-current .step-label .icon [class*=" tri-"],.stepper-item.is-active .step-label .icon [class^=tri-],.stepper-item.is-active .step-label .icon [class*=" tri-"]{height:22px;width:22px;margin:0 4px 0 -4px}@media screen and (min-width: 768px) and (max-width: 1023px){.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{width:90%!important}}@media screen and (max-width: 767px){.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{font-size:18px;width:90%}}.step-bars{height:4px;background:var(--color-disabled);border-radius:var(--radius-small);display:none}.step-label{display:flex;align-items:center;color:var(--color-main);font-style:normal;font-weight:400;font-size:16px;line-height:24px;padding-top:8px;gap:4px}.step-label .icon{font-size:20px;height:auto}@media screen and (max-width: 1023px){.step-label{position:absolute;top:10px;left:0}}@media screen and (min-width: 1024px){.step-count{display:none}}@media screen and (max-width: 767px){.step-count{position:absolute;top:23px;right:8px;font-size:14px;line-height:18px;font-weight:600}.stepper-item:not(.is-current){display:flex}.stepper-item:not(.is-current) .step-label{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.step-count{position:absolute;top:24px;right:8px;font-size:14px;line-height:18px;font-weight:600}.stepper-item:not(.is-current){display:flex}.stepper-item:not(.is-current) .step-label{display:none}}@keyframes progress{0%,to{background-image:linear-gradient(to right,transparent 0,transparent 50%,var(--color-fade-grey) 50%,var(--color-fade-grey) 100%)}0%{background-position:100% 0}to{background-position:0 0}}.plus-symbol{display:inline-block}.plus-symbol:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-fade-grey);color:var(--color-grey)}.plus-symbol.is-white:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-white);color:var(--color-main)}.plus-symbol.is-main:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-main);color:var(--color-white)}.plus-symbol.is-accent:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-accent);color:var(--color-white)}.otp-list{display:flex;flex-wrap:nowrap}.otp-list .otp{outline:none;border:1px solid currentColor;border-radius:var(--radius-small);background:transparent;width:33px;height:40px;margin:4px 4px 0;text-align:center;color:var(--color-grey)}.otp-list .otp:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.otp-list .otp:focus:not(.is-disabled),.otp-list .otp:focus-visible:not(.is-disabled){border:2px solid currentColor}.otp-list .otp:first-child{margin:4px 4px 0 0}.otp-list .otp:last-child{margin:4px 0 0 4px}.otp-list.is-danger .otp{border:1px solid var(--color-error)}.otp-list.is-filled .otp{color:var(--color-main)}.otp-list.is-focus .otp{border:1px solid var(--color-main);color:var(--color-main)}.otp-list.is-error .otp{border:1px solid var(--color-error);color:var(--color-main)}.otp-list:focus-within .otp{border:1px solid var(--color-main);color:var(--color-main)}.otp-list.is-error:focus-within .otp{border:1px solid var(--color-error);color:var(--color-main)}.otp-error-message{font-size:12px;margin-top:4px}.segmented-control{border-radius:6px;padding:4px;background-color:var(--color-fade-grey);display:inline-block;margin:16px 0}@media screen and (max-width: 767px){.segmented-control{display:flex;margin:24px auto;width:100%}}.segmented-control .segmented-control-item{padding:0 24px;border-radius:var(--radius-small);font-size:16px;text-align:center;border:2px solid transparent;height:42px;color:var(--color-main);background-color:var(--color-fade-grey)}.segmented-control .segmented-control-item:not(:last-child){margin-right:4px}@media screen and (max-width: 767px){.segmented-control .segmented-control-item{padding:0 16px;flex:1 1 0;width:0;text-overflow:ellipsis;overflow:hidden}}.segmented-control .segmented-control-item:hover:not([disabled],[aria-disabled=true],.is-active){cursor:pointer;background-color:var(--color-fade-grey)}.segmented-control .segmented-control-item.is-active{background-color:var(--color-main);color:var(--color-white)}.progress-radial{background:radial-gradient(white 58%,transparent 51%),conic-gradient(gainsboro 0deg 360deg,gainsboro 0deg 360deg);border-radius:50%;width:124px;height:124px;position:relative}.progress-radial .progress-radial-content{border:1px solid white;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-radial.is-small{width:75px;height:75px}.range-container .range{width:100%;position:relative;margin-top:18px;margin-bottom:20px}.range-container .range .range-track{width:100%;height:8px;border-radius:var(--radius);position:absolute;margin:auto;top:0;bottom:0}@media screen and (max-width: 767px){.range-container .range .range-track{height:4px;border-radius:var(--radius-small)}}.range-container .range .range-cursor{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:transparent;pointer-events:none}.range-container .range .range-cursor::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none;margin-top:-8px}.range-container .range .range-cursor::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none}.range-container .range .range-cursor::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none}.range-container .range-values{display:flex;justify-content:space-between;padding-top:14px;font-weight:700}.scroll-view{overflow:auto}.scroll-view.scroll-horizontal{overflow-x:scroll;overflow-y:hidden}.scroll-view.scroll-horizontal.scroll-snap{scroll-snap-type:x mandatory}.scroll-view.scroll-horizontal.scroll-snap>.div{scroll-snap-align:start}.scroll-view.scroll-vertical{overflow-y:scroll;overflow-x:hidden}.fab{background-color:var(--color-main);border-radius:16px;cursor:pointer;height:56px;padding:16px;display:inline-flex;align-items:center;box-sizing:border-box;transition:max-width .5s ease-out;color:#fff;border:0;box-shadow:0 3px 6px #0003;font-size:16px;font-weight:600;line-height:20px;z-index:9;overflow:hidden;max-width:54px;white-space:nowrap}.fab:hover:not([disabled]):not([aria-disabled=true]),.fab.is-extended,.fab:focus,.fab:focus-visible,.fab:focus-within{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main);max-width:300px}.fab:active{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main)}.fab .icon{flex:none;font-size:24px!important;margin-left:-6px;margin-right:8px;color:#fff}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:12px}@media screen and (max-width: 767px){.column{padding:8px}}.column.is-vcentered{align-self:center}.columns.is-mobile>.column.is-narrow{flex:none}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-1{flex:none;width:8.3333333333%}.columns.is-mobile>.column.is-offset-1{margin-left:8.3333333333%}.columns.is-mobile>.column.is-2{flex:none;width:16.6666666667%}.columns.is-mobile>.column.is-offset-2{margin-left:16.6666666667%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.3333333333%}.columns.is-mobile>.column.is-offset-4{margin-left:33.3333333333%}.columns.is-mobile>.column.is-5{flex:none;width:41.6666666667%}.columns.is-mobile>.column.is-offset-5{margin-left:41.6666666667%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.3333333333%}.columns.is-mobile>.column.is-offset-7{margin-left:58.3333333333%}.columns.is-mobile>.column.is-8{flex:none;width:66.6666666667%}.columns.is-mobile>.column.is-offset-8{margin-left:66.6666666667%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.3333333333%}.columns.is-mobile>.column.is-offset-10{margin-left:83.3333333333%}.columns.is-mobile>.column.is-11{flex:none;width:91.6666666667%}.columns.is-mobile>.column.is-offset-11{margin-left:91.6666666667%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 767px){.column.is-narrow-mobile{flex:none}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-1-mobile{flex:none;width:8.3333333333%}.column.is-offset-1-mobile{margin-left:8.3333333333%}.column.is-2-mobile{flex:none;width:16.6666666667%}.column.is-offset-2-mobile{margin-left:16.6666666667%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.3333333333%}.column.is-offset-4-mobile{margin-left:33.3333333333%}.column.is-5-mobile{flex:none;width:41.6666666667%}.column.is-offset-5-mobile{margin-left:41.6666666667%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.3333333333%}.column.is-offset-7-mobile{margin-left:58.3333333333%}.column.is-8-mobile{flex:none;width:66.6666666667%}.column.is-offset-8-mobile{margin-left:66.6666666667%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.3333333333%}.column.is-offset-10-mobile{margin-left:83.3333333333%}.column.is-11-mobile{flex:none;width:91.6666666667%}.column.is-offset-11-mobile{margin-left:91.6666666667%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 768px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-1,.column.is-1-tablet{flex:none;width:8.3333333333%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.3333333333%}.column.is-2,.column.is-2-tablet{flex:none;width:16.6666666667%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.6666666667%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.3333333333%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.3333333333%}.column.is-5,.column.is-5-tablet{flex:none;width:41.6666666667%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.6666666667%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.3333333333%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.3333333333%}.column.is-8,.column.is-8-tablet{flex:none;width:66.6666666667%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.6666666667%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.3333333333%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.3333333333%}.column.is-11,.column.is-11-tablet{flex:none;width:91.6666666667%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.6666666667%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-1-touch{flex:none;width:8.3333333333%}.column.is-offset-1-touch{margin-left:8.3333333333%}.column.is-2-touch{flex:none;width:16.6666666667%}.column.is-offset-2-touch{margin-left:16.6666666667%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.3333333333%}.column.is-offset-4-touch{margin-left:33.3333333333%}.column.is-5-touch{flex:none;width:41.6666666667%}.column.is-offset-5-touch{margin-left:41.6666666667%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.3333333333%}.column.is-offset-7-touch{margin-left:58.3333333333%}.column.is-8-touch{flex:none;width:66.6666666667%}.column.is-offset-8-touch{margin-left:66.6666666667%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.3333333333%}.column.is-offset-10-touch{margin-left:83.3333333333%}.column.is-11-touch{flex:none;width:91.6666666667%}.column.is-offset-11-touch{margin-left:91.6666666667%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-1-desktop{flex:none;width:8.3333333333%}.column.is-offset-1-desktop{margin-left:8.3333333333%}.column.is-2-desktop{flex:none;width:16.6666666667%}.column.is-offset-2-desktop{margin-left:16.6666666667%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.3333333333%}.column.is-offset-4-desktop{margin-left:33.3333333333%}.column.is-5-desktop{flex:none;width:41.6666666667%}.column.is-offset-5-desktop{margin-left:41.6666666667%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.3333333333%}.column.is-offset-7-desktop{margin-left:58.3333333333%}.column.is-8-desktop{flex:none;width:66.6666666667%}.column.is-offset-8-desktop{margin-left:66.6666666667%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.3333333333%}.column.is-offset-10-desktop{margin-left:83.3333333333%}.column.is-11-desktop{flex:none;width:91.6666666667%}.column.is-offset-11-desktop{margin-left:91.6666666667%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1240px){.column.is-narrow-widescreen{flex:none}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-1-widescreen{flex:none;width:8.3333333333%}.column.is-offset-1-widescreen{margin-left:8.3333333333%}.column.is-2-widescreen{flex:none;width:16.6666666667%}.column.is-offset-2-widescreen{margin-left:16.6666666667%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.3333333333%}.column.is-offset-4-widescreen{margin-left:33.3333333333%}.column.is-5-widescreen{flex:none;width:41.6666666667%}.column.is-offset-5-widescreen{margin-left:41.6666666667%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.3333333333%}.column.is-offset-7-widescreen{margin-left:58.3333333333%}.column.is-8-widescreen{flex:none;width:66.6666666667%}.column.is-offset-8-widescreen{margin-left:66.6666666667%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.3333333333%}.column.is-offset-10-widescreen{margin-left:83.3333333333%}.column.is-11-widescreen{flex:none;width:91.6666666667%}.column.is-offset-11-widescreen{margin-left:91.6666666667%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1388px){.column.is-narrow-fullhd{flex:none}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-1-fullhd{flex:none;width:8.3333333333%}.column.is-offset-1-fullhd{margin-left:8.3333333333%}.column.is-2-fullhd{flex:none;width:16.6666666667%}.column.is-offset-2-fullhd{margin-left:16.6666666667%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.3333333333%}.column.is-offset-4-fullhd{margin-left:33.3333333333%}.column.is-5-fullhd{flex:none;width:41.6666666667%}.column.is-offset-5-fullhd{margin-left:41.6666666667%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.3333333333%}.column.is-offset-7-fullhd{margin-left:58.3333333333%}.column.is-8-fullhd{flex:none;width:66.6666666667%}.column.is-offset-8-fullhd{margin-left:66.6666666667%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.3333333333%}.column.is-offset-10-fullhd{margin-left:83.3333333333%}.column.is-11-fullhd{flex:none;width:91.6666666667%}.column.is-offset-11-fullhd{margin-left:91.6666666667%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-12px;margin-right:-12px;margin-top:-12px}.columns.is-inlined{position:relative;width:100%;padding-bottom:8px;flex-wrap:nowrap;overflow-x:auto;display:flex!important;scroll-behavior:smooth;scroll-snap-type:x mandatory}.columns.is-inlined>.column{scroll-snap-align:start}.columns.is-inlined::-webkit-scrollbar{height:8px}.columns.is-inlined::-webkit-scrollbar-track{background-color:var(--color-fade-main);border-radius:var(--radius);margin:0 8px}.columns.is-inlined::-webkit-scrollbar-thumb{background:var(--color-main);border-radius:var(--radius)}.columns:last-child{margin-bottom:-12px}.columns:not(:last-child){margin-bottom:3px}@media screen and (max-width: 767px){.columns{margin-left:-8px;margin-right:-8px;margin-top:-8px}.columns:last-child{margin-bottom:-8px}.columns:not(:last-child){margin-bottom:7px}}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:15px}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}.columns.is-fullheight{height:calc(100% + 24px)}@media screen and (max-width: 767px){.columns.is-inverted-mobile{flex-direction:column-reverse;display:flex;align-items:stretch}}@media screen and (min-width: 768px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: 7.5px;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0px}@media screen and (max-width: 767px){.columns.is-variable.is-0-mobile{--columnGap: 0px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-0-tablet{--columnGap: 0px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0px}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0px}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-0-desktop-only{--columnGap: 0px}}@media screen and (min-width: 1240px){.columns.is-variable.is-0-widescreen{--columnGap: 0px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0px}}@media screen and (min-width: 1388px){.columns.is-variable.is-0-fullhd{--columnGap: 0px}}.columns.is-variable.is-1{--columnGap: 2.5px}@media screen and (max-width: 767px){.columns.is-variable.is-1-mobile{--columnGap: 2.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-1-tablet{--columnGap: 2.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: 2.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: 2.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: 2.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-1-desktop-only{--columnGap: 2.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-1-widescreen{--columnGap: 2.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-1-widescreen-only{--columnGap: 2.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-1-fullhd{--columnGap: 2.5px}}.columns.is-variable.is-2{--columnGap: 5px}@media screen and (max-width: 767px){.columns.is-variable.is-2-mobile{--columnGap: 5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-2-tablet{--columnGap: 5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: 5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: 5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: 5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-2-desktop-only{--columnGap: 5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-2-widescreen{--columnGap: 5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-2-widescreen-only{--columnGap: 5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-2-fullhd{--columnGap: 5px}}.columns.is-variable.is-3{--columnGap: 7.5px}@media screen and (max-width: 767px){.columns.is-variable.is-3-mobile{--columnGap: 7.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-3-tablet{--columnGap: 7.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: 7.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: 7.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: 7.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-3-desktop-only{--columnGap: 7.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-3-widescreen{--columnGap: 7.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-3-widescreen-only{--columnGap: 7.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-3-fullhd{--columnGap: 7.5px}}.columns.is-variable.is-4{--columnGap: 10px}@media screen and (max-width: 767px){.columns.is-variable.is-4-mobile{--columnGap: 10px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-4-tablet{--columnGap: 10px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 10px}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 10px}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 10px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-4-desktop-only{--columnGap: 10px}}@media screen and (min-width: 1240px){.columns.is-variable.is-4-widescreen{--columnGap: 10px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-4-widescreen-only{--columnGap: 10px}}@media screen and (min-width: 1388px){.columns.is-variable.is-4-fullhd{--columnGap: 10px}}.columns.is-variable.is-5{--columnGap: 12.5px}@media screen and (max-width: 767px){.columns.is-variable.is-5-mobile{--columnGap: 12.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-5-tablet{--columnGap: 12.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 12.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 12.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 12.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-5-desktop-only{--columnGap: 12.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-5-widescreen{--columnGap: 12.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-5-widescreen-only{--columnGap: 12.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-5-fullhd{--columnGap: 12.5px}}.columns.is-variable.is-6{--columnGap: 15px}@media screen and (max-width: 767px){.columns.is-variable.is-6-mobile{--columnGap: 15px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-6-tablet{--columnGap: 15px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 15px}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 15px}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 15px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-6-desktop-only{--columnGap: 15px}}@media screen and (min-width: 1240px){.columns.is-variable.is-6-widescreen{--columnGap: 15px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-6-widescreen-only{--columnGap: 15px}}@media screen and (min-width: 1388px){.columns.is-variable.is-6-fullhd{--columnGap: 15px}}.columns.is-variable.is-7{--columnGap: 17.5px}@media screen and (max-width: 767px){.columns.is-variable.is-7-mobile{--columnGap: 17.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-7-tablet{--columnGap: 17.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 17.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 17.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 17.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-7-desktop-only{--columnGap: 17.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-7-widescreen{--columnGap: 17.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-7-widescreen-only{--columnGap: 17.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-7-fullhd{--columnGap: 17.5px}}.columns.is-variable.is-8{--columnGap: 20px}@media screen and (max-width: 767px){.columns.is-variable.is-8-mobile{--columnGap: 20px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-8-tablet{--columnGap: 20px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 20px}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 20px}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 20px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-8-desktop-only{--columnGap: 20px}}@media screen and (min-width: 1240px){.columns.is-variable.is-8-widescreen{--columnGap: 20px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-8-widescreen-only{--columnGap: 20px}}@media screen and (min-width: 1388px){.columns.is-variable.is-8-fullhd{--columnGap: 20px}}.columns.is-variable.is-9{--columnGap: 22.5px}@media screen and (max-width: 767px){.columns.is-variable.is-9-mobile{--columnGap: 22.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-9-tablet{--columnGap: 22.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-9-tablet-only{--columnGap: 22.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-9-touch{--columnGap: 22.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-9-desktop{--columnGap: 22.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-9-desktop-only{--columnGap: 22.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-9-widescreen{--columnGap: 22.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-9-widescreen-only{--columnGap: 22.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-9-fullhd{--columnGap: 22.5px}}.columns.is-variable.is-10{--columnGap: 25px}@media screen and (max-width: 767px){.columns.is-variable.is-10-mobile{--columnGap: 25px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-10-tablet{--columnGap: 25px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-10-tablet-only{--columnGap: 25px}}@media screen and (max-width: 1023px){.columns.is-variable.is-10-touch{--columnGap: 25px}}@media screen and (min-width: 1024px){.columns.is-variable.is-10-desktop{--columnGap: 25px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-10-desktop-only{--columnGap: 25px}}@media screen and (min-width: 1240px){.columns.is-variable.is-10-widescreen{--columnGap: 25px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-10-widescreen-only{--columnGap: 25px}}@media screen and (min-width: 1388px){.columns.is-variable.is-10-fullhd{--columnGap: 25px}}.columns.is-variable.is-11{--columnGap: 27.5px}@media screen and (max-width: 767px){.columns.is-variable.is-11-mobile{--columnGap: 27.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-11-tablet{--columnGap: 27.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-11-tablet-only{--columnGap: 27.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-11-touch{--columnGap: 27.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-11-desktop{--columnGap: 27.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-11-desktop-only{--columnGap: 27.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-11-widescreen{--columnGap: 27.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-11-widescreen-only{--columnGap: 27.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-11-fullhd{--columnGap: 27.5px}}.columns.is-variable.is-12{--columnGap: 30px}@media screen and (max-width: 767px){.columns.is-variable.is-12-mobile{--columnGap: 30px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-12-tablet{--columnGap: 30px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-12-tablet-only{--columnGap: 30px}}@media screen and (max-width: 1023px){.columns.is-variable.is-12-touch{--columnGap: 30px}}@media screen and (min-width: 1024px){.columns.is-variable.is-12-desktop{--columnGap: 30px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-12-desktop-only{--columnGap: 30px}}@media screen and (min-width: 1240px){.columns.is-variable.is-12-widescreen{--columnGap: 30px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-12-widescreen-only{--columnGap: 30px}}@media screen and (min-width: 1388px){.columns.is-variable.is-12-fullhd{--columnGap: 30px}}.rows{display:flex;flex-direction:column;margin:-12px;flex:1 1 auto;justify-self:stretch;height:calc(100% + 24px)}@media screen and (max-width: 767px){.rows{margin:-8px;height:calc(100% + 16px)}}.rows.is-aligned-end{justify-content:flex-end}.rows.is-gapless .row:not(:first-child){padding-top:0}.rows.is-gapless .row:not(:last-child){padding-bottom:0}.rows .is-divider{margin-top:0;margin-bottom:0}.rows .row{display:block;flex-grow:1;flex-shrink:1;padding:12px}@media screen and (max-width: 767px){.rows .row{padding:8px}}.rows .row.is-narrow{flex-grow:0}.tile{align-items:stretch;display:block;flex-basis:0;flex-grow:1;flex-shrink:1;min-height:min-content}.tile.is-ancestor{margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px}.tile.is-ancestor:last-child{margin-bottom:-7.5px}.tile.is-ancestor:not(:last-child){margin-bottom:7.5px}.tile.is-child{margin:0!important}.tile.is-parent{padding:7.5px}.tile.is-parent.is-multiline>.tile.is-child>*:last-child{margin-bottom:20px}.tile.is-vertical{flex-direction:column}.tile.is-vertical>.tile.is-child:not(:last-child){margin-bottom:15px!important}.tile:not(.is-child){display:flex}@media screen and (max-width: 767px){.tile.is-1-mobile{flex:none;width:8.3333333333%}.tile.is-2-mobile{flex:none;width:16.6666666667%}.tile.is-3-mobile{flex:none;width:25%}.tile.is-4-mobile{flex:none;width:33.3333333333%}.tile.is-5-mobile{flex:none;width:41.6666666667%}.tile.is-6-mobile{flex:none;width:50%}.tile.is-7-mobile{flex:none;width:58.3333333333%}.tile.is-8-mobile{flex:none;width:66.6666666667%}.tile.is-9-mobile{flex:none;width:75%}.tile.is-10-mobile{flex:none;width:83.3333333333%}.tile.is-11-mobile{flex:none;width:91.6666666667%}.tile.is-12-mobile{flex:none;width:100%}.tile.is-vertical-mobile{flex-direction:column}}@media screen and (min-width: 768px),print{.tile:not(.is-child){display:flex}.tile.is-1{flex:none;width:8.3333333333%}.tile.is-2{flex:none;width:16.6666666667%}.tile.is-3{flex:none;width:25%}.tile.is-4{flex:none;width:33.3333333333%}.tile.is-5{flex:none;width:41.6666666667%}.tile.is-6{flex:none;width:50%}.tile.is-7{flex:none;width:58.3333333333%}.tile.is-8{flex:none;width:66.6666666667%}.tile.is-9{flex:none;width:75%}.tile.is-10{flex:none;width:83.3333333333%}.tile.is-11{flex:none;width:91.6666666667%}.tile.is-12{flex:none;width:100%}}body>header,body>footer,.main-content{display:block;width:100%;margin:0 auto;flex-shrink:0;position:relative}@media screen and (min-width: 1388px){body>header.is-fullwidth,.field body>header.select,body>footer.is-fullwidth,.field body>footer.select,.main-content.is-fullwidth,.field .main-content.select{max-width:100%}}.main-content{flex-grow:1;max-width:1500px}.main-content:before{content:" ";background-color:transparent;transition:background-color .25s ease-in-out}.main-content.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;background-color:#000000db;z-index:10}.section{padding:32px 24px}@media screen and (min-width: 1024px){.section{padding:48px 24px}}.section.has-overlap>.container{margin-top:-48px}@media screen and (min-width: 1024px){.section.has-overlap>.container{margin-top:-64px}}.section.is-info{background-color:var(--color-info);color:var(--color-white)}.section.has-overlay{position:relative;z-index:0;color:var(--color-white)}.section.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1;background-color:#0009}.section.has-pattern-light{background-size:70%;background-position:180px -30px}.section.has-pattern-dark{background:linear-gradient(#1b3650,var(--color-accent));background-size:auto,120%,auto;background-position:top left,260px -30%,top left}.hero{align-items:stretch;background-color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero .hero-body{flex-grow:1;flex-shrink:0;position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:20px}@media screen and (min-width: 1024px){.hero .hero-body{padding:30px 20px}}.hero .hero-body>.container{flex:1;flex-basis:100%}.hero .hero-body .title{font-size:24px}@media screen and (min-width: 1024px){.hero .hero-body .title{font-size:36px}}.hero.is-overlapped .hero-body{padding-bottom:50px}@media screen and (max-width: 767px){.hero.is-overlapped+.section{margin-left:-20px;margin-right:-20px}.hero.is-overlapped+.section .box{box-shadow:none;border-radius:24px 24px 0 0;overflow:hidden}}.hero.is-overlapped+.section>.container{margin-top:-50px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section>.container{margin-top:-60px}}.hero.is-overlapped+.section.is-small>.container{margin-top:-50px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-small>.container{margin-top:-60px}}.hero.is-overlapped+.section.is-medium>.container{margin-top:-70px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-medium>.container{margin-top:-90px}}.hero.is-overlapped+.section.is-large>.container{margin-top:-90px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-large>.container{margin-top:-120px}}.hero.has-background{background-repeat:no-repeat;background-size:cover}.hero.has-background .hero-body{text-align:center;padding:100px 20px}@media screen and (min-width: 1024px){.hero.has-background .hero-body{text-align:left;padding-top:80px;padding-bottom:80px}}.hero.has-background .hero-body .suptitle{display:none}@media screen and (min-width: 1024px){.hero.has-background .hero-body .suptitle{display:block;margin-bottom:30px;font-size:19px;text-transform:uppercase}}.hero.has-background .hero-body .title{font-size:32px;margin-bottom:25px}@media screen and (min-width: 1024px){.hero.has-background .hero-body .title{font-size:52px}}.hero.has-background .hero-body .button{width:auto}.hero.has-background.is-overlapped .hero-body{padding:30px 20px 60px}@media screen and (min-width: 1024px){.hero.has-background.is-overlapped .hero-body{padding:60px 20px}}.hero.is-centered{text-align:center}.icon .tri-alert{-webkit-mask-image:url(/templates/assets/alert-3f238e60.svg);mask-image:url(/templates/assets/alert-3f238e60.svg)}.icon .tri-arrow-down{-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg)}.icon .tri-arrow-left{-webkit-mask-image:url(/templates/assets/arrow-left-a1e1478c.svg);mask-image:url(/templates/assets/arrow-left-a1e1478c.svg)}.icon .tri-arrow-right{-webkit-mask-image:url(/templates/assets/arrow-right-516c77b6.svg);mask-image:url(/templates/assets/arrow-right-516c77b6.svg)}.icon .tri-arrow-up{-webkit-mask-image:url(/templates/assets/arrow-up-97ff6997.svg);mask-image:url(/templates/assets/arrow-up-97ff6997.svg)}.icon .tri-bell{-webkit-mask-image:url(/templates/assets/bell-0387e565.svg);mask-image:url(/templates/assets/bell-0387e565.svg)}.icon .tri-check-circle{-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg)}.icon .tri-check{-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg)}.icon .tri-exclamation-circle{-webkit-mask-image:url(/templates/assets/exclamation-circle-40fdd5f4.svg);mask-image:url(/templates/assets/exclamation-circle-40fdd5f4.svg)}.icon .tri-eye-slash{-webkit-mask-image:url(/templates/assets/eye-slash-71b128fa.svg);mask-image:url(/templates/assets/eye-slash-71b128fa.svg)}.icon .tri-eye{-webkit-mask-image:url(/templates/assets/eye-a7c40edb.svg);mask-image:url(/templates/assets/eye-a7c40edb.svg)}.icon .tri-infos-circle{-webkit-mask-image:url(/templates/assets/infos-circle-0e01c7a4.svg);mask-image:url(/templates/assets/infos-circle-0e01c7a4.svg)}.icon .tri-search{-webkit-mask-image:url(/templates/assets/search-ce872a93.svg);mask-image:url(/templates/assets/search-ce872a93.svg)}.icon .tri-times{-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg);mask-image:url(/templates/assets/times-a0f06f97.svg)}.icon .tri-trash{-webkit-mask-image:url(/templates/assets/trash-1bedf5e8.svg);mask-image:url(/templates/assets/trash-1bedf5e8.svg)} diff --git a/packages/react/components/accordion/Accordion.example.tsx b/packages/react/components/accordion/Accordion.example.tsx new file mode 100644 index 00000000..ebadae2a --- /dev/null +++ b/packages/react/components/accordion/Accordion.example.tsx @@ -0,0 +1,45 @@ +import React from 'react' +import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './index' + +const AccordionExample: React.ReactNode = + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem., consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + + + + + Hello World{' '} + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + + + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + + + + + Item disabled + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + + + + +export default AccordionExample diff --git a/packages/react/components/accordion/index.ts b/packages/react/components/accordion/index.ts index af1bec69..07819eab 100644 --- a/packages/react/components/accordion/index.ts +++ b/packages/react/components/accordion/index.ts @@ -2,5 +2,6 @@ import Accordion from './Accordion' import AccordionItem from './item' import AccordionHeader from './header' import AccordionBody from './body' +import AccordionExample from './Accordion.example' -export { Accordion, AccordionItem, AccordionHeader, AccordionBody } +export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample } diff --git a/packages/react/components/accordion/item/AccordionItem.tsx b/packages/react/components/accordion/item/AccordionItem.tsx index 5c751006..c3d303c3 100644 --- a/packages/react/components/accordion/item/AccordionItem.tsx +++ b/packages/react/components/accordion/item/AccordionItem.tsx @@ -28,7 +28,7 @@ const AccordionItem = ({ ...others }: AccordionItemProps): JSX.Element => { const ref = useRef(null) - const {styled} = useTrilogyContext() + const { styled } = useTrilogyContext() const [isActive, setIsActive] = useState(active || false) const [expandedHeight, setExpandedHeight] = useState() diff --git a/packages/react/components/alert/Alert.example.tsx b/packages/react/components/alert/Alert.example.tsx new file mode 100644 index 00000000..c48134b9 --- /dev/null +++ b/packages/react/components/alert/Alert.example.tsx @@ -0,0 +1,41 @@ +import React from 'react' +import { Alert } from './index' +import { Columns, ColumnsItem } from '../columns' + +const AlertExample: React.ReactNode = + + + + + + + + + + + + + + + +export default AlertExample diff --git a/packages/react/components/alert/index.ts b/packages/react/components/alert/index.ts index 11096b37..5e673703 100644 --- a/packages/react/components/alert/index.ts +++ b/packages/react/components/alert/index.ts @@ -1,4 +1,5 @@ import Alert, { ToasterAlertProvider } from './Alert' +import AlertExample from './Alert.example' import ToasterContext from './context' -export { Alert, ToasterContext, ToasterAlertProvider } +export { Alert, AlertExample, ToasterContext, ToasterAlertProvider } diff --git a/packages/react/components/autocomplete/AutoComplete.native.tsx b/packages/react/components/autocomplete/AutoComplete.native.tsx index 0e654888..cc6863ee 100644 --- a/packages/react/components/autocomplete/AutoComplete.native.tsx +++ b/packages/react/components/autocomplete/AutoComplete.native.tsx @@ -7,7 +7,6 @@ import { defaultMatching, getLabel } from './Autocomplete.helpers' import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native' import { debounce } from './utils' - /** * AutoComplete Component * @param placeholder {string} placeholder for input diff --git a/packages/react/components/autocomplete/AutoCompleteProps.ts b/packages/react/components/autocomplete/AutoCompleteProps.ts index ab6a799d..a6850c9a 100644 --- a/packages/react/components/autocomplete/AutoCompleteProps.ts +++ b/packages/react/components/autocomplete/AutoCompleteProps.ts @@ -1,4 +1,4 @@ -import { InputChangeEventWeb,InputChangeEventNative, InputClickEvent, InputProps } from '@/components/input/InputProps' +import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '@/components/input/InputProps' import { FocusEventHandler } from 'react' /** diff --git a/packages/react/components/autolayout/DefaultSpacingMatrix.ts b/packages/react/components/autolayout/DefaultSpacingMatrix.ts index 1f06a860..c57dd788 100644 --- a/packages/react/components/autolayout/DefaultSpacingMatrix.ts +++ b/packages/react/components/autolayout/DefaultSpacingMatrix.ts @@ -39,4 +39,4 @@ export const DEFAULT_SPACING_MATRIX: SpacingMatrix = [ [INSERT_SPACE_BETWEEN, 'Link', 'default', TWO], [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO], [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO], -]; +] diff --git a/packages/react/components/badge/Badge.example.tsx b/packages/react/components/badge/Badge.example.tsx new file mode 100644 index 00000000..584abc86 --- /dev/null +++ b/packages/react/components/badge/Badge.example.tsx @@ -0,0 +1,10 @@ +import React from 'react' +import { + Badge +} from "./index" + +const BadgeExample: React.ReactNode = + +export default BadgeExample diff --git a/packages/react/components/badge/Badge.tsx b/packages/react/components/badge/Badge.tsx index 48a3dc83..96fb41d9 100644 --- a/packages/react/components/badge/Badge.tsx +++ b/packages/react/components/badge/Badge.tsx @@ -4,7 +4,7 @@ import { Text, TextMarkup } from "@/components/text" import clsx from "clsx" import { hashClass } from "@/helpers" import { useTrilogyContext } from "@/context" -import {is} from "@/services"; +import { is } from "@/services" /** * Badge Component diff --git a/packages/react/components/badge/index.ts b/packages/react/components/badge/index.ts index a4728002..a72bb1d8 100644 --- a/packages/react/components/badge/index.ts +++ b/packages/react/components/badge/index.ts @@ -1,5 +1,6 @@ import Badge from './Badge' +import BadgeExample from './Badge.example' export * from './BadgeEnum' -export { Badge } +export { Badge, BadgeExample } diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx new file mode 100644 index 00000000..8f8037d1 --- /dev/null +++ b/packages/react/components/box/Box.example.tsx @@ -0,0 +1,49 @@ +import React from 'react' +import { Box, BoxContent, BoxFooter } from './index' +import { Title, TitleLevels } from '@/components/title' +import { Text } from '@/components/text' +import { Columns, ColumnsItem } from '../columns' +import { Link } from '../link' +import { TrilogyColor } from '@/objects' + +const BoxExample: React.ReactNode = ( + + + + + Box Title + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + + + + + + + Box Title + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + + + + + + + Box Title + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + + + + + + + Box Title + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + + + Link + + + + +) + +export default BoxExample diff --git a/packages/react/components/box/index.ts b/packages/react/components/box/index.ts index 7a34c061..9cb19b61 100644 --- a/packages/react/components/box/index.ts +++ b/packages/react/components/box/index.ts @@ -5,7 +5,8 @@ import BoxHeader from './header' import BoxTableContainer from './table-container' import BoxItem from './item' import { BoxItemSize } from './item/BoxItemEnum' +import BoxExample from './Box.example' export * from './BoxProps' -export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer } +export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer, BoxExample } diff --git a/packages/react/components/breadcrumb/Breadcrumb.example.tsx b/packages/react/components/breadcrumb/Breadcrumb.example.tsx new file mode 100644 index 00000000..fdd9c595 --- /dev/null +++ b/packages/react/components/breadcrumb/Breadcrumb.example.tsx @@ -0,0 +1,20 @@ +import React from 'react' +import { Breadcrumb, BreadcrumbItem } from './index' + +const BreadcrumbExample: React.ReactNode = + + + Google + + + Parent avec ancre + + + Parent + + + Page en cours + + + +export default BreadcrumbExample diff --git a/packages/react/components/breadcrumb/index.ts b/packages/react/components/breadcrumb/index.ts index 808c2476..cdfcb485 100644 --- a/packages/react/components/breadcrumb/index.ts +++ b/packages/react/components/breadcrumb/index.ts @@ -1,4 +1,5 @@ import Breadcrumb from './Breadcrumb' import BreadcrumbItem from './item' +import BreadcrumbExample from './Breadcrumb.example' -export { Breadcrumb, BreadcrumbItem } +export { Breadcrumb, BreadcrumbItem, BreadcrumbExample } diff --git a/packages/react/components/button/Button.example.tsx b/packages/react/components/button/Button.example.tsx new file mode 100644 index 00000000..57b1c6d4 --- /dev/null +++ b/packages/react/components/button/Button.example.tsx @@ -0,0 +1,36 @@ +import React from 'react' +import { ButtonList, Button } from './index' + +const ButtonExample: React.ReactNode = + + + + + + + + +export default ButtonExample + diff --git a/packages/react/components/button/index.ts b/packages/react/components/button/index.ts index 618cffe8..7a3a1efd 100644 --- a/packages/react/components/button/index.ts +++ b/packages/react/components/button/index.ts @@ -1,6 +1,7 @@ import Button from './Button' import { ButtonList } from './list' +import ButtonExample from './Button.example' export * from './ButtonEnum' -export { Button, ButtonList } +export { Button, ButtonList, ButtonExample } diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx new file mode 100644 index 00000000..c49c9b97 --- /dev/null +++ b/packages/react/components/card/Card.example.tsx @@ -0,0 +1,56 @@ +import React from 'react' +import { Card, CardImage, CardContent } from './index' +import { Title, TitleLevels } from '@/components/title' +import { Text, TextLevels } from '@/components/text' +import { Button } from '@/components/button' +import { Rows, RowItem } from '@/components/rows' + +const CardExample: React.ReactNode = + + + + + + + Présentation + + + Title lorem + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, + vulputate vera. + + + + + + + + + + + Présentation + + + Title lorem + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, + vulputate vera. + + + + + + + +export default CardExample diff --git a/packages/react/components/card/image/CardImage.native.tsx b/packages/react/components/card/image/CardImage.native.tsx index b034885c..592b6214 100644 --- a/packages/react/components/card/image/CardImage.native.tsx +++ b/packages/react/components/card/image/CardImage.native.tsx @@ -18,7 +18,6 @@ const CardImage = ({ src, size, alt, onClick, contain, ...others }: CardImagePro const maxSize = horizontal ? '50%' : '100%' const [ratio, setRatio] = useState(1) - const getBorderRadius = (isHorizontal: boolean, isReversed: boolean, isActive: boolean) => ({ borderBottomRightRadius: (isHorizontal && 1) || (isReversed && 8) || 0, borderBottomLeftRadius: (isHorizontal && 8) || (isReversed && 8) || 0, diff --git a/packages/react/components/card/index.ts b/packages/react/components/card/index.ts index dd20d4cd..e8fd7b5c 100644 --- a/packages/react/components/card/index.ts +++ b/packages/react/components/card/index.ts @@ -1,7 +1,8 @@ import Card from './Card' import CardImage from './image' import CardContent from './content' +import CardExample from './Card.example' export * from './image/CardImageEnum' -export { Card, CardImage, CardContent } +export { Card, CardImage, CardContent, CardExample } diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx new file mode 100644 index 00000000..1e376fd0 --- /dev/null +++ b/packages/react/components/checkbox/Checkbox.example.tsx @@ -0,0 +1,87 @@ +import React from 'react' +import Checkbox from '@/components/checkbox/Checkbox' +import { Columns, ColumnsItem } from '../columns' + +const CheckboxExample: React.ReactNode = + + + + + + + + + + + + + + + + + + + +export default CheckboxExample diff --git a/packages/react/components/checkbox/index.ts b/packages/react/components/checkbox/index.ts index e2612932..de213382 100644 --- a/packages/react/components/checkbox/index.ts +++ b/packages/react/components/checkbox/index.ts @@ -1,3 +1,4 @@ import Checkbox from './Checkbox' +import CheckboxExample from './Checkbox.example' -export { Checkbox } +export { Checkbox, CheckboxExample } diff --git a/packages/react/components/chips/Chips.example.tsx b/packages/react/components/chips/Chips.example.tsx new file mode 100644 index 00000000..e3ee5e1d --- /dev/null +++ b/packages/react/components/chips/Chips.example.tsx @@ -0,0 +1,36 @@ +import React from 'react' +import { Text } from '@/components/text' +import { Chips, ChipsList } from './index' + +const ChipsExample: React.ReactNode =
+ + Exemple de selection unique : + + + + Chips du panel de controls + + + Chips 2 + + + Chips 3 + + + Chips 4 + + + Chips disabled + + +
+ +export default ChipsExample diff --git a/packages/react/components/chips/index.ts b/packages/react/components/chips/index.ts index de5845a9..67f87bd9 100644 --- a/packages/react/components/chips/index.ts +++ b/packages/react/components/chips/index.ts @@ -1,4 +1,5 @@ import Chips from './Chips' import ChipsList from './list/ChipsList' +import ChipsExample from './Chips.example' -export { Chips, ChipsList } +export { Chips, ChipsList, ChipsExample } diff --git a/packages/react/components/columns/Columns.example.tsx b/packages/react/components/columns/Columns.example.tsx new file mode 100644 index 00000000..4ae3d8ef --- /dev/null +++ b/packages/react/components/columns/Columns.example.tsx @@ -0,0 +1,30 @@ +import React from 'react' +import { Columns, ColumnsItem } from './index' +import { Title, TitleLevels } from '@/components/title' +import { Box } from '@/components/box' + +const ColumnsExample: React.ReactNode = + + + + Column + + + + + + + Column + + + + + + + Column + + + + + +export default ColumnsExample diff --git a/packages/react/components/columns/Columns.native.tsx b/packages/react/components/columns/Columns.native.tsx index 9b8370ba..c30f7a43 100644 --- a/packages/react/components/columns/Columns.native.tsx +++ b/packages/react/components/columns/Columns.native.tsx @@ -1,11 +1,10 @@ -import React, {createContext, useState} from "react" -import {Dimensions, LayoutChangeEvent, StyleSheet} from "react-native" -import {View} from "@/components/view" -import {ColumnsProps} from "./ColumnsProps" -import {ComponentName} from "@/components/enumsComponentsName" -import {ScrollView} from 'react-native' -import {ColumnsGap, ColumnsGapValue} from "@/components/columns/ColumnsTypes" -import {Text} from "@/components/text"; +import React, { createContext, useState } from "react" +import { Dimensions, LayoutChangeEvent, StyleSheet, ScrollView } from "react-native" +import { View } from "@/components/view" +import { ColumnsProps } from "./ColumnsProps" +import { ComponentName } from "@/components/enumsComponentsName" +import { ColumnsGap, ColumnsGapValue } from "@/components/columns/ColumnsTypes" +import { Text } from "@/components/text" /** * Columns Native Component @@ -17,7 +16,7 @@ import {Text} from "@/components/text"; * @param gap {ColumnsGap} Gap between columns */ -export const ColumnsContext = createContext({scrollable: false}) +export const ColumnsContext = createContext({ scrollable: false }) const Columns = ({ children, @@ -36,7 +35,7 @@ const Columns = ({ const onLayoutHandler = (event: LayoutChangeEvent) => { if (!width) { - const {width} = event.nativeEvent.layout + const { width } = event.nativeEvent.layout if (fullBleed) { setEnlarge((Dimensions.get('screen').width - width) / 2) } @@ -86,15 +85,15 @@ const Columns = ({ verticalCentered && styles.verticalAlign, ]} {...others} - {...{onLayout: onLayoutHandler}} + {...{ onLayout: onLayoutHandler }} > {// eslint-disable-next-line @typescript-eslint/no-explicit-any React.Children.map(children, (child: any) => child && React.cloneElement(child, { style: [child.props.style, - {width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto'}, - child.props.narrow && {flex: 'none', flexShrink: 1}, + { width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto' }, + child.props.narrow && { flex: 'none', flexShrink: 1 }, ] }) )} @@ -106,7 +105,7 @@ const Columns = ({ return + }} {...{ onLayout: onLayoutHandler }}> {// eslint-disable-next-line @typescript-eslint/no-explicit-any React.Children.map(children, (child: any) => @@ -114,7 +113,7 @@ const Columns = ({ style: [child.props.style, { width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap, flexGrow: 0, - }, child.props.narrow && {flex: 'none', flexShrink: 1}], + }, child.props.narrow && { flex: 'none', flexShrink: 1 }], }) )} diff --git a/packages/react/components/columns/Columns.tsx b/packages/react/components/columns/Columns.tsx index 926ade5b..a966f7e4 100644 --- a/packages/react/components/columns/Columns.tsx +++ b/packages/react/components/columns/Columns.tsx @@ -4,7 +4,7 @@ import { ColumnsProps } from "./ColumnsProps" import { is, has } from "@/services/classify" import { hashClass } from "@/helpers" import { useTrilogyContext } from "@/context" -import {ColumnsGap} from "@/components/columns/ColumnsTypes"; +import { ColumnsGap } from "@/components/columns/ColumnsTypes" /** * Columns Component diff --git a/packages/react/components/columns/index.ts b/packages/react/components/columns/index.ts index d1ce559c..9e88d798 100644 --- a/packages/react/components/columns/index.ts +++ b/packages/react/components/columns/index.ts @@ -1,4 +1,5 @@ import Columns from './Columns' import ColumnsItem from './item' +import ColumnsExample from './Columns.example' -export { Columns, ColumnsItem } +export { Columns, ColumnsItem, ColumnsExample } diff --git a/packages/react/components/container/Container.example.tsx b/packages/react/components/container/Container.example.tsx new file mode 100644 index 00000000..f2d92905 --- /dev/null +++ b/packages/react/components/container/Container.example.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +import { Box } from '@/components/box' +import { Text } from '@/components/text' +import { Container } from './index' + +const ContainerExample: React.ReactNode = ( + + + Je suis une box dans un container + + +) + +export default ContainerExample diff --git a/packages/react/components/container/index.ts b/packages/react/components/container/index.ts index d7b8b4b1..4903ea31 100644 --- a/packages/react/components/container/index.ts +++ b/packages/react/components/container/index.ts @@ -1,3 +1,4 @@ import Container from './Container' +import ContainerExample from './Container.example' -export { Container } +export { Container, ContainerExample } diff --git a/packages/react/components/countdown/Countdown.example.tsx b/packages/react/components/countdown/Countdown.example.tsx new file mode 100644 index 00000000..53cccde9 --- /dev/null +++ b/packages/react/components/countdown/Countdown.example.tsx @@ -0,0 +1,20 @@ +import React from 'react' +import { Countdown } from './index' +import { Columns, ColumnsItem } from '../columns' + +const CountdownExample: React.ReactNode = + + + + + + + + + +export default CountdownExample diff --git a/packages/react/components/countdown/index.ts b/packages/react/components/countdown/index.ts index 9240dcbd..c6731f6f 100644 --- a/packages/react/components/countdown/index.ts +++ b/packages/react/components/countdown/index.ts @@ -1,4 +1,5 @@ import Countdown from "./Countdown" import { CountdownFormat, CountdownUnite } from "./CountdownEnum" +import CountdownExample from './Countdown.example' -export { Countdown, CountdownFormat, CountdownUnite } +export { Countdown, CountdownFormat, CountdownUnite, CountdownExample } diff --git a/packages/react/components/divider/Divider.example.tsx b/packages/react/components/divider/Divider.example.tsx new file mode 100644 index 00000000..d5ab7bfc --- /dev/null +++ b/packages/react/components/divider/Divider.example.tsx @@ -0,0 +1,9 @@ +import React from 'react' +import { Divider } from './index' + +const DividerExample: React.ReactNode = + +export default DividerExample diff --git a/packages/react/components/divider/index.ts b/packages/react/components/divider/index.ts index b7d02c76..0da06b62 100644 --- a/packages/react/components/divider/index.ts +++ b/packages/react/components/divider/index.ts @@ -1,3 +1,4 @@ import Divider from './Divider' +import DividerExample from './Divider.example' -export { Divider } +export { Divider, DividerExample } diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx new file mode 100644 index 00000000..75fff65a --- /dev/null +++ b/packages/react/components/fab/Fab.example.tsx @@ -0,0 +1,18 @@ +import React from 'react' +import { Fab } from './index' +import { Columns, ColumnsItem } from '../columns' + +const FabExample: React.ReactNode = ( + + + Ecrire + + + + Extended fab + + + +) + +export default FabExample diff --git a/packages/react/components/fab/index.ts b/packages/react/components/fab/index.ts index d27492d3..ed0145dc 100644 --- a/packages/react/components/fab/index.ts +++ b/packages/react/components/fab/index.ts @@ -1,3 +1,4 @@ import Fab from "./Fab" +import FabExample from './Fab.example' -export { Fab } +export { Fab, FabExample } diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx new file mode 100644 index 00000000..2ed91be6 --- /dev/null +++ b/packages/react/components/hero/Hero.example.tsx @@ -0,0 +1,36 @@ +import React from 'react' +import { Hero } from './index' +import { Container } from '@/components/container' +import { Title, TitleLevels } from '@/components/title' +import { Columns, ColumnsItem } from '@/components/columns' +import { Section } from '@/components/section' +import { Box, BoxContent } from '@/components/box' +import { Text } from '@/components/text' + +const HeroExample: React.ReactNode = ( + + + + + + Internet garanti + + + Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres + Bbox. + + + +
+ + + + Internet garanti + + + +
+ + +) +export default HeroExample diff --git a/packages/react/components/hero/index.ts b/packages/react/components/hero/index.ts index 6e06243d..e7a0ed34 100644 --- a/packages/react/components/hero/index.ts +++ b/packages/react/components/hero/index.ts @@ -1,3 +1,4 @@ import Hero from './Hero' +import HeroExample from './Hero.example' -export { Hero } +export { Hero, HeroExample } diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx new file mode 100644 index 00000000..771b6b56 --- /dev/null +++ b/packages/react/components/icon/Icon.example.tsx @@ -0,0 +1,18 @@ +import React from 'react' +import { Icon } from './index' +import { Columns, ColumnsItem } from '@/components/columns' + +const IconExample: React.ReactNode = ( + + + + + + + + + + + +) +export default IconExample diff --git a/packages/react/components/icon/index.ts b/packages/react/components/icon/index.ts index c928d944..d6ccb069 100644 --- a/packages/react/components/icon/index.ts +++ b/packages/react/components/icon/index.ts @@ -1,6 +1,6 @@ import Icon from './Icon' - +import IconExample from './Icon.example' export * from './IconEnum' export * from './IconNameEnum' -export { Icon } +export { Icon, IconExample } diff --git a/packages/react/components/image/Image.example.tsx b/packages/react/components/image/Image.example.tsx new file mode 100644 index 00000000..244d7ab1 --- /dev/null +++ b/packages/react/components/image/Image.example.tsx @@ -0,0 +1,10 @@ +import React from 'react' +import { Image } from './index' + +const ImageExample: React.ReactNode = + image test + +export default ImageExample diff --git a/packages/react/components/image/index.ts b/packages/react/components/image/index.ts index e9c1f3ac..3e635804 100644 --- a/packages/react/components/image/index.ts +++ b/packages/react/components/image/index.ts @@ -1,3 +1,4 @@ import Image from './Image' +import ImageExample from './Image.example' -export { Image } +export { Image, ImageExample } diff --git a/packages/react/components/input/Input.example.tsx b/packages/react/components/input/Input.example.tsx new file mode 100644 index 00000000..29a9d5b5 --- /dev/null +++ b/packages/react/components/input/Input.example.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import { Input } from './index' + +const InputExample: React.ReactNode = + + + +export default InputExample diff --git a/packages/react/components/input/Input.native.tsx b/packages/react/components/input/Input.native.tsx index dc097d9a..3e75740b 100644 --- a/packages/react/components/input/Input.native.tsx +++ b/packages/react/components/input/Input.native.tsx @@ -1,7 +1,7 @@ import { ComponentName } from '@/components/enumsComponentsName' import { Icon, IconName, IconSize } from '@/components/icon' import { Text, TextLevels } from '@/components/text' -import {grayscale, TypographyColor} from '@/objects' +import { grayscale, TypographyColor } from '@/objects' import { Alignable } from '@/objects/facets/Alignable' import { TrilogyColor, getColorStyle } from '@/objects/facets/Color' import { StatusState } from '@/objects/facets/Status' diff --git a/packages/react/components/input/index.ts b/packages/react/components/input/index.ts index 00866989..16fe5c99 100644 --- a/packages/react/components/input/index.ts +++ b/packages/react/components/input/index.ts @@ -1,6 +1,7 @@ import Input from './Input' +import InputExample from './Input.example' export * from './InputEnum' export * from './InputProps' -export { Input } +export { Input, InputExample } diff --git a/packages/react/components/link/Link.example.tsx b/packages/react/components/link/Link.example.tsx new file mode 100644 index 00000000..eb059fb4 --- /dev/null +++ b/packages/react/components/link/Link.example.tsx @@ -0,0 +1,20 @@ +import React from 'react' +import { Link } from './index' +import { Divider } from '@/components/divider' +import { Text } from '@/components/text' + +const LinkExample: React.ReactNode = +
+ + {' '}Mot de passe oublié ? + + + + Je suis dans un paragraphe et ceci est un{' '} + + lien standard + + +
+ +export default LinkExample diff --git a/packages/react/components/link/index.ts b/packages/react/components/link/index.ts index 9d8e6abc..ba204f11 100644 --- a/packages/react/components/link/index.ts +++ b/packages/react/components/link/index.ts @@ -1,3 +1,4 @@ import Link from './Link' +import LinkExample from './Link.example' -export { Link } +export { Link, LinkExample } diff --git a/packages/react/components/list/List.example.tsx b/packages/react/components/list/List.example.tsx new file mode 100644 index 00000000..f36e93ce --- /dev/null +++ b/packages/react/components/list/List.example.tsx @@ -0,0 +1,49 @@ +import React from 'react' +import { List, ListItem, ListItemDescription } from './index' +import { Columns, ColumnsItem } from '../columns' + +const ListExample: React.ReactNode = + + + + + + Bonjour + + + + + + Bonjour + + + + + + Bonjour + + + + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book + + + + + + + + +export default ListExample diff --git a/packages/react/components/list/index.ts b/packages/react/components/list/index.ts index e88c1012..09256577 100644 --- a/packages/react/components/list/index.ts +++ b/packages/react/components/list/index.ts @@ -1,5 +1,6 @@ import List from './List' +import ListExample from './List.example' export * from './item' export * from './ListProps' -export { List } +export { List, ListExample } diff --git a/packages/react/components/modal/Modal.example.tsx b/packages/react/components/modal/Modal.example.tsx new file mode 100644 index 00000000..462dfc7a --- /dev/null +++ b/packages/react/components/modal/Modal.example.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Modal } from './index' + +const ModalExample: React.ReactNode = + + +export default ModalExample diff --git a/packages/react/components/modal/Modal.tsx b/packages/react/components/modal/Modal.tsx index fbf13e9d..e56893de 100644 --- a/packages/react/components/modal/Modal.tsx +++ b/packages/react/components/modal/Modal.tsx @@ -40,7 +40,7 @@ const idTitle = shortid.generate() * @param panel {boolean} Panel Side Modal * @param accessibilityLabel {string} Accessibility label * @param testId {string} Test id - * @param ctaCancelContent {string} content of button close + * @param ctaCancelContent {string} content of button close * @param footer {React.ReactNode} * @param footerClassNames {string} Additionnal CSS Classes for footer * - -------------------------- NATIVE PROPERTIES ------------------------------- diff --git a/packages/react/components/modal/index.ts b/packages/react/components/modal/index.ts index 4a9c3ad7..e0c962ff 100644 --- a/packages/react/components/modal/index.ts +++ b/packages/react/components/modal/index.ts @@ -1,7 +1,8 @@ import Modal from './Modal' import ModalFooter from './footer/ModalFooter' import ModalTitle from './title/ModalTitle' +import ModalExample from './Modal.example' export * from './ModalEnum' -export { Modal, ModalFooter, ModalTitle } +export { Modal, ModalFooter, ModalTitle, ModalExample } diff --git a/packages/react/components/otp/Otp.example.tsx b/packages/react/components/otp/Otp.example.tsx new file mode 100644 index 00000000..4634a560 --- /dev/null +++ b/packages/react/components/otp/Otp.example.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import { Otp } from './index' +import { Columns, ColumnsItem } from '../columns' + +const OtpExample: React.ReactNode = +
+ + + + + + + + + + + +
+ +export default OtpExample diff --git a/packages/react/components/otp/Otp.tsx b/packages/react/components/otp/Otp.tsx index 8a5537df..b17d2fdb 100644 --- a/packages/react/components/otp/Otp.tsx +++ b/packages/react/components/otp/Otp.tsx @@ -7,8 +7,6 @@ import { hashClass } from "@/helpers/hashClassesHelpers" import { is } from "@/services/classify" import { useTrilogyContext } from "@/context/index" - - type NumberOrNull = number | null; const stringToCode = (str: string|undefined, codeSize: number): Array => { diff --git a/packages/react/components/otp/index.ts b/packages/react/components/otp/index.ts index d747dbdb..96f32867 100644 --- a/packages/react/components/otp/index.ts +++ b/packages/react/components/otp/index.ts @@ -1,3 +1,4 @@ import Otp from './Otp' +import OtpExample from './Otp.example' -export { Otp } +export { Otp, OtpExample } diff --git a/packages/react/components/pagination/Pagination.example.tsx b/packages/react/components/pagination/Pagination.example.tsx new file mode 100644 index 00000000..6fcd492a --- /dev/null +++ b/packages/react/components/pagination/Pagination.example.tsx @@ -0,0 +1,11 @@ +import React from 'react' +import { Pagination } from './index' + +const PaginationExample: React.ReactNode = + + + +export default PaginationExample diff --git a/packages/react/components/pagination/index.ts b/packages/react/components/pagination/index.ts index ac3df8c5..ceb44043 100644 --- a/packages/react/components/pagination/index.ts +++ b/packages/react/components/pagination/index.ts @@ -1,5 +1,6 @@ import Pagination from './Pagination' +import PaginationExample from './Pagination.example' -export { Pagination } +export { Pagination, PaginationExample } export * from './PaginationEnum' diff --git a/packages/react/components/popover/Popover.example.tsx b/packages/react/components/popover/Popover.example.tsx new file mode 100644 index 00000000..bd8fc29a --- /dev/null +++ b/packages/react/components/popover/Popover.example.tsx @@ -0,0 +1,13 @@ +import React from 'react' +import { Popover } from './index' +import { Button } from '@/components/button' + +const PopoverExample: React.ReactNode = + + + + + +export default PopoverExample diff --git a/packages/react/components/popover/index.ts b/packages/react/components/popover/index.ts index 39845f77..b0d3cff8 100644 --- a/packages/react/components/popover/index.ts +++ b/packages/react/components/popover/index.ts @@ -1,5 +1,5 @@ import Popover from './Popover' - +import PopoverExample from './Popover.example' export * from './PopoverEnum' -export { Popover } +export { Popover, PopoverExample } diff --git a/packages/react/components/price/Price.example.tsx b/packages/react/components/price/Price.example.tsx new file mode 100644 index 00000000..2a9857b6 --- /dev/null +++ b/packages/react/components/price/Price.example.tsx @@ -0,0 +1,19 @@ +import React from 'react' +import { Price } from './index' +import { Columns, ColumnsItem } from '../columns' + +const PriceExample: React.ReactNode = ( + + + + + + + + + + + +) + +export default PriceExample diff --git a/packages/react/components/price/Price.tsx b/packages/react/components/price/Price.tsx index 684bfeef..036d6268 100644 --- a/packages/react/components/price/Price.tsx +++ b/packages/react/components/price/Price.tsx @@ -55,6 +55,7 @@ const Price = ({ styled, clsx( "price", + level && is(`level-${level}`), inverted && is("inverted"), inline && is("inlined"), overline && has("suptitle"), @@ -66,6 +67,7 @@ const Price = ({ styled, clsx( "price", + level && level == PriceLevel.ONE && is(`level-3`) || level == PriceLevel.TWO && is(`level-4`) || level == PriceLevel.THREE && is(`level-5`) || level == PriceLevel.FOUR && is(`level-6`) || is(`level-7`), inverted && is("inverted"), inline && is("inlined"), strikedAmount && is("striked"), @@ -106,13 +108,12 @@ const Price = ({ "€" const returnComponent = ( -
- {overline &&

{overline}

} +
+ {overline &&

{overline}

} {/* StrikedAmount Price */} {strikedAmount && ( - <> - - )}
- ); -}; + ) +} -export default ProgressRadial; +export default ProgressRadial diff --git a/packages/react/components/radio/Radio.example.tsx b/packages/react/components/radio/Radio.example.tsx new file mode 100644 index 00000000..e9d4ae24 --- /dev/null +++ b/packages/react/components/radio/Radio.example.tsx @@ -0,0 +1,87 @@ +import React from 'react' +import { Radio } from './index' +import { Columns, ColumnsItem } from '../columns' + +const RadioExample: React.ReactNode = + + + + + + + + + + + + + + + + + + + +export default RadioExample diff --git a/packages/react/components/radio/index.ts b/packages/react/components/radio/index.ts index 7b21e159..e68e9240 100644 --- a/packages/react/components/radio/index.ts +++ b/packages/react/components/radio/index.ts @@ -1,4 +1,5 @@ import { RadioList } from './list' import Radio from './Radio' +import RadioExample from './Radio.example' -export { Radio, RadioList } +export { Radio, RadioList, RadioExample } diff --git a/packages/react/components/range/Range.example.tsx b/packages/react/components/range/Range.example.tsx new file mode 100644 index 00000000..a8dac48f --- /dev/null +++ b/packages/react/components/range/Range.example.tsx @@ -0,0 +1,20 @@ +import React from 'react' +import { Range } from './index' + +const RangeExample: React.ReactNode = + + +export default RangeExample diff --git a/packages/react/components/range/Range.native.tsx b/packages/react/components/range/Range.native.tsx index 20da7bf7..df229992 100644 --- a/packages/react/components/range/Range.native.tsx +++ b/packages/react/components/range/Range.native.tsx @@ -25,7 +25,7 @@ import { ComponentName } from "@/components/enumsComponentsName" * @param valueCursorMax {number} number of input max * @param onChangeMin {function} on change min cursor * @param onChangeMax {function} on change max cursor - * @param testId {string} Test Id for Test Integration + * @param testId {string} Test Id for Test Integration */ const Range = ({ min, diff --git a/packages/react/components/range/Range.tsx b/packages/react/components/range/Range.tsx index 7780ceb1..d700df7f 100644 --- a/packages/react/components/range/Range.tsx +++ b/packages/react/components/range/Range.tsx @@ -24,7 +24,7 @@ import { useTrilogyContext } from "@/context" * @param valueCursorMax {number} number of input max * @param onChangeMin {function} on change min cursor * @param onChangeMax {function} on change max cursor - * @param testId {string} Test Id for Test Integration + * @param testId {string} Test Id for Test Integration */ const Range = ({ min, diff --git a/packages/react/components/range/index.ts b/packages/react/components/range/index.ts index 1a2662c9..7da23602 100644 --- a/packages/react/components/range/index.ts +++ b/packages/react/components/range/index.ts @@ -1,3 +1,4 @@ import Range from './Range' +import RangeExample from './Range.example' -export { Range } +export { Range, RangeExample } diff --git a/packages/react/components/rows/Rows.example.tsx b/packages/react/components/rows/Rows.example.tsx new file mode 100644 index 00000000..79369423 --- /dev/null +++ b/packages/react/components/rows/Rows.example.tsx @@ -0,0 +1,34 @@ +import React from 'react' +import { RowItem, Rows } from './index' +import { Columns, ColumnsItem } from '@/components/columns' + +const RowsExample: React.ReactNode = + + + + + 1 + + + 2 + + + 3 + + + + + + + 4 + + + 5 + + + 6 + + + + +export default RowsExample diff --git a/packages/react/components/rows/index.ts b/packages/react/components/rows/index.ts index 2eb2e52a..8ee034b8 100644 --- a/packages/react/components/rows/index.ts +++ b/packages/react/components/rows/index.ts @@ -1,4 +1,5 @@ import Rows from './Rows' import RowItem from './item' +import RowsExample from './Rows.example' -export { Rows, RowItem } +export { Rows, RowItem, RowsExample } diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx new file mode 100644 index 00000000..c2d1b20c --- /dev/null +++ b/packages/react/components/section/Section.example.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import { Section } from './index' +import { Title } from '@/components/title' +import { Columns, ColumnsItem } from '@/components/columns' +import { TitleLevels } from '@/components/title/TitleEnum' + +const SectionExample: React.ReactNode = ( + + +
+ Première section +
+ + +
+ Deuxième section +
+ + +
+ Troisième section +
+ + +) +export default SectionExample + diff --git a/packages/react/components/section/index.ts b/packages/react/components/section/index.ts index 4185833d..d6508345 100644 --- a/packages/react/components/section/index.ts +++ b/packages/react/components/section/index.ts @@ -1,3 +1,4 @@ import Section from './Section' +import SectionExample from './Section.example' -export { Section } +export { Section, SectionExample } diff --git a/packages/react/components/segment-control/SegmentControl.example.tsx b/packages/react/components/segment-control/SegmentControl.example.tsx new file mode 100644 index 00000000..e04667e4 --- /dev/null +++ b/packages/react/components/segment-control/SegmentControl.example.tsx @@ -0,0 +1,22 @@ +import React from 'react' +import { SegmentControl, SegmentControlItem } from './index' + +const RowsExample: React.ReactNode = + + + Appels + + + SMS + + + Équipements + + + Offres + + + +export default RowsExample diff --git a/packages/react/components/segment-control/index.ts b/packages/react/components/segment-control/index.ts index 916fd402..0f6fc573 100644 --- a/packages/react/components/segment-control/index.ts +++ b/packages/react/components/segment-control/index.ts @@ -1,4 +1,5 @@ import SegmentControl from './SegmentControl' import SegmentControlItem from './item' +import SegmentControlExample from './SegmentControl.example' -export { SegmentControl, SegmentControlItem } +export { SegmentControl, SegmentControlItem, SegmentControlExample } diff --git a/packages/react/components/select/Select.example.tsx b/packages/react/components/select/Select.example.tsx new file mode 100644 index 00000000..87b1cff4 --- /dev/null +++ b/packages/react/components/select/Select.example.tsx @@ -0,0 +1,36 @@ +import React from 'react' +import { Select, SelectOption } from './index' + +const SelectExample: React.ReactNode = + + +export default SelectExample diff --git a/packages/react/components/select/index.ts b/packages/react/components/select/index.ts index 5506d7d0..fb344a18 100644 --- a/packages/react/components/select/index.ts +++ b/packages/react/components/select/index.ts @@ -1,4 +1,5 @@ import Select from './Select' import SelectOption from './option' +import SelectExample from './Select.example' -export { Select, SelectOption } +export { Select, SelectOption, SelectExample } diff --git a/packages/react/components/select/web/SelectDynamic.tsx b/packages/react/components/select/web/SelectDynamic.tsx index 83fe2f50..55180660 100644 --- a/packages/react/components/select/web/SelectDynamic.tsx +++ b/packages/react/components/select/web/SelectDynamic.tsx @@ -51,9 +51,9 @@ const SelectDynamic = ({ const isChecked = useCallback( (value: string) => - multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number' + (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number' ? selectedValues?.includes(value) - : selectedValues === value, + : selectedValues === value), [multiple, selectedValues], ) diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx new file mode 100644 index 00000000..19b6a835 --- /dev/null +++ b/packages/react/components/stepper/Stepper.example.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import { Stepper, StepperStep } from './index' + +const StepperExample: React.ReactNode = ( + + + + + + + +) + +export default StepperExample + diff --git a/packages/react/components/stepper/index.ts b/packages/react/components/stepper/index.ts index 0f72487c..b056cb89 100644 --- a/packages/react/components/stepper/index.ts +++ b/packages/react/components/stepper/index.ts @@ -1,6 +1,7 @@ import Stepper from './Stepper' import StepperStep from './step' +import StepperExample from './Stepper.example' export * from './step/StepperStepEnum' -export { Stepper, StepperStep } +export { Stepper, StepperStep, StepperExample } diff --git a/packages/react/components/sticker/Sticker.example.tsx b/packages/react/components/sticker/Sticker.example.tsx new file mode 100644 index 00000000..4ed45705 --- /dev/null +++ b/packages/react/components/sticker/Sticker.example.tsx @@ -0,0 +1,22 @@ +import React from 'react' +import { Sticker } from './index' +import { Columns, ColumnsItem } from '../columns' + +const StickerExample: React.ReactNode = + + + + Code Promo + + + + + Code Promo + + + + +export default StickerExample diff --git a/packages/react/components/sticker/index.ts b/packages/react/components/sticker/index.ts index 2c1e9f88..40d8d855 100644 --- a/packages/react/components/sticker/index.ts +++ b/packages/react/components/sticker/index.ts @@ -1,5 +1,6 @@ import Sticker from './Sticker' +import StickerExample from './Sticker.example' export * from './StickerEnum' -export { Sticker } +export { Sticker, StickerExample } diff --git a/packages/react/components/switch/Switch.example.tsx b/packages/react/components/switch/Switch.example.tsx new file mode 100644 index 00000000..62bf16ca --- /dev/null +++ b/packages/react/components/switch/Switch.example.tsx @@ -0,0 +1,30 @@ +import React from 'react' +import { Switch } from './index' +import { RowItem, Rows } from '../rows' + +const SwitchExample: React.ReactNode = + + + + + + + + + + + + + +export default SwitchExample diff --git a/packages/react/components/switch/index.ts b/packages/react/components/switch/index.ts index bcf73d6f..703c86b7 100644 --- a/packages/react/components/switch/index.ts +++ b/packages/react/components/switch/index.ts @@ -1,3 +1,4 @@ import Switch from './Switch' +import SwitchExample from './Switch.example' -export { Switch } +export { Switch, SwitchExample } diff --git a/packages/react/components/table/Table.example.tsx b/packages/react/components/table/Table.example.tsx new file mode 100644 index 00000000..ff95e164 --- /dev/null +++ b/packages/react/components/table/Table.example.tsx @@ -0,0 +1,46 @@ +import React from 'react' +import { Table, TableTr, TableHead, TableTd, TableBody, TableTh } from './index' + +const TableExample: React.ReactNode = + + + + + + Title 1 + + + Title 2 + + + Title 3 + + + + + + + Donnée 1 + + + Donnée 2 + + + Donnée 3 + + + + + Donnée 4 + + + Donnée 5 + + + Donnée 6 + + + +
+ +export default TableExample diff --git a/packages/react/components/table/index.ts b/packages/react/components/table/index.ts index 2a64d46d..295d16cf 100644 --- a/packages/react/components/table/index.ts +++ b/packages/react/components/table/index.ts @@ -4,5 +4,6 @@ import TableBody from './body' import TableTh from './th' import TableTr from './tr' import TableTd from './td' +import TableExample from './Table.example' -export { Table, TableHead, TableBody, TableTr, TableTh, TableTd } +export { Table, TableHead, TableBody, TableTr, TableTh, TableTd, TableExample } diff --git a/packages/react/components/tabs/Tabs.example.tsx b/packages/react/components/tabs/Tabs.example.tsx new file mode 100644 index 00000000..62867c8f --- /dev/null +++ b/packages/react/components/tabs/Tabs.example.tsx @@ -0,0 +1,43 @@ +import React from 'react' +import { Tabs, TabsItem } from './index' +import { Columns, ColumnsItem } from '../columns' + +const TabsExample: React.ReactNode = + + + + + One + + + Two + + + Three + + + + + + + One + + + Two + + + Three + + + + +export default TabsExample diff --git a/packages/react/components/tabs/index.ts b/packages/react/components/tabs/index.ts index ecc3aca2..4e163e2f 100644 --- a/packages/react/components/tabs/index.ts +++ b/packages/react/components/tabs/index.ts @@ -1,4 +1,5 @@ import Tabs from './Tabs' import TabsItem from './item' +import TabsExample from './Tabs.example' -export { Tabs, TabsItem } +export { Tabs, TabsItem, TabsExample } diff --git a/packages/react/components/tag/Tag.example.tsx b/packages/react/components/tag/Tag.example.tsx new file mode 100644 index 00000000..397b7cfc --- /dev/null +++ b/packages/react/components/tag/Tag.example.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import { Tag, TagList } from './index' +import { Columns, ColumnsItem } from '../columns' +import { IconName } from '@/components/icon' + +const TagExample: React.ReactNode = ( + + + + + Tag + + + Tag success + + + Tag warning + + + Tag info + + + + +) + +export default TagExample diff --git a/packages/react/components/tag/index.ts b/packages/react/components/tag/index.ts index e1a904b8..df1e5912 100644 --- a/packages/react/components/tag/index.ts +++ b/packages/react/components/tag/index.ts @@ -1,6 +1,7 @@ import Tag from './Tag' import TagList from './list' +import TagExample from './Tag.example' export * from './TagEnum' -export { Tag, TagList } +export { Tag, TagList, TagExample } diff --git a/packages/react/components/text/Text.example.tsx b/packages/react/components/text/Text.example.tsx new file mode 100644 index 00000000..7290272b --- /dev/null +++ b/packages/react/components/text/Text.example.tsx @@ -0,0 +1,14 @@ +import React from 'react' +import { Text, TextLevels } from './index' + +const TextExample: React.ReactNode = + + Ceci est mon paragraphe + + +export default TextExample diff --git a/packages/react/components/text/index.tsx b/packages/react/components/text/index.tsx index 1796b08f..20951fc2 100644 --- a/packages/react/components/text/index.tsx +++ b/packages/react/components/text/index.tsx @@ -1,5 +1,6 @@ import Text from './Text' +import TextExample from './Text.example' export * from './TextEnum' -export { Text } +export { Text, TextExample } diff --git a/packages/react/components/textarea/Textarea.example.tsx b/packages/react/components/textarea/Textarea.example.tsx new file mode 100644 index 00000000..0bcb6cde --- /dev/null +++ b/packages/react/components/textarea/Textarea.example.tsx @@ -0,0 +1,31 @@ +import React from 'react' +import { Textarea } from './index' +import { Columns, ColumnsItem } from '../columns' + +const TextareaExample: React.ReactNode = + + + +