@epfl-sti/poesis 0.1.0

package/dist/poesis.js

@@ -0,0 +1,1870 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-6xl:72rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-xl:0 8px 32px #0000001f;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-epfl-red:red;--color-epfl-red-dark:#b51f1f;--color-epfl-leman:#00a79f;--color-epfl-canard:#007480;--color-epfl-canard-dark:#004248;--color-primary:var(--action-primary);--color-primary-hover:var(--action-primary-hover);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-tertiary);--color-border:var(--border-default);--color-border-strong:var(--border-strong);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-success:var(--semantic-success);--color-success-bg:var(--semantic-success-bg);--color-warning:var(--semantic-warning);--color-warning-bg:var(--semantic-warning-bg);--color-error:var(--semantic-error);--color-error-bg:var(--semantic-error-bg);--color-info:var(--semantic-info);--color-info-bg:var(--semantic-info-bg);--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--text-h1:2rem;--text-h1--line-height:1.2;--text-h2:1.5rem;--text-h2--line-height:1.3;--text-h3:1.25rem;--text-h3--line-height:1.4;--text-body:.9375rem;--text-body--line-height:1.5;--text-small:.8125rem;--text-small--line-height:1.5;--text-caption:.75rem;--text-caption--line-height:1.4}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.right-lg{right:var(--spacing-lg)}.bottom-lg{bottom:var(--spacing-lg)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-0\\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-lg{margin-top:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mt-xs{margin-top:var(--spacing-xs)}.mr-lg{margin-right:var(--spacing-lg)}.mr-sm{margin-right:var(--spacing-sm)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-full{width:100%;height:100%}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-16{width:calc(var(--spacing) * 16)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\\[4px\\]{width:4px}.w-\\[8px\\]{width:8px}.w-\\[16px\\]{width:16px}.w-\\[24px\\]{width:24px}.w-\\[32px\\]{width:32px}.w-\\[48px\\]{width:48px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\\[24rem\\]{max-width:24rem}.max-w-\\[32rem\\]{max-width:32rem}.max-w-\\[42rem\\]{max-width:42rem}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[var\\(--container-6xl\\)\\]{max-width:var(--container-6xl)}.max-w-\\[var\\(--container-md\\)\\]{max-width:var(--container-md)}.max-w-\\[var\\(--container-xl\\)\\]{max-width:var(--container-xl)}.max-w-\\[var\\(--container-xs\\)\\]{max-width:var(--container-xs)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--spacing-md)}.max-w-screen{max-width:100vw}.max-w-sm{max-width:var(--spacing-sm)}.max-w-xl{max-width:var(--spacing-xl)}.max-w-xs{max-width:var(--spacing-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[10rem\\]{min-width:10rem}.min-w-\\[500px\\]{min-width:500px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.animate-dialog-in{animation:.2s ease-out dialog-in}.animate-floating-in{animation:.15s ease-out floating-in}.animate-slide-in{animation:.25s ease-out slide-in}.animate-spin{animation:var(--animate-spin)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-lg{gap:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.gap-px{gap:1px}.gap-sm{gap:var(--spacing-sm)}.gap-xl{gap:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\\!rounded-lg{border-radius:var(--radius-lg)!important}.\\!rounded-md{border-radius:var(--radius-md)!important}.\\!rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.\\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\\!border-border{border-color:var(--color-border)!important}.\\!border-epfl-canard{border-color:var(--color-epfl-canard)!important}.\\!border-error{border-color:var(--color-error)!important}.\\!border-primary{border-color:var(--color-primary)!important}.border-border{border-color:var(--color-border)}.border-error,.border-error\\/30{border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.border-error\\/30{border-color:color-mix(in oklab,var(--color-error) 30%,transparent)}}.border-info\\/30{border-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.border-info\\/30{border-color:color-mix(in oklab,var(--color-info) 30%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-success\\/30{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.border-success\\/30{border-color:color-mix(in oklab,var(--color-success) 30%,transparent)}}.border-transparent{border-color:#0000}.border-warning\\/30{border-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\\/30{border-color:color-mix(in oklab,var(--color-warning) 30%,transparent)}}.\\!bg-bg-tertiary{background-color:var(--color-bg-tertiary)!important}.\\!bg-epfl-canard{background-color:var(--color-epfl-canard)!important}.\\!bg-primary{background-color:var(--color-primary)!important}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-bg-tertiary,.bg-bg-tertiary\\/50{background-color:var(--color-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.bg-bg-tertiary\\/50{background-color:color-mix(in oklab,var(--color-bg-tertiary) 50%,transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-border-strong{background-color:var(--color-border-strong)}.bg-epfl-canard{background-color:var(--color-epfl-canard)}.bg-epfl-canard-dark{background-color:var(--color-epfl-canard-dark)}.bg-epfl-leman{background-color:var(--color-epfl-leman)}.bg-epfl-red{background-color:var(--color-epfl-red)}.bg-epfl-red-dark{background-color:var(--color-epfl-red-dark)}.bg-error{background-color:var(--color-error)}.bg-error-bg{background-color:var(--color-error-bg)}.bg-info{background-color:var(--color-info)}.bg-info-bg{background-color:var(--color-info-bg)}.bg-primary,.bg-primary\\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-success{background-color:var(--color-success)}.bg-success-bg{background-color:var(--color-success-bg)}.bg-text-muted{background-color:var(--color-text-muted)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-warning{background-color:var(--color-warning)}.bg-warning-bg{background-color:var(--color-warning-bg)}.object-cover{object-fit:cover}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-16{padding:calc(var(--spacing) * 16)}.p-lg{padding:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-sm{padding:var(--spacing-sm)}.p-xl{padding:var(--spacing-xl)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-lg{padding-inline:var(--spacing-lg)}.px-md{padding-inline:var(--spacing-md)}.px-sm{padding-inline:var(--spacing-sm)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-2xl{padding-block:var(--spacing-2xl)}.py-lg{padding-block:var(--spacing-lg)}.py-md{padding-block:var(--spacing-md)}.py-sm{padding-block:var(--spacing-sm)}.py-xl{padding-block:var(--spacing-xl)}.py-xs{padding-block:var(--spacing-xs)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-xl{padding-top:var(--spacing-xl)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height))}.text-h2{font-size:var(--text-h2);line-height:var(--tw-leading,var(--text-h2--line-height))}.text-h3{font-size:var(--text-h3);line-height:var(--tw-leading,var(--text-h3--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.\\!text-white{color:var(--color-white)!important}.text-bg-primary{color:var(--color-bg-primary)}.text-epfl-canard{color:var(--color-epfl-canard)}.text-epfl-red{color:var(--color-epfl-red)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.\\!shadow-lg{--tw-shadow:0 4px 16px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.\\!shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 4px 16px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\!ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.\\!ring-epfl-canard{--tw-ring-color:var(--color-epfl-canard)!important}.\\!ring-primary{--tw-ring-color:var(--color-primary)!important}.transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-checked\\:bg-primary:is(:where(.peer):checked~*){background-color:var(--color-primary)}.peer-focus-visible\\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\\:ring-primary:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-primary)}.peer-focus-visible\\:ring-offset-2:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.peer-focus-visible\\:ring-offset-bg-primary:is(:where(.peer):focus-visible~*){--tw-ring-offset-color:var(--color-bg-primary)}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.placeholder\\:text-text-muted::placeholder{color:var(--color-text-muted)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:top-0\\.5:after{content:var(--tw-content);top:calc(var(--spacing) * .5)}.after\\:left-0\\.5:after{content:var(--tw-content);left:calc(var(--spacing) * .5)}.after\\:size-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:var(--radius-full)}.after\\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\\:shadow-sm:after{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.after\\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\\:after\\:translate-x-5:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.checked\\:border-\\[5px\\]:checked{border-style:var(--tw-border-style);border-width:5px}.checked\\:border-primary:checked{border-color:var(--color-primary)}.checked\\:bg-primary:checked{background-color:var(--color-primary)}.checked\\:bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\,\\%3Csvg\\%20viewBox\\%3D\\%220\\%200\\%2016\\%2016\\%22\\%20fill\\%3D\\%22white\\%22\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%3E\\%3Cpath\\%20d\\%3D\\%22M12\\.207\\%204\\.793a1\\%201\\%200\\%20010\\%201\\.414l-5\\%205a1\\%201\\%200\\%2001-1\\.414\\%200l-2-2a1\\%201\\%200\\%20011\\.414-1\\.414L6\\.5\\%209\\.086l4\\.293-4\\.293a1\\%201\\%200\\%20011\\.414\\%200z\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\]:checked{background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22%2F%3E%3C%2Fsvg%3E)}.checked\\:bg-center:checked{background-position:50%}.checked\\:bg-no-repeat:checked{background-repeat:no-repeat}.indeterminate\\:border-primary:indeterminate{border-color:var(--color-primary)}.indeterminate\\:bg-primary:indeterminate{background-color:var(--color-primary)}.indeterminate\\:bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\,\\%3Csvg\\%20viewBox\\%3D\\%220\\%200\\%2016\\%2016\\%22\\%20fill\\%3D\\%22white\\%22\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%3E\\%3Crect\\%20x\\%3D\\%223\\%22\\%20y\\%3D\\%227\\%22\\%20width\\%3D\\%2210\\%22\\%20height\\%3D\\%222\\%22\\%20rx\\%3D\\%221\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\]:indeterminate{background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E)}.indeterminate\\:bg-center:indeterminate{background-position:50%}.indeterminate\\:bg-no-repeat:indeterminate{background-repeat:no-repeat}@media(hover:hover){.hover\\:border-border-strong:hover{border-color:var(--color-border-strong)}.hover\\:bg-bg-tertiary:hover,.hover\\:bg-bg-tertiary\\/70:hover{background-color:var(--color-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-bg-tertiary\\/70:hover{background-color:color-mix(in oklab,var(--color-bg-tertiary) 70%,transparent)}}.hover\\:bg-error-bg:hover{background-color:var(--color-error-bg)}.hover\\:bg-error\\/80:hover{background-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-error\\/80:hover{background-color:color-mix(in oklab,var(--color-error) 80%,transparent)}}.hover\\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\\:text-text-primary:hover{color:var(--color-text-primary)}.hover\\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\\:opacity-90:hover{opacity:.9}}.focus\\:border-error:focus{border-color:var(--color-error)}.focus\\:border-primary:focus{border-color:var(--color-primary)}.focus\\:bg-bg-tertiary:focus{background-color:var(--color-bg-tertiary)}.focus\\:bg-error-bg:focus{background-color:var(--color-error-bg)}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error:focus{--tw-ring-color:var(--color-error)}.focus\\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-error:focus-visible{--tw-ring-color:var(--color-error)}.focus-visible\\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-bg-primary:focus-visible{--tw-ring-offset-color:var(--color-bg-primary)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-bg-secondary:disabled{background-color:var(--color-bg-secondary)}.disabled\\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\\:col-span-2{grid-column:span 2/span 2}.sm\\:w-1\\/3{width:33.3333%}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:gap-lg{gap:var(--spacing-lg)}}@media(min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:px-lg{padding-inline:var(--spacing-lg)}}.\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\\[\\&\\>svg\\]\\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e6e6e6;--border-default:#d5d5d5;--border-strong:#c1c1c1;--text-primary:#212121;--text-secondary:#707070;--text-muted:#8e8e8e;--semantic-success:#1b874b;--semantic-success-bg:#e8f5e9;--semantic-warning:#d4860a;--semantic-warning-bg:#fff3e0;--semantic-error:#d32f2f;--semantic-error-bg:#ffebee;--semantic-info:#1976d2;--semantic-info-bg:#e3f2fd;--action-primary:#007480;--action-primary-hover:#004248}.dark{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:#2e2e2e;--border-default:#3a3a3a;--border-strong:#505050;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#707070;--semantic-success:#34d37a;--semantic-success-bg:#1a2e1a;--semantic-warning:#ffad33;--semantic-warning-bg:#2e2410;--semantic-error:#ff6b6b;--semantic-error-bg:#2e1515;--semantic-info:#64b5f6;--semantic-info-bg:#152538;--action-primary:#009ba6;--action-primary-hover:#007480;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--shadow-xl:0 8px 32px #0009}@keyframes slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes floating-in{0%{opacity:0}to{opacity:1}}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}`)),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { useState as N, forwardRef as C, useId as I, useRef as $, useCallback as k, useEffect as z, createContext as D, useContext as F, useSyncExternalStore as ce, useMemo as de } from "react";
+import { useTranslation as J } from "react-i18next";
+import { jsx as e, jsxs as m, Fragment as S } from "react/jsx-runtime";
+import { SunFill as me, MoonFill as ue, List as be, ChevronDown as E, XLg as pe, ChevronUp as Y, InfoCircleFill as Q, XCircleFill as Z, ExclamationTriangleFill as P, CheckCircleFill as ee, X as B } from "react-bootstrap-icons";
+import { createPortal as fe } from "react-dom";
+import { useFloating as L, autoUpdate as R, offset as T, flip as M, shift as O, useClick as te, useDismiss as U, useRole as H, useListNavigation as xe, useInteractions as V, FloatingPortal as q, FloatingFocusManager as re, arrow as ge, useHover as he, useFocus as ye } from "@floating-ui/react";
+import ve from "react-select";
+const we = {
+  sm: "size-8 text-caption",
+  md: "size-10 text-small",
+  lg: "size-14 text-body"
+};
+function Ne(t) {
+  const r = t.trim().split(/\s+/);
+  return r.length === 0 ? "?" : r.length === 1 ? r[0][0].toUpperCase() : (r[0][0] + r[r.length - 1][0]).toUpperCase();
+}
+function bt({ src: t, name: r, size: o = "md", alt: n, className: s = "", ...i }) {
+  const [a, c] = N(!1), d = !!t && !a;
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": n ?? r,
+      className: [
+        "inline-flex items-center justify-center rounded-full overflow-hidden",
+        "bg-primary text-white font-semibold select-none shrink-0",
+        we[o],
+        s
+      ].join(" "),
+      ...i,
+      children: d ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: n ?? r,
+          className: "size-full object-cover",
+          onError: () => c(!0)
+        }
+      ) : /* @__PURE__ */ e("span", { "aria-hidden": "true", children: Ne(r) })
+    }
+  );
+}
+const ke = {
+  default: "bg-bg-tertiary text-text-primary",
+  success: "bg-success-bg text-success",
+  warning: "bg-warning-bg text-warning",
+  error: "bg-error-bg text-error",
+  info: "bg-info-bg text-info"
+}, Ce = {
+  default: "bg-text-muted",
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-error",
+  info: "bg-info"
+};
+function pt({ color: t = "default", dot: r, className: o = "", children: n, ...s }) {
+  return r ? /* @__PURE__ */ e(
+    "span",
+    {
+      role: "status",
+      className: `inline-block size-2.5 rounded-full ${Ce[t]} ${o}`,
+      ...s
+    }
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      className: [
+        "inline-flex items-center rounded-sm px-2 py-0.5",
+        "text-caption font-medium leading-none",
+        ke[t],
+        o
+      ].join(" "),
+      ...s,
+      children: n
+    }
+  );
+}
+const ze = {
+  sm: "size-4",
+  md: "size-6",
+  lg: "size-8"
+};
+function ne({ size: t = "md", className: r = "", ...o }) {
+  return /* @__PURE__ */ m(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `animate-spin ${ze[t]} ${r}`,
+      role: "status",
+      "aria-label": "Loading",
+      ...o,
+      children: [
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "3"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z"
+          }
+        )
+      ]
+    }
+  );
+}
+const $e = {
+  primary: "bg-primary text-white hover:bg-primary-hover focus-visible:ring-primary",
+  secondary: "border border-border text-text-primary bg-bg-primary hover:bg-bg-tertiary focus-visible:ring-primary",
+  ghost: "text-text-primary hover:bg-bg-tertiary focus-visible:ring-primary",
+  danger: "bg-error text-white hover:opacity-90 focus-visible:ring-error"
+}, Ie = {
+  sm: "text-small px-3 py-1 gap-1.5",
+  md: "text-body px-4 py-2 gap-2",
+  lg: "text-body px-5 py-2.5 gap-2"
+}, je = {
+  sm: "sm",
+  md: "sm",
+  lg: "md"
+}, ft = C(function({
+  variant: r = "primary",
+  size: o = "md",
+  loading: n = !1,
+  disabled: s,
+  iconLeft: i,
+  iconRight: a,
+  className: c = "",
+  children: d,
+  ...l
+}, u) {
+  const b = s || n;
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      ref: u,
+      type: "button",
+      disabled: b,
+      "aria-busy": n || void 0,
+      className: [
+        // base
+        "inline-flex items-center justify-center font-medium rounded-md",
+        "transition-colors duration-150 cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        // variant + size
+        $e[r],
+        Ie[o],
+        // disabled / loading
+        b && "opacity-50 pointer-events-none",
+        c
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: [
+        n ? /* @__PURE__ */ e(ne, { size: je[o], "aria-hidden": "true" }) : i,
+        d,
+        !n && a
+      ]
+    }
+  );
+}), De = {
+  primary: "bg-primary text-white hover:bg-primary-hover focus-visible:ring-primary",
+  secondary: "border border-border text-text-primary bg-bg-primary hover:bg-bg-tertiary focus-visible:ring-primary",
+  ghost: "text-text-primary hover:bg-bg-tertiary focus-visible:ring-primary",
+  danger: "bg-error text-white hover:opacity-90 focus-visible:ring-error"
+}, Fe = {
+  sm: "size-7 text-small",
+  md: "size-9 text-body",
+  lg: "size-11 text-body"
+}, Ee = C(function({ variant: r = "ghost", size: o = "md", loading: n = !1, disabled: s, icon: i, className: a = "", ...c }, d) {
+  const l = s || n;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      disabled: l,
+      "aria-busy": n || void 0,
+      className: [
+        // base
+        "inline-flex items-center justify-center rounded-md",
+        "transition-colors duration-150 cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        // variant + size
+        De[r],
+        Fe[o],
+        // disabled / loading
+        l && "opacity-50 pointer-events-none",
+        a
+      ].filter(Boolean).join(" "),
+      ...c,
+      children: n ? /* @__PURE__ */ e(ne, { size: "sm", "aria-hidden": "true" }) : i
+    }
+  );
+}), xt = C(function({
+  label: r,
+  indeterminate: o = !1,
+  helperText: n,
+  error: s,
+  className: i = "",
+  id: a,
+  disabled: c,
+  ...d
+}, l) {
+  const u = I(), b = a ?? u, g = `${b}-helper`, f = !!s, y = $(null), p = k(
+    (x) => {
+      y.current = x, typeof l == "function" ? l(x) : l && (l.current = x);
+    },
+    [l]
+  );
+  return z(() => {
+    y.current && (y.current.indeterminate = o);
+  }, [o]), /* @__PURE__ */ m("div", { className: `flex flex-col gap-1 ${i}`, children: [
+    /* @__PURE__ */ m("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: p,
+          id: b,
+          type: "checkbox",
+          disabled: c,
+          "aria-invalid": f || void 0,
+          "aria-describedby": n || s ? g : void 0,
+          className: [
+            "mt-0.5 size-4 shrink-0 cursor-pointer rounded-sm border appearance-none",
+            "bg-bg-primary transition-colors",
+            "checked:bg-primary checked:border-primary",
+            "indeterminate:bg-primary indeterminate:border-primary",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            f ? "border-error" : "border-border hover:border-border-strong",
+            // Checkmark via background SVG
+            "checked:bg-[url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22%2F%3E%3C%2Fsvg%3E')] checked:bg-center checked:bg-no-repeat",
+            // Indeterminate dash
+            "indeterminate:bg-[url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E')] indeterminate:bg-center indeterminate:bg-no-repeat"
+          ].join(" "),
+          ...d
+        }
+      ),
+      r && /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: b,
+          className: `text-body select-none ${c ? "text-text-muted cursor-not-allowed" : "text-text-primary cursor-pointer"}`,
+          children: r
+        }
+      )
+    ] }),
+    (n || s) && /* @__PURE__ */ e(
+      "p",
+      {
+        id: g,
+        className: `text-caption pl-6 ${f ? "text-error" : "text-text-secondary"}`,
+        children: s ?? n
+      }
+    )
+  ] });
+}), Se = {
+  sm: "h-8 text-small px-2.5",
+  md: "h-10 text-body px-3",
+  lg: "h-12 text-body px-3.5"
+}, Ae = {
+  sm: "pl-8",
+  md: "pl-10",
+  lg: "pl-11"
+}, Pe = {
+  sm: "pr-8",
+  md: "pr-10",
+  lg: "pr-11"
+}, _ = {
+  sm: "[&>svg]:size-4",
+  md: "[&>svg]:size-5",
+  lg: "[&>svg]:size-5"
+}, gt = C(function({
+  label: r,
+  helperText: o,
+  error: n,
+  leftIcon: s,
+  rightIcon: i,
+  inputSize: a = "md",
+  className: c = "",
+  id: d,
+  disabled: l,
+  ...u
+}, b) {
+  const g = I(), f = d ?? g, y = `${f}-helper`, p = !!n;
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-1.5 ${c}`, children: [
+    r && /* @__PURE__ */ e("label", { htmlFor: f, className: "text-small font-medium text-text-primary", children: r }),
+    /* @__PURE__ */ m("div", { className: "relative", children: [
+      s && /* @__PURE__ */ e(
+        "span",
+        {
+          className: `pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-text-secondary ${_[a]}`,
+          "aria-hidden": "true",
+          children: s
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: b,
+          id: f,
+          disabled: l,
+          "aria-invalid": p || void 0,
+          "aria-describedby": o || n ? y : void 0,
+          className: [
+            "w-full rounded-md border bg-bg-primary text-text-primary placeholder:text-text-muted",
+            "outline-none transition-colors",
+            "focus:border-primary focus:ring-1 focus:ring-primary",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-bg-secondary",
+            p ? "border-error focus:border-error focus:ring-error" : "border-border hover:border-border-strong",
+            Se[a],
+            s ? Ae[a] : "",
+            i ? Pe[a] : ""
+          ].join(" "),
+          ...u
+        }
+      ),
+      i && /* @__PURE__ */ e(
+        "span",
+        {
+          className: `pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-text-secondary ${_[a]}`,
+          "aria-hidden": "true",
+          children: i
+        }
+      )
+    ] }),
+    (o || n) && /* @__PURE__ */ e(
+      "p",
+      {
+        id: y,
+        className: `text-caption ${p ? "text-error" : "text-text-secondary"}`,
+        children: n ?? o
+      }
+    )
+  ] });
+}), oe = D(null);
+function Be() {
+  const t = F(oe);
+  if (!t) throw new Error("RadioGroup.Item must be used within RadioGroup");
+  return t;
+}
+function Le({
+  name: t,
+  value: r,
+  onChange: o,
+  label: n,
+  helperText: s,
+  error: i,
+  orientation: a = "vertical",
+  disabled: c = !1,
+  children: d,
+  className: l = ""
+}) {
+  const u = I(), b = t ?? u, f = `${`${b}-group`}-helper`, y = !!i;
+  return /* @__PURE__ */ e(oe.Provider, { value: { name: b, value: r, onChange: o, disabled: c, hasError: y }, children: /* @__PURE__ */ m(
+    "fieldset",
+    {
+      className: `flex flex-col gap-2 ${l}`,
+      "aria-describedby": s || i ? f : void 0,
+      disabled: c,
+      children: [
+        n && /* @__PURE__ */ e("legend", { className: "text-small font-medium text-text-primary mb-1", children: n }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `flex gap-3 ${a === "horizontal" ? "flex-row flex-wrap" : "flex-col"}`,
+            role: "radiogroup",
+            children: d
+          }
+        ),
+        (s || i) && /* @__PURE__ */ e(
+          "p",
+          {
+            id: f,
+            className: `text-caption ${y ? "text-error" : "text-text-secondary"}`,
+            children: i ?? s
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Re({ value: t, label: r, description: o, disabled: n }) {
+  const {
+    name: s,
+    value: i,
+    onChange: a,
+    disabled: c,
+    hasError: d
+  } = Be(), l = I(), u = c || n;
+  return /* @__PURE__ */ m("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        id: l,
+        type: "radio",
+        name: s,
+        value: t,
+        checked: i !== void 0 ? i === t : void 0,
+        disabled: u,
+        onChange: () => a?.(t),
+        className: [
+          "mt-0.5 size-4 shrink-0 cursor-pointer appearance-none rounded-full border",
+          "bg-bg-primary transition-colors",
+          "checked:border-primary checked:border-[5px]",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          d ? "border-error" : "border-border hover:border-border-strong"
+        ].join(" ")
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: l,
+          className: `text-body select-none ${u ? "text-text-muted cursor-not-allowed" : "text-text-primary cursor-pointer"}`,
+          children: r
+        }
+      ),
+      o && /* @__PURE__ */ e("span", { className: "text-caption text-text-secondary", children: o })
+    ] })
+  ] });
+}
+Le.Item = Re;
+const Te = (t) => ({
+  ...t,
+  borderRadius: 8,
+  colors: {
+    ...t.colors,
+    primary: "var(--color-primary)",
+    // focused border, selected option
+    primary75: "var(--color-primary-hover)",
+    primary50: "var(--color-bg-tertiary)",
+    // option hover
+    primary25: "var(--color-bg-secondary)",
+    // option light hover
+    neutral0: "var(--color-bg-primary)",
+    // control background
+    neutral5: "var(--color-bg-secondary)",
+    neutral10: "var(--color-bg-tertiary)",
+    // multi-value tag bg
+    neutral20: "var(--color-border)",
+    // control border
+    neutral30: "var(--color-border-strong)",
+    // hover border
+    neutral40: "var(--color-text-muted)",
+    // placeholder if no search
+    neutral50: "var(--color-text-secondary)",
+    // placeholder
+    neutral60: "var(--color-text-secondary)",
+    neutral70: "var(--color-text-primary)",
+    neutral80: "var(--color-text-primary)",
+    // selected text, input text
+    neutral90: "var(--color-text-primary)",
+    danger: "var(--color-error)",
+    dangerLight: "var(--color-error-bg)"
+  }
+}), W = {
+  control: ({ isFocused: t }) => `!shadow-sm !rounded-md !border-border ${t ? "!border-primary !ring-1 !ring-primary" : ""}`,
+  menu: () => "!rounded-lg !shadow-lg !border !border-border",
+  option: ({ isFocused: t, isSelected: r }) => `${r ? "!bg-primary !text-white" : t ? "!bg-bg-tertiary" : ""}`,
+  multiValue: () => "!rounded-sm !bg-bg-tertiary"
+};
+function ht({ label: t, helperText: r, error: o, className: n = "", ...s }) {
+  const i = I(), a = s.inputId ?? i, c = `${a}-helper`, d = !!o;
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-1.5 ${n}`, children: [
+    t && /* @__PURE__ */ e("label", { htmlFor: a, className: "text-small font-medium text-text-primary", children: t }),
+    /* @__PURE__ */ e(
+      ve,
+      {
+        inputId: a,
+        theme: Te,
+        classNames: {
+          ...W,
+          control: (l) => {
+            const u = W.control?.(l) ?? "";
+            return d ? `${u} !border-error !focus:ring-error` : u;
+          }
+        },
+        "aria-invalid": d || void 0,
+        "aria-errormessage": d ? c : void 0,
+        ...s
+      }
+    ),
+    (r || o) && /* @__PURE__ */ e(
+      "p",
+      {
+        id: c,
+        className: `text-caption ${d ? "text-error" : "text-text-secondary"}`,
+        children: o ?? r
+      }
+    )
+  ] });
+}
+const yt = C(function({ label: r, helperText: o, className: n = "", id: s, disabled: i, ...a }, c) {
+  const d = I(), l = s ?? d, u = `${l}-helper`;
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-1 ${n}`, children: [
+    /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ m("div", { className: "relative inline-flex items-center", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: c,
+            id: l,
+            type: "checkbox",
+            role: "switch",
+            disabled: i,
+            "aria-describedby": o ? u : void 0,
+            className: "peer sr-only",
+            ...a
+          }
+        ),
+        /* @__PURE__ */ e(
+          "label",
+          {
+            htmlFor: l,
+            className: [
+              "relative h-6 w-11 rounded-full transition-colors",
+              "bg-border-strong",
+              "peer-checked:bg-primary",
+              "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg-primary",
+              "peer-disabled:opacity-50 peer-disabled:cursor-not-allowed",
+              i ? "cursor-not-allowed" : "cursor-pointer",
+              // Thumb
+              "after:content-[''] after:absolute after:top-0.5 after:left-0.5",
+              "after:size-5 after:rounded-full after:bg-white after:shadow-sm",
+              "after:transition-transform peer-checked:after:translate-x-5"
+            ].join(" "),
+            "aria-hidden": "true"
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: l,
+          className: `text-body select-none ${i ? "text-text-muted cursor-not-allowed" : "text-text-primary cursor-pointer"}`,
+          children: r
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ e("p", { id: u, className: "text-caption text-text-secondary pl-14", children: o })
+  ] });
+}), vt = C(function({
+  label: r,
+  helperText: o,
+  error: n,
+  autoGrow: s = !1,
+  minRows: i = 3,
+  className: a = "",
+  id: c,
+  disabled: d,
+  onChange: l,
+  ...u
+}, b) {
+  const g = I(), f = c ?? g, y = `${f}-helper`, p = !!n, x = $(null), h = k(() => {
+    const v = x.current;
+    !v || !s || (v.style.height = "auto", v.style.height = `${v.scrollHeight}px`);
+  }, [s]);
+  z(() => {
+    h();
+  }, [h, u.value, u.defaultValue]);
+  const w = k(
+    (v) => {
+      x.current = v, typeof b == "function" ? b(v) : b && (b.current = v);
+    },
+    [b]
+  );
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-1.5 ${a}`, children: [
+    r && /* @__PURE__ */ e("label", { htmlFor: f, className: "text-small font-medium text-text-primary", children: r }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        ref: w,
+        id: f,
+        rows: i,
+        disabled: d,
+        "aria-invalid": p || void 0,
+        "aria-describedby": o || n ? y : void 0,
+        onChange: (v) => {
+          l?.(v), h();
+        },
+        className: [
+          "w-full rounded-md border bg-bg-primary text-text-primary placeholder:text-text-muted",
+          "px-3 py-2 text-body outline-none transition-colors",
+          "focus:border-primary focus:ring-1 focus:ring-primary",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-bg-secondary",
+          s ? "resize-none overflow-hidden" : "resize-y",
+          p ? "border-error focus:border-error focus:ring-error" : "border-border hover:border-border-strong"
+        ].join(" "),
+        ...u
+      }
+    ),
+    (o || n) && /* @__PURE__ */ e(
+      "p",
+      {
+        id: y,
+        className: `text-caption ${p ? "text-error" : "text-text-secondary"}`,
+        children: n ?? o
+      }
+    )
+  ] });
+}), ie = D({
+  close: () => {
+  },
+  getItemProps: () => ({}),
+  activeIndex: null,
+  setActiveIndex: () => {
+  }
+});
+function wt() {
+  return /* @__PURE__ */ e("div", { role: "separator", className: "my-1 border-t border-border" });
+}
+const Nt = C(function({ children: r, icon: o, danger: n = !1, disabled: s = !1, onClick: i, className: a = "", ...c }, d) {
+  const { close: l } = F(ie);
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      role: "menuitem",
+      disabled: s,
+      onClick: () => {
+        s || (i?.(), l());
+      },
+      className: [
+        "flex w-full items-center gap-2 px-3 py-2 text-small rounded-md",
+        "text-left transition-colors outline-none cursor-pointer",
+        n ? "text-error hover:bg-error-bg focus:bg-error-bg" : "text-text-primary hover:bg-bg-tertiary focus:bg-bg-tertiary",
+        s && "opacity-50 pointer-events-none",
+        a
+      ].filter(Boolean).join(" "),
+      ...c,
+      children: [
+        o && /* @__PURE__ */ e("span", { className: "shrink-0 size-4", children: o }),
+        r
+      ]
+    }
+  );
+});
+function kt({
+  trigger: t,
+  children: r,
+  placement: o = "bottom-start",
+  className: n = ""
+}) {
+  const [s, i] = N(!1), [a, c] = N(null), d = $([]), { refs: l, floatingStyles: u, context: b } = L({
+    open: s,
+    onOpenChange: i,
+    placement: o,
+    middleware: [T(4), M(), O({ padding: 8 })],
+    whileElementsMounted: R
+  }), g = te(b), f = U(b), y = H(b, { role: "menu" }), p = xe(b, {
+    listRef: d,
+    activeIndex: a,
+    onNavigate: c,
+    loop: !0
+  }), { getReferenceProps: x, getFloatingProps: h, getItemProps: w } = V([
+    g,
+    f,
+    y,
+    p
+  ]), v = k(() => i(!1), []);
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ e("span", { ref: l.setReference, className: "inline-flex", ...x(), children: t }),
+    s && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(re, { context: b, modal: !1, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: l.setFloating,
+        style: u,
+        className: [
+          "z-50 min-w-[10rem] p-1 rounded-lg border border-border",
+          "bg-bg-primary shadow-lg animate-floating-in",
+          n
+        ].join(" "),
+        ...h(),
+        children: /* @__PURE__ */ e(
+          ie.Provider,
+          {
+            value: { close: v, getItemProps: w, activeIndex: a, setActiveIndex: c },
+            children: r
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+function Ct({
+  trigger: t,
+  children: r,
+  placement: o = "bottom",
+  open: n,
+  onOpenChange: s,
+  className: i = ""
+}) {
+  const [a, c] = N(!1), d = n !== void 0, l = d ? n : a, u = d ? (v) => s?.(v) : c, { refs: b, floatingStyles: g, context: f } = L({
+    open: l,
+    onOpenChange: u,
+    placement: o,
+    middleware: [T(8), M(), O({ padding: 8 })],
+    whileElementsMounted: R
+  }), y = te(f), p = U(f), x = H(f), { getReferenceProps: h, getFloatingProps: w } = V([y, p, x]);
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ e("span", { ref: b.setReference, className: "inline-flex", ...h(), children: t }),
+    l && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(re, { context: f, modal: !1, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: b.setFloating,
+        style: g,
+        className: [
+          "z-50 rounded-lg border border-border p-md",
+          "bg-bg-primary shadow-lg animate-floating-in",
+          i
+        ].join(" "),
+        ...w(),
+        children: r
+      }
+    ) }) })
+  ] });
+}
+const se = D({
+  activeValue: "",
+  idPrefix: ""
+});
+function zt({ value: t, children: r, className: o = "" }) {
+  const { activeValue: n, idPrefix: s } = F(se), i = n === t;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      id: `${s}-panel-${t}`,
+      role: "tabpanel",
+      "aria-labelledby": `${s}-tab-${t}`,
+      hidden: !i,
+      tabIndex: 0,
+      className: o,
+      children: i && r
+    }
+  );
+}
+function $t({
+  items: t,
+  value: r,
+  defaultValue: o,
+  onChange: n,
+  children: s,
+  className: i = ""
+}) {
+  const a = I().replace(/:/g, ""), c = $(null), d = r !== void 0, [l, u] = N(
+    () => o ?? t.find((p) => !p.disabled)?.value ?? t[0]?.value ?? ""
+  ), b = d ? r : l, g = k(
+    (p) => {
+      d || u(p), n?.(p);
+    },
+    [d, n]
+  ), f = t.filter((p) => !p.disabled), y = (p) => {
+    const x = f.findIndex((v) => v.value === b);
+    let h = x;
+    switch (p.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        p.preventDefault(), h = (x + 1) % f.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        p.preventDefault(), h = (x - 1 + f.length) % f.length;
+        break;
+      case "Home":
+        p.preventDefault(), h = 0;
+        break;
+      case "End":
+        p.preventDefault(), h = f.length - 1;
+        break;
+      default:
+        return;
+    }
+    const w = f[h];
+    w && (g(w.value), c.current?.querySelector(
+      `[data-tab-value="${w.value}"]`
+    )?.focus());
+  };
+  return /* @__PURE__ */ e(se.Provider, { value: { activeValue: b, idPrefix: a }, children: /* @__PURE__ */ m("div", { className: i, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: c,
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        onKeyDown: y,
+        className: "flex border-b border-border",
+        children: t.map((p) => {
+          const x = p.value === b;
+          return /* @__PURE__ */ m(
+            "button",
+            {
+              id: `${a}-tab-${p.value}`,
+              role: "tab",
+              type: "button",
+              "data-tab-value": p.value,
+              "aria-selected": x,
+              "aria-controls": `${a}-panel-${p.value}`,
+              tabIndex: x ? 0 : -1,
+              disabled: p.disabled,
+              onClick: () => g(p.value),
+              className: [
+                "inline-flex items-center gap-1.5 px-4 py-2.5 text-small font-medium",
+                "border-b-2 -mb-px transition-colors outline-none cursor-pointer",
+                "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+                x ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-strong",
+                p.disabled && "opacity-50 pointer-events-none"
+              ].filter(Boolean).join(" "),
+              children: [
+                p.icon && /* @__PURE__ */ e("span", { className: "shrink-0 size-4", children: p.icon }),
+                p.label
+              ]
+            },
+            p.value
+          );
+        })
+      }
+    ),
+    s
+  ] }) });
+}
+const Me = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function It({
+  children: t,
+  content: r,
+  placement: o = "top",
+  delay: n = 200,
+  className: s = ""
+}) {
+  const [i, a] = N(!1), c = $(null), {
+    refs: d,
+    floatingStyles: l,
+    context: u,
+    middlewareData: b,
+    placement: g
+  } = L({
+    open: i,
+    onOpenChange: a,
+    placement: o,
+    middleware: [
+      T(8),
+      M(),
+      O({ padding: 8 }),
+      // eslint-disable-next-line react-hooks/refs -- floating-ui arrow middleware needs ref object
+      ge({ element: c })
+    ],
+    whileElementsMounted: R
+  }), f = he(u, { delay: n, move: !1 }), y = ye(u), p = U(u), x = H(u, { role: "tooltip" }), { getReferenceProps: h, getFloatingProps: w } = V([f, y, p, x]), v = g.split("-")[0], G = b.arrow?.x, X = b.arrow?.y;
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ e("span", { ref: d.setReference, className: "inline-flex", ...h(), children: t }),
+    i && r && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ m(
+      "div",
+      {
+        ref: d.setFloating,
+        style: l,
+        role: "tooltip",
+        className: [
+          "z-50 max-w-[var(--container-xs)] px-3 py-1.5 rounded-md text-small",
+          "bg-text-primary text-bg-primary shadow-md",
+          "pointer-events-none animate-floating-in",
+          s
+        ].join(" "),
+        ...w(),
+        children: [
+          r,
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: c,
+              className: "absolute size-2 bg-text-primary rotate-45",
+              style: {
+                left: G != null ? `${G}px` : "",
+                top: X != null ? `${X}px` : "",
+                [Me[v]]: "-4px"
+              }
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+function Oe() {
+  const { i18n: t } = J(), r = t.language ?? "en", o = k(
+    (s) => {
+      t.changeLanguage(s);
+    },
+    [t]
+  ), n = k(() => {
+    o(r === "en" ? "fr" : "en");
+  }, [r, o]);
+  return { language: r, toggleLanguage: n, setLanguage: o };
+}
+const Ue = [
+  { value: "en", label: "EN" },
+  { value: "fr", label: "FR" }
+];
+function jt({ className: t = "" }) {
+  const { language: r, setLanguage: o } = Oe();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Language",
+      className: [
+        "inline-flex items-center rounded-full border border-border bg-bg-secondary p-0.5",
+        t
+      ].filter(Boolean).join(" "),
+      children: Ue.map(({ value: n, label: s }) => {
+        const i = r === n;
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": i,
+            onClick: () => o(n),
+            className: [
+              "rounded-full px-2.5 py-0.5 text-caption font-medium transition-colors cursor-pointer",
+              i ? "bg-primary text-white shadow-sm" : "text-text-secondary hover:text-text-primary"
+            ].join(" "),
+            children: s
+          },
+          n
+        );
+      })
+    }
+  );
+}
+const K = "poesis-theme", A = /* @__PURE__ */ new Set();
+function He() {
+  A.forEach((t) => t());
+}
+function Ve(t) {
+  return A.add(t), () => A.delete(t);
+}
+function qe() {
+  return document.documentElement.classList.contains("dark") ? "dark" : "light";
+}
+function Ke() {
+  return "light";
+}
+function j(t) {
+  t === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"), localStorage.setItem(K, t), He();
+}
+function Dt() {
+  const t = localStorage.getItem(K);
+  if (t) {
+    j(t);
+    return;
+  }
+  const r = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  j(r ? "dark" : "light");
+}
+function Ge() {
+  const t = ce(Ve, qe, Ke);
+  z(() => {
+    const n = window.matchMedia("(prefers-color-scheme: dark)"), s = (i) => {
+      localStorage.getItem(K) || j(i.matches ? "dark" : "light");
+    };
+    return n.addEventListener("change", s), () => n.removeEventListener("change", s);
+  }, []);
+  const r = k(() => {
+    j(t === "dark" ? "light" : "dark");
+  }, [t]), o = k((n) => {
+    j(n);
+  }, []);
+  return { theme: t, toggleTheme: r, setTheme: o, isDark: t === "dark" };
+}
+function Ft({ variant: t = "ghost", size: r = "md", className: o }) {
+  const { isDark: n, toggleTheme: s } = Ge(), { t: i } = J();
+  return /* @__PURE__ */ e(
+    Ee,
+    {
+      variant: t,
+      size: r,
+      icon: n ? /* @__PURE__ */ e(me, { size: 16 }) : /* @__PURE__ */ e(ue, { size: 16 }),
+      "aria-label": i("theme.toggleTheme"),
+      onClick: s,
+      className: o
+    }
+  );
+}
+function Xe({
+  logo: t,
+  categories: r = [],
+  activeCategoryId: o,
+  onCategoryChange: n,
+  actions: s,
+  onBurgerClick: i
+}) {
+  return /* @__PURE__ */ m("header", { className: "fixed inset-x-0 top-0 z-40 flex h-14 items-center border-b border-border bg-bg-primary px-md", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: i,
+        className: "mr-sm flex size-9 items-center justify-center rounded-md text-text-secondary hover:bg-bg-tertiary hover:text-text-primary lg:hidden",
+        "aria-label": "Open menu",
+        children: /* @__PURE__ */ e(be, { size: 22 })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "mr-lg flex shrink-0 items-center", children: t ?? /* @__PURE__ */ e("span", { className: "text-h3 font-bold text-epfl-red", children: "EPFL" }) }),
+    /* @__PURE__ */ e("nav", { className: "hidden flex-1 items-center gap-xs lg:flex", "aria-label": "Main categories", children: r.map((a) => {
+      const c = a.id === o;
+      return /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          onClick: () => n?.(a.id),
+          className: [
+            "flex items-center gap-xs rounded-md px-sm py-xs text-small font-medium transition-colors",
+            c ? "bg-primary/10 text-primary" : "text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"
+          ].join(" "),
+          "aria-current": c ? "page" : void 0,
+          children: [
+            a.icon && /* @__PURE__ */ e(a.icon, { size: 16 }),
+            a.label
+          ]
+        },
+        a.id
+      );
+    }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 lg:hidden" }),
+    s && /* @__PURE__ */ e("div", { className: "flex items-center gap-xs", children: s })
+  ] });
+}
+function Ye({
+  sections: t = [],
+  activeLinkId: r,
+  onLinkClick: o,
+  collapsed: n = !1
+}) {
+  return /* @__PURE__ */ e(
+    "aside",
+    {
+      className: [
+        "hidden lg:flex flex-col border-r border-border bg-bg-secondary overflow-y-auto transition-[width] duration-200",
+        n ? "w-16" : "w-64"
+      ].join(" "),
+      children: /* @__PURE__ */ e("nav", { className: "flex flex-col gap-xs p-sm", "aria-label": "Page navigation", children: t.map((s) => /* @__PURE__ */ e(
+        _e,
+        {
+          section: s,
+          activeLinkId: r,
+          onLinkClick: o,
+          collapsed: n
+        },
+        s.id
+      )) })
+    }
+  );
+}
+function _e({
+  section: t,
+  activeLinkId: r,
+  onLinkClick: o,
+  collapsed: n
+}) {
+  const [s, i] = N(!0);
+  return /* @__PURE__ */ m("div", { className: "flex flex-col", children: [
+    t.title && !n && /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        onClick: () => i((a) => !a),
+        className: "flex items-center justify-between rounded-md px-sm py-xs text-caption font-semibold uppercase tracking-wide text-text-muted hover:text-text-secondary",
+        children: [
+          /* @__PURE__ */ e("span", { children: t.title }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              size: 14,
+              className: `transition-transform ${s ? "" : "-rotate-90"}`
+            }
+          )
+        ]
+      }
+    ),
+    (s || n) && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.links.map((a) => {
+      const c = a.id === r;
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          onClick: () => o?.(a.href),
+          title: n ? a.label : void 0,
+          className: [
+            "flex w-full items-center gap-sm rounded-md px-sm py-xs text-small transition-colors",
+            n ? "justify-center" : "",
+            c ? "bg-primary/10 font-medium text-primary" : "text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"
+          ].join(" "),
+          "aria-current": c ? "page" : void 0,
+          children: [
+            a.icon && /* @__PURE__ */ e(a.icon, { size: 18 }),
+            !n && /* @__PURE__ */ e("span", { children: a.label })
+          ]
+        }
+      ) }, a.id);
+    }) })
+  ] });
+}
+function We({
+  open: t,
+  onClose: r,
+  categories: o = [],
+  activeCategoryId: n,
+  onCategoryChange: s,
+  sections: i = [],
+  activeLinkId: a,
+  onLinkClick: c
+}) {
+  const d = $(null);
+  return z(() => {
+    if (!t) return;
+    const l = (u) => {
+      u.key === "Escape" && r();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [t, r]), z(() => {
+    if (!t) return;
+    d.current?.focus();
+  }, [t]), z(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [t]), /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: [
+          "fixed inset-0 z-50 bg-black/40 transition-opacity lg:hidden",
+          t ? "opacity-100" : "pointer-events-none opacity-0"
+        ].join(" "),
+        onClick: r,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: d,
+        tabIndex: -1,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Navigation menu",
+        className: [
+          "fixed inset-y-0 left-0 z-50 flex w-72 flex-col bg-bg-primary shadow-xl transition-transform duration-200 lg:hidden",
+          t ? "translate-x-0" : "-translate-x-full"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ m("div", { className: "flex h-14 items-center justify-between border-b border-border px-md", children: [
+            /* @__PURE__ */ e("span", { className: "text-h3 font-bold text-epfl-red", children: "EPFL" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: r,
+                className: "flex size-9 items-center justify-center rounded-md text-text-secondary hover:bg-bg-tertiary hover:text-text-primary",
+                "aria-label": "Close menu",
+                children: /* @__PURE__ */ e(pe, { size: 18 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m("div", { className: "flex-1 overflow-y-auto p-sm", children: [
+            o.length > 0 && /* @__PURE__ */ m("div", { className: "mb-md flex flex-col gap-xs", children: [
+              /* @__PURE__ */ e("span", { className: "px-sm text-caption font-semibold uppercase tracking-wide text-text-muted", children: "Categories" }),
+              o.map((l) => {
+                const u = l.id === n;
+                return /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      s?.(l.id);
+                    },
+                    className: [
+                      "flex items-center gap-sm rounded-md px-sm py-xs text-small font-medium transition-colors",
+                      u ? "bg-primary/10 text-primary" : "text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"
+                    ].join(" "),
+                    children: [
+                      l.icon && /* @__PURE__ */ e(l.icon, { size: 16 }),
+                      l.label
+                    ]
+                  },
+                  l.id
+                );
+              })
+            ] }),
+            i.map((l) => /* @__PURE__ */ e(
+              Je,
+              {
+                section: l,
+                activeLinkId: a,
+                onLinkClick: (u) => {
+                  c?.(u), r();
+                }
+              },
+              l.id
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function Je({
+  section: t,
+  activeLinkId: r,
+  onLinkClick: o
+}) {
+  const [n, s] = N(!0);
+  return /* @__PURE__ */ m("div", { className: "mb-xs flex flex-col", children: [
+    t.title && /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        onClick: () => s((i) => !i),
+        className: "flex items-center justify-between rounded-md px-sm py-xs text-caption font-semibold uppercase tracking-wide text-text-muted hover:text-text-secondary",
+        children: [
+          /* @__PURE__ */ e("span", { children: t.title }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              size: 14,
+              className: `transition-transform ${n ? "" : "-rotate-90"}`
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.links.map((i) => {
+      const a = i.id === r;
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          onClick: () => o?.(i.href),
+          className: [
+            "flex w-full items-center gap-sm rounded-md px-sm py-xs text-small transition-colors",
+            a ? "bg-primary/10 font-medium text-primary" : "text-text-secondary hover:bg-bg-tertiary hover:text-text-primary"
+          ].join(" "),
+          "aria-current": a ? "page" : void 0,
+          children: [
+            i.icon && /* @__PURE__ */ e(i.icon, { size: 18 }),
+            /* @__PURE__ */ e("span", { children: i.label })
+          ]
+        }
+      ) }, i.id);
+    }) })
+  ] });
+}
+function Et({
+  children: t,
+  logo: r,
+  categories: o = [],
+  activeCategoryId: n,
+  onCategoryChange: s,
+  sections: i = [],
+  activeLinkId: a,
+  onLinkClick: c,
+  actions: d,
+  sideNavCollapsed: l = !1
+}) {
+  const [u, b] = N(!1);
+  return /* @__PURE__ */ m("div", { className: "flex h-screen flex-col bg-bg-primary", children: [
+    /* @__PURE__ */ e(
+      Xe,
+      {
+        logo: r,
+        categories: o,
+        activeCategoryId: n,
+        onCategoryChange: s,
+        actions: d,
+        onBurgerClick: () => b(!0)
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: "flex flex-1 overflow-hidden pt-14", children: [
+      /* @__PURE__ */ e(
+        Ye,
+        {
+          sections: i,
+          activeLinkId: a,
+          onLinkClick: c,
+          collapsed: l
+        }
+      ),
+      /* @__PURE__ */ e("main", { className: "flex-1 overflow-y-auto px-md py-lg lg:px-lg", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-[var(--container-6xl)]", children: t }) })
+    ] }),
+    /* @__PURE__ */ e(
+      We,
+      {
+        open: u,
+        onClose: () => b(!1),
+        categories: o,
+        activeCategoryId: n,
+        onCategoryChange: (g) => {
+          s?.(g), b(!1);
+        },
+        sections: i,
+        activeLinkId: a,
+        onLinkClick: (g) => {
+          c?.(g), b(!1);
+        }
+      }
+    )
+  ] });
+}
+const St = C(function({ header: r, footer: o, actions: n, noPadding: s = !1, className: i = "", children: a, ...c }, d) {
+  const l = o || n;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: d,
+      className: [
+        "rounded-md shadow-md border border-border bg-bg-secondary",
+        "flex flex-col overflow-hidden",
+        i
+      ].filter(Boolean).join(" "),
+      ...c,
+      children: [
+        r && /* @__PURE__ */ e("div", { className: "px-lg py-md border-b border-border", children: /* @__PURE__ */ e("div", { className: "font-semibold text-body text-text-primary", children: r }) }),
+        /* @__PURE__ */ e("div", { className: s ? "" : "p-lg", children: a }),
+        l && /* @__PURE__ */ m("div", { className: "px-lg py-md border-t border-border flex items-center gap-3", children: [
+          o && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: o }),
+          n && /* @__PURE__ */ e("div", { className: "ml-auto flex items-center gap-2", children: n })
+        ] })
+      ]
+    }
+  );
+}), At = C(
+  function({ items: r, layout: o = "horizontal", dividers: n = !0, className: s = "", ...i }, a) {
+    const c = o === "horizontal";
+    return /* @__PURE__ */ e(
+      "dl",
+      {
+        ref: a,
+        className: ["text-body", n && "divide-y divide-border", s].filter(Boolean).join(" "),
+        ...i,
+        children: r.map((d, l) => /* @__PURE__ */ m(
+          "div",
+          {
+            className: [
+              "py-sm",
+              c ? "flex flex-col sm:flex-row sm:gap-lg" : "flex flex-col gap-xs"
+            ].filter(Boolean).join(" "),
+            children: [
+              /* @__PURE__ */ e(
+                "dt",
+                {
+                  className: [
+                    "font-medium text-text-secondary text-small shrink-0",
+                    c && "sm:w-1/3"
+                  ].filter(Boolean).join(" "),
+                  children: d.label
+                }
+              ),
+              /* @__PURE__ */ e("dd", { className: "text-text-primary", children: d.value })
+            ]
+          },
+          l
+        ))
+      }
+    );
+  }
+), Pt = C(function({ illustration: r, title: o, description: n, action: s, className: i = "", ...a }, c) {
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: c,
+      className: [
+        "flex flex-col items-center justify-center text-center py-2xl px-lg",
+        i
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: [
+        r && /* @__PURE__ */ e("div", { className: "mb-lg text-text-secondary", children: r }),
+        /* @__PURE__ */ e("h3", { className: "text-h3 font-semibold text-text-primary", children: o }),
+        n && /* @__PURE__ */ e("p", { className: "mt-xs text-body text-text-secondary max-w-[var(--container-md)]", children: n }),
+        s && /* @__PURE__ */ e("div", { className: "mt-lg", children: s })
+      ]
+    }
+  );
+});
+function Qe({ active: t, direction: r }) {
+  return t ? r === "asc" ? /* @__PURE__ */ e(Y, { size: 12, className: "ml-1 inline", "aria-hidden": !0 }) : /* @__PURE__ */ e(E, { size: 12, className: "ml-1 inline", "aria-hidden": !0 }) : /* @__PURE__ */ m("span", { className: "inline-flex flex-col ml-1 opacity-30", "aria-hidden": !0, children: [
+    /* @__PURE__ */ e(Y, { size: 10 }),
+    /* @__PURE__ */ e(E, { size: 10, className: "-mt-0.5" })
+  ] });
+}
+const Bt = C(function({
+  columns: r,
+  data: o,
+  rowKey: n,
+  striped: s = !1,
+  sort: i,
+  onSortChange: a,
+  emptyContent: c,
+  className: d = "",
+  ...l
+}, u) {
+  const [b, g] = N(), f = i ?? b, y = k(
+    (x) => {
+      const h = f?.column === x && f.direction === "asc" ? { column: x, direction: "desc" } : { column: x, direction: "asc" };
+      a ? a(h) : g(h);
+    },
+    [f, a]
+  ), p = o.length === 0;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: u,
+      className: ["overflow-x-auto rounded-md border border-border", d].filter(Boolean).join(" "),
+      ...l,
+      children: /* @__PURE__ */ m("table", { className: "w-full text-body text-left", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "bg-bg-secondary border-b border-border", children: r.map((x) => {
+          const h = f?.column === x.key;
+          return /* @__PURE__ */ e(
+            "th",
+            {
+              className: [
+                "px-md py-sm font-semibold text-small text-text-secondary whitespace-nowrap",
+                x.sortable && "cursor-pointer select-none hover:text-text-primary",
+                x.headerClassName
+              ].filter(Boolean).join(" "),
+              onClick: x.sortable ? () => y(x.key) : void 0,
+              "aria-sort": h ? f.direction === "asc" ? "ascending" : "descending" : x.sortable ? "none" : void 0,
+              children: /* @__PURE__ */ m("span", { className: "inline-flex items-center", children: [
+                x.header,
+                x.sortable && /* @__PURE__ */ e(
+                  Qe,
+                  {
+                    active: h,
+                    direction: h ? f.direction : void 0
+                  }
+                )
+              ] })
+            },
+            x.key
+          );
+        }) }) }),
+        /* @__PURE__ */ e("tbody", { children: p ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+          "td",
+          {
+            colSpan: r.length,
+            className: "px-md py-xl text-center text-text-secondary",
+            children: c ?? "No data available."
+          }
+        ) }) : o.map((x, h) => /* @__PURE__ */ e(
+          "tr",
+          {
+            className: [
+              "border-b border-border last:border-b-0 transition-colors",
+              s && h % 2 === 1 && "bg-bg-tertiary/50",
+              "hover:bg-bg-tertiary/70"
+            ].filter(Boolean).join(" "),
+            children: r.map((w) => /* @__PURE__ */ e(
+              "td",
+              {
+                className: [
+                  "px-md py-sm text-text-primary",
+                  w.cellClassName
+                ].filter(Boolean).join(" "),
+                children: w.cell(x, h)
+              },
+              w.key
+            ))
+          },
+          n(x, h)
+        )) })
+      ] })
+    }
+  );
+}), Ze = {
+  success: {
+    bg: "bg-success-bg",
+    border: "border-success/30",
+    text: "text-success",
+    icon: ee
+  },
+  warning: {
+    bg: "bg-warning-bg",
+    border: "border-warning/30",
+    text: "text-warning",
+    icon: P
+  },
+  error: {
+    bg: "bg-error-bg",
+    border: "border-error/30",
+    text: "text-error",
+    icon: Z
+  },
+  info: {
+    bg: "bg-info-bg",
+    border: "border-info/30",
+    text: "text-info",
+    icon: Q
+  }
+};
+function Lt({
+  variant: t,
+  title: r,
+  children: o,
+  dismissible: n = !1,
+  onDismiss: s,
+  className: i = ""
+}) {
+  const [a, c] = N(!0), { bg: d, border: l, text: u, icon: b } = Ze[t];
+  if (!a) return null;
+  const g = () => {
+    c(!1), s?.();
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      role: "alert",
+      className: `flex gap-3 rounded-md border p-md ${d} ${l} ${i}`,
+      children: [
+        /* @__PURE__ */ e(b, { size: 20, className: `shrink-0 mt-0.5 ${u}`, "aria-hidden": !0 }),
+        /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
+          r && /* @__PURE__ */ e("p", { className: `font-semibold text-body ${u}`, children: r }),
+          /* @__PURE__ */ e("div", { className: "text-body text-text-primary", children: o })
+        ] }),
+        n && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: g,
+            className: "shrink-0 p-1 rounded-sm text-text-secondary hover:text-text-primary hover:bg-bg-tertiary transition-colors cursor-pointer",
+            "aria-label": "Dismiss alert",
+            children: /* @__PURE__ */ e(B, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+const et = {
+  sm: "max-w-[24rem]",
+  md: "max-w-[32rem]",
+  lg: "max-w-[42rem]"
+};
+function tt({
+  open: t,
+  onClose: r,
+  title: o,
+  size: n = "md",
+  children: s,
+  footer: i,
+  className: a = ""
+}) {
+  const c = $(null);
+  z(() => {
+    if (!t) return;
+    const l = document.activeElement;
+    return c.current?.focus(), () => {
+      l?.focus();
+    };
+  }, [t]), z(() => {
+    if (!t) return;
+    const l = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = l;
+    };
+  }, [t]);
+  const d = (l) => {
+    if (l.key === "Escape") {
+      r();
+      return;
+    }
+    if (l.key === "Tab" && c.current) {
+      const u = c.current.querySelectorAll(
+        'a[href], button:not([disabled]), textarea, input:not([disabled]), select, [tabindex]:not([tabindex="-1"])'
+      );
+      if (u.length === 0) return;
+      const b = u[0], g = u[u.length - 1];
+      l.shiftKey && document.activeElement === b ? (l.preventDefault(), g.focus()) : !l.shiftKey && document.activeElement === g && (l.preventDefault(), b.focus());
+    }
+  };
+  return t ? fe(
+    /* @__PURE__ */ m(
+      "div",
+      {
+        style: { position: "fixed", inset: 0, zIndex: 50, overflowY: "auto" },
+        "aria-modal": "true",
+        role: "dialog",
+        "aria-labelledby": o ? "dialog-title" : void 0,
+        onKeyDown: d,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: { position: "fixed", inset: 0 },
+              className: "bg-black/50",
+              "aria-hidden": !0,
+              onClick: r
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "flex",
+                minHeight: "100%",
+                width: "100%",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "var(--spacing-md, 16px)",
+                boxSizing: "border-box"
+              },
+              children: /* @__PURE__ */ m(
+                "div",
+                {
+                  ref: c,
+                  tabIndex: -1,
+                  className: `relative z-10 flex flex-col w-full ${et[n]} rounded-lg border border-border bg-bg-primary shadow-xl outline-none animate-dialog-in ${a}`,
+                  children: [
+                    o && /* @__PURE__ */ m("div", { className: "flex items-center justify-between px-lg py-md border-b border-border", children: [
+                      /* @__PURE__ */ e(
+                        "h2",
+                        {
+                          id: "dialog-title",
+                          className: "text-h3 font-semibold text-text-primary",
+                          children: o
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: r,
+                          className: "shrink-0 p-1 rounded-sm text-text-secondary hover:text-text-primary hover:bg-bg-tertiary transition-colors cursor-pointer",
+                          "aria-label": "Close dialog",
+                          children: /* @__PURE__ */ e(B, { size: 18 })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-lg py-md text-body text-text-primary", children: s }),
+                    i && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-sm px-lg py-md border-t border-border", children: i })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+}
+function Rt({
+  open: t,
+  onCancel: r,
+  onConfirm: o,
+  title: n,
+  children: s,
+  confirmLabel: i = "Confirm",
+  cancelLabel: a = "Cancel",
+  danger: c = !1,
+  size: d = "sm"
+}) {
+  return /* @__PURE__ */ m(tt, { open: t, onClose: r, title: n, size: d, children: [
+    /* @__PURE__ */ m("div", { className: "flex gap-3", children: [
+      c && /* @__PURE__ */ e(
+        P,
+        {
+          size: 22,
+          className: "shrink-0 mt-0.5 text-error",
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "text-body text-text-secondary", children: s })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-sm mt-lg", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: r,
+          className: "px-4 py-2 rounded-md text-small font-medium text-text-primary bg-bg-secondary hover:bg-bg-tertiary border border-border transition-colors cursor-pointer",
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: o,
+          className: `px-4 py-2 rounded-md text-small font-medium text-white transition-colors cursor-pointer ${c ? "bg-error hover:bg-error/80" : "bg-primary hover:bg-primary-hover"}`,
+          children: i
+        }
+      )
+    ] })
+  ] });
+}
+const ae = D(null);
+function Tt() {
+  const t = F(ae);
+  if (!t) throw new Error("useToast must be used within a <ToastProvider>");
+  return t;
+}
+const rt = {
+  success: {
+    bg: "bg-bg-primary",
+    accent: "bg-success",
+    text: "text-success",
+    icon: ee
+  },
+  warning: {
+    bg: "bg-bg-primary",
+    accent: "bg-warning",
+    text: "text-warning",
+    icon: P
+  },
+  error: {
+    bg: "bg-bg-primary",
+    accent: "bg-error",
+    text: "text-error",
+    icon: Z
+  },
+  info: {
+    bg: "bg-bg-primary",
+    accent: "bg-info",
+    text: "text-info",
+    icon: Q
+  }
+};
+function nt({ toast: t, onRemove: r }) {
+  const { variant: o, title: n, message: s, duration: i = 5e3 } = t, { bg: a, accent: c, text: d, icon: l } = rt[o], [u, b] = N(100), g = $(0), f = $(0);
+  return z(() => {
+    if (i <= 0) return;
+    g.current = performance.now();
+    const y = (p) => {
+      const x = p - g.current, h = Math.max(0, 100 - x / i * 100);
+      if (b(h), h <= 0) {
+        r(t.id);
+        return;
+      }
+      f.current = requestAnimationFrame(y);
+    };
+    return f.current = requestAnimationFrame(y), () => cancelAnimationFrame(f.current);
+  }, [i, t.id, r]), /* @__PURE__ */ m(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: `relative overflow-hidden rounded-lg border border-border shadow-lg ${a} w-80 animate-slide-in`,
+      children: [
+        /* @__PURE__ */ m("div", { className: "flex gap-3 p-md", children: [
+          /* @__PURE__ */ e(l, { size: 18, className: `shrink-0 mt-0.5 ${d}`, "aria-hidden": !0 }),
+          /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
+            n && /* @__PURE__ */ e("p", { className: "font-semibold text-small text-text-primary", children: n }),
+            /* @__PURE__ */ e("p", { className: "text-small text-text-secondary", children: s })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => r(t.id),
+              className: "shrink-0 p-1 rounded-sm text-text-secondary hover:text-text-primary hover:bg-bg-tertiary transition-colors cursor-pointer",
+              "aria-label": "Dismiss notification",
+              children: /* @__PURE__ */ e(B, { size: 14 })
+            }
+          )
+        ] }),
+        i > 0 && /* @__PURE__ */ e("div", { className: "h-0.5 w-full bg-bg-tertiary", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: `h-full ${c} transition-none`,
+            style: { width: `${u}%` }
+          }
+        ) })
+      ]
+    }
+  );
+}
+let ot = 0;
+function Mt({ children: t }) {
+  const [r, o] = N([]), n = k((i) => {
+    const a = `toast-${++ot}`;
+    return o((c) => [...c, { ...i, id: a }]), a;
+  }, []), s = k((i) => {
+    o((a) => a.filter((c) => c.id !== i));
+  }, []);
+  return /* @__PURE__ */ m(ae, { value: { addToast: n, removeToast: s }, children: [
+    t,
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": "Notifications",
+        className: "fixed bottom-lg right-lg z-50 flex flex-col-reverse gap-sm pointer-events-none",
+        children: r.map((i) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(nt, { toast: i, onRemove: s }) }, i.id))
+      }
+    )
+  ] });
+}
+const le = D(null), it = {
+  name: "Alice Martin",
+  email: "alice.martin@epfl.ch",
+  role: "admin"
+};
+function Ot({ initialUser: t = it, children: r }) {
+  const [o, n] = N(t), s = (a) => n((c) => ({ ...c, role: a })), i = de(() => ({ user: o, setRole: s }), [o]);
+  return /* @__PURE__ */ e(le.Provider, { value: i, children: r });
+}
+function Ut() {
+  const t = F(le);
+  if (!t) throw new Error("useAuth must be used within an AuthProvider");
+  return t;
+}
+export {
+  Lt as Alert,
+  Ot as AuthProvider,
+  bt as Avatar,
+  pt as Badge,
+  We as BurgerDrawer,
+  ft as Button,
+  St as Card,
+  xt as Checkbox,
+  Rt as ConfirmDialog,
+  At as DescriptionList,
+  tt as Dialog,
+  wt as DropdownDivider,
+  Nt as DropdownItem,
+  kt as DropdownMenu,
+  Pt as EmptyState,
+  Ee as IconButton,
+  gt as Input,
+  jt as LanguageSwitcher,
+  Et as PageShell,
+  Ct as Popover,
+  Le as RadioGroup,
+  ht as Select,
+  Ye as SideNav,
+  ne as Spinner,
+  yt as Switch,
+  zt as TabPanel,
+  Bt as Table,
+  $t as Tabs,
+  vt as Textarea,
+  Ft as ThemeToggle,
+  Mt as ToastProvider,
+  It as Tooltip,
+  Xe as TopNav,
+  W as epflSelectClassNames,
+  Te as epflSelectTheme,
+  Dt as initTheme,
+  Ut as useAuth,
+  Oe as useLanguage,
+  Ge as useTheme,
+  Tt as useToast
+};
+//# sourceMappingURL=poesis.js.map