From 1aeb52e0c8ff6e1114a55f69197ac04e42126301 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 11:15:32 +0200 Subject: [PATCH 01/19] Remove contentClassname accordionBody --- examples/react-template/screens/Accordion.tsx | 2 +- packages/react/components/accordion/body/AccordionBody.tsx | 1 - packages/react/components/accordion/body/AccordionBodyProps.ts | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/examples/react-template/screens/Accordion.tsx b/examples/react-template/screens/Accordion.tsx index 361c6512..8ae00060 100644 --- a/examples/react-template/screens/Accordion.tsx +++ b/examples/react-template/screens/Accordion.tsx @@ -23,7 +23,7 @@ export const AccordionScreen = (): JSX.Element => { Hello World 1 - + Lorem ipsum dolor sit amet lorem diff --git a/packages/react/components/accordion/body/AccordionBody.tsx b/packages/react/components/accordion/body/AccordionBody.tsx index 774ebce6..9847f531 100644 --- a/packages/react/components/accordion/body/AccordionBody.tsx +++ b/packages/react/components/accordion/body/AccordionBody.tsx @@ -9,7 +9,6 @@ import { useTrilogyContext } from "@/context" * @param children {React.ReactNode} Children for Accordion body * - ------------------ WEB PROPERTIES ----------------------- * @param className {string} Additionnal CSS Classes - * @param contentClassName {string} Additionnal CSS Classes for accordion-content */ const AccordionBody = ({ children, diff --git a/packages/react/components/accordion/body/AccordionBodyProps.ts b/packages/react/components/accordion/body/AccordionBodyProps.ts index 783b6f84..1ba98b53 100644 --- a/packages/react/components/accordion/body/AccordionBodyProps.ts +++ b/packages/react/components/accordion/body/AccordionBodyProps.ts @@ -6,6 +6,5 @@ import { Accessibility } from "../../../objects" export interface AccordionBodyProps extends Accessibility{ children?: React.ReactNode className?: string - contentClassName?: string dataId?: string } From 0f167d6e0f0937b3e84d4097625d1874e3555a5e Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 14:07:36 +0200 Subject: [PATCH 02/19] Alert to status props --- docs/templates/assets/index-7070589d.js | 2 +- examples/react-template/screens/Alert.tsx | 8 ++--- .../react-template/screens/Autolayout.tsx | 4 +-- examples/react-template/screens/Progress.tsx | 14 ++++---- examples/react-template/screens/Toaster.tsx | 4 +-- .../react/components/alert/Alert.native.tsx | 34 +++++++++---------- .../react/components/alert/Alert.stories.tsx | 18 +++++----- packages/react/components/alert/Alert.tsx | 26 +++++++------- packages/react/components/alert/AlertProps.ts | 6 ++-- .../alert/context/ToasterContextProps.ts | 6 ++-- .../alert/test/Alert.native.test.tsx | 4 +-- .../components/alert/test/Alert.test.tsx | 26 +++++++------- .../react/components/enumsComponentsName.ts | 2 +- .../react/components/input/Input.native.tsx | 32 ++++++++--------- .../input/test/Input.native.test.tsx | 8 ++--- .../react/components/price/Price.native.tsx | 10 +++--- packages/react/components/price/Price.tsx | 4 +-- packages/react/components/price/PriceProps.ts | 4 +-- .../components/progress/Progress.native.tsx | 10 +++--- .../components/progress/Progress.stories.tsx | 16 ++++----- .../react/components/progress/Progress.tsx | 10 +++--- .../components/progress/ProgressProps.ts | 4 +-- .../progress/item/ProgressItem.native.tsx | 4 +-- .../components/progress/item/ProgressItem.tsx | 10 +++--- .../progress/item/ProgressItemProps.ts | 4 +-- .../progress/radial/ProgressRadial.native.tsx | 16 ++++----- .../progress/radial/ProgressRadialProps.ts | 6 ++-- .../progress/test/Progress.test.tsx | 4 +-- packages/react/components/sticker/Sticker.tsx | 2 +- .../react/components/switch/Switch.native.tsx | 8 ++--- packages/react/components/switch/Switch.tsx | 8 ++--- .../react/components/switch/SwitchProps.ts | 4 +-- .../switch/test/Switch.native.test.tsx | 10 +++--- .../components/textarea/Textarea.native.tsx | 14 ++++---- .../components/toaster/Toaster.native.tsx | 14 ++++---- .../components/toaster/Toaster.stories.tsx | 4 +-- packages/react/components/toaster/Toaster.tsx | 8 ++--- .../react/components/toaster/ToasterProps.ts | 4 +-- .../toaster/context/ToasterContextProps.ts | 6 ++-- .../components/toaster/test/Toaster.test.tsx | 4 +-- .../objects/facets/{Alert.ts => Status.ts} | 30 ++++++++-------- packages/react/objects/facets/index.ts | 2 +- 42 files changed, 207 insertions(+), 207 deletions(-) rename packages/react/objects/facets/{Alert.ts => Status.ts} (63%) diff --git a/docs/templates/assets/index-7070589d.js b/docs/templates/assets/index-7070589d.js index 8a2a026d..8e594f7e 100644 --- a/docs/templates/assets/index-7070589d.js +++ b/docs/templates/assets/index-7070589d.js @@ -64,7 +64,7 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},ct=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${ct(e.color)}${e.fade?"-fade":""}`:`background-${ct(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":X(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),X=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),X("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&X(zt(l))||pj(n||"",Ai.INFO)||X(zt(le.MAIN)),u=w(o,E("icon",X(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${ct(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&X("text-left")||Ln(N)==="aligned-center"&&X("text-centered")||Ln(N)==="aligned-end"&&X("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),pt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(pt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in pt||Object.values(pt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===pt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({alert:e,className:t,iconClassname:n,iconName:s,title:i,description:l,onClick:a,display:o,testId:c,...u})=>{const{styled:d}=z(),f=w(d,E("alert",X("body"),e&&y(Hp(e)),t)),m=h.useMemo(()=>s??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[s,e]);return o?r.jsxs("div",{"data-testid":c,onClick:j=>{a==null||a(j),j.stopPropagation()},className:f,...u,children:[r.jsx($,{className:n,name:m}),r.jsxs("div",{className:w(d,E("body")),children:[i&&typeof i.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:i}):i,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,color:l,onClick:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},className:d,...c,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:pt.P,children:n}),r.jsx("span",{className:w(u,E(l&&X(`background-${ct(l)}`),"badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:pt.P,children:n})]}):r.jsx("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},children:r.jsx(A,{className:E(l&&X(`background-${ct(l)}`),n?"badge-and-text":"badge",t),markup:pt.SPAN,...c,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,leftBorder:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&X(zt(o)),d&&X("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(ct(c))}`,m&&y("flat"),j&&X("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&X(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&X(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&X(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&X("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:pt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:K.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ht=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&X("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&X(`background-${ct(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},Q=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&X("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&X(zt(u)),d&&X("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&X(`background-${ct(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&X(`text-${ct(o)}`),a&&X(`background-${ct(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),jt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(jt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(jt.SUCCESS,M.CHECK_CIRCLE),ne.set(jt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(jt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||jt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&X("dynamic-placeholder"),{[X("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:K.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:K.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?jt.SUCCESS:jt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||jt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(ct(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&X("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:pt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:pt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&X("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&X("text-left")||o==ye.ALIGNED_CENTER&&X("text-centered")||o==ye.ALIGNED_END&&X("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:pt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&X(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:K.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&X("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Z=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&X(zt(n)),s&&X("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",X("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:pt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",X("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:K.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},vt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&ct(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&X(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(ct(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(ct(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(ct(n)),s&&[X("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&X("dynamic-label"),N&&X("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:pt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:pt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:K.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&X(zt(l)),a&&X("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,alert:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!o&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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,alert:t==null?void 0:t.alert,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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,alert:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Z,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["AlertState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{display:!0,alert: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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,alert:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,alert:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Et=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(Q,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,alert:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(Q,{size:6}),r.jsx(Q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(Q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{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:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(Et,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{children:[r.jsx(ht,{href:"https://Home.fr",children:"Home"}),r.jsx(ht,{to:"#anchor",children:"Catalog"}),r.jsx(ht,{children:"Accessories"}),r.jsx(ht,{active:!0,children:"Current page"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{children:[r.jsxs(Ke,{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(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(Q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(Q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Z,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Z,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Z,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Z,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Z,{children:r.jsx(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Z,{children:[r.jsx($,{size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:K.SMALL}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:K.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:K.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:K.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:K.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Z,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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(Z,{background:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:jt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?jt.SUCCESS:jt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:jt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:jt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:jt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:jt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Z,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. + */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},ct=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${ct(e.color)}${e.fade?"-fade":""}`:`background-${ct(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":X(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),X=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),X("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&X(zt(l))||pj(n||"",Ai.INFO)||X(zt(le.MAIN)),u=w(o,E("icon",X(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${ct(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&X("text-left")||Ln(N)==="aligned-center"&&X("text-centered")||Ln(N)==="aligned-end"&&X("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),pt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(pt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in pt||Object.values(pt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===pt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({alert:e,className:t,iconClassname:n,iconName:s,title:i,description:l,onClick:a,display:o,testId:c,...u})=>{const{styled:d}=z(),f=w(d,E("alert",X("body"),e&&y(Hp(e)),t)),m=h.useMemo(()=>s??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[s,e]);return o?r.jsxs("div",{"data-testid":c,onClick:j=>{a==null||a(j),j.stopPropagation()},className:f,...u,children:[r.jsx($,{className:n,name:m}),r.jsxs("div",{className:w(d,E("body")),children:[i&&typeof i.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:i}):i,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,color:l,onClick:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},className:d,...c,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:pt.P,children:n}),r.jsx("span",{className:w(u,E(l&&X(`background-${ct(l)}`),"badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:pt.P,children:n})]}):r.jsx("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},children:r.jsx(A,{className:E(l&&X(`background-${ct(l)}`),n?"badge-and-text":"badge",t),markup:pt.SPAN,...c,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,leftBorder:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&X(zt(o)),d&&X("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(ct(c))}`,m&&y("flat"),j&&X("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&X(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&X(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&X(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&X("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:pt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:K.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ht=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&X("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&X(`background-${ct(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},Q=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&X("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&X(zt(u)),d&&X("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&X(`background-${ct(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&X(`text-${ct(o)}`),a&&X(`background-${ct(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),jt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(jt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(jt.SUCCESS,M.CHECK_CIRCLE),ne.set(jt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(jt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||jt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&X("dynamic-placeholder"),{[X("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:K.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:K.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?jt.SUCCESS:jt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||jt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(ct(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&X("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:pt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:pt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&X("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&X("text-left")||o==ye.ALIGNED_CENTER&&X("text-centered")||o==ye.ALIGNED_END&&X("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:pt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&X(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:K.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&X("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Z=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&X(zt(n)),s&&X("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",X("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:pt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",X("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:K.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},vt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&ct(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&X(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(ct(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(ct(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(ct(n)),s&&[X("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&X("dynamic-label"),N&&X("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:pt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:pt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:K.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&X(zt(l)),a&&X("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,alert:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!o&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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,alert:t==null?void 0:t.alert,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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,alert:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Z,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{display:!0,alert: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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,alert:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,alert:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Et=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(Q,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,alert:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(Q,{size:6}),r.jsx(Q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(Q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{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:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(Et,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{children:[r.jsx(ht,{href:"https://Home.fr",children:"Home"}),r.jsx(ht,{to:"#anchor",children:"Catalog"}),r.jsx(ht,{children:"Accessories"}),r.jsx(ht,{active:!0,children:"Current page"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{children:[r.jsxs(Ke,{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(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(Q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(Q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Z,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Z,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Z,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Z,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Z,{children:r.jsx(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Z,{children:[r.jsx($,{size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:K.SMALL}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:K.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:K.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:K.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:K.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Z,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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(Z,{background:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:jt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?jt.SUCCESS:jt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:jt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:jt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:jt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:jt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Z,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. diff --git a/examples/react-template/screens/Alert.tsx b/examples/react-template/screens/Alert.tsx index 59f3536b..4a5eca25 100644 --- a/examples/react-template/screens/Alert.tsx +++ b/examples/react-template/screens/Alert.tsx @@ -12,7 +12,7 @@ import { Button, Section } from "@trilogy-ds/react/components"; -import {AlertState} from "@trilogy-ds/react/objects"; +import {StatusState} from "@trilogy-ds/react/objects"; import {useContext, useState} from "react"; import ToasterContext from "@trilogy-ds/react/lib/components/alert/context/ToasterContext"; import {ToasterAlertProvider} from "@trilogy-ds/react/lib/components/alert"; @@ -39,7 +39,7 @@ export const AlertScreen = (): JSX.Element => { title, description, iconName: IconName.ALERT, - alert: AlertState.WARNING, + alert: StatusState.WARNING, onClick: () => console.log('onClick'), closable: () => alert('closable'), onHide: () => console.log('onHide'), @@ -62,10 +62,10 @@ export const AlertScreen = (): JSX.Element => { - {Object.values(AlertState).map((alert, index) => { + {Object.values(StatusState).map((alert, index) => { return ( - AlertState : {alert} + StatusState : {alert} { diff --git a/examples/react-template/screens/Progress.tsx b/examples/react-template/screens/Progress.tsx index 613a2dc2..325b0538 100644 --- a/examples/react-template/screens/Progress.tsx +++ b/examples/react-template/screens/Progress.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { AlertState, TypographyBold, Section, Title, TitleLevels, Divider, Progress, ProgressItem, ProgressRadial, Text, TextLevels } from '@trilogy-ds/react' +import { StatusState, TypographyBold, Section, Title, TitleLevels, Divider, Progress, ProgressItem, ProgressRadial, Text, TextLevels } from '@trilogy-ds/react' export const ProgressScreen = (): JSX.Element => { @@ -25,23 +25,23 @@ export const ProgressScreen = (): JSX.Element => { - - - - + + + +
Progression avec unique légende - +
Progression avec légendes aux extremités - +
Barre de progression circulaire children custo diff --git a/examples/react-template/screens/Toaster.tsx b/examples/react-template/screens/Toaster.tsx index d3a66cec..db3bf813 100644 --- a/examples/react-template/screens/Toaster.tsx +++ b/examples/react-template/screens/Toaster.tsx @@ -1,7 +1,7 @@ import React, { useContext, useState } from 'react' import { Button, Container, IconName, Section, ToasterContext, ToasterProvider } from '@trilogy-ds/react/components' import { ToasterPosition } from '@trilogy-ds/react/components/toaster/ToasterProps' -import { AlertState } from '@trilogy-ds/react/objects' +import { StatusState } from '@trilogy-ds/react/objects' export const ToasterScreen = (): JSX.Element => { const ToasterViewComp: React.FC = () => { @@ -24,7 +24,7 @@ export const ToasterScreen = (): JSX.Element => { title, description, iconName: IconName.INFOS_CIRCLE, - alert: AlertState.WARNING, + alert: StatusState.WARNING, onClick: () => console.log('onClick'), closable: () => console.log('closable'), onHide: () => console.log('onHide'), diff --git a/packages/react/components/alert/Alert.native.tsx b/packages/react/components/alert/Alert.native.tsx index 6db09da7..fc2b44bf 100644 --- a/packages/react/components/alert/Alert.native.tsx +++ b/packages/react/components/alert/Alert.native.tsx @@ -5,9 +5,9 @@ import { Spacer, SpacerSize } from "@/components/spacer" import { View } from "@/components/view" import { Text, TextLevels } from "@/components/text" import { Title, TitleLevels } from "@/components/title" -import { getAlertIconName, getAlertStyle } from "@/objects/facets/Alert" +import { getStatusIconName, getStatusStyle } from "@/objects/facets/Status" import { getColorStyle, TrilogyColor } from "@/objects/facets/Color" -import { AlertProps, ToasterAlertPosition, ToasterAlertProps } from "./AlertProps" +import { AlertProps, ToasterAlertPosition, ToasterStatusProps } from "./AlertProps" import { Icon, IconName, IconSize } from "@/components/icon" import { TypographyBold } from "@/objects" import { ComponentName } from "@/components/enumsComponentsName" @@ -19,7 +19,7 @@ import { ToasterShowContext } from "./context/ToasterContextProps" * Function call by context for showing toast * @param params {ToasterShowContext} */ -const showToast: ToasterShowContext = (params: ToasterAlertProps) => { +const showToast: ToasterShowContext = (params: ToasterStatusProps) => { const { position, duration, @@ -30,7 +30,7 @@ const showToast: ToasterShowContext = (params: ToasterAlertProps) => { closable, onHide, iconName, - alert, + status, } = params LibToast.show({ @@ -49,12 +49,12 @@ const showToast: ToasterShowContext = (params: ToasterAlertProps) => { * @param iconName {IconName} Custom icon * @param title {string} Alert title content * @param description {string|ReactNode} Aleert description content - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param info (boolean) Small info alert use it without button and arrow * @param onClick {Function} onClick Event for all alert */ const Alert = ({ - alert, + status, iconName, title, description, @@ -62,15 +62,15 @@ const Alert = ({ display, ...others }: AlertProps): JSX.Element => { - const backgroundColor = getColorStyle(alert as TrilogyColor, 1) - const fontColor = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN) + const backgroundColor = getColorStyle(status as TrilogyColor, 1) + const fontColor = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN) let alertView: JSX.Element const styles = StyleSheet.create({ container: { width: "100%", paddingTop: 10, - borderColor: alert !== undefined ? fontColor : backgroundColor, + borderColor: status !== undefined ? fontColor : backgroundColor, paddingBottom: 10, borderWidth: 1, backgroundColor: backgroundColor, @@ -82,7 +82,7 @@ const Alert = ({ icon: { justifyContent: "center", alignItems: "center", - color: alert !== undefined ? fontColor : getColorStyle(TrilogyColor.MAIN), + color: status !== undefined ? fontColor : getColorStyle(TrilogyColor.MAIN), }, description: { justifyContent: "center", @@ -105,7 +105,7 @@ const Alert = ({ @@ -157,15 +157,15 @@ const Alert = ({ * @param title {string} Notification title content * @param description {string|ReactNode} Notification description content * @param iconName {IconName} Custom icon - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param status {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all notification * @param closable {Function} onClick Event on cross icon */ -export const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props }) => { - const { title, description, iconName, alert, closable, onClick } = props +export const ToasterAlert: React.FC<{ props: ToasterStatusProps }> = ({ props }) => { + const { title, description, iconName, status, closable, onClick } = props - const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN) - const backgroundColor = getColorStyle(alert as TrilogyColor, 1) + const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN) + const backgroundColor = getColorStyle(status as TrilogyColor, 1) const styles = StyleSheet.create({ toaster: { @@ -226,7 +226,7 @@ export const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props }) * @param offset {number} Offset position margin (Default: 10 dp) * @param others */ -export const ToasterAlertProvider = ({ children }: ToasterAlertProps): JSX.Element => { +export const ToasterAlertProvider = ({ children }: ToasterStatusProps): JSX.Element => { const toastConfig = { tomatoToast: ToasterAlert, } diff --git a/packages/react/components/alert/Alert.stories.tsx b/packages/react/components/alert/Alert.stories.tsx index 2445d8f1..6e112867 100644 --- a/packages/react/components/alert/Alert.stories.tsx +++ b/packages/react/components/alert/Alert.stories.tsx @@ -1,48 +1,48 @@ import * as React from "react"; import { Meta, Story } from "@storybook/react"; import Alert from "./Alert"; -import { AlertProps } from "./AlertProps"; -import { AlertState } from "../../objects"; +import { StatusProps } from "./StatusProps"; +import { StatusState } from "../../objects"; export default { title: "Components/Alert", component: Alert, } as Meta; -export const Base: Story = (args) => ; +export const Base: Story = (args) => ; Base.args = { display: true, - alert: AlertState.INFO, + alert: StatusState.INFO, title: "Alert information", description: "Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..", }; -export const Variant: Story = () => ( +export const Variant: Story = () => ( <> {" "} {" "} {" "} diff --git a/packages/react/components/alert/Alert.tsx b/packages/react/components/alert/Alert.tsx index 8a2d689d..4746fadf 100644 --- a/packages/react/components/alert/Alert.tsx +++ b/packages/react/components/alert/Alert.tsx @@ -1,11 +1,11 @@ import clsx from "clsx" import * as React from "react" -import { getAlertClassName, getAlertIconName } from "@/objects" +import { getStatusClassName, getStatusIconName } from "@/objects" import { has, is } from "@/services/classify" import { Icon, IconName, IconSize } from "@/components/icon" import { Text } from "@/components/text" import { Title, TitleLevels } from "@/components/title" -import { AlertProps, ToasterAlertPosition, ToasterAlertProps } from "./AlertProps" +import { AlertProps, ToasterAlertPosition, ToasterStatusProps } from "./AlertProps" import { hashClass } from "@/helpers" import { useTrilogyContext } from "@/context" import ToasterContext from './context' @@ -15,10 +15,10 @@ import { CSSProperties, useEffect, useRef, useState } from "react" * Toaster Component * @param children {React.ReactNode} Custom Toast Content */ -const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props, ...others }) => { +const ToasterAlert: React.FC<{ props: ToasterStatusProps }> = ({ props, ...others }) => { const { styled } = useTrilogyContext() - const { title, position, description, iconName, alert, closable, onClick, className, offset, children } = props + const { title, position, description, iconName, status, closable, onClick, className, offset, children } = props const displayed = Boolean(title) const positionTop: CSSProperties = { @@ -33,7 +33,7 @@ const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props, ...others const classes = hashClass( styled, - clsx('toaster', alert && is(getAlertClassName(alert)), !alert && is('info'), className), + clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className), ) if (!displayed) { @@ -93,7 +93,7 @@ const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props, ...others * @param iconName {IconName} Custom icon * @param title {string} Alert title content * @param description {string|ReactNode} Alertt description content - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all alert * @param className {string} Additionnal CSS Classes * @param iconClassname {string} Additionnal Icon CSS @@ -101,7 +101,7 @@ const ToasterAlert: React.FC<{ props: ToasterAlertProps }> = ({ props, ...others * @param others */ const Alert = ({ - alert, + status, className, iconClassname, iconName, @@ -116,12 +116,12 @@ const Alert = ({ const classes = hashClass( styled, - clsx("alert", has("body"), alert && is(getAlertClassName(alert)), className) + clsx("alert", has("body"), status && is(getStatusClassName(status)), className) ) const iconAlert = React.useMemo(() => { if (iconName != null) return iconName - else if (alert) return getAlertIconName(alert) ?? IconName.INFOS_CIRCLE + else if (status) return getStatusIconName(status) ?? IconName.INFOS_CIRCLE else return IconName.INFOS_CIRCLE }, [iconName, alert]) @@ -163,12 +163,12 @@ const Alert = ({ * @param offset {number} Offset position margin (Default: 10 dp) * @param others */ -export const ToasterAlertProvider = ({ children }: ToasterAlertProps): JSX.Element => { - const [toasterState, setToasterState] = useState(null) +export const ToasterAlertProvider = ({ children }: ToasterStatusProps): JSX.Element => { + const [toasterState, setToasterState] = useState(null) const [duration, setDuration] = useState(5000) const timeRef = useRef | null>(null) - const showToast = (params: ToasterAlertProps) => { + const showToast = (params: ToasterStatusProps) => { setToasterState(params) params.duration && params.duration > 0 && setDuration(params.duration) timeRef.current && clearTimeout(timeRef.current) @@ -189,7 +189,7 @@ export const ToasterAlertProvider = ({ children }: ToasterAlertProps): JSX.Eleme description: toasterState?.description, position: toasterState?.position, iconName: toasterState?.iconName, - alert: toasterState?.alert, + status: toasterState?.status, onClick: toasterState?.onClick, onHide: toasterState?.onHide, closable: toasterState?.closable, diff --git a/packages/react/components/alert/AlertProps.ts b/packages/react/components/alert/AlertProps.ts index ddf35e68..39490dbf 100644 --- a/packages/react/components/alert/AlertProps.ts +++ b/packages/react/components/alert/AlertProps.ts @@ -1,5 +1,5 @@ import { Clickable } from '@/objects/facets/Clickable' -import { Accessibility, AlertProps as PropsAlert } from '@/objects/facets' +import { Accessibility, StatusProps } from '@/objects/facets' import { IconName, IconNameValues } from '@/components/icon/IconNameEnum' import { ClickEvent } from "@/events/OnClickEvent" @@ -8,7 +8,7 @@ export enum ToasterAlertPosition { BOTTOM = 'bottom', } -export interface ToasterAlertProps extends AlertProps, Clickable, Accessibility { +export interface ToasterStatusProps extends StatusProps, Clickable, Accessibility { children?: React.ReactNode className?: string toasterChildren?: React.ReactNode @@ -28,7 +28,7 @@ export interface ToasterAlertProps extends AlertProps, Clickable, Accessibility /** * Alert Interface */ -export interface AlertProps extends PropsAlert, Clickable, Accessibility { +export interface AlertProps extends StatusProps, Clickable, Accessibility { iconName?: IconName | IconNameValues title?: string | React.ReactNode description?: string | React.ReactNode diff --git a/packages/react/components/alert/context/ToasterContextProps.ts b/packages/react/components/alert/context/ToasterContextProps.ts index 1090efc7..9cb19b6a 100644 --- a/packages/react/components/alert/context/ToasterContextProps.ts +++ b/packages/react/components/alert/context/ToasterContextProps.ts @@ -1,4 +1,4 @@ -import { Accessibility, AlertProps } from '@/objects' +import { Accessibility, StatusProps } from '@/objects' import { IconName, IconNameValues } from '@/components/icon' import { ToasterAlertPosition } from '@/components/alert/AlertProps' @@ -6,12 +6,12 @@ import { ToasterAlertPosition } from '@/components/alert/AlertProps' * @param title {string} Notification title content * @param description {string|ReactNode} Notification description content * @param iconName {IconName} Custom icon - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all notification * @param closable {Function} onClick Event on cross icon * @param onHide {Function} onClick Event on hide */ -export interface ToastProps extends AlertProps, Accessibility { +export interface ToastProps extends StatusProps, Accessibility { title: string description?: string iconName?: IconName | IconNameValues diff --git a/packages/react/components/alert/test/Alert.native.test.tsx b/packages/react/components/alert/test/Alert.native.test.tsx index 7ad8ca54..f252ae96 100644 --- a/packages/react/components/alert/test/Alert.native.test.tsx +++ b/packages/react/components/alert/test/Alert.native.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react-native' import * as React from 'react' -import { AlertState } from '../../../objects' +import { StatusState } from '../../../objects' import Alert from '../Alert.native' describe('Alert', () => { @@ -9,7 +9,7 @@ describe('Alert', () => { , diff --git a/packages/react/components/alert/test/Alert.test.tsx b/packages/react/components/alert/test/Alert.test.tsx index 1497bf93..fe0cae55 100644 --- a/packages/react/components/alert/test/Alert.test.tsx +++ b/packages/react/components/alert/test/Alert.test.tsx @@ -1,8 +1,8 @@ import * as React from "react"; import { fireEvent, render } from "@testing-library/react"; import { Alert } from "../index"; -import { AlertProps } from "../AlertProps"; -import { AlertState } from "../../../objects"; +import { StatusProps } from "../StatusProps"; +import { StatusState } from "../../../objects"; import { IconName } from "../../icon"; import renderer from "react-test-renderer"; @@ -12,7 +12,7 @@ describe("Alert", () => { @@ -26,7 +26,7 @@ describe("Alert", () => { @@ -36,11 +36,11 @@ describe("Alert", () => { expect(alert).toHaveClass("alert"); }); - test("should render with correct props and className based on AlertState", () => { - const props: AlertProps = { + test("should render with correct props and className based on StatusState", () => { + const props: StatusProps = { testId: "alert", display: true, - alert: AlertState.INFO, + alert: StatusState.INFO, title: "Alert information", description: "Lorem Ipsum is simply dummy text of the printing and type..", @@ -57,7 +57,7 @@ describe("Alert", () => { { @@ -85,7 +85,7 @@ describe("Alert", () => { it("should have icon SUCCESS icon", () => { const { getByTestId } = render( - + ); const alert = getByTestId("alert"); expect(alert.firstChild?.firstChild).toHaveClass(IconName.CHECK_CIRCLE); @@ -93,7 +93,7 @@ describe("Alert", () => { it("should have icon WARNING icon", () => { const { getByTestId } = render( - + ); const alert = getByTestId("alert"); expect(alert.firstChild?.firstChild).toHaveClass(IconName.ALERT); @@ -101,7 +101,7 @@ describe("Alert", () => { it("should have icon INFO icon", () => { const { getByTestId } = render( - + ); const alert = getByTestId("alert"); expect(alert.firstChild?.firstChild).toHaveClass(IconName.INFOS_CIRCLE); @@ -109,7 +109,7 @@ describe("Alert", () => { it("should have icon ERROR icon", () => { const { getByTestId } = render( - + ); const alert = getByTestId("alert"); expect(alert.firstChild?.firstChild).toHaveClass( diff --git a/packages/react/components/enumsComponentsName.ts b/packages/react/components/enumsComponentsName.ts index 8f3b53f7..5aa8777e 100644 --- a/packages/react/components/enumsComponentsName.ts +++ b/packages/react/components/enumsComponentsName.ts @@ -5,7 +5,7 @@ export enum ComponentName { AccordionBody = 'AccordionBody', AutoLayout = 'AutoLayout', AutoLayoutWrapper = 'AutoLayoutWrapper', - AlertState = 'AlertState', + StatusState = 'StatusState', Badge = 'Badge', BadgeTextDirection = 'BadgeTextDirection', BadgeColor = 'BadgeColor', diff --git a/packages/react/components/input/Input.native.tsx b/packages/react/components/input/Input.native.tsx index bf099512..dc6fcca7 100644 --- a/packages/react/components/input/Input.native.tsx +++ b/packages/react/components/input/Input.native.tsx @@ -11,7 +11,7 @@ import { TouchableOpacity, View, } from 'react-native' -import { AlertState, getAlertStyle } from '@/objects/facets/Alert' +import { StatusState, getStatusStyle } from '@/objects/facets/Status' import { Alignable } from '@/objects/facets/Alignable' import { TrilogyColor, getColorStyle } from '@/objects/facets/Color' import { ComponentName } from '@/components/enumsComponentsName' @@ -224,9 +224,9 @@ const Input = ({ help: { fontSize: 12, color: - (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) || - (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) || - (status && status === 'error' && getAlertStyle(AlertState.ERROR)) || + (status && status === 'success' && getStatusStyle(StatusState.SUCCESS)) || + (status && status === 'warning' && getStatusStyle(StatusState.WARNING)) || + (status && status === 'error' && getStatusStyle(StatusState.ERROR)) || (status && status === 'default' && inputColor) || (disabled && getColorStyle(TrilogyColor.DISABLED)) || inputColor, @@ -241,9 +241,9 @@ const Input = ({ borderWidth: isFocused ? 2 : 1, borderRadius: 3, borderColor: - (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) || - (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) || - (status && status === 'error' && getAlertStyle(AlertState.ERROR)) || + (status && status === 'success' && getStatusStyle(StatusState.SUCCESS)) || + (status && status === 'warning' && getStatusStyle(StatusState.WARNING)) || + (status && status === 'error' && getStatusStyle(StatusState.ERROR)) || (status && status === 'default' && inputColor) || (isFocused && getColorStyle(TrilogyColor.MAIN)) || getColorStyle(TrilogyColor.FONT, 1), @@ -371,9 +371,9 @@ const Input = ({ } size={IconSize.SMALL} color={ - (status && status === 'success' && (AlertState.SUCCESS)) || - (status && status === 'warning' && (AlertState.WARNING)) || - (status && status === 'error' && (AlertState.ERROR)) || + (status && status === 'success' && (StatusState.SUCCESS)) || + (status && status === 'warning' && (StatusState.WARNING)) || + (status && status === 'error' && (StatusState.ERROR)) || (status && status === 'default' && TrilogyColor.MAIN) || (disabled && (TrilogyColor.DISABLED)) || TrilogyColor.MAIN @@ -404,9 +404,9 @@ const Input = ({ } size={IconSize.SMALL} color={ - (status && status === 'success' && (AlertState.SUCCESS)) || - (status && status === 'warning' && (AlertState.WARNING)) || - (status && status === 'error' && (AlertState.ERROR)) || + (status && status === 'success' && (StatusState.SUCCESS)) || + (status && status === 'warning' && (StatusState.WARNING)) || + (status && status === 'error' && (StatusState.ERROR)) || (status && status === 'default' && TrilogyColor.MAIN) || (disabled && (TrilogyColor.DISABLED)) || TrilogyColor.MAIN @@ -441,9 +441,9 @@ const Input = ({ name={iconPassword} size={IconSize.SMALL} color={ - (status && status === 'success' && (AlertState.SUCCESS)) || - (status && status === 'warning' && (AlertState.WARNING)) || - (status && status === 'error' && (AlertState.ERROR)) || + (status && status === 'success' && (StatusState.SUCCESS)) || + (status && status === 'warning' && (StatusState.WARNING)) || + (status && status === 'error' && (StatusState.ERROR)) || (status && status === 'default' && TrilogyColor.MAIN) || (disabled && (TrilogyColor.DISABLED)) || TrilogyColor.MAIN diff --git a/packages/react/components/input/test/Input.native.test.tsx b/packages/react/components/input/test/Input.native.test.tsx index 4e8e8309..28e454b8 100644 --- a/packages/react/components/input/test/Input.native.test.tsx +++ b/packages/react/components/input/test/Input.native.test.tsx @@ -4,7 +4,7 @@ import { fireEvent, render } from "@testing-library/react-native"; import * as React from "react"; import { Platform, PlatformOSType } from "react-native"; import { - AlertState, + StatusState, getAlertStyle, getColorStyle, TrilogyColor, @@ -91,9 +91,9 @@ describe("Input component", () => { borderWidth: 1, borderRadius: 3, borderColor: - (state === "success" && getAlertStyle(AlertState.SUCCESS)) || - (state === "warning" && getAlertStyle(AlertState.WARNING)) || - (state === "error" && getAlertStyle(AlertState.ERROR)) || + (state === "success" && getAlertStyle(StatusState.SUCCESS)) || + (state === "warning" && getAlertStyle(StatusState.WARNING)) || + (state === "error" && getAlertStyle(StatusState.ERROR)) || (state === "default" && getColorStyle(TrilogyColor.MAIN)) || getColorStyle(TrilogyColor.MAIN), height: 46, diff --git a/packages/react/components/price/Price.native.tsx b/packages/react/components/price/Price.native.tsx index 0fed133f..ba346c80 100644 --- a/packages/react/components/price/Price.native.tsx +++ b/packages/react/components/price/Price.native.tsx @@ -3,7 +3,7 @@ import { StyleSheet, Text, View } from "react-native" import { Text as TrilogyText } from '@/components/text' import { PriceProps } from "./PriceProps" import { PriceLevel } from "./PriceEnum" -import { Alignable, getAlertStyle, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from "../../objects" +import { Alignable, getStatusStyle, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from "../../objects" import { checkCents } from "./PriceHelpers" import { ComponentName } from "@/components/enumsComponentsName" import { StatesContext } from "@/context/providerStates" @@ -20,7 +20,7 @@ import { getTypographyBoldStyle } from "@/objects" * @param inverted {boolean} Inverted Price Color * @param children {React.ReactNode} * @param align {Alignable} Price alignement - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR) * @param inline {boolean} Inline display Price * @param testId {string} id for test * @param accessibilityLabel {string} @@ -36,7 +36,7 @@ const Price = ({ level, inverted, align, - alert, + status, inline, testId, accessibilityLabel, @@ -79,12 +79,12 @@ const Price = ({ (inverted && !striked && invertedColor) || (statesContext.inverted && invertedColor) || (inverted && striked && getColorStyle(TrilogyColor.FONT, 1)) || - (alert && getAlertStyle(alert)) || + (status && getStatusStyle(status)) || (!striked && !inverted && primaryColor) || (!striked && !inverted && secondaryColor) || (striked && !inverted && getColorStyle(TrilogyColor.FONT, 1)) || primaryColor, - [inverted, striked, alert] + [inverted, striked, status] ) const strikedRotateByLevel = () => { diff --git a/packages/react/components/price/Price.tsx b/packages/react/components/price/Price.tsx index 4add31cc..b860fddb 100644 --- a/packages/react/components/price/Price.tsx +++ b/packages/react/components/price/Price.tsx @@ -39,7 +39,7 @@ const Price = ({ level, inverted, align, - alert, + status, inline, testId, accessibilityLabel, @@ -55,7 +55,7 @@ const Price = ({ styled, clsx( "price", - alert && is(`${alert}`), + status && is(`${status}`), level && is(`level-${level}`), inverted && is("inverted"), inline && is("inlined"), diff --git a/packages/react/components/price/PriceProps.ts b/packages/react/components/price/PriceProps.ts index 3f39661b..2f8ee30f 100644 --- a/packages/react/components/price/PriceProps.ts +++ b/packages/react/components/price/PriceProps.ts @@ -1,6 +1,6 @@ import { PriceLevel, PriceLevelValues } from "./PriceEnum" import { Invertable } from "@/objects/facets/Invertable" -import { Accessibility, AlertProps, AlignableProps } from "@/objects" +import { Accessibility, StatusProps, AlignableProps } from "@/objects" import { Styles } from "@/types" /** @@ -10,7 +10,7 @@ export interface PriceProps extends Invertable, Accessibility, AlignableProps, - AlertProps { + StatusProps { children?: React.ReactNode; amount: number; mention?: string; diff --git a/packages/react/components/progress/Progress.native.tsx b/packages/react/components/progress/Progress.native.tsx index 39323580..36875980 100644 --- a/packages/react/components/progress/Progress.native.tsx +++ b/packages/react/components/progress/Progress.native.tsx @@ -3,14 +3,14 @@ import { Animated, StyleSheet } from "react-native" import { ProgressProps } from "./ProgressProps" import { View } from "@/components/view" import { Text, TextLevels } from "@/components/text" -import { getAlertStyle, getColorStyle, TrilogyColor } from "@/objects" +import { getStatusStyle, getColorStyle, TrilogyColor } from "@/objects" import { ComponentName } from "@/components/enumsComponentsName" /** * Progress component * @param children {ReactNode} Use Children it only if stacked progress * @param percent {number} Progress percent - * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR) + * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR) * @param stacked {boolean} Stacked progress * @param uniqueLegend {stringabsolute} Unique legend * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property @@ -19,7 +19,7 @@ import { ComponentName } from "@/components/enumsComponentsName" const Progress = ({ children, percent, - alert, + status, stacked, uniqueLegend, firstExtremLegend, @@ -56,7 +56,7 @@ const Progress = ({ percent: { alignSelf: "flex-start", height: height, - backgroundColor: getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN), + backgroundColor: getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN), borderRadius: 15, }, progressItemFirst: { @@ -101,7 +101,7 @@ const Progress = ({ index === 0 && styles.progressItemFirst, index === children.length - 1 && styles.progressItemSecond, { - backgroundColor: getAlertStyle(child.props.alert), + backgroundColor: getStatusStyle(child.props.status), height: height, }, ], diff --git a/packages/react/components/progress/Progress.stories.tsx b/packages/react/components/progress/Progress.stories.tsx index b2c4529b..0301114a 100644 --- a/packages/react/components/progress/Progress.stories.tsx +++ b/packages/react/components/progress/Progress.stories.tsx @@ -3,7 +3,7 @@ import * as React from "react"; import { Meta, Story } from "@storybook/react"; import { Progress, ProgressItem } from "./index"; import { ProgressProps } from "./ProgressProps"; -import { AlertState } from "../../objects"; +import { StatusState } from "../../objects"; export default { title: "Components/ProgressBar", @@ -30,22 +30,22 @@ export const Empilé: Story = (args) => ( @@ -59,7 +59,7 @@ export const AvecLégende: Story = (args) => ( @@ -67,13 +67,13 @@ export const AvecLégende: Story = (args) => ( ); AvecLégende.args = { percent: 30, - alert: AlertState.INFO, + alert: StatusState.INFO, uniqueLegend: "My unique legend", }; export const Petite: Story = (args) => ; Petite.args = { percent: 30, - alert: AlertState.INFO, + alert: StatusState.INFO, small: true, }; diff --git a/packages/react/components/progress/Progress.tsx b/packages/react/components/progress/Progress.tsx index b9c68a28..bd0724e4 100644 --- a/packages/react/components/progress/Progress.tsx +++ b/packages/react/components/progress/Progress.tsx @@ -3,7 +3,7 @@ import { ProgressProps } from "./ProgressProps" import { is, has } from "@/services/index" import { Text, TextLevels } from "../text" import { Columns, ColumnsItem } from "../columns" -import { getAlertClassName } from "@/objects" +import { getStatusClassName } from "@/objects" import { hashClass } from "@/helpers" import clsx from "clsx" import { useTrilogyContext } from "@/context" @@ -13,7 +13,7 @@ import { useTrilogyContext } from "@/context" * @param children {ReactNode} Use Children it only if stacked progress * @param percent {number} Progress percent * @param maxPercent {number} Default max percent is 100 - * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR) + * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR) * @param small {boolean} Small progress * @param stacked {boolean} Stacked progress * @param uniqueLegend {string} Unique legend @@ -27,7 +27,7 @@ const Progress = ({ className, percent, maxPercent = 100, - alert, + status, small, stacked, uniqueLegend, @@ -41,8 +41,8 @@ const Progress = ({ styled, clsx( "progress", - alert && is(getAlertClassName(alert)), - !alert && is("primary"), + status && is(getStatusClassName(status)), + !status && is("primary"), small && is("small"), className ) diff --git a/packages/react/components/progress/ProgressProps.ts b/packages/react/components/progress/ProgressProps.ts index 2347583d..4e8fb25c 100644 --- a/packages/react/components/progress/ProgressProps.ts +++ b/packages/react/components/progress/ProgressProps.ts @@ -1,10 +1,10 @@ -import { AlertProps } from '@/objects/facets/Alert' +import { StatusProps } from '@/objects/facets/Status' import { Stacked } from '@/objects/facets/Stacked' /** * Progress Interface */ -export interface ProgressProps extends AlertProps, Stacked { +export interface ProgressProps extends StatusProps, Stacked { children?: React.ReactNode percent?: number maxPercent?: number diff --git a/packages/react/components/progress/item/ProgressItem.native.tsx b/packages/react/components/progress/item/ProgressItem.native.tsx index b96f801a..a4f89850 100644 --- a/packages/react/components/progress/item/ProgressItem.native.tsx +++ b/packages/react/components/progress/item/ProgressItem.native.tsx @@ -7,11 +7,11 @@ import { ComponentName } from '@/components/enumsComponentsName' * Progress Item component - Only if stacked * @param percent {number} Progress percent * @param minPercent {number} Default min percent is 100 - * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR) + * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR) * @param children {React.ReactNode} */ // eslint-disable-next-line @typescript-eslint/no-unused-vars -const ProgressItem = ({ children, percent, alert, ...others }: ProgressItemProps): JSX.Element => { +const ProgressItem = ({ children, percent, status, ...others }: ProgressItemProps): JSX.Element => { // eslint-disable-next-line @typescript-eslint/no-explicit-any const givenProps = others as any const givenstyle = givenProps.style diff --git a/packages/react/components/progress/item/ProgressItem.tsx b/packages/react/components/progress/item/ProgressItem.tsx index 869a2078..cd645f50 100644 --- a/packages/react/components/progress/item/ProgressItem.tsx +++ b/packages/react/components/progress/item/ProgressItem.tsx @@ -1,7 +1,7 @@ import * as React from "react" import { ProgressItemProps } from "./ProgressItemProps" import { is } from "@/services/index" -import { getAlertClassName } from "@/objects" +import { getStatusClassName } from "@/objects" import { hashClass } from "@/helpers" import clsx from "clsx" import { useTrilogyContext } from "@/context" @@ -11,7 +11,7 @@ import { useTrilogyContext } from "@/context" * @param percent {number} Progress percent * @param minPercent {number} Default min percent is 100 * @param maxPercent {number} Default max percent is 100 - * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR) + * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR) * @param children {React.ReactNode} * @param accessibilityLabel {string} Accessibility label * -------------------------- WEB PROPERTIES ------------------------------- @@ -22,7 +22,7 @@ const ProgressItem = ({ percent, maxPercent = 100, minPercent = 0, - alert, + status, accessibilityLabel, ...others }: ProgressItemProps): JSX.Element => { @@ -32,8 +32,8 @@ const ProgressItem = ({ styled, clsx( "progress-bar", - alert && is(getAlertClassName(alert)), - !alert && is("primary"), + status && is(getStatusClassName(status)), + !status && is("primary"), className ) ) diff --git a/packages/react/components/progress/item/ProgressItemProps.ts b/packages/react/components/progress/item/ProgressItemProps.ts index 64d1f8fa..abe63307 100644 --- a/packages/react/components/progress/item/ProgressItemProps.ts +++ b/packages/react/components/progress/item/ProgressItemProps.ts @@ -1,9 +1,9 @@ -import { Accessibility, AlertProps } from '@/objects/facets' +import { Accessibility, StatusProps } from '@/objects/facets' /** * Progress Item Interface */ -export interface ProgressItemProps extends AlertProps, Accessibility { +export interface ProgressItemProps extends StatusProps, Accessibility { children?: React.ReactNode percent: number minPercent?: number diff --git a/packages/react/components/progress/radial/ProgressRadial.native.tsx b/packages/react/components/progress/radial/ProgressRadial.native.tsx index 41afbc6a..7b2cc4dd 100644 --- a/packages/react/components/progress/radial/ProgressRadial.native.tsx +++ b/packages/react/components/progress/radial/ProgressRadial.native.tsx @@ -3,7 +3,7 @@ import { Platform, StyleSheet, View } from "react-native" import { ProgressRadialProps } from "./ProgressRadialProps" import { AnimatedCircularProgress } from "./react-native-circular-progress" import { Text, TextLevels } from "@/components/text" -import { getAlertStyle, getAlignStyle, TypographyAlign, } from "@/objects" +import { getStatusStyle, getAlignStyle, TypographyAlign, } from "@/objects" import { getColorStyle, TrilogyColor } from "@/objects/facets/Color" import ContentLoader, { Circle } from "react-content-loader/native" import { ComponentName } from "@/components/enumsComponentsName" @@ -13,11 +13,11 @@ import { ComponentName } from "@/components/enumsComponentsName" * @param percent {number} Progress percent * @param label {string} Custom label * @param description {string} Custom description - * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY) + * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY) * @param full {boolean} Full progressRadial * @param disk {boolean} Disk ProgressRadial * @param children {React.ReactNode} - * @param secondAlert {AlertState} Second Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY) + * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY) * @param secondPercent {number} Second progress percent * @param align {Alignable} Progress Radial Alignement * @param skeleton {boolean} Skeleton Progress Radial @@ -26,21 +26,21 @@ const ProgressRadial = ({ percent, label, description, - alert, + status, full, disk, secondPercent, - secondAlert, + secondStatus, align, skeleton, ...others }: ProgressRadialProps): JSX.Element => { - const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN) + const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN) const backgroundColor = getColorStyle(TrilogyColor.FONT, 1) const percentWidth = percent || 0 const secondFill = secondPercent ? { secondFill: secondPercent } : null - const secondFillColor = secondAlert - ? { secondFillTintColor: getAlertStyle(secondAlert) } + const secondFillColor = secondStatus + ? { secondFillTintColor: getStatusStyle(secondStatus) } : null const progressRadialWidth = 100 const progressRadialSkeletonRadius = 50 diff --git a/packages/react/components/progress/radial/ProgressRadialProps.ts b/packages/react/components/progress/radial/ProgressRadialProps.ts index 49cdb4a7..6bcf3bfc 100644 --- a/packages/react/components/progress/radial/ProgressRadialProps.ts +++ b/packages/react/components/progress/radial/ProgressRadialProps.ts @@ -1,4 +1,4 @@ -import { AlertProps, AlertState, AlertStateValues, AlignableProps } from '../../../objects' +import { StatusProps, StatusState, StatusStateValues, AlignableProps } from '../../../objects' import React from 'react' import { ProgressRadialItemProps } from './item/ProgressRadialItemProps' @@ -6,7 +6,7 @@ import { ProgressRadialItemProps } from './item/ProgressRadialItemProps' * Progress Radial Interface */ -export interface ProgressRadialProps extends AlertProps, AlignableProps { +export interface ProgressRadialProps extends StatusProps, AlignableProps { children?: React.ReactElement | React.ReactNode percent?: number label?: string | React.ReactNode @@ -15,7 +15,7 @@ export interface ProgressRadialProps extends AlertProps, AlignableProps { full?: boolean disk?: boolean secondPercent?: number - secondAlert?: AlertState | AlertStateValues + secondStatus?: StatusState | StatusStateValues skeleton?: boolean stacked?: boolean small?: boolean diff --git a/packages/react/components/progress/test/Progress.test.tsx b/packages/react/components/progress/test/Progress.test.tsx index a35b642e..db0f3f77 100644 --- a/packages/react/components/progress/test/Progress.test.tsx +++ b/packages/react/components/progress/test/Progress.test.tsx @@ -2,7 +2,7 @@ import * as React from "react"; import { render } from "@testing-library/react"; import Progress from "../Progress"; import ProgressItem from "../item"; -import { AlertState } from "../../../objects"; +import { StatusState } from "../../../objects"; import ProgressRadial from "../radial"; describe("Progress", () => { @@ -46,7 +46,7 @@ describe("ProgressItem", () => { percent={50} minPercent={0} maxPercent={200} - alert={AlertState.SUCCESS} + alert={StatusState.SUCCESS} accessibilityLabel="Loading progress" /> ); diff --git a/packages/react/components/sticker/Sticker.tsx b/packages/react/components/sticker/Sticker.tsx index c602d143..00226358 100644 --- a/packages/react/components/sticker/Sticker.tsx +++ b/packages/react/components/sticker/Sticker.tsx @@ -10,7 +10,7 @@ import { useTrilogyContext } from "@/context" /** * Sticker component * @param children {ReactNode} Sticker child - * @param variant {AlertState} Sticker variant : primary only + * @param variant {StatusState} Sticker variant : primary only * @param small {boolean} Small Sticker * @param hat {boolean} Hat Sticker ( for box ) * - -------------------------- WEB PROPERTIES ------------------------------- diff --git a/packages/react/components/switch/Switch.native.tsx b/packages/react/components/switch/Switch.native.tsx index ed6172c8..46c03683 100644 --- a/packages/react/components/switch/Switch.native.tsx +++ b/packages/react/components/switch/Switch.native.tsx @@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react" import { Platform, StyleSheet, Switch as SwitchNative } from "react-native" import { SwitchProps } from "./SwitchProps" import shortid from "shortid" -import { getAlertStyle } from "@/objects" +import { getStatusStyle } from "@/objects" import { getColorStyle, TrilogyColor } from "@/objects/facets/Color" import { ComponentName } from "@/components/enumsComponentsName" @@ -11,7 +11,7 @@ import { ComponentName } from "@/components/enumsComponentsName" * @param id {string} Is auto generate by default * @param checked {boolean} Checked switch * @param onChange {Function} onChange event - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR) * @param disabled {boolean} Switch disabled * @param readonly {boolean} Switch readonly * @param name {string} Switch name @@ -20,7 +20,7 @@ const Switch = ({ id = shortid.generate(), checked, onChange, - alert, + status, disabled, readonly, name, @@ -52,7 +52,7 @@ const Switch = ({ false: disabled ? backgroundColorDisabled : backgroundColorOff, true: disabled ? backgroundColorDisabled - : (alert && getAlertStyle(alert)) || defaultColor, + : (status && getStatusStyle(status)) || defaultColor, }} thumbColor={thumbColor} ios_backgroundColor={ diff --git a/packages/react/components/switch/Switch.tsx b/packages/react/components/switch/Switch.tsx index 80f00df8..c2f79709 100644 --- a/packages/react/components/switch/Switch.tsx +++ b/packages/react/components/switch/Switch.tsx @@ -3,7 +3,7 @@ import shortid from "shortid" import clsx from "clsx" import { SwitchProps } from "./SwitchProps" import { is } from "@/services/classify" -import { getAlertClassName } from "@/objects" +import { getStatusClassName } from "@/objects" import { hashClass } from "@/helpers" import { useTrilogyContext } from "@/context" @@ -14,7 +14,7 @@ import { useTrilogyContext } from "@/context" * @param value {string} Switch value * @param checked {boolean} Checked switch * @param onChange {Function} onChange event - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR) * @param disabled {boolean} Switch disabled * @param readonly {boolean} Switch readonly * @param name {string} Switch name @@ -32,7 +32,7 @@ const Switch = ({ checked, onChange, onClick, - alert, + status, disabled, readonly, name, @@ -92,7 +92,7 @@ const Switch = ({ disabled={disabled} className={hashClass( styled, - clsx(alert && is(getAlertClassName(alert))) + clsx(status && is(getStatusClassName(status))) )} {...others} /> diff --git a/packages/react/components/switch/SwitchProps.ts b/packages/react/components/switch/SwitchProps.ts index 688fc43b..1501db88 100644 --- a/packages/react/components/switch/SwitchProps.ts +++ b/packages/react/components/switch/SwitchProps.ts @@ -1,4 +1,4 @@ -import { AlertProps } from '@/objects/facets/Alert' +import { StatusProps } from '@/objects/facets/Status' import { Invertable } from '@/objects/facets/Invertable' export interface SwitchChangeEvent { @@ -8,7 +8,7 @@ export interface SwitchChangeEvent { type SwitchEventHandler = (event: SwitchChangeEvent) => void -export interface SwitchProps extends AlertProps, Invertable { +export interface SwitchProps extends StatusProps, Invertable { checked?: boolean onChange?: SwitchEventHandler onClick?: SwitchEventHandler diff --git a/packages/react/components/switch/test/Switch.native.test.tsx b/packages/react/components/switch/test/Switch.native.test.tsx index 48c4c1f1..58d3559d 100644 --- a/packages/react/components/switch/test/Switch.native.test.tsx +++ b/packages/react/components/switch/test/Switch.native.test.tsx @@ -2,7 +2,7 @@ import { render } from "@testing-library/react-native"; import * as React from "react"; import { - AlertState, + StatusState, getAlertStyle, getColorStyle, TrilogyColor, @@ -11,10 +11,10 @@ import Switch from "../Switch.native"; describe("Switch component", () => { const colors = [ - AlertState.ERROR, - AlertState.INFO, - AlertState.SUCCESS, - AlertState.WARNING, + StatusState.ERROR, + StatusState.INFO, + StatusState.SUCCESS, + StatusState.WARNING, ]; test("Should return component", async () => { diff --git a/packages/react/components/textarea/Textarea.native.tsx b/packages/react/components/textarea/Textarea.native.tsx index 3d6db255..ccc1db68 100644 --- a/packages/react/components/textarea/Textarea.native.tsx +++ b/packages/react/components/textarea/Textarea.native.tsx @@ -8,7 +8,7 @@ import { InputTextContentType, } from "@/components/input/InputEnum" import { getColorStyle, TrilogyColor } from "@/objects/facets/Color" -import { AlertState, getAlertStyle } from "@/objects/facets/Alert" +import { StatusState, getStatusStyle } from "@/objects/facets/Status" import { Icon, IconColor } from "@/components/icon" import { ComponentName } from "@/components/enumsComponentsName" @@ -84,9 +84,9 @@ const Textarea = ( borderWidth: isFocus ? 2 : 1, borderRadius: 3, borderColor: - (status && status === "success" && getAlertStyle(AlertState.SUCCESS)) || - (status && status === "warning" && getAlertStyle(AlertState.WARNING)) || - (status && status === "error" && getAlertStyle(AlertState.ERROR)) || + (status && status === "success" && getStatusStyle(StatusState.SUCCESS)) || + (status && status === "warning" && getStatusStyle(StatusState.WARNING)) || + (status && status === "error" && getStatusStyle(StatusState.ERROR)) || (status && status === "default" && textareaColor) || textareaColor, height: customHeight, @@ -104,9 +104,9 @@ const Textarea = ( help: { fontSize: 12, color: - (status && status === "success" && getAlertStyle(AlertState.SUCCESS)) || - (status && status === "warning" && getAlertStyle(AlertState.WARNING)) || - (status && status === "error" && getAlertStyle(AlertState.ERROR)) || + (status && status === "success" && getStatusStyle(StatusState.SUCCESS)) || + (status && status === "warning" && getStatusStyle(StatusState.WARNING)) || + (status && status === "error" && getStatusStyle(StatusState.ERROR)) || (status && status === "default" && textareaColor) || textareaColor, paddingLeft: 4, diff --git a/packages/react/components/toaster/Toaster.native.tsx b/packages/react/components/toaster/Toaster.native.tsx index 8af8e249..4ab4fe5e 100644 --- a/packages/react/components/toaster/Toaster.native.tsx +++ b/packages/react/components/toaster/Toaster.native.tsx @@ -7,7 +7,7 @@ import { Title } from "@/components/title" import { Text, TextLevels } from "@/components/text" import { Icon, IconName, IconSize } from "@/components/icon" import { Columns, ColumnsItem } from "@/components/columns" -import { getAlertStyle, getColorStyle, TrilogyColor, } from "@/objects" +import { getStatusStyle, getColorStyle, TrilogyColor, } from "@/objects" import { Spacer, SpacerSize } from "@/components/spacer" import ToasterContext from "./context" import { ToasterShowContext } from "./context/ToasterContextProps" @@ -28,7 +28,7 @@ const showToast: ToasterShowContext = (params: ToasterProps) => { closable, onHide, iconName, - alert, + status, } = params LibToast.show({ @@ -38,7 +38,7 @@ const showToast: ToasterShowContext = (params: ToasterProps) => { topOffset: offset || 10, visibilityTime: duration || 5000, onHide, - props: { title, description, closable, iconName, alert, onClick }, + props: { title, description, closable, iconName, status, onClick }, }) } @@ -47,15 +47,15 @@ const showToast: ToasterShowContext = (params: ToasterProps) => { * @param title {string} Notification title content * @param description {string|ReactNode} Notification description content * @param iconName {IconName} Custom icon - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all notification * @param closable {Function} onClick Event on cross icon */ const Toaster: React.FC<{ props: ToasterProps }> = ({ props }) => { - const { title, description, iconName, alert, closable, onClick } = props + const { title, description, iconName, status, closable, onClick } = props - const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN) - const backgroundColor = getColorStyle(alert as TrilogyColor, 1) + const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN) + const backgroundColor = getColorStyle(status as TrilogyColor, 1) const styles = StyleSheet.create({ toaster: { diff --git a/packages/react/components/toaster/Toaster.stories.tsx b/packages/react/components/toaster/Toaster.stories.tsx index ec94e56d..67c0c649 100644 --- a/packages/react/components/toaster/Toaster.stories.tsx +++ b/packages/react/components/toaster/Toaster.stories.tsx @@ -97,7 +97,7 @@ export const Base: Story = () => ( title, description, iconName: IconName.INFOS_CIRCLE, - alert: AlertState.WARNING, + alert: StatusState.WARNING, onClick: () => console.log('onClick'), closable: () => console.log('closable'), onHide: () => console.log('onHide'), @@ -112,7 +112,7 @@ export const Base: Story = () => ( ) } - + */ diff --git a/packages/react/components/toaster/Toaster.tsx b/packages/react/components/toaster/Toaster.tsx index 971850b1..07367154 100644 --- a/packages/react/components/toaster/Toaster.tsx +++ b/packages/react/components/toaster/Toaster.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx' import React, { CSSProperties, useEffect, useRef, useState } from 'react' -import { getAlertClassName } from '@/objects/facets/Alert' +import { getStatusClassName } from '@/objects/facets/Status' import { Icon } from '@/components/icon' import { Text } from '@/components/text' import { Title, TitleLevels } from '@/components/title' @@ -19,7 +19,7 @@ import { IconName } from '@/components/icon/IconNameEnum' const Toaster: React.FC<{ props: ToasterProps }> = ({ props, ...others }) => { const { styled } = useTrilogyContext() - const { title, position, description, iconName, alert, closable, onClick, className, offset, children } = props + const { title, position, description, iconName, status, closable, onClick, className, offset, children } = props const displayed = Boolean(title) const positionTop: CSSProperties = { @@ -34,7 +34,7 @@ const Toaster: React.FC<{ props: ToasterProps }> = ({ props, ...others }) => { const classes = hashClass( styled, - clsx('toaster', alert && is(getAlertClassName(alert)), !alert && is('info'), className), + clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className), ) if (!displayed) { @@ -122,7 +122,7 @@ const ToasterProvider = ({ children }: ToasterProps): JSX.Element => { description: toasterState?.description, position: toasterState?.position, iconName: toasterState?.iconName, - alert: toasterState?.alert, + status: toasterState?.status, onClick: toasterState?.onClick, onHide: toasterState?.onHide, closable: toasterState?.closable, diff --git a/packages/react/components/toaster/ToasterProps.ts b/packages/react/components/toaster/ToasterProps.ts index 178e21f0..5dbb02eb 100644 --- a/packages/react/components/toaster/ToasterProps.ts +++ b/packages/react/components/toaster/ToasterProps.ts @@ -1,4 +1,4 @@ -import { Clickable, AlertProps, Accessibility } from '@/objects' +import { Clickable, StatusProps, Accessibility } from '@/objects' import { ClickEvent } from '@/events/OnClickEvent' import { IconName, IconNameValues } from '@/components/icon' @@ -10,7 +10,7 @@ export enum ToasterPosition { /** * Notification Interface */ -export interface ToasterProps extends AlertProps, Clickable, Accessibility { +export interface ToasterProps extends StatusProps, Clickable, Accessibility { children?: React.ReactNode className?: string toasterChildren?: React.ReactNode diff --git a/packages/react/components/toaster/context/ToasterContextProps.ts b/packages/react/components/toaster/context/ToasterContextProps.ts index fbb6a1a2..b5376d98 100644 --- a/packages/react/components/toaster/context/ToasterContextProps.ts +++ b/packages/react/components/toaster/context/ToasterContextProps.ts @@ -1,4 +1,4 @@ -import { Accessibility, AlertProps } from '@/objects' +import { Accessibility, StatusProps } from '@/objects' import { IconName, IconNameValues } from '@/components/icon' import { ToasterPosition } from '@/components/toaster/ToasterProps' @@ -6,12 +6,12 @@ import { ToasterPosition } from '@/components/toaster/ToasterProps' * @param title {string} Notification title content * @param description {string|ReactNode} Notification description content * @param iconName {IconName} Custom icon - * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) + * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all notification * @param closable {Function} onClick Event on cross icon * @param onHide {Function} onClick Event on hide */ -export interface ToastProps extends AlertProps, Accessibility { +export interface ToastProps extends StatusProps, Accessibility { title: string description?: string iconName?: IconName | IconNameValues diff --git a/packages/react/components/toaster/test/Toaster.test.tsx b/packages/react/components/toaster/test/Toaster.test.tsx index dcf60d3e..625dc64d 100644 --- a/packages/react/components/toaster/test/Toaster.test.tsx +++ b/packages/react/components/toaster/test/Toaster.test.tsx @@ -3,7 +3,7 @@ import { fireEvent, render, screen } from "@testing-library/react"; import ToasterContext from "../context"; import { ToasterPosition } from "../ToasterProps"; import { IconName } from "../../icon"; -import { AlertState } from "../../../objects"; +import { StatusState } from "../../../objects"; import { Section } from "../../section"; import { Container } from "../../container"; import { Button } from "../../button"; @@ -29,7 +29,7 @@ const ToasterViewComp: React.FC = () => { title, description, iconName: IconName.INFOS_CIRCLE, - alert: AlertState.WARNING, + alert: StatusState.WARNING, onClick: () => setBtnName("click toast"), closable: () => setTitle("close toast"), onHide: () => console.log("onHide"), diff --git a/packages/react/objects/facets/Alert.ts b/packages/react/objects/facets/Status.ts similarity index 63% rename from packages/react/objects/facets/Alert.ts rename to packages/react/objects/facets/Status.ts index bb5753b8..ab84ad82 100644 --- a/packages/react/objects/facets/Alert.ts +++ b/packages/react/objects/facets/Status.ts @@ -4,30 +4,30 @@ import { getColorStyle } from './Color' /** * Alert State */ -export enum AlertState { +export enum StatusState { SUCCESS = 'SUCCESS', INFO = 'INFO', WARNING = 'WARNING', ERROR = 'ERROR', } -export type AlertStateValues = `${AlertState}` +export type StatusStateValues = `${StatusState}` /** * Alert props */ -export interface AlertProps { - alert?: AlertState | AlertStateValues +export interface StatusProps { + status?: StatusState | StatusStateValues id?: string } /** * Returns alert's classname depending on alert type - * @param alertType {string} - Alert type + * @param statusType {string} - Alert type * @returns {string} - Alert value */ -export const getAlertClassName = (alertType?: string): string => { - switch (alertType) { +export const getStatusClassName = (statusType?: string): string => { + switch (statusType) { case 'SUCCESS': return 'success' case 'INFO': @@ -42,12 +42,12 @@ export const getAlertClassName = (alertType?: string): string => { } /** - * Returns alert's style depending on alert type - * @param alertType {string} - Alert type + * Returns status style depending on alert type + * @param statusType {string} - Alert type * @returns {string} - Alert value */ -export const getAlertStyle = (alertType?: string): string => { - switch (alertType) { +export const getStatusStyle = (statusType?: string): string => { + switch (statusType) { case 'SUCCESS': return getColorStyle('SUCCESS') case 'INFO': @@ -62,12 +62,12 @@ export const getAlertStyle = (alertType?: string): string => { } /** - * Returns alert's icon name depending on alert type - * @param alertType {string} - Alert type + * Returns status icon name depending on alert type + * @param statusType {string} - Alert type * @returns {string} - Alert value */ -export const getAlertIconName = (alertType?: string): IconName | IconNameValues => { - switch (alertType) { +export const getStatusIconName = (statusType?: string): IconName | IconNameValues => { + switch (statusType) { case 'SUCCESS': return IconName.CHECK_CIRCLE case 'INFO': diff --git a/packages/react/objects/facets/index.ts b/packages/react/objects/facets/index.ts index 0c195396..d93b8251 100644 --- a/packages/react/objects/facets/index.ts +++ b/packages/react/objects/facets/index.ts @@ -1,5 +1,5 @@ export * from './Accessibility' -export * from './Alert' +export * from './Status' export * from './Alignable' export * from './Alternate' export * from './Centerable' From 1a0e0016a7f0ffd50261aed90464205f16a19581 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 14:10:34 +0200 Subject: [PATCH 03/19] Update props consumed --- .../{index-7070589d.js => index-0692b7ef.js} | 2 +- docs/templates/index.html | 2 +- examples/react-template/screens/Alert.tsx | 10 +++++----- examples/react-template/screens/Progress.tsx | 20 +++++++++---------- 4 files changed, 17 insertions(+), 17 deletions(-) rename docs/templates/assets/{index-7070589d.js => index-0692b7ef.js} (61%) diff --git a/docs/templates/assets/index-7070589d.js b/docs/templates/assets/index-0692b7ef.js similarity index 61% rename from docs/templates/assets/index-7070589d.js rename to docs/templates/assets/index-0692b7ef.js index 8e594f7e..c9b2f27b 100644 --- a/docs/templates/assets/index-7070589d.js +++ b/docs/templates/assets/index-0692b7ef.js @@ -64,7 +64,7 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},ct=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${ct(e.color)}${e.fade?"-fade":""}`:`background-${ct(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":X(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),X=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),X("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&X(zt(l))||pj(n||"",Ai.INFO)||X(zt(le.MAIN)),u=w(o,E("icon",X(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${ct(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&X("text-left")||Ln(N)==="aligned-center"&&X("text-centered")||Ln(N)==="aligned-end"&&X("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),pt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(pt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in pt||Object.values(pt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===pt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({alert:e,className:t,iconClassname:n,iconName:s,title:i,description:l,onClick:a,display:o,testId:c,...u})=>{const{styled:d}=z(),f=w(d,E("alert",X("body"),e&&y(Hp(e)),t)),m=h.useMemo(()=>s??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[s,e]);return o?r.jsxs("div",{"data-testid":c,onClick:j=>{a==null||a(j),j.stopPropagation()},className:f,...u,children:[r.jsx($,{className:n,name:m}),r.jsxs("div",{className:w(d,E("body")),children:[i&&typeof i.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:i}):i,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,color:l,onClick:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},className:d,...c,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:pt.P,children:n}),r.jsx("span",{className:w(u,E(l&&X(`background-${ct(l)}`),"badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:pt.P,children:n})]}):r.jsx("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},children:r.jsx(A,{className:E(l&&X(`background-${ct(l)}`),n?"badge-and-text":"badge",t),markup:pt.SPAN,...c,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,leftBorder:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&X(zt(o)),d&&X("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(ct(c))}`,m&&y("flat"),j&&X("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&X(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&X(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&X(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&X("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:pt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:K.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ht=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&X("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&X(`background-${ct(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},Q=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&X("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&X(zt(u)),d&&X("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&X(`background-${ct(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&X(`text-${ct(o)}`),a&&X(`background-${ct(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),jt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(jt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(jt.SUCCESS,M.CHECK_CIRCLE),ne.set(jt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(jt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||jt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&X("dynamic-placeholder"),{[X("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:K.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:K.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?jt.SUCCESS:jt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||jt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(ct(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&X("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:pt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:pt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&X("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&X("text-left")||o==ye.ALIGNED_CENTER&&X("text-centered")||o==ye.ALIGNED_END&&X("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:pt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&X(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:K.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&X("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Z=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&X(zt(n)),s&&X("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",X("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:pt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",X("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:K.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},vt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&ct(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&X(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(ct(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(ct(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(ct(n)),s&&[X("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&X("dynamic-label"),N&&X("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:pt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:pt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:K.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&X(zt(l)),a&&X("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,alert:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!o&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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,alert:t==null?void 0:t.alert,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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,alert:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Z,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{display:!0,alert: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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,alert:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,alert:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,alert:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Et=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,alert:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(Q,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,alert:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(Q,{size:6}),r.jsx(Q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(Q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{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:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(Et,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{children:[r.jsx(ht,{href:"https://Home.fr",children:"Home"}),r.jsx(ht,{to:"#anchor",children:"Catalog"}),r.jsx(ht,{children:"Accessories"}),r.jsx(ht,{active:!0,children:"Current page"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{children:[r.jsxs(Ke,{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(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(Q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(Q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Z,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Z,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Z,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Z,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Z,{children:r.jsx(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Z,{children:[r.jsx($,{size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:K.SMALL}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:K.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:K.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:K.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:K.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Z,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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(Z,{background:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:jt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?jt.SUCCESS:jt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:jt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:jt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:jt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:jt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Z,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. + */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},ct=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${ct(e.color)}${e.fade?"-fade":""}`:`background-${ct(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":X(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),X=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),X("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&X(zt(l))||pj(n||"",Ai.INFO)||X(zt(le.MAIN)),u=w(o,E("icon",X(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${ct(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&X("text-left")||Ln(N)==="aligned-center"&&X("text-centered")||Ln(N)==="aligned-end"&&X("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),pt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(pt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in pt||Object.values(pt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===pt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({status:e,className:t,iconClassname:n,iconName:s,title:i,description:l,onClick:a,display:o,testId:c,...u})=>{const{styled:d}=z(),f=w(d,E("alert",X("body"),e&&y(Hp(e)),t)),m=h.useMemo(()=>s??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[s,alert]);return o?r.jsxs("div",{"data-testid":c,onClick:j=>{a==null||a(j),j.stopPropagation()},className:f,...u,children:[r.jsx($,{className:n,name:m}),r.jsxs("div",{className:w(d,E("body")),children:[i&&typeof i.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:i}):i,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,color:l,onClick:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},className:d,...c,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:pt.P,children:n}),r.jsx("span",{className:w(u,E(l&&X(`background-${ct(l)}`),"badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:pt.P,children:n})]}):r.jsx("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},children:r.jsx(A,{className:E(l&&X(`background-${ct(l)}`),n?"badge-and-text":"badge",t),markup:pt.SPAN,...c,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,leftBorder:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&X(zt(o)),d&&X("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(ct(c))}`,m&&y("flat"),j&&X("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&X(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&X(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&X(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&X("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:pt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:K.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ht=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&X("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&X(`background-${ct(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},Q=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&X("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&X(zt(u)),d&&X("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&X(`background-${ct(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&X(`text-${ct(o)}`),a&&X(`background-${ct(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),jt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(jt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(jt.SUCCESS,M.CHECK_CIRCLE),ne.set(jt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(jt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||jt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&X("dynamic-placeholder"),{[X("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:K.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:K.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?jt.SUCCESS:jt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||jt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(ct(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&X("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:pt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:pt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&X("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&X("text-left")||o==ye.ALIGNED_CENTER&&X("text-centered")||o==ye.ALIGNED_END&&X("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:pt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&X(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:K.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&X("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Z=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&X(zt(n)),s&&X("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",X("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:pt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",X("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:K.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},vt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&ct(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&X(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(ct(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(ct(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(ct(n)),s&&[X("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&X("dynamic-label"),N&&X("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:pt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:pt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:K.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&X(zt(l)),a&&X("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,status:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!alert&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,alert:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Z,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{display:!0,alert: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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,status:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,status:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Et=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(Q,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,status:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(Q,{size:6}),r.jsx(Q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(Q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{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:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(Et,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{children:[r.jsx(ht,{href:"https://Home.fr",children:"Home"}),r.jsx(ht,{to:"#anchor",children:"Catalog"}),r.jsx(ht,{children:"Accessories"}),r.jsx(ht,{active:!0,children:"Current page"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{children:[r.jsxs(Ke,{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(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(Q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(Q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Z,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Z,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Z,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Z,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Z,{children:r.jsx(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Z,{children:[r.jsx($,{size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:K.SMALL}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:K.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:K.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:K.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:K.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Z,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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(Z,{background:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:jt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?jt.SUCCESS:jt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:jt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:jt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:jt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:jt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Z,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. diff --git a/docs/templates/index.html b/docs/templates/index.html index 124d3f9b..cddf281f 100644 --- a/docs/templates/index.html +++ b/docs/templates/index.html @@ -7,7 +7,7 @@ Trilogy DS - + diff --git a/examples/react-template/screens/Alert.tsx b/examples/react-template/screens/Alert.tsx index 4a5eca25..3dff940d 100644 --- a/examples/react-template/screens/Alert.tsx +++ b/examples/react-template/screens/Alert.tsx @@ -39,7 +39,7 @@ export const AlertScreen = (): JSX.Element => { title, description, iconName: IconName.ALERT, - alert: StatusState.WARNING, + status: StatusState.WARNING, onClick: () => console.log('onClick'), closable: () => alert('closable'), onHide: () => console.log('onHide'), @@ -62,15 +62,15 @@ export const AlertScreen = (): JSX.Element => { - {Object.values(StatusState).map((alert, index) => { + {Object.values(StatusState).map((status, index) => { return ( - StatusState : {alert} + StatusState : {status} diff --git a/examples/react-template/screens/Progress.tsx b/examples/react-template/screens/Progress.tsx index 325b0538..1f9a5b6a 100644 --- a/examples/react-template/screens/Progress.tsx +++ b/examples/react-template/screens/Progress.tsx @@ -12,36 +12,36 @@ export const ProgressScreen = (): JSX.Element => { - + - + - + - +
Barre de progression empilée - - - - + + + +
Progression avec unique légende - +
Progression avec légendes aux extremités - +
Barre de progression circulaire children custo From 1d04beb216ff85f1fed87f81a2fa016b03bc75c8 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 14:13:33 +0200 Subject: [PATCH 04/19] Remove classname --- packages/react/components/alert/Alert.tsx | 4 +--- packages/react/components/alert/AlertProps.ts | 1 - 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/react/components/alert/Alert.tsx b/packages/react/components/alert/Alert.tsx index 4746fadf..9a06b6ea 100644 --- a/packages/react/components/alert/Alert.tsx +++ b/packages/react/components/alert/Alert.tsx @@ -96,14 +96,12 @@ const ToasterAlert: React.FC<{ props: ToasterStatusProps }> = ({ props, ...other * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR) * @param onClick {Function} onClick Event for all alert * @param className {string} Additionnal CSS Classes - * @param iconClassname {string} Additionnal Icon CSS * @param display * @param others */ const Alert = ({ status, className, - iconClassname, iconName, title, description, @@ -137,7 +135,7 @@ const Alert = ({ className={classes} {...others} > - +
{title && typeof title.valueOf() === "string" ? ( {title} diff --git a/packages/react/components/alert/AlertProps.ts b/packages/react/components/alert/AlertProps.ts index 39490dbf..08ce375a 100644 --- a/packages/react/components/alert/AlertProps.ts +++ b/packages/react/components/alert/AlertProps.ts @@ -33,7 +33,6 @@ export interface AlertProps extends StatusProps, Clickable, Accessibility { title?: string | React.ReactNode description?: string | React.ReactNode className?: string - iconClassname?: string display?: boolean toaster?: boolean } From 2b80512e867f7fc21598ad7efb252056dcd0b424 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 14:16:06 +0200 Subject: [PATCH 05/19] Remove badge color --- .../react/components/badge/Badge.native.tsx | 6 +----- packages/react/components/badge/Badge.tsx | 18 +----------------- packages/react/components/badge/BadgeProps.ts | 2 -- 3 files changed, 2 insertions(+), 24 deletions(-) diff --git a/packages/react/components/badge/Badge.native.tsx b/packages/react/components/badge/Badge.native.tsx index 4fcbc898..799ad7b7 100644 --- a/packages/react/components/badge/Badge.native.tsx +++ b/packages/react/components/badge/Badge.native.tsx @@ -12,21 +12,17 @@ import { ComponentName } from "@/components/enumsComponentsName" * @param content content {string|number} Badge content text * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT) * @param onClick {Function} onClick Event for Badge - * @param color {BadgeColor} Change color for Badge */ const Badge = ({ children, textContent, content, direction, - color, onClick, testId, ...others }: BadgeProps): JSX.Element => { - const badgeColor = color - ? getColorStyle(color as TrilogyColor | TrilogyColorValues) - : getColorStyle(BadgeColor.MAIN) + const badgeColor = getColorStyle(BadgeColor.MAIN) const textColor = getColorStyle(TrilogyColor.BACKGROUND) const styles = StyleSheet.create({ diff --git a/packages/react/components/badge/Badge.tsx b/packages/react/components/badge/Badge.tsx index 856f5e55..ea72ea2b 100644 --- a/packages/react/components/badge/Badge.tsx +++ b/packages/react/components/badge/Badge.tsx @@ -14,7 +14,6 @@ import { useTrilogyContext } from "@/context" * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text * @param content {string|number} Badge content text * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT) - * @param color {BadgeColor} Change color for Badge * @param onClick {Function} onClick Event for Badge * - -------------------------- WEB PROPERTIES ------------------------------- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB) @@ -25,7 +24,6 @@ const Badge = ({ textContent, content, direction, - color, onClick, testId, ...others @@ -54,15 +52,7 @@ const Badge = ({ {content || children} @@ -84,12 +74,6 @@ const Badge = ({ > Date: Tue, 6 Aug 2024 14:18:24 +0200 Subject: [PATCH 06/19] highlighted --- packages/react/components/box/Box.native.tsx | 16 ++++++++-------- packages/react/components/box/Box.tsx | 6 +++--- packages/react/components/box/BoxProps.ts | 2 +- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/react/components/box/Box.native.tsx b/packages/react/components/box/Box.native.tsx index 2ec0f906..f0d181f6 100644 --- a/packages/react/components/box/Box.native.tsx +++ b/packages/react/components/box/Box.native.tsx @@ -13,7 +13,7 @@ import { StatesContext } from "@/context/providerStates" * @param onClick {Function} onClick Event * @param skeleton {boolean} Box skeleton * @param background {TrilogyColor} Box Content Background Color - * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color + * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color * @param testId {string} Test id * @param shadowless {boolean} Remove box shadow * @param backgroundSrc {string} Source of background Image @@ -29,7 +29,7 @@ const Box = ({ children, onClick, skeleton, - leftBorder, + highlighted, testId, shadowless, background, @@ -79,13 +79,13 @@ const Box = ({ overflow: "hidden", borderRadius: boxRadius, }, - leftBorder: { + highlighted: { position: "absolute", width: 8, borderTopStartRadius: boxRadius, borderBottomStartRadius: boxRadius, height: boxHeight, - backgroundColor: leftBorder ? getColorStyle(leftBorder as TrilogyColor | TrilogyColorValues) : 'transparent', + backgroundColor: highlighted ? getColorStyle(highlighted as TrilogyColor | TrilogyColorValues) : 'transparent', }, column: { @@ -144,7 +144,7 @@ const Box = ({ : { uri: backgroundSrc } } > - {Boolean(leftBorder) && } + {Boolean(highlighted) && } @@ -153,7 +153,7 @@ const Box = ({ ) : ( <> - {Boolean(leftBorder) && } + {Boolean(highlighted) && } @@ -185,7 +185,7 @@ const Box = ({ : { uri: backgroundSrc } } > - {Boolean(leftBorder) && } + {Boolean(highlighted) && } @@ -196,7 +196,7 @@ const Box = ({ - {Boolean(leftBorder) && } + {Boolean(highlighted) && } {children} )} diff --git a/packages/react/components/box/Box.tsx b/packages/react/components/box/Box.tsx index de11355c..81cb22ec 100644 --- a/packages/react/components/box/Box.tsx +++ b/packages/react/components/box/Box.tsx @@ -14,7 +14,7 @@ import { useTrilogyContext } from "@/context" * @param skeleton {boolean} Box skeleton * @param background {TrilogyColor} Box Content Background Color * @param inverted {boolean} Inverted Box Color - * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color + * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color * @param shadowless {boolean} Remove box shadow * @param flat {boolean} Flat box remove shadow and add plain border * @param backgroundSrc {string} Source of background Image @@ -37,7 +37,7 @@ const Box = ({ skeleton, to, background, - leftBorder, + highlighted, shadowless, backgroundSrc, testId, @@ -59,7 +59,7 @@ const Box = ({ backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), isLoading ? is("loading") : is("loaded"), - leftBorder && `${is("highlighted")} ${is(getColorClassName(leftBorder))}`, + highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), diff --git a/packages/react/components/box/BoxProps.ts b/packages/react/components/box/BoxProps.ts index cff67cc9..08505418 100644 --- a/packages/react/components/box/BoxProps.ts +++ b/packages/react/components/box/BoxProps.ts @@ -18,7 +18,7 @@ export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Access className?: string markup?: BoxMarkup | BoxMarkupValues to?: string - leftBorder?: TrilogyColor | TrilogyColorValues + highlighted?: TrilogyColor | TrilogyColorValues shadowless?: boolean backgroundSrc?: string hat?: boolean From 4375ea5144cac697e33c94bbdb2d43b2aabc0a12 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 15:21:03 +0200 Subject: [PATCH 07/19] update props --- .../assets/{index-0692b7ef.js => index-65947798.js} | 10 +++++----- docs/templates/index.html | 2 +- examples/react-template/screens/Switch.tsx | 2 ++ packages/react/components/card/Card.tsx | 4 ++-- .../components/card/content/CardContent.native.tsx | 1 - .../react/components/card/content/CardContentProps.ts | 2 -- 6 files changed, 10 insertions(+), 11 deletions(-) rename docs/templates/assets/{index-0692b7ef.js => index-65947798.js} (51%) diff --git a/docs/templates/assets/index-0692b7ef.js b/docs/templates/assets/index-65947798.js similarity index 51% rename from docs/templates/assets/index-0692b7ef.js rename to docs/templates/assets/index-65947798.js index c9b2f27b..c4cc9672 100644 --- a/docs/templates/assets/index-0692b7ef.js +++ b/docs/templates/assets/index-65947798.js @@ -30,14 +30,14 @@ function ox(e,t){for(var n=0;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Co=Object.prototype.hasOwnProperty,kx=/^[: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]*$/,Wu={},Vu={};function Ox(e){return Co.call(Vu,e)?!0:Co.call(Wu,e)?!1:kx.test(e)?Vu[e]=!0:(Wu[e]=!0,!1)}function Mx(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 Dx(e,t,n,s){if(t===null||typeof t>"u"||Mx(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,i,l,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=a}var ut={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ut[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];ut[t]=new yt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ut[e]=new yt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ut[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){ut[e]=new yt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ut[e]=new yt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ut[e]=new yt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ut[e]=new yt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ut[e]=new yt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Uc=/[\-:]([a-z])/g;function Fc(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(Uc,Fc);ut[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(Uc,Fc);ut[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(Uc,Fc);ut[t]=new yt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ut[e]=new yt(e,1,!1,e.toLowerCase(),null,!1,!1)});ut.xlinkHref=new yt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ut[e]=new yt(e,1,!1,e.toLowerCase(),null,!0,!0)});function Hc(e,t,n,s){var i=ut.hasOwnProperty(t)?ut[t]:null;(i!==null?i.type!==0:s||!(2"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Co=Object.prototype.hasOwnProperty,kx=/^[: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]*$/,Wu={},Vu={};function Ox(e){return Co.call(Vu,e)?!0:Co.call(Wu,e)?!1:kx.test(e)?Vu[e]=!0:(Wu[e]=!0,!1)}function Mx(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 Dx(e,t,n,s){if(t===null||typeof t>"u"||Mx(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,i,l,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,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 Uc=/[\-:]([a-z])/g;function Fc(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(Uc,Fc);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(Uc,Fc);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(Uc,Fc);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 Hc(e,t,n,s){var i=ct.hasOwnProperty(t)?ct[t]:null;(i!==null?i.type!==0:s||!(2o||i[a]!==l[o]){var c=` `+i[a].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{za=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Gs(e):""}function Px(e){switch(e.tag){case 5:return Gs(e.type);case 16:return Gs("Lazy");case 13:return Gs("Suspense");case 19:return Gs("SuspenseList");case 0:case 2:case 15:return e=Wa(e.type,!1),e;case 11:return e=Wa(e.type.render,!1),e;case 1:return e=Wa(e.type,!0),e;default:return""}}function Lo(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 Zr:return"Fragment";case Qr:return"Portal";case Ro:return"Profiler";case bc:return"StrictMode";case To:return"Suspense";case wo:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Sh:return(e.displayName||"Context")+".Consumer";case jh:return(e._context.displayName||"Context")+".Provider";case $c:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case zc:return t=e.displayName||null,t!==null?t:Lo(e.type)||"Memo";case zn:t=e._payload,e=e._init;try{return Lo(e(t))}catch{}}return null}function Ux(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 Lo(t);case 8:return t===bc?"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 fr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function yh(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Fx(e){var t=yh(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 i=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(a){s=""+a,l.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 zi(e){e._valueTracker||(e._valueTracker=Fx(e))}function Ch(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=yh(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function Pl(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 Io(e,t){var n=t.checked;return be({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Gu(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=fr(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 Rh(e,t){t=t.checked,t!=null&&Hc(e,"checked",t,!1)}function Ao(e,t){Rh(e,t);var n=fr(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")?_o(e,t.type,n):t.hasOwnProperty("defaultValue")&&_o(e,t.type,fr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function qu(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 _o(e,t,n){(t!=="number"||Pl(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var qs=Array.isArray;function us(e,t,n,s){if(e=e.options,t){t={};for(var i=0;i"+t.valueOf().toString()+"",t=Wi.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function fi(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Js={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},Hx=["Webkit","ms","Moz","O"];Object.keys(Js).forEach(function(e){Hx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Js[t]=Js[e]})});function Ih(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Js.hasOwnProperty(e)&&Js[e]?(""+t).trim():t+"px"}function Ah(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,i=Ih(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,i):e[n]=i}}var bx=be({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 Mo(e,t){if(t){if(bx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(F(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(F(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(F(61))}if(t.style!=null&&typeof t.style!="object")throw Error(F(62))}}function Do(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 Po=null;function Wc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Uo=null,ds=null,fs=null;function Ku(e){if(e=Ui(e)){if(typeof Uo!="function")throw Error(F(280));var t=e.stateNode;t&&(t=Ca(t),Uo(e.stateNode,e.type,t))}}function _h(e){ds?fs?fs.push(e):fs=[e]:ds=e}function kh(){if(ds){var e=ds,t=fs;if(fs=ds=null,Ku(e),t)for(e=0;e>>=0,e===0?32:31-(Qx(e)/Zx|0)|0}var Vi=64,Bi=4194304;function Ys(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 bl(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,i=e.suspendedLanes,l=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~i;o!==0?s=Ys(o):(l&=a,l!==0&&(s=Ys(l)))}else a=n&~i,a!==0?s=Ys(a):l!==0&&(s=Ys(l));if(s===0)return 0;if(t!==0&&t!==s&&!(t&i)&&(i=s&-s,l=t&-t,i>=l||i===16&&(l&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 Di(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 nv(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=ti),id=String.fromCharCode(32),ld=!1;function Zh(e,t){switch(e){case"keyup":return Av.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Jh(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Jr=!1;function kv(e,t){switch(e){case"compositionend":return Jh(t);case"keypress":return t.which!==32?null:(ld=!0,id);case"textInput":return e=t.data,e===id&&ld?null:e;default:return null}}function Ov(e,t){if(Jr)return e==="compositionend"||!Qc&&Zh(e,t)?(e=Kh(),xl=Yc=Xn=null,Jr=!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=ud(n)}}function rm(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?rm(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function sm(){for(var e=window,t=Pl();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Pl(e.document)}return t}function Zc(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 zv(e){var t=sm(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&rm(n.ownerDocument.documentElement,n)){if(s!==null&&Zc(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 i=n.textContent.length,l=Math.min(s.start,i);s=s.end===void 0?l:Math.min(s.end,i),!e.extend&&l>s&&(i=s,s=l,l=i),i=dd(n,l);var a=dd(n,s);i&&a&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),l>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,es=null,Wo=null,ri=null,Vo=!1;function fd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Vo||es==null||es!==Pl(s)||(s=es,"selectionStart"in s&&Zc(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}),ri&&Ei(ri,s)||(ri=s,s=Wl(Wo,"onSelect"),0rs||(e.current=Ko[rs],Ko[rs]=null,rs--)}function Le(e,t){rs++,Ko[rs]=e.current,e.current=t}var hr={},xt=pr(hr),It=pr(!1),Dr=hr;function gs(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var i={},l;for(l in n)i[l]=t[l];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function At(e){return e=e.childContextTypes,e!=null}function Bl(){_e(It),_e(xt)}function gd(e,t,n){if(xt.current!==hr)throw Error(F(168));Le(xt,t),Le(It,n)}function hm(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var i in s)if(!(i in t))throw Error(F(108,Ux(e)||"Unknown",i));return be({},n,s)}function Gl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Dr=xt.current,Le(xt,e),Le(It,It.current),!0}function jd(e,t,n){var s=e.stateNode;if(!s)throw Error(F(169));n?(e=hm(e,t,Dr),s.__reactInternalMemoizedMergedChildContext=e,_e(It),_e(xt),Le(xt,e)):_e(It),Le(It,n)}var Cn=null,Ra=!1,ro=!1;function mm(e){Cn===null?Cn=[e]:Cn.push(e)}function eE(e){Ra=!0,mm(e)}function xr(){if(!ro&&Cn!==null){ro=!0;var e=0,t=je;try{var n=Cn;for(je=1;e>=a,i-=a,Tn=1<<32-un(t)+i|n<L?(U=T,T=null):U=T.sibling;var D=m(p,T,g[L],C);if(D===null){T===null&&(T=U);break}e&&T&&D.alternate===null&&t(p,T),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D,T=U}if(L===g.length)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;LL?(U=T,T=null):U=T.sibling;var q=m(p,T,D.value,C);if(q===null){T===null&&(T=U);break}e&&T&&q.alternate===null&&t(p,T),x=l(q,x,L),I===null?R=q:I.sibling=q,I=q,T=U}if(D.done)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;!D.done;L++,D=g.next())D=f(p,D.value,C),D!==null&&(x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return De&&Nr(p,L),R}for(T=s(p,T);!D.done;L++,D=g.next())D=j(T,p,L,D.value,C),D!==null&&(e&&D.alternate!==null&&T.delete(D.key===null?L:D.key),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return e&&T.forEach(function(ae){return t(p,ae)}),De&&Nr(p,L),R}function N(p,x,g,C){if(typeof g=="object"&&g!==null&&g.type===Zr&&g.key===null&&(g=g.props.children),typeof g=="object"&&g!==null){switch(g.$$typeof){case $i:e:{for(var R=g.key,I=x;I!==null;){if(I.key===R){if(R=g.type,R===Zr){if(I.tag===7){n(p,I.sibling),x=i(I,g.props.children),x.return=p,p=x;break e}}else if(I.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===zn&&wd(R)===I.type){n(p,I.sibling),x=i(I,g.props),x.ref=Ps(p,I,g),x.return=p,p=x;break e}n(p,I);break}else t(p,I);I=I.sibling}g.type===Zr?(x=Or(g.props.children,p.mode,C,g.key),x.return=p,p=x):(C=Cl(g.type,g.key,g.props,null,p.mode,C),C.ref=Ps(p,x,g),C.return=p,p=C)}return a(p);case Qr:e:{for(I=g.key;x!==null;){if(x.key===I)if(x.tag===4&&x.stateNode.containerInfo===g.containerInfo&&x.stateNode.implementation===g.implementation){n(p,x.sibling),x=i(x,g.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=fo(g,p.mode,C),x.return=p,p=x}return a(p);case zn:return I=g._init,N(p,x,I(g._payload),C)}if(qs(g))return S(p,x,g,C);if(_s(g))return v(p,x,g,C);Zi(p,g)}return typeof g=="string"&&g!==""||typeof g=="number"?(g=""+g,x!==null&&x.tag===6?(n(p,x.sibling),x=i(x,g),x.return=p,p=x):(n(p,x),x=uo(g,p.mode,C),x.return=p,p=x),a(p)):n(p,x)}return N}var Ss=Nm(!0),ym=Nm(!1),Fi={},jn=pr(Fi),Ni=pr(Fi),yi=pr(Fi);function Ir(e){if(e===Fi)throw Error(F(174));return e}function au(e,t){switch(Le(yi,t),Le(Ni,e),Le(jn,Fi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Oo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Oo(t,e)}_e(jn),Le(jn,t)}function Ns(){_e(jn),_e(Ni),_e(yi)}function Cm(e){Ir(yi.current);var t=Ir(jn.current),n=Oo(t,e.type);t!==n&&(Le(Ni,e),Le(jn,n))}function ou(e){Ni.current===e&&(_e(jn),_e(Ni))}var Ue=pr(0);function Zl(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 so=[];function cu(){for(var e=0;en?n:4,e(!0);var s=io.transition;io.transition={};try{e(!1),t()}finally{je=n,io.transition=s}}function bm(){return en().memoizedState}function sE(e,t,n){var s=cr(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},$m(e))zm(t,n);else if(n=Em(e,t,n,s),n!==null){var i=St();dn(n,e,s,i),Wm(n,t,s)}}function iE(e,t,n){var s=cr(e),i={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if($m(e))zm(t,i);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var a=t.lastRenderedState,o=l(a,n);if(i.hasEagerState=!0,i.eagerState=o,hn(o,a)){var c=t.interleaved;c===null?(i.next=i,iu(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}finally{}n=Em(e,t,i,s),n!==null&&(i=St(),dn(n,e,s,i),Wm(n,t,s))}}function $m(e){var t=e.alternate;return e===He||t!==null&&t===He}function zm(e,t){si=Jl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Wm(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Bc(e,n)}}var ea={readContext:Jt,useCallback:dt,useContext:dt,useEffect:dt,useImperativeHandle:dt,useInsertionEffect:dt,useLayoutEffect:dt,useMemo:dt,useReducer:dt,useRef:dt,useState:dt,useDebugValue:dt,useDeferredValue:dt,useTransition:dt,useMutableSource:dt,useSyncExternalStore:dt,useId:dt,unstable_isNewReconciler:!1},lE={readContext:Jt,useCallback:function(e,t){return vn().memoizedState=[e,t===void 0?null:t],e},useContext:Jt,useEffect:Id,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,jl(4194308,4,Dm.bind(null,t,e),n)},useLayoutEffect:function(e,t){return jl(4194308,4,e,t)},useInsertionEffect:function(e,t){return jl(4,2,e,t)},useMemo:function(e,t){var n=vn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=vn();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=sE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=vn();return e={current:e},t.memoizedState=e},useState:Ld,useDebugValue:mu,useDeferredValue:function(e){return vn().memoizedState=e},useTransition:function(){var e=Ld(!1),t=e[0];return e=rE.bind(null,e[1]),vn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,i=vn();if(De){if(n===void 0)throw Error(F(407));n=n()}else{if(n=t(),it===null)throw Error(F(349));Ur&30||wm(s,t,n)}i.memoizedState=n;var l={value:n,getSnapshot:t};return i.queue=l,Id(Im.bind(null,s,l,e),[e]),s.flags|=2048,Ti(9,Lm.bind(null,s,l,n,t),void 0,null),n},useId:function(){var e=vn(),t=it.identifierPrefix;if(De){var n=wn,s=Tn;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ci++,0rs||(e.current=Ko[rs],Ko[rs]=null,rs--)}function Le(e,t){rs++,Ko[rs]=e.current,e.current=t}var hr={},pt=pr(hr),It=pr(!1),Dr=hr;function gs(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var i={},l;for(l in n)i[l]=t[l];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function At(e){return e=e.childContextTypes,e!=null}function Bl(){_e(It),_e(pt)}function gd(e,t,n){if(pt.current!==hr)throw Error(F(168));Le(pt,t),Le(It,n)}function hm(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var i in s)if(!(i in t))throw Error(F(108,Ux(e)||"Unknown",i));return be({},n,s)}function Gl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Dr=pt.current,Le(pt,e),Le(It,It.current),!0}function jd(e,t,n){var s=e.stateNode;if(!s)throw Error(F(169));n?(e=hm(e,t,Dr),s.__reactInternalMemoizedMergedChildContext=e,_e(It),_e(pt),Le(pt,e)):_e(It),Le(It,n)}var Cn=null,Ra=!1,ro=!1;function mm(e){Cn===null?Cn=[e]:Cn.push(e)}function eE(e){Ra=!0,mm(e)}function xr(){if(!ro&&Cn!==null){ro=!0;var e=0,t=je;try{var n=Cn;for(je=1;e>=a,i-=a,Tn=1<<32-un(t)+i|n<L?(U=T,T=null):U=T.sibling;var D=m(p,T,g[L],C);if(D===null){T===null&&(T=U);break}e&&T&&D.alternate===null&&t(p,T),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D,T=U}if(L===g.length)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;LL?(U=T,T=null):U=T.sibling;var q=m(p,T,D.value,C);if(q===null){T===null&&(T=U);break}e&&T&&q.alternate===null&&t(p,T),x=l(q,x,L),I===null?R=q:I.sibling=q,I=q,T=U}if(D.done)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;!D.done;L++,D=g.next())D=f(p,D.value,C),D!==null&&(x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return De&&Nr(p,L),R}for(T=s(p,T);!D.done;L++,D=g.next())D=j(T,p,L,D.value,C),D!==null&&(e&&D.alternate!==null&&T.delete(D.key===null?L:D.key),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return e&&T.forEach(function(ae){return t(p,ae)}),De&&Nr(p,L),R}function N(p,x,g,C){if(typeof g=="object"&&g!==null&&g.type===Zr&&g.key===null&&(g=g.props.children),typeof g=="object"&&g!==null){switch(g.$$typeof){case $i:e:{for(var R=g.key,I=x;I!==null;){if(I.key===R){if(R=g.type,R===Zr){if(I.tag===7){n(p,I.sibling),x=i(I,g.props.children),x.return=p,p=x;break e}}else if(I.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===zn&&wd(R)===I.type){n(p,I.sibling),x=i(I,g.props),x.ref=Ps(p,I,g),x.return=p,p=x;break e}n(p,I);break}else t(p,I);I=I.sibling}g.type===Zr?(x=Or(g.props.children,p.mode,C,g.key),x.return=p,p=x):(C=Cl(g.type,g.key,g.props,null,p.mode,C),C.ref=Ps(p,x,g),C.return=p,p=C)}return a(p);case Qr:e:{for(I=g.key;x!==null;){if(x.key===I)if(x.tag===4&&x.stateNode.containerInfo===g.containerInfo&&x.stateNode.implementation===g.implementation){n(p,x.sibling),x=i(x,g.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=fo(g,p.mode,C),x.return=p,p=x}return a(p);case zn:return I=g._init,N(p,x,I(g._payload),C)}if(qs(g))return S(p,x,g,C);if(_s(g))return v(p,x,g,C);Zi(p,g)}return typeof g=="string"&&g!==""||typeof g=="number"?(g=""+g,x!==null&&x.tag===6?(n(p,x.sibling),x=i(x,g),x.return=p,p=x):(n(p,x),x=uo(g,p.mode,C),x.return=p,p=x),a(p)):n(p,x)}return N}var Ss=Nm(!0),ym=Nm(!1),Fi={},jn=pr(Fi),Ni=pr(Fi),yi=pr(Fi);function Ir(e){if(e===Fi)throw Error(F(174));return e}function au(e,t){switch(Le(yi,t),Le(Ni,e),Le(jn,Fi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Oo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Oo(t,e)}_e(jn),Le(jn,t)}function Ns(){_e(jn),_e(Ni),_e(yi)}function Cm(e){Ir(yi.current);var t=Ir(jn.current),n=Oo(t,e.type);t!==n&&(Le(Ni,e),Le(jn,n))}function ou(e){Ni.current===e&&(_e(jn),_e(Ni))}var Ue=pr(0);function Zl(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 so=[];function cu(){for(var e=0;en?n:4,e(!0);var s=io.transition;io.transition={};try{e(!1),t()}finally{je=n,io.transition=s}}function bm(){return en().memoizedState}function sE(e,t,n){var s=cr(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},$m(e))zm(t,n);else if(n=Em(e,t,n,s),n!==null){var i=jt();dn(n,e,s,i),Wm(n,t,s)}}function iE(e,t,n){var s=cr(e),i={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if($m(e))zm(t,i);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var a=t.lastRenderedState,o=l(a,n);if(i.hasEagerState=!0,i.eagerState=o,hn(o,a)){var c=t.interleaved;c===null?(i.next=i,iu(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}finally{}n=Em(e,t,i,s),n!==null&&(i=jt(),dn(n,e,s,i),Wm(n,t,s))}}function $m(e){var t=e.alternate;return e===He||t!==null&&t===He}function zm(e,t){si=Jl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Wm(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Bc(e,n)}}var ea={readContext:Jt,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},lE={readContext:Jt,useCallback:function(e,t){return vn().memoizedState=[e,t===void 0?null:t],e},useContext:Jt,useEffect:Id,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,jl(4194308,4,Dm.bind(null,t,e),n)},useLayoutEffect:function(e,t){return jl(4194308,4,e,t)},useInsertionEffect:function(e,t){return jl(4,2,e,t)},useMemo:function(e,t){var n=vn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=vn();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=sE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=vn();return e={current:e},t.memoizedState=e},useState:Ld,useDebugValue:mu,useDeferredValue:function(e){return vn().memoizedState=e},useTransition:function(){var e=Ld(!1),t=e[0];return e=rE.bind(null,e[1]),vn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,i=vn();if(De){if(n===void 0)throw Error(F(407));n=n()}else{if(n=t(),it===null)throw Error(F(349));Ur&30||wm(s,t,n)}i.memoizedState=n;var l={value:n,getSnapshot:t};return i.queue=l,Id(Im.bind(null,s,l,e),[e]),s.flags|=2048,Ti(9,Lm.bind(null,s,l,n,t),void 0,null),n},useId:function(){var e=vn(),t=it.identifierPrefix;if(De){var n=wn,s=Tn;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ci++,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[En]=t,e[Si]=s,Zm(e,t,!1,!1),t.stateNode=e;e:{switch(a=Do(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),i=s;break;case"iframe":case"object":case"embed":Ie("load",e),i=s;break;case"video":case"audio":for(i=0;iCs&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304)}else{if(!s)if(e=Zl(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Us(l,!0),l.tail===null&&l.tailMode==="hidden"&&!a.alternate&&!De)return ft(t),null}else 2*Be()-l.renderingStartTime>Cs&&n!==1073741824&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304);l.isBackwards?(a.sibling=t.child,t.child=a):(n=l.last,n!==null?n.sibling=a:t.child=a,l.last=a)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Be(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(ft(t),null);case 22:case 23:return ju(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Dt&1073741824&&(ft(t),t.subtreeFlags&6&&(t.flags|=8192)):ft(t),null;case 24:return null;case 25:return null}throw Error(F(156,t.tag))}function mE(e,t){switch(eu(t),t.tag){case 1:return At(t.type)&&Bl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Ns(),_e(It),_e(xt),cu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return ou(t),null;case 13:if(_e(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(F(340));js()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return _e(Ue),null;case 4:return Ns(),null;case 10:return su(t.type._context),null;case 22:case 23:return ju(),null;case 24:return null;default:return null}}var el=!1,mt=!1,pE=typeof WeakSet=="function"?WeakSet:Set,B=null;function as(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 oc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Fd=!1;function xE(e,t){if(Bo=$l,e=sm(),Zc(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 i=s.anchorOffset,l=s.focusNode;s=s.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,f=e,m=null;t:for(;;){for(var j;f!==n||i!==0&&f.nodeType!==3||(o=a+i),f!==l||s!==0&&f.nodeType!==3||(c=a+s),f.nodeType===3&&(a+=f.nodeValue.length),(j=f.firstChild)!==null;)m=f,f=j;for(;;){if(f===e)break t;if(m===n&&++u===i&&(o=a),m===l&&++d===s&&(c=a),(j=f.nextSibling)!==null)break;f=m,m=f.parentNode}f=j}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Go={focusedElem:e,selectionRange:n},$l=!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 S=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(S!==null){var v=S.memoizedProps,N=S.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),N);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var g=t.stateNode.containerInfo;g.nodeType===1?g.textContent="":g.nodeType===9&&g.documentElement&&g.removeChild(g.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(F(163))}}catch(C){$e(t,t.return,C)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return S=Fd,Fd=!1,S}function ii(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var i=s=s.next;do{if((i.tag&e)===e){var l=i.destroy;i.destroy=void 0,l!==void 0&&oc(t,n,l)}i=i.next}while(i!==s)}}function La(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 cc(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 tp(e){var t=e.alternate;t!==null&&(e.alternate=null,tp(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[En],delete t[Si],delete t[Xo],delete t[Zv],delete t[Jv])),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 np(e){return e.tag===5||e.tag===3||e.tag===4}function Hd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||np(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 uc(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=Vl));else if(s!==4&&(e=e.child,e!==null))for(uc(e,t,n),e=e.sibling;e!==null;)uc(e,t,n),e=e.sibling}function dc(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(dc(e,t,n),e=e.sibling;e!==null;)dc(e,t,n),e=e.sibling}var lt=null,an=!1;function Dn(e,t,n){for(n=n.child;n!==null;)rp(e,t,n),n=n.sibling}function rp(e,t,n){if(gn&&typeof gn.onCommitFiberUnmount=="function")try{gn.onCommitFiberUnmount(ja,n)}catch{}switch(n.tag){case 5:mt||as(n,t);case 6:var s=lt,i=an;lt=null,Dn(e,t,n),lt=s,an=i,lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):lt.removeChild(n.stateNode));break;case 18:lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?no(e.parentNode,n):e.nodeType===1&&no(e,n),xi(e)):no(lt,n.stateNode));break;case 4:s=lt,i=an,lt=n.stateNode.containerInfo,an=!0,Dn(e,t,n),lt=s,an=i;break;case 0:case 11:case 14:case 15:if(!mt&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){i=s=s.next;do{var l=i,a=l.destroy;l=l.tag,a!==void 0&&(l&2||l&4)&&oc(n,t,a),i=i.next}while(i!==s)}Dn(e,t,n);break;case 1:if(!mt&&(as(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)}Dn(e,t,n);break;case 21:Dn(e,t,n);break;case 22:n.mode&1?(mt=(s=mt)||n.memoizedState!==null,Dn(e,t,n),mt=s):Dn(e,t,n);break;default:Dn(e,t,n)}}function bd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new pE),t.forEach(function(s){var i=RE.bind(null,e,s);n.has(s)||(n.add(s),s.then(i,i))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;si&&(i=a),s&=~l}if(s=i,s=Be()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*EE(s/1960))-s,10e?16:e,Kn===null)var s=!1;else{if(e=Kn,Kn=null,ra=0,xe&6)throw Error(F(331));var i=xe;for(xe|=4,B=e.current;B!==null;){var l=B,a=l.child;if(B.flags&16){var o=l.deletions;if(o!==null){for(var c=0;cBe()-Eu?kr(e,0):vu|=n),_t(e,t)}function dp(e,t){t===0&&(e.mode&1?(t=Bi,Bi<<=1,!(Bi&130023424)&&(Bi=4194304)):t=1);var n=St();e=kn(e,t),e!==null&&(Di(e,t,n),_t(e,n))}function CE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),dp(e,n)}function RE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(F(314))}s!==null&&s.delete(t),dp(e,n)}var fp;fp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)Lt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Lt=!1,fE(e,t,n);Lt=!!(e.flags&131072)}else Lt=!1,De&&t.flags&1048576&&pm(t,Yl,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Sl(e,t),e=t.pendingProps;var i=gs(t,xt.current);ms(t,n),i=du(null,t,s,e,i,n);var l=fu();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,At(s)?(l=!0,Gl(t)):l=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,lu(t),i.updater=Ta,t.stateNode=i,i._reactInternals=t,tc(t,s,e,n),t=sc(null,t,s,!0,l,n)):(t.tag=0,De&&l&&Jc(t),gt(null,t,i,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Sl(e,t),e=t.pendingProps,i=s._init,s=i(s._payload),t.type=s,i=t.tag=wE(s),e=ln(s,e),i){case 0:t=rc(null,t,s,e,n);break e;case 1:t=Dd(null,t,s,e,n);break e;case 11:t=Od(null,t,s,e,n);break e;case 14:t=Md(null,t,s,ln(s.type,e),n);break e}throw Error(F(306,s,""))}return t;case 0:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),rc(e,t,s,i,n);case 1:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Dd(e,t,s,i,n);case 3:e:{if(Xm(t),e===null)throw Error(F(387));s=t.pendingProps,l=t.memoizedState,i=l.element,gm(e,t),Ql(t,s,null,n);var a=t.memoizedState;if(s=a.element,l.isDehydrated)if(l={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){i=ys(Error(F(423)),t),t=Pd(e,t,s,n,i);break e}else if(s!==i){i=ys(Error(F(424)),t),t=Pd(e,t,s,n,i);break e}else for(Ft=lr(t.stateNode.containerInfo.firstChild),bt=t,De=!0,on=null,n=ym(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(js(),s===i){t=On(e,t,n);break e}gt(e,t,s,n)}t=t.child}return t;case 5:return Cm(t),e===null&&Zo(t),s=t.type,i=t.pendingProps,l=e!==null?e.memoizedProps:null,a=i.children,qo(s,i)?a=null:l!==null&&qo(s,l)&&(t.flags|=32),Ym(e,t),gt(e,t,a,n),t.child;case 6:return e===null&&Zo(t),null;case 13:return Km(e,t,n);case 4:return au(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):gt(e,t,s,n),t.child;case 11:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Od(e,t,s,i,n);case 7:return gt(e,t,t.pendingProps,n),t.child;case 8:return gt(e,t,t.pendingProps.children,n),t.child;case 12:return gt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,i=t.pendingProps,l=t.memoizedProps,a=i.value,Le(Xl,s._currentValue),s._currentValue=a,l!==null)if(hn(l.value,a)){if(l.children===i.children&&!It.current){t=On(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var o=l.dependencies;if(o!==null){a=l.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(l.tag===1){c=In(-1,n&-n),c.tag=2;var u=l.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}}l.lanes|=n,c=l.alternate,c!==null&&(c.lanes|=n),Jo(l.return,n,t),o.lanes|=n;break}c=c.next}}else if(l.tag===10)a=l.type===t.type?null:l.child;else if(l.tag===18){if(a=l.return,a===null)throw Error(F(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),Jo(a,n,t),a=l.sibling}else a=l.child;if(a!==null)a.return=l;else for(a=l;a!==null;){if(a===t){a=null;break}if(l=a.sibling,l!==null){l.return=a.return,a=l;break}a=a.return}l=a}gt(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,s=t.pendingProps.children,ms(t,n),i=Jt(i),s=s(i),t.flags|=1,gt(e,t,s,n),t.child;case 14:return s=t.type,i=ln(s,t.pendingProps),i=ln(s.type,i),Md(e,t,s,i,n);case 15:return Gm(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Sl(e,t),t.tag=1,At(s)?(e=!0,Gl(t)):e=!1,ms(t,n),Sm(t,s,i),tc(t,s,i,n),sc(null,t,s,!0,e,n);case 19:return Qm(e,t,n);case 22:return qm(e,t,n)}throw Error(F(156,t.tag))};function hp(e,t){return Hh(e,t)}function TE(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 Kt(e,t,n,s){return new TE(e,t,n,s)}function Nu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function wE(e){if(typeof e=="function")return Nu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===$c)return 11;if(e===zc)return 14}return 2}function ur(e,t){var n=e.alternate;return n===null?(n=Kt(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 Cl(e,t,n,s,i,l){var a=2;if(s=e,typeof e=="function")Nu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Zr:return Or(n.children,i,l,t);case bc:a=8,i|=8;break;case Ro:return e=Kt(12,n,t,i|2),e.elementType=Ro,e.lanes=l,e;case To:return e=Kt(13,n,t,i),e.elementType=To,e.lanes=l,e;case wo:return e=Kt(19,n,t,i),e.elementType=wo,e.lanes=l,e;case Nh:return Aa(n,i,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case jh:a=10;break e;case Sh:a=9;break e;case $c:a=11;break e;case zc:a=14;break e;case zn:a=16,s=null;break e}throw Error(F(130,e==null?e:typeof e,""))}return t=Kt(a,n,t,i),t.elementType=e,t.type=s,t.lanes=l,t}function Or(e,t,n,s){return e=Kt(7,e,s,t),e.lanes=n,e}function Aa(e,t,n,s){return e=Kt(22,e,s,t),e.elementType=Nh,e.lanes=n,e.stateNode={isHidden:!1},e}function uo(e,t,n){return e=Kt(6,e,null,t),e.lanes=n,e}function fo(e,t,n){return t=Kt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function LE(e,t,n,s,i){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=Ba(0),this.expirationTimes=Ba(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ba(0),this.identifierPrefix=s,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function yu(e,t,n,s,i,l,a,o,c){return e=new LE(e,t,n,o,c),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Kt(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},lu(l),e}function IE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(vp)}catch(e){console.error(e)}}vp(),ph.exports=Wt;var Ep=ph.exports;const ME=kc(Ep);var gp,Yd=Ep;gp=Yd.createRoot,Yd.hydrateRoot;/** +`+l.stack}return{value:e,source:t,stack:i,digest:null}}function oo(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function nc(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var cE=typeof WeakMap=="function"?WeakMap:Map;function Vm(e,t,n){n=In(-1,n),n.tag=3,n.payload={element:null};var s=t.value;return n.callback=function(){na||(na=!0,fc=s),nc(e,t)},n}function Bm(e,t,n){n=In(-1,n),n.tag=3;var s=e.type.getDerivedStateFromError;if(typeof s=="function"){var i=t.value;n.payload=function(){return s(i)},n.callback=function(){nc(e,t)}}var l=e.stateNode;return l!==null&&typeof l.componentDidCatch=="function"&&(n.callback=function(){nc(e,t),typeof s!="function"&&(or===null?or=new Set([this]):or.add(this));var a=t.stack;this.componentDidCatch(t.value,{componentStack:a!==null?a:""})}),n}function Ad(e,t,n){var s=e.pingCache;if(s===null){s=e.pingCache=new cE;var i=new Set;s.set(t,i)}else i=s.get(t),i===void 0&&(i=new Set,s.set(t,i));i.has(n)||(i.add(n),e=yE.bind(null,e,t,n),t.then(e,e))}function _d(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function kd(e,t,n,s,i){return e.mode&1?(e.flags|=65536,e.lanes=i,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=In(-1,1),t.tag=2,ar(n,t,1))),n.lanes|=1),e)}var uE=Mn.ReactCurrentOwner,Lt=!1;function Et(e,t,n,s){t.child=e===null?ym(t,null,n,s):Ss(t,e.child,n,s)}function Od(e,t,n,s,i){n=n.render;var l=t.ref;return ms(t,i),s=du(e,t,n,s,l,i),n=fu(),e!==null&&!Lt?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,On(e,t,i)):(De&&n&&Jc(t),t.flags|=1,Et(e,t,s,i),t.child)}function Md(e,t,n,s,i){if(e===null){var l=n.type;return typeof l=="function"&&!Nu(l)&&l.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=l,Gm(e,t,l,s,i)):(e=Cl(n.type,null,s,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(l=e.child,!(e.lanes&i)){var a=l.memoizedProps;if(n=n.compare,n=n!==null?n:Ei,n(a,s)&&e.ref===t.ref)return On(e,t,i)}return t.flags|=1,e=ur(l,s),e.ref=t.ref,e.return=t,t.child=e}function Gm(e,t,n,s,i){if(e!==null){var l=e.memoizedProps;if(Ei(l,s)&&e.ref===t.ref)if(Lt=!1,t.pendingProps=s=l,(e.lanes&i)!==0)e.flags&131072&&(Lt=!0);else return t.lanes=e.lanes,On(e,t,i)}return rc(e,t,n,s,i)}function qm(e,t,n){var s=t.pendingProps,i=s.children,l=e!==null?e.memoizedState:null;if(s.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Le(os,Dt),Dt|=n;else{if(!(n&1073741824))return e=l!==null?l.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Le(os,Dt),Dt|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},s=l!==null?l.baseLanes:n,Le(os,Dt),Dt|=s}else l!==null?(s=l.baseLanes|n,t.memoizedState=null):s=n,Le(os,Dt),Dt|=s;return Et(e,t,i,n),t.child}function Ym(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function rc(e,t,n,s,i){var l=At(n)?Dr:pt.current;return l=gs(t,l),ms(t,i),n=du(e,t,n,s,l,i),s=fu(),e!==null&&!Lt?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,On(e,t,i)):(De&&s&&Jc(t),t.flags|=1,Et(e,t,n,i),t.child)}function Dd(e,t,n,s,i){if(At(n)){var l=!0;Gl(t)}else l=!1;if(ms(t,i),t.stateNode===null)Sl(e,t),Sm(t,n,s),tc(t,n,s,i),s=!0;else if(e===null){var a=t.stateNode,o=t.memoizedProps;a.props=o;var c=a.context,u=n.contextType;typeof u=="object"&&u!==null?u=Jt(u):(u=At(n)?Dr:pt.current,u=gs(t,u));var d=n.getDerivedStateFromProps,f=typeof d=="function"||typeof a.getSnapshotBeforeUpdate=="function";f||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==s||c!==u)&&Td(t,a,s,u),Wn=!1;var m=t.memoizedState;a.state=m,Ql(t,s,a,i),c=t.memoizedState,o!==s||m!==c||It.current||Wn?(typeof d=="function"&&(ec(t,n,d,s),c=t.memoizedState),(o=Wn||Rd(t,n,o,s,m,c,u))?(f||typeof a.UNSAFE_componentWillMount!="function"&&typeof a.componentWillMount!="function"||(typeof a.componentWillMount=="function"&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount=="function"&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount=="function"&&(t.flags|=4194308)):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=s,t.memoizedState=c),a.props=s,a.state=c,a.context=u,s=o):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),s=!1)}else{a=t.stateNode,gm(e,t),o=t.memoizedProps,u=t.type===t.elementType?o:ln(t.type,o),a.props=u,f=t.pendingProps,m=a.context,c=n.contextType,typeof c=="object"&&c!==null?c=Jt(c):(c=At(n)?Dr:pt.current,c=gs(t,c));var j=n.getDerivedStateFromProps;(d=typeof j=="function"||typeof a.getSnapshotBeforeUpdate=="function")||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==f||m!==c)&&Td(t,a,s,c),Wn=!1,m=t.memoizedState,a.state=m,Ql(t,s,a,i);var S=t.memoizedState;o!==f||m!==S||It.current||Wn?(typeof j=="function"&&(ec(t,n,j,s),S=t.memoizedState),(u=Wn||Rd(t,n,u,s,m,S,c)||!1)?(d||typeof a.UNSAFE_componentWillUpdate!="function"&&typeof a.componentWillUpdate!="function"||(typeof a.componentWillUpdate=="function"&&a.componentWillUpdate(s,S,c),typeof a.UNSAFE_componentWillUpdate=="function"&&a.UNSAFE_componentWillUpdate(s,S,c)),typeof a.componentDidUpdate=="function"&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),t.memoizedProps=s,t.memoizedState=S),a.props=s,a.state=S,a.context=c,s=u):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),s=!1)}return sc(e,t,n,s,l,i)}function sc(e,t,n,s,i,l){Ym(e,t);var a=(t.flags&128)!==0;if(!s&&!a)return i&&jd(t,n,!1),On(e,t,l);s=t.stateNode,uE.current=t;var o=a&&typeof n.getDerivedStateFromError!="function"?null:s.render();return t.flags|=1,e!==null&&a?(t.child=Ss(t,e.child,null,l),t.child=Ss(t,null,o,l)):Et(e,t,o,l),t.memoizedState=s.state,i&&jd(t,n,!0),t.child}function Xm(e){var t=e.stateNode;t.pendingContext?gd(e,t.pendingContext,t.pendingContext!==t.context):t.context&&gd(e,t.context,!1),au(e,t.containerInfo)}function Pd(e,t,n,s,i){return js(),tu(i),t.flags|=256,Et(e,t,n,s),t.child}var ic={dehydrated:null,treeContext:null,retryLane:0};function lc(e){return{baseLanes:e,cachePool:null,transitions:null}}function Km(e,t,n){var s=t.pendingProps,i=Ue.current,l=!1,a=(t.flags&128)!==0,o;if((o=a)||(o=e!==null&&e.memoizedState===null?!1:(i&2)!==0),o?(l=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(i|=1),Le(Ue,i&1),e===null)return Zo(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(a=s.children,e=s.fallback,l?(s=t.mode,l=t.child,a={mode:"hidden",children:a},!(s&1)&&l!==null?(l.childLanes=0,l.pendingProps=a):l=Aa(a,s,0,null),e=Or(e,s,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=lc(n),t.memoizedState=ic,e):pu(t,a));if(i=e.memoizedState,i!==null&&(o=i.dehydrated,o!==null))return dE(e,t,a,s,o,i,n);if(l){l=s.fallback,a=t.mode,i=e.child,o=i.sibling;var c={mode:"hidden",children:s.children};return!(a&1)&&t.child!==i?(s=t.child,s.childLanes=0,s.pendingProps=c,t.deletions=null):(s=ur(i,c),s.subtreeFlags=i.subtreeFlags&14680064),o!==null?l=ur(o,l):(l=Or(l,a,n,null),l.flags|=2),l.return=t,s.return=t,s.sibling=l,t.child=s,s=l,l=t.child,a=e.child.memoizedState,a=a===null?lc(n):{baseLanes:a.baseLanes|n,cachePool:null,transitions:a.transitions},l.memoizedState=a,l.childLanes=e.childLanes&~n,t.memoizedState=ic,s}return l=e.child,e=l.sibling,s=ur(l,{mode:"visible",children:s.children}),!(t.mode&1)&&(s.lanes=n),s.return=t,s.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=s,t.memoizedState=null,s}function pu(e,t){return t=Aa({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Ji(e,t,n,s){return s!==null&&tu(s),Ss(t,e.child,null,n),e=pu(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function dE(e,t,n,s,i,l,a){if(n)return t.flags&256?(t.flags&=-257,s=oo(Error(F(422))),Ji(e,t,a,s)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(l=s.fallback,i=t.mode,s=Aa({mode:"visible",children:s.children},i,0,null),l=Or(l,i,a,null),l.flags|=2,s.return=t,l.return=t,s.sibling=l,t.child=s,t.mode&1&&Ss(t,e.child,null,a),t.child.memoizedState=lc(a),t.memoizedState=ic,l);if(!(t.mode&1))return Ji(e,t,a,null);if(i.data==="$!"){if(s=i.nextSibling&&i.nextSibling.dataset,s)var o=s.dgst;return s=o,l=Error(F(419)),s=oo(l,s,void 0),Ji(e,t,a,s)}if(o=(a&e.childLanes)!==0,Lt||o){if(s=it,s!==null){switch(a&-a){case 4:i=2;break;case 16:i=8;break;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:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:i=32;break;case 536870912:i=268435456;break;default:i=0}i=i&(s.suspendedLanes|a)?0:i,i!==0&&i!==l.retryLane&&(l.retryLane=i,kn(e,i),dn(s,e,i,-1))}return Su(),s=oo(Error(F(421))),Ji(e,t,a,s)}return i.data==="$?"?(t.flags|=128,t.child=e.child,t=CE.bind(null,e),i._reactRetry=t,null):(e=l.treeContext,Ft=lr(i.nextSibling),bt=t,De=!0,on=null,e!==null&&(Yt[Xt++]=Tn,Yt[Xt++]=wn,Yt[Xt++]=Pr,Tn=e.id,wn=e.overflow,Pr=t),t=pu(t,s.children),t.flags|=4096,t)}function Ud(e,t,n){e.lanes|=t;var s=e.alternate;s!==null&&(s.lanes|=t),Jo(e.return,t,n)}function co(e,t,n,s,i){var l=e.memoizedState;l===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:s,tail:n,tailMode:i}:(l.isBackwards=t,l.rendering=null,l.renderingStartTime=0,l.last=s,l.tail=n,l.tailMode=i)}function Qm(e,t,n){var s=t.pendingProps,i=s.revealOrder,l=s.tail;if(Et(e,t,s.children,n),s=Ue.current,s&2)s=s&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Ud(e,n,t);else if(e.tag===19)Ud(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}s&=1}if(Le(Ue,s),!(t.mode&1))t.memoizedState=null;else switch(i){case"forwards":for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&Zl(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),co(t,!1,i,n,l);break;case"backwards":for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&Zl(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}co(t,!0,n,null,l);break;case"together":co(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Sl(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function On(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Fr|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(F(153));if(t.child!==null){for(e=t.child,n=ur(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=ur(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function fE(e,t,n){switch(t.tag){case 3:Xm(t),js();break;case 5:Cm(t);break;case 1:At(t.type)&&Gl(t);break;case 4:au(t,t.stateNode.containerInfo);break;case 10:var s=t.type._context,i=t.memoizedProps.value;Le(Xl,s._currentValue),s._currentValue=i;break;case 13:if(s=t.memoizedState,s!==null)return s.dehydrated!==null?(Le(Ue,Ue.current&1),t.flags|=128,null):n&t.child.childLanes?Km(e,t,n):(Le(Ue,Ue.current&1),e=On(e,t,n),e!==null?e.sibling:null);Le(Ue,Ue.current&1);break;case 19:if(s=(n&t.childLanes)!==0,e.flags&128){if(s)return Qm(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),Le(Ue,Ue.current),s)break;return null;case 22:case 23:return t.lanes=0,qm(e,t,n)}return On(e,t,n)}var Zm,ac,Jm,ep;Zm=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};ac=function(){};Jm=function(e,t,n,s){var i=e.memoizedProps;if(i!==s){e=t.stateNode,Ir(jn.current);var l=null;switch(n){case"input":i=Io(e,i),s=Io(e,s),l=[];break;case"select":i=be({},i,{value:void 0}),s=be({},s,{value:void 0}),l=[];break;case"textarea":i=ko(e,i),s=ko(e,s),l=[];break;default:typeof i.onClick!="function"&&typeof s.onClick=="function"&&(e.onclick=Vl)}Mo(n,s);var a;n=null;for(u in i)if(!s.hasOwnProperty(u)&&i.hasOwnProperty(u)&&i[u]!=null)if(u==="style"){var o=i[u];for(a in o)o.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(di.hasOwnProperty(u)?l||(l=[]):(l=l||[]).push(u,null));for(u in s){var c=s[u];if(o=i!=null?i[u]:void 0,s.hasOwnProperty(u)&&c!==o&&(c!=null||o!=null))if(u==="style")if(o){for(a in o)!o.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&o[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(l||(l=[]),l.push(u,n)),n=c;else u==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,o=o?o.__html:void 0,c!=null&&o!==c&&(l=l||[]).push(u,c)):u==="children"?typeof c!="string"&&typeof c!="number"||(l=l||[]).push(u,""+c):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(di.hasOwnProperty(u)?(c!=null&&u==="onScroll"&&Ie("scroll",e),l||o===c||(l=[])):(l=l||[]).push(u,c))}n&&(l=l||[]).push("style",n);var u=l;(t.updateQueue=u)&&(t.flags|=4)}};ep=function(e,t,n,s){n!==s&&(t.flags|=4)};function Us(e,t){if(!De)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var s=null;n!==null;)n.alternate!==null&&(s=n),n=n.sibling;s===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:s.sibling=null}}function dt(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,s=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,s|=i.subtreeFlags&14680064,s|=i.flags&14680064,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,s|=i.subtreeFlags,s|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=s,e.childLanes=n,t}function hE(e,t,n){var s=t.pendingProps;switch(eu(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return dt(t),null;case 1:return At(t.type)&&Bl(),dt(t),null;case 3:return s=t.stateNode,Ns(),_e(It),_e(pt),cu(),s.pendingContext&&(s.context=s.pendingContext,s.pendingContext=null),(e===null||e.child===null)&&(Qi(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,on!==null&&(pc(on),on=null))),ac(e,t),dt(t),null;case 5:ou(t);var i=Ir(yi.current);if(n=t.type,e!==null&&t.stateNode!=null)Jm(e,t,n,s,i),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!s){if(t.stateNode===null)throw Error(F(166));return dt(t),null}if(e=Ir(jn.current),Qi(t)){s=t.stateNode,n=t.type;var l=t.memoizedProps;switch(s[En]=t,s[Si]=l,e=(t.mode&1)!==0,n){case"dialog":Ie("cancel",s),Ie("close",s);break;case"iframe":case"object":case"embed":Ie("load",s);break;case"video":case"audio":for(i=0;i<\/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[En]=t,e[Si]=s,Zm(e,t,!1,!1),t.stateNode=e;e:{switch(a=Do(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),i=s;break;case"iframe":case"object":case"embed":Ie("load",e),i=s;break;case"video":case"audio":for(i=0;iCs&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304)}else{if(!s)if(e=Zl(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Us(l,!0),l.tail===null&&l.tailMode==="hidden"&&!a.alternate&&!De)return dt(t),null}else 2*Be()-l.renderingStartTime>Cs&&n!==1073741824&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304);l.isBackwards?(a.sibling=t.child,t.child=a):(n=l.last,n!==null?n.sibling=a:t.child=a,l.last=a)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Be(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return ju(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Dt&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(F(156,t.tag))}function mE(e,t){switch(eu(t),t.tag){case 1:return At(t.type)&&Bl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Ns(),_e(It),_e(pt),cu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return ou(t),null;case 13:if(_e(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(F(340));js()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return _e(Ue),null;case 4:return Ns(),null;case 10:return su(t.type._context),null;case 22:case 23:return ju(),null;case 24:return null;default:return null}}var el=!1,ht=!1,pE=typeof WeakSet=="function"?WeakSet:Set,B=null;function as(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 oc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Fd=!1;function xE(e,t){if(Bo=$l,e=sm(),Zc(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 i=s.anchorOffset,l=s.focusNode;s=s.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,f=e,m=null;t:for(;;){for(var j;f!==n||i!==0&&f.nodeType!==3||(o=a+i),f!==l||s!==0&&f.nodeType!==3||(c=a+s),f.nodeType===3&&(a+=f.nodeValue.length),(j=f.firstChild)!==null;)m=f,f=j;for(;;){if(f===e)break t;if(m===n&&++u===i&&(o=a),m===l&&++d===s&&(c=a),(j=f.nextSibling)!==null)break;f=m,m=f.parentNode}f=j}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Go={focusedElem:e,selectionRange:n},$l=!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 S=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(S!==null){var v=S.memoizedProps,N=S.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),N);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var g=t.stateNode.containerInfo;g.nodeType===1?g.textContent="":g.nodeType===9&&g.documentElement&&g.removeChild(g.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(F(163))}}catch(C){$e(t,t.return,C)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return S=Fd,Fd=!1,S}function ii(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var i=s=s.next;do{if((i.tag&e)===e){var l=i.destroy;i.destroy=void 0,l!==void 0&&oc(t,n,l)}i=i.next}while(i!==s)}}function La(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 cc(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 tp(e){var t=e.alternate;t!==null&&(e.alternate=null,tp(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[En],delete t[Si],delete t[Xo],delete t[Zv],delete t[Jv])),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 np(e){return e.tag===5||e.tag===3||e.tag===4}function Hd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||np(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 uc(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=Vl));else if(s!==4&&(e=e.child,e!==null))for(uc(e,t,n),e=e.sibling;e!==null;)uc(e,t,n),e=e.sibling}function dc(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(dc(e,t,n),e=e.sibling;e!==null;)dc(e,t,n),e=e.sibling}var lt=null,an=!1;function Dn(e,t,n){for(n=n.child;n!==null;)rp(e,t,n),n=n.sibling}function rp(e,t,n){if(gn&&typeof gn.onCommitFiberUnmount=="function")try{gn.onCommitFiberUnmount(ja,n)}catch{}switch(n.tag){case 5:ht||as(n,t);case 6:var s=lt,i=an;lt=null,Dn(e,t,n),lt=s,an=i,lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):lt.removeChild(n.stateNode));break;case 18:lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?no(e.parentNode,n):e.nodeType===1&&no(e,n),xi(e)):no(lt,n.stateNode));break;case 4:s=lt,i=an,lt=n.stateNode.containerInfo,an=!0,Dn(e,t,n),lt=s,an=i;break;case 0:case 11:case 14:case 15:if(!ht&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){i=s=s.next;do{var l=i,a=l.destroy;l=l.tag,a!==void 0&&(l&2||l&4)&&oc(n,t,a),i=i.next}while(i!==s)}Dn(e,t,n);break;case 1:if(!ht&&(as(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)}Dn(e,t,n);break;case 21:Dn(e,t,n);break;case 22:n.mode&1?(ht=(s=ht)||n.memoizedState!==null,Dn(e,t,n),ht=s):Dn(e,t,n);break;default:Dn(e,t,n)}}function bd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new pE),t.forEach(function(s){var i=RE.bind(null,e,s);n.has(s)||(n.add(s),s.then(i,i))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;si&&(i=a),s&=~l}if(s=i,s=Be()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*EE(s/1960))-s,10e?16:e,Kn===null)var s=!1;else{if(e=Kn,Kn=null,ra=0,xe&6)throw Error(F(331));var i=xe;for(xe|=4,B=e.current;B!==null;){var l=B,a=l.child;if(B.flags&16){var o=l.deletions;if(o!==null){for(var c=0;cBe()-Eu?kr(e,0):vu|=n),_t(e,t)}function dp(e,t){t===0&&(e.mode&1?(t=Bi,Bi<<=1,!(Bi&130023424)&&(Bi=4194304)):t=1);var n=jt();e=kn(e,t),e!==null&&(Di(e,t,n),_t(e,n))}function CE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),dp(e,n)}function RE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(F(314))}s!==null&&s.delete(t),dp(e,n)}var fp;fp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)Lt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Lt=!1,fE(e,t,n);Lt=!!(e.flags&131072)}else Lt=!1,De&&t.flags&1048576&&pm(t,Yl,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Sl(e,t),e=t.pendingProps;var i=gs(t,pt.current);ms(t,n),i=du(null,t,s,e,i,n);var l=fu();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,At(s)?(l=!0,Gl(t)):l=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,lu(t),i.updater=Ta,t.stateNode=i,i._reactInternals=t,tc(t,s,e,n),t=sc(null,t,s,!0,l,n)):(t.tag=0,De&&l&&Jc(t),Et(null,t,i,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Sl(e,t),e=t.pendingProps,i=s._init,s=i(s._payload),t.type=s,i=t.tag=wE(s),e=ln(s,e),i){case 0:t=rc(null,t,s,e,n);break e;case 1:t=Dd(null,t,s,e,n);break e;case 11:t=Od(null,t,s,e,n);break e;case 14:t=Md(null,t,s,ln(s.type,e),n);break e}throw Error(F(306,s,""))}return t;case 0:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),rc(e,t,s,i,n);case 1:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Dd(e,t,s,i,n);case 3:e:{if(Xm(t),e===null)throw Error(F(387));s=t.pendingProps,l=t.memoizedState,i=l.element,gm(e,t),Ql(t,s,null,n);var a=t.memoizedState;if(s=a.element,l.isDehydrated)if(l={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){i=ys(Error(F(423)),t),t=Pd(e,t,s,n,i);break e}else if(s!==i){i=ys(Error(F(424)),t),t=Pd(e,t,s,n,i);break e}else for(Ft=lr(t.stateNode.containerInfo.firstChild),bt=t,De=!0,on=null,n=ym(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(js(),s===i){t=On(e,t,n);break e}Et(e,t,s,n)}t=t.child}return t;case 5:return Cm(t),e===null&&Zo(t),s=t.type,i=t.pendingProps,l=e!==null?e.memoizedProps:null,a=i.children,qo(s,i)?a=null:l!==null&&qo(s,l)&&(t.flags|=32),Ym(e,t),Et(e,t,a,n),t.child;case 6:return e===null&&Zo(t),null;case 13:return Km(e,t,n);case 4:return au(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):Et(e,t,s,n),t.child;case 11:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Od(e,t,s,i,n);case 7:return Et(e,t,t.pendingProps,n),t.child;case 8:return Et(e,t,t.pendingProps.children,n),t.child;case 12:return Et(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,i=t.pendingProps,l=t.memoizedProps,a=i.value,Le(Xl,s._currentValue),s._currentValue=a,l!==null)if(hn(l.value,a)){if(l.children===i.children&&!It.current){t=On(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var o=l.dependencies;if(o!==null){a=l.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(l.tag===1){c=In(-1,n&-n),c.tag=2;var u=l.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}}l.lanes|=n,c=l.alternate,c!==null&&(c.lanes|=n),Jo(l.return,n,t),o.lanes|=n;break}c=c.next}}else if(l.tag===10)a=l.type===t.type?null:l.child;else if(l.tag===18){if(a=l.return,a===null)throw Error(F(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),Jo(a,n,t),a=l.sibling}else a=l.child;if(a!==null)a.return=l;else for(a=l;a!==null;){if(a===t){a=null;break}if(l=a.sibling,l!==null){l.return=a.return,a=l;break}a=a.return}l=a}Et(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,s=t.pendingProps.children,ms(t,n),i=Jt(i),s=s(i),t.flags|=1,Et(e,t,s,n),t.child;case 14:return s=t.type,i=ln(s,t.pendingProps),i=ln(s.type,i),Md(e,t,s,i,n);case 15:return Gm(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Sl(e,t),t.tag=1,At(s)?(e=!0,Gl(t)):e=!1,ms(t,n),Sm(t,s,i),tc(t,s,i,n),sc(null,t,s,!0,e,n);case 19:return Qm(e,t,n);case 22:return qm(e,t,n)}throw Error(F(156,t.tag))};function hp(e,t){return Hh(e,t)}function TE(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 Kt(e,t,n,s){return new TE(e,t,n,s)}function Nu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function wE(e){if(typeof e=="function")return Nu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===$c)return 11;if(e===zc)return 14}return 2}function ur(e,t){var n=e.alternate;return n===null?(n=Kt(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 Cl(e,t,n,s,i,l){var a=2;if(s=e,typeof e=="function")Nu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Zr:return Or(n.children,i,l,t);case bc:a=8,i|=8;break;case Ro:return e=Kt(12,n,t,i|2),e.elementType=Ro,e.lanes=l,e;case To:return e=Kt(13,n,t,i),e.elementType=To,e.lanes=l,e;case wo:return e=Kt(19,n,t,i),e.elementType=wo,e.lanes=l,e;case Nh:return Aa(n,i,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case jh:a=10;break e;case Sh:a=9;break e;case $c:a=11;break e;case zc:a=14;break e;case zn:a=16,s=null;break e}throw Error(F(130,e==null?e:typeof e,""))}return t=Kt(a,n,t,i),t.elementType=e,t.type=s,t.lanes=l,t}function Or(e,t,n,s){return e=Kt(7,e,s,t),e.lanes=n,e}function Aa(e,t,n,s){return e=Kt(22,e,s,t),e.elementType=Nh,e.lanes=n,e.stateNode={isHidden:!1},e}function uo(e,t,n){return e=Kt(6,e,null,t),e.lanes=n,e}function fo(e,t,n){return t=Kt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function LE(e,t,n,s,i){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=Ba(0),this.expirationTimes=Ba(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ba(0),this.identifierPrefix=s,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function yu(e,t,n,s,i,l,a,o,c){return e=new LE(e,t,n,o,c),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Kt(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},lu(l),e}function IE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(vp)}catch(e){console.error(e)}}vp(),ph.exports=Wt;var Ep=ph.exports;const ME=kc(Ep);var gp,Yd=Ep;gp=Yd.createRoot,Yd.hydrateRoot;/** * @remix-run/router v1.15.3 * * Copyright (c) Remix Software Inc. @@ -64,7 +64,7 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},ct=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${ct(e.color)}${e.fade?"-fade":""}`:`background-${ct(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":X(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),X=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),X("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&X(zt(l))||pj(n||"",Ai.INFO)||X(zt(le.MAIN)),u=w(o,E("icon",X(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${ct(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&X("text-left")||Ln(N)==="aligned-center"&&X("text-centered")||Ln(N)==="aligned-end"&&X("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),pt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(pt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in pt||Object.values(pt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===pt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({status:e,className:t,iconClassname:n,iconName:s,title:i,description:l,onClick:a,display:o,testId:c,...u})=>{const{styled:d}=z(),f=w(d,E("alert",X("body"),e&&y(Hp(e)),t)),m=h.useMemo(()=>s??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[s,alert]);return o?r.jsxs("div",{"data-testid":c,onClick:j=>{a==null||a(j),j.stopPropagation()},className:f,...u,children:[r.jsx($,{className:n,name:m}),r.jsxs("div",{className:w(d,E("body")),children:[i&&typeof i.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:i}):i,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,color:l,onClick:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},className:d,...c,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:pt.P,children:n}),r.jsx("span",{className:w(u,E(l&&X(`background-${ct(l)}`),"badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:pt.P,children:n})]}):r.jsx("div",{"data-testid":o,onClick:f=>{a==null||a(f),f.stopPropagation()},children:r.jsx(A,{className:E(l&&X(`background-${ct(l)}`),n?"badge-and-text":"badge",t),markup:pt.SPAN,...c,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,leftBorder:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&X(zt(o)),d&&X("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(ct(c))}`,m&&y("flat"),j&&X("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&X(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&X(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&X(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&X("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:pt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:K.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ht=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&X("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&X(`background-${ct(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},Q=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&X("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&X(zt(u)),d&&X("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&X(`background-${ct(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&X(`text-${ct(o)}`),a&&X(`background-${ct(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&X(zt(t)),n&&X("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),jt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(jt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(jt.SUCCESS,M.CHECK_CIRCLE),ne.set(jt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(jt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||jt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&X("dynamic-placeholder"),{[X("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:K.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:K.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?jt.SUCCESS:jt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||jt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(ct(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&X("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:pt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:pt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&X("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&X("text-left")||o==ye.ALIGNED_CENTER&&X("text-centered")||o==ye.ALIGNED_END&&X("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:pt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:pt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&X(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:K.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&X("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:K.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Z=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&X(zt(n)),s&&X("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",X("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:pt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",X("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:K.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&X(zt(n)),t&&y(ct(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},vt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&ct(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&X(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(ct(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(ct(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(ct(n)),s&&[X("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&X("dynamic-label"),N&&X("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:pt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:pt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:K.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&X(zt(l)),a&&X("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,status:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!alert&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,alert:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Z,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{display:!0,alert: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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,status:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,status:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Et=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(Q,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,status:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(Q,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(Q,{size:6}),r.jsx(Q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(Q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{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:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(Q,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(Q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(Q,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(Et,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{children:[r.jsx(ht,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ht,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ht,{active:e==2,children:"Accessories"}),r.jsx(ht,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{children:[r.jsx(ht,{href:"https://Home.fr",children:"Home"}),r.jsx(ht,{to:"#anchor",children:"Catalog"}),r.jsx(ht,{children:"Accessories"}),r.jsx(ht,{active:!0,children:"Current page"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.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(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{children:[r.jsxs(Ke,{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(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(Q,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(Q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(Q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(Q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Z,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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(Z,{children:[r.jsx(_,{level:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Z,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Z,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Z,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Z,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Z,{children:r.jsx(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Z,{children:[r.jsx($,{size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:K.SMALL}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:K.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:K.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:K.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:K.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:K.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:K.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:K.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:K.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:K.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:K.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:K.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Z,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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(Z,{background:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:jt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?jt.SUCCESS:jt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:jt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:jt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:jt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:jt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Z,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. + */const Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},St=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${St(e.color)}${e.fade?"-fade":""}`:`background-${St(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),X=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(X||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),Z=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),Z("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&Z(zt(l))||pj(n||"",Ai.INFO)||Z(zt(le.MAIN)),u=w(o,E("icon",Z(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${St(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&Z("text-left")||Ln(N)==="aligned-center"&&Z("text-centered")||Ln(N)==="aligned-end"&&Z("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),mt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(mt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in mt||Object.values(mt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===mt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({status:e,className:t,iconName:n,title:s,description:i,onClick:l,display:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("alert",Z("body"),e&&y(Hp(e)),t)),f=h.useMemo(()=>n??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:m=>{l==null||l(m),m.stopPropagation()},className:d,...c,children:[r.jsx($,{name:f}),r.jsxs("div",{className:w(u,E("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:s}):s,i&&typeof i.valueOf()=="string"?r.jsx(A,{children:i}):i]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,onClick:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},className:u,...o,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:mt.P,children:n}),r.jsx("span",{className:w(c,E("badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:mt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},children:r.jsx(A,{className:E(n?"badge-and-text":"badge",t),markup:mt.SPAN,...o,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&Z(zt(o)),d&&Z("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(St(c))}`,m&&y("flat"),j&&Z("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&Z(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&Z(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&Z(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&Z("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:mt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:X.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&Z(`background-${St(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},K=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&Z("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&Z(zt(u)),d&&Z("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&Z(`background-${St(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&Z(`text-${St(o)}`),a&&Z(`background-${St(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?X.SMALL:X.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),gt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(gt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:X.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(gt.SUCCESS,M.CHECK_CIRCLE),ne.set(gt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(gt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||gt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:X.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:X.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?gt.SUCCESS:gt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||gt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(St(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:X.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:mt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:mt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&Z("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&Z("text-left")||o==ye.ALIGNED_CENTER&&Z("text-centered")||o==ye.ALIGNED_END&&Z("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:mt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:X.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&Z("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Q=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&Z(zt(n)),s&&Z("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:X.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:mt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",Z("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:X.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(St(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(St(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},xt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&St(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&Z(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(St(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(St(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(St(n)),s&&[Z("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&Z("dynamic-label"),N&&Z("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:mt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:mt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:X.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&Z(zt(l)),a&&Z("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,status:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!alert&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,status:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,status:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,status:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},vt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(K,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,status:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(K,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(K,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(K,{size:6}),r.jsx(K,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(K,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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(K,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{children:[r.jsx(K,{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(K,{size:5,children:r.jsx(ie,{background:{color:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:O.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.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(vt,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{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"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(K,{children:r.jsx(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(K,{children:r.jsx(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(K,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(K,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{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:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Q,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Q,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Q,{children:[r.jsx($,{size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:X.SMALL}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:X.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:X.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:X.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:X.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:X.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:X.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:X.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Q,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:gt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?gt.SUCCESS:gt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:gt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:gt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:gt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:gt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Q,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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. @@ -76,4 +76,4 @@ The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for t 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(Jp,{children:"Custom Footer"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]})]}),G0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"OTP"}),r.jsx(ol,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{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(pe,{size:Fe.HUGE}),r.jsx(ol,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),q0=()=>r.jsxs(Z,{children:[r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Pagination"}),r.jsx(G,{})]}),r.jsxs(Z,{children:[r.jsx(mf,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(G,{}),r.jsx(mf,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),Y0=()=>r.jsxs(Z,{children:[r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Popover"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsx(Un,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(Q,{children:r.jsx(Un,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(Q,{children:r.jsx(Un,{content:r.jsxs(r.Fragment,{children:[r.jsx(ze,{variant:We.ERROR,children:"Test"}),r.jsx($,{name:M.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(Q,{children:r.jsx(Un,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Popover direction"}),r.jsxs(Ke,{children:[r.jsx(Q,{children:r.jsx(Un,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(Q,{children:r.jsx(Un,{direction:Al.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(Q,{children:r.jsx(Un,{direction:Al.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(Q,{children:r.jsx(Un,{direction:Al.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),X0=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Price tag"}),r.jsx(Ae,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(_,{level:O.THREE,children:"Simple"}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inlined"}),r.jsx(Ae,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Alignement"}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_CENTER}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_END}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Size"}),r.jsx(Ae,{level:qt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inverted price"}),r.jsxs(Il,{background:$p.MAIN,children:[r.jsx(Ae,{inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{striked:!0,inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"With or Without cents"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months",showCents:!0})]}),K0=()=>r.jsxs(Z,{children:[r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Product tour"}),r.jsx(G,{})]}),r.jsx(Z,{children:r.jsx(Mj,{avatarDirection:Gp.LEFT,active:!0,closeable:!0,arrowDirection:Bp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),Q0=()=>r.jsxs(wt,{backgroundSrc:"https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png",children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx($n,{percent:30}),r.jsx($n,{percent:30,alert:"INFO"}),r.jsx($n,{percent:30,alert:"WARNING"}),r.jsx($n,{percent:30,alert:"ERROR"}),r.jsx($n,{percent:30,alert:"SUCCESS"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs($n,{stacked:!0,children:[r.jsx(dl,{percent:15,alert:Rn.SUCCESS}),r.jsx(dl,{percent:15,alert:Rn.INFO}),r.jsx(dl,{percent:15,alert:Rn.WARNING}),r.jsx(dl,{percent:15,alert:Rn.ERROR})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx($n,{percent:30,alert:Rn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx($n,{percent:15,alert:Rn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Vs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Ge,{typo:[ki.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(ge,{level:"THREE",children:"Vide : "}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),Z0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:_i.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.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(Mt,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(Et,{size:xa.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(Q,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.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(Mt,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(Et,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,iconTile:M.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Mt,{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($,{name:M.EYE,size:K.LARGE}),r.jsx($,{name:M.EYE_SLASH,size:K.LARGE}),r.jsx($,{name:M.INFOS_CIRCLE,size:K.LARGE})]})]}),r.jsxs(Mt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx($,{name:M.EXCLAMATION_CIRCLE}),r.jsxs(qp,{children:[r.jsx(oa,{children:r.jsx(_,{level:O.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(oa,{children:r.jsx(A,{level:O.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(Et,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),J0=()=>r.jsx(Z,{children:r.jsx(Dj,{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})}),e1=()=>r.jsx(Z,{background:Oe.BACKGROUND,children:r.jsxs(Pj,{children:[r.jsx(Zs,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(Zs,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(Zs,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(Zs,{disabled:!0,children:"Item 4"})]})}),t1=()=>{const[e,t]=h.useState(["opt_one","Venus"]),[n,s]=h.useState(["opt_one","opt_two"]),[i,l]=h.useState("opt_two"),[a,o]=h.useState("opt_one");return r.jsxs(Z,{children:[r.jsxs(r.Fragment,{children:[r.jsx(ge,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{disabled:!0,name:"option",label:"label",id:"id",iconName:M.ALERT,selected:i,onChange:c=>{l(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(Kr,{onClick:()=>l("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Multiple options"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(ge,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:M.ALERT,selected:i,onChange:c=>{c!=null&&c.selectValue&&l(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(Et,{size:20}),r.jsx(ge,{level:ue.TWO,children:"multiple option"}),r.jsx(Et,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{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(Et,{size:20})]})]})},n1=()=>r.jsx(Z,{children:r.jsx(mn,{edgeSize:Fe.MEDIUM,edges:["top","bottom"],children:r.jsxs(Hj,{activeIndex:1,align:ye.ALIGNED_CENTER,children:[r.jsx(_l,{children:"Selector One"}),r.jsx(_l,{children:"Selector Two"}),r.jsx(_l,{children:"Selector Three"})]})})}),r1=()=>{const[e,t]=h.useState(1),n=h.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Etapes"}),r.jsx(G,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.ONE,children:"Mon panier"}),r.jsx(pe,{size:30}),r.jsxs(bj,{children:[r.jsx(zs,{done:1r.jsx(Z,{children:r.jsxs(mn,{children:[r.jsx(Er,{children:"Sticker"}),r.jsx(Er,{variant:"ACCENT",children:"Sticker"}),r.jsx(Er,{variant:"INFO",children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE,horizontal:!0}),r.jsx(Er,{variant:ui.ACCENT,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.INFO,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.MAIN,small:!0,children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(Er,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(x0,{amount:100})})]})]})}),i1=()=>r.jsxs(Z,{children:[r.jsx(gr,{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(gr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(gr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),l1=()=>{const[e,t]=h.useState(1),[n,s]=h.useState(2);return r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Event"}),r.jsxs(jr,{activeIndex:e,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,centered:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},a1=()=>{const[e,t]=h.useState(!1);return r.jsxs(Z,{children:[r.jsx(Fa,{children:r.jsxs(vo,{bordered:!0,fullwidth:!0,children:[r.jsx(Eo,{children:r.jsxs(vt,{children:[r.jsx(qe,{children:"Paramètre"}),r.jsx(qe,{children:"Description"}),r.jsx(qe,{children:"Défaut"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en prod"})]})}),r.jsxs(go,{children:[r.jsx(vt,{}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(ee,{children:"Activation / désactivation de l’introspection"}),r.jsx(ee,{children:"true"}),r.jsx(ee,{children:"false"}),r.jsx(ee,{children:"true"})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(ee,{children:"Contexte par default"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:" "})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(ee,{children:"URL de SWAP"}),r.jsx(ee,{children:"A compléter"}),r.jsx(ee,{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(ee,{children:" "})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(ee,{children:"Nombre de threads"}),r.jsx(ee,{children:"4"}),r.jsx(ee,{children:"TBD"}),r.jsx(ee,{children:" "})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:"DEV"}),r.jsx(ee,{children:" "})]})]})]})}),r.jsxs(vo,{fullwidth:!0,bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(vt,{children:[r.jsx(qe,{children:"Date"}),r.jsx(qe,{children:"Libellé opération"}),r.jsx(qe,{children:"Montant"}),r.jsx(qe,{children:"Solde client"}),r.jsx(qe,{children:"Opérations associées"})]})}),r.jsxs(go,{children:[r.jsxs(vt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(ee,{children:"09/11/2018"}),r.jsxs(ee,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(ee,{children:"-100,00 €"}),r.jsx(ee,{children:"0,00 €"}),r.jsx(ee,{"data-expandable-trigger":"",children:r.jsx($,{name:M.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(vt,{expansion:!0,children:r.jsx(ee,{colSpan:7,children:r.jsxs(Ve,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:Xe.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(vo,{bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(vt,{children:[r.jsx(qe,{children:"Title 1"}),r.jsx(qe,{children:"Title 2"}),r.jsx(qe,{children:"Title 3"})]})}),r.jsxs(go,{children:[r.jsxs(vt,{children:[r.jsx(ee,{children:"Donnée 1"}),r.jsx(ee,{children:"Donnée 2"}),r.jsx(ee,{children:"Donnée 3"})]}),r.jsxs(vt,{children:[r.jsx(ee,{children:"Donnée 4"}),r.jsx(ee,{children:"Donnée 5"}),r.jsx(ee,{children:"Donnée 6"})]})]})]})]})},o1=()=>r.jsxs(r.Fragment,{children:[r.jsx(Me,{children:r.jsxs(jo,{children:[r.jsx(ze,{variant:We.INFO,children:"Tag secondaire"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.WARNING,children:"Tag warning"})]})}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag default"}),r.jsx(G,{}),r.jsx(A,{children:"In list"}),r.jsxs(jo,{children:[r.jsx(ze,{variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{variant:We.INFO,children:"Tag info"}),r.jsx(ze,{variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{variant:We.WARNING,children:"Tag warning"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag avec icone"}),r.jsx(G,{}),r.jsxs(jo,{children:[r.jsx(ze,{iconName:M.EXCLAMATION_CIRCLE,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{iconName:M.INFOS_CIRCLE,variant:We.INFO,children:"Tag info"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Small tag"}),r.jsx(G,{}),r.jsx(ze,{small:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{small:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{small:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"})]}),r.jsxs(Z,{children:[r.jsx(_,{level:O.THREE,children:"Inverted tag"}),r.jsx(G,{}),r.jsx(ze,{inverted:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{inverted:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.INFO,children:"Tag info"})]})]}),c1=()=>r.jsxs(Z,{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:Xe.ONE,children:"my super text 1"}),r.jsx(A,{level:Xe.TWO,children:"my super text 2"}),r.jsx(A,{level:Xe.THREE,children:"my super text 3"}),r.jsx(A,{level:Xe.FOUR,children:"my super text 4"}),r.jsxs(A,{level:Xe.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(Ke,{children:r.jsxs(Q,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Qs,{children:r.jsx(te,{variant:we.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),u1=()=>r.jsxs(Z,{children:[r.jsx(Sr,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(Sr,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:M.CHECK}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:M.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon error",label:"Label",iconName:M.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),d1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(xf,{horizontal:!0,children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(xf,{children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),f1=()=>r.jsxs(Z,{children:[r.jsx(_,{level:O.ONE,children:"Title level 1"}),r.jsx(_,{level:O.TWO,children:"Title level 2"}),r.jsx(_,{level:O.THREE,children:"Title level 3"}),r.jsx(_,{level:O.FOUR,children:"Title level 4"}),r.jsx(_,{level:O.FIVE,children:"Title level 5"}),r.jsx(_,{level:O.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(G,{})]}),h1=()=>r.jsxs(Z,{children:[r.jsx(Ve,{markup:xs.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ve,{markup:xs.SPAN}),r.jsxs(Ve,{markup:xs.DIV,flexable:!0,justify:bp.SPACE_BETWEEN,align:ye.ALIGNED_CENTER,children:[r.jsx(te,{variant:we.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:O.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?"})]})]}),Ea=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:$j,AlertScreen:c0,AutoCompleteScreen:N0,AutolayoutScreen:y0,BadgeScreen:C0,BoxScreen:R0,BreadcrumScreen:T0,ButtonScreen:w0,CardScreen:L0,CheckboxScreen:I0,ChipsScreen:A0,ColumnScreen:_0,ContainerScreen:k0,CountdownScreen:O0,DividerScreen:M0,FabScreen:D0,HeroScreen:P0,IconScreen:U0,ImageScreen:F0,InputScreen:H0,LinkScreen:b0,ListScreen:$0,ModalScreen:B0,OtpScreen:G0,PaginationScreen:q0,PopoverScreen:Y0,PriceScreen:X0,ProductTourScreen:K0,ProgressScreen:Q0,RadioScreen:Z0,RangeScreen:J0,SegmentedControlScreen:e1,SelectView:t1,SelectorView:n1,StepperScreen:r1,StickerScreen:s1,SwitchScreen:i1,TabScreen:l1,TableScreen:a1,TagScreen:o1,TextScreen:c1,TextareaScreen:u1,TimelineScreen:d1,TitleScreen:f1,ViewScreen:h1},Symbol.toStringTag,{value:"Module"})),m1=({navigation:e})=>{const[t,n]=h.useState(Object.keys(Ea)),s=h.useCallback(i=>{const l={...Object.keys(Ea)};Object.keys(l).forEach(a=>{l[a].toLocaleLowerCase().includes(i.toLocaleLowerCase())||delete l[a]}),n(l)},[]);return r.jsx(Fa,{children:r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.ONE,typo:[dr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:Xe.ONE,typo:[dr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(ve,{placeholder:"Rechercher un composant",onChange:i=>s(i.inputValue)}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,typo:[dr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((i,l)=>{const[a]=t[i].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ke,{children:[r.jsx(Q,{size:11,children:r.jsx(_,{level:O.THREE,children:a})}),r.jsx(Q,{verticalCenter:!0,size:1,children:r.jsx($,{name:M.ARROW_RIGHT})})]})})},l)})]})})})},p1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Z,{children:[s&&r.jsxs(Fa,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]})]}),x1=()=>{const e=cg();return r.jsxs(Rg,{children:[Object.keys(Ea).map((t,n)=>{const[s]=t.split("Screen"),i=Ea[t];return r.jsx(Rl,{path:s,element:r.jsx(p1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(i,{})})},n)}),r.jsx(Rl,{path:"/",element:r.jsx(m1,{navigation:{navigate:e}})}),r.jsx(Rl,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},v1=document.getElementById("root"),E1=gp(v1);E1.render(r.jsx(h.StrictMode,{children:r.jsx(kg,{children:r.jsx(Lg,{children:r.jsx(x1,{})})})})); +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(Jp,{children:"Custom Footer"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]})]}),G0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"OTP"}),r.jsx(ol,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{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(pe,{size:Fe.HUGE}),r.jsx(ol,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),q0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Pagination"}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(mf,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(G,{}),r.jsx(mf,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),Y0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Popover"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(K,{children:r.jsx(Un,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(K,{children:r.jsx(Un,{content:r.jsxs(r.Fragment,{children:[r.jsx(ze,{variant:We.ERROR,children:"Test"}),r.jsx($,{name:M.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(K,{children:r.jsx(Un,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Popover direction"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),X0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Price tag"}),r.jsx(Ae,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(_,{level:O.THREE,children:"Simple"}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inlined"}),r.jsx(Ae,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Alignement"}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_CENTER}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_END}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Size"}),r.jsx(Ae,{level:qt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inverted price"}),r.jsxs(Il,{background:$p.MAIN,children:[r.jsx(Ae,{inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{striked:!0,inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"With or Without cents"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months",showCents:!0})]}),K0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Product tour"}),r.jsx(G,{})]}),r.jsx(Q,{children:r.jsx(Mj,{avatarDirection:Gp.LEFT,active:!0,closeable:!0,arrowDirection:Bp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),Q0=()=>r.jsxs(wt,{backgroundSrc:"https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png",children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx($n,{percent:30}),r.jsx($n,{percent:30,status:"INFO"}),r.jsx($n,{percent:30,status:"WARNING"}),r.jsx($n,{percent:30,status:"ERROR"}),r.jsx($n,{percent:30,status:"SUCCESS"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs($n,{stacked:!0,children:[r.jsx(dl,{percent:15,status:Rn.SUCCESS}),r.jsx(dl,{percent:15,status:Rn.INFO}),r.jsx(dl,{percent:15,status:Rn.WARNING}),r.jsx(dl,{percent:15,status:Rn.ERROR})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx($n,{percent:30,status:Rn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx($n,{percent:15,status:Rn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Vs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Ge,{typo:[ki.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(ge,{level:"THREE",children:"Vide : "}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),Z0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:_i.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(K,{children:r.jsx(Mt,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:xa.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(K,{children:r.jsx(Mt,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,iconTile:M.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Mt,{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($,{name:M.EYE,size:X.LARGE}),r.jsx($,{name:M.EYE_SLASH,size:X.LARGE}),r.jsx($,{name:M.INFOS_CIRCLE,size:X.LARGE})]})]}),r.jsxs(Mt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx($,{name:M.EXCLAMATION_CIRCLE}),r.jsxs(qp,{children:[r.jsx(oa,{children:r.jsx(_,{level:O.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(oa,{children:r.jsx(A,{level:O.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(vt,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),J0=()=>r.jsx(Q,{children:r.jsx(Dj,{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})}),e1=()=>r.jsx(Q,{background:Oe.BACKGROUND,children:r.jsxs(Pj,{children:[r.jsx(Zs,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(Zs,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(Zs,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(Zs,{disabled:!0,children:"Item 4"})]})}),t1=()=>{const[e,t]=h.useState(["opt_one","Venus"]),[n,s]=h.useState(["opt_one","opt_two"]),[i,l]=h.useState("opt_two"),[a,o]=h.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(ge,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{disabled:!0,name:"option",label:"label",id:"id",iconName:M.ALERT,selected:i,onChange:c=>{l(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(Kr,{onClick:()=>l("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Multiple options"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(ge,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:M.ALERT,selected:i,onChange:c=>{c!=null&&c.selectValue&&l(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(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"multiple option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{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(vt,{size:20})]})]})},n1=()=>r.jsx(Q,{children:r.jsx(mn,{edgeSize:Fe.MEDIUM,edges:["top","bottom"],children:r.jsxs(Hj,{activeIndex:1,align:ye.ALIGNED_CENTER,children:[r.jsx(_l,{children:"Selector One"}),r.jsx(_l,{children:"Selector Two"}),r.jsx(_l,{children:"Selector Three"})]})})}),r1=()=>{const[e,t]=h.useState(1),n=h.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Etapes"}),r.jsx(G,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.ONE,children:"Mon panier"}),r.jsx(pe,{size:30}),r.jsxs(bj,{children:[r.jsx(zs,{done:1r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsx(Er,{children:"Sticker"}),r.jsx(Er,{variant:"ACCENT",children:"Sticker"}),r.jsx(Er,{variant:"INFO",children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE,horizontal:!0}),r.jsx(Er,{variant:ui.ACCENT,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.INFO,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.MAIN,small:!0,children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(Er,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(x0,{amount:100})})]})]})}),i1=()=>r.jsxs(Q,{children:[r.jsx(gr,{status:"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(gr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(gr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),l1=()=>{const[e,t]=h.useState(1),[n,s]=h.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Event"}),r.jsxs(jr,{activeIndex:e,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,centered:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},a1=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsx(Fa,{children:r.jsxs(vo,{bordered:!0,fullwidth:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Paramètre"}),r.jsx(qe,{children:"Description"}),r.jsx(qe,{children:"Défaut"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en prod"})]})}),r.jsxs(go,{children:[r.jsx(xt,{}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(ee,{children:"Activation / désactivation de l’introspection"}),r.jsx(ee,{children:"true"}),r.jsx(ee,{children:"false"}),r.jsx(ee,{children:"true"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(ee,{children:"Contexte par default"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(ee,{children:"URL de SWAP"}),r.jsx(ee,{children:"A compléter"}),r.jsx(ee,{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(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(ee,{children:"Nombre de threads"}),r.jsx(ee,{children:"4"}),r.jsx(ee,{children:"TBD"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:"DEV"}),r.jsx(ee,{children:" "})]})]})]})}),r.jsxs(vo,{fullwidth:!0,bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Date"}),r.jsx(qe,{children:"Libellé opération"}),r.jsx(qe,{children:"Montant"}),r.jsx(qe,{children:"Solde client"}),r.jsx(qe,{children:"Opérations associées"})]})}),r.jsxs(go,{children:[r.jsxs(xt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(ee,{children:"09/11/2018"}),r.jsxs(ee,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(ee,{children:"-100,00 €"}),r.jsx(ee,{children:"0,00 €"}),r.jsx(ee,{"data-expandable-trigger":"",children:r.jsx($,{name:M.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(xt,{expansion:!0,children:r.jsx(ee,{colSpan:7,children:r.jsxs(Ve,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:Xe.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(vo,{bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Title 1"}),r.jsx(qe,{children:"Title 2"}),r.jsx(qe,{children:"Title 3"})]})}),r.jsxs(go,{children:[r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 1"}),r.jsx(ee,{children:"Donnée 2"}),r.jsx(ee,{children:"Donnée 3"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 4"}),r.jsx(ee,{children:"Donnée 5"}),r.jsx(ee,{children:"Donnée 6"})]})]})]})]})},o1=()=>r.jsxs(r.Fragment,{children:[r.jsx(Me,{children:r.jsxs(jo,{children:[r.jsx(ze,{variant:We.INFO,children:"Tag secondaire"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.WARNING,children:"Tag warning"})]})}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag default"}),r.jsx(G,{}),r.jsx(A,{children:"In list"}),r.jsxs(jo,{children:[r.jsx(ze,{variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{variant:We.INFO,children:"Tag info"}),r.jsx(ze,{variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{variant:We.WARNING,children:"Tag warning"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag avec icone"}),r.jsx(G,{}),r.jsxs(jo,{children:[r.jsx(ze,{iconName:M.EXCLAMATION_CIRCLE,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{iconName:M.INFOS_CIRCLE,variant:We.INFO,children:"Tag info"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Small tag"}),r.jsx(G,{}),r.jsx(ze,{small:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{small:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{small:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Inverted tag"}),r.jsx(G,{}),r.jsx(ze,{inverted:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{inverted:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.INFO,children:"Tag info"})]})]}),c1=()=>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:Xe.ONE,children:"my super text 1"}),r.jsx(A,{level:Xe.TWO,children:"my super text 2"}),r.jsx(A,{level:Xe.THREE,children:"my super text 3"}),r.jsx(A,{level:Xe.FOUR,children:"my super text 4"}),r.jsxs(A,{level:Xe.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(Ke,{children:r.jsxs(K,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Qs,{children:r.jsx(te,{variant:we.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),u1=()=>r.jsxs(Q,{children:[r.jsx(Sr,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(Sr,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:M.CHECK}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:M.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon error",label:"Label",iconName:M.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),d1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(xf,{horizontal:!0,children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(xf,{children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),f1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.ONE,children:"Title level 1"}),r.jsx(_,{level:O.TWO,children:"Title level 2"}),r.jsx(_,{level:O.THREE,children:"Title level 3"}),r.jsx(_,{level:O.FOUR,children:"Title level 4"}),r.jsx(_,{level:O.FIVE,children:"Title level 5"}),r.jsx(_,{level:O.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(G,{})]}),h1=()=>r.jsxs(Q,{children:[r.jsx(Ve,{markup:xs.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ve,{markup:xs.SPAN}),r.jsxs(Ve,{markup:xs.DIV,flexable:!0,justify:bp.SPACE_BETWEEN,align:ye.ALIGNED_CENTER,children:[r.jsx(te,{variant:we.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:O.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?"})]})]}),Ea=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:$j,AlertScreen:c0,AutoCompleteScreen:N0,AutolayoutScreen:y0,BadgeScreen:C0,BoxScreen:R0,BreadcrumScreen:T0,ButtonScreen:w0,CardScreen:L0,CheckboxScreen:I0,ChipsScreen:A0,ColumnScreen:_0,ContainerScreen:k0,CountdownScreen:O0,DividerScreen:M0,FabScreen:D0,HeroScreen:P0,IconScreen:U0,ImageScreen:F0,InputScreen:H0,LinkScreen:b0,ListScreen:$0,ModalScreen:B0,OtpScreen:G0,PaginationScreen:q0,PopoverScreen:Y0,PriceScreen:X0,ProductTourScreen:K0,ProgressScreen:Q0,RadioScreen:Z0,RangeScreen:J0,SegmentedControlScreen:e1,SelectView:t1,SelectorView:n1,StepperScreen:r1,StickerScreen:s1,SwitchScreen:i1,TabScreen:l1,TableScreen:a1,TagScreen:o1,TextScreen:c1,TextareaScreen:u1,TimelineScreen:d1,TitleScreen:f1,ViewScreen:h1},Symbol.toStringTag,{value:"Module"})),m1=({navigation:e})=>{const[t,n]=h.useState(Object.keys(Ea)),s=h.useCallback(i=>{const l={...Object.keys(Ea)};Object.keys(l).forEach(a=>{l[a].toLocaleLowerCase().includes(i.toLocaleLowerCase())||delete l[a]}),n(l)},[]);return r.jsx(Fa,{children:r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.ONE,typo:[dr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:Xe.ONE,typo:[dr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(ve,{placeholder:"Rechercher un composant",onChange:i=>s(i.inputValue)}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,typo:[dr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((i,l)=>{const[a]=t[i].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ke,{children:[r.jsx(K,{size:11,children:r.jsx(_,{level:O.THREE,children:a})}),r.jsx(K,{verticalCenter:!0,size:1,children:r.jsx($,{name:M.ARROW_RIGHT})})]})})},l)})]})})})},p1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(Fa,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]})]}),x1=()=>{const e=cg();return r.jsxs(Rg,{children:[Object.keys(Ea).map((t,n)=>{const[s]=t.split("Screen"),i=Ea[t];return r.jsx(Rl,{path:s,element:r.jsx(p1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(i,{})})},n)}),r.jsx(Rl,{path:"/",element:r.jsx(m1,{navigation:{navigate:e}})}),r.jsx(Rl,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},v1=document.getElementById("root"),E1=gp(v1);E1.render(r.jsx(h.StrictMode,{children:r.jsx(kg,{children:r.jsx(Lg,{children:r.jsx(x1,{})})})})); diff --git a/docs/templates/index.html b/docs/templates/index.html index cddf281f..c84e2d6b 100644 --- a/docs/templates/index.html +++ b/docs/templates/index.html @@ -7,7 +7,7 @@ Trilogy DS - + diff --git a/examples/react-template/screens/Switch.tsx b/examples/react-template/screens/Switch.tsx index f93dabed..cd8458ee 100644 --- a/examples/react-template/screens/Switch.tsx +++ b/examples/react-template/screens/Switch.tsx @@ -1,10 +1,12 @@ import * as React from "react"; import { Section, Switch } from "@trilogy-ds/react/components"; +import { StatusState } from "@trilogy-ds/react/objects"; export const SwitchScreen = (): JSX.Element => { return (
Date: Tue, 6 Aug 2024 15:29:41 +0200 Subject: [PATCH 08/19] Update card context --- packages/react/components/card/Card.tsx | 4 +++- packages/react/components/card/image/CardImage.native.tsx | 3 ++- packages/react/components/card/image/CardImage.tsx | 1 - packages/react/components/card/image/CardImageProps.ts | 2 -- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/react/components/card/Card.tsx b/packages/react/components/card/Card.tsx index 28088431..6c7bf039 100644 --- a/packages/react/components/card/Card.tsx +++ b/packages/react/components/card/Card.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from "react" +import React, { useEffect, useState, createContext } from "react" import clsx from "clsx" import { CardMarkup, CardProps } from "./CardProps" import { has, is } from "@/services/classify" @@ -6,6 +6,8 @@ import { getAlignClassName, getBackgroundClassName } from "@/objects" import { hashClass } from "@/helpers" import { useTrilogyContext } from "@/context" +export const CardContext = createContext({ horizontal: false }) + /** * Card Component * @param flat {boolean} Adding border for Card content diff --git a/packages/react/components/card/image/CardImage.native.tsx b/packages/react/components/card/image/CardImage.native.tsx index 3ffdc578..ffe504a0 100644 --- a/packages/react/components/card/image/CardImage.native.tsx +++ b/packages/react/components/card/image/CardImage.native.tsx @@ -13,7 +13,8 @@ import { ComponentName } from '@/components/enumsComponentsName' * @param horizontal {boolean} Horizontal Card orientation * @param contain {boolean} Resize mode contain */ -const CardImage = ({ src, size, alt, onClick, horizontal, contain, ...others }: CardImageProps): JSX.Element => { +const CardImage = ({ src, size, alt, onClick, contain, ...others }: CardImageProps): JSX.Element => { + const horizontal = useContext(CardContext).horizontal const maxSize = horizontal ? '50%' : '100%' const [ratio, setRatio] = useState(1) const cardContextValues = useContext(CardContext) diff --git a/packages/react/components/card/image/CardImage.tsx b/packages/react/components/card/image/CardImage.tsx index 78f47945..375b1563 100644 --- a/packages/react/components/card/image/CardImage.tsx +++ b/packages/react/components/card/image/CardImage.tsx @@ -13,7 +13,6 @@ import { useTrilogyContext } from "@/context" * @param size Image Card size on horizontal align * @param onClick {Function} onClick Event * - -------------------------- NATIVE PROPERTIES ------------------------------- - * @param horizontal {boolean} Horizontal Card orientation * @param contain {boolean} Resize mode contain */ const CardImage = ({ diff --git a/packages/react/components/card/image/CardImageProps.ts b/packages/react/components/card/image/CardImageProps.ts index 8fb6ce3c..23c2d6b7 100644 --- a/packages/react/components/card/image/CardImageProps.ts +++ b/packages/react/components/card/image/CardImageProps.ts @@ -9,7 +9,5 @@ export interface CardImageProps extends Clickable { size?: CardImageSize | CardImageSizeValues className?: string alt?: string - /** @deprecated use Card "horizontal" props instead */ - horizontal?: boolean contain?: boolean } From 5c4ae0f2170c9e00f1c50a9a3d8b9b48a6df185d Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 15:34:56 +0200 Subject: [PATCH 09/19] remove chips intervted --- packages/react/components/chips/Chips.native.tsx | 3 --- packages/react/components/chips/Chips.tsx | 3 --- packages/react/components/chips/ChipsProps.ts | 2 -- 3 files changed, 8 deletions(-) diff --git a/packages/react/components/chips/Chips.native.tsx b/packages/react/components/chips/Chips.native.tsx index c200da29..c22dc52e 100644 --- a/packages/react/components/chips/Chips.native.tsx +++ b/packages/react/components/chips/Chips.native.tsx @@ -15,7 +15,6 @@ import { ComponentName } from "@/components/enumsComponentsName" * @param onClick {Function} onClick Event for all Chips * @param active {boolean} active Render Chips Active * @param disabled {boolean} Disabled chips - * @param inverted {boolean} Background color */ const Chips = ({ @@ -23,7 +22,6 @@ const Chips = ({ onClick, disabled, active, - inverted, ...others }: ChipsProps): JSX.Element => { const [activeItem, setActiveItem] = useState(active || false) @@ -38,7 +36,6 @@ const Chips = ({ backgroundColor: (disabled && getColorStyle(TrilogyColor.NEUTRAL_LIGHT)) || (activeItem && getColorStyle(TrilogyColor.MAIN)) || - (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.BACKGROUND), borderRadius: 30, paddingLeft: 12, diff --git a/packages/react/components/chips/Chips.tsx b/packages/react/components/chips/Chips.tsx index e19effd1..d6ac0e1e 100644 --- a/packages/react/components/chips/Chips.tsx +++ b/packages/react/components/chips/Chips.tsx @@ -13,7 +13,6 @@ import { getColorClassName, TrilogyColor } from "@/objects/facets/Color" * @param onClick {Function} onClick Event for all Chips * @param active {boolean} active Render Chips Active * @param disabled {boolean} Disabled chips - * @param inverted {boolean} inverted chips - white * * - -------------------------- WEB PROPERTIES ------------------------------- * @param className {string} Additionnal CSS Classes * @param others @@ -25,7 +24,6 @@ const Chips = ({ active, disabled, id, - inverted, testId, ...others }: ChipsProps): JSX.Element => { @@ -36,7 +34,6 @@ const Chips = ({ clsx( "chips", active && is("active"), - inverted && has(`background-${getColorClassName(TrilogyColor.BACKGROUND)}`), className ) ) diff --git a/packages/react/components/chips/ChipsProps.ts b/packages/react/components/chips/ChipsProps.ts index 16c7cae6..6ed645a9 100644 --- a/packages/react/components/chips/ChipsProps.ts +++ b/packages/react/components/chips/ChipsProps.ts @@ -11,6 +11,4 @@ export interface ChipsProps extends Clickable, Accessibility { active?: boolean disabled?: boolean id?: string - - inverted?: boolean } From 428f32525e981dadd036cc01e19bfc4ac296b10a Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 15:39:30 +0200 Subject: [PATCH 10/19] Update --- packages/react/components/columns/Columns.tsx | 3 --- packages/react/components/columns/ColumnsProps.ts | 1 - 2 files changed, 4 deletions(-) diff --git a/packages/react/components/columns/Columns.tsx b/packages/react/components/columns/Columns.tsx index 4b7bd352..cc9db281 100644 --- a/packages/react/components/columns/Columns.tsx +++ b/packages/react/components/columns/Columns.tsx @@ -18,7 +18,6 @@ import { useTrilogyContext } from "@/context" * @param multiline {boolean} Multiline Columns * @param className {string} Additionnal CSS Classes * @param mobile {boolean} Responsive mode - * @param flex {boolean} Flex direction */ const Columns = ({ className, @@ -29,7 +28,6 @@ const Columns = ({ verticalCentered, gapless, marginSize, - flex, marginless, ...others }: ColumnsProps): JSX.Element => { @@ -46,7 +44,6 @@ const Columns = ({ verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)], - flex && is("flex"), marginless && is("marginless"), className ) diff --git a/packages/react/components/columns/ColumnsProps.ts b/packages/react/components/columns/ColumnsProps.ts index 4bc488e2..50b0de97 100644 --- a/packages/react/components/columns/ColumnsProps.ts +++ b/packages/react/components/columns/ColumnsProps.ts @@ -14,5 +14,4 @@ export interface ColumnsProps extends Marginless{ verticalCentered?: boolean className?: string mobile?: boolean - flex?: boolean | number // voir android } From fc7b98fe36c152f26ec02f0d0958f6cda7f91c69 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 15:41:35 +0200 Subject: [PATCH 11/19] Update --- packages/react/components/columns/ColumnsProps.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/react/components/columns/ColumnsProps.ts b/packages/react/components/columns/ColumnsProps.ts index 50b0de97..e451d7b1 100644 --- a/packages/react/components/columns/ColumnsProps.ts +++ b/packages/react/components/columns/ColumnsProps.ts @@ -1,10 +1,9 @@ import { ColumnsSize } from './ColumnsTypes' -import { Marginless } from "@/objects" /** * Columns Interface */ -export interface ColumnsProps extends Marginless{ +export interface ColumnsProps { children?: React.ReactNode multiline?: boolean inlined?: boolean From d755586de4a5fda34ed007889f547db81a4b4987 Mon Sep 17 00:00:00 2001 From: erwan Date: Tue, 6 Aug 2024 16:28:08 +0200 Subject: [PATCH 12/19] clean props --- .../react/components/link/Link.native.tsx | 1 - packages/react/components/link/LinkProps.ts | 1 - .../react/components/price/Price.native.tsx | 5 +-- .../react/components/price/Price.stories.tsx | 11 +----- packages/react/components/price/Price.tsx | 2 -- packages/react/components/price/PriceProps.ts | 36 +++++++++---------- .../segment-control/SegmentControlProps.ts | 5 +-- packages/react/components/sticker/Sticker.tsx | 4 ++- 8 files changed, 22 insertions(+), 43 deletions(-) diff --git a/packages/react/components/link/Link.native.tsx b/packages/react/components/link/Link.native.tsx index 6827189e..cfdfc719 100644 --- a/packages/react/components/link/Link.native.tsx +++ b/packages/react/components/link/Link.native.tsx @@ -10,7 +10,6 @@ import { ComponentName } from "@/components/enumsComponentsName" /** * Link Component - * @param plain {boolean} Link without underline * @param to {string} Url to open * @param title {string} Title attribute * @param typo {TypographyAlign} Typos align link diff --git a/packages/react/components/link/LinkProps.ts b/packages/react/components/link/LinkProps.ts index 0f275a2d..434f1fdc 100644 --- a/packages/react/components/link/LinkProps.ts +++ b/packages/react/components/link/LinkProps.ts @@ -20,7 +20,6 @@ export interface LinkProps extends Accessibility, Clickable { inline?: boolean level?: TextLevels inverted?: boolean - plain?: boolean blank?: boolean style?: Styles } diff --git a/packages/react/components/price/Price.native.tsx b/packages/react/components/price/Price.native.tsx index ba346c80..f82f277b 100644 --- a/packages/react/components/price/Price.native.tsx +++ b/packages/react/components/price/Price.native.tsx @@ -20,7 +20,6 @@ import { getTypographyBoldStyle } from "@/objects" * @param inverted {boolean} Inverted Price Color * @param children {React.ReactNode} * @param align {Alignable} Price alignement - * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR) * @param inline {boolean} Inline display Price * @param testId {string} id for test * @param accessibilityLabel {string} @@ -36,7 +35,6 @@ const Price = ({ level, inverted, align, - status, inline, testId, accessibilityLabel, @@ -79,12 +77,11 @@ const Price = ({ (inverted && !striked && invertedColor) || (statesContext.inverted && invertedColor) || (inverted && striked && getColorStyle(TrilogyColor.FONT, 1)) || - (status && getStatusStyle(status)) || (!striked && !inverted && primaryColor) || (!striked && !inverted && secondaryColor) || (striked && !inverted && getColorStyle(TrilogyColor.FONT, 1)) || primaryColor, - [inverted, striked, status] + [inverted, striked] ) const strikedRotateByLevel = () => { diff --git a/packages/react/components/price/Price.stories.tsx b/packages/react/components/price/Price.stories.tsx index a74f70ab..434481e8 100644 --- a/packages/react/components/price/Price.stories.tsx +++ b/packages/react/components/price/Price.stories.tsx @@ -3,7 +3,7 @@ import * as React from "react"; import { Meta, Story } from "@storybook/react"; import Price from "./Price"; import { PriceProps } from "./PriceProps"; -import { PriceLevel, PriceVariant } from "./PriceEnum"; +import { PriceLevel } from "./PriceEnum"; import { Alignable } from "../../objects"; export default { @@ -14,7 +14,6 @@ export default { export const Base: Story = (args) => ; Base.args = { level: PriceLevel.LEVEL1, - variant: PriceVariant.PRIMARY, amount: 24.99, mention: "(1)", period: "mois", @@ -26,8 +25,6 @@ export const Inverted: Story = (args) => (
); Inverted.args = { - inverted: true, - variant: PriceVariant.PRIMARY, amount: 24.99, mention: "(1)", period: "mois", @@ -36,7 +33,6 @@ Inverted.args = { export const Barré: Story = (args) => ; Barré.args = { striked: true, - variant: PriceVariant.PRIMARY, amount: 24.99, mention: "(1)", period: "mois", @@ -45,15 +41,12 @@ Barré.args = { export const SurUneMêmeLigne: Story = (args) => ; SurUneMêmeLigne.args = { inline: true, - variant: PriceVariant.PRIMARY, amount: 24.99, period: "mois", showCents: true, }; export const Alignement: Story = (args) => ; Alignement.args = { - align: Alignable.ALIGNED_START, - variant: PriceVariant.PRIMARY, amount: 24.99, period: "mois", showCents: true, @@ -64,7 +57,6 @@ export const Surtitre: Story = (args) => ( ); Surtitre.args = { suptitle: "à partir de", - variant: PriceVariant.PRIMARY, amount: 24.99, period: "mois", showCents: true, @@ -72,7 +64,6 @@ Surtitre.args = { export const AvecExposant: Story = (args) => ; AvecExposant.args = { mention: "(1)", - variant: PriceVariant.PRIMARY, amount: 24.99, period: "mois", showCents: true, diff --git a/packages/react/components/price/Price.tsx b/packages/react/components/price/Price.tsx index b860fddb..b17f7e37 100644 --- a/packages/react/components/price/Price.tsx +++ b/packages/react/components/price/Price.tsx @@ -39,7 +39,6 @@ const Price = ({ level, inverted, align, - status, inline, testId, accessibilityLabel, @@ -55,7 +54,6 @@ const Price = ({ styled, clsx( "price", - status && is(`${status}`), level && is(`level-${level}`), inverted && is("inverted"), inline && is("inlined"), diff --git a/packages/react/components/price/PriceProps.ts b/packages/react/components/price/PriceProps.ts index 2f8ee30f..3b257b5f 100644 --- a/packages/react/components/price/PriceProps.ts +++ b/packages/react/components/price/PriceProps.ts @@ -1,27 +1,23 @@ -import { PriceLevel, PriceLevelValues } from "./PriceEnum" -import { Invertable } from "@/objects/facets/Invertable" -import { Accessibility, StatusProps, AlignableProps } from "@/objects" -import { Styles } from "@/types" +import { Accessibility, AlignableProps } from '@/objects' +import { Invertable } from '@/objects/facets/Invertable' +import { Styles } from '@/types' +import { PriceLevel, PriceLevelValues } from './PriceEnum' /** * Price Interface */ -export interface PriceProps - extends Invertable, - Accessibility, - AlignableProps, - StatusProps { - children?: React.ReactNode; - amount: number; - mention?: string; - period?: string; - showCents?: boolean; - inline?: boolean; - level?: PriceLevel | PriceLevelValues; - className?: string; - striked?: boolean; - suptitle?: string; - style?: Styles; +export interface PriceProps extends Invertable, Accessibility, AlignableProps { + children?: React.ReactNode + amount: number + mention?: string + period?: string + showCents?: boolean + inline?: boolean + level?: PriceLevel | PriceLevelValues + className?: string + striked?: boolean + suptitle?: string + style?: Styles tagAmount?: number tagSymbol?: '€' | '%' | string } diff --git a/packages/react/components/segment-control/SegmentControlProps.ts b/packages/react/components/segment-control/SegmentControlProps.ts index b47aef29..61f25c75 100644 --- a/packages/react/components/segment-control/SegmentControlProps.ts +++ b/packages/react/components/segment-control/SegmentControlProps.ts @@ -1,12 +1,9 @@ import { Clickable } from '@/objects/facets/Clickable' -import { Centerable } from '@/objects/facets/Centerable' -import { AlignableProps } from '@/objects/facets/Alignable' -import { JustifiableProps } from '@/objects/facets/Justifiable' /** * SegmentedControl Interface */ -export interface SegmentControlProps extends Centerable, AlignableProps, JustifiableProps, Clickable { +export interface SegmentControlProps extends Clickable { children: React.ReactNode disabled?: boolean activeIndex?: number diff --git a/packages/react/components/sticker/Sticker.tsx b/packages/react/components/sticker/Sticker.tsx index 00226358..0286d9c9 100644 --- a/packages/react/components/sticker/Sticker.tsx +++ b/packages/react/components/sticker/Sticker.tsx @@ -26,6 +26,7 @@ const Sticker = ({ small, hat, markup, + outlined, ...others }: StickerProps): JSX.Element => { const { styled } = useTrilogyContext() @@ -37,7 +38,8 @@ const Sticker = ({ variant && is(getVariantClassName(variant)), small && is("small"), hat && is("hat"), - className + className, + outlined && is('outlined'), ) ) From c393a7d263fce96db6068713739d2dca65043d72 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 16:46:51 +0200 Subject: [PATCH 13/19] Inverted countdown --- examples/react-template/screens/CountDown.tsx | 2 +- packages/react/components/countdown/Countdown.native.tsx | 5 +++-- packages/react/components/countdown/Countdown.tsx | 5 +++-- packages/react/components/countdown/CountdownProps.tsx | 1 + 4 files changed, 8 insertions(+), 5 deletions(-) diff --git a/examples/react-template/screens/CountDown.tsx b/examples/react-template/screens/CountDown.tsx index ca2345f4..c3581d86 100644 --- a/examples/react-template/screens/CountDown.tsx +++ b/examples/react-template/screens/CountDown.tsx @@ -10,7 +10,7 @@ import { export const CountdownScreen = (): JSX.Element => { return (
- + { * Countdown Component * @param deadline {Date} Date to reach before the end of the countdown * @param format {CountdownFormat} Format of countdown + * @param inverted {Boolean} White countdown on darked background * @param event * @param small * @param centered * @param others */ -const Countdown = ({ deadline, format, event, small, centered, ...others }: CountdownProps): JSX.Element => { +const Countdown = ({ deadline, format, event, small, centered, inverted, ...others }: CountdownProps): JSX.Element => { const [init, setInit] = useState(false) const [timeLeft, setTimeLeft] = useState(deadline) const initialTimeDifference = deadline.getTime() - new Date().getTime() @@ -119,7 +120,7 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }: Coun } }, [timer, event, init]) - const countdownColor = getColorStyle(TrilogyColor.MAIN) + const countdownColor = inverted ? getColorStyle('WHITE') : getColorStyle(TrilogyColor.MAIN) const styles = StyleSheet.create({ countdown: { diff --git a/packages/react/components/countdown/Countdown.tsx b/packages/react/components/countdown/Countdown.tsx index 8a99841c..b53e50ed 100644 --- a/packages/react/components/countdown/Countdown.tsx +++ b/packages/react/components/countdown/Countdown.tsx @@ -19,6 +19,7 @@ const calculateTimer = (timeDifference: number) => { * Countdown Component * @param deadline {Date} Date to reach before the end of the countdown * @param format {CountdownFormat} Format of countdown + * @param inverted {Boolean} White countdown on darked background * - -------------------------- WEB PROPERTIES ------------------------------- * @param className {string} Additionnal CSS Classes * @param event @@ -26,7 +27,7 @@ const calculateTimer = (timeDifference: number) => { * @param centered * @param others */ -const Countdown = ({ deadline, className, format, event, small, ...others }: CountdownProps): JSX.Element => { +const Countdown = ({ deadline, className, format, event, small, inverted, ...others }: CountdownProps): JSX.Element => { const { styled } = useTrilogyContext() const [timeLeft] = useState(deadline) @@ -42,7 +43,7 @@ const Countdown = ({ deadline, className, format, event, small, ...others }: Cou const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0] const parsedFormat = format?.split('-') - const classes = hashClass(styled, clsx('countdown', small && is('small'), className)) + const classes = hashClass(styled, clsx('countdown', inverted && is('inverted'), small && is('small'), className)) if (parsedFormat) { parsedFormat.forEach((item) => { diff --git a/packages/react/components/countdown/CountdownProps.tsx b/packages/react/components/countdown/CountdownProps.tsx index 25cd19a5..45ed0bca 100644 --- a/packages/react/components/countdown/CountdownProps.tsx +++ b/packages/react/components/countdown/CountdownProps.tsx @@ -11,4 +11,5 @@ export interface CountdownProps { event?: ClickEvent small?: boolean centered?: boolean + inverted?: boolean } From 1d3db5d3a1a47ea5559c6ce3182a1fd4c1c18a69 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Tue, 6 Aug 2024 16:56:12 +0200 Subject: [PATCH 14/19] Remove pulled right / left --- packages/react/components/fab/FabProps.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/components/fab/FabProps.ts b/packages/react/components/fab/FabProps.ts index 94efbaba..6b40089b 100644 --- a/packages/react/components/fab/FabProps.ts +++ b/packages/react/components/fab/FabProps.ts @@ -1,11 +1,11 @@ import { IconName, IconNameValues } from "@/components/icon" -import { Accessibility, Clickable, Position } from "@/objects" +import { Accessibility, Clickable } from "@/objects" import { DimensionValue } from "react-native" /** * Fab Interface */ -export interface FabProps extends Accessibility, Clickable, Position { +export interface FabProps extends Accessibility, Clickable { children: string | React.ReactNode; extended?: boolean; iconName: IconName | IconNameValues; From 2c1e7ace66f6ab2d10a97ca94b87f8a9143c9c70 Mon Sep 17 00:00:00 2001 From: JulienMora Date: Wed, 7 Aug 2024 09:46:23 +0200 Subject: [PATCH 15/19] Remove content props --- packages/react/components/input/InputProps.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/react/components/input/InputProps.ts b/packages/react/components/input/InputProps.ts index 46deb868..396715e4 100644 --- a/packages/react/components/input/InputProps.ts +++ b/packages/react/components/input/InputProps.ts @@ -66,7 +66,6 @@ export type KeyType = 'done' | 'go' | 'next' | 'search' | 'send' | 'none' | 'def */ export interface InputProps extends Accessibility { type?: InputType | InputTypeValues - content?: string placeholder?: string defaultValue?: string value?: string From 55bdd13f65c4a2d26aba98e20247c105df8d3c6e Mon Sep 17 00:00:00 2001 From: JulienMora Date: Wed, 7 Aug 2024 09:56:16 +0200 Subject: [PATCH 16/19] Remove text class on link --- packages/react/components/link/Link.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/components/link/Link.tsx b/packages/react/components/link/Link.tsx index 63cb5626..872793d9 100644 --- a/packages/react/components/link/Link.tsx +++ b/packages/react/components/link/Link.tsx @@ -50,7 +50,6 @@ const Link = ({ const { styled } = useTrilogyContext() const classes = clsx( - !removeLinkClass && "link", iconName && has("icon"), typo, inverted && is("inverted"), @@ -92,6 +91,7 @@ const Link = ({ const LinkTrilogy = (): JSX.Element => { return ( Date: Wed, 7 Aug 2024 10:14:30 +0200 Subject: [PATCH 17/19] fix columns --- packages/react/components/columns/Columns.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/react/components/columns/Columns.tsx b/packages/react/components/columns/Columns.tsx index cc9db281..e7111656 100644 --- a/packages/react/components/columns/Columns.tsx +++ b/packages/react/components/columns/Columns.tsx @@ -28,7 +28,6 @@ const Columns = ({ verticalCentered, gapless, marginSize, - marginless, ...others }: ColumnsProps): JSX.Element => { const { styled } = useTrilogyContext() @@ -44,7 +43,6 @@ const Columns = ({ verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)], - marginless && is("marginless"), className ) ) From b47d64da581d0405c7c0aaf4425ee992e58a227f Mon Sep 17 00:00:00 2001 From: erwan Date: Wed, 7 Aug 2024 10:46:36 +0200 Subject: [PATCH 18/19] clean section and add gapless props to rows --- docs/templates/assets/index-4aa72204.js | 79 +++++++++++++++++++ docs/templates/assets/index-65947798.js | 79 ------------------- docs/templates/index.html | 2 +- examples/react-template/screens/Radio.tsx | 14 +++- .../react/components/rows/Rows.native.tsx | 14 +++- packages/react/components/rows/Rows.tsx | 6 +- packages/react/components/rows/RowsProps.ts | 1 + .../components/rows/item/RowItem.native.tsx | 5 +- packages/react/components/section/Section.tsx | 2 +- .../react/components/section/SectionProps.ts | 2 - 10 files changed, 113 insertions(+), 91 deletions(-) create mode 100644 docs/templates/assets/index-4aa72204.js delete mode 100644 docs/templates/assets/index-65947798.js diff --git a/docs/templates/assets/index-4aa72204.js b/docs/templates/assets/index-4aa72204.js new file mode 100644 index 00000000..3eb4f9ad --- /dev/null +++ b/docs/templates/assets/index-4aa72204.js @@ -0,0 +1,79 @@ +function ox(e,t){for(var n=0;ns[i]})}}}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 i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const l of i)if(l.type==="childList")for(const a of l.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(i){const l={};return i.integrity&&(l.integrity=i.integrity),i.referrerPolicy&&(l.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?l.credentials="include":i.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function s(i){if(i.ep)return;i.ep=!0;const l=n(i);fetch(i.href,l)}})();function Oc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var lh={exports:{}},ja={},ah={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 Di=Symbol.for("react.element"),cx=Symbol.for("react.portal"),ux=Symbol.for("react.fragment"),dx=Symbol.for("react.strict_mode"),fx=Symbol.for("react.profiler"),hx=Symbol.for("react.provider"),mx=Symbol.for("react.context"),px=Symbol.for("react.forward_ref"),xx=Symbol.for("react.suspense"),vx=Symbol.for("react.memo"),Ex=Symbol.for("react.lazy"),$u=Symbol.iterator;function gx(e){return e===null||typeof e!="object"?null:(e=$u&&e[$u]||e["@@iterator"],typeof e=="function"?e:null)}var oh={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ch=Object.assign,uh={};function Is(e,t,n){this.props=e,this.context=t,this.refs=uh,this.updater=n||oh}Is.prototype.isReactComponent={};Is.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")};Is.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function dh(){}dh.prototype=Is.prototype;function Mc(e,t,n){this.props=e,this.context=t,this.refs=uh,this.updater=n||oh}var Dc=Mc.prototype=new dh;Dc.constructor=Mc;ch(Dc,Is.prototype);Dc.isPureReactComponent=!0;var zu=Array.isArray,fh=Object.prototype.hasOwnProperty,Pc={current:null},hh={key:!0,ref:!0,__self:!0,__source:!0};function mh(e,t,n){var s,i={},l=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(l=""+t.key),t)fh.call(t,s)&&!hh.hasOwnProperty(s)&&(i[s]=t[s]);var o=arguments.length-2;if(o===1)i.children=n;else if(1>>1,Se=H[J];if(0>>1;Ji(tn,W))nei(Ce,tn)?(H[J]=Ce,H[ne]=W,J=ne):(H[J]=tn,H[Qe]=W,J=Qe);else if(nei(Ce,W))H[J]=Ce,H[ne]=W,J=ne;else break e}}return V}function i(H,V){var W=H.sortIndex-V.sortIndex;return W!==0?W:H.id-V.id}if(typeof performance=="object"&&typeof performance.now=="function"){var l=performance;e.unstable_now=function(){return l.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,f=null,m=3,j=!1,N=!1,x=!1,S=typeof setTimeout=="function"?setTimeout:null,v=typeof clearTimeout=="function"?clearTimeout:null,p=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function g(H){for(var V=n(u);V!==null;){if(V.callback===null)s(u);else if(V.startTime<=H)s(u),V.sortIndex=V.expirationTime,t(c,V);else break;V=n(u)}}function C(H){if(x=!1,g(H),!N)if(n(c)!==null)N=!0,ae(R);else{var V=n(u);V!==null&&fe(C,V.startTime-H)}}function R(H,V){N=!1,x&&(x=!1,v(L),L=-1),j=!0;var W=m;try{for(g(V),f=n(c);f!==null&&(!(f.expirationTime>V)||H&&!Y());){var J=f.callback;if(typeof J=="function"){f.callback=null,m=f.priorityLevel;var Se=J(f.expirationTime<=V);V=e.unstable_now(),typeof Se=="function"?f.callback=Se:f===n(c)&&s(c),g(V)}else s(c);f=n(c)}if(f!==null)var kt=!0;else{var Qe=n(u);Qe!==null&&fe(C,Qe.startTime-V),kt=!1}return kt}finally{f=null,m=W,j=!1}}var I=!1,T=null,L=-1,U=5,P=-1;function Y(){return!(e.unstable_now()-PH||125J?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(x?(v(L),L=-1):x=!0,fe(C,W-J))):(H.sortIndex=Se,t(c,H),N||j||(N=!0,ae(R))),H},e.unstable_shouldYield=Y,e.unstable_wrapCallback=function(H){var V=m;return function(){var W=m;m=V;try{return H.apply(this,arguments)}finally{m=W}}}})(Eh);vh.exports=Eh;var _x=vh.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 gh=h,$t=_x;function F(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"),Ro=Object.prototype.hasOwnProperty,kx=/^[: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]*$/,Vu={},Bu={};function Ox(e){return Ro.call(Bu,e)?!0:Ro.call(Vu,e)?!1:kx.test(e)?Bu[e]=!0:(Vu[e]=!0,!1)}function Mx(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 Dx(e,t,n,s){if(t===null||typeof t>"u"||Mx(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 Nt(e,t,n,s,i,l,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=a}var ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ct[e]=new Nt(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 Nt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ct[e]=new Nt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ct[e]=new Nt(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 Nt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ct[e]=new Nt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ct[e]=new Nt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ct[e]=new Nt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ct[e]=new Nt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Fc=/[\-:]([a-z])/g;function Hc(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(Fc,Hc);ct[t]=new Nt(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(Fc,Hc);ct[t]=new Nt(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(Fc,Hc);ct[t]=new Nt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ct[e]=new Nt(e,1,!1,e.toLowerCase(),null,!1,!1)});ct.xlinkHref=new Nt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ct[e]=new Nt(e,1,!1,e.toLowerCase(),null,!0,!0)});function bc(e,t,n,s){var i=ct.hasOwnProperty(t)?ct[t]:null;(i!==null?i.type!==0:s||!(2o||i[a]!==l[o]){var c=` +`+i[a].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{Wa=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ys(e):""}function Px(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=Va(e.type,!1),e;case 11:return e=Va(e.type.render,!1),e;case 1:return e=Va(e.type,!0),e;default:return""}}function Io(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 Zr:return"Fragment";case Qr:return"Portal";case To:return"Profiler";case $c:return"StrictMode";case wo:return"Suspense";case Lo:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Nh:return(e.displayName||"Context")+".Consumer";case Sh:return(e._context.displayName||"Context")+".Provider";case zc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Wc:return t=e.displayName||null,t!==null?t:Io(e.type)||"Memo";case zn:t=e._payload,e=e._init;try{return Io(e(t))}catch{}}return null}function Ux(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 Io(t);case 8:return t===$c?"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 fr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Ch(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Fx(e){var t=Ch(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 i=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(a){s=""+a,l.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 Wi(e){e._valueTracker||(e._valueTracker=Fx(e))}function Rh(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=Ch(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function Ul(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 Ao(e,t){var n=t.checked;return be({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function qu(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=fr(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 Th(e,t){t=t.checked,t!=null&&bc(e,"checked",t,!1)}function _o(e,t){Th(e,t);var n=fr(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")?ko(e,t.type,n):t.hasOwnProperty("defaultValue")&&ko(e,t.type,fr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Yu(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 ko(e,t,n){(t!=="number"||Ul(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Xs=Array.isArray;function ds(e,t,n,s){if(e=e.options,t){t={};for(var i=0;i"+t.valueOf().toString()+"",t=Vi.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function mi(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var ti={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},Hx=["Webkit","ms","Moz","O"];Object.keys(ti).forEach(function(e){Hx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ti[t]=ti[e]})});function Ah(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||ti.hasOwnProperty(e)&&ti[e]?(""+t).trim():t+"px"}function _h(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,i=Ah(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,i):e[n]=i}}var bx=be({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 Do(e,t){if(t){if(bx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(F(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(F(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(F(61))}if(t.style!=null&&typeof t.style!="object")throw Error(F(62))}}function Po(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 Uo=null;function Vc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Fo=null,fs=null,hs=null;function Qu(e){if(e=Fi(e)){if(typeof Fo!="function")throw Error(F(280));var t=e.stateNode;t&&(t=Ra(t),Fo(e.stateNode,e.type,t))}}function kh(e){fs?hs?hs.push(e):hs=[e]:fs=e}function Oh(){if(fs){var e=fs,t=hs;if(hs=fs=null,Qu(e),t)for(e=0;e>>=0,e===0?32:31-(Qx(e)/Zx|0)|0}var Bi=64,Gi=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 $l(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,i=e.suspendedLanes,l=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~i;o!==0?s=Ks(o):(l&=a,l!==0&&(s=Ks(l)))}else a=n&~i,a!==0?s=Ks(a):l!==0&&(s=Ks(l));if(s===0)return 0;if(t!==0&&t!==s&&!(t&i)&&(i=s&-s,l=t&-t,i>=l||i===16&&(l&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 Pi(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 nv(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=ri),ld=String.fromCharCode(32),ad=!1;function Jh(e,t){switch(e){case"keyup":return Av.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function em(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Jr=!1;function kv(e,t){switch(e){case"compositionend":return em(t);case"keypress":return t.which!==32?null:(ad=!0,ld);case"textInput":return e=t.data,e===ld&&ad?null:e;default:return null}}function Ov(e,t){if(Jr)return e==="compositionend"||!Zc&&Jh(e,t)?(e=Qh(),vl=Xc=Xn=null,Jr=!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=dd(n)}}function sm(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?sm(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function im(){for(var e=window,t=Ul();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Ul(e.document)}return t}function Jc(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 zv(e){var t=im(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&sm(n.ownerDocument.documentElement,n)){if(s!==null&&Jc(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 i=n.textContent.length,l=Math.min(s.start,i);s=s.end===void 0?l:Math.min(s.end,i),!e.extend&&l>s&&(i=s,s=l,l=i),i=fd(n,l);var a=fd(n,s);i&&a&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),l>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,es=null,Vo=null,ii=null,Bo=!1;function hd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Bo||es==null||es!==Ul(s)||(s=es,"selectionStart"in s&&Jc(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}),ii&&ji(ii,s)||(ii=s,s=Vl(Vo,"onSelect"),0rs||(e.current=Qo[rs],Qo[rs]=null,rs--)}function Le(e,t){rs++,Qo[rs]=e.current,e.current=t}var hr={},pt=pr(hr),Lt=pr(!1),Dr=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 i={},l;for(l in n)i[l]=t[l];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function It(e){return e=e.childContextTypes,e!=null}function Gl(){_e(Lt),_e(pt)}function jd(e,t,n){if(pt.current!==hr)throw Error(F(168));Le(pt,t),Le(Lt,n)}function mm(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var i in s)if(!(i in t))throw Error(F(108,Ux(e)||"Unknown",i));return be({},n,s)}function ql(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Dr=pt.current,Le(pt,e),Le(Lt,Lt.current),!0}function Sd(e,t,n){var s=e.stateNode;if(!s)throw Error(F(169));n?(e=mm(e,t,Dr),s.__reactInternalMemoizedMergedChildContext=e,_e(Lt),_e(pt),Le(pt,e)):_e(Lt),Le(Lt,n)}var Cn=null,Ta=!1,so=!1;function pm(e){Cn===null?Cn=[e]:Cn.push(e)}function eE(e){Ta=!0,pm(e)}function xr(){if(!so&&Cn!==null){so=!0;var e=0,t=je;try{var n=Cn;for(je=1;e>=a,i-=a,Tn=1<<32-un(t)+i|n<L?(U=T,T=null):U=T.sibling;var P=m(v,T,g[L],C);if(P===null){T===null&&(T=U);break}e&&T&&P.alternate===null&&t(v,T),p=l(P,p,L),I===null?R=P:I.sibling=P,I=P,T=U}if(L===g.length)return n(v,T),De&&Nr(v,L),R;if(T===null){for(;LL?(U=T,T=null):U=T.sibling;var Y=m(v,T,P.value,C);if(Y===null){T===null&&(T=U);break}e&&T&&Y.alternate===null&&t(v,T),p=l(Y,p,L),I===null?R=Y:I.sibling=Y,I=Y,T=U}if(P.done)return n(v,T),De&&Nr(v,L),R;if(T===null){for(;!P.done;L++,P=g.next())P=f(v,P.value,C),P!==null&&(p=l(P,p,L),I===null?R=P:I.sibling=P,I=P);return De&&Nr(v,L),R}for(T=s(v,T);!P.done;L++,P=g.next())P=j(T,v,L,P.value,C),P!==null&&(e&&P.alternate!==null&&T.delete(P.key===null?L:P.key),p=l(P,p,L),I===null?R=P:I.sibling=P,I=P);return e&&T.forEach(function(le){return t(v,le)}),De&&Nr(v,L),R}function S(v,p,g,C){if(typeof g=="object"&&g!==null&&g.type===Zr&&g.key===null&&(g=g.props.children),typeof g=="object"&&g!==null){switch(g.$$typeof){case zi:e:{for(var R=g.key,I=p;I!==null;){if(I.key===R){if(R=g.type,R===Zr){if(I.tag===7){n(v,I.sibling),p=i(I,g.props.children),p.return=v,v=p;break e}}else if(I.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===zn&&Ld(R)===I.type){n(v,I.sibling),p=i(I,g.props),p.ref=Fs(v,I,g),p.return=v,v=p;break e}n(v,I);break}else t(v,I);I=I.sibling}g.type===Zr?(p=Or(g.props.children,v.mode,C,g.key),p.return=v,v=p):(C=Rl(g.type,g.key,g.props,null,v.mode,C),C.ref=Fs(v,p,g),C.return=v,v=C)}return a(v);case Qr:e:{for(I=g.key;p!==null;){if(p.key===I)if(p.tag===4&&p.stateNode.containerInfo===g.containerInfo&&p.stateNode.implementation===g.implementation){n(v,p.sibling),p=i(p,g.children||[]),p.return=v,v=p;break e}else{n(v,p);break}else t(v,p);p=p.sibling}p=ho(g,v.mode,C),p.return=v,v=p}return a(v);case zn:return I=g._init,S(v,p,I(g._payload),C)}if(Xs(g))return N(v,p,g,C);if(Os(g))return x(v,p,g,C);Ji(v,g)}return typeof g=="string"&&g!==""||typeof g=="number"?(g=""+g,p!==null&&p.tag===6?(n(v,p.sibling),p=i(p,g),p.return=v,v=p):(n(v,p),p=fo(g,v.mode,C),p.return=v,v=p),a(v)):n(v,p)}return S}var Ns=ym(!0),Cm=ym(!1),Hi={},jn=pr(Hi),Ci=pr(Hi),Ri=pr(Hi);function Ir(e){if(e===Hi)throw Error(F(174));return e}function ou(e,t){switch(Le(Ri,t),Le(Ci,e),Le(jn,Hi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Mo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Mo(t,e)}_e(jn),Le(jn,t)}function ys(){_e(jn),_e(Ci),_e(Ri)}function Rm(e){Ir(Ri.current);var t=Ir(jn.current),n=Mo(t,e.type);t!==n&&(Le(Ci,e),Le(jn,n))}function cu(e){Ci.current===e&&(_e(jn),_e(Ci))}var Ue=pr(0);function Jl(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 io=[];function uu(){for(var e=0;en?n:4,e(!0);var s=lo.transition;lo.transition={};try{e(!1),t()}finally{je=n,lo.transition=s}}function $m(){return en().memoizedState}function sE(e,t,n){var s=cr(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},zm(e))Wm(t,n);else if(n=gm(e,t,n,s),n!==null){var i=jt();dn(n,e,s,i),Vm(n,t,s)}}function iE(e,t,n){var s=cr(e),i={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if(zm(e))Wm(t,i);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var a=t.lastRenderedState,o=l(a,n);if(i.hasEagerState=!0,i.eagerState=o,hn(o,a)){var c=t.interleaved;c===null?(i.next=i,lu(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}finally{}n=gm(e,t,i,s),n!==null&&(i=jt(),dn(n,e,s,i),Vm(n,t,s))}}function zm(e){var t=e.alternate;return e===He||t!==null&&t===He}function Wm(e,t){li=ea=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Vm(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Gc(e,n)}}var ta={readContext:Jt,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},lE={readContext:Jt,useCallback:function(e,t){return vn().memoizedState=[e,t===void 0?null:t],e},useContext:Jt,useEffect:Ad,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Sl(4194308,4,Pm.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Sl(4194308,4,e,t)},useInsertionEffect:function(e,t){return Sl(4,2,e,t)},useMemo:function(e,t){var n=vn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=vn();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=sE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=vn();return e={current:e},t.memoizedState=e},useState:Id,useDebugValue:pu,useDeferredValue:function(e){return vn().memoizedState=e},useTransition:function(){var e=Id(!1),t=e[0];return e=rE.bind(null,e[1]),vn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,i=vn();if(De){if(n===void 0)throw Error(F(407));n=n()}else{if(n=t(),it===null)throw Error(F(349));Ur&30||Lm(s,t,n)}i.memoizedState=n;var l={value:n,getSnapshot:t};return i.queue=l,Ad(Am.bind(null,s,l,e),[e]),s.flags|=2048,Li(9,Im.bind(null,s,l,n,t),void 0,null),n},useId:function(){var e=vn(),t=it.identifierPrefix;if(De){var n=wn,s=Tn;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ti++,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[En]=t,e[yi]=s,Jm(e,t,!1,!1),t.stateNode=e;e:{switch(a=Po(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),i=s;break;case"iframe":case"object":case"embed":Ie("load",e),i=s;break;case"video":case"audio":for(i=0;iRs&&(t.flags|=128,s=!0,Hs(l,!1),t.lanes=4194304)}else{if(!s)if(e=Jl(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Hs(l,!0),l.tail===null&&l.tailMode==="hidden"&&!a.alternate&&!De)return dt(t),null}else 2*Be()-l.renderingStartTime>Rs&&n!==1073741824&&(t.flags|=128,s=!0,Hs(l,!1),t.lanes=4194304);l.isBackwards?(a.sibling=t.child,t.child=a):(n=l.last,n!==null?n.sibling=a:t.child=a,l.last=a)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Be(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return Su(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Dt&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(F(156,t.tag))}function mE(e,t){switch(tu(t),t.tag){case 1:return It(t.type)&&Gl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ys(),_e(Lt),_e(pt),uu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return cu(t),null;case 13:if(_e(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(F(340));Ss()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return _e(Ue),null;case 4:return ys(),null;case 10:return iu(t.type._context),null;case 22:case 23:return Su(),null;case 24:return null;default:return null}}var tl=!1,ht=!1,pE=typeof WeakSet=="function"?WeakSet:Set,B=null;function as(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 cc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Hd=!1;function xE(e,t){if(Go=zl,e=im(),Jc(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 i=s.anchorOffset,l=s.focusNode;s=s.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,f=e,m=null;t:for(;;){for(var j;f!==n||i!==0&&f.nodeType!==3||(o=a+i),f!==l||s!==0&&f.nodeType!==3||(c=a+s),f.nodeType===3&&(a+=f.nodeValue.length),(j=f.firstChild)!==null;)m=f,f=j;for(;;){if(f===e)break t;if(m===n&&++u===i&&(o=a),m===l&&++d===s&&(c=a),(j=f.nextSibling)!==null)break;f=m,m=f.parentNode}f=j}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},zl=!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 x=N.memoizedProps,S=N.memoizedState,v=t.stateNode,p=v.getSnapshotBeforeUpdate(t.elementType===t.type?x:ln(t.type,x),S);v.__reactInternalSnapshotBeforeUpdate=p}break;case 3:var g=t.stateNode.containerInfo;g.nodeType===1?g.textContent="":g.nodeType===9&&g.documentElement&&g.removeChild(g.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(F(163))}}catch(C){$e(t,t.return,C)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return N=Hd,Hd=!1,N}function ai(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var i=s=s.next;do{if((i.tag&e)===e){var l=i.destroy;i.destroy=void 0,l!==void 0&&cc(t,n,l)}i=i.next}while(i!==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 uc(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 np(e){var t=e.alternate;t!==null&&(e.alternate=null,np(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[En],delete t[yi],delete t[Ko],delete t[Zv],delete t[Jv])),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 rp(e){return e.tag===5||e.tag===3||e.tag===4}function bd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||rp(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 dc(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=Bl));else if(s!==4&&(e=e.child,e!==null))for(dc(e,t,n),e=e.sibling;e!==null;)dc(e,t,n),e=e.sibling}function fc(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(fc(e,t,n),e=e.sibling;e!==null;)fc(e,t,n),e=e.sibling}var lt=null,an=!1;function Dn(e,t,n){for(n=n.child;n!==null;)sp(e,t,n),n=n.sibling}function sp(e,t,n){if(gn&&typeof gn.onCommitFiberUnmount=="function")try{gn.onCommitFiberUnmount(Sa,n)}catch{}switch(n.tag){case 5:ht||as(n,t);case 6:var s=lt,i=an;lt=null,Dn(e,t,n),lt=s,an=i,lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):lt.removeChild(n.stateNode));break;case 18:lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?ro(e.parentNode,n):e.nodeType===1&&ro(e,n),Ei(e)):ro(lt,n.stateNode));break;case 4:s=lt,i=an,lt=n.stateNode.containerInfo,an=!0,Dn(e,t,n),lt=s,an=i;break;case 0:case 11:case 14:case 15:if(!ht&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){i=s=s.next;do{var l=i,a=l.destroy;l=l.tag,a!==void 0&&(l&2||l&4)&&cc(n,t,a),i=i.next}while(i!==s)}Dn(e,t,n);break;case 1:if(!ht&&(as(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)}Dn(e,t,n);break;case 21:Dn(e,t,n);break;case 22:n.mode&1?(ht=(s=ht)||n.memoizedState!==null,Dn(e,t,n),ht=s):Dn(e,t,n);break;default:Dn(e,t,n)}}function $d(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new pE),t.forEach(function(s){var i=RE.bind(null,e,s);n.has(s)||(n.add(s),s.then(i,i))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;si&&(i=a),s&=~l}if(s=i,s=Be()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*EE(s/1960))-s,10e?16:e,Kn===null)var s=!1;else{if(e=Kn,Kn=null,sa=0,xe&6)throw Error(F(331));var i=xe;for(xe|=4,B=e.current;B!==null;){var l=B,a=l.child;if(B.flags&16){var o=l.deletions;if(o!==null){for(var c=0;cBe()-gu?kr(e,0):Eu|=n),At(e,t)}function fp(e,t){t===0&&(e.mode&1?(t=Gi,Gi<<=1,!(Gi&130023424)&&(Gi=4194304)):t=1);var n=jt();e=kn(e,t),e!==null&&(Pi(e,t,n),At(e,n))}function CE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),fp(e,n)}function RE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(F(314))}s!==null&&s.delete(t),fp(e,n)}var hp;hp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Lt.current)wt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return wt=!1,fE(e,t,n);wt=!!(e.flags&131072)}else wt=!1,De&&t.flags&1048576&&xm(t,Xl,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Nl(e,t),e=t.pendingProps;var i=js(t,pt.current);ps(t,n),i=fu(null,t,s,e,i,n);var l=hu();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,It(s)?(l=!0,ql(t)):l=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,au(t),i.updater=wa,t.stateNode=i,i._reactInternals=t,nc(t,s,e,n),t=ic(null,t,s,!0,l,n)):(t.tag=0,De&&l&&eu(t),Et(null,t,i,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Nl(e,t),e=t.pendingProps,i=s._init,s=i(s._payload),t.type=s,i=t.tag=wE(s),e=ln(s,e),i){case 0:t=sc(null,t,s,e,n);break e;case 1:t=Pd(null,t,s,e,n);break e;case 11:t=Md(null,t,s,e,n);break e;case 14:t=Dd(null,t,s,ln(s.type,e),n);break e}throw Error(F(306,s,""))}return t;case 0:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),sc(e,t,s,i,n);case 1:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Pd(e,t,s,i,n);case 3:e:{if(Km(t),e===null)throw Error(F(387));s=t.pendingProps,l=t.memoizedState,i=l.element,jm(e,t),Zl(t,s,null,n);var a=t.memoizedState;if(s=a.element,l.isDehydrated)if(l={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){i=Cs(Error(F(423)),t),t=Ud(e,t,s,n,i);break e}else if(s!==i){i=Cs(Error(F(424)),t),t=Ud(e,t,s,n,i);break e}else for(Ft=lr(t.stateNode.containerInfo.firstChild),bt=t,De=!0,on=null,n=Cm(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ss(),s===i){t=On(e,t,n);break e}Et(e,t,s,n)}t=t.child}return t;case 5:return Rm(t),e===null&&Jo(t),s=t.type,i=t.pendingProps,l=e!==null?e.memoizedProps:null,a=i.children,Yo(s,i)?a=null:l!==null&&Yo(s,l)&&(t.flags|=32),Xm(e,t),Et(e,t,a,n),t.child;case 6:return e===null&&Jo(t),null;case 13:return Qm(e,t,n);case 4:return ou(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ns(t,null,s,n):Et(e,t,s,n),t.child;case 11:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Md(e,t,s,i,n);case 7:return Et(e,t,t.pendingProps,n),t.child;case 8:return Et(e,t,t.pendingProps.children,n),t.child;case 12:return Et(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,i=t.pendingProps,l=t.memoizedProps,a=i.value,Le(Kl,s._currentValue),s._currentValue=a,l!==null)if(hn(l.value,a)){if(l.children===i.children&&!Lt.current){t=On(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var o=l.dependencies;if(o!==null){a=l.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(l.tag===1){c=In(-1,n&-n),c.tag=2;var u=l.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}}l.lanes|=n,c=l.alternate,c!==null&&(c.lanes|=n),ec(l.return,n,t),o.lanes|=n;break}c=c.next}}else if(l.tag===10)a=l.type===t.type?null:l.child;else if(l.tag===18){if(a=l.return,a===null)throw Error(F(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),ec(a,n,t),a=l.sibling}else a=l.child;if(a!==null)a.return=l;else for(a=l;a!==null;){if(a===t){a=null;break}if(l=a.sibling,l!==null){l.return=a.return,a=l;break}a=a.return}l=a}Et(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,s=t.pendingProps.children,ps(t,n),i=Jt(i),s=s(i),t.flags|=1,Et(e,t,s,n),t.child;case 14:return s=t.type,i=ln(s,t.pendingProps),i=ln(s.type,i),Dd(e,t,s,i,n);case 15:return qm(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Nl(e,t),t.tag=1,It(s)?(e=!0,ql(t)):e=!1,ps(t,n),Nm(t,s,i),nc(t,s,i,n),ic(null,t,s,!0,e,n);case 19:return Zm(e,t,n);case 22:return Ym(e,t,n)}throw Error(F(156,t.tag))};function mp(e,t){return bh(e,t)}function TE(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 Kt(e,t,n,s){return new TE(e,t,n,s)}function yu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function wE(e){if(typeof e=="function")return yu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===zc)return 11;if(e===Wc)return 14}return 2}function ur(e,t){var n=e.alternate;return n===null?(n=Kt(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 Rl(e,t,n,s,i,l){var a=2;if(s=e,typeof e=="function")yu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Zr:return Or(n.children,i,l,t);case $c:a=8,i|=8;break;case To:return e=Kt(12,n,t,i|2),e.elementType=To,e.lanes=l,e;case wo:return e=Kt(13,n,t,i),e.elementType=wo,e.lanes=l,e;case Lo:return e=Kt(19,n,t,i),e.elementType=Lo,e.lanes=l,e;case yh:return _a(n,i,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Sh:a=10;break e;case Nh:a=9;break e;case zc:a=11;break e;case Wc:a=14;break e;case zn:a=16,s=null;break e}throw Error(F(130,e==null?e:typeof e,""))}return t=Kt(a,n,t,i),t.elementType=e,t.type=s,t.lanes=l,t}function Or(e,t,n,s){return e=Kt(7,e,s,t),e.lanes=n,e}function _a(e,t,n,s){return e=Kt(22,e,s,t),e.elementType=yh,e.lanes=n,e.stateNode={isHidden:!1},e}function fo(e,t,n){return e=Kt(6,e,null,t),e.lanes=n,e}function ho(e,t,n){return t=Kt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function LE(e,t,n,s,i){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=Ga(0),this.expirationTimes=Ga(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ga(0),this.identifierPrefix=s,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function Cu(e,t,n,s,i,l,a,o,c){return e=new LE(e,t,n,o,c),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Kt(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},au(l),e}function IE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Ep)}catch(e){console.error(e)}}Ep(),xh.exports=Wt;var gp=xh.exports;const ME=Oc(gp);var jp,Xd=gp;jp=Xd.createRoot,Xd.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 Ai(){return Ai=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function Lu(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function PE(){return Math.random().toString(36).substr(2,8)}function Qd(e,t){return{usr:e.state,key:e.key,idx:t}}function vc(e,t,n,s){return n===void 0&&(n=null),Ai({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?zr(t):t,{state:n,key:t&&t.key||s||PE()})}function Sp(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 zr(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 UE(e,t,n,s){s===void 0&&(s={});let{window:i=document.defaultView,v5Compat:l=!1}=s,a=i.history,o=Qn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(Ai({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function f(){o=Qn.Pop;let S=d(),v=S==null?null:S-u;u=S,c&&c({action:o,location:x.location,delta:v})}function m(S,v){o=Qn.Push;let p=vc(x.location,S,v);n&&n(p,S),u=d()+1;let g=Qd(p,u),C=x.createHref(p);try{a.pushState(g,"",C)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;i.location.assign(C)}l&&c&&c({action:o,location:x.location,delta:1})}function j(S,v){o=Qn.Replace;let p=vc(x.location,S,v);n&&n(p,S),u=d();let g=Qd(p,u),C=x.createHref(p);a.replaceState(g,"",C),l&&c&&c({action:o,location:x.location,delta:0})}function N(S){let v=i.location.origin!=="null"?i.location.origin:i.location.href,p=typeof S=="string"?S:Sp(S);return p=p.replace(/ $/,"%20"),rt(v,"No window.location.(origin|href) available to create URL for href: "+p),new URL(p,v)}let x={get action(){return o},get location(){return e(i,a)},listen(S){if(c)throw new Error("A history only accepts one active listener");return i.addEventListener(Kd,f),c=S,()=>{i.removeEventListener(Kd,f),c=null}},createHref(S){return t(i,S)},createURL:N,encodeLocation(S){let v=N(S);return{pathname:v.pathname,search:v.search,hash:v.hash}},push:m,replace:j,go(S){return a.go(S)}};return x}var Zd;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(Zd||(Zd={}));function FE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?zr(t):t,i=Cp(s.pathname||"/",n);if(i==null)return null;let l=Np(e);HE(l);let a=null;for(let o=0;a==null&&o{let c={relativePath:o===void 0?l.path||"":o,caseSensitive:l.caseSensitive===!0,childrenIndex:a,route:l};c.relativePath.startsWith("/")&&(rt(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=Mr([s,c.relativePath]),d=n.concat(c);l.children&&l.children.length>0&&(rt(l.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Np(l.children,t,d,u)),!(l.path==null&&!l.index)&&t.push({path:u,score:GE(u,l.index),routesMeta:d})};return e.forEach((l,a)=>{var o;if(l.path===""||!((o=l.path)!=null&&o.includes("?")))i(l,a);else for(let c of yp(l.path))i(l,a,c)}),t}function yp(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,i=n.endsWith("?"),l=n.replace(/\?$/,"");if(s.length===0)return i?[l,""]:[l];let a=yp(s.join("/")),o=[];return o.push(...a.map(c=>c===""?l:[l,c].join("/"))),i&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function HE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:qE(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const bE=/^:[\w-]+$/,$E=3,zE=2,WE=1,VE=10,BE=-2,Jd=e=>e==="*";function GE(e,t){let n=e.split("/"),s=n.length;return n.some(Jd)&&(s+=BE),t&&(s+=zE),n.filter(i=>!Jd(i)).reduce((i,l)=>i+(bE.test(l)?$E:l===""?WE:VE),s)}function qE(e,t){return e.length===t.length&&e.slice(0,-1).every((s,i)=>s===t[i])?e[e.length-1]-t[t.length-1]:0}function YE(e,t){let{routesMeta:n}=e,s={},i="/",l=[];for(let a=0;a{let{paramName:m,isOptional:j}=d;if(m==="*"){let x=o[f]||"";a=l.slice(0,l.length-x.length).replace(/(.)\/+$/,"$1")}const N=o[f];return j&&!N?u[m]=void 0:u[m]=(N||"").replace(/%2F/g,"/"),u},{}),pathname:l,pathnameBase:a,pattern:e}}function KE(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Lu(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=[],i="^"+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:"*"}),i+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?i+="\\/*$":e!==""&&e!=="/"&&(i+="(?:(?=\\/|$))"),[new RegExp(i,t?void 0:"i"),s]}function QE(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Lu(!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 Cp(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 ZE(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:i=""}=typeof e=="string"?zr(e):e;return{pathname:n?n.startsWith("/")?n:JE(n,t):t,search:sg(s),hash:ig(i)}}function JE(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(i=>{i===".."?n.length>1&&n.pop():i!=="."&&n.push(i)}),n.length>1?n.join("/"):"/"}function mo(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 eg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function tg(e,t){let n=eg(e);return t?n.map((s,i)=>i===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function ng(e,t,n,s){s===void 0&&(s=!1);let i;typeof e=="string"?i=zr(e):(i=Ai({},e),rt(!i.pathname||!i.pathname.includes("?"),mo("?","pathname","search",i)),rt(!i.pathname||!i.pathname.includes("#"),mo("#","pathname","hash",i)),rt(!i.search||!i.search.includes("#"),mo("#","search","hash",i)));let l=e===""||i.pathname==="",a=l?"/":i.pathname,o;if(a==null)o=n;else{let f=t.length-1;if(!s&&a.startsWith("..")){let m=a.split("/");for(;m[0]==="..";)m.shift(),f-=1;i.pathname=m.join("/")}o=f>=0?t[f]:"/"}let c=ZE(i,o),u=a&&a!=="/"&&a.endsWith("/"),d=(l||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Mr=e=>e.join("/").replace(/\/\/+/g,"/"),rg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),sg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,ig=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function lg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const Rp=["post","put","patch","delete"];new Set(Rp);const ag=["get",...Rp];new Set(ag);/** + * 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 _i(){return _i=Object.assign?Object.assign.bind():function(e){for(var t=1;t{o.current=!0}),h.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let f=ng(u,JSON.parse(a),l,d.relative==="path");e==null&&t!=="/"&&(f.pathname=f.pathname==="/"?t:Mr([t,f.pathname])),(d.replace?s.replace:s.push)(f,d.state,d)},[t,s,a,l,e])}function dg(e,t){return fg(e,t)}function fg(e,t,n,s){Fa()||rt(!1);let{navigator:i}=h.useContext(Pa),{matches:l}=h.useContext(ks),a=l[l.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=wp(),d;if(t){var f;let S=typeof t=="string"?zr(t):t;c==="/"||(f=S.pathname)!=null&&f.startsWith(c)||rt(!1),d=S}else d=u;let m=d.pathname||"/",j=m;if(c!=="/"){let S=c.replace(/^\//,"").split("/");j="/"+m.replace(/^\//,"").split("/").slice(S.length).join("/")}let N=FE(e,{pathname:j}),x=vg(N&&N.map(S=>Object.assign({},S,{params:Object.assign({},o,S.params),pathname:Mr([c,i.encodeLocation?i.encodeLocation(S.pathname).pathname:S.pathname]),pathnameBase:S.pathnameBase==="/"?c:Mr([c,i.encodeLocation?i.encodeLocation(S.pathnameBase).pathname:S.pathnameBase])})),l,n,s);return t&&x?h.createElement(Ua.Provider,{value:{location:_i({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Qn.Pop}},x):x}function hg(){let e=Sg(),t=lg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,i={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},l=null;return h.createElement(h.Fragment,null,h.createElement("h2",null,"Unexpected Application Error!"),h.createElement("h3",{style:{fontStyle:"italic"}},t),n?h.createElement("pre",{style:i},n):null,l)}const mg=h.createElement(hg,null);class pg extends h.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?h.createElement(ks.Provider,{value:this.props.routeContext},h.createElement(Tp.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function xg(e){let{routeContext:t,match:n,children:s}=e,i=h.useContext(Iu);return i&&i.static&&i.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(i.staticContext._deepestRenderedBoundaryId=n.route.id),h.createElement(ks.Provider,{value:t},s)}function vg(e,t,n,s){var i;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var l;if((l=n)!=null&&l.errors)e=n.matches;else return null}let a=e,o=(i=n)==null?void 0:i.errors;if(o!=null){let d=a.findIndex(f=>f.route.id&&(o==null?void 0:o[f.route.id]));d>=0||rt(!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,f,m)=>{let j,N=!1,x=null,S=null;n&&(j=o&&f.route.id?o[f.route.id]:void 0,x=f.route.errorElement||mg,c&&(u<0&&m===0?(yg("route-fallback",!1),N=!0,S=null):u===m&&(N=!0,S=f.route.hydrateFallbackElement||null)));let v=t.concat(a.slice(0,m+1)),p=()=>{let g;return j?g=x:N?g=S:f.route.Component?g=h.createElement(f.route.Component,null):f.route.element?g=f.route.element:g=d,h.createElement(xg,{match:f,routeContext:{outlet:d,matches:v,isDataRoute:n!=null},children:g})};return n&&(f.route.ErrorBoundary||f.route.errorElement||m===0)?h.createElement(pg,{location:n.location,revalidation:n.revalidation,component:x,error:j,children:p(),routeContext:{outlet:null,matches:v,isDataRoute:!0}}):p()},null)}var Ip=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Ip||{}),aa=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}(aa||{});function Eg(e){let t=h.useContext(Iu);return t||rt(!1),t}function gg(e){let t=h.useContext(og);return t||rt(!1),t}function jg(e){let t=h.useContext(ks);return t||rt(!1),t}function Ap(e){let t=jg(),n=t.matches[t.matches.length-1];return n.route.id||rt(!1),n.route.id}function Sg(){var e;let t=h.useContext(Tp),n=gg(aa.UseRouteError),s=Ap(aa.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function Ng(){let{router:e}=Eg(Ip.UseNavigateStable),t=Ap(aa.UseNavigateStable),n=h.useRef(!1);return Lp(()=>{n.current=!0}),h.useCallback(function(i,l){l===void 0&&(l={}),n.current&&(typeof i=="number"?e.navigate(i):e.navigate(i,_i({fromRouteId:t},l)))},[e,t])}const ef={};function yg(e,t,n){!t&&!ef[e]&&(ef[e]=!0)}function Tl(e){rt(!1)}function Cg(e){let{basename:t="/",children:n=null,location:s,navigationType:i=Qn.Pop,navigator:l,static:a=!1,future:o}=e;Fa()&&rt(!1);let c=t.replace(/^\/*/,"/"),u=h.useMemo(()=>({basename:c,navigator:l,static:a,future:_i({v7_relativeSplatPath:!1},o)}),[c,o,l,a]);typeof s=="string"&&(s=zr(s));let{pathname:d="/",search:f="",hash:m="",state:j=null,key:N="default"}=s,x=h.useMemo(()=>{let S=Cp(d,c);return S==null?null:{location:{pathname:S,search:f,hash:m,state:j,key:N},navigationType:i}},[c,d,f,m,j,N,i]);return x==null?null:h.createElement(Pa.Provider,{value:u},h.createElement(Ua.Provider,{children:n,value:x}))}function Rg(e){let{children:t,location:n}=e;return dg(Ec(t),n)}new Promise(()=>{});function Ec(e,t){t===void 0&&(t=[]);let n=[];return h.Children.forEach(e,(s,i)=>{if(!h.isValidElement(s))return;let l=[...t,i];if(s.type===h.Fragment){n.push.apply(n,Ec(s.props.children,l));return}s.type!==Tl&&rt(!1),!s.props.index||!s.props.children||rt(!1);let a={id:s.props.id||l.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=Ec(s.props.children,l)),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 Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",tf=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&tf?tf(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var nf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(nf||(nf={}));var rf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(rf||(rf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},sf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in sf)return;sf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},_p=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(_p);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(_p.Provider,{value:{styled:n,setStyled:s},children:e})};function kp(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Au=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var Op={exports:{}},wl=1;function Dg(){return wl=(wl*9301+49297)%233280,wl/233280}function Pg(e){wl=e}var Ug={nextValue:Dg,seed:Pg},gc=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,lf,Zs;function jc(){Zs=!1}function Mp(e){if(!e){Zn!==Rr&&(Zn=Rr,jc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,jc()}}function Fg(e){return Mp(e),Zn}function Hg(e){gc.seed(e),lf!==e&&(jc(),lf=e)}function bg(){Zn||Mp(Rr);for(var e=Zn.split(""),t=[],n=gc.nextValue(),s;e.length>0;)n=gc.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Dp(){return Zs||(Zs=bg(),Zs)}function $g(e){var t=Dp();return t[e]}function zg(){return Zn||Rr}var _u={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Dp},po=typeof window=="object"&&(window.crypto||window.msCrypto),Sc;!po||!po.getRandomValues?Sc=function(e){for(var t=[],n=0;n0&&(t=t+sl(il)),t=t+sl(n),t}var Jg=Zg,ej=_u;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=_u,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(Op);var rj=Op.exports,sj=rj;const Bt=Oc(sj);var Pp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Pp||{});const{Browser:Ll,Server:Up,Native:Fp}=Pp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Fp:ij?Ll:Up,of={isBrowser:Gr===Ll,isServer:Gr===Up,isNative:Gr===Fp,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===Ll&&!!window.addEventListener,canUseViewport:Gr===Ll&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(of),of));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,N]=h.useState(),[x,S]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),P=R(I(C.clientHeight+1)).toString(),Y=R(I(C.children[0].clientHeight)).toString();N(f?U:L),S(f?Y:P)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const v=w(d,E("accordion",t));let p;n&&(p=Array.isArray(n)?n.map((C,R)=>D.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:v,ref:u,id:s,...c,"data-collapsed":x,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:p})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=D.createContext(dj);var ce=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(ce||{});const Il={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},_t=e=>Il[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Il,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${_t(e.color)}${e.fade?"-fade":""}`:`background-${_t(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var O=(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))(O||{}),X=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(X||{}),ki=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(ki||{}),Ts=(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))(Ts||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Nc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Nc||{}),yc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(yc||{});function pj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Hp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Hp("is"),Z=Hp("has"),cf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),Z("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===ki.SUCCESS?O.CHECK_CIRCLE:O.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},uf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&Z(zt(l))||pj(n||"",ki.INFO)||Z(zt(ce.MAIN)),u=w(o,E("icon",Z(i?mj(i):"text-white"),y(i||ce.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},df=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Nc||Object.values(Nc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:N,onClick:x,align:S,skeleton:v,verticalAlign:p,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${_t(j)}`),v&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&p&&y(`${Ln(p)}`),e);const L=w(I,E(S&&Ln(S)==="aligned-start"&&Z("text-left")||Ln(S)==="aligned-center"&&Z("text-centered")||Ln(S)==="aligned-end"&&Z("text-right")));return l||l&&i?S?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:x&&x,className:e,name:s,status:i,size:n,color:j,backgroundColor:N,...R})}):r.jsx(uf,{testId:g,onClick:x&&x,className:e,name:s,status:i,size:n,color:j,backgroundColor:N,...R}):i?S?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:x&&x,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(cf,{testId:g,onClick:x&&x,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?S?r.jsx("div",{className:L,children:r.jsx(df,{testId:g,onClick:x&&x,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(df,{onClick:x&&x,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?S?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:x&&x,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:x&&x,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?S?r.jsx("div",{className:L,children:r.jsx("span",{onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?S?r.jsx("div",{className:L,children:r.jsx("span",{onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):S?r.jsx("div",{className:L,children:r.jsx("span",{onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:x&&x,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var oa=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(oa||{});const bp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return O.CHECK_CIRCLE;case"INFO":return O.INFOS_CIRCLE;case"WARNING":return O.ALERT;case"ERROR":return O.EXCLAMATION_CIRCLE;default:return O.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),$p=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))($p||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),zp=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))(zp||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),mt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(mt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:N,numberOfLines:x,...S})=>{const{styled:v}=z(),g=w(v,E(N?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),x&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in mt||Object.values(mt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:x?{WebkitLineClamp:x}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===mt.A&&{href:i},...S,children:n})};var k=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(k||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case k.ONE:return y("level-1");case k.TWO:return y("level-2");case k.THREE:return y("level-3");case k.FOUR:return y("level-4");case k.FIVE:return y("level-5");case k.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=k.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...N})=>{const[x,S]=h.useState(l||!1),{styled:v}=z(),p=w(v,E("title",e&&jj(e),i,y(x?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(v,E("subtitle",s)),C=w(v,E("overline",s));h.useEffect(()=>{S(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:p;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...N,children:n})},ff=()=>0;D.createContext({show:ff,hide:ff});const Wp=({status:e,className:t,iconName:n,title:s,description:i,onClick:l,display:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("alert",Z("body"),e&&y(bp(e)),t)),f=h.useMemo(()=>n??(e?xj(e)??O.INFOS_CIRCLE:O.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:m=>{l==null||l(m),m.stopPropagation()},className:d,...c,children:[r.jsx($,{name:f}),r.jsxs("div",{className:w(u,E("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:k.SIX,children:s}):s,i&&typeof i.valueOf()=="string"?r.jsx(A,{children:i}):i]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var ca=(e=>(e.LEFT="left",e.RIGHT="right",e))(ca||{}),Vp=(e=>(e.MAIN="MAIN",e))(Vp||{});const $s=({children:e,className:t,textContent:n,content:s,direction:i,onClick:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},className:u,...o,children:[(!i||i===ca.LEFT)&&r.jsx(A,{markup:mt.P,children:n}),r.jsx("span",{className:w(c,E("badge is-level")),children:s||e}),i===ca.RIGHT&&r.jsx(A,{markup:mt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},children:r.jsx(A,{className:E(n?"badge-and-text":"badge",t),markup:mt.SPAN,...o,children:s||e})})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:N,active:x,...S})=>{const{styled:v}=z(),[p,g]=h.useState(l||!1),C=w(v,E("box",u&&y("shadowless"),n,o&&Z(zt(o)),d&&Z("background"),e&&y("inverted")||y("base"),y(p?"loading":"loaded"),c&&`${y("highlighted")} ${y(_t(c))}`,m&&y("flat"),j&&Z("hat"),N&&y("fullheight"),x&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===ku.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...S,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...S,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&Z(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&Z(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&Z(zt(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)})]})},ll=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=ll(2)]="SMALL",e[e.MEDIUM=ll(4)]="MEDIUM",e[e.LARGE=ll(8)]="LARGE",e[e.HUGE=ll(12)]="HUGE",e))(Nj||{});const al=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...N})=>{const{styled:x}=z(),S=E(f&&Z("icon"),o,m&&y("inverted"),t);if(d&&s){const p=d||"a",g=()=>r.jsx(p,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(x,E(S)),to:s||"",...j&&{target:"_blank"},...N,children:l||e});return o?r.jsx("div",{className:w(x,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const v=()=>r.jsx(A,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:mt.A,className:S,href:i,...j&&{target:"_blank"},...N,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:X.SMALL})]}):e});return o?r.jsx("div",{className:w(x,E(o)),children:r.jsx(v,{})}):r.jsx(v,{})},ft=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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 ws=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e))(ws||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:N,iconName:x,...S})=>{const v=S.disabled||!1,{styled:p}=z(),g=T=>{if(T in ws||Object.values(ws).includes(T))return!0},R=w(p,((T,L,U,P)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),P))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:v,name:m,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},type:N??"button",...S,children:[x&&r.jsx($,{className:a?"":"is-marginless",name:x}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},disabled:v,type:N??"submit",value:`${a}`,...S});if(j&&c&&!v){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...S,children:[x&&r.jsx($,{className:a?"":"is-marginless",name:x}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},...S,children:[x&&r.jsx($,{className:a?"":"is-marginless",name:x}),a]})},Js=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var Ou=(e=>(e.DIV="div",e.A="a",e))(Ou||{});h.createContext({horizontal:!1});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:N,fullheight:x,active:S,...v})=>{const[p,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),i&&!a&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&!i&&y("floating"),o&&y(Ln(o)),c&&y(c),y(p?"loading":"loaded"),f&&y("reversed"),e,x&&y("fullheight"),S&&y("active")));return j===Ou.A?r.jsx("a",{"data-testid":m,href:N,onClick:T=>{d==null||d(T),T.stopPropagation()},...v,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...v,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...N})=>{const{styled:x}=z();return e?r.jsx("div",{"data-testid":j,className:w(x,E("card-content",t)),...N,children:e}):r.jsxs("div",{"data-testid":j,onClick:S=>{m==null||m(S),S.stopPropagation()},className:w(x,E("card-content",t)),...N,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||k.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||ws.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:N,...x})=>{const{styled:S}=z(),[v,p]=h.useState(e||!1);return h.useEffect(()=>{s||p(e||!1)},[e,s]),r.jsxs("div",{className:w(S,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:v,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&p(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...x}),r.jsxs("label",{htmlFor:i,className:w(S,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(S,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(S,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(S,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(S,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("chips",s&&y("active"),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":a,id:l,"aria-checked":!!s,className:u,onClick:d=>{t==null||t(d)},...o,children:n})},hf=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,...c})=>{const{styled:u}=z(),d=w(u,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],e));return r.jsx("div",{className:d,...c})},K=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:N,narrow:x,verticalCenter:S,centered:v,align:p,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),N&&y(`offset-${N}-fullhd`),x&&y("narrow"),S&&y("vcentered"),v&&Z("text-centered"),p&&y(Ln(p)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...N})=>{const{styled:x}=z(),S=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},v=w(x,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&S(),u&&Z(zt(u)),d&&Z("background"),f&&y("inverted"),e)),p={top:o,bottom:c};return r.jsx("div",{className:v,...N,style:p})};var ui=(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))(ui||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},mf=({deadline:e,className:t,format:n,event:s,small:i,inverted:l,...a})=>{const{styled:o}=z(),[c]=h.useState(e),u=e.getTime()-new Date().getTime(),d=yj(u),[f,m]=h.useState(d),[j,N]=h.useState(!1),x=[f.days!=0,f.hours!=0,f.minutes!=0,f.seconds!=0],S=n==null?void 0:n.split("-"),v=w(o,E("countdown",l&&y("inverted"),i&&y("small"),t));return S?S.forEach(p=>{switch(p){case"dd":x[Ot.DAY]=!0;break;case"hh":x[Ot.HOUR]=!0;break;case"mm":x[Ot.MIN]=!0;break;case"ss":x[Ot.SEC]=!0;break}}):(x[Ot.DAY]=!0,x[Ot.HOUR]=!0,x[Ot.MIN]=!0,x[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=c.getTime()-new Date().getTime();if(p>0)switch(n){case ui.DAY:m({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case ui.DAY_HOUR:m({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case ui.DAY_HOUR_MIN:m({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:m({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}N(!0)},1e3)},[c,n]),h.useEffect(()=>{f.days+f.hours+f.minutes+f.seconds===0&&s&&j&&(s(null),N(!1))},[f,s,j]),r.jsxs("ul",{className:v,...a,children:[(x[Ot.DAY]||f.days!=0)&&r.jsxs("li",{className:w(o,E("count")),children:[r.jsx("span",{className:w(o,E("value")),children:f.days?f.days:0}),"j"]}),(x[Ot.HOUR]||f.hours!=0)&&r.jsxs("li",{className:w(o,E("count")),children:[r.jsx("span",{className:w(o,E("value")),children:f.hours?f.hours:0}),"h"]}),(x[Ot.MIN]||f.minutes!=0)&&r.jsxs("li",{className:w(o,E("count")),children:[r.jsx("span",{className:w(o,E("value")),children:f.minutes?f.minutes:0}),"m"]}),(x[Ot.SEC]||f.seconds!=0)&&r.jsxs("li",{className:w(o,E("count")),children:[r.jsx("span",{className:w(o,E("value")),children:f.seconds?f.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&Z(`background-${_t(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&Z(`text-${_t(o)}`),a&&Z(`background-${_t(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?X.SMALL:X.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:N}=z(),[x,S]=h.useState(t||!1);h.useEffect(()=>{S(t||!1)},[x]);const v=o||c||u||d?{position:a?"fixed":"absolute",top:o??"auto",bottom:c??"auto",left:u??"auto",right:d??"auto"}:{position:"relative"},p=w(N,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...v},...j,className:p,children:[r.jsx($,{name:n}),e]})},Al=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},xo=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),gt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(gt||{}),Bp=(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))(Bp||{});const vo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:N,customIcon:x,reference:S,disabled:v,children:p,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:P}=z(),{Input:Y}=U,[le,Pe]=h.useState(null),[re,q]=h.useState(t??""),[ae,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(P,E(y("autocomplete"),y("active")));h.useEffect(()=>{q(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),le&&vo(le)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));q(new RegExp(Ze,"i").source)}catch{q(me.inputValue)}else q(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),q(vo(me)),Pe(me),(Ze||Gt)&&N&&N({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(ae===0)return;fe(ae-1);break;case 40:if(ae===W.length-1)return;fe(ae+1);break;case 13:W[ae]!=null&&tn(W[ae],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(P,E("control")),children:[r.jsx(Y,{defaultValue:e,accessibilityLabel:g,...x?{customIcon:x}:{},reference:S,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Bp.OFF,disabled:v,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:ae===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:p?p(me):vo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=D.useState(0),i={isVerify:!1,color:Ts.NEUTRAL},[l,a]=D.useState(i),[o,c]=D.useState(i),[u,d]=D.useState(i),[f,m]=D.useState(i),[j,N]=D.useState(i),x=D.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),S=D.useMemo(()=>{const R=Number((n/x*100).toFixed(0));return R<=50&&R>0?"50%":R<=99&&R>50?"75%":R===100?"100%":"0%"},[n,x]),v=D.useMemo(()=>{const R=Number((n/x*100).toFixed(0));return R<=50&&R>0?nr(ce.ERROR):R<=99&&R>50?nr(ce.WARNING):nr(R===100?ce.SUCCESS:ce.NEUTRAL_LIGHT)},[n,x]),p=h.useMemo(()=>{var R,I,T,L,U,P,Y,le,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((P=e==null?void 0:e.length)!=null&&P.max)):return`Minimum ${(Y=e==null?void 0:e.length)==null?void 0:Y.min} caractères`;case(((le=e==null?void 0:e.length)==null?void 0:le.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,P;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((P=e==null?void 0:e.length)==null?void 0:P.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:N}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:Y,setState:le})=>le(Y?{isVerify:!0,color:Ts.SUCCESS}:i)),s(L.filter(Y=>Y.test).length)},[t,e]),{LengthvalidationRulesText:p,colorGauge:v,widthGauge:S,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(zs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?O.CHECK_CIRCLE:O.TIMES,styled:t}),r.jsx(zs,{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?O.CHECK_CIRCLE:O.TIMES,styled:t}),r.jsx(zs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?O.CHECK_CIRCLE:O.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(zs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?O.CHECK_CIRCLE:O.TIMES,styled:t}),r.jsx(zs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?O.CHECK_CIRCLE:O.TIMES,styled:t})]})]})]})},zs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:X.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:N,type:x="text",defaultValue:S,value:v,loading:p,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:P,customValidator:Y,onSubmit:le,minLength:Pe,maxLength:re,testId:q,accessibilityLabel:ae,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=N!==void 0&&N.length>0,ne=new Map;ne.set(gt.SUCCESS,O.CHECK_CIRCLE),ne.set(gt.WARNING,O.EXCLAMATION_CIRCLE),ne.set(gt.ERROR,O.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(S??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Mu,tx]=h.useState(!1),[nn,Du]=h.useState(I||gt.DEFAULT),[Vr,Pu]=h.useState(x),[nx,Uu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,x==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&x!==Te.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:C??(R||V||x==="password"),"has-icons-left":H||x===Te.SEARCH})),Fu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:bi,closeIconSearch:ax,onPress:bu})=>r.jsxs("div",{...x==="password"&&{"data-show-pwd":!0},onClick:()=>{bu&&bu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:X.SMALL,color:bi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:O.TIMES_CIRCLE,size:X.SMALL})]}),[Ce,Qe]),Hu=!Y&&d?Ne=>d.test(Ne)?gt.SUCCESS:gt.ERROR:Y;return h.useEffect(()=>{me(v??S??"")},[v,S]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Hu||!Mu||Du(Hu(Ce))},[Ze,Mu]),h.useEffect(()=>{Du(I||gt.DEFAULT)},[I]),h.useEffect(()=>{P&&P(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":q,"aria-label":ae,type:Vr,className:sx,value:Ce,defaultValue:S,name:j,onSubmit:le,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Fu(Ne)),onKeyPress:Ne=>i&&i(Fu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:N,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,bi=Ne.target;window.requestAnimationFrame(()=>{bi.selectionStart=rn,bi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&x!==Te.SEARCH&&r.jsx("label",{children:N}),C&&nn&&!R&&!p&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!p&&r.jsx(vr,{className:L,name:R}),H&&!p&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!p&&x!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!p&&x==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Pu("text"),Uu(!0)):(Pu("password"),Uu(!1))}}),R&&nn&&!p&&r.jsx(vr,{className:L,name:R}),x===Te.SEARCH&&!R&&nn==="default"&&!p&&r.jsx(vr,{color:Ts.MAIN,className:L,name:O.SEARCH,closeIconSearch:!0}),p&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&x==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const ol=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},yt=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(_t(s?ce[s]:ce.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:X.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const cl=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,N]=h.useState(!1),{styled:x}=z(),S=/^-?\d*\.?\d*$/,v=w(x,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const p=h.useMemo(()=>{const L=m.split(""),U=[];for(let P=0;P{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:P}=L;let Y=P.value.trim();const le=S.test(Y);if(!le&&Y!=="")return;const Pe=P.nextElementSibling;if(!le&&Pe&&Pe.value!=="")return;Y=le?Y:"";const re=Y.length;if(re===1){const q=m.substring(0,U)+Y+m.substring(U+1);if(a&&a(q),j(q),!le)return;g(P)}else re===n&&(a&&a(m),j(Y),P.blur())},I=L=>{const{key:U}=L,P=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(P);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(P);const Y=P.value;if(P.setSelectionRange(0,Y.length),L.key!=="Backspace"||Y!==""){P.value="";return}C(P)},T=L=>{const{target:U}=L,P=U.previousElementSibling;if(P&&P.value==="")return P.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:mt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:v,onClick:()=>{s||(N(!0),o==null||o(!0))},children:p.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:P=>R(P,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(x,E("otp-error-message")),markup:mt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},pf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=D.useMemo(()=>{const x=Math.ceil(t/s);let S=1,v=5;x<=5?(S=1,v=x):c<=3?(S=1,v=5):c+3>=x?(S=x-4,v=x):(S=c-2,v=c+2);const p=[...Array(v+1-S).keys()].map(g=>S+g);return{currentPage:c,pageSize:s,totalPages:x,endPage:v,pages:p}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const N=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:O.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(x=>r.jsx("li",{"data-testid":`${l}_${x}`,children:r.jsx("a",{className:w(d,E("pagination-link")),...c===x?{"aria-current":!0}:{},"aria-label":`Aller à la page ${x}`,onClick:()=>{u(x)},href:a==null?void 0:a(x),children:x})},x)),!j.pages.includes(N)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:O.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var _l=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(_l||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:f,suptitle:m,tagAmount:j,tagSymbol:N,...x})=>{var P;const{styled:S}=z(),v=w(S,E("price",l&&y(`level-${l}`),a&&y("inverted"),c&&y("inlined"),f&&y("striked"),m&&Z("suptitle"),e)),p=w(S,E(o==ye.ALIGNED_START&&Z("text-left")||o==ye.ALIGNED_CENTER&&Z("text-centered")||o==ye.ALIGNED_END&&Z("text-right")||"")),g=t<0,C=Math.abs(t),R=Math.floor(C),I=g?-R:R;let T=Oj(((P=C.toString().split(/[.,]/)[1])==null?void 0:P.substring(0,2))||"");T=T&&T.length===1&&`${T}0`||T;const L=c&&i&&`,${T||"00"} €`||i&&`€${T||"00"}`||"€",U=r.jsxs("span",{className:j?w(S,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":u,"aria-label":d,className:v,...x,children:[m&&r.jsx("span",{className:"price-suptitle",children:m}),r.jsx(A,{markup:mt.SPAN,children:`${I}`}),r.jsxs("span",{className:w(S,E("price-details")),children:[r.jsxs("span",{className:w(S,E("cents")),children:[c&&L==="€"?r.jsxs(r.Fragment,{children:[" ",L]}):L,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(S,E("period")),children:["/",s]})]})]}),j&&r.jsxs("span",{className:w(S,E("price-tag")),children:[r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[j," ",N||"€"]}),N==="€"&&s&&r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:p,children:U}):U};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:X.SMALL,name:O.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Gp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Gp||{}),qp=(e=>(e.LEFT="left",e.RIGHT="right",e))(qp||{});const xf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&Z("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:N,narrow:x,marginless:S,testId:v,...p})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",x&&y("narrow"),S&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":v,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...p}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:N||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:N=0})=>{const{styled:x}=z(),[S,v]=h.useState(s??0),[p,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(ce.NEUTRAL_LIGHT,1)} ${S/t*100}% , ${nr(ce.MAIN,1)} ${S/t*100}% , ${nr(ce.MAIN,1)} ${p/t*100}%, ${nr(ce.NEUTRAL_LIGHT,1)} ${p/t*100}%) `}},[S,p]),h.useEffect(()=>{v(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>S+N&&g(Number(U.target.value))},[p,S]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:S})},[o,u,S]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:p})},[c,f,p]);return r.jsxs("div",{"data-testid":j,className:w(x,E("range-container")),children:[r.jsx("label",{className:w(x,E("range-label")),children:n}),r.jsxs("div",{className:w(x,E("range")),children:[r.jsx("div",{ref:C,className:w(x,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(x,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:S,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(x,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:p,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(x,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(x,E("range-value-min")),children:S}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(x,E("range-value-max")),children:p}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},Tc=({className:e,gapless:t,...n})=>{const{styled:s}=z();return r.jsx("div",{className:w(s,E("rows",t&&y("gapless"),e)),...n})},cs=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Ha=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Ha.displayName="ScrollView";const Q=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&Z(zt(n)),s&&Z("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`}},className:m,...c})},ei=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return D.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const N={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:x=>{f(x,j),m&&m.props.onClick&&m.props.onClick(x)}};return m&&typeof m.valueOf()=="string"?r.jsx(ei,{disabled:N.disabled,active:N.active,onClick:x=>t==null?void 0:t(x),children:m},N.key):D.cloneElement(m,N)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:N}=z(),[x,S]=D.useState(!1),[v,p]=D.useState(a),[g,C]=D.useState([]),R=D.useId(),I=D.useMemo(()=>w(N,E("select",j)),[N,j]),[T,L]=h.useState(-1),U=D.useCallback(()=>{S(q=>!q)},[]),P=D.useCallback(q=>{q===13&&S(ae=>m&&!ae?!0:m&&ae?ae:!ae)},[m]),Y=h.useCallback(q=>m&&v&&typeof v!="string"&&typeof v!="number"?v==null?void 0:v.includes(q):v===q,[m,v]),le=h.useCallback(({isChecked:q,children:ae,label:fe,value:H})=>{const V=[];return q&&p(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![ae,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),q||(p(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,ae||fe]:[ae||fe])),V},[m,t]);D.useEffect(()=>{var ae;const q=(ae=D.Children.map(l,fe=>{if(!D.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:ae.filter(fe=>fe);q&&C(q),p(a)},[a]),D.useEffect(()=>{const q=ae=>{const fe=l,H=fe[T];switch(ae.preventDefault(),!0){case ae.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(ae.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(ae.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(ae.key)&&T!==-1&&!H.props.disabled):const V=Y(H.props.value);le({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case ae.key==="Escape":L(-1),S(!1);break;default:return}};return x&&document.addEventListener("keydown",q),!x&&L(-1),()=>document.removeEventListener("keydown",q)},[x,T,l,Y]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>S(!1)}),[]),re=D.useMemo(()=>D.Children.map(l,(q,ae)=>{if(!D.isValidElement(q))return null;const fe=V=>{switch(!0){case(t&&m&&(v==null?void 0:v.includes(q.props.value))||t&&!m&&v===q.props.value):return;default:return V}},H={...q.props,checked:Y(q.props.value),focused:T===ae?"true":void 0,onClick:()=>{const V=le({children:q.props.children,label:q.props.label,value:q.props.value,isChecked:Y(q.props.value)});e&&e({selectValue:fe(q.props.value),selectName:fe(q.props.children||q.props.label),selectId:fe(q.props.id),name:fe(q.props.children||q.props.label),selectedOptions:V}),q.props.onClick&&q.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${ae}`})}),[m,t,v,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:x?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(N,E(x&&"focus")),onKeyPress:q=>{q.preventDefault()},onKeyUp:q=>{q.preventDefault(),P(q.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),x&&r.jsx("div",{className:w(N,E("select-options")),children:re}),x&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...N})=>{const{styled:x}=z(),S=h.useMemo(()=>w(x,E("select",m)),[x,m,d]),[v,p]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(x,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(x,E("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[x,t,d,m,f]),I=h.useCallback(L=>{p(!0),n&&n(L)},[]),T=h.useCallback(L=>{p(!1),s&&s(L)},[]);return r.jsx("div",{className:S,children:r.jsx("div",{className:w(x,E("field",v&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(x,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(P=>P.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...N,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:v?"tri-arrow-up":"tri-arrow-down",size:X.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,N=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:N,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},kl=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:mt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,N)=>{if(typeof N<"u"&&!c)return N;if(j===c)return!0},m=(j,N)=>{if(i)return!1;u(N),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,N)=>{const x={active:!!f(N,j.props.active)||!1,key:N,tabIndex:N,onClick:S=>{m(S,N),j&&j.props.onClick&&j.props.onClick(S)}};return typeof j.valueOf()=="string"?r.jsx(kl,{active:x.active,onClick:S=>n==null?void 0:n(S),children:r.jsx(A,{children:String(j)})}):D.cloneElement(j,x)})})})},pe=({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 Fe=(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))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",Z("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var Ol=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(Ol||{});const Vs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),N=s&&(x=>{if(x in Ol||Object.values(Ol).includes(x))return!0})(s)?s:Ol.DIV;return r.jsx(N,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:X.MEDIUM})]})})};var wc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(wc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,outlined:a,...o})=>{const{styled:c}=z(),u=w(c,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e,a&&y("outlined"))),f=l&&(m=>{if(m in wc||Object.values(wc).includes(m))return!0})(l)?l:"div";return r.jsx(f,{className:u,...o,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,N]=h.useState(i||!1),{styled:x}=z();return D.useEffect(()=>{N(i||!1)},[i]),h.useEffect(()=>{u||N(i||!1)},[i,u]),r.jsxs("div",{className:w(x,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:S=>{u||N(!j),l&&l({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!j),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(x,E(o&&y(bp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},Eo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(_t(t))));return r.jsx("thead",{className:l,...s})},jo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(_t(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},xt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&_t(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...N})=>{const[x,S]=h.useState(s||0),{styled:v}=z(),[p,g]=D.useState(!1),C=w(v,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),p&&y("icons"),t)),R=D.useCallback((T,L)=>{if(typeof L<"u"&&!x)return L;if(T===x)return!0},[x]),I=D.useCallback((T,L)=>{if(i)return!1;S(L),n&&n(T)},[i]);return h.useEffect(()=>{S(x)},[s]),r.jsx("div",{className:w(v,E("tab-context",d&&y("inverted"),o&&Z(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...N,children:D.Children.map(e,(T,L)=>{if(D.isValidElement(T)){!p&&T.props.iconName&&g(!0);const Y={active:!!R(L,T.props.active)||!1,key:L,onClick:le=>{I(le,L),T&&T.props.onClick&&T.props.onClick(le)}};return D.cloneElement(T,Y)}})})})},oe=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),N={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const x=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const S=a||"a";return r.jsxs(S,{"data-testid":u,tabIndex:0,...N.a,to:i,href:l,className:x,...d,onClick:v=>{if(!c){const p=v.target;m(e||!1),p.active=e,s&&s(v)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:x,role:"tab","data-testid":u,...N.a,...d,onClick:S=>{if(!c){const v=S.target;m(e||!1),v.active=e,s&&s(S)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(_t(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),N=w(m,E(n&&y(_t(n)))),x=v=>{f(!1),i&&i(v)},S=w(m,E("tags",n&&y(_t(n)),s&&[Z("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:S,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:x,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:N,name:o}),e]})},So=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:N,minLength:x,iconName:S,typo:v,testId:p,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&Z("dynamic-label"),S&&Z("icon"))),U=E("help"),P=w(I,E("counter",N));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":p,minLength:x,disabled:t,ref:m,...g,className:L,value:C,onChange:Y=>{R(Y.target.value),n&&n({textareaName:Y.target.name,textareaValue:Y.target.value})},placeholder:i,rows:f,maxLength:N}),d&&r.jsx("label",{children:j}),S&&r.jsx($,{name:S,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:v,className:U,children:o}),N&&r.jsx("div",{className:P,children:`${C.length}/${N==null?void 0:N.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:mt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:mt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:X.SMALL})})})},vf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var vs=(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))(vs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:N}=z(),S=u&&(p=>{if(p in vs||Object.values(vs).includes(p))return!0})(u)?u:"div",v=w(N,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&Z(zt(l)),a&&Z("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(S,{onClick:i,style:t,className:v,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Q,{children:[r.jsx(_,{level:k.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Au,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),Ef=()=>0,Yp=D.createContext({show:Ef,hide:Ef}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=D.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ml={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},Es=e=>Ml[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ml,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${Es(e.color)}${e.fade?"-fade":""}`:`background-${Es(e)}`;var gf;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(gf||(gf={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var da;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(da||(da={}));var Lc;(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"})(Lc||(Lc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var fa;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(fa||(fa={}));var jf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(jf||(jf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const M=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Ic;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Ic||(Ic={}));const{Browser:Dl,Server:Kp,Native:Qp}=Ic,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Dl:Kp,Sf={isBrowser:Xr===Dl,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Dl&&!!window.addEventListener,canUseViewport:Xr===Dl&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(Sf),Sf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Nf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&M(`${i}`),M("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&M(`${n.toLowerCase()}`),s&&M(`${s}`))),u=b(a,E(n===da.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},yf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ua(l))||Yj(n||"",da.INFO)||ke(ua(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),M(i||Oe.BACKGROUND),[M(`${s}`)],M("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ac=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in fa||Object.values(fa).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&M("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var di;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(di||(di={}));const us=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:N,onClick:x,align:S,skeleton:v,verticalAlign:p,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&M("stretched"),n&&M(n),u&&M("stacked"),j&&M(`${Es(j)}`),v&&M("loading"),d&&M("stacked"),C&&M("marginless"),e));e=E(a&&p&&M(`${us(p)}`),e);const L=b(I,E(S&&us(S)==="aligned-start"&&ke("text-left")||us(S)==="aligned-center"&&ke("text-centered")||us(S)==="aligned-end"&&ke("text-right")));return l||l&&i?S?h.createElement("div",{className:L},h.createElement(yf,{testId:g,onClick:x&&x,className:e,name:s,status:i,size:n,color:j,backgroundColor:N,...R})):h.createElement(yf,{testId:g,onClick:x&&x,className:e,name:s,status:i,size:n,color:j,backgroundColor:N,...R}):i?S?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:x&&x,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Nf,{testId:g,onClick:x&&x,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?S?h.createElement("div",{className:L},h.createElement(Ac,{testId:g,onClick:x&&x,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ac,{onClick:x&&x,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?S?h.createElement("div",{className:L},h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",M("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",M("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?S?h.createElement("div",{className:L},h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?S?h.createElement("div",{className:L},h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):S?h.createElement("div",{className:L},h.createElement("span",{onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:x&&x,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const ba=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var Cf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(Cf||(Cf={}));const r0=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 Rf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Rf||(Rf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Tf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Tf||(Tf={}));var fi;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(fi||(fi={}));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 Oi;(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"})(Oi||(Oi={}));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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(ha||(ha={}));var wf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(wf||(wf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:N,numberOfLines:x,...S})=>{const{styled:v}=Ee(),g=b(v,E(N?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return M("level-1");case Ht.TWO:return M("level-2");case Ht.THREE:return M("level-3");case Ht.FOUR:return M("level-4");default:return M(`level-${e}`)}})(),c&&M("inverted"),o,M(u?"loading":"loaded"),j&&M("marginless"),x&&M("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:x?{WebkitLineClamp:x}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...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 Mi;(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"})(Mi||(Mi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return M("level-1");case ue.TWO:return M("level-2");case ue.THREE:return M("level-3");case ue.FOUR:return M("level-4");case ue.FIVE:return M("level-5");case ue.SIX:return M("level-6");default:return M(`level-${e}`)}},l0=e=>e in Mi||Object.values(Mi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...N})=>{const[x,S]=h.useState(l||!1),{styled:v}=Ee(),p=b(v,E("title",e&&i0(e),i,M(x?"loading":"loaded"),a&&M("inverted"),m&&M("marginless"),s)),g=b(v,E("subtitle",s)),C=b(v,E("overline",s));h.useEffect(()=>{S(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:p;return D.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...N},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,status:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,N={top:f||0,position:"fixed"},x={bottom:f||0,position:"fixed"},S=b(n,E("toaster",o&&M(ba(o)),!alert&&M("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&N||i===_r.BOTTOM&&x||N,onClick:v=>{u==null||u(v),v.stopPropagation()},className:S,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&N||i===_r.BOTTOM&&x||N,onClick:v=>{u==null||u(v),v.stopPropagation()},className:S,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:O.ALERT,status:oa.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(oa).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:k.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(Wp,{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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var Lf;(function(e){e.LEFT="left",e.RIGHT="right"})(Lf||(Lf={}));var If;(function(e){e.MAIN="MAIN"})(If||(If={}));var Af;(function(e){e.DIV="div",e.A="a"})(Af||(Af={}));const ul=e=>8*e;var _f;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=ul(2)]="SMALL",e[e.MEDIUM=ul(4)]="MEDIUM",e[e.LARGE=ul(8)]="LARGE",e[e.HUGE=ul(12)]="HUGE"})(_f||(_f={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...N})=>{const{styled:x}=Ee(),S=E(f&&ke("icon"),o,m&&M("inverted"),t);if(d&&s){const p=d||"a",g=()=>h.createElement(p,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(x,E(S)),to:s||"",...j&&{target:"_blank"},...N},l||e);return o?h.createElement("div",{className:b(x,E(o))},h.createElement(g,null)):h.createElement(g,null)}const v=()=>h.createElement(Ge,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:S,href:i,...j&&{target:"_blank"},...N},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(x,E(o))},h.createElement(v,null)):h.createElement(v,null)};var ma;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ma||(ma={}));var _c;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(_c||(_c={}));var kf;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(kf||(kf={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:N,iconName:x,...S})=>{const v=S.disabled||!1,{styled:p}=Ee(),g=T=>{if(T in ma||Object.values(ma).includes(T))return!0},R=b(p,((T,L,U,P)=>E("button",M(T?"loading":"loaded"),L&&M(Bj(L)),U&&M("fullwidth"),P))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return D.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:v,name:m,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},type:N??"button",...S},x&&D.createElement(Zt,{className:a?"":"is-marginless",name:x}),a);if(I==="input")return D.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},disabled:v,type:N??"submit",value:`${a}`,...S});if(j&&c&&!v){const T=j||"a";return D.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...S},x&&D.createElement(Zt,{className:a?"":"is-marginless",name:x}),a)}return D.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!v&&(f==null||f(T)),T.stopPropagation()},...S},x&&D.createElement(Zt,{className:a?"":"is-marginless",name:x}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var Of;(function(e){e.DIV="div",e.A="a"})(Of||(Of={}));h.createContext({horizontal:!1});var Mf;(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"})(Mf||(Mf={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:N,...x})=>{const{styled:S}=Ee(),[v,p]=h.useState(e||!1);return h.useEffect(()=>{s||p(e||!1)},[e,s]),D.createElement("div",{className:b(S,E(d?"checkbox-tile":"checkbox",j&&M("horizontal"),t)),tabIndex:0},D.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:v,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&p(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...x}),D.createElement("label",{htmlFor:i,className:b(S,E("checkbox-label"))},m&&D.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?D.createElement("span",null,d?D.createElement("span",{className:b(S,E("checkbox-title"))},l):l,d&&f&&D.createElement("span",{className:b(S,E("checkbox-description"))},f)):D.createElement(D.Fragment,null,d?D.createElement("span",{className:b(S,E("checkbox-title"))},l):l,d&&f&&D.createElement("span",{className:b(S,E("checkbox-description"))},f))))},kc=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("columns",t&&M("multiline"),n&&M("inlined"),s&&M("mobile"),i&&M("centered"),l&&M("vcentered"),!o&&a&&M("gapless"),!a&&o&&[M("variable"),M(`${o}`)],e));return h.createElement("div",{className:d,...c})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:N,narrow:x,verticalCenter:S,centered:v,align:p,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&M(`${t}`),n&&M(`${n}-mobile`),s&&M(`${s}-tablet`),i&&M(`${i}-tablet`),l&&M(`${l}-desktop`),a&&M(`${a}-widescreen`),o&&M(`${o}-fullhd`),c&&M(`offset-${c}`),u&&M(`offset-${u}-mobile`),d&&M(`offset-${d}-tablet`),f&&M(`offset-${f}-tablet`),m&&M(`offset-${m}-desktop`),j&&M(`offset-${j}-widescreen`),N&&M(`offset-${N}-fullhd`),x&&M("narrow"),S&&M("vcentered"),v&&ke("text-centered"),p&&M(us(p)),e));return h.createElement("div",{className:R,...g})};var Df;(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"})(Df||(Df={}));var Pf;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Pf||(Pf={}));const Rt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&M("unboxed"),s&&M("marginless"),e,l&&ke(`background-${Es(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${Es(o)}`),a&&ke(`background-${Es(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?M("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Uf;(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"})(Uf||(Uf={}));var Ff;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Ff||(Ff={}));var Hf;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Hf||(Hf={}));var bf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));var Wf;(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"})(Wf||(Wf={}));const dl=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var pa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(pa||(pa={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var xa;(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"})(xa||(xa={}));var Vf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Vf||(Vf={}));const Pl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ac,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Bf=Bt.generate(),Gf=Bt.generate(),m0=Bt.generate(),Bs=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:N,closeIcon:x,iconColor:S,panel:v,footerClassNames:p,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[P,Y]=h.useState(s||!1),{styled:le}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),q=h.useRef(null),[,ae]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{Y(s||!1)},[s]),h.useEffect(()=>{P&&re.current[0]&&re.current[0].focus()},[P,re==null?void 0:re.current.length]),h.useEffect(()=>(P&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[P,R]);const H=D.useMemo(()=>b(le,E("modal",P&&M("active"),v&&M("panel"),C&&M("fullwidth"),t)),[s,P,v,t,le]),V=D.useMemo(()=>b(le,E("modal-content",n)),[n,le]),W=D.useMemo(()=>E("modal-footer",p),[p,le]);function J(ne,Ce){Y(!1),q.current&&q.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){Y(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in xa||Object.values(xa).includes(ne))return!0},Qe=D.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(P&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),ae(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,P]);return D.createElement("div",{"data-testid":I,onKeyDown:tn},o&&D.createElement(Qe,{"aria-haspopup":"dialog",ref:q,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(le,E(c))},o),D.createElement("div",{className:H,role:"dialog","aria-modal":P?"true":void 0,"aria-labelledby":i?Gf:void 0,"aria-describedby":l?Bf:void 0,...L},D.createElement("div",{ref:U,className:V},x&&D.createElement("button",{onClick:ne=>{J(f,ne)},className:b(le,E("modal-close",M("large"))),"aria-label":"close",type:_c.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&D.createElement(Pl,{iconColor:S,iconName:j,textId:Gf},i),l&&typeof l=="string"?D.createElement(Ge,{id:Bf},l):l,e!=null&&e,D.createElement(Jp,{className:W},(d!=null||N!=null)&&D.createElement(Zp,{centered:!0,className:M("flex")},N&&D.createElement("button",{onClick:ne=>{J(N,ne)},className:b(le,E("button",M("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&D.createElement("button",{className:b(le,E("button",M("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},D.createElement("span",{className:"sr-only"}," ",u)))||g))))};var qf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(qf||(qf={}));var Yf;(function(e){e.START="start",e.END="end"})(Yf||(Yf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:f,suptitle:m,tagAmount:j,tagSymbol:N,...x})=>{var S;const{styled:v}=Ee(),p=b(v,E("price",l&&M(`level-${l}`),a&&M("inverted"),c&&M("inlined"),f&&M("striked"),m&&ke("suptitle"),e)),g=b(v,E(o==di.ALIGNED_START&&ke("text-left")||o==di.ALIGNED_CENTER&&ke("text-centered")||o==di.ALIGNED_END&&ke("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=p0(((S=R.toString().split(/[.,]/)[1])===null||S===void 0?void 0:S.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=c&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",P=h.createElement("span",{className:j?b(v,E(M("aligned-center"),M("flex"))):""},h.createElement("span",{"data-testid":u,"aria-label":d,className:p,...x},m&&h.createElement("span",{className:"price-suptitle"},m),h.createElement(Ge,{markup:fn.SPAN},`${T}`),h.createElement("span",{className:b(v,E("price-details"))},h.createElement("span",{className:b(v,E("cents"))},c&&U==="€"?h.createElement(h.Fragment,null," ",U):U,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(v,E("period"))},"/",s))),j&&h.createElement("span",{className:b(v,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[Oi.TEXT_WEIGHT_SEMIBOLD,ha.TEXT_WHITE]},j," ",N||"€"),N==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[Oi.TEXT_WEIGHT_NORMAL,ha.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:g},P):P};var Xf;(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"})(Xf||(Xf={}));var Kf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Kf||(Kf={}));var Qf;(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"})(Qf||(Qf={}));var Zf;(function(e){e.LEFT="left",e.RIGHT="right"})(Zf||(Zf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,status:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&M(ba(i)),!i&&M("primary"),l&&M("small"),t)),j=b(f,E("progress",a&&M("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(kc,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},fl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,status:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&M(ba(i)),!i&&M("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Gs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),N=b(u,E("progress-radial",l&&M("loading"),o&&M("small"),a)),x=b(u,E("progress-radial-content")),S=h.useRef(null),v=(p,g)=>{const C=S.current;if(!C)return;const R=360*p/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let p;f(0),j(0),v(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(p)},[t,n]),h.useEffect(()=>{v(d,m)},[d,m]),D.createElement("div",{...c,className:N,ref:S},D.createElement("div",{className:x},s&&D.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&D.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:N,narrow:x,marginless:S,testId:v,...p})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),D.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",x&&M("narrow"),S&&M("marginless"),j&&M("horizontal"),t))},D.createElement("input",{"data-testid":v,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...p}),D.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},N||D.createElement(D.Fragment,null,m&&D.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?D.createElement("span",null,d?D.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&D.createElement("span",{className:b(g,E("radio-description"))},f)):D.createElement(D.Fragment,null,d?D.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&D.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return M("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return M("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const Tt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ua(n)),s&&ke("background"),i&&M("inverted"),M(d?"loading":"loaded"),o&&M("fullwidth"),l&&M("paddingless"),a&&M("vertical-paddingless")));return D.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`}},className:m,...c})},vt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},qs=e=>8*e;var va;(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"})(va||(va={}));var Jf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Jf||(Jf={}));var eh;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(eh||(eh={}));var th;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(th||(th={}));const nh=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,N]=h.useState(i||!1),{styled:x}=Ee();return D.useEffect(()=>{N(i||!1)},[i]),h.useEffect(()=>{u||N(i||!1)},[i,u]),D.createElement("div",{className:b(x,E("switch",f&&M("reversed"),e))},D.createElement("input",{onChange:S=>{u||N(!j),l&&l({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!j),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(x,E(o&&M(ba(o)))),...m}),D.createElement("label",{htmlFor:`switch-${t}`},n))};var rh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(rh||(rh={}));const No=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},yo=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},Co=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",M("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&M("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var Ea;(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"})(Ea||(Ea={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:N}=Ee(),S=u&&(p=>{if(p in Ea||Object.values(Ea).includes(p))return!0})(u)?u:"div",v=b(N,E(typeof s=="string"&&M(s0(s)),M(typeof s=="boolean"?"loading":"loaded"),l&&ke(ua(l)),a&&ke("background"),o&&M("inverted")||M("base"),c&&M("fullwidth"),d&&M("flex"),typeof f=="string"&&M(r0(f)),typeof m=="string"&&M(us(m)),n));return h.createElement(S,{onClick:i,style:t,className:v,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var sh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(sh||(sh={}));var ih;(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"})(ih||(ih={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(Tt,{children:[r.jsx(_,{level:k.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(Tt,{children:[r.jsx(_,{level:k.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:O.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(G,{}),r.jsxs(Tt,{children:[r.jsx(_,{level:k.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:O.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(Tt,{children:[r.jsx(_,{level:k.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(K,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:O.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:k.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:k.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Au,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(Wp,{display:!0,status:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:O.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Content props string"}),r.jsx($s,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Content props number"}),r.jsx($s,{content:1}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"TextContent props"}),r.jsx($s,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Icon badgeContent "}),r.jsx($,{name:O.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Vp).map((e,t)=>r.jsx(K,{size:6,children:r.jsx($s,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(ca).map((e,t)=>r.jsx(K,{size:6,children:r.jsx($s,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(K,{size:6}),r.jsx(K,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(K,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:k.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(K,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:k.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:ce.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:ce.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:k.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($,{name:O.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:k.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:k.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:k.FOUR,children:"Simple box"}),r.jsxs(Ke,{children:[r.jsx(K,{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(K,{size:5,children:r.jsx(ie,{background:{color:ce.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:k.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:ce.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:k.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:ce.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:k.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:k.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:k.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsx(ie,{markup:ku.A,children:r.jsxs(he,{children:[r.jsx(_,{level:k.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:k.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:k.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.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(vt,{size:va.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(al,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(al,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(al,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(Tc,{children:[r.jsx(cs,{}),r.jsx(cs,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(al,{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"})]})})})]})})]})},hl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:k.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Js,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(hl,{}),r.jsx(_,{level:k.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Js,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(hl,{}),r.jsx(_,{level:k.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Js,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(hl,{}),r.jsx(_,{level:k.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(hl,{}),r.jsx(_,{level:k.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Js,{children:[r.jsx(te,{iconName:O.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:O.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:O.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:O.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsxs(kc,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:k.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(Je,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:k.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:k.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:ce.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:k.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:k.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:Ou.A,background:ce.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:k.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:k.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:k.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:k.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:k.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:k.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:ce.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:k.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:k.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Au,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(kc,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:k.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(Je,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:k.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(Je,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:k.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:O.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(K,{children:r.jsx(xn,{iconTile:O.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:O.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(K,{children:r.jsx(xn,{disabled:!0,iconTile:O.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:O.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:k.TWO,children:"Chips selection multiple "}),r.jsxs(hf,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:k.TWO,children:"Chips selection unique "}),r.jsxs(hf,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:k.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(K,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(K,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:k.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:k.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{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:k.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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:k.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Q,{children:[r.jsx(mf,{inverted:!0,deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(mf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:ui.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:O.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:ce.MAIN,backgroundColor:ce.MAIN,textColor:ce.BACKGROUND,iconName:O.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(G,{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(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:O.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Q,{children:[r.jsx(Al,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Mi.H1,level:k.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:k.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Al,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"ONE",children:"Hero with image background"}),r.jsx(te,{markup:ws.BUTTON,variant:"PRIMARY",onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})}),r.jsx(G,{}),r.jsx(Al,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:ws.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Q,{children:[r.jsx($,{size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Ts.GREY,size:X.SMALL}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:X.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:X.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:X.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:X.LARGE,name:se.TIMES}),r.jsx($,{color:Ts.ERROR,circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx(_,{level:k.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:X.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:k.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:yc.TOP,status:ki.SUCCESS,size:X.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:yc.BOTTOM,status:ki.SUCCESS,size:X.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Q,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(xo,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(xo,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Rt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(xo,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=D.useState(),[n,s]=D.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:O.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:O.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:gt.SUCCESS,customIcon:O.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:O.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?gt.SUCCESS:gt.WARNING,customIcon:O.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:gt.SUCCESS,customIcon:O.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:k.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:gt.SUCCESS,customIcon:O.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:gt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:O.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:gt.WARNING,customIcon:O.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Q,{children:r.jsxs(u0,{children:[r.jsx(_,{level:k.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:k.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:k.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:O.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"List with divider"}),r.jsxs(ol,{children:[r.jsx(yt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(yt,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(dl,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:k.THREE,children:"List with action & title & description"}),r.jsxs(ol,{children:[r.jsx(yt,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{action:r.jsx(nh,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(yt,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(dl,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:k.THREE,children:"List with customIcon"}),r.jsxs(ol,{children:[r.jsx(yt,{status:pa.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(yt,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(yt,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(dl,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:k.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(ol,{children:[r.jsx(yt,{deletable:!0,status:pa.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(yt,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(nh,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(dl,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:Lc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Rt,{}),r.jsxs(Bs,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(yo,{done:!0,children:[r.jsx(Co,{iconName:cn.CHECK}),r.jsx(No,{heading:"08 July",content:"Step 1"})]}),r.jsxs(yo,{active:!0,children:[r.jsx(Co,{iconName:cn.CHECK}),r.jsx(No,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(yo,{undone:!0,children:[r.jsx(Co,{iconName:cn.CHECK}),r.jsx(No,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Bs,{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(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal custom "}),r.jsx(Rt,{}),r.jsxs(Bs,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Pl,{children:"Custom title"}),r.jsx(Ge,{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(Jp,{children:"Custom Footer"})]})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Rt,{}),r.jsxs(Bs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Pl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Rt,{}),r.jsxs(Bs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Pl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]})]}),G0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"OTP"}),r.jsx(cl,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(cl,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(cl,{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(pe,{size:Fe.HUGE}),r.jsx(cl,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),q0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Pagination"}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(pf,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(G,{}),r.jsx(pf,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),Y0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Popover"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(K,{children:r.jsx(Un,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(K,{children:r.jsx(Un,{content:r.jsxs(r.Fragment,{children:[r.jsx(ze,{variant:We.ERROR,children:"Test"}),r.jsx($,{name:O.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(K,{children:r.jsx(Un,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Popover direction"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(K,{children:r.jsx(Un,{direction:_l.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(K,{children:r.jsx(Un,{direction:_l.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(K,{children:r.jsx(Un,{direction:_l.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),X0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Price tag"}),r.jsx(Ae,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(_,{level:k.THREE,children:"Simple"}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Inlined"}),r.jsx(Ae,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Alignement"}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_CENTER}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_END}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Size"}),r.jsx(Ae,{level:qt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"Inverted price"}),r.jsxs(Al,{background:zp.MAIN,children:[r.jsx(Ae,{inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{striked:!0,inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,children:"With or Without cents"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months",showCents:!0})]}),K0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Product tour"}),r.jsx(G,{})]}),r.jsx(Q,{children:r.jsx(Mj,{avatarDirection:qp.LEFT,active:!0,closeable:!0,arrowDirection:Gp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),Q0=()=>r.jsxs(Tt,{backgroundSrc:"https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png",children:[r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Rt,{}),r.jsx($n,{percent:30}),r.jsx($n,{percent:30,status:"INFO"}),r.jsx($n,{percent:30,status:"WARNING"}),r.jsx($n,{percent:30,status:"ERROR"}),r.jsx($n,{percent:30,status:"SUCCESS"})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Rt,{}),r.jsxs($n,{stacked:!0,children:[r.jsx(fl,{percent:15,status:Rn.SUCCESS}),r.jsx(fl,{percent:15,status:Rn.INFO}),r.jsx(fl,{percent:15,status:Rn.WARNING}),r.jsx(fl,{percent:15,status:Rn.ERROR})]})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Rt,{}),r.jsx($n,{percent:30,status:Rn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Rt,{}),r.jsx($n,{percent:15,status:Rn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(Tt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Rt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Rt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Gs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Ge,{typo:[Oi.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(ge,{level:"THREE",children:"Vide : "}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),Z0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsxs(Tc,{children:[r.jsx(cs,{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(cs,{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(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:O.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(K,{children:r.jsx(Mt,{iconTile:O.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:va.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:O.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(K,{children:r.jsx(Mt,{disabled:!0,iconTile:O.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:20}),r.jsxs(xf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,iconTile:O.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Mt,{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($,{name:O.EYE,size:X.LARGE}),r.jsx($,{name:O.EYE_SLASH,size:X.LARGE}),r.jsx($,{name:O.INFOS_CIRCLE,size:X.LARGE})]})]}),r.jsxs(Mt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx($,{name:O.EXCLAMATION_CIRCLE}),r.jsxs(Tc,{children:[r.jsx(cs,{children:r.jsx(_,{level:k.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(cs,{children:r.jsx(A,{level:k.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(vt,{size:20}),r.jsxs(xf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),J0=()=>r.jsx(Q,{children:r.jsx(Dj,{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})}),e1=()=>r.jsx(Q,{background:Oe.BACKGROUND,children:r.jsxs(Pj,{children:[r.jsx(ei,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(ei,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(ei,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(ei,{disabled:!0,children:"Item 4"})]})}),t1=()=>{const[e,t]=h.useState(["opt_one","Venus"]),[n,s]=h.useState(["opt_one","opt_two"]),[i,l]=h.useState("opt_two"),[a,o]=h.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(ge,{children:"Custom select"}),r.jsx(Rt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{disabled:!0,name:"option",label:"label",id:"id",iconName:O.ALERT,selected:i,onChange:c=>{l(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(Kr,{onClick:()=>l("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,name:"option",label:"label",id:"id",iconName:O.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(Kr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Multiple options"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{multiple:!0,name:"option",label:"label",id:"id",iconName:O.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(Kr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:O.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(Kr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(ge,{children:["Native select ","(web)"]}),r.jsx(Rt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:O.ALERT,selected:i,onChange:c=>{c!=null&&c.selectValue&&l(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(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"multiple option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{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(vt,{size:20})]})]})},n1=()=>r.jsx(Q,{children:r.jsx(mn,{edgeSize:Fe.MEDIUM,edges:["top","bottom"],children:r.jsxs(Hj,{activeIndex:1,align:ye.ALIGNED_CENTER,children:[r.jsx(kl,{children:"Selector One"}),r.jsx(kl,{children:"Selector Two"}),r.jsx(kl,{children:"Selector Three"})]})})}),r1=()=>{const[e,t]=h.useState(1),n=h.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Etapes"}),r.jsx(G,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:k.ONE,children:"Mon panier"}),r.jsx(pe,{size:30}),r.jsxs(bj,{children:[r.jsx(Vs,{done:1r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsx(Er,{children:"Sticker"}),r.jsx(Er,{variant:"ACCENT",children:"Sticker"}),r.jsx(Er,{variant:"INFO",children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE,horizontal:!0}),r.jsx(Er,{variant:fi.ACCENT,small:!0,children:"Sticker"}),r.jsx(Er,{variant:fi.INFO,small:!0,children:"Sticker"}),r.jsx(Er,{variant:fi.MAIN,small:!0,children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(Er,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(x0,{amount:100})})]})]})}),i1=()=>r.jsxs(Q,{children:[r.jsx(gr,{status:oa.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(gr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(gr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),l1=()=>{const[e,t]=h.useState(1),[n,s]=h.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Event"}),r.jsxs(jr,{activeIndex:e,children:[r.jsx(oe,{iconName:O.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:O.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:O.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,centered:!0,children:[r.jsx(oe,{iconName:O.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(oe,{iconName:O.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:O.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,inverted:!0,children:[r.jsx(oe,{iconName:O.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:O.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:O.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(oe,{iconName:O.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:O.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:O.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:O.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{iconName:O.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:O.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:O.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:O.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:O.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{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(jr,{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"})]})]})},a1=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsx(Ha,{children:r.jsxs(Eo,{bordered:!0,fullwidth:!0,children:[r.jsx(go,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Paramètre"}),r.jsx(qe,{children:"Description"}),r.jsx(qe,{children:"Défaut"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en prod"})]})}),r.jsxs(jo,{children:[r.jsx(xt,{}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(ee,{children:"Activation / désactivation de l’introspection"}),r.jsx(ee,{children:"true"}),r.jsx(ee,{children:"false"}),r.jsx(ee,{children:"true"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(ee,{children:"Contexte par default"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(ee,{children:"URL de SWAP"}),r.jsx(ee,{children:"A compléter"}),r.jsx(ee,{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(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(ee,{children:"Nombre de threads"}),r.jsx(ee,{children:"4"}),r.jsx(ee,{children:"TBD"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:"DEV"}),r.jsx(ee,{children:" "})]})]})]})}),r.jsxs(Eo,{fullwidth:!0,bordered:!0,children:[r.jsx(go,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Date"}),r.jsx(qe,{children:"Libellé opération"}),r.jsx(qe,{children:"Montant"}),r.jsx(qe,{children:"Solde client"}),r.jsx(qe,{children:"Opérations associées"})]})}),r.jsxs(jo,{children:[r.jsxs(xt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(ee,{children:"09/11/2018"}),r.jsxs(ee,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(ee,{children:"-100,00 €"}),r.jsx(ee,{children:"0,00 €"}),r.jsx(ee,{"data-expandable-trigger":"",children:r.jsx($,{name:O.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(xt,{expansion:!0,children:r.jsx(ee,{colSpan:7,children:r.jsxs(Ve,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:Xe.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(Eo,{bordered:!0,children:[r.jsx(go,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Title 1"}),r.jsx(qe,{children:"Title 2"}),r.jsx(qe,{children:"Title 3"})]})}),r.jsxs(jo,{children:[r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 1"}),r.jsx(ee,{children:"Donnée 2"}),r.jsx(ee,{children:"Donnée 3"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 4"}),r.jsx(ee,{children:"Donnée 5"}),r.jsx(ee,{children:"Donnée 6"})]})]})]})]})},o1=()=>r.jsxs(r.Fragment,{children:[r.jsx(Me,{children:r.jsxs(So,{children:[r.jsx(ze,{variant:We.INFO,children:"Tag secondaire"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.WARNING,children:"Tag warning"})]})}),r.jsxs(Me,{children:[r.jsx(_,{level:k.THREE,children:"Tag default"}),r.jsx(G,{}),r.jsx(A,{children:"In list"}),r.jsxs(So,{children:[r.jsx(ze,{variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{variant:We.INFO,children:"Tag info"}),r.jsx(ze,{variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{variant:We.WARNING,children:"Tag warning"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:k.THREE,children:"Tag avec icone"}),r.jsx(G,{}),r.jsxs(So,{children:[r.jsx(ze,{iconName:O.EXCLAMATION_CIRCLE,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{iconName:O.CHECK_CIRCLE,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{iconName:O.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{iconName:O.INFOS_CIRCLE,variant:We.INFO,children:"Tag info"}),r.jsx(ze,{iconName:O.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:k.THREE,children:"Small tag"}),r.jsx(G,{}),r.jsx(ze,{small:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{small:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{small:!0,iconName:O.ALERT,variant:We.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:k.THREE,children:"Inverted tag"}),r.jsx(G,{}),r.jsx(ze,{inverted:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{inverted:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{inverted:!0,iconName:O.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{inverted:!0,iconName:O.ALERT,variant:We.INFO,children:"Tag info"})]})]}),c1=()=>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:Xe.ONE,children:"my super text 1"}),r.jsx(A,{level:Xe.TWO,children:"my super text 2"}),r.jsx(A,{level:Xe.THREE,children:"my super text 3"}),r.jsx(A,{level:Xe.FOUR,children:"my super text 4"}),r.jsxs(A,{level:Xe.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(Ke,{children:r.jsxs(K,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Js,{children:r.jsx(te,{variant:we.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),u1=()=>r.jsxs(Q,{children:[r.jsx(Sr,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(Sr,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:O.CHECK}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:O.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon error",label:"Label",iconName:O.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),d1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(vf,{horizontal:!0,children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Rt,{}),r.jsxs(vf,{children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:k.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:k.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:k.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:O.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:k.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),f1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:k.ONE,children:"Title level 1"}),r.jsx(_,{level:k.TWO,children:"Title level 2"}),r.jsx(_,{level:k.THREE,children:"Title level 3"}),r.jsx(_,{level:k.FOUR,children:"Title level 4"}),r.jsx(_,{level:k.FIVE,children:"Title level 5"}),r.jsx(_,{level:k.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(G,{})]}),h1=()=>r.jsxs(Q,{children:[r.jsx(Ve,{markup:vs.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ve,{markup:vs.SPAN}),r.jsxs(Ve,{markup:vs.DIV,flexable:!0,justify:$p.SPACE_BETWEEN,align:ye.ALIGNED_CENTER,children:[r.jsx(te,{variant:we.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:k.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?"})]})]}),ga=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:$j,AlertScreen:c0,AutoCompleteScreen:N0,AutolayoutScreen:y0,BadgeScreen:C0,BoxScreen:R0,BreadcrumScreen:T0,ButtonScreen:w0,CardScreen:L0,CheckboxScreen:I0,ChipsScreen:A0,ColumnScreen:_0,ContainerScreen:k0,CountdownScreen:O0,DividerScreen:M0,FabScreen:D0,HeroScreen:P0,IconScreen:U0,ImageScreen:F0,InputScreen:H0,LinkScreen:b0,ListScreen:$0,ModalScreen:B0,OtpScreen:G0,PaginationScreen:q0,PopoverScreen:Y0,PriceScreen:X0,ProductTourScreen:K0,ProgressScreen:Q0,RadioScreen:Z0,RangeScreen:J0,SegmentedControlScreen:e1,SelectView:t1,SelectorView:n1,StepperScreen:r1,StickerScreen:s1,SwitchScreen:i1,TabScreen:l1,TableScreen:a1,TagScreen:o1,TextScreen:c1,TextareaScreen:u1,TimelineScreen:d1,TitleScreen:f1,ViewScreen:h1},Symbol.toStringTag,{value:"Module"})),m1=({navigation:e})=>{const[t,n]=h.useState(Object.keys(ga)),s=h.useCallback(i=>{const l={...Object.keys(ga)};Object.keys(l).forEach(a=>{l[a].toLocaleLowerCase().includes(i.toLocaleLowerCase())||delete l[a]}),n(l)},[]);return r.jsx(Ha,{children:r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:k.ONE,typo:[dr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:Xe.ONE,typo:[dr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(ve,{placeholder:"Rechercher un composant",onChange:i=>s(i.inputValue)}),r.jsx(G,{}),r.jsx(_,{level:k.THREE,typo:[dr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((i,l)=>{const[a]=t[i].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ke,{children:[r.jsx(K,{size:11,children:r.jsx(_,{level:k.THREE,children:a})}),r.jsx(K,{verticalCenter:!0,size:1,children:r.jsx($,{name:O.ARROW_RIGHT})})]})})},l)})]})})})},p1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(Ha,{children:[n&&r.jsx($,{name:O.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx($,{name:O.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]})]}),x1=()=>{const e=cg();return r.jsxs(Rg,{children:[Object.keys(ga).map((t,n)=>{const[s]=t.split("Screen"),i=ga[t];return r.jsx(Tl,{path:s,element:r.jsx(p1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(i,{})})},n)}),r.jsx(Tl,{path:"/",element:r.jsx(m1,{navigation:{navigate:e}})}),r.jsx(Tl,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},v1=document.getElementById("root"),E1=jp(v1);E1.render(r.jsx(h.StrictMode,{children:r.jsx(kg,{children:r.jsx(Lg,{children:r.jsx(x1,{})})})})); diff --git a/docs/templates/assets/index-65947798.js b/docs/templates/assets/index-65947798.js deleted file mode 100644 index c4cc9672..00000000 --- a/docs/templates/assets/index-65947798.js +++ /dev/null @@ -1,79 +0,0 @@ -function ox(e,t){for(var n=0;ns[i]})}}}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 i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const l of i)if(l.type==="childList")for(const a of l.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(i){const l={};return i.integrity&&(l.integrity=i.integrity),i.referrerPolicy&&(l.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?l.credentials="include":i.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function s(i){if(i.ep)return;i.ep=!0;const l=n(i);fetch(i.href,l)}})();function kc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ih={exports:{}},ga={},lh={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 Mi=Symbol.for("react.element"),cx=Symbol.for("react.portal"),ux=Symbol.for("react.fragment"),dx=Symbol.for("react.strict_mode"),fx=Symbol.for("react.profiler"),hx=Symbol.for("react.provider"),mx=Symbol.for("react.context"),px=Symbol.for("react.forward_ref"),xx=Symbol.for("react.suspense"),vx=Symbol.for("react.memo"),Ex=Symbol.for("react.lazy"),bu=Symbol.iterator;function gx(e){return e===null||typeof e!="object"?null:(e=bu&&e[bu]||e["@@iterator"],typeof e=="function"?e:null)}var ah={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},oh=Object.assign,ch={};function ws(e,t,n){this.props=e,this.context=t,this.refs=ch,this.updater=n||ah}ws.prototype.isReactComponent={};ws.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")};ws.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function uh(){}uh.prototype=ws.prototype;function Oc(e,t,n){this.props=e,this.context=t,this.refs=ch,this.updater=n||ah}var Mc=Oc.prototype=new uh;Mc.constructor=Oc;oh(Mc,ws.prototype);Mc.isPureReactComponent=!0;var $u=Array.isArray,dh=Object.prototype.hasOwnProperty,Dc={current:null},fh={key:!0,ref:!0,__self:!0,__source:!0};function hh(e,t,n){var s,i={},l=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(l=""+t.key),t)dh.call(t,s)&&!fh.hasOwnProperty(s)&&(i[s]=t[s]);var o=arguments.length-2;if(o===1)i.children=n;else if(1>>1,Se=H[J];if(0>>1;Ji(tn,W))nei(Ce,tn)?(H[J]=Ce,H[ne]=W,J=ne):(H[J]=tn,H[Qe]=W,J=Qe);else if(nei(Ce,W))H[J]=Ce,H[ne]=W,J=ne;else break e}}return V}function i(H,V){var W=H.sortIndex-V.sortIndex;return W!==0?W:H.id-V.id}if(typeof performance=="object"&&typeof performance.now=="function"){var l=performance;e.unstable_now=function(){return l.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,f=null,m=3,j=!1,S=!1,v=!1,N=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 g(H){for(var V=n(u);V!==null;){if(V.callback===null)s(u);else if(V.startTime<=H)s(u),V.sortIndex=V.expirationTime,t(c,V);else break;V=n(u)}}function C(H){if(v=!1,g(H),!S)if(n(c)!==null)S=!0,oe(R);else{var V=n(u);V!==null&&fe(C,V.startTime-H)}}function R(H,V){S=!1,v&&(v=!1,p(L),L=-1),j=!0;var W=m;try{for(g(V),f=n(c);f!==null&&(!(f.expirationTime>V)||H&&!q());){var J=f.callback;if(typeof J=="function"){f.callback=null,m=f.priorityLevel;var Se=J(f.expirationTime<=V);V=e.unstable_now(),typeof Se=="function"?f.callback=Se:f===n(c)&&s(c),g(V)}else s(c);f=n(c)}if(f!==null)var kt=!0;else{var Qe=n(u);Qe!==null&&fe(C,Qe.startTime-V),kt=!1}return kt}finally{f=null,m=W,j=!1}}var I=!1,T=null,L=-1,U=5,D=-1;function q(){return!(e.unstable_now()-DH||125J?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(v?(p(L),L=-1):v=!0,fe(C,W-J))):(H.sortIndex=Se,t(c,H),S||j||(S=!0,oe(R))),H},e.unstable_shouldYield=q,e.unstable_wrapCallback=function(H){var V=m;return function(){var W=m;m=V;try{return H.apply(this,arguments)}finally{m=W}}}})(vh);xh.exports=vh;var _x=xh.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 Eh=h,$t=_x;function F(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"),Co=Object.prototype.hasOwnProperty,kx=/^[: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]*$/,Wu={},Vu={};function Ox(e){return Co.call(Vu,e)?!0:Co.call(Wu,e)?!1:kx.test(e)?Vu[e]=!0:(Wu[e]=!0,!1)}function Mx(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 Dx(e,t,n,s){if(t===null||typeof t>"u"||Mx(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,i,l,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,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 Uc=/[\-:]([a-z])/g;function Fc(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(Uc,Fc);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(Uc,Fc);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(Uc,Fc);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 Hc(e,t,n,s){var i=ct.hasOwnProperty(t)?ct[t]:null;(i!==null?i.type!==0:s||!(2o||i[a]!==l[o]){var c=` -`+i[a].replace(" at new "," at ");return e.displayName&&c.includes("")&&(c=c.replace("",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{za=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Gs(e):""}function Px(e){switch(e.tag){case 5:return Gs(e.type);case 16:return Gs("Lazy");case 13:return Gs("Suspense");case 19:return Gs("SuspenseList");case 0:case 2:case 15:return e=Wa(e.type,!1),e;case 11:return e=Wa(e.type.render,!1),e;case 1:return e=Wa(e.type,!0),e;default:return""}}function Lo(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 Zr:return"Fragment";case Qr:return"Portal";case Ro:return"Profiler";case bc:return"StrictMode";case To:return"Suspense";case wo:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Sh:return(e.displayName||"Context")+".Consumer";case jh:return(e._context.displayName||"Context")+".Provider";case $c:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case zc:return t=e.displayName||null,t!==null?t:Lo(e.type)||"Memo";case zn:t=e._payload,e=e._init;try{return Lo(e(t))}catch{}}return null}function Ux(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 Lo(t);case 8:return t===bc?"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 fr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function yh(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Fx(e){var t=yh(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 i=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(a){s=""+a,l.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 zi(e){e._valueTracker||(e._valueTracker=Fx(e))}function Ch(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=yh(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function Pl(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 Io(e,t){var n=t.checked;return be({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Gu(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=fr(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 Rh(e,t){t=t.checked,t!=null&&Hc(e,"checked",t,!1)}function Ao(e,t){Rh(e,t);var n=fr(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")?_o(e,t.type,n):t.hasOwnProperty("defaultValue")&&_o(e,t.type,fr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function qu(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 _o(e,t,n){(t!=="number"||Pl(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var qs=Array.isArray;function us(e,t,n,s){if(e=e.options,t){t={};for(var i=0;i"+t.valueOf().toString()+"",t=Wi.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function fi(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Js={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},Hx=["Webkit","ms","Moz","O"];Object.keys(Js).forEach(function(e){Hx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Js[t]=Js[e]})});function Ih(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Js.hasOwnProperty(e)&&Js[e]?(""+t).trim():t+"px"}function Ah(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,i=Ih(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,i):e[n]=i}}var bx=be({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 Mo(e,t){if(t){if(bx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(F(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(F(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(F(61))}if(t.style!=null&&typeof t.style!="object")throw Error(F(62))}}function Do(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 Po=null;function Wc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Uo=null,ds=null,fs=null;function Ku(e){if(e=Ui(e)){if(typeof Uo!="function")throw Error(F(280));var t=e.stateNode;t&&(t=Ca(t),Uo(e.stateNode,e.type,t))}}function _h(e){ds?fs?fs.push(e):fs=[e]:ds=e}function kh(){if(ds){var e=ds,t=fs;if(fs=ds=null,Ku(e),t)for(e=0;e>>=0,e===0?32:31-(Qx(e)/Zx|0)|0}var Vi=64,Bi=4194304;function Ys(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 bl(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,i=e.suspendedLanes,l=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~i;o!==0?s=Ys(o):(l&=a,l!==0&&(s=Ys(l)))}else a=n&~i,a!==0?s=Ys(a):l!==0&&(s=Ys(l));if(s===0)return 0;if(t!==0&&t!==s&&!(t&i)&&(i=s&-s,l=t&-t,i>=l||i===16&&(l&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 Di(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 nv(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=ti),id=String.fromCharCode(32),ld=!1;function Zh(e,t){switch(e){case"keyup":return Av.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Jh(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Jr=!1;function kv(e,t){switch(e){case"compositionend":return Jh(t);case"keypress":return t.which!==32?null:(ld=!0,id);case"textInput":return e=t.data,e===id&&ld?null:e;default:return null}}function Ov(e,t){if(Jr)return e==="compositionend"||!Qc&&Zh(e,t)?(e=Kh(),xl=Yc=Xn=null,Jr=!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=ud(n)}}function rm(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?rm(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function sm(){for(var e=window,t=Pl();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Pl(e.document)}return t}function Zc(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 zv(e){var t=sm(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&rm(n.ownerDocument.documentElement,n)){if(s!==null&&Zc(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 i=n.textContent.length,l=Math.min(s.start,i);s=s.end===void 0?l:Math.min(s.end,i),!e.extend&&l>s&&(i=s,s=l,l=i),i=dd(n,l);var a=dd(n,s);i&&a&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),l>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,es=null,Wo=null,ri=null,Vo=!1;function fd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Vo||es==null||es!==Pl(s)||(s=es,"selectionStart"in s&&Zc(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}),ri&&Ei(ri,s)||(ri=s,s=Wl(Wo,"onSelect"),0rs||(e.current=Ko[rs],Ko[rs]=null,rs--)}function Le(e,t){rs++,Ko[rs]=e.current,e.current=t}var hr={},pt=pr(hr),It=pr(!1),Dr=hr;function gs(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var i={},l;for(l in n)i[l]=t[l];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function At(e){return e=e.childContextTypes,e!=null}function Bl(){_e(It),_e(pt)}function gd(e,t,n){if(pt.current!==hr)throw Error(F(168));Le(pt,t),Le(It,n)}function hm(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var i in s)if(!(i in t))throw Error(F(108,Ux(e)||"Unknown",i));return be({},n,s)}function Gl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Dr=pt.current,Le(pt,e),Le(It,It.current),!0}function jd(e,t,n){var s=e.stateNode;if(!s)throw Error(F(169));n?(e=hm(e,t,Dr),s.__reactInternalMemoizedMergedChildContext=e,_e(It),_e(pt),Le(pt,e)):_e(It),Le(It,n)}var Cn=null,Ra=!1,ro=!1;function mm(e){Cn===null?Cn=[e]:Cn.push(e)}function eE(e){Ra=!0,mm(e)}function xr(){if(!ro&&Cn!==null){ro=!0;var e=0,t=je;try{var n=Cn;for(je=1;e>=a,i-=a,Tn=1<<32-un(t)+i|n<L?(U=T,T=null):U=T.sibling;var D=m(p,T,g[L],C);if(D===null){T===null&&(T=U);break}e&&T&&D.alternate===null&&t(p,T),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D,T=U}if(L===g.length)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;LL?(U=T,T=null):U=T.sibling;var q=m(p,T,D.value,C);if(q===null){T===null&&(T=U);break}e&&T&&q.alternate===null&&t(p,T),x=l(q,x,L),I===null?R=q:I.sibling=q,I=q,T=U}if(D.done)return n(p,T),De&&Nr(p,L),R;if(T===null){for(;!D.done;L++,D=g.next())D=f(p,D.value,C),D!==null&&(x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return De&&Nr(p,L),R}for(T=s(p,T);!D.done;L++,D=g.next())D=j(T,p,L,D.value,C),D!==null&&(e&&D.alternate!==null&&T.delete(D.key===null?L:D.key),x=l(D,x,L),I===null?R=D:I.sibling=D,I=D);return e&&T.forEach(function(ae){return t(p,ae)}),De&&Nr(p,L),R}function N(p,x,g,C){if(typeof g=="object"&&g!==null&&g.type===Zr&&g.key===null&&(g=g.props.children),typeof g=="object"&&g!==null){switch(g.$$typeof){case $i:e:{for(var R=g.key,I=x;I!==null;){if(I.key===R){if(R=g.type,R===Zr){if(I.tag===7){n(p,I.sibling),x=i(I,g.props.children),x.return=p,p=x;break e}}else if(I.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===zn&&wd(R)===I.type){n(p,I.sibling),x=i(I,g.props),x.ref=Ps(p,I,g),x.return=p,p=x;break e}n(p,I);break}else t(p,I);I=I.sibling}g.type===Zr?(x=Or(g.props.children,p.mode,C,g.key),x.return=p,p=x):(C=Cl(g.type,g.key,g.props,null,p.mode,C),C.ref=Ps(p,x,g),C.return=p,p=C)}return a(p);case Qr:e:{for(I=g.key;x!==null;){if(x.key===I)if(x.tag===4&&x.stateNode.containerInfo===g.containerInfo&&x.stateNode.implementation===g.implementation){n(p,x.sibling),x=i(x,g.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=fo(g,p.mode,C),x.return=p,p=x}return a(p);case zn:return I=g._init,N(p,x,I(g._payload),C)}if(qs(g))return S(p,x,g,C);if(_s(g))return v(p,x,g,C);Zi(p,g)}return typeof g=="string"&&g!==""||typeof g=="number"?(g=""+g,x!==null&&x.tag===6?(n(p,x.sibling),x=i(x,g),x.return=p,p=x):(n(p,x),x=uo(g,p.mode,C),x.return=p,p=x),a(p)):n(p,x)}return N}var Ss=Nm(!0),ym=Nm(!1),Fi={},jn=pr(Fi),Ni=pr(Fi),yi=pr(Fi);function Ir(e){if(e===Fi)throw Error(F(174));return e}function au(e,t){switch(Le(yi,t),Le(Ni,e),Le(jn,Fi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Oo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Oo(t,e)}_e(jn),Le(jn,t)}function Ns(){_e(jn),_e(Ni),_e(yi)}function Cm(e){Ir(yi.current);var t=Ir(jn.current),n=Oo(t,e.type);t!==n&&(Le(Ni,e),Le(jn,n))}function ou(e){Ni.current===e&&(_e(jn),_e(Ni))}var Ue=pr(0);function Zl(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 so=[];function cu(){for(var e=0;en?n:4,e(!0);var s=io.transition;io.transition={};try{e(!1),t()}finally{je=n,io.transition=s}}function bm(){return en().memoizedState}function sE(e,t,n){var s=cr(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},$m(e))zm(t,n);else if(n=Em(e,t,n,s),n!==null){var i=jt();dn(n,e,s,i),Wm(n,t,s)}}function iE(e,t,n){var s=cr(e),i={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if($m(e))zm(t,i);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var a=t.lastRenderedState,o=l(a,n);if(i.hasEagerState=!0,i.eagerState=o,hn(o,a)){var c=t.interleaved;c===null?(i.next=i,iu(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}finally{}n=Em(e,t,i,s),n!==null&&(i=jt(),dn(n,e,s,i),Wm(n,t,s))}}function $m(e){var t=e.alternate;return e===He||t!==null&&t===He}function zm(e,t){si=Jl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Wm(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Bc(e,n)}}var ea={readContext:Jt,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},lE={readContext:Jt,useCallback:function(e,t){return vn().memoizedState=[e,t===void 0?null:t],e},useContext:Jt,useEffect:Id,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,jl(4194308,4,Dm.bind(null,t,e),n)},useLayoutEffect:function(e,t){return jl(4194308,4,e,t)},useInsertionEffect:function(e,t){return jl(4,2,e,t)},useMemo:function(e,t){var n=vn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=vn();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=sE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=vn();return e={current:e},t.memoizedState=e},useState:Ld,useDebugValue:mu,useDeferredValue:function(e){return vn().memoizedState=e},useTransition:function(){var e=Ld(!1),t=e[0];return e=rE.bind(null,e[1]),vn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,i=vn();if(De){if(n===void 0)throw Error(F(407));n=n()}else{if(n=t(),it===null)throw Error(F(349));Ur&30||wm(s,t,n)}i.memoizedState=n;var l={value:n,getSnapshot:t};return i.queue=l,Id(Im.bind(null,s,l,e),[e]),s.flags|=2048,Ti(9,Lm.bind(null,s,l,n,t),void 0,null),n},useId:function(){var e=vn(),t=it.identifierPrefix;if(De){var n=wn,s=Tn;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ci++,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[En]=t,e[Si]=s,Zm(e,t,!1,!1),t.stateNode=e;e:{switch(a=Do(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),i=s;break;case"iframe":case"object":case"embed":Ie("load",e),i=s;break;case"video":case"audio":for(i=0;iCs&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304)}else{if(!s)if(e=Zl(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Us(l,!0),l.tail===null&&l.tailMode==="hidden"&&!a.alternate&&!De)return dt(t),null}else 2*Be()-l.renderingStartTime>Cs&&n!==1073741824&&(t.flags|=128,s=!0,Us(l,!1),t.lanes=4194304);l.isBackwards?(a.sibling=t.child,t.child=a):(n=l.last,n!==null?n.sibling=a:t.child=a,l.last=a)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Be(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return ju(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Dt&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(F(156,t.tag))}function mE(e,t){switch(eu(t),t.tag){case 1:return At(t.type)&&Bl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Ns(),_e(It),_e(pt),cu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return ou(t),null;case 13:if(_e(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(F(340));js()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return _e(Ue),null;case 4:return Ns(),null;case 10:return su(t.type._context),null;case 22:case 23:return ju(),null;case 24:return null;default:return null}}var el=!1,ht=!1,pE=typeof WeakSet=="function"?WeakSet:Set,B=null;function as(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 oc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Fd=!1;function xE(e,t){if(Bo=$l,e=sm(),Zc(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 i=s.anchorOffset,l=s.focusNode;s=s.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,f=e,m=null;t:for(;;){for(var j;f!==n||i!==0&&f.nodeType!==3||(o=a+i),f!==l||s!==0&&f.nodeType!==3||(c=a+s),f.nodeType===3&&(a+=f.nodeValue.length),(j=f.firstChild)!==null;)m=f,f=j;for(;;){if(f===e)break t;if(m===n&&++u===i&&(o=a),m===l&&++d===s&&(c=a),(j=f.nextSibling)!==null)break;f=m,m=f.parentNode}f=j}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Go={focusedElem:e,selectionRange:n},$l=!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 S=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(S!==null){var v=S.memoizedProps,N=S.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),N);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var g=t.stateNode.containerInfo;g.nodeType===1?g.textContent="":g.nodeType===9&&g.documentElement&&g.removeChild(g.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(F(163))}}catch(C){$e(t,t.return,C)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return S=Fd,Fd=!1,S}function ii(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var i=s=s.next;do{if((i.tag&e)===e){var l=i.destroy;i.destroy=void 0,l!==void 0&&oc(t,n,l)}i=i.next}while(i!==s)}}function La(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 cc(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 tp(e){var t=e.alternate;t!==null&&(e.alternate=null,tp(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[En],delete t[Si],delete t[Xo],delete t[Zv],delete t[Jv])),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 np(e){return e.tag===5||e.tag===3||e.tag===4}function Hd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||np(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 uc(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=Vl));else if(s!==4&&(e=e.child,e!==null))for(uc(e,t,n),e=e.sibling;e!==null;)uc(e,t,n),e=e.sibling}function dc(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(dc(e,t,n),e=e.sibling;e!==null;)dc(e,t,n),e=e.sibling}var lt=null,an=!1;function Dn(e,t,n){for(n=n.child;n!==null;)rp(e,t,n),n=n.sibling}function rp(e,t,n){if(gn&&typeof gn.onCommitFiberUnmount=="function")try{gn.onCommitFiberUnmount(ja,n)}catch{}switch(n.tag){case 5:ht||as(n,t);case 6:var s=lt,i=an;lt=null,Dn(e,t,n),lt=s,an=i,lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):lt.removeChild(n.stateNode));break;case 18:lt!==null&&(an?(e=lt,n=n.stateNode,e.nodeType===8?no(e.parentNode,n):e.nodeType===1&&no(e,n),xi(e)):no(lt,n.stateNode));break;case 4:s=lt,i=an,lt=n.stateNode.containerInfo,an=!0,Dn(e,t,n),lt=s,an=i;break;case 0:case 11:case 14:case 15:if(!ht&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){i=s=s.next;do{var l=i,a=l.destroy;l=l.tag,a!==void 0&&(l&2||l&4)&&oc(n,t,a),i=i.next}while(i!==s)}Dn(e,t,n);break;case 1:if(!ht&&(as(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)}Dn(e,t,n);break;case 21:Dn(e,t,n);break;case 22:n.mode&1?(ht=(s=ht)||n.memoizedState!==null,Dn(e,t,n),ht=s):Dn(e,t,n);break;default:Dn(e,t,n)}}function bd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new pE),t.forEach(function(s){var i=RE.bind(null,e,s);n.has(s)||(n.add(s),s.then(i,i))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;si&&(i=a),s&=~l}if(s=i,s=Be()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*EE(s/1960))-s,10e?16:e,Kn===null)var s=!1;else{if(e=Kn,Kn=null,ra=0,xe&6)throw Error(F(331));var i=xe;for(xe|=4,B=e.current;B!==null;){var l=B,a=l.child;if(B.flags&16){var o=l.deletions;if(o!==null){for(var c=0;cBe()-Eu?kr(e,0):vu|=n),_t(e,t)}function dp(e,t){t===0&&(e.mode&1?(t=Bi,Bi<<=1,!(Bi&130023424)&&(Bi=4194304)):t=1);var n=jt();e=kn(e,t),e!==null&&(Di(e,t,n),_t(e,n))}function CE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),dp(e,n)}function RE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(F(314))}s!==null&&s.delete(t),dp(e,n)}var fp;fp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)Lt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Lt=!1,fE(e,t,n);Lt=!!(e.flags&131072)}else Lt=!1,De&&t.flags&1048576&&pm(t,Yl,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Sl(e,t),e=t.pendingProps;var i=gs(t,pt.current);ms(t,n),i=du(null,t,s,e,i,n);var l=fu();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,At(s)?(l=!0,Gl(t)):l=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,lu(t),i.updater=Ta,t.stateNode=i,i._reactInternals=t,tc(t,s,e,n),t=sc(null,t,s,!0,l,n)):(t.tag=0,De&&l&&Jc(t),Et(null,t,i,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Sl(e,t),e=t.pendingProps,i=s._init,s=i(s._payload),t.type=s,i=t.tag=wE(s),e=ln(s,e),i){case 0:t=rc(null,t,s,e,n);break e;case 1:t=Dd(null,t,s,e,n);break e;case 11:t=Od(null,t,s,e,n);break e;case 14:t=Md(null,t,s,ln(s.type,e),n);break e}throw Error(F(306,s,""))}return t;case 0:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),rc(e,t,s,i,n);case 1:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Dd(e,t,s,i,n);case 3:e:{if(Xm(t),e===null)throw Error(F(387));s=t.pendingProps,l=t.memoizedState,i=l.element,gm(e,t),Ql(t,s,null,n);var a=t.memoizedState;if(s=a.element,l.isDehydrated)if(l={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){i=ys(Error(F(423)),t),t=Pd(e,t,s,n,i);break e}else if(s!==i){i=ys(Error(F(424)),t),t=Pd(e,t,s,n,i);break e}else for(Ft=lr(t.stateNode.containerInfo.firstChild),bt=t,De=!0,on=null,n=ym(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(js(),s===i){t=On(e,t,n);break e}Et(e,t,s,n)}t=t.child}return t;case 5:return Cm(t),e===null&&Zo(t),s=t.type,i=t.pendingProps,l=e!==null?e.memoizedProps:null,a=i.children,qo(s,i)?a=null:l!==null&&qo(s,l)&&(t.flags|=32),Ym(e,t),Et(e,t,a,n),t.child;case 6:return e===null&&Zo(t),null;case 13:return Km(e,t,n);case 4:return au(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):Et(e,t,s,n),t.child;case 11:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Od(e,t,s,i,n);case 7:return Et(e,t,t.pendingProps,n),t.child;case 8:return Et(e,t,t.pendingProps.children,n),t.child;case 12:return Et(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,i=t.pendingProps,l=t.memoizedProps,a=i.value,Le(Xl,s._currentValue),s._currentValue=a,l!==null)if(hn(l.value,a)){if(l.children===i.children&&!It.current){t=On(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var o=l.dependencies;if(o!==null){a=l.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(l.tag===1){c=In(-1,n&-n),c.tag=2;var u=l.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}}l.lanes|=n,c=l.alternate,c!==null&&(c.lanes|=n),Jo(l.return,n,t),o.lanes|=n;break}c=c.next}}else if(l.tag===10)a=l.type===t.type?null:l.child;else if(l.tag===18){if(a=l.return,a===null)throw Error(F(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),Jo(a,n,t),a=l.sibling}else a=l.child;if(a!==null)a.return=l;else for(a=l;a!==null;){if(a===t){a=null;break}if(l=a.sibling,l!==null){l.return=a.return,a=l;break}a=a.return}l=a}Et(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,s=t.pendingProps.children,ms(t,n),i=Jt(i),s=s(i),t.flags|=1,Et(e,t,s,n),t.child;case 14:return s=t.type,i=ln(s,t.pendingProps),i=ln(s.type,i),Md(e,t,s,i,n);case 15:return Gm(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,i=t.pendingProps,i=t.elementType===s?i:ln(s,i),Sl(e,t),t.tag=1,At(s)?(e=!0,Gl(t)):e=!1,ms(t,n),Sm(t,s,i),tc(t,s,i,n),sc(null,t,s,!0,e,n);case 19:return Qm(e,t,n);case 22:return qm(e,t,n)}throw Error(F(156,t.tag))};function hp(e,t){return Hh(e,t)}function TE(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 Kt(e,t,n,s){return new TE(e,t,n,s)}function Nu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function wE(e){if(typeof e=="function")return Nu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===$c)return 11;if(e===zc)return 14}return 2}function ur(e,t){var n=e.alternate;return n===null?(n=Kt(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 Cl(e,t,n,s,i,l){var a=2;if(s=e,typeof e=="function")Nu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Zr:return Or(n.children,i,l,t);case bc:a=8,i|=8;break;case Ro:return e=Kt(12,n,t,i|2),e.elementType=Ro,e.lanes=l,e;case To:return e=Kt(13,n,t,i),e.elementType=To,e.lanes=l,e;case wo:return e=Kt(19,n,t,i),e.elementType=wo,e.lanes=l,e;case Nh:return Aa(n,i,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case jh:a=10;break e;case Sh:a=9;break e;case $c:a=11;break e;case zc:a=14;break e;case zn:a=16,s=null;break e}throw Error(F(130,e==null?e:typeof e,""))}return t=Kt(a,n,t,i),t.elementType=e,t.type=s,t.lanes=l,t}function Or(e,t,n,s){return e=Kt(7,e,s,t),e.lanes=n,e}function Aa(e,t,n,s){return e=Kt(22,e,s,t),e.elementType=Nh,e.lanes=n,e.stateNode={isHidden:!1},e}function uo(e,t,n){return e=Kt(6,e,null,t),e.lanes=n,e}function fo(e,t,n){return t=Kt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function LE(e,t,n,s,i){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=Ba(0),this.expirationTimes=Ba(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ba(0),this.identifierPrefix=s,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function yu(e,t,n,s,i,l,a,o,c){return e=new LE(e,t,n,o,c),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Kt(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},lu(l),e}function IE(e,t,n){var s=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(vp)}catch(e){console.error(e)}}vp(),ph.exports=Wt;var Ep=ph.exports;const ME=kc(Ep);var gp,Yd=Ep;gp=Yd.createRoot,Yd.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 Li(){return Li=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function wu(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function PE(){return Math.random().toString(36).substr(2,8)}function Kd(e,t){return{usr:e.state,key:e.key,idx:t}}function xc(e,t,n,s){return n===void 0&&(n=null),Li({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?zr(t):t,{state:n,key:t&&t.key||s||PE()})}function jp(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 zr(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 UE(e,t,n,s){s===void 0&&(s={});let{window:i=document.defaultView,v5Compat:l=!1}=s,a=i.history,o=Qn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(Li({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function f(){o=Qn.Pop;let N=d(),p=N==null?null:N-u;u=N,c&&c({action:o,location:v.location,delta:p})}function m(N,p){o=Qn.Push;let x=xc(v.location,N,p);n&&n(x,N),u=d()+1;let g=Kd(x,u),C=v.createHref(x);try{a.pushState(g,"",C)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;i.location.assign(C)}l&&c&&c({action:o,location:v.location,delta:1})}function j(N,p){o=Qn.Replace;let x=xc(v.location,N,p);n&&n(x,N),u=d();let g=Kd(x,u),C=v.createHref(x);a.replaceState(g,"",C),l&&c&&c({action:o,location:v.location,delta:0})}function S(N){let p=i.location.origin!=="null"?i.location.origin:i.location.href,x=typeof N=="string"?N:jp(N);return x=x.replace(/ $/,"%20"),rt(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(i,a)},listen(N){if(c)throw new Error("A history only accepts one active listener");return i.addEventListener(Xd,f),c=N,()=>{i.removeEventListener(Xd,f),c=null}},createHref(N){return t(i,N)},createURL:S,encodeLocation(N){let p=S(N);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:m,replace:j,go(N){return a.go(N)}};return v}var Qd;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(Qd||(Qd={}));function FE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?zr(t):t,i=yp(s.pathname||"/",n);if(i==null)return null;let l=Sp(e);HE(l);let a=null;for(let o=0;a==null&&o{let c={relativePath:o===void 0?l.path||"":o,caseSensitive:l.caseSensitive===!0,childrenIndex:a,route:l};c.relativePath.startsWith("/")&&(rt(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=Mr([s,c.relativePath]),d=n.concat(c);l.children&&l.children.length>0&&(rt(l.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Sp(l.children,t,d,u)),!(l.path==null&&!l.index)&&t.push({path:u,score:GE(u,l.index),routesMeta:d})};return e.forEach((l,a)=>{var o;if(l.path===""||!((o=l.path)!=null&&o.includes("?")))i(l,a);else for(let c of Np(l.path))i(l,a,c)}),t}function Np(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,i=n.endsWith("?"),l=n.replace(/\?$/,"");if(s.length===0)return i?[l,""]:[l];let a=Np(s.join("/")),o=[];return o.push(...a.map(c=>c===""?l:[l,c].join("/"))),i&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function HE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:qE(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const bE=/^:[\w-]+$/,$E=3,zE=2,WE=1,VE=10,BE=-2,Zd=e=>e==="*";function GE(e,t){let n=e.split("/"),s=n.length;return n.some(Zd)&&(s+=BE),t&&(s+=zE),n.filter(i=>!Zd(i)).reduce((i,l)=>i+(bE.test(l)?$E:l===""?WE:VE),s)}function qE(e,t){return e.length===t.length&&e.slice(0,-1).every((s,i)=>s===t[i])?e[e.length-1]-t[t.length-1]:0}function YE(e,t){let{routesMeta:n}=e,s={},i="/",l=[];for(let a=0;a{let{paramName:m,isOptional:j}=d;if(m==="*"){let v=o[f]||"";a=l.slice(0,l.length-v.length).replace(/(.)\/+$/,"$1")}const S=o[f];return j&&!S?u[m]=void 0:u[m]=(S||"").replace(/%2F/g,"/"),u},{}),pathname:l,pathnameBase:a,pattern:e}}function KE(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),wu(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=[],i="^"+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:"*"}),i+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?i+="\\/*$":e!==""&&e!=="/"&&(i+="(?:(?=\\/|$))"),[new RegExp(i,t?void 0:"i"),s]}function QE(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return wu(!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 yp(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 ZE(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:i=""}=typeof e=="string"?zr(e):e;return{pathname:n?n.startsWith("/")?n:JE(n,t):t,search:sg(s),hash:ig(i)}}function JE(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(i=>{i===".."?n.length>1&&n.pop():i!=="."&&n.push(i)}),n.length>1?n.join("/"):"/"}function ho(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 eg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function tg(e,t){let n=eg(e);return t?n.map((s,i)=>i===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function ng(e,t,n,s){s===void 0&&(s=!1);let i;typeof e=="string"?i=zr(e):(i=Li({},e),rt(!i.pathname||!i.pathname.includes("?"),ho("?","pathname","search",i)),rt(!i.pathname||!i.pathname.includes("#"),ho("#","pathname","hash",i)),rt(!i.search||!i.search.includes("#"),ho("#","search","hash",i)));let l=e===""||i.pathname==="",a=l?"/":i.pathname,o;if(a==null)o=n;else{let f=t.length-1;if(!s&&a.startsWith("..")){let m=a.split("/");for(;m[0]==="..";)m.shift(),f-=1;i.pathname=m.join("/")}o=f>=0?t[f]:"/"}let c=ZE(i,o),u=a&&a!=="/"&&a.endsWith("/"),d=(l||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Mr=e=>e.join("/").replace(/\/\/+/g,"/"),rg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),sg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,ig=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function lg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const Cp=["post","put","patch","delete"];new Set(Cp);const ag=["get",...Cp];new Set(ag);/** - * 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 Ii(){return Ii=Object.assign?Object.assign.bind():function(e){for(var t=1;t{o.current=!0}),h.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let f=ng(u,JSON.parse(a),l,d.relative==="path");e==null&&t!=="/"&&(f.pathname=f.pathname==="/"?t:Mr([t,f.pathname])),(d.replace?s.replace:s.push)(f,d.state,d)},[t,s,a,l,e])}function dg(e,t){return fg(e,t)}function fg(e,t,n,s){Ua()||rt(!1);let{navigator:i}=h.useContext(Da),{matches:l}=h.useContext(As),a=l[l.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=Tp(),d;if(t){var f;let N=typeof t=="string"?zr(t):t;c==="/"||(f=N.pathname)!=null&&f.startsWith(c)||rt(!1),d=N}else d=u;let m=d.pathname||"/",j=m;if(c!=="/"){let N=c.replace(/^\//,"").split("/");j="/"+m.replace(/^\//,"").split("/").slice(N.length).join("/")}let S=FE(e,{pathname:j}),v=vg(S&&S.map(N=>Object.assign({},N,{params:Object.assign({},o,N.params),pathname:Mr([c,i.encodeLocation?i.encodeLocation(N.pathname).pathname:N.pathname]),pathnameBase:N.pathnameBase==="/"?c:Mr([c,i.encodeLocation?i.encodeLocation(N.pathnameBase).pathname:N.pathnameBase])})),l,n,s);return t&&v?h.createElement(Pa.Provider,{value:{location:Ii({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Qn.Pop}},v):v}function hg(){let e=Sg(),t=lg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,i={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},l=null;return h.createElement(h.Fragment,null,h.createElement("h2",null,"Unexpected Application Error!"),h.createElement("h3",{style:{fontStyle:"italic"}},t),n?h.createElement("pre",{style:i},n):null,l)}const mg=h.createElement(hg,null);class pg extends h.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?h.createElement(As.Provider,{value:this.props.routeContext},h.createElement(Rp.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function xg(e){let{routeContext:t,match:n,children:s}=e,i=h.useContext(Lu);return i&&i.static&&i.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(i.staticContext._deepestRenderedBoundaryId=n.route.id),h.createElement(As.Provider,{value:t},s)}function vg(e,t,n,s){var i;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var l;if((l=n)!=null&&l.errors)e=n.matches;else return null}let a=e,o=(i=n)==null?void 0:i.errors;if(o!=null){let d=a.findIndex(f=>f.route.id&&(o==null?void 0:o[f.route.id]));d>=0||rt(!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,f,m)=>{let j,S=!1,v=null,N=null;n&&(j=o&&f.route.id?o[f.route.id]:void 0,v=f.route.errorElement||mg,c&&(u<0&&m===0?(yg("route-fallback",!1),S=!0,N=null):u===m&&(S=!0,N=f.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,m+1)),x=()=>{let g;return j?g=v:S?g=N:f.route.Component?g=h.createElement(f.route.Component,null):f.route.element?g=f.route.element:g=d,h.createElement(xg,{match:f,routeContext:{outlet:d,matches:p,isDataRoute:n!=null},children:g})};return n&&(f.route.ErrorBoundary||f.route.errorElement||m===0)?h.createElement(pg,{location:n.location,revalidation:n.revalidation,component:v,error:j,children:x(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):x()},null)}var Lp=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Lp||{}),la=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}(la||{});function Eg(e){let t=h.useContext(Lu);return t||rt(!1),t}function gg(e){let t=h.useContext(og);return t||rt(!1),t}function jg(e){let t=h.useContext(As);return t||rt(!1),t}function Ip(e){let t=jg(),n=t.matches[t.matches.length-1];return n.route.id||rt(!1),n.route.id}function Sg(){var e;let t=h.useContext(Rp),n=gg(la.UseRouteError),s=Ip(la.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function Ng(){let{router:e}=Eg(Lp.UseNavigateStable),t=Ip(la.UseNavigateStable),n=h.useRef(!1);return wp(()=>{n.current=!0}),h.useCallback(function(i,l){l===void 0&&(l={}),n.current&&(typeof i=="number"?e.navigate(i):e.navigate(i,Ii({fromRouteId:t},l)))},[e,t])}const Jd={};function yg(e,t,n){!t&&!Jd[e]&&(Jd[e]=!0)}function Rl(e){rt(!1)}function Cg(e){let{basename:t="/",children:n=null,location:s,navigationType:i=Qn.Pop,navigator:l,static:a=!1,future:o}=e;Ua()&&rt(!1);let c=t.replace(/^\/*/,"/"),u=h.useMemo(()=>({basename:c,navigator:l,static:a,future:Ii({v7_relativeSplatPath:!1},o)}),[c,o,l,a]);typeof s=="string"&&(s=zr(s));let{pathname:d="/",search:f="",hash:m="",state:j=null,key:S="default"}=s,v=h.useMemo(()=>{let N=yp(d,c);return N==null?null:{location:{pathname:N,search:f,hash:m,state:j,key:S},navigationType:i}},[c,d,f,m,j,S,i]);return v==null?null:h.createElement(Da.Provider,{value:u},h.createElement(Pa.Provider,{children:n,value:v}))}function Rg(e){let{children:t,location:n}=e;return dg(vc(t),n)}new Promise(()=>{});function vc(e,t){t===void 0&&(t=[]);let n=[];return h.Children.forEach(e,(s,i)=>{if(!h.isValidElement(s))return;let l=[...t,i];if(s.type===h.Fragment){n.push.apply(n,vc(s.props.children,l));return}s.type!==Rl&&rt(!1),!s.props.index||!s.props.children||rt(!1);let a={id:s.props.id||l.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=vc(s.props.children,l)),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 Tg="6";try{window.__reactRouterVersion=Tg}catch{}const wg="startTransition",ef=Cx[wg];function Lg(e){let{basename:t,children:n,future:s,window:i}=e,l=h.useRef();l.current==null&&(l.current=DE({window:i,v5Compat:!0}));let a=l.current,[o,c]=h.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=h.useCallback(f=>{u&&ef?ef(()=>c(f)):c(f)},[c,u]);return h.useLayoutEffect(()=>a.listen(d),[a,d]),h.createElement(Cg,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var tf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(tf||(tf={}));var nf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(nf||(nf={}));const Ig="modulepreload",Ag=function(e){return"/templates/"+e},rf={},_g=function(t,n,s){if(!n||n.length===0)return t();const i=document.getElementsByTagName("link");return Promise.all(n.map(l=>{if(l=Ag(l),l in rf)return;rf[l]=!0;const a=l.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=i.length-1;d>=0;d--){const f=i[d];if(f.href===l&&(!a||f.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${l}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ig,a||(u.as="script",u.crossOrigin=""),u.href=l,document.head.appendChild(u),a)return new Promise((d,f)=>{u.addEventListener("load",d),u.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${l}`)))})})).then(()=>t()).catch(l=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l})},Ap=h.createContext({styled:!1,setStyled:()=>{}}),z=()=>{const e=h.useContext(Ap);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},kg=({children:e,theme:t})=>{const[n,s]=h.useState(!1);return h.useEffect(()=>{if(t){const i=document.createElement("link");return i.href=t,i.rel="stylesheet",i.type="text/css",document.head.appendChild(i),()=>{document.head.removeChild(i)}}else t||_g(()=>Promise.resolve({}),["assets/trilogy-0f3ce7a7.css"])},[t]),r.jsx(Ap.Provider,{value:{styled:n,setStyled:s},children:e})};function _p(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tt.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Mg.HASH}`).join(" "):t,Iu=({className:e,testId:t,...n})=>{const{styled:s}=z(),i=w(s,E("accordions",e));return r.jsx("section",{className:i,...n,"data-testid":t})};var kp={exports:{}},Tl=1;function Dg(){return Tl=(Tl*9301+49297)%233280,Tl/233280}function Pg(e){Tl=e}var Ug={nextValue:Dg,seed:Pg},Ec=Ug,Rr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Zn,sf,Ks;function gc(){Ks=!1}function Op(e){if(!e){Zn!==Rr&&(Zn=Rr,gc());return}if(e!==Zn){if(e.length!==Rr.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,i){return s!==i.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+Rr.length+" unique characters. These characters were not unique: "+t.join(", "));Zn=e,gc()}}function Fg(e){return Op(e),Zn}function Hg(e){Ec.seed(e),sf!==e&&(gc(),sf=e)}function bg(){Zn||Op(Rr);for(var e=Zn.split(""),t=[],n=Ec.nextValue(),s;e.length>0;)n=Ec.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function Mp(){return Ks||(Ks=bg(),Ks)}function $g(e){var t=Mp();return t[e]}function zg(){return Zn||Rr}var Au={get:zg,characters:Fg,seed:Hg,lookup:$g,shuffled:Mp},mo=typeof window=="object"&&(window.crypto||window.msCrypto),jc;!mo||!mo.getRandomValues?jc=function(e){for(var t=[],n=0;n0&&(t=t+rl(sl)),t=t+rl(n),t}var Jg=Zg,ej=Au;function tj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+ej.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var nj=tj;(function(e){var t=Au,n=Jg,s=nj,i=0;function l(u){return t.seed(u),e.exports}function a(u){return i=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(i)}e.exports=c,e.exports.generate=c,e.exports.seed=l,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(kp);var rj=kp.exports,sj=rj;const Bt=kc(sj);var Dp=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))(Dp||{});const{Browser:wl,Server:Pp,Native:Up}=Dp,ij=!!(typeof window<"u"&&window.document&&window.document.createElement),lj=typeof navigator<"u"&&navigator.product=="ReactNative",Gr=lj?Up:ij?wl:Pp,af={isBrowser:Gr===wl,isServer:Gr===Pp,isNative:Gr===Up,device:Gr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Gr===wl&&!!window.addEventListener,canUseViewport:Gr===wl&&!!window.screen},aj=(...e)=>Object.assign({},...e),oj=e=>Object.values(e),cj=()=>aj((oj(af),af));cj();const Jn=({active:e,className:t,children:n,id:s=Bt.generate(),onClick:i,disabled:l,onClose:a,onOpen:o,...c})=>{const u=h.useRef(null),{styled:d}=z(),[f,m]=h.useState(e||!1),[j,S]=h.useState(),[v,N]=h.useState();h.useEffect(()=>{const C=u.current;if(!C)return;const{floor:R,abs:I}=Math,T=C.children[1].firstChild,L=R(I(C.clientHeight+(T==null?void 0:T.clientHeight))).toString(),U=R(I(C.clientHeight)).toString(),D=R(I(C.clientHeight+1)).toString(),q=R(I(C.children[0].clientHeight)).toString();S(f?U:L),N(f?q:D)},[f]),h.useEffect(()=>{m(e||!1)},[e]);const p=w(d,E("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((C,R)=>P.cloneElement(C,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:l})):n);const g={};return l&&(g.tabIndex=-1,g["aria-disabled"]=!0),r.jsx("details",{open:f,...g,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":j,onClick:C=>{o&&!f&&o(C),a&&f&&a(C),i&&i(C)},children:x})},er=({children:e,className:t,testId:n,...s})=>{const{styled:i}=z();return r.jsx("summary",{"data-accordion-header":!0,className:w(i,E("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},tr=({children:e,className:t,dataId:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:w(l,E("accordion-body is-clipped",t)),...i,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:w(l,E("accordion-content")),children:e})})},uj={icons:{},colors:{},fontFamily:{}},dj={theme:uj,setTheme:()=>{}},fj=P.createContext(dj);var le=(e=>(e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT",e))(le||{});const Ll={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"],NEUTRAL_DARK:["#646464","#E9E9E9","grey-dark","white"],NEUTRAL_LIGHT:["#E9E9E9","#E9E9E9","grey-light","grey"],HOVERED:["#F4F4F4","#F4F4F4","hovered","white"]},St=e=>Ll[e][2],hj=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"}},nr=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(fj),s=(n==null?void 0:n.colors)||Ll,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${St(e.color)}${e.fade?"-fade":""}`:`background-${St(e)}`,mj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var M=(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))(M||{}),X=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(X||{}),Ai=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ai||{}),Rs=(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))(Rs||{}),Ut=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(Ut||{}),Sc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(Sc||{}),Nc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Nc||{});function pj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Fp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const y=Fp("is"),Z=Fp("has"),of=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=z(),o=w(a,E("icon",i&&y(`${i}`),y("ancestor"),Z("status"),e)),c=w(a,E("icon is-circled is-descendant",n&&y(`${n.toLowerCase()}`),s&&y(`${s}`))),u=w(a,E(n===Ai.SUCCESS?M.CHECK_CIRCLE:M.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":l,children:[r.jsx("span",{className:w(a,E(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},cf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=z(),c=l&&Z(zt(l))||pj(n||"",Ai.INFO)||Z(zt(le.MAIN)),u=w(o,E("icon",Z(i?mj(i):"text-white"),y(i||le.BACKGROUND),[y(`${s}`)],y("circled"),c,e)),d=w(o,E(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},uf=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=z(),m=l&&(j=>{if(j in Sc||Object.values(Sc).includes(j))return!0})(l)?l:"span";return i?r.jsxs("span",{className:w(d,E("icon-and-text",(i===Ut.UP||i===Ut.DOWN)&&y("stacked"),e)),children:[(i===Ut.RIGHT||i===Ut.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx($,{name:n,className:e,...u}),(i===Ut.UP||i===Ut.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:w(d,E("icon-and-text",e)),children:[r.jsx($,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(m,{className:w(d,E(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var ye=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(ye||{});const Ln=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"}},$=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=z(),T=w(I,E("icon",m&&y("stretched"),n&&y(n),u&&y("stacked"),j&&y(`${St(j)}`),p&&y("loading"),d&&y("stacked"),C&&y("marginless"),e));e=E(a&&x&&y(`${Ln(x)}`),e);const L=w(I,E(N&&Ln(N)==="aligned-start"&&Z("text-left")||Ln(N)==="aligned-center"&&Z("text-centered")||Ln(N)==="aligned-end"&&Z("text-right")));return l||l&&i?N?r.jsx("div",{className:L,children:r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})}):r.jsx(cf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?r.jsx("div",{className:L,children:r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})}):r.jsx(of,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?r.jsx("div",{className:L,children:r.jsx(uf,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})}):r.jsx(uf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?r.jsxs("div",{className:L,children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:T,...R,children:[r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"}),r.jsx("span",{className:w(I,E("badge",y("up"))),children:d})]}),a&&r.jsx("span",{className:w(I,E(t)),children:a})]}):m?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):j?N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})}):N?r.jsx("div",{className:L,children:r.jsx("span",{onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":g,onClick:v&&v,className:T,...R,children:r.jsx("i",{className:w(I,E(s)),"aria-hidden":"true"})})};var yc=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(yc||{});const Hp=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},xj=e=>{switch(e){case"SUCCESS":return M.CHECK_CIRCLE;case"INFO":return M.INFOS_CIRCLE;case"WARNING":return M.ALERT;case"ERROR":return M.EXCLAMATION_CIRCLE;default:return M.INFOS_CIRCLE}};var Cr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Cr||{}),bp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(bp||{});const vj=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"}},Ej=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Cc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Cc||{}),$p=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))($p||{});const gj=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 dr=(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))(dr||{}),Ar=(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))(Ar||{}),Yn=(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Yn||{}),Xe=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(Xe||{}),mt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(mt||{});const A=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=z(),g=w(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Xe.ONE:return y("level-1");case Xe.TWO:return y("level-2");case Xe.THREE:return y("level-3");case Xe.FOUR:return y("level-4");default:return y(`level-${e}`)}})(),c&&y("inverted"),o,y(u?"loading":"loaded"),j&&y("marginless"),v&&y("text-ellipsis"),s)),R=t&&(I=>{if(I in mt||Object.values(mt).includes(I))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===mt.A&&{href:i},...N,children:n})};var O=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(O||{}),Rc=(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))(Rc||{});const jj=e=>{if(e)switch(e){case O.ONE:return y("level-1");case O.TWO:return y("level-2");case O.THREE:return y("level-3");case O.FOUR:return y("level-4");case O.FIVE:return y("level-5");case O.SIX:return y("level-6");default:return y(`level-${e}`)}},Sj=e=>e in Rc||Object.values(Rc).includes(e),_=({level:e=O.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=z(),x=w(p,E("title",e&&jj(e),i,y(v?"loading":"loaded"),a&&y("inverted"),m&&y("marginless"),s)),g=w(p,E("subtitle",s)),C=w(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&Sj(t)?t:"div",I=()=>d?g:f?C:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S,children:n})},df=()=>0;P.createContext({show:df,hide:df});const zp=({status:e,className:t,iconName:n,title:s,description:i,onClick:l,display:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("alert",Z("body"),e&&y(Hp(e)),t)),f=h.useMemo(()=>n??(e?xj(e)??M.INFOS_CIRCLE:M.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:m=>{l==null||l(m),m.stopPropagation()},className:d,...c,children:[r.jsx($,{name:f}),r.jsxs("div",{className:w(u,E("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:O.SIX,children:s}):s,i&&typeof i.valueOf()=="string"?r.jsx(A,{children:i}):i]})]}):r.jsx("div",{})},mn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var aa=(e=>(e.LEFT="left",e.RIGHT="right",e))(aa||{}),Wp=(e=>(e.MAIN="MAIN",e))(Wp||{});const Hs=({children:e,className:t,textContent:n,content:s,direction:i,onClick:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},className:u,...o,children:[(!i||i===aa.LEFT)&&r.jsx(A,{markup:mt.P,children:n}),r.jsx("span",{className:w(c,E("badge is-level")),children:s||e}),i===aa.RIGHT&&r.jsx(A,{markup:mt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{l==null||l(d),d.stopPropagation()},children:r.jsx(A,{className:E(n?"badge-and-text":"badge",t),markup:mt.SPAN,...o,children:s||e})})};var _u=(e=>(e.DIV="div",e.A="a",e))(_u||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:i,skeleton:l,to:a,background:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:f,flat:m,hat:j,fullheight:S,active:v,...N})=>{const{styled:p}=z(),[x,g]=h.useState(l||!1),C=w(p,E("box",u&&y("shadowless"),n,o&&Z(zt(o)),d&&Z("background"),e&&y("inverted")||y("base"),y(x?"loading":"loaded"),c&&`${y("highlighted")} ${y(St(c))}`,m&&y("flat"),j&&Z("hat"),S&&y("fullheight"),v&&y("active")));if(h.useEffect(()=>{g(l||!1)},[l]),i===_u.A||a)return r.jsx("a",{"data-testid":f,href:a,onClick:I=>{s==null||s(I)},className:C,...N,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":f,onClick:I=>{s==null||s(I)},className:C,...N,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E("box-content",n&&Z(zt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...i,children:e})},qr=({className:e,children:t,backgroundColor:n,testId:s,...i})=>{const{styled:l}=z();return r.jsx("div",{"data-testid":s,className:w(l,E("box-footer",n&&Z(zt(n)),e)),...i,children:t})},yn=({children:e,className:t,help:n,centered:s,pulledLeft:i,pulledRight:l,variant:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("box-header",t,s&&"has-text-centered",l&&"has-text-right",i&&"has-text-left",a&&Z(zt(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)})]})},il=e=>8*e;var Nj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=il(2)]="SMALL",e[e.MEDIUM=il(4)]="MEDIUM",e[e.LARGE=il(8)]="LARGE",e[e.HUGE=il(12)]="HUGE",e))(Nj||{});const ll=({children:e,className:t,testId:n,accessibilityLabel:s,...i})=>{const{styled:l}=z();return r.jsx("nav",{role:"navigation","data-testid":n,className:w(l,E("breadcrumb",t)),"aria-label":s,...i,children:r.jsx("ul",{children:e})})},at=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=z(),N=E(!n&&"link",f&&Z("icon"),o,m&&y("inverted"),t);if(d&&s){const x=d||"a",g=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:w(v,E(N)),to:s||"",...j&&{target:"_blank"},...S,children:l||e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(g,{})}):r.jsx(g,{})}const p=()=>r.jsx(A,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:mt.A,className:N,href:i,...j&&{target:"_blank"},...S,children:f?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx($,{name:f,size:X.SMALL})]}):e});return o?r.jsx("div",{className:w(v,E(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:i,routerLink:l,testId:a,onClick:o,...c})=>{const{styled:u}=z(),d=w(u,E(t&&y("active"),n));if(l&&i){const f=l||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(f,{className:w(u,E("link")),to:i,...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||{}),we=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(we||{});const te=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=z(),g=T=>{if(T in Ts||Object.values(Ts).includes(T))return!0},R=w(x,((T,L,U,D)=>E("button",y(T?"loading":"loaded"),L&&y(hj(L)),U&&y("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return r.jsxs("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]});if(I==="input")return r.jsx("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return r.jsxs(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N,children:[v&&r.jsx($,{className:a?"":"is-marginless",name:v}),a]})},Qs=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var ku=(e=>(e.DIV="div",e.A="a",e))(ku||{});const Je=({className:e,background:t,backgroundSrc:n,inverted:s,flat:i,horizontal:l,floating:a,align:o,justify:c,skeleton:u,onClick:d,reversed:f,testId:m,markup:j,to:S,fullheight:v,active:N,...p})=>{const[x,g]=h.useState(u||!1),{styled:C}=z();h.useEffect(()=>{g(u||!1)},[u]);const R={cursor:"pointer"},I=w(C,E("card",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),i&&y("flat"),l&&[y("horizontal"),y("vcentered")],a&&y("floating"),o&&y(Ln(o)),c&&y(c),y(x?"loading":"loaded"),f&&y("reversed"),e,v&&y("fullheight"),N&&y("active")));return j===ku.A?r.jsx("a",{"data-testid":m,href:S,onClick:T=>{d==null||d(T),T.stopPropagation()},...p,className:I}):r.jsx("div",{"data-testid":m,onClick:d&&d,className:I,...p,style:d&&{...R}})},Pt=({src:e,alt:t,className:n,size:s,onClick:i,...l})=>{const{styled:a}=z(),o=w(a,E("card-image",s&&y(`${s}`),n));return r.jsx("div",{onClick:c=>{i==null||i(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:w(a,E("image")),...l,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},et=({children:e,className:t,titleSup:n,titleSupLevel:s,title:i,titleLevel:l,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:f,onClick:m,testId:j,...S})=>{const{styled:v}=z();return e?r.jsx("div",{"data-testid":j,className:w(v,E("card-content",t)),...S,children:e}):r.jsxs("div",{"data-testid":j,onClick:N=>{m==null||m(N),N.stopPropagation()},className:w(v,E("card-content",t)),...S,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),i&&r.jsx(_,{testId:j?`${j}-title`:void 0,level:l||O.THREE,children:i}),d&&r.jsx(A,{level:f,children:d}),a&&r.jsx(te,{testId:j?`${j}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},xn=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=z(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:w(N,E(d?"checkbox-tile":"checkbox",j&&y("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),r.jsxs("label",{htmlFor:i,className:w(N,E("checkbox-label")),children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(N,E("checkbox-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(N,E("checkbox-description")),children:f})]})]})]})},Pn=({className:e,onClick:t,children:n,active:s,disabled:i,id:l,inverted:a,testId:o,...c})=>{const{styled:u}=z(),d=w(u,E("chips",s&&y("active"),a&&Z(`background-${St(le.BACKGROUND)}`),e));return r.jsx("button",{disabled:i,"aria-disabled":i,"data-testid":o,id:l,"aria-checked":!!s,className:d,onClick:f=>{t==null||t(f)},...c,children:n})},ff=({children:e,multiple:t,...n})=>{const{styled:s}=z(),i=w(s,E("chips-list",t&&y("multiple")));return r.jsx("div",{role:t?"group":"radiogroup",className:i,...n,children:e})},Ke=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=z(),m=w(f,E("columns",t&&y("multiline"),n&&y("inlined"),s&&y("mobile"),i&&y("centered"),l&&y("vcentered"),!o&&a&&y("gapless"),!a&&o&&[y("variable"),y(`${o}`)],c&&y("flex"),u&&y("marginless"),e));return r.jsx("div",{className:m,...d})},K=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=z(),R=w(C,E("column",t&&y(`${t}`),n&&y(`${n}-mobile`),s&&y(`${s}-tablet`),i&&y(`${i}-tablet`),l&&y(`${l}-desktop`),a&&y(`${a}-widescreen`),o&&y(`${o}-fullhd`),c&&y(`offset-${c}`),u&&y(`offset-${u}-mobile`),d&&y(`offset-${d}-tablet`),f&&y(`offset-${f}-tablet`),m&&y(`offset-${m}-desktop`),j&&y(`offset-${j}-widescreen`),S&&y(`offset-${S}-fullhd`),v&&y("narrow"),N&&y("vcentered"),p&&Z("text-centered"),x&&y(Ln(x)),e));return r.jsx("div",{className:R,...g})},Me=({className:e,fluid:t,centered:n,verticalCentered:s,medium:i,fullwidth:l,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:f,pulledRight:m,pulledLeft:j,...S})=>{const{styled:v}=z(),N=()=>{switch(a){case Cc.TOP:return y("sticky-top");case Cc.BOTTOM:return y("sticky-bottom");default:return""}},p=w(v,E("container",t&&y("fluid"),i&&y("medium"),n&&y("centered"),l&&y("fullwidth"),s&&y("vcentered"),m&&y("pulled-right"),j&&y("pulled-left"),a&&N(),u&&Z(zt(u)),d&&Z("background"),f&&y("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...S,style:x})};var oi=(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))(oi||{}),Ot=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Ot||{});const yj=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}},hf=({deadline:e,className:t,format:n,event:s,small:i,...l})=>{const{styled:a}=z(),[o]=h.useState(e),c=e.getTime()-new Date().getTime(),u=yj(c),[d,f]=h.useState(u),[m,j]=h.useState(!1),S=[d.days!=0,d.hours!=0,d.minutes!=0,d.seconds!=0],v=n==null?void 0:n.split("-"),N=w(a,E("countdown",i&&y("small"),t));return v?v.forEach(p=>{switch(p){case"dd":S[Ot.DAY]=!0;break;case"hh":S[Ot.HOUR]=!0;break;case"mm":S[Ot.MIN]=!0;break;case"ss":S[Ot.SEC]=!0;break}}):(S[Ot.DAY]=!0,S[Ot.HOUR]=!0,S[Ot.MIN]=!0,S[Ot.SEC]=!0),h.useEffect(()=>{setInterval(()=>{const p=o.getTime()-new Date().getTime();if(p>0)switch(n){case oi.DAY:f({days:Math.ceil(p/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case oi.DAY_HOUR:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.ceil(p/(1e3*60*60)%24),minutes:0,seconds:0});break;case oi.DAY_HOUR_MIN:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.ceil(p/1e3/60%60),seconds:0});break;default:f({days:Math.floor(p/(1e3*60*60*24)),hours:Math.floor(p/(1e3*60*60)%24),minutes:Math.floor(p/1e3/60%60),seconds:Math.floor(p/1e3%60)});break}j(!0)},1e3)},[o,n]),h.useEffect(()=>{d.days+d.hours+d.minutes+d.seconds===0&&s&&m&&(s(null),j(!1))},[d,s,m]),r.jsxs("ul",{className:N,...l,children:[(S[Ot.DAY]||d.days!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.days?d.days:0}),"j"]}),(S[Ot.HOUR]||d.hours!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.hours?d.hours:0}),"h"]}),(S[Ot.MIN]||d.minutes!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.minutes?d.minutes:0}),"m"]}),(S[Ot.SEC]||d.seconds!=0)&&r.jsxs("li",{className:w(a,E("count")),children:[r.jsx("span",{className:w(a,E("value")),children:d.seconds?d.seconds:0}),"s"]})]})},G=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=z(),d=w(u,E("divider",t&&y("unboxed"),s&&y("marginless"),e,l&&Z(`background-${St(l)}`),i&&"has-icon")),f=w(u,E("divider-content",o&&Z(`text-${St(o)}`),a&&Z(`background-${St(a)}`)));return n&&i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:n})}):i?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:f,children:r.jsx($,{name:i,size:a?X.SMALL:X.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Cj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:i,className:l,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:f,disabled:m,...j})=>{const{styled:S}=z(),[v,N]=h.useState(t||!1);h.useEffect(()=>{N(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=w(S,E("fab",t&&y("extended"),l));return r.jsxs("button",{disabled:m,"data-testid":f,"aria-label":s,onClick:g=>{i==null||i(g),g.stopPropagation()},style:{...p},...j,className:x,children:[r.jsx($,{name:n}),e]})},Il=({children:e,background:t,backgroundSrc:n,inverted:s,className:i,align:l,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=z(),f=w(d,E("hero",t&&Z(zt(t)),n&&Z("background"),s&&y("inverted")||y("base"),l&&y(Ln(l)),a&&y(a),c&&y("overlapped"),i));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:f,...u,children:r.jsx("div",{className:w(d,E("hero-body")),children:e})})},po=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("image",n)),d={image:{width:i,height:l}};return r.jsx("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:w(c,E(s?y("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var Te=(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))(Te||{}),gt=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(gt||{}),Vp=(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))(Vp||{});const xo=e=>typeof e=="string"?e:e.label,Rj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tj=(e,t)=>{const n=Rj(t),s=new RegExp(`^${n}`,"i");return e.filter(i=>s.test(typeof i=="string"?i:i.label))},wj=({children:e,suggestionSelected:t,testId:n,item:s,active:i})=>{const{styled:l}=z(),[a,o]=h.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:w(l,E("autocomplete-item",i&&y("active"),a&&y("active"))),onClick:()=>t?t(s):"",children:e})},Lj=({children:e,className:t,absolute:n,fullwidth:s,testId:i})=>{const{styled:l}=z();return r.jsx("div",{role:"list","data-testid":i,className:w(l,E("autocomplete-menu",n&&y("absolute"),s&&y("fullwidth"),t)),children:e})},Ij=(e,t)=>{let n;return async(...s)=>{const l=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(l,t)}},Aj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:i,placeholder:l,data:a,status:o,onBlur:c,testId:u,onChange:d,name:f,matching:m=Tj,displayMenu:j=!0,onItemSelected:S,customIcon:v,reference:N,disabled:p,children:x,accessibilityLabel:g,onIconClick:C,getSuggestions:R,debounceSuggestionsTimeout:I,onFocus:T,loading:L,...U})=>{const{styled:D}=z(),{Input:q}=U,[ae,Pe]=h.useState(null),[re,Y]=h.useState(t??""),[oe,fe]=h.useState(0),[H,V]=h.useState(j||!1),[W,J]=h.useState([]),Se=w(D,E(y("autocomplete"),y("active")));h.useEffect(()=>{Y(t||"")},[t]),h.useEffect(()=>{fe(0),a!=null&&a.length&&m&&J(m(a,re)),ae&&xo(ae)!==re&&Pe(null)},[re]),h.useEffect(()=>{J(m(a,re))},[a]);const kt=async me=>{if(V(!0),d&&d({inputName:f||"",inputValue:me.inputValue,inputSelectionStart:null}),me.inputValue.startsWith("/")&&me.inputValue.endsWith("/"))try{const Ze=me.inputValue.substring(1,me.inputValue.lastIndexOf("/"));Y(new RegExp(Ze,"i").source)}catch{Y(me.inputValue)}else Y(me.inputValue);if(R){const Ze=await R(me.inputValue);J(Ze)}else m&&a&&J(m(a,me.inputValue))},Qe=I?Ij(kt,I):kt,tn=(me,Ze,Gt)=>{V(!1),Y(xo(me)),Pe(me),(Ze||Gt)&&S&&S({value:me,index:me?(Ze.length?Ze:Gt).indexOf(me):-1})},ne=me=>{switch(me.inputKeyCode){case 38:if(oe===0)return;fe(oe-1);break;case 40:if(oe===W.length-1)return;fe(oe+1);break;case 13:W[oe]!=null&&tn(W[oe],a,W);break}},Ce=me=>{V(!0),T&&T(me)};return r.jsxs("div",{className:w(D,E("control")),children:[r.jsx(q,{defaultValue:e,accessibilityLabel:g,...v?{customIcon:v}:{},reference:N,placeholder:l,...f?{name:f}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Vp.OFF,disabled:p,onBlur:me=>{setTimeout(()=>V(!1),250),c&&c(me)},onFocus:Ce,onKeyUp:ne,value:re,onChange:me=>{Qe(me)},onIconClick:C,loading:L}),H&&r.jsx("div",{className:Se,children:W.length>0&&r.jsx(Lj,{testId:u,absolute:s,fullwidth:i,className:n,children:W.map((me,Ze)=>r.jsx(wj,{active:oe===Ze,testId:u,item:me,suggestionSelected:Gt=>tn(Gt,a,W),children:x?x(me):xo(me)},Ze))})}),r.jsx("div",{})]})},_j=({validationRules:e,inputValue:t})=>{var g,C;const[n,s]=P.useState(0),i={isVerify:!1,color:Rs.NEUTRAL},[l,a]=P.useState(i),[o,c]=P.useState(i),[u,d]=P.useState(i),[f,m]=P.useState(i),[j,S]=P.useState(i),v=P.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),N=P.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=P.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?nr(le.ERROR):R<=99&&R>50?nr(le.WARNING):nr(R===100?le.SUCCESS:le.NEUTRAL_LIGHT)},[n,v]),x=h.useMemo(()=>{var R,I,T,L,U,D,q,ae,Pe,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((I=e==null?void 0:e.length)==null?void 0:I.max)!==void 0):return`Entre ${(T=e==null?void 0:e.length)==null?void 0:T.min} et ${(L=e==null?void 0:e.length)==null?void 0:L.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((D=e==null?void 0:e.length)!=null&&D.max)):return`Minimum ${(q=e==null?void 0:e.length)==null?void 0:q.min} caractères`;case(((ae=e==null?void 0:e.length)==null?void 0:ae.max)&&!((Pe=e==null?void 0:e.length)!=null&&Pe.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(g=e==null?void 0:e.length)==null?void 0:g.min,(C=e==null?void 0:e.length)==null?void 0:C.max]);return h.useEffect(()=>{var U,D;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,I=((D=e==null?void 0:e.length)==null?void 0:D.max)||"",T=new RegExp(`^.{${R},${I}}$`),L=[];e!=null&&e.specialChars&&L.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&L.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&L.push({test:/[A-Z]/.test(t),setState:m}),e!=null&&e.lowercase&&L.push({test:/[a-z]/.test(t),setState:S}),e!=null&&e.length&&L.push({test:T.test(t),setState:a}),L.forEach(({test:q,setState:ae})=>ae(q?{isVerify:!0,color:Rs.SUCCESS}:i)),s(L.filter(q=>q.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:N,isLengthVerify:l,isLowerercaseVerify:j,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:f}},kj=({validationRules:e,styled:t,inputValue:n})=>{var f,m;const{widthGauge:s,colorGauge:i,LengthvalidationRulesText:l,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=_j({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:w(t,E("security-gauge-container")),children:[r.jsx("div",{className:w(t,E("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:i},className:w(t,E("gauge"))})}),r.jsxs("div",{className:w(t,E("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:l,classes:"security-length","data-length-min":(f=e==null?void 0:e.length)==null?void 0:f.min,"data-length-max":(m=e==null?void 0:e.length)==null?void 0:m.max,color:a.color,iconName:a.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{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?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx(bs,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t}),r.jsx(bs,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?M.CHECK_CIRCLE:M.TIMES,styled:t})]})]})]})},bs=({dataAttribute:e,type:t,display:n,color:s,iconName:i,classes:l,styled:a})=>n?r.jsxs("div",{...e,className:w(a,E("security",l)),children:[r.jsx($,{color:s,name:i,size:X.SMALLER}),r.jsx("span",{children:t})]}):null,ve=({forceControl:e,className:t,disabled:n,onChange:s,onKeyPress:i,onKeyUp:l,onIconClick:a,onClick:o,onFocus:c,onBlur:u,patternValidator:d,onMouseEnter:f,onMouseLeave:m,name:j,placeholder:S,type:v="text",defaultValue:N,value:p,loading:x,focused:g,hasIcon:C,customIcon:R,status:I,help:T,iconClassname:L,reference:U,onStatusChange:D,customValidator:q,onSubmit:ae,minLength:Pe,maxLength:re,testId:Y,accessibilityLabel:oe,autoCompleteType:fe,customIconLeft:H,customIconRight:V,securityGauge:W,validationRules:J,required:Se,...kt})=>{const{styled:Qe}=z(),tn=S!==void 0&&S.length>0,ne=new Map;ne.set(gt.SUCCESS,M.CHECK_CIRCLE),ne.set(gt.WARNING,M.EXCLAMATION_CIRCLE),ne.set(gt.ERROR,M.EXCLAMATION_CIRCLE);const[Ce,me]=h.useState(N??""),[Ze,Gt]=h.useState(g??!1),[Wr,ex]=h.useState(!1),[Ou,tx]=h.useState(!1),[nn,Mu]=h.useState(I||gt.DEFAULT),[Vr,Du]=h.useState(v),[nx,Pu]=h.useState(!1),rx=E("help",nn&&y(nn)),sx=w(Qe,E("input",nn&&y(nn))),ix=w(Qe,E("field",t,v==="password"&&W&&"has-gauge")),lx=w(Qe,E("control",tn&&v!==Te.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:C??(R||V||v==="password"),"has-icons-left":H||v===Te.SEARCH})),Uu=h.useCallback(Ne=>{const rn=Ne.target;return{inputName:rn.name,inputValue:rn.value,inputKeyCode:Ne.keyCode,preventDefault:()=>Ne.preventDefault()}},[]),vr=h.useCallback(({className:Ne,name:rn,color:Hi,closeIconSearch:ax,onPress:Hu})=>r.jsxs("div",{...v==="password"&&{"data-show-pwd":!0},onClick:()=>{Hu&&Hu(),a&&a({inputName:rn??"",inputValue:Ce})},children:[r.jsx($,{className:Ne,name:rn,size:X.SMALL,color:Hi}),Ce&&Ce.length>0&&ax&&r.jsx($,{onClick:()=>me(""),className:w(Qe,E(y("justified-self"))),name:M.TIMES_CIRCLE,size:X.SMALL})]}),[Ce,Qe]),Fu=!q&&d?Ne=>d.test(Ne)?gt.SUCCESS:gt.ERROR:q;return h.useEffect(()=>{me(p??N??"")},[p,N]),h.useEffect(()=>{Gt(g??!1)},[g]),h.useEffect(()=>{Ze?ex(!0):Wr&&tx(!0)},[Ze,Wr]),h.useEffect(()=>{!Fu||!Ou||Mu(Fu(Ce))},[Ze,Ou]),h.useEffect(()=>{Mu(I||gt.DEFAULT)},[I]),h.useEffect(()=>{D&&D(nn)},[nn]),r.jsxs("div",{className:ix,"data-has-gauge":W?!0:void 0,children:[r.jsxs("div",{className:lx,children:[r.jsx("input",{required:Se,role:"textbox",...kt,"data-testid":Y,"aria-label":oe,type:Vr,className:sx,value:Ce,defaultValue:N,name:j,onSubmit:ae,ref:U,disabled:n,minLength:Pe,maxLength:re,autoComplete:fe,onKeyUp:Ne=>l&&l(Uu(Ne)),onKeyPress:Ne=>i&&i(Uu(Ne)),onMouseEnter:Ne=>f==null?void 0:f(Ne),onMouseLeave:Ne=>m==null?void 0:m(Ne),placeholder:S,onClick:Ne=>{const rn=Ne.target;o&&o({inputName:rn.name,inputValue:rn.value})},onChange:Ne=>{if(Vr!==Te.DATE&&Vr!==Te.DATETIME_LOCAL&&Vr!==Te.NUMBER&&Vr!==Te.EMAIL){const rn=Ne.target.selectionStart,Hi=Ne.target;window.requestAnimationFrame(()=>{Hi.selectionStart=rn,Hi.selectionEnd=rn})}e||me(Ne.target.value),s&&s({inputName:Ne.target.name,inputValue:Ne.target.value,inputSelectionStart:Ne.target.selectionStart})},onFocus:Ne=>{c==null||c(Ne),Gt(!0)},onBlur:Ne=>{u==null||u(Ne),Gt(!1)}}),tn&&v!==Te.SEARCH&&r.jsx("label",{children:S}),C&&nn&&!R&&!x&&!H&&!V&&r.jsx(vr,{className:L,name:ne.get(nn)}),R&&!nn&&!x&&r.jsx(vr,{className:L,name:R}),H&&!x&&r.jsx(vr,{className:E(H&&"icon-left",L),name:H}),V&&!x&&v!=="password"&&r.jsx(vr,{className:E(V&&"icon-right",L),name:V}),!x&&v==="password"&&r.jsx(vr,{className:E("icon-right",L),name:nx?"tri-eye-slash":"tri-eye",onPress:()=>{Vr==="password"?(Du("text"),Pu(!0)):(Du("password"),Pu(!1))}}),R&&nn&&!x&&r.jsx(vr,{className:L,name:R}),v===Te.SEARCH&&!R&&nn==="default"&&!x&&r.jsx(vr,{color:Rs.MAIN,className:L,name:M.SEARCH,closeIconSearch:!0}),x&&r.jsx("span",{className:w(Qe,E(y("searching")))})]}),T&&r.jsx(A,{className:rx,children:T}),W&&v==="password"&&r.jsx(kj,{validationRules:J,styled:Qe,inputValue:Ce})]})};ve.AutoComplete=e=>{const t={...e,Input:ve};return r.jsx(Aj,{...t})};const al=({className:e,hasIcon:t,children:n,testId:s,...i})=>{const{styled:l}=z(),a=w(l,E(t?"icon-list":"list",e));return r.jsx("ul",{"data-testid":s,className:a,...i,children:n})},Ct=({className:e,children:t,customIcon:n,status:s,title:i,description:l,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=z(),f=E(y(St(s?le[s]:le.BACKGROUND)),e);return r.jsxs("li",{className:w(d,E(f,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:w(d,E("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:r.jsx($,{className:f,name:u?"tri-trash":n,size:X.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:w(d,E("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(i||l)&&r.jsxs(r.Fragment,{children:[i&&r.jsx("b",{children:i}),t||l&&r.jsx("p",{children:t||l})]}),!i&&!l&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:w(d,E("list-item_action")),children:o}),c&&r.jsx(G,{})]})};Bt.generate();Bt.generate();Bt.generate();const ol=({className:e,code:t,codeSize:n=6,disabled:s,error:i,onCompleted:l,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...f})=>{const[m,j]=h.useState(t||""),[,S]=h.useState(!1),{styled:v}=z(),N=/^-?\d*\.?\d*$/,p=w(v,E("otp-list",i&&y("error"),e));h.useEffect(()=>{!s&&m.length>=n&&(l==null||l(m))},[n,m]);const x=h.useMemo(()=>{const L=m.split(""),U=[];for(let D=0;D{const U=L.nextElementSibling;U&&U.focus()},C=L=>{const U=L.previousElementSibling;U&&U.focus()},R=(L,U)=>{const{target:D}=L;let q=D.value.trim();const ae=N.test(q);if(!ae&&q!=="")return;const Pe=D.nextElementSibling;if(!ae&&Pe&&Pe.value!=="")return;q=ae?q:"";const re=q.length;if(re===1){const Y=m.substring(0,U)+q+m.substring(U+1);if(a&&a(Y),j(Y),!ae)return;g(D)}else re===n&&(a&&a(m),j(q),D.blur())},I=L=>{const{key:U}=L,D=L.target;if(U==="ArrowRight"||U==="ArrowDown")return L.preventDefault(),g(D);if(U==="ArrowLeft"||U==="ArrowUp")return L.preventDefault(),C(D);const q=D.value;if(D.setSelectionRange(0,q.length),L.key!=="Backspace"||q!==""){D.value="";return}C(D)},T=L=>{const{target:U}=L,D=U.previousElementSibling;if(D&&D.value==="")return D.focus();U.setSelectionRange(0,U.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:mt.P,typo:s&&Yn.TEXT_NEUTRAL||i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:p,onClick:()=>{s||(S(!0),o==null||o(!0))},children:x.map((L,U)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:U===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:L,onKeyDown:I,onFocus:T,onChange:D=>R(D,U),disabled:s,...f},U))}),u&&r.jsx(A,{className:w(v,E("otp-error-message")),markup:mt.P,typo:i&&Yn.TEXT_ERROR||Yn.TEXT_MAIN,children:u})]})},mf=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:i,testId:l,href:a,...o})=>{const[c,u]=h.useState(n),{styled:d}=z(),f=w(d,E("pagination",y("centered"),e)),m=h.useRef(c),j=P.useMemo(()=>{const v=Math.ceil(t/s);let N=1,p=5;v<=5?(N=1,p=v):c<=3?(N=1,p=5):c+3>=v?(N=v-4,p=v):(N=c-2,p=c+2);const x=[...Array(p+1-N).keys()].map(g=>N+g);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);h.useEffect(()=>{i&&m.current!==j.currentPage&&i(j),u(j.currentPage),m.current=j.currentPage},[j.currentPage]);const S=t/s;return r.jsxs("nav",{"data-testid":l,className:f,...o,children:[r.jsx("a",{className:w(d,E("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx($,{name:M.ARROW_LEFT})}),r.jsxs("ul",{className:w(d,E("pagination-list")),children:[!j.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})}),j.pages.map(v=>r.jsx("li",{"data-testid":`${l}_${v}`,children:r.jsx("a",{className:w(d,E("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)),!j.pages.includes(S)&&r.jsx("li",{children:r.jsx("span",{className:w(d,E("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:w(d,E("pagination-next")),...c===Math.max(j.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(j.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx($,{name:M.ARROW_RIGHT})})]})},Un=({className:e,direction:t,children:n,active:s,arrowPosition:i,content:l,testId:a,...o})=>{const{styled:c}=z(),u=w(c,E("popover",t&&y(`popover-${t}`),s&&y("popover-active"),i&&y(`arrow-${i}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,l&&r.jsx("div",{"data-testid":`${a}_content`,className:w(c,E("popover-content")),children:l})]})};var Al=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Al||{});const Oj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},Ae=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var q;const{styled:p}=z(),x=w(p,E("price",c&&y(`${c}`),l&&y(`level-${l}`),a&&y("inverted"),u&&y("inlined"),m&&y("striked"),j&&Z("suptitle"),e)),g=w(p,E(o==ye.ALIGNED_START&&Z("text-left")||o==ye.ALIGNED_CENTER&&Z("text-centered")||o==ye.ALIGNED_END&&Z("text-right")||"")),C=t<0,R=Math.abs(t),I=Math.floor(R),T=C?-I:I;let L=Oj(((q=R.toString().split(/[.,]/)[1])==null?void 0:q.substring(0,2))||"");L=L&&L.length===1&&`${L}0`||L;const U=u&&i&&`,${L||"00"} €`||i&&`€${L||"00"}`||"€",D=r.jsxs("span",{className:S?w(p,E(y("aligned-center"),y("flex"))):"",children:[r.jsxs("span",{"data-testid":d,"aria-label":f,className:x,...N,children:[j&&r.jsx("span",{className:"price-suptitle",children:j}),r.jsx(A,{markup:mt.SPAN,children:`${T}`}),r.jsxs("span",{className:w(p,E("price-details")),children:[r.jsxs("span",{className:w(p,E("cents")),children:[u&&U==="€"?r.jsxs(r.Fragment,{children:[" ",U]}):U,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:w(p,E("period")),children:["/",s]})]})]}),S&&r.jsxs("span",{className:w(p,E("price-tag")),children:[r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_SEMIBOLD,Yn.TEXT_WHITE],children:[S," ",v||"€"]}),v==="€"&&s&&r.jsxs(A,{markup:mt.SPAN,typo:[Ar.TEXT_WEIGHT_NORMAL,Yn.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:g,children:D}):D};var qt=(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))(qt||{});const Mj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:i,closeable:l,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=h.useState(n||!1),{styled:f}=z();h.useEffect(()=>{d(n||!1)},[n]);const m=w(f,E("product-tour",u&&y("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:m,...c,children:[s&&r.jsx("div",{className:w(f,E("arrow",y(s),i&&y(i)))}),a&&r.jsx("span",{className:w(f,E("icon",y("medium"))),children:r.jsx("img",{className:w(f,E(y("rounded"))),src:a})}),l&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx($,{size:X.SMALL,name:M.TIMES,className:"close"})}),r.jsx("div",{className:w(f,E("product-tour-content")),children:e})]})};var Bp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Bp||{}),Gp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Gp||{});const pf=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=z();return r.jsx("div",{className:w(l,E("radios",e,t&&Z("text-centered"),n&&y("mobile"),s&&y("vertical"))),...i})},Mt=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=z(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:w(g,E(d?"radio-tile":"radio",v&&y("narrow"),N&&y("marginless"),j&&y("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),r.jsx("label",{htmlFor:i,className:w(g,E("radio-label")),children:S||r.jsxs(r.Fragment,{children:[m&&r.jsx($,{name:m,size:X.MEDIUM}),j?r.jsxs("span",{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:w(g,E("radio-title")),children:l}):l,d&&f&&r.jsx("span",{className:w(g,E("radio-description")),children:f})]})]})})]})},Dj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:i,labelValueCursorMin:l,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:f,idMax:m,testId:j,gap:S=0})=>{const{styled:v}=z(),[N,p]=h.useState(s??0),[x,g]=h.useState(i??t),C=h.useRef(null);h.useEffect(()=>{if(C.current){const U=C.current;U.style.background=`linear-gradient(to right, ${nr(le.NEUTRAL_LIGHT,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${N/t*100}% , ${nr(le.MAIN,1)} ${x/t*100}%, ${nr(le.NEUTRAL_LIGHT,1)} ${x/t*100}%) `}},[N,x]),h.useEffect(()=>{p(s||0)},[s]),h.useEffect(()=>{g(i||t)},[i]);const R=h.useCallback(U=>{Number(U.target.value){Number(U.target.value)>N+S&&g(Number(U.target.value))},[x,N]),T=h.useCallback(()=>{o&&o({inputName:u,inputValue:N})},[o,u,N]),L=h.useCallback(()=>{c&&c({inputName:f,inputValue:x})},[c,f,x]);return r.jsxs("div",{"data-testid":j,className:w(v,E("range-container")),children:[r.jsx("label",{className:w(v,E("range-label")),children:n}),r.jsxs("div",{className:w(v,E("range")),children:[r.jsx("div",{ref:C,className:w(v,E("range-track"))}),r.jsx("input",{"data-testid":`${j}_min`,className:w(v,E("range-cursor range-cursor-min")),onMouseUp:T,onChange:R,value:N,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${j}_max`,className:w(v,E("range-cursor range-cursor-max")),onMouseUp:L,onChange:I,value:x,type:"range",min:e,max:t,name:f,id:m,"aria-label":n})]}),r.jsxs("div",{className:w(v,E("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-min")),children:N}),l&&r.jsxs("span",{children:[" ",l]})]}),r.jsxs("div",{children:[r.jsx("span",{className:w(v,E("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},qp=({className:e,...t})=>{const{styled:n}=z();return r.jsx("div",{className:w(n,E("rows",e)),...t})},oa=({className:e,narrow:t,...n})=>{const{styled:s}=z(),i=w(s,E("row",t&&y("narrow"),e));return r.jsx("div",{className:i,...n})},Fa=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=z(),a=w(i,E("scroll-view",t&&(()=>{switch(t){case(Cr==null?void 0:Cr.HORIZONTAL):return y("horizontal");case(Cr==null?void 0:Cr.VERTICAL):return y("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});Fa.displayName="ScrollView";const Q=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=z(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=w(u,E("section",e,n&&Z(zt(n)),s&&Z("background"),i&&y("inverted"),y(d?"loading":"loaded"),o&&y("fullwidth"),l&&y("paddingless"),a&&y("vertical-paddingless")));return r.jsx("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},Zs=({active:e,onClick:t,disabled:n,className:s,children:i})=>{const[l,a]=h.useState(e||!1),{styled:o}=z();return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:w(o,E("segmented-control-item",s,{"is-active":l})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:i})},Pj=({className:e,onClick:t,disabled:n,marginless:s,children:i,activeIndex:l})=>{const{styled:a}=z(),o=w(a,E("segmented-control",s&&y("marginless"),e)),[c,u]=h.useState(l||0),d=(m,j)=>{if(typeof j<"u"&&!c)return j;if(m===c)return!0},f=(m,j)=>{if(n)return!1;u(j),t&&t(m)};return P.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:i&&Array.isArray(i)&&i.map((m,j)=>{const S={active:!!d(j,m.props.active)||!1,disabled:m.props.disabled,key:j,onClick:v=>{f(v,j),m&&m.props.onClick&&m.props.onClick(v)}};return m&&typeof m.valueOf()=="string"?r.jsx(Zs,{disabled:S.disabled,active:S.active,onClick:v=>t==null?void 0:t(v),children:m},S.key):P.cloneElement(m,S)})})},Uj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:i,children:l,selected:a,name:o,id:c,testId:u,label:d,iconName:f,multiple:m,className:j})=>{const{styled:S}=z(),[v,N]=P.useState(!1),[p,x]=P.useState(a),[g,C]=P.useState([]),R=P.useId(),I=P.useMemo(()=>w(S,E("select",j)),[S,j]),[T,L]=h.useState(-1),U=P.useCallback(()=>{N(Y=>!Y)},[]),D=P.useCallback(Y=>{Y===13&&N(oe=>m&&!oe?!0:m&&oe?oe:!oe)},[m]),q=h.useCallback(Y=>m&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[m,p]),ae=h.useCallback(({isChecked:Y,children:oe,label:fe,value:H})=>{const V=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):C(Se=>Se.filter(kt=>![oe,fe].includes(kt)));const J=W.filter(Se=>Se!==H);return V.push(...J),J;case(Array.isArray(W)&&!t):return V.push(...W),W;case(!Array.isArray(W)&&!t):return V.push(H),W;case(!Array.isArray(W)&&t):C([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const J=[...W,H];return V.push(...J),J}return V.push(H),H}),C(W=>m?[...W,oe||fe]:[oe||fe])),V},[m,t]);P.useEffect(()=>{var oe;const Y=(oe=P.Children.map(l,fe=>{if(!P.isValidElement(fe))return!1;const H=fe.props.children||fe.props.label;switch(!0){case(Array.isArray(a)&&a.includes(fe.props.value)||!Array.isArray(a)&&fe.props.value===a):return H;default:return!1}}))==null?void 0:oe.filter(fe=>fe);Y&&C(Y),x(a)},[a]),P.useEffect(()=>{const Y=oe=>{const fe=l,H=fe[T];switch(oe.preventDefault(),!0){case oe.key==="ArrowDown":re&&L(W=>{let J=(W+1)%re.length;return fe[J].props.disabled&&J++,J%re.length});break;case(oe.key==="ArrowUp"&&T!==-1):re&&L(W=>{let J=(W-1+re.length)%re.length;return fe[J].props.disabled&&J--,J===-1&&(J=re.length-1),J%re.length});break;case(oe.key==="ArrowUp"&&T===-1):re&&L(()=>{let W=re.length-1;return fe[W].props.disabled&&W--,W});break;case(["Enter"].includes(oe.key)&&T!==-1&&!H.props.disabled):const V=q(H.props.value);ae({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:V});break;case oe.key==="Escape":L(-1),N(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&L(-1),()=>document.removeEventListener("keydown",Y)},[v,T,l,q]);const Pe=h.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>N(!1)}),[]),re=P.useMemo(()=>P.Children.map(l,(Y,oe)=>{if(!P.isValidElement(Y))return null;const fe=V=>{switch(!0){case(t&&m&&(p==null?void 0:p.includes(Y.props.value))||t&&!m&&p===Y.props.value):return;default:return V}},H={...Y.props,checked:q(Y.props.value),focused:T===oe?"true":void 0,onClick:()=>{const V=ae({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:q(Y.props.value)});e&&e({selectValue:fe(Y.props.value),selectName:fe(Y.props.children||Y.props.label),selectId:fe(Y.props.id),name:fe(Y.props.children||Y.props.label),selectedOptions:V}),Y.props.onClick&&Y.props.onClick()}};return h.createElement(Re,{...H,key:`${R}_${oe}`})}),[m,t,p,T,l]);return r.jsxs("div",{className:I,children:[r.jsx(ve,{value:g.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:f,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:i,onClick:U,className:w(S,E(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),D(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:w(S,E("select-options")),children:re}),v&&ME.createPortal(Pe,document.body)]})},Fj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:i,selected:l,name:a,id:o,testId:c,label:u,iconName:d,multiple:f,className:m,accessibilityLabel:j,...S})=>{const{styled:v}=z(),N=h.useMemo(()=>w(v,E("select",m)),[v,m,d]),[p,x]=h.useState(!1),[g,C]=h.useState(l);h.useEffect(()=>{C(l)},[l]);const R=h.useMemo(()=>({input:w(v,E("input",t&&y("disabled"),"select-native",f&&"multiple",m)),control:w(v,E("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,m,f]),I=h.useCallback(L=>{x(!0),n&&n(L)},[]),T=h.useCallback(L=>{x(!1),s&&s(L)},[]);return r.jsx("div",{className:N,children:r.jsx("div",{className:w(v,E("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:f,className:w(v,E(!u&&"no-label")),value:g,"aria-label":j,"data-testid":c,onChange:L=>{const U=Array.from(L.target.selectedOptions).map(D=>D.value);C(U),e&&e({selectValue:L.target.value,selectName:L.target.name,selectId:L.target.id,name:L.target.name,selectedOptions:U})},onFocus:I,onBlur:T,id:o?String(o):void 0,name:a,disabled:t,...S,role:"listbox",children:h.Children.map(i,L=>{if(!h.isValidElement(L))return null;const U={...L.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!f&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx($,{name:d,size:"small"})}),!f&&r.jsx("div",{children:r.jsx($,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:X.SMALL})})]})})})},Yr=({native:e,...t})=>e?r.jsx(Fj,{...t}):r.jsx(Uj,{...t}),Re=({id:e,className:t,value:n,disabled:s,children:i,onClick:l,label:a,iconName:o,testId:c,...u})=>{const{checked:d,native:f,focused:m,...j}=u,S=h.useMemo(()=>E(m&&"focus",t),[m,t]);return f?r.jsx("option",{role:"option",id:e,value:n,disabled:s,"aria-label":a,"data-testid":c,onClick:l,...j,children:i||a}):r.jsx(Mt,{checked:d,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:n,disabled:s,onClick:l,iconTile:o,description:a||i,testId:c,...u})},_l=({active:e,children:t,className:n,onClick:s,...i})=>{const[l,a]=h.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":l}};return h.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:E(n,{"is-active":l}),...o.li,...i,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:mt.A,...o.a,...i,children:String(t)})})},Hj=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,align:l,justify:a,...o})=>{const[c,u]=h.useState(s||0),d=E("selector",l&&y(Ln(l)),a&&y(a),t),f=(j,S)=>{if(typeof S<"u"&&!c)return S;if(j===c)return!0},m=(j,S)=>{if(i)return!1;u(S),n&&n(j)};return h.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((j,S)=>{const v={active:!!f(S,j.props.active)||!1,key:S,tabIndex:S,onClick:N=>{m(N,S),j&&j.props.onClick&&j.props.onClick(N)}};return typeof j.valueOf()=="string"?r.jsx(_l,{active:v.active,onClick:N=>n==null?void 0:n(N),children:r.jsx(A,{children:String(j)})}):P.cloneElement(j,v)})})})},pe=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},$s=e=>8*e;var Fe=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=$s(.5)]="SMALLER",e[e.SMALL=$s(1)]="SMALL",e[e.MEDIUM=$s(2)]="MEDIUM",e[e.LARGE=$s(3)]="LARGE",e[e.HUGE=$s(4)]="HUGE",e))(Fe||{});const bj=({className:e,centered:t,children:n,...s})=>{const{styled:i}=z(),l=w(i,E("stepper-wrapper",e)),a=w(i,E("section",Z("text-centered"),e)),[o,c]=h.useState(0),u=h.useMemo(()=>n&&Array.isArray(n)?n.length:n&&!Array.isArray(n)?1:0,[n]);return h.useEffect(()=>{if(n)if(Array.isArray(n)){let d=!1;n.map(f=>{f.props.current&&(d=!0,c(f.props.step))}),d||c(1)}else c(1)},[n]),t?r.jsx("section",{className:a,children:r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})}):r.jsxs("div",{className:l,...s,children:[n,r.jsxs("div",{className:"step-count",children:[o,"/",u]})]})};var kl=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(kl||{});const zs=({children:e,className:t,active:n,markup:s,current:i,done:l,label:a,iconName:o,error:c,...u})=>{const{styled:d}=z(),f=w(d,E("step-label")),m=w(d,E("stepper-item",n&&y("active"),i&&y("current"),l&&y("done"),c&&y("error"),t)),S=s&&(v=>{if(v in kl||Object.values(kl).includes(v))return!0})(s)?s:kl.DIV;return r.jsx(S,{className:m,"data-label":a,...u,children:r.jsxs("div",{className:f,children:[a||e,!l&&o&&r.jsx($,{name:o&&o,className:"step-icon",size:X.MEDIUM})]})})};var Tc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(Tc||{});const Er=({className:e,children:t,variant:n,small:s,hat:i,markup:l,...a})=>{const{styled:o}=z(),c=w(o,E("sticker",n&&y(gj(n)),s&&y("small"),i&&y("hat"),e)),d=l&&(f=>{if(f in Tc||Object.values(Tc).includes(f))return!0})(l)?l:"div";return r.jsx(d,{className:c,...a,children:t})},gr=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=z();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),r.jsxs("div",{className:w(v,E("switch",f&&y("reversed"),e)),children:[r.jsx("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:w(v,E(o&&y(Hp(o)))),...m}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},vo=({className:e,fullwidth:t,bordered:n,comparative:s,striped:i,compact:l,...a})=>{const{styled:o}=z(),c=w(o,E("table",t&&y("fullwidth"),n&&y("bordered"),s&&y("comparative"),i&&y("striped"),l&&y("compact"),e));return r.jsx("table",{className:c,...a})},Eo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(St(t))));return r.jsx("thead",{className:l,...s})},go=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:i}=z(),l=w(i,E(e,n&&Z(zt(n)),t&&y(St(t))));return r.jsx("tbody",{className:l,...s})},qe=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("th",{className:l,colSpan:t,rowSpan:n,...s})},xt=({className:e,expandable:t,expanded:n,expansion:s,color:i,...l})=>{const{styled:a}=z(),o=w(a,E(e,t&&y("expandable"),n&&y("expanded"),s&&y("expansion"),i&&St(i)));return r.jsx("tr",{className:o,...l})},ee=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:i}=z(),l=w(i,E(e));return r.jsx("td",{className:l,rowSpan:t,colSpan:n,...s})},jr=({children:e,className:t,onClick:n,activeIndex:s,disabled:i,rightAlign:l,fullwidth:a,align:o,centered:c,marginless:u,inverted:d,shadowless:f,textAlign:m,testId:j,...S})=>{const[v,N]=h.useState(s||0),{styled:p}=z(),[x,g]=P.useState(!1),C=w(p,E("tabs",l&&y("right"),a&&y("fullwidth"),c&&y("centered"),u&&y("marginless"),x&&y("icons"),t)),R=P.useCallback((T,L)=>{if(typeof L<"u"&&!v)return L;if(T===v)return!0},[v]),I=P.useCallback((T,L)=>{if(i)return!1;N(L),n&&n(T)},[i]);return h.useEffect(()=>{N(v)},[s]),r.jsx("div",{className:w(p,E("tab-context",d&&y("inverted"),o&&Z(`text-${o}`),f&&y("shadowless"),m&&m)),"data-tabs-context":"","data-testid":j,children:r.jsx("div",{className:C,role:"tablist",...S,children:P.Children.map(e,(T,L)=>{if(P.isValidElement(T)){!x&&T.props.iconName&&g(!0);const q={active:!!R(L,T.props.active)||!1,key:L,onClick:ae=>{I(ae,L),T&&T.props.onClick&&T.props.onClick(ae)}};return P.cloneElement(T,q)}})})})},ce=({active:e,children:t,className:n,onClick:s,to:i,href:l,routerLink:a,iconName:o,disabled:c,testId:u,...d})=>{const[f,m]=h.useState(e||!1),{styled:j}=z(),S={a:{"aria-selected":f,"data-tab-navigation":""}};h.useEffect(()=>{m(e||!1)},[e]);const v=w(j,E("tab",n,{"is-active":f}));if(a&&(i||l)){const N=a||"a";return r.jsxs(N,{"data-testid":u,tabIndex:0,...S.a,to:i,href:l,className:v,...d,onClick:p=>{if(!c){const x=p.target;m(e||!1),x.active=e,s&&s(p)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})}return r.jsxs("button",{"aria-disabled":c,disabled:c,className:v,role:"tab","data-testid":u,...S.a,...d,onClick:N=>{if(!c){const p=N.target;m(e||!1),p.active=e,s&&s(N)}},children:[r.jsx("div",{className:"tab-icon",children:o&&r.jsx($,{align:"ALIGNED_CENTER",size:"small",name:o})}),t]})},ze=({children:e,className:t,variant:n,deletable:s,onClick:i,inverted:l,small:a,iconName:o,testId:c,...u})=>{const[d,f]=h.useState(s||!1),{styled:m}=z(),j=w(m,E("tag",!s&&n&&y(St(n)),!s&&l&&y("inverted"),a&&y("small"),!s&&t,s&&!d&&y("hidden"))),S=w(m,E(n&&y(St(n)))),v=p=>{f(!1),i&&i(p)},N=w(m,E("tags",n&&y(St(n)),s&&[Z("addons"),y("delete")],l&&y("inverted"),a&&y("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:N,children:[r.jsx("span",{className:j,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:j})]}):r.jsxs("span",{"data-testid":c,onClick:i&&i,className:j,...u,children:[o&&r.jsx($,{className:S,name:o}),e]})},jo=({className:e,gapless:t,centered:n,marginless:s,...i})=>{const{styled:l}=z();return r.jsx("span",{className:w(l,E("tags",n&&y("centered"),t&&y("gapless"),s&&y("marginless"),e)),...i})};var We=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(We||{});const Sr=({className:e,disabled:t,onChange:n,focused:s=!0,placeholder:i,defaultValue:l,hovered:a=!0,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:f,ref:m,label:j,maxLength:S,minLength:v,iconName:N,typo:p,testId:x,...g})=>{const[C,R]=h.useState(l||""),{styled:I}=z();h.useEffect(()=>{R(l||"")},[l]);const T=w(I,E("textarea-wrapper",e,c&&y(c))),L=w(I,E("textarea",d&&Z("dynamic-label"),N&&Z("icon"))),U=E("help"),D=w(I,E("counter",S));return r.jsxs("div",{className:T,children:[!d&&r.jsx("label",{children:j}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:t,ref:m,...g,className:L,value:C,onChange:q=>{R(q.target.value),n&&n({textareaName:q.target.name,textareaValue:q.target.value})},placeholder:i,rows:f,maxLength:S}),d&&r.jsx("label",{children:j}),N&&r.jsx($,{name:N,size:"small"}),u&&r.jsx($,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),S&&r.jsx("div",{className:D,children:`${C.length}/${S==null?void 0:S.toString()}`})]})},Fn=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=z(),u=w(c,E("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,{className:"heading",markup:mt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:mt.P,children:s}),i&&r.jsx(at,{href:i,children:l||i})]})},Hn=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return r.jsx("div",{className:o,...l})},bn=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=z(),o=w(a,E("timeline-marker",y("icon"),e)),c=E(t);return r.jsx("div",{className:o,...l,"data-testid":i,children:r.jsx("div",{className:"card-header-icon",children:r.jsx($,{color:s,className:c,name:n,size:X.SMALL})})})},xf=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=z(),l=h.useRef(null),a=w(i,E("timeline",t&&t,n&&y("horizontal"),e));return r.jsx("div",{ref:l,className:a,...s})};var xs=(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))(xs||{});const Ve=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=z(),N=u&&(x=>{if(x in xs||Object.values(xs).includes(x))return!0})(u)?u:"div",p=w(S,E(typeof s=="string"&&y(Ej(s)),y(typeof s=="boolean"?"loading":"loaded"),l&&Z(zt(l)),a&&Z("background"),o&&y("inverted")||y("base"),c&&y("fullwidth"),d&&y("flex"),typeof f=="string"&&y(vj(f)),typeof m=="string"&&y(Ln(m)),n));return r.jsx(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j,children:e})},$j=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.TWO,children:"Base"}),r.jsx(pe,{size:10}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"ONE",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(Jn,{active:!0,id:"TWO",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{id:"THREE",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(Jn,{disabled:!0,id:"FOUR",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(G,{})]}),vf=()=>0,Yp=P.createContext({show:vf,hide:vf}),zj={icons:{},colors:{},fontFamily:{}},Wj={theme:zj,setTheme:()=>{}},Vj=P.createContext(Wj);var Oe;(function(e){e.BACKGROUND="WHITE",e.MAIN="MAIN",e.ACCENT="ACCENT",e.FONT="FONT",e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e.DISABLED="DISABLED",e.HOVERED="HOVERED",e.NEUTRAL="NEUTRAL",e.NEUTRAL_DARK="NEUTRAL_DARK",e.NEUTRAL_LIGHT="NEUTRAL_LIGHT"})(Oe||(Oe={}));const Ol={[Oe.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Oe.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Oe.ACCENT]:["#da641b","#bb5118","accent","white"],[Oe.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Oe.SUCCESS]:["#007B52","#cae8ca","success","white"],[Oe.INFO]:["#1A688A","#c8dbec","info","white"],[Oe.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Oe.ERROR]:["#D42D02","#eecccc","error","white"],[Oe.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Oe.NEUTRAL]:["#707070","#F4F4F4","grey","white"],[Oe.NEUTRAL_DARK]:["#646464","#E9E9E9","grey-dark","white"],[Oe.NEUTRAL_LIGHT]:["#E9E9E9","#E9E9E9","grey-light","grey"],[Oe.HOVERED]:["#F4F4F4","#F4F4F4","hovered","white"]},vs=e=>Ol[e][2],Bj=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"}},Gj=(e,t)=>{if(typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=h.useContext(Vj),s=(n==null?void 0:n.colors)||Ol,i=s[e]||s.default,l=t&&t!==void 0&&t>=0&&t=0&&te&&typeof e=="object"?`background-${vs(e.color)}${e.fade?"-fade":""}`:`background-${vs(e)}`;var Ef;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Ef||(Ef={}));const qj=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-light";case"NEUTRAL_DARK":return"text-neutral-dark";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 Sn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(Sn||(Sn={}));var ua;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(ua||(ua={}));var wc;(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"})(wc||(wc={}));var Vn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Vn||(Vn={}));var da;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(da||(da={}));var gf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(gf||(gf={}));function Yj(e,t){return!e&&!t?"":ke(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Xp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const k=Xp("is"),ke=Xp("has"),Xj="1010aab",Kj={HASH:Xj},b=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Kj.HASH}`).join(" "):t;var Lc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Lc||(Lc={}));const{Browser:Ml,Server:Kp,Native:Qp}=Lc,Qj=!!(typeof window<"u"&&window.document&&window.document.createElement),Zj=typeof navigator<"u"&&navigator.product=="ReactNative",Xr=Zj?Qp:Qj?Ml:Kp,jf={isBrowser:Xr===Ml,isServer:Xr===Kp,isNative:Xr===Qp,device:Xr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Xr===Ml&&!!window.addEventListener,canUseViewport:Xr===Ml&&!!window.screen},Jj=(...e)=>Object.assign({},...e),e0=e=>Object.values(e),t0=()=>Jj((e0(jf),jf));t0();const n0=h.createContext({styled:!1,setStyled:()=>{}}),Ee=()=>{const e=h.useContext(n0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},Sf=({className:e,name:t,status:n,statusPosition:s,size:i,testId:l})=>{const{styled:a}=Ee(),o=b(a,E("icon",i&&k(`${i}`),k("ancestor"),ke("status"),e)),c=b(a,E("icon is-circled is-descendant",n&&k(`${n.toLowerCase()}`),s&&k(`${s}`))),u=b(a,E(n===ua.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return h.createElement("span",{className:o,"aria-hidden":"true","data-testid":l},h.createElement("span",{className:b(a,E(t))}),h.createElement("span",{className:c},h.createElement("i",{className:u})))},Nf=({className:e,name:t,status:n,size:s,color:i,backgroundColor:l,testId:a})=>{const{styled:o}=Ee(),c=l&&ke(ca(l))||Yj(n||"",ua.INFO)||ke(ca(Oe.MAIN)),u=b(o,E("icon",ke(i?qj(i):"text-white"),k(i||Oe.BACKGROUND),[k(`${s}`)],k("circled"),c,e)),d=b(o,E(t));return h.createElement("span",{className:u,"data-testid":a},h.createElement("i",{className:d}))},Ic=({className:e,textClassName:t,name:n,content:s,position:i,markup:l,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=Ee(),m=l&&(j=>{if(j in da||Object.values(da).includes(j))return!0})(l)?l:"span";return i?h.createElement("span",{className:b(d,E("icon-and-text",(i===Vn.UP||i===Vn.DOWN)&&k("stacked"),e))},(i===Vn.RIGHT||i===Vn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s),h.createElement(Zt,{name:n,className:e,...u}),(i===Vn.UP||i===Vn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)):h.createElement("span",{className:b(d,E("icon-and-text",e))},h.createElement(Zt,{name:n,...u}),s&&typeof s.valueOf()=="string"?h.createElement(m,{className:b(d,E(t)),id:a,"aria-level":o,role:c},String(s)):s)};var ci;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(ci||(ci={}));const cs=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"}},Zt=({className:e,textClassName:t,size:n,name:s,status:i,circled:l,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:f,stretched:m,color:j,backgroundColor:S,onClick:v,align:N,skeleton:p,verticalAlign:x,testId:g,marginless:C,...R})=>{const{styled:I}=Ee(),T=b(I,E("icon",m&&k("stretched"),n&&k(n),u&&k("stacked"),j&&k(`${vs(j)}`),p&&k("loading"),d&&k("stacked"),C&&k("marginless"),e));e=E(a&&x&&k(`${cs(x)}`),e);const L=b(I,E(N&&cs(N)==="aligned-start"&&ke("text-left")||cs(N)==="aligned-center"&&ke("text-centered")||cs(N)==="aligned-end"&&ke("text-right")));return l||l&&i?N?h.createElement("div",{className:L},h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R})):h.createElement(Nf,{testId:g,onClick:v&&v,className:e,name:s,status:i,size:n,color:j,backgroundColor:S,...R}):i?N?h.createElement("div",{className:L},h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R})):h.createElement(Sf,{testId:g,onClick:v&&v,statusPosition:f,className:e,name:s,size:n,status:i,...R}):a&&!d?N?h.createElement("div",{className:L},h.createElement(Ic,{testId:g,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R})):h.createElement(Ic,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:i,color:j,...R}):d?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):h.createElement(h.Fragment,null,h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}),h.createElement("span",{className:b(I,E("badge",k("up")))},d)),a&&h.createElement("span",{className:b(I,E(t))},a)):m?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):j?N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"})):N?h.createElement("div",{className:L},h.createElement("span",{onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))):h.createElement("span",{"data-testid":g,onClick:v&&v,className:T,...R},h.createElement("i",{className:b(I,E(s)),"aria-hidden":"true"}))};var Rn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Rn||(Rn={}));const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var Bn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(Bn||(Bn={}));var yf;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(yf||(yf={}));const r0=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 Cf;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Cf||(Cf={}));const s0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Rf;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Rf||(Rf={}));var ui;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(ui||(ui={}));var _i;(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"})(_i||(_i={}));var ki;(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"})(ki||(ki={}));var fa;(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_NEUTRAL_DARK="has-text-grey-dark",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(fa||(fa={}));var Tf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Tf||(Tf={}));var Ht;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(Ht||(Ht={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Ge=({level:e,markup:t,children:n,className:s,href:i,title:l,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:f,htmlContent:m,marginless:j,link:S,numberOfLines:v,...N})=>{const{styled:p}=Ee(),g=b(p,E(S?"link":"text",e&&(()=>{if(e)switch(e){case Ht.ONE:return k("level-1");case Ht.TWO:return k("level-2");case Ht.THREE:return k("level-3");case Ht.FOUR:return k("level-4");default:return k(`level-${e}`)}})(),c&&k("inverted"),o,k(u?"loading":"loaded"),j&&k("marginless"),v&&k("text-ellipsis"),s)),R=t&&(I=>{if(I in fn||Object.values(fn).includes(I))return!0})(t)?t:"p";return h.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":f,onClick:a,title:l,className:g,...m&&{dangerouslySetInnerHTML:{__html:m}},...R===fn.A&&{href:i},...N},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 Oi;(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"})(Oi||(Oi={}));const i0=e=>{if(e)switch(e){case ue.ONE:return k("level-1");case ue.TWO:return k("level-2");case ue.THREE:return k("level-3");case ue.FOUR:return k("level-4");case ue.FIVE:return k("level-5");case ue.SIX:return k("level-6");default:return k(`level-${e}`)}},l0=e=>e in Oi||Object.values(Oi).includes(e),ge=({level:e=ue.ONE,markup:t,children:n,className:s,typo:i,skeleton:l,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:f,marginless:m,htmlContent:j,...S})=>{const[v,N]=h.useState(l||!1),{styled:p}=Ee(),x=b(p,E("title",e&&i0(e),i,k(v?"loading":"loaded"),a&&k("inverted"),m&&k("marginless"),s)),g=b(p,E("subtitle",s)),C=b(p,E("overline",s));h.useEffect(()=>{N(l||!1)},[l]);const R=t&&l0(t)?t:"div",I=()=>d?g:f?C:x;return P.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:I(),...j&&{dangerouslySetInnerHTML:{__html:j}},...S},n)};var _r;(function(e){e.TOP="top",e.BOTTOM="bottom"})(_r||(_r={}));const a0=({props:e,...t})=>{const{styled:n}=Ee(),{title:s,position:i,description:l,iconName:a,status:o,closable:c,onClick:u,className:d,offset:f,children:m}=e,j=!!s,S={top:f||0,position:"fixed"},v={bottom:f||0,position:"fixed"},N=b(n,E("toaster",o&&k(Ha(o)),!alert&&k("info"),d));return j?m?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},m):s?h.createElement("div",{"data-testid":e.testId,style:i===_r.TOP&&S||i===_r.BOTTOM&&v||S,onClick:p=>{u==null||u(p),p.stopPropagation()},className:N,...t},a&&h.createElement(Zt,{name:a,size:Sn.SMALL}),h.createElement("div",{className:b(n,E("body"))},s&&h.createElement(ge,{level:ue.SIX},s),l&&h.createElement(Ge,null,l)),c&&h.createElement(Zt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:Sn.SMALL})):null:null},o0=({children:e})=>{const[t,n]=h.useState(null),[s,i]=h.useState(5e3),l=h.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&i(o.duration),l.current&&clearTimeout(l.current)};return h.useEffect(()=>{l.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),h.createElement(Yp.Provider,{value:{show:a,hide:()=>null}},e,h.createElement(a0,{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}}))},c0=()=>{const e=()=>{const[t]=h.useState(50),[n]=h.useState(1e3),[s]=h.useState("toasterId"),[i]=h.useState("Why do we use it?"),[l]=h.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}=h.useContext(Yp),o=()=>{a({testId:s,position:_r.TOP,duration:n,offset:t,title:i,description:l,iconName:M.ALERT,status:yc.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(Me,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(o0,{children:[r.jsx(e,{}),r.jsx(Me,{children:r.jsx(Ve,{children:Object.values(yc).map((t,n)=>r.jsxs(mn,{children:[r.jsxs(_,{level:O.TWO,children:["StatusState : ",t]}),r.jsx(pe,{size:10}),r.jsx(zp,{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(G,{})]},n))})})]})},u0=({children:e})=>h.createElement("div",{className:"autolayout"},e);var wf;(function(e){e.LEFT="left",e.RIGHT="right"})(wf||(wf={}));var Lf;(function(e){e.MAIN="MAIN"})(Lf||(Lf={}));var If;(function(e){e.DIV="div",e.A="a"})(If||(If={}));const cl=e=>8*e;var Af;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=cl(2)]="SMALL",e[e.MEDIUM=cl(4)]="MEDIUM",e[e.LARGE=cl(8)]="LARGE",e[e.HUGE=cl(12)]="HUGE"})(Af||(Af={}));const d0=({children:e,className:t,removeLinkClass:n,to:s,href:i,title:l,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:f,inverted:m,blank:j,...S})=>{const{styled:v}=Ee(),N=E(!n&&"link",f&&ke("icon"),o,m&&k("inverted"),t);if(d&&s){const x=d||"a",g=()=>h.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:b(v,E(N)),to:s||"",...j&&{target:"_blank"},...S},l||e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(g,null)):h.createElement(g,null)}const p=()=>h.createElement(Ge,{"data-testid":c,"aria-label":u,onClick:a&&a,title:l,markup:fn.A,className:N,href:i,...j&&{target:"_blank"},...S},f?h.createElement(h.Fragment,null,h.createElement(Ge,{markup:"span"},e),h.createElement(Zt,{name:f,size:Sn.SMALL})):e);return o?h.createElement("div",{className:b(v,E(o))},h.createElement(p,null)):h.createElement(p,null)};var ha;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(ha||(ha={}));var Ac;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Ac||(Ac={}));var _f;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(_f||(_f={}));const Kr=({markup:e,loading:t,variant:n,href:s,id:i,fullwidth:l,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:f,name:m,routerLink:j,type:S,iconName:v,...N})=>{const p=N.disabled||!1,{styled:x}=Ee(),g=T=>{if(T in ha||Object.values(ha).includes(T))return!0},R=b(x,((T,L,U,D)=>E("button",k(T?"loading":"loaded"),L&&k(Bj(L)),U&&k("fullwidth"),D))(t,n,l,o)),I=e&&g(e)?e:"button";if(I==="button")return P.createElement("button",{id:i,"data-testid":d,"aria-label":u,className:R,disabled:p,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},type:S??"button",...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a);if(I==="input")return P.createElement("input",{id:i,"data-testid":d,className:R,"aria-label":u,name:m,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},disabled:p,type:S??"submit",value:`${a}`,...N});if(j&&c&&!p){const T=j||"a";return P.createElement(T,{"aria-label":u,"data-testid":d,to:c,className:R,...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)}return P.createElement("a",{id:i,"data-testid":d,"aria-label":u,className:R,href:s,onClick:T=>{!p&&(f==null||f(T)),T.stopPropagation()},...N},v&&P.createElement(Zt,{className:a?"":"is-marginless",name:v}),a)},Zp=({className:e,centered:t,isMobile:n,vertical:s,...i})=>{const{styled:l}=Ee();return h.createElement("div",{className:b(l,E("buttons",e,t&&ke("text-centered"),n&&"is-mobile",s&&"is-vertical")),...i})};var kf;(function(e){e.DIV="div",e.A="a"})(kf||(kf={}));var Of;(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"})(Of||(Of={}));const f0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,testId:S,...v})=>{const{styled:N}=Ee(),[p,x]=h.useState(e||!1);return h.useEffect(()=>{s||x(e||!1)},[e,s]),P.createElement("div",{className:b(N,E(d?"checkbox-tile":"checkbox",j&&k("horizontal"),t)),tabIndex:0},P.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:i,"data-testid":S,disabled:n,name:c,value:u,checked:s?e:p,onChange:g=>g,onClick:g=>{const C=g.target;!s&&C.checked!==void 0&&x(C.checked),C.value=u||"",a&&a({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked}),o&&o({checkboxId:C.id,checkboxValue:C.value,checkboxName:C.name,checkboxChecked:C.checked})},...v}),P.createElement("label",{htmlFor:i,className:b(N,E("checkbox-label"))},m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(N,E("checkbox-title"))},l):l,d&&f&&P.createElement("span",{className:b(N,E("checkbox-description"))},f))))},_c=({className:e,multiline:t,inlined:n,mobile:s,centered:i,verticalCentered:l,gapless:a,marginSize:o,flex:c,marginless:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("columns",t&&k("multiline"),n&&k("inlined"),s&&k("mobile"),i&&k("centered"),l&&k("vcentered"),!o&&a&&k("gapless"),!a&&o&&[k("variable"),k(`${o}`)],c&&k("flex"),u&&k("marginless"),e));return h.createElement("div",{className:m,...d})},Tr=({className:e,size:t,mobileSize:n,tabletSize:s,touchSize:i,desktopSize:l,widescreenSize:a,fullhdSize:o,offset:c,mobileOffset:u,tabletOffset:d,touchOffset:f,desktopOffset:m,widescreenOffset:j,fullhdOffset:S,narrow:v,verticalCenter:N,centered:p,align:x,...g})=>{const{styled:C}=Ee(),R=b(C,E("column",t&&k(`${t}`),n&&k(`${n}-mobile`),s&&k(`${s}-tablet`),i&&k(`${i}-tablet`),l&&k(`${l}-desktop`),a&&k(`${a}-widescreen`),o&&k(`${o}-fullhd`),c&&k(`offset-${c}`),u&&k(`offset-${u}-mobile`),d&&k(`offset-${d}-tablet`),f&&k(`offset-${f}-tablet`),m&&k(`offset-${m}-desktop`),j&&k(`offset-${j}-widescreen`),S&&k(`offset-${S}-fullhd`),v&&k("narrow"),N&&k("vcentered"),p&&ke("text-centered"),x&&k(cs(x)),e));return h.createElement("div",{className:R,...g})};var Mf;(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"})(Mf||(Mf={}));var Df;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Df||(Df={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:i,color:l,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=Ee(),d=b(u,E("divider",t&&k("unboxed"),s&&k("marginless"),e,l&&ke(`background-${vs(l)}`),i&&"has-icon")),f=b(u,E("divider-content",o&&ke(`text-${vs(o)}`),a&&ke(`background-${vs(a)}`)));return n&&i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):n?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},n)):i?h.createElement("div",{"data-testid":"separator",className:d},h.createElement("p",{className:f},h.createElement(Zt,{name:i,size:a?Sn.SMALL:Sn.MEDIUM}))):h.createElement("div",{"data-testid":"separator",className:d,...c})},h0=({src:e,alt:t,className:n,rounded:s,width:i,height:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("image",n)),d={image:{width:i,height:l}};return h.createElement("figure",{onClick:f=>{a==null||a(f),f.stopPropagation()},className:u,...o},h.createElement("img",{style:d.image,className:b(c,E(s?k("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Pf;(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"})(Pf||(Pf={}));var Uf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Uf||(Uf={}));var Ff;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Ff||(Ff={}));var Hf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(Hf||(Hf={}));var bf;(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"})(bf||(bf={}));var $f;(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"})($f||($f={}));var zf;(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"})(zf||(zf={}));const ul=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("dd",{className:b(n,E(t))},e)};var ma;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(ma||(ma={}));const Jp=({children:e,className:t})=>{const{styled:n}=Ee();return h.createElement("div",{className:b(n,E("modal-footer",t))},e)};var pa;(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"})(pa||(pa={}));var Wf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Wf||(Wf={}));const Dl=({children:e,className:t,iconColor:n,iconName:s,...i})=>{const{styled:l}=Ee(),{textId:a}=i;return h.createElement("div",{className:b(l,E("modal-title",t))},s?h.createElement(Ic,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Vf=Bt.generate(),Bf=Bt.generate(),m0=Bt.generate(),Ws=({children:e,className:t,contentClassNames:n,active:s,title:i,content:l,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:f,onOpen:m,iconName:j,ctaCancelOnClick:S,closeIcon:v,iconColor:N,panel:p,footerClassNames:x,footer:g,fullwidth:C,disableHandlingClickOutside:R=!1,testId:I,titleButtonClose:T,...L})=>{const U=h.useRef(null),[D,q]=h.useState(s||!1),{styled:ae}=Ee(),Pe=`${m0}-modal`,re=h.useRef([]),Y=h.useRef(null),[,oe]=h.useState(0),fe=ne=>{var Ce;!((Ce=U==null?void 0:U.current)===null||Ce===void 0)&&Ce.contains(ne.target)||J(f,ne)};h.useEffect(()=>{q(s||!1)},[s]),h.useEffect(()=>{D&&re.current[0]&&re.current[0].focus()},[D,re==null?void 0:re.current.length]),h.useEffect(()=>(D&&!R?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[D,R]);const H=P.useMemo(()=>b(ae,E("modal",D&&k("active"),p&&k("panel"),C&&k("fullwidth"),t)),[s,D,p,t,ae]),V=P.useMemo(()=>b(ae,E("modal-content",n)),[n,ae]),W=P.useMemo(()=>E("modal-footer",x),[x,ae]);function J(ne,Ce){q(!1),Y.current&&Y.current.focus(),ne&&ne(Ce)}function Se(ne,Ce){q(!0),ne&&ne(Ce)}const kt=ne=>{if(ne in pa||Object.values(pa).includes(ne))return!0},Qe=P.useMemo(()=>a&&kt(a)?a:"button",[a]),tn=h.useCallback(ne=>{if(D&&re.current){const Ce=re.current.filter(Ze=>Ze),{key:me}=ne;me==="Tab"&&(ne.preventDefault(),oe(Ze=>{var Gt;const Wr=(Ze+1)%Ce.length;return Ce[Wr]&&((Gt=Ce[Wr])===null||Gt===void 0||Gt.focus()),Wr}))}},[re.current.length,D]);return P.createElement("div",{"data-testid":I,onKeyDown:tn},o&&P.createElement(Qe,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Pe,onClick:ne=>{Se(m,ne)},className:b(ae,E(c))},o),P.createElement("div",{className:H,role:"dialog","aria-modal":D?"true":void 0,"aria-labelledby":i?Bf:void 0,"aria-describedby":l?Vf:void 0,...L},P.createElement("div",{ref:U,className:V},v&&P.createElement("button",{onClick:ne=>{J(f,ne)},className:b(ae,E("modal-close",k("large"))),"aria-label":"close",type:Ac.BUTTON,title:T,"aria-controls":Pe,ref:ne=>ne&&(re.current[0]=ne)}),(i||j)&&P.createElement(Dl,{iconColor:N,iconName:j,textId:Bf},i),l&&typeof l=="string"?P.createElement(Ge,{id:Vf},l):l,e!=null&&e,P.createElement(Jp,{className:W},(d!=null||S!=null)&&P.createElement(Zp,{centered:!0,className:k("flex")},S&&P.createElement("button",{onClick:ne=>{J(S,ne)},className:b(ae,E("button",k("secondary"))),"aria-controls":Pe,ref:ne=>re.current[1]=ne},"Anuuler"),d&&P.createElement("button",{className:b(ae,E("button",k("primary"))),title:u,"aria-controls":Pe,ref:ne=>re.current[2]=ne,onClick:d},P.createElement("span",{className:"sr-only"}," ",u)))||g))))};var Gf;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Gf||(Gf={}));var qf;(function(e){e.START="start",e.END="end"})(qf||(qf={}));const p0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},x0=({className:e,amount:t,mention:n,period:s,showCents:i,level:l,inverted:a,align:o,status:c,inline:u,testId:d,accessibilityLabel:f,striked:m,suptitle:j,tagAmount:S,tagSymbol:v,...N})=>{var p;const{styled:x}=Ee(),g=b(x,E("price",c&&k(`${c}`),l&&k(`level-${l}`),a&&k("inverted"),u&&k("inlined"),m&&k("striked"),j&&ke("suptitle"),e)),C=b(x,E(o==ci.ALIGNED_START&&ke("text-left")||o==ci.ALIGNED_CENTER&&ke("text-centered")||o==ci.ALIGNED_END&&ke("text-right")||"")),R=t<0,I=Math.abs(t),T=Math.floor(I),L=R?-T:T;let U=p0(((p=I.toString().split(/[.,]/)[1])===null||p===void 0?void 0:p.substring(0,2))||"");U=U&&U.length===1&&`${U}0`||U;const D=u&&i&&`,${U||"00"} €`||i&&`€${U||"00"}`||"€",q=h.createElement("span",{className:S?b(x,E(k("aligned-center"),k("flex"))):""},h.createElement("span",{"data-testid":d,"aria-label":f,className:g,...N},j&&h.createElement("span",{className:"price-suptitle"},j),h.createElement(Ge,{markup:fn.SPAN},`${L}`),h.createElement("span",{className:b(x,E("price-details"))},h.createElement("span",{className:b(x,E("cents"))},u&&D==="€"?h.createElement(h.Fragment,null," ",D):D,n&&h.createElement("sup",null,n)),s&&h.createElement("span",{className:b(x,E("period"))},"/",s))),S&&h.createElement("span",{className:b(x,E("price-tag"))},h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_SEMIBOLD,fa.TEXT_WHITE]},S," ",v||"€"),v==="€"&&s&&h.createElement(Ge,{markup:fn.SPAN,typo:[ki.TEXT_WEIGHT_NORMAL,fa.TEXT_WHITE]}," /",s)));return o?h.createElement("div",{className:C},q):q};var Yf;(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"})(Yf||(Yf={}));var Xf;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(Xf||(Xf={}));var Kf;(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"})(Kf||(Kf={}));var Qf;(function(e){e.LEFT="left",e.RIGHT="right"})(Qf||(Qf={}));const $n=({children:e,className:t,percent:n,maxPercent:s=100,status:i,small:l,stacked:a,uniqueLegend:o,firstExtremLegend:c,secondExtremLegend:u,...d})=>{const{styled:f}=Ee(),m=b(f,E("progress",i&&k(Ha(i)),!i&&k("primary"),l&&k("small"),t)),j=b(f,E("progress",a&&k("stacked"),t));return e&&a?h.createElement("div",{className:j,...d},e):h.createElement(h.Fragment,null,h.createElement("progress",{className:m,value:n,max:s,...d},n),o&&h.createElement(Ge,{className:ke("text-centered"),level:Ht.TWO},o),c&&u&&h.createElement(_c,{mobile:!0,marginSize:3},h.createElement(Tr,null,h.createElement(Ge,{level:Ht.TWO},c)),h.createElement(Tr,{narrow:!0},h.createElement(Ge,{level:Ht.TWO},u))))},dl=({className:e,percent:t,maxPercent:n=100,minPercent:s=0,status:i,accessibilityLabel:l,...a})=>{const{styled:o}=Ee(),c=b(o,E("progress-bar",i&&k(Ha(i)),!i&&k("primary"),e));return h.createElement("div",{...t&&{style:{width:`${t}%`}},className:c,role:"progressbar","aria-valuenow":t,"aria-valuemin":s,"aria-valuemax":n,"aria-label":l,...a})},Vs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:i,skeleton:l,className:a,small:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(0),[m,j]=h.useState(0),S=b(u,E("progress-radial",l&&k("loading"),o&&k("small"),a)),v=b(u,E("progress-radial-content")),N=h.useRef(null),p=(x,g)=>{const C=N.current;if(!C)return;const R=360*x/100,I=360*g/100,T=R;let L;L="radial-gradient(circle at center, white 58%, transparent 58.1%),",L+=`conic-gradient(#0C7B91 0 ${R}deg, #25465f ${T}deg ${T+I}deg, gainsboro ${T+I}deg 360deg)`,C.style.background=L};return h.useEffect(()=>{let x;f(0),j(0),p(t,n);const g=()=>{f(C=>CCcancelAnimationFrame(x)},[t,n]),h.useEffect(()=>{p(d,m)},[d,m]),P.createElement("div",{...c,className:S,ref:N},P.createElement("div",{className:v},s&&P.createElement(ge,{level:ue.TWO,marginless:!0},s),i&&P.createElement(Ge,{level:Ht.ONE,marginless:!0},i),!s&&!i&&e))},v0=({checked:e,className:t,disabled:n,readonly:s,id:i=Bt.generate(),label:l,onChange:a,onClick:o,name:c,value:u,tile:d,description:f,iconTile:m,horizontalTile:j,children:S,narrow:v,marginless:N,testId:p,...x})=>{const{styled:g}=Ee(),[C,R]=h.useState({checked:e||!1});return h.useEffect(()=>{s||R({checked:e||!1})},[e,s]),P.createElement("div",{tabIndex:0,className:b(g,E(d?"radio-tile":"radio",v&&k("narrow"),N&&k("marginless"),j&&k("horizontal"),t))},P.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:i,disabled:n,name:c,value:u,checked:s?e:C.checked,onChange:I=>I,onClick:I=>{const T=I.target;!s&&T.checked&&R({checked:T.checked}),T.value=u||"",a&&a({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked}),o&&o({radioId:T.id,radioValue:T.value,radioName:T.name,radioChecked:T.checked})},...x}),P.createElement("label",{htmlFor:i,className:b(g,E("radio-label"))},S||P.createElement(P.Fragment,null,m&&P.createElement(Zt,{name:m,size:Sn.MEDIUM}),j?P.createElement("span",null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)):P.createElement(P.Fragment,null,d?P.createElement("span",{className:b(g,E("radio-title"))},l):l,d&&f&&P.createElement("span",{className:b(g,E("radio-description"))},f)))))},E0=h.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:i}=Ee(),a=b(i,E("scroll-view",t&&(()=>{switch(t){case(Bn==null?void 0:Bn.HORIZONTAL):return k("horizontal");case(Bn==null?void 0:Bn.VERTICAL):return k("vertical");default:return""}})()));return h.createElement("div",{ref:s,className:a,id:e},n)});E0.displayName="ScrollView";const wt=({className:e,skeleton:t,background:n,backgroundSrc:s,inverted:i,paddingless:l,verticalPaddingless:a,fullwidth:o,...c})=>{const{styled:u}=Ee(),[d,f]=h.useState(t||!1);h.useEffect(()=>{f(t||!1)},[t]);const m=b(u,E("section",e,n&&ke(ca(n)),s&&ke("background"),i&&k("inverted"),k(d?"loading":"loaded"),o&&k("fullwidth"),l&&k("paddingless"),a&&k("vertical-paddingless")));return P.createElement("section",{...s&&{style:{backgroundImage:`url(${s})`,backgroundSize:"cover",backgroundPosition:"50%"}},className:m,...c})},vt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return h.createElement("div",{style:n.spacer})},Bs=e=>8*e;var xa;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=Bs(.5)]="SMALLER",e[e.SMALL=Bs(1)]="SMALL",e[e.MEDIUM=Bs(2)]="MEDIUM",e[e.LARGE=Bs(3)]="LARGE",e[e.HUGE=Bs(4)]="HUGE"})(xa||(xa={}));var Zf;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(Zf||(Zf={}));var Jf;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(Jf||(Jf={}));var eh;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(eh||(eh={}));const th=({className:e,id:t=Bt.generate(),label:n,value:s,checked:i,onChange:l,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:f,...m})=>{const[j,S]=h.useState(i||!1),{styled:v}=Ee();return P.useEffect(()=>{S(i||!1)},[i]),h.useEffect(()=>{u||S(i||!1)},[i,u]),P.createElement("div",{className:b(v,E("switch",f&&k("reversed"),e))},P.createElement("input",{onChange:N=>{u||S(!j),l&&l({switchState:N.target.checked,switchName:N.target.name})},onClick:N=>{u||S(!j),a&&a({switchState:N.target.checked,switchName:N.target.name})},name:d,value:s,checked:u?i:j,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:b(v,E(o&&k(Ha(o)))),...m}),P.createElement("label",{htmlFor:`switch-${t}`},n))};var nh;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(nh||(nh={}));const So=({children:e,className:t,heading:n,content:s,link:i,contentLink:l,onClick:a,...o})=>{const{styled:c}=Ee(),u=b(c,E("timeline-content",t));return e?h.createElement("div",{className:u,...o},e):h.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&h.createElement(Ge,{className:"heading",markup:fn.P},n),s&&h.createElement(Ge,{className:"main-content",markup:fn.P},s),i&&h.createElement(d0,{href:i},l||i))},No=({className:e,done:t,active:n,undone:s,cancel:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-item",t&&"done",n&&"active",s&&"undone",i&&"cancel",e));return h.createElement("div",{className:o,...l})},yo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:i,...l})=>{const{styled:a}=Ee(),o=b(a,E("timeline-marker",k("icon"),e)),c=E(t);return h.createElement("div",{className:o,...l,"data-testid":i},h.createElement("div",{className:"card-header-icon"},h.createElement(Zt,{color:s,className:c,name:n,size:Sn.SMALL})))},g0=({className:e,notifications:t,horizontal:n,...s})=>{const{styled:i}=Ee(),l=h.useRef(null),a=b(i,E("timeline",t&&t,n&&k("horizontal"),e));return h.createElement("div",{ref:l,className:a,...s})};var va;(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"})(va||(va={}));const j0=({children:e,style:t,className:n,loading:s,onClick:i,background:l,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:f,align:m,...j})=>{const{styled:S}=Ee(),N=u&&(x=>{if(x in va||Object.values(va).includes(x))return!0})(u)?u:"div",p=b(S,E(typeof s=="string"&&k(s0(s)),k(typeof s=="boolean"?"loading":"loaded"),l&&ke(ca(l)),a&&ke("background"),o&&k("inverted")||k("base"),c&&k("fullwidth"),d&&k("flex"),typeof f=="string"&&k(r0(f)),typeof m=="string"&&k(cs(m)),n));return h.createElement(N,{onClick:i,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...j},e)};var rh;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(rh||(rh={}));var sh;(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"})(sh||(sh={}));const S0=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}}],N0=()=>{const[e,t]=h.useState(""),[n,s]=h.useState(""),[i,l]=h.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(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(ve.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(m=>({label:m.l,data:{description:m.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete custom data"}),r.jsx(ve.AutoComplete,{customIcon:M.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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:S0,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(G,{}),r.jsxs(wt,{children:[r.jsx(_,{level:O.THREE,children:"Autocomplete"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(K,{children:r.jsxs(Zp,{children:[r.jsx(te,{variant:we.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:we.PRIMARY,onClick:()=>l(!i),children:i?"enable":"disable"})]})})]}),r.jsx(ve.AutoComplete,{customIcon:M.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:i,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)})]})]})},y0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(yn,{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:Oe.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:O.ONE,children:"Im a Title"}),r.jsx(A,{level:Xe.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Iu,{children:[r.jsxs(Jn,{id:"UN",active:!0,children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{active:!0,id:"DEUX",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(Jn,{disabled:!0,id:"TROIS",children:[r.jsx(er,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(tr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(zp,{display:!0,status:Rn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(ve.AutoComplete,{customIcon:M.ALERT,displayMenu:!0,data:["1","2"]})]}),C0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Content props string"}),r.jsx(Hs,{content:"1"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Content props number"}),r.jsx(Hs,{content:1}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"TextContent props"}),r.jsx(Hs,{content:2,textContent:"Text with badge"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Icon badgeContent "}),r.jsx($,{name:M.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Color + TextContent props "}),r.jsx(Ke,{inlined:!0,children:Object.values(Wp).map((e,t)=>r.jsx(K,{size:6,children:r.jsx(Hs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Direction props "}),r.jsx(Ke,{inlined:!0,children:Object.values(aa).map((e,t)=>r.jsx(K,{size:6,children:r.jsx(Hs,{direction:e,content:2,textContent:"Text"})},t))})]}),R0=()=>{const[e,t]=h.useState(!1);return r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(yn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ke,{multiline:!0,children:[r.jsx(K,{size:6}),r.jsx(K,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(yn,{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(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]})}),r.jsx(K,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.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(K,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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(G,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:le.MAIN,inverted:!0,children:[r.jsx(yn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(Ae,{amount:100})]})]}),r.jsxs(ie,{background:{color:le.MAIN,fade:!0},children:[r.jsx(yn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(qr,{children:r.jsx(te,{variant:we.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx($,{name:M.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:le.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.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:le.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsxs(Ke,{children:[r.jsx(K,{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(K,{size:5,children:r.jsx(ie,{background:{color:le.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:le.ERROR,className:"is-fullheight",children:[r.jsx(yn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})}),r.jsx(K,{size:6,children:r.jsxs(ie,{leftBorder:le.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"NEUTRAL_LIGHT",children:[r.jsx(_,{level:O.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:O.FOUR,children:"Highlited box"})}),r.jsx(qr,{background:"SUCCESS",children:r.jsx(te,{variant:we.CONVERSION,children:"Test"})})]})})]}),r.jsx(G,{}),r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(G,{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(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsx(yn,{variant:le.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(qr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(K,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:O.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(qr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(G,{}),r.jsxs(Ke,{children:[r.jsx(K,{size:10,children:r.jsx(ie,{markup:_u.A,children:r.jsxs(he,{children:[r.jsx(_,{level:O.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:O.THREE,typo:[dr.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(K,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:O.THREE,typo:[dr.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."})]})})]})]})})},T0=()=>{const[e,t]=h.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(vt,{size:xa.MEDIUM}),r.jsx(A,{typo:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Je,{children:r.jsx(et,{children:r.jsxs(ll,{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:[Ar.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(qp,{children:[r.jsx(oa,{}),r.jsx(oa,{children:r.jsx(Me,{centered:!0,verticalCentered:!0,children:r.jsxs(ll,{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"})]})})})]})})]})},fl=()=>r.jsxs(r.Fragment,{children:[r.jsx(pe,{size:10}),r.jsx(G,{}),r.jsx(pe,{size:50})]}),w0=()=>r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"loading + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"disabled + variant "}),r.jsx(pe,{size:10}),r.jsx(Qs,{children:Object.values(we).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"fullwidth "}),r.jsx(pe,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(fl,{}),r.jsx(_,{level:O.TWO,children:"iconName "}),r.jsx(pe,{size:10}),r.jsxs(Qs,{children:[r.jsx(te,{iconName:M.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:M.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:M.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:M.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),L0=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{active:!0,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"CardImage & markup "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{markup:ku.A,background:le.BACKGROUND,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:O.TWO,children:"Reversed "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{reversed:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Flat "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{flat:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Horizontal "}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Je,{horizontal:!0,children:[r.jsx(Pt,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{backgroundColor:le.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:O.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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:O.TWO,children:"Floating (inside component)"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(ie,{children:[r.jsx(yn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Iu,{className:"is-marginless",children:r.jsxs(Jn,{active:!0,children:[r.jsx(er,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(tr,{children:r.jsxs(Je,{floating:!0,children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{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:we.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(_c,{children:[r.jsx(Tr,{children:r.jsx(Je,{flat:!0,fullheight:!0,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{inverted:!0,background:le.SUCCESS,children:r.jsxs(et,{children:[r.jsx(_,{level:O.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(Je,{background:{color:le.SUCCESS,fade:!0},children:r.jsxs(et,{children:[r.jsx(_,{level:O.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."})]})})})]})]})},I0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:dr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(K,{children:r.jsx(xn,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(xn,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(K,{children:r.jsx(xn,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(pe,{size:20}),r.jsx(xn,{checked:!0,iconTile:M.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(xn,{checked:!0,label:"Checkbox checked"}),r.jsx(xn,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(xn,{description:"lorem kenenf",label:"Checkbox simple"})]})}),A0=()=>{h.useState(!1);const[e,t]=h.useState(!1),[n,s]=h.useState(!1),[i,l]=h.useState(!1),[a,o]=h.useState(!1),[c,u]=h.useState(!1),[d,f]=h.useState(!1),[m,j]=h.useState(!1);return r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.TWO,children:"Chips selection multiple "}),r.jsxs(ff,{multiple:!0,children:[r.jsx(Pn,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{l(!i)},active:i,children:"Chips 3"}),r.jsx(Pn,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:O.TWO,children:"Chips selection unique "}),r.jsxs(ff,{children:[r.jsx(Pn,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Pn,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Pn,{onClick:()=>{f(!d)},active:d,children:"Chips 3"}),r.jsx(Pn,{onClick:()=>{j(!m)},active:m,children:"Chips 4"})]})]})})},_0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ke,{marginSize:3,children:[r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(K,{size:4,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:O.THREE,children:"Column responsive"}),r.jsx(G,{}),r.jsxs(Ke,{mobile:!0,children:[r.jsx(K,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(K,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ve,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Column Inlined"}),r.jsx(G,{}),r.jsxs(Ke,{inlined:!0,marginSize:3,children:[r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(K,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Je,{children:[r.jsx(Pt,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(et,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:O.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:we.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),k0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(Me,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:O.THREE,children:"Conteneur simple"})]})})}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur fluid"}),r.jsx(G,{}),r.jsx(Me,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Conteneur medium"}),r.jsx(G,{}),r.jsx(Me,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"fullwidth"}),r.jsx(G,{}),r.jsx(Me,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"fluide centré"}),r.jsx(G,{}),r.jsx(Me,{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:O.THREE,children:"pulled-right"}),r.jsx(G,{}),r.jsx(Me,{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:O.THREE,children:"pulled-left"}),r.jsx(G,{}),r.jsx(Me,{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!"})]})]}),O0=()=>r.jsxs(Q,{children:[r.jsx(hf,{deadline:new Date("2023-12-24 18:00:00")}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(hf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:oi.DAY_HOUR_MIN})]}),M0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(G,{iconName:M.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(G,{color:le.MAIN,backgroundColor:le.MAIN,textColor:le.BACKGROUND,iconName:M.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(G,{color:le.MAIN,textColor:le.MAIN,backgroundColor:le.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(G,{unboxed:!0})})}),r.jsx(G,{})]}),D0=()=>{const[e,t]=h.useState(!1);return r.jsx(Ve,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Cj,{extended:e,onClick:()=>t(!e),iconName:M.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},P0=()=>r.jsxs(Q,{children:[r.jsx(Il,{background:Oe.MAIN,overlap:!0,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(_,{markup:Oi.H1,level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(Me,{children:r.jsx(ie,{background:{color:Oe.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:O.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:Xe.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(G,{}),r.jsx(Il,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(Me,{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(G,{}),r.jsx(Il,{background:Oe.MAIN,inverted:!0,children:r.jsxs(Me,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:we.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var se;(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"})(se||(se={}));const U0=()=>r.jsxs(Q,{children:[r.jsx($,{size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{name:se.ARROW_DOWN,color:Rs.GREY,size:X.SMALL}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_UP}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_LEFT}),r.jsx($,{size:X.MEDIUM,name:se.ARROW_DOWN}),r.jsx($,{size:X.MEDIUM,name:se.CHECK_CIRCLE}),r.jsx($,{size:X.MEDIUM,name:se.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx($,{name:se.ALERT})]}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,content:"Icon with text props content",position:Ut.UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_UP}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_DOWN}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_LEFT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,size:X.HUGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES}),r.jsx($,{align:ye.ALIGNED_START,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALL,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.MEDIUM,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.LARGE,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_START,size:X.SMALLER,name:se.TIMES,stretched:!0}),r.jsx($,{align:ye.ALIGNED_CENTER,size:X.MEDIUM,name:se.ARROW_RIGHT}),r.jsx($,{align:ye.ALIGNED_END,size:X.LARGE,name:se.ARROW_RIGHT}),r.jsx($,{size:X.LARGE,name:se.TIMES}),r.jsx($,{color:Rs.ERROR,circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx($,{circled:!0,size:X.LARGE,name:se.TIMES}),r.jsx(_,{level:O.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(G,{}),r.jsxs(Me,{children:[r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.UP,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.DOWN,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.LEFT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx($,{content:"Input + text",size:X.LARGE,position:Ut.RIGHT,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Center align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_CENTER,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Top align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_START,name:se.TIMES})]}),r.jsx(G,{}),r.jsxs(Ve,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx($,{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:X.MEDIUM,verticalAlign:ye.ALIGNED_END,name:se.TIMES})]}),r.jsx(Ve,{children:r.jsx($,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:X.LARGE,position:Ut.LEFT,name:se.TIMES})})]}),r.jsx(_,{level:O.THREE,children:"Icon with status"}),r.jsx(G,{}),r.jsx($,{statusPosition:Nc.TOP,status:Ai.SUCCESS,size:X.MEDIUM,name:se.TIMES}),r.jsx($,{statusPosition:Nc.BOTTOM,status:Ai.SUCCESS,size:X.MEDIUM,name:se.TIMES})]}),F0=()=>r.jsxs(Q,{children:[r.jsx(ge,{level:ue.THREE,children:"Image simple"}),r.jsx(po,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(po,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(ge,{level:ue.THREE,children:"Image rounded"}),r.jsx(po,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),H0=()=>{const[e,t]=P.useState(),[n,s]=P.useState("");h.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function i(l){const o=l.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:Oe.BACKGROUND,children:[r.jsx(ve,{hovered:!0,placeholder:"Input, search icon",help:"Search helper input",onKeyUp:l=>console.log(l)}),r.jsx(ve,{type:Te.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:l=>s(l.inputValue)}),r.jsx(ve,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(ve,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:Te.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:Te.TEXT,onIconClick:()=>{window.alert("lol")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,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:Te.TEXT,onIconClick:()=>{window.alert("test")},search:!0,customIcon:M.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,status:gt.SUCCESS,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(ve,{hovered:!0,hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:Te.TEXT,customValidator:l=>l==="machin"?gt.SUCCESS:gt.WARNING,customIcon:M.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:gt.SUCCESS,customIcon:M.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:l=>{t(i(l.inputValue))}}),r.jsxs(mn,{children:[r.jsx(_,{level:O.THREE,children:"Champs"}),r.jsx(G,{}),r.jsx(ve,{hovered:!0,hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:gt.SUCCESS,customIcon:M.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:l=>{t(i(l.inputValue))}}),r.jsx(ve,{type:Te.TEXT,placeholder:"Input type texte"}),r.jsx(ve,{type:Te.NUMBER,placeholder:"Input type number"}),r.jsx(ve,{type:Te.PASSWORD,placeholder:"Input type password"}),r.jsx(ve,{type:Te.DATE,placeholder:"Input type date"}),r.jsx(ve,{type:Te.EMAIL,placeholder:"Input type mail"}),r.jsx(ve,{help:"This password does not meet the security requirements.",type:Te.TEXT,status:gt.ERROR,placeholder:"This is an error message"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder"}),r.jsx(ve,{hasIcon:!0,help:"this is my help message",type:Te.TEXT,placeholder:"This is my placeholder",customIconLeft:M.INFOS_CIRCLE}),r.jsx(ve,{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(ve,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(ve,{defaultValue:"My 2nd default input value",help:"this is my help message",type:Te.TEXT,status:gt.WARNING,customIcon:M.SEARCH,placeholder:"This is my placeholder"})]})]})},b0=()=>r.jsx(Q,{children:r.jsxs(u0,{children:[r.jsx(_,{level:O.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:O.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:O.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:M.ARROW_RIGHT,children:"External link"})]})}),$0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"List with divider"}),r.jsxs(al,{children:[r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,action:r.jsx($,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{action:r.jsx(v0,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{action:r.jsx(f0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{status:ma.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(V0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Ct,{customIcon:r.jsx(z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx(W0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:O.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(al,{children:[r.jsx(Ct,{deletable:!0,status:ma.ERROR,customIcon:cn.TIMES,action:r.jsx($,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Ct,{customIcon:r.jsx($,{name:"tri-trash",size:"small"}),action:r.jsx(th,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(ul,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),z0=()=>r.jsx(j0,{style:{width:8,height:8,borderRadius:8,backgroundColor:Gj(Oe.MAIN)}}),W0=()=>r.jsx(h0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),V0=()=>r.jsx($,{size:"small",name:"tri-alert",color:wc.INFO}),B0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Ws,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(g0,{children:[r.jsxs(No,{done:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"08 July",content:"Step 1"})]}),r.jsxs(No,{active:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(No,{undone:!0,children:[r.jsx(yo,{iconName:cn.CHECK}),r.jsx(So,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Ge,{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(Ws,{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(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal custom "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Dl,{children:"Custom title"}),r.jsx(Ge,{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(Jp,{children:"Custom Footer"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Ws,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Dl,{children:"Titre 2"}),r.jsx(Ge,{children:"icon modal content"})]})]})]}),G0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"OTP"}),r.jsx(ol,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(pe,{size:Fe.HUGE}),r.jsx(ol,{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(pe,{size:Fe.HUGE}),r.jsx(ol,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),q0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Pagination"}),r.jsx(G,{})]}),r.jsxs(Q,{children:[r.jsx(mf,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(G,{}),r.jsx(mf,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),Y0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Popover"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(K,{children:r.jsx(Un,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(K,{children:r.jsx(Un,{content:r.jsxs(r.Fragment,{children:[r.jsx(ze,{variant:We.ERROR,children:"Test"}),r.jsx($,{name:M.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(K,{children:r.jsx(Un,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Popover direction"}),r.jsxs(Ke,{children:[r.jsx(K,{children:r.jsx(Un,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(K,{children:r.jsx(Un,{direction:Al.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),X0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Price tag"}),r.jsx(Ae,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.SMALL}),r.jsx(Ae,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(pe,{size:Fe.MEDIUM}),r.jsx(_,{level:O.THREE,children:"Simple"}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0}),r.jsx(Ae,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inlined"}),r.jsx(Ae,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Alignement"}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_START}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_CENTER}),r.jsx(Ae,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:ye.ALIGNED_END}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Size"}),r.jsx(Ae,{level:qt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{level:qt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"Inverted price"}),r.jsxs(Il,{background:$p.MAIN,children:[r.jsx(Ae,{inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(Ae,{striked:!0,inverted:!0,level:qt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,children:"With or Without cents"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months"}),r.jsx(Ae,{level:qt.LEVEL4,amount:18,period:"months",showCents:!0})]}),K0=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Product tour"}),r.jsx(G,{})]}),r.jsx(Q,{children:r.jsx(Mj,{avatarDirection:Gp.LEFT,active:!0,closeable:!0,arrowDirection:Bp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),Q0=()=>r.jsxs(wt,{backgroundSrc:"https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png",children:[r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx($n,{percent:30}),r.jsx($n,{percent:30,status:"INFO"}),r.jsx($n,{percent:30,status:"WARNING"}),r.jsx($n,{percent:30,status:"ERROR"}),r.jsx($n,{percent:30,status:"SUCCESS"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs($n,{stacked:!0,children:[r.jsx(dl,{percent:15,status:Rn.SUCCESS}),r.jsx(dl,{percent:15,status:Rn.INFO}),r.jsx(dl,{percent:15,status:Rn.WARNING}),r.jsx(dl,{percent:15,status:Rn.ERROR})]})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx($n,{percent:30,status:Rn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx($n,{percent:15,status:Rn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(wt,{children:[r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(ge,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Vs,{percent:30,secondPercent:30,children:[r.jsx(ge,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Vs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Ge,{typo:[ki.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Ge,{level:Ht.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(ge,{level:"THREE",children:"Vide : "}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Vs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),Z0=()=>r.jsx(mn,{children:r.jsxs(Me,{children:[r.jsx(A,{typo:_i.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(K,{children:r.jsx(Mt,{iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:xa.MEDIUM}),r.jsxs(Ke,{children:[r.jsx(K,{centered:!0,children:r.jsx(Mt,{tile:!0,iconTile:M.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(K,{children:r.jsx(Mt,{disabled:!0,iconTile:M.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(vt,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,iconTile:M.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Mt,{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($,{name:M.EYE,size:X.LARGE}),r.jsx($,{name:M.EYE_SLASH,size:X.LARGE}),r.jsx($,{name:M.INFOS_CIRCLE,size:X.LARGE})]})]}),r.jsxs(Mt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx($,{name:M.EXCLAMATION_CIRCLE}),r.jsxs(qp,{children:[r.jsx(oa,{children:r.jsx(_,{level:O.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(oa,{children:r.jsx(A,{level:O.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(vt,{size:20}),r.jsxs(pf,{isMobile:!0,children:[r.jsx(Mt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Mt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),J0=()=>r.jsx(Q,{children:r.jsx(Dj,{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})}),e1=()=>r.jsx(Q,{background:Oe.BACKGROUND,children:r.jsxs(Pj,{children:[r.jsx(Zs,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(Zs,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(Zs,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(Zs,{disabled:!0,children:"Item 4"})]})}),t1=()=>{const[e,t]=h.useState(["opt_one","Venus"]),[n,s]=h.useState(["opt_one","opt_two"]),[i,l]=h.useState("opt_two"),[a,o]=h.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(ge,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{disabled:!0,name:"option",label:"label",id:"id",iconName:M.ALERT,selected:i,onChange:c=>{l(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(Kr,{onClick:()=>l("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Multiple options"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"nullable"}),r.jsxs(Yr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:M.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(Kr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Kr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(ge,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"Unique option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:M.ALERT,selected:i,onChange:c=>{c!=null&&c.selectValue&&l(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(vt,{size:20}),r.jsx(ge,{level:ue.TWO,children:"multiple option"}),r.jsx(vt,{size:20}),r.jsx(ge,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Yr,{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(vt,{size:20})]})]})},n1=()=>r.jsx(Q,{children:r.jsx(mn,{edgeSize:Fe.MEDIUM,edges:["top","bottom"],children:r.jsxs(Hj,{activeIndex:1,align:ye.ALIGNED_CENTER,children:[r.jsx(_l,{children:"Selector One"}),r.jsx(_l,{children:"Selector Two"}),r.jsx(_l,{children:"Selector Three"})]})})}),r1=()=>{const[e,t]=h.useState(1),n=h.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Etapes"}),r.jsx(G,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:O.ONE,children:"Mon panier"}),r.jsx(pe,{size:30}),r.jsxs(bj,{children:[r.jsx(zs,{done:1r.jsx(Q,{children:r.jsxs(mn,{children:[r.jsx(Er,{children:"Sticker"}),r.jsx(Er,{variant:"ACCENT",children:"Sticker"}),r.jsx(Er,{variant:"INFO",children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE,horizontal:!0}),r.jsx(Er,{variant:ui.ACCENT,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.INFO,small:!0,children:"Sticker"}),r.jsx(Er,{variant:ui.MAIN,small:!0,children:"Sticker"}),r.jsx(pe,{size:Fe.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(Er,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(x0,{amount:100})})]})]})}),i1=()=>r.jsxs(Q,{children:[r.jsx(gr,{status:"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(gr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(gr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(gr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),l1=()=>{const[e,t]=h.useState(1),[n,s]=h.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Event"}),r.jsxs(jr,{activeIndex:e,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,centered:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(ce,{iconName:M.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:e,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(ce,{iconName:M.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(ce,{iconName:M.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{iconName:M.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{iconName:M.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{iconName:M.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{iconName:M.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{iconName:M.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(jr,{activeIndex:n,inverted:!0,children:[r.jsx(ce,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(ce,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(ce,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(ce,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(ce,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},a1=()=>{const[e,t]=h.useState(!1);return r.jsxs(Q,{children:[r.jsx(Fa,{children:r.jsxs(vo,{bordered:!0,fullwidth:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Paramètre"}),r.jsx(qe,{children:"Description"}),r.jsx(qe,{children:"Défaut"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en local"}),r.jsx(qe,{children:"Recommendation en prod"})]})}),r.jsxs(go,{children:[r.jsx(xt,{}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(ee,{children:"Activation / désactivation de l’introspection"}),r.jsx(ee,{children:"true"}),r.jsx(ee,{children:"false"}),r.jsx(ee,{children:"true"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(ee,{children:"Contexte par default"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:"LEGACY"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(ee,{children:"Liste des contextes à charger"}),r.jsx(ee,{children:"LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(ee,{children:"URL de SWAP"}),r.jsx(ee,{children:"A compléter"}),r.jsx(ee,{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(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(ee,{children:"Nombre de threads"}),r.jsx(ee,{children:"4"}),r.jsx(ee,{children:"TBD"}),r.jsx(ee,{children:" "})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:" "}),r.jsx(ee,{children:"DEV"}),r.jsx(ee,{children:" "})]})]})]})}),r.jsxs(vo,{fullwidth:!0,bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Date"}),r.jsx(qe,{children:"Libellé opération"}),r.jsx(qe,{children:"Montant"}),r.jsx(qe,{children:"Solde client"}),r.jsx(qe,{children:"Opérations associées"})]})}),r.jsxs(go,{children:[r.jsxs(xt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(ee,{children:"09/11/2018"}),r.jsxs(ee,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(ee,{children:"-100,00 €"}),r.jsx(ee,{children:"0,00 €"}),r.jsx(ee,{"data-expandable-trigger":"",children:r.jsx($,{name:M.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(xt,{expansion:!0,children:r.jsx(ee,{colSpan:7,children:r.jsxs(Ve,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:Xe.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(vo,{bordered:!0,children:[r.jsx(Eo,{children:r.jsxs(xt,{children:[r.jsx(qe,{children:"Title 1"}),r.jsx(qe,{children:"Title 2"}),r.jsx(qe,{children:"Title 3"})]})}),r.jsxs(go,{children:[r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 1"}),r.jsx(ee,{children:"Donnée 2"}),r.jsx(ee,{children:"Donnée 3"})]}),r.jsxs(xt,{children:[r.jsx(ee,{children:"Donnée 4"}),r.jsx(ee,{children:"Donnée 5"}),r.jsx(ee,{children:"Donnée 6"})]})]})]})]})},o1=()=>r.jsxs(r.Fragment,{children:[r.jsx(Me,{children:r.jsxs(jo,{children:[r.jsx(ze,{variant:We.INFO,children:"Tag secondaire"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{onClick:()=>alert("test"),variant:We.WARNING,children:"Tag warning"})]})}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag default"}),r.jsx(G,{}),r.jsx(A,{children:"In list"}),r.jsxs(jo,{children:[r.jsx(ze,{variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{variant:We.INFO,children:"Tag info"}),r.jsx(ze,{variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{variant:We.WARNING,children:"Tag warning"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Tag avec icone"}),r.jsx(G,{}),r.jsxs(jo,{children:[r.jsx(ze,{iconName:M.EXCLAMATION_CIRCLE,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{iconName:M.INFOS_CIRCLE,variant:We.INFO,children:"Tag info"}),r.jsx(ze,{iconName:M.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(Me,{children:[r.jsx(_,{level:O.THREE,children:"Small tag"}),r.jsx(G,{}),r.jsx(ze,{small:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{small:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{small:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:O.THREE,children:"Inverted tag"}),r.jsx(G,{}),r.jsx(ze,{inverted:!0,variant:We.ERROR,children:"Tag error"}),r.jsx(ze,{inverted:!0,variant:We.SUCCESS,children:"Tag success"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.WARNING,children:"Tag warning"}),r.jsx(ze,{inverted:!0,iconName:M.ALERT,variant:We.INFO,children:"Tag info"})]})]}),c1=()=>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:Xe.ONE,children:"my super text 1"}),r.jsx(A,{level:Xe.TWO,children:"my super text 2"}),r.jsx(A,{level:Xe.THREE,children:"my super text 3"}),r.jsx(A,{level:Xe.FOUR,children:"my super text 4"}),r.jsxs(A,{level:Xe.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(Ke,{children:r.jsxs(K,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Qs,{children:r.jsx(te,{variant:we.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),u1=()=>r.jsxs(Q,{children:[r.jsx(Sr,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(Sr,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:M.CHECK}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:M.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(G,{}),r.jsx(Sr,{placeholder:"With status icon error",label:"Label",iconName:M.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),d1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(xf,{horizontal:!0,children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsx(Fn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(xf,{children:[r.jsxs(Hn,{cancel:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{done:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{active:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(Hn,{undone:!0,children:[r.jsx(bn,{iconName:M.CHECK}),r.jsxs(Fn,{children:[r.jsx(_,{level:O.THREE,children:"20 septembre"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:Xe.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),f1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:O.ONE,children:"Title level 1"}),r.jsx(_,{level:O.TWO,children:"Title level 2"}),r.jsx(_,{level:O.THREE,children:"Title level 3"}),r.jsx(_,{level:O.FOUR,children:"Title level 4"}),r.jsx(_,{level:O.FIVE,children:"Title level 5"}),r.jsx(_,{level:O.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(G,{})]}),h1=()=>r.jsxs(Q,{children:[r.jsx(Ve,{markup:xs.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ve,{markup:xs.SPAN}),r.jsxs(Ve,{markup:xs.DIV,flexable:!0,justify:bp.SPACE_BETWEEN,align:ye.ALIGNED_CENTER,children:[r.jsx(te,{variant:we.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:O.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?"})]})]}),Ea=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:$j,AlertScreen:c0,AutoCompleteScreen:N0,AutolayoutScreen:y0,BadgeScreen:C0,BoxScreen:R0,BreadcrumScreen:T0,ButtonScreen:w0,CardScreen:L0,CheckboxScreen:I0,ChipsScreen:A0,ColumnScreen:_0,ContainerScreen:k0,CountdownScreen:O0,DividerScreen:M0,FabScreen:D0,HeroScreen:P0,IconScreen:U0,ImageScreen:F0,InputScreen:H0,LinkScreen:b0,ListScreen:$0,ModalScreen:B0,OtpScreen:G0,PaginationScreen:q0,PopoverScreen:Y0,PriceScreen:X0,ProductTourScreen:K0,ProgressScreen:Q0,RadioScreen:Z0,RangeScreen:J0,SegmentedControlScreen:e1,SelectView:t1,SelectorView:n1,StepperScreen:r1,StickerScreen:s1,SwitchScreen:i1,TabScreen:l1,TableScreen:a1,TagScreen:o1,TextScreen:c1,TextareaScreen:u1,TimelineScreen:d1,TitleScreen:f1,ViewScreen:h1},Symbol.toStringTag,{value:"Module"})),m1=({navigation:e})=>{const[t,n]=h.useState(Object.keys(Ea)),s=h.useCallback(i=>{const l={...Object.keys(Ea)};Object.keys(l).forEach(a=>{l[a].toLocaleLowerCase().includes(i.toLocaleLowerCase())||delete l[a]}),n(l)},[]);return r.jsx(Fa,{children:r.jsx(Me,{children:r.jsxs(mn,{children:[r.jsx(_,{level:O.ONE,typo:[dr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:Xe.ONE,typo:[dr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(ve,{placeholder:"Rechercher un composant",onChange:i=>s(i.inputValue)}),r.jsx(G,{}),r.jsx(_,{level:O.THREE,typo:[dr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((i,l)=>{const[a]=t[i].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ke,{children:[r.jsx(K,{size:11,children:r.jsx(_,{level:O.THREE,children:a})}),r.jsx(K,{verticalCenter:!0,size:1,children:r.jsx($,{name:M.ARROW_RIGHT})})]})})},l)})]})})})},p1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(Fa,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx($,{name:M.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[_i.TEXT_CENTERED],children:e}),t]})]}),x1=()=>{const e=cg();return r.jsxs(Rg,{children:[Object.keys(Ea).map((t,n)=>{const[s]=t.split("Screen"),i=Ea[t];return r.jsx(Rl,{path:s,element:r.jsx(p1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(i,{})})},n)}),r.jsx(Rl,{path:"/",element:r.jsx(m1,{navigation:{navigate:e}})}),r.jsx(Rl,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},v1=document.getElementById("root"),E1=gp(v1);E1.render(r.jsx(h.StrictMode,{children:r.jsx(kg,{children:r.jsx(Lg,{children:r.jsx(x1,{})})})})); diff --git a/docs/templates/index.html b/docs/templates/index.html index c84e2d6b..904c7bdd 100644 --- a/docs/templates/index.html +++ b/docs/templates/index.html @@ -7,7 +7,7 @@ Trilogy DS - + diff --git a/examples/react-template/screens/Radio.tsx b/examples/react-template/screens/Radio.tsx index 646f4b7b..f0c65371 100644 --- a/examples/react-template/screens/Radio.tsx +++ b/examples/react-template/screens/Radio.tsx @@ -21,10 +21,22 @@ export const RadioScreen = (): JSX.Element => { return ( - + + + Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... + + + + Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, + consectetur, adipisci velit... + + + + + { +const Rows = ({ children, gapless, ...others }: RowsProps): JSX.Element => { const styles = StyleSheet.create({ rows: { display: "flex", @@ -17,9 +20,12 @@ const Rows = ({ children, ...others }: RowsProps): JSX.Element => { }) return ( - - {children} - + + + {children} + + + ) } diff --git a/packages/react/components/rows/Rows.tsx b/packages/react/components/rows/Rows.tsx index b062b945..1a98e3ad 100644 --- a/packages/react/components/rows/Rows.tsx +++ b/packages/react/components/rows/Rows.tsx @@ -3,17 +3,19 @@ import { RowsProps } from "./RowsProps" import { hashClass } from "@/helpers" import clsx from "clsx" import { useTrilogyContext } from "@/context" +import { is } from "@/services" /** * Rows Component * @param children {React.ReactNode} Rows children + * @param gapless {boolean} Delete margins between row * - ------------------- WEB PROPERTIES ------------------------- * @param className {string} additionnal CSS Classes */ -const Rows = ({ className, ...others }: RowsProps): JSX.Element => { +const Rows = ({ className, gapless, ...others }: RowsProps): JSX.Element => { const { styled } = useTrilogyContext() return ( -
+
) } diff --git a/packages/react/components/rows/RowsProps.ts b/packages/react/components/rows/RowsProps.ts index 4a876aa9..324c9234 100644 --- a/packages/react/components/rows/RowsProps.ts +++ b/packages/react/components/rows/RowsProps.ts @@ -4,4 +4,5 @@ export interface RowsProps { children?: React.ReactNode className?: string + gapless?: boolean } diff --git a/packages/react/components/rows/item/RowItem.native.tsx b/packages/react/components/rows/item/RowItem.native.tsx index a1027227..3b4723ad 100644 --- a/packages/react/components/rows/item/RowItem.native.tsx +++ b/packages/react/components/rows/item/RowItem.native.tsx @@ -2,6 +2,7 @@ import * as React from "react" import { StyleSheet, View } from "react-native" import { RowsItemProps } from "./RowItemProps" import { ComponentName } from "@/components/enumsComponentsName" +import { RowsContext } from "../Rows.native" /** * Rows Item Component @@ -13,10 +14,12 @@ const RowItem = ({ narrow, ...others }: RowsItemProps): JSX.Element => { + const { gapless } = React.useContext(RowsContext) + const styles = StyleSheet.create({ rowItem: { flexGrow: (narrow && 0) || 1, - padding: 5, + padding: gapless ? 0 : 5, flexShrink: 1, }, }) diff --git a/packages/react/components/section/Section.tsx b/packages/react/components/section/Section.tsx index 0812a3d1..1e5ec30a 100644 --- a/packages/react/components/section/Section.tsx +++ b/packages/react/components/section/Section.tsx @@ -53,7 +53,7 @@ const Section = ({ return (
Date: Fri, 9 Aug 2024 13:49:48 +0200 Subject: [PATCH 19/19] Fix ColumnItem based on 12 sizes --- packages/react/components/columns/item/ColumnsItem.native.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react/components/columns/item/ColumnsItem.native.tsx b/packages/react/components/columns/item/ColumnsItem.native.tsx index 94f43911..5c1b6ce4 100644 --- a/packages/react/components/columns/item/ColumnsItem.native.tsx +++ b/packages/react/components/columns/item/ColumnsItem.native.tsx @@ -26,6 +26,9 @@ const ColumnsItem = ({ children, size, verticalCenter, centered, align, ...other flex: columnsContextValues.inlined ? undefined : !size ? 12 : size, justifyContent: verticalCenter ? 'center' : 'flex-start', alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline', + flexBasis: `${(size ? size : 1) / 12 * 100}%`, + flexGrow: 0, + maxWidth: `${(size ? size : 1) / 12 * 100}%` }, })