@1024pix/epreuves-components 1.3.0 → 1.4.1

package/dist/{ImageQuiz.ce-DtarwFF1.js → ImageQuiz.ce-BU1wvQqO.js}

@@ -1,16 +1,6 @@
-import { a as B, r as N, G as I, c as d, o as m, H as b, q as f, I as g, D as y, f as h, m as j, t as k, _ as L, k as p, J as q, g as M, F as z, b as T, e as F } from "./_plugin-vue_export-helper-DK91u00G.js";
-function O(i, u = H) {
-  const a = [...i];
-  for (let n = a.length - 1; n > 0; n--) {
-    const l = u() % (n + 1);
-    [a[n], a[l]] = [a[l], a[n]];
-  }
-  return a;
-}
-function H() {
-  return Math.floor(Math.random() * 2 ** 32);
-}
-const A = ["aria-labelledby", "aria-selected", "tabindex"], D = { key: 0 }, K = ["id"], Q = ["id"], R = /* @__PURE__ */ B({
+import { s as j } from "./shuffled-CzcgAL34.js";
+import { a as B, r as N, D as I, c, o as l, E as b, q as d, G as m, H as y, f as g, m as q, t as k, _ as L, k as r, I as T, g as F, F as z, b as O, e as H } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
+const M = ["aria-labelledby", "aria-selected", "tabindex"], A = { key: 0 }, D = ["id"], E = ["id"], K = /* @__PURE__ */ B({
   __name: "ImageOption.ce",
   props: {
     choice: { type: Object },
@@ -21,44 +11,44 @@ const A = ["aria-labelledby", "aria-selected", "tabindex"], D = { key: 0 }, K =
     tabFocusable: { type: Boolean }
   },
   emits: ["toggle", "next", "previous"],
-  setup(i, { expose: u }) {
-    const a = i, n = N();
-    function l() {
-      n.value.focus();
+  setup(o, { expose: f }) {
+    const h = o, p = N();
+    function u() {
+      p.value.focus();
     }
-    u({ focus: l });
-    const s = I();
-    return (o, t) => (m(), d("div", {
+    f({ focus: u });
+    const t = I();
+    return (i, a) => (l(), c("div", {
       ref_key: "el",
-      ref: n,
+      ref: p,
       role: "option",
-      class: y(["image-option", `image-option--max${a.maxChoicesPerLine}`]),
-      "aria-labelledby": g(s),
-      "aria-selected": o.selected,
-      tabindex: o.tabFocusable ? 0 : -1,
-      onClick: t[0] || (t[0] = f((r) => o.$emit("toggle"), ["stop"])),
+      class: y(["image-option", `image-option--max${h.maxChoicesPerLine}`]),
+      "aria-labelledby": m(t),
+      "aria-selected": i.selected,
+      tabindex: i.tabFocusable ? 0 : -1,
+      onClick: a[0] || (a[0] = d((s) => i.$emit("toggle"), ["stop"])),
       onKeydown: [
-        t[1] || (t[1] = b(f((r) => o.$emit("toggle"), ["stop", "prevent"]), ["space"])),
-        t[2] || (t[2] = b(f((r) => o.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
-        t[3] || (t[3] = b(f((r) => o.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
+        a[1] || (a[1] = b(d((s) => i.$emit("toggle"), ["stop", "prevent"]), ["space"])),
+        a[2] || (a[2] = b(d((s) => i.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
+        a[3] || (a[3] = b(d((s) => i.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
       ]
     }, [
-      o.choice.image ? (m(), d("figure", D, [
-        h("img", j(o.choice.image, {
-          class: o.imageClass,
+      i.choice.image ? (l(), c("figure", A, [
+        g("img", q(i.choice.image, {
+          class: i.imageClass,
           alt: ""
         }), null, 16),
-        h("figcaption", {
-          class: y(o.nameClass),
-          id: g(s)
-        }, k(o.choice.name), 11, K)
-      ])) : (m(), d("span", {
+        g("figcaption", {
+          class: y(i.nameClass),
+          id: m(t)
+        }, k(i.choice.name), 11, D)
+      ])) : (l(), c("span", {
         key: 1,
-        id: g(s)
-      }, k(o.choice.name), 9, Q))
-    ], 42, A));
+        id: m(t)
+      }, k(i.choice.name), 9, E))
+    ], 42, M));
   }
-}), E = '.image-option{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;border:solid 2px #c1c7d0;border-radius:10px;background:#fff;width:calc(20% - 2em);min-width:150px;padding:1rem}.image-option--max4{width:calc(25% - 2em);min-width:175px}.image-option--max3{width:calc(33% - 2em)}.image-option--max2{width:calc(50% - 2em);min-width:300px}.image-option--max1{width:calc(100% - 4em);min-width:300px}.image-option:hover{cursor:pointer;box-shadow:0 3px 10px #0000001a;transform:scale(1.04);transition:transform ease-in .1s}.image-option:focus{outline:none;box-shadow:5px 5px #ffbe00,-5px 5px #ffbe00,5px -5px #ffbe00,-5px -5px #ffbe00}.image-option[aria-selected=true]{border-color:#3d68ff}.image-option[aria-selected=true]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:#3d68ff4d;border-radius:10px;z-index:3}.image-option figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.image-option figure img{max-width:100%;height:auto}.image-option figure img.icon{max-height:100px;width:auto}.image-option figure img.medium{max-width:50%;height:auto}.image-option figure figcaption{margin:1ex}', G = /* @__PURE__ */ L(R, [["styles", [E]]]), J = ["id", "innerHTML"], V = ["aria-multiselectable", "aria-labelledby"], U = /* @__PURE__ */ B({
+}), Q = '.image-option{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;border:solid 2px #c1c7d0;border-radius:10px;background:#fff;width:calc(20% - 2em);min-width:150px;padding:1rem}.image-option--max4{width:calc(25% - 2em);min-width:175px}.image-option--max3{width:calc(33% - 2em)}.image-option--max2{width:calc(50% - 2em);min-width:300px}.image-option--max1{width:calc(100% - 4em);min-width:300px}.image-option:hover{cursor:pointer;box-shadow:0 3px 10px #0000001a;transform:scale(1.04);transition:transform ease-in .1s}.image-option:focus{outline:none;box-shadow:5px 5px #ffbe00,-5px 5px #ffbe00,5px -5px #ffbe00,-5px -5px #ffbe00}.image-option[aria-selected=true]{border-color:#3d68ff}.image-option[aria-selected=true]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:#3d68ff4d;border-radius:10px;z-index:3}.image-option figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.image-option figure img{max-width:100%;height:auto}.image-option figure img.icon{max-height:100px;width:auto}.image-option figure img.medium{max-width:50%;height:auto}.image-option figure figcaption{margin:1ex}', G = /* @__PURE__ */ L(K, [["styles", [Q]]]), R = ["id", "innerHTML"], V = ["aria-multiselectable", "aria-labelledby"], J = /* @__PURE__ */ B({
   __name: "ImageQuiz.ce",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -71,53 +61,53 @@ const A = ["aria-labelledby", "aria-selected", "tabindex"], D = { key: 0 }, K =
     showName: { type: Boolean, default: !1 }
   },
   emits: ["answer"],
-  setup(i, { emit: u }) {
-    const a = u, n = p(() => i.hideChoicesName ? "sr-only" : ""), l = p(() => i.orderChoices ? i.choices : O(i.choices)), s = N(new Array(i.choices.length).fill(!1)), o = p(() => l.value.filter((e, C) => s.value[C])), t = p(() => o.value.map((e) => e.response ?? e.name).sort().join(",")), r = I();
-    q(t, () => {
-      a("answer", t.value);
+  setup(o, { emit: f }) {
+    const h = f, p = r(() => o.hideChoicesName ? "sr-only" : ""), u = r(() => o.orderChoices ? o.choices : j(o.choices)), t = N(new Array(o.choices.length).fill(!1)), i = r(() => u.value.filter((e, C) => t.value[C])), a = r(() => i.value.map((e) => e.response ?? e.name).sort().join(",")), s = I();
+    T(a, () => {
+      h("answer", a.value);
     }, { immediate: !1 });
-    const P = p(() => {
-      const e = s.value.indexOf(!0);
+    const P = r(() => {
+      const e = t.value.indexOf(!0);
       return e === -1 ? 0 : e;
-    }), x = M("options");
+    }), x = F("options");
     function v(e) {
-      i.multiple || s.value.fill(!1), s.value[e] = !s.value[e];
+      o.multiple || t.value.fill(!1), t.value[e] = !t.value[e];
     }
     function w(e) {
-      e = (e + i.choices.length) % i.choices.length, i.multiple || v(e), x.value[e].focus();
+      e = (e + o.choices.length) % o.choices.length, o.multiple || v(e), x.value[e].focus();
     }
-    return (e, C) => (m(), d(z, null, [
-      h("label", {
-        id: g(r),
+    return (e, C) => (l(), c(z, null, [
+      g("label", {
+        id: m(s),
         class: y(["image-quiz-label", { "sr-only": !e.showName }]),
         innerHTML: e.name
-      }, null, 10, J),
-      h("div", {
+      }, null, 10, R),
+      g("div", {
         role: "listbox",
         class: "image-quiz",
         "aria-multiselectable": e.multiple,
-        "aria-labelledby": g(r),
+        "aria-labelledby": m(s),
         "aria-orientation": "horizontal"
       }, [
-        (m(!0), d(z, null, T(l.value, (S, c) => (m(), F(G, {
+        (l(!0), c(z, null, O(u.value, (S, n) => (l(), H(G, {
           ref_for: !0,
           ref_key: "options",
           ref: x,
           choice: S,
           "max-choices-per-line": e.maxChoicesPerLine,
-          key: c,
-          "name-class": n.value,
-          "image-class": i.imageChoicesSize,
-          selected: s.value[c],
-          "tab-focusable": c === P.value,
-          onToggle: ($) => v(c),
-          onNext: ($) => w(c + 1),
-          onPrevious: ($) => w(c - 1)
+          key: n,
+          "name-class": p.value,
+          "image-class": o.imageChoicesSize,
+          selected: t.value[n],
+          "tab-focusable": n === P.value,
+          onToggle: ($) => v(n),
+          onNext: ($) => w(n + 1),
+          onPrevious: ($) => w(n - 1)
         }, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
       ], 8, V)
     ], 64));
   }
-}), W = "*{box-sizing:border-box}.image-quiz-label{font-size:1.25rem;margin:1rem 0;display:inline-block}.image-quiz{display:flex;flex-wrap:wrap;justify-content:space-around}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}", Y = /* @__PURE__ */ L(U, [["styles", [W]]]);
+}), U = "*{box-sizing:border-box}.image-quiz-label{font-size:1.25rem;margin:1rem 0;display:inline-block}.image-quiz{display:flex;flex-wrap:wrap;justify-content:space-around}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}", Y = /* @__PURE__ */ L(J, [["styles", [U]]]);
 export {
   Y as I
 };

package/dist/{LLMMessage.ce-CnMf3mGa.js → LLMMessage.ce-55YTC7a9.js}

@@ -1,5 +1,5 @@
-import { _ as b, c as n, o as t, f as s, a as m, k as d, D as g, e as r, E as l, y as u, t as p } from "./_plugin-vue_export-helper-DK91u00G.js";
-import { L as f } from "./Loading.ce-BLJllV22.js";
+import { _ as b, c as n, o as t, f as s, a as m, k as d, H as g, e as r, J as l, y as u, t as p } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
+import { L as f } from "./Loading.ce-BQOiwGj0.js";
 const h = {}, C = {
   height: "1rem",
   width: "auto",
@@ -46,10 +46,10 @@ function $(o, e) {
     }, null, -1)
   ])]);
 }
-const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"], N = {
+const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"], H = {
   key: 1,
   class: "attachment-label"
-}, H = /* @__PURE__ */ m({
+}, N = /* @__PURE__ */ m({
   __name: "LLMMessage.ce",
   props: {
     name: { type: String },
@@ -76,14 +76,14 @@ const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = {
           innerHTML: i.value,
           class: "content"
         }, null, 8, Z)) : l("", !0),
-        a.message.attachmentName && c.value ? (t(), n("p", N, [
+        a.message.attachmentName && c.value ? (t(), n("p", H, [
           s("span", null, p(a.message.attachmentName), 1),
           u(y)
         ])) : l("", !0)
       ])
     ], 2));
   }
-}), j = ".message{display:flex;width:90%;gap:12px;align-items:start}.message .avatar{align-items:center;aspect-ratio:1/1;background-color:#1c825d;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:4px;width:32px;height:32px}.message .loader{margin-top:14px}.message .bubble .content{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p{margin:0;word-wrap:break-word}.message .bubble .content h1{font-size:1.8em}.message .bubble .content h2{font-size:1.4em}.message .bubble .content h3{font-size:1.2em}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6{margin-bottom:12px;color:#000}.message .bubble .content strong{color:#000}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .content b,.message .bubble .content strong,.message .bubble .content th{font-weight:600}.message .bubble .content q:before{content:none}.message .bubble .content q:after{content:none}.message .bubble .content blockquote,.message .bubble .content q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite{font-style:normal}.message .bubble .content mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption{text-align:left}.message .bubble .content td,.message .bubble .content th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}.message .bubble .content details[open]{padding:10px}.message .bubble .content details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary{margin-bottom:10px}.message .bubble .content summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}.message .bubble .content summary:hover,.message .bubble .content summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker{color:#363636}.message .bubble .content ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol{list-style-type:decimal}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.message.outbound{align-self:end;flex-direction:row-reverse}.message.outbound .avatar{background-color:#957ee8}.message.outbound .bubble{background:#cec3f4;border-radius:16px;padding:8px 16px}", E = /* @__PURE__ */ b(H, [["styles", [j]]]);
+}), j = ".message{display:flex;width:90%;gap:12px;align-items:start}.message .avatar{align-items:center;aspect-ratio:1/1;background-color:#1c825d;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:4px;width:32px;height:32px}.message .loader{margin-top:14px}.message .bubble .content{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p{margin:0;word-wrap:break-word}.message .bubble .content h1{font-size:1.8em}.message .bubble .content h2{font-size:1.4em}.message .bubble .content h3{font-size:1.2em}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6{margin-bottom:12px;color:#000}.message .bubble .content strong{color:#000}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .content b,.message .bubble .content strong,.message .bubble .content th{font-weight:600}.message .bubble .content q:before{content:none}.message .bubble .content q:after{content:none}.message .bubble .content blockquote,.message .bubble .content q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite{font-style:normal}.message .bubble .content mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption{text-align:left}.message .bubble .content td,.message .bubble .content th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}.message .bubble .content details[open]{padding:10px}.message .bubble .content details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary{margin-bottom:10px}.message .bubble .content summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}.message .bubble .content summary:hover,.message .bubble .content summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker{color:#363636}.message .bubble .content ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol{list-style-type:decimal}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.message.outbound{align-self:end;flex-direction:row-reverse}.message.outbound .avatar{background-color:#957ee8}.message.outbound .bubble{background:#cec3f4;border-radius:16px;padding:8px 16px}", T = /* @__PURE__ */ b(N, [["styles", [j]]]);
 export {
-  E as L
+  T as L
 };

package/dist/{Loading.ce-BLJllV22.js → Loading.ce-BQOiwGj0.js}

@@ -1,4 +1,4 @@
-import { _ as o, c as r, o as a, f as s } from "./_plugin-vue_export-helper-DK91u00G.js";
+import { _ as o, c as r, o as a, f as s } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
 const n = ".loader{width:8px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate;transform:translate(100%)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@keyframes l5{0%{box-shadow:13px 0 #000,-13px 0 #0002;background:#000}33%{box-shadow:13px 0 #000,-13px 0 #0002;background:#0002}66%{box-shadow:13px 0 #0002,-13px 0 #000;background:#0002}to{box-shadow:13px 0 #0002,-13px 0 #000;background:#000}}@media (prefers-reduced-motion: reduce){.loader{display:none}}", t = {}, d = {
   class: "loader",
   role: "alert"

package/dist/{NavigationButton.ce-Cz9511sV.js → NavigationButton.ce-CgyZHLpi.js}

@@ -1,4 +1,4 @@
-import { a as f, r as g, G as w, c as h, o as i, f as l, D as C, I as b, t as m, m as x, q as y, L as _, _ as s, e as c, M as k } from "./_plugin-vue_export-helper-DK91u00G.js";
+import { a as f, r as g, D as w, c as h, o as i, f as l, H as C, G as b, t as m, m as x, q as y, L as _, _ as s, e as c, M as k } from "./_plugin-vue_export-helper-BaT1QC5Q.js";
 const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "aria-disabled"], z = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ButtonTooltip.ce",
@@ -38,7 +38,7 @@ const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "a
       ], 16, L)
     ]));
   }
-}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-container{position:relative;display:grid}.tooltip-container .tooltip{position:absolute;padding:5px 7px;background:var(--pix-neutral-800);color:#fff;border-radius:4px;z-index:400;margin:0;--horizontal-shift: 12px;--tooltip-gap: 1px;--arrow-height: 6px;--arrow-width: 5px}.tooltip-container .tooltip:before{content:"";position:absolute}.tooltip-container .tooltip.top{bottom:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.top:before{top:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-top:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.bottom{top:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.bottom:before{bottom:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-bottom:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.left{right:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.left:before{left:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-left:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.right{left:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.right:before{right:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-right:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container button:hover{cursor:pointer}.tooltip-container button.disabled{color:#797e89;cursor:not-allowed;border-color:transparent;background:transparent}', M = /* @__PURE__ */ s(z, [["styles", [S]]]), H = {}, P = {
+}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-container{position:relative;display:grid}.tooltip-container .tooltip{position:absolute;padding:5px 7px;background:var(--pix-neutral-800);color:#fff;border-radius:4px;z-index:400;margin:0;--horizontal-shift: 12px;--tooltip-gap: 1px;--arrow-height: 6px;--arrow-width: 5px}.tooltip-container .tooltip:before{content:"";position:absolute}.tooltip-container .tooltip.top{bottom:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.top:before{top:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-top:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.bottom{top:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.bottom:before{bottom:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-bottom:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.left{right:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.left:before{left:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-left:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.right{left:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.right:before{right:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-right:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container button:hover{cursor:pointer}.tooltip-container button.disabled{color:#797e89;cursor:not-allowed;border-color:transparent;background:transparent}', H = /* @__PURE__ */ s(z, [["styles", [S]]]), M = {}, P = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -53,7 +53,7 @@ function N(a, t) {
     }, null, -1)
   ])]);
 }
-const Y = /* @__PURE__ */ s(H, [["render", N]]), A = {}, T = {
+const Y = /* @__PURE__ */ s(M, [["render", N]]), A = {}, T = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -68,7 +68,7 @@ function D(a, t) {
     }, null, -1)
   ])]);
 }
-const F = /* @__PURE__ */ s(A, [["render", D]]), I = /* @__PURE__ */ f({
+const F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
   __name: "NavigationButton.ce",
   props: {
     disabled: { type: Boolean },
@@ -78,7 +78,7 @@ const F = /* @__PURE__ */ s(A, [["render", D]]), I = /* @__PURE__ */ f({
   },
   emits: ["click"],
   setup(a) {
-    return (t, e) => (i(), c(M, {
+    return (t, e) => (i(), c(H, {
       class: "button",
       onClick: e[0] || (e[0] = (p) => t.$emit("click")),
       "tooltip-position": t.tooltipPosition,
@@ -91,8 +91,8 @@ const F = /* @__PURE__ */ s(A, [["render", D]]), I = /* @__PURE__ */ f({
       _: 1
     }, 8, ["tooltip-position", "label", "disabled"]));
   }
-}), Z = "*{--pix-neutral-800: #253858;color:var(--pix-neutral-800)}.button{border-radius:100%;padding:4px;width:32px;height:32px;background:transparent;border:1px var(--pix-neutral-800) solid;aspect-ratio:1/1;fill:var(--pix-neutral-800);display:flex;align-items:center;justify-content:center}.button:hover{background:#c3d0ff}.button:active{background:#cdd1d9}", q = /* @__PURE__ */ s(I, [["styles", [Z]]]);
+}), j = "*{--pix-neutral-800: #253858;color:var(--pix-neutral-800)}.button{border-radius:100%;padding:4px;width:32px;height:32px;background:transparent;border:1px var(--pix-neutral-800) solid;aspect-ratio:1/1;fill:var(--pix-neutral-800);display:flex;align-items:center;justify-content:center}.button:hover{background:#c3d0ff}.button:active{background:#cdd1d9}", E = /* @__PURE__ */ s(Z, [["styles", [j]]]);
 export {
-  M as B,
-  q as N
+  H as B,
+  E as N
 };