@pocketprep/ui-kit 3.4.81 → 3.4.83

package/dist/@pocketprep/ui-kit.js

@@ -378,7 +378,7 @@ const pi = (e, i, s) => {
     o.forEach((t) => {
       t.includes("--dark") && e.classList.remove(t);
     });
-}, GC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, PC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   breakpoint: Mt,
   dark: Se,
@@ -17912,7 +17912,7 @@ const Ap = /* @__PURE__ */ me(It, [["render", fp]]), _r = {
     `$1<span class="keyword-highlight${e.isDarkMode ? " keyword-highlight--dark" : ""}" data-location="${e.location}" role="button" tabindex="0" aria-label="${o}, Instruction. Click for definition" aria-haspopup="dialog" aria-expanded="false">
                 <span style="pointer-events: none;">$2</span></span>$3`
   );
-}, e.text) : e.text, Ov = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, e.text) : e.text, Rv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   escapeRegex: $r,
   highlightKeywordsInText: wo,
@@ -18718,14 +18718,18 @@ function tg(e, i, s, o, t, n) {
         ], 2)), [
           [F, e.isDarkMode]
         ]) : Le("", !0),
-        oe("div", {
-          class: "uikit-question-choices-container__choice-text",
+        ne(oe("div", {
+          class: Ce(["uikit-question-choices-container__choice-text", {
+            "uikit-question-choices-container__choice-text--review-mode": e.reviewMode
+          }]),
           tabindex: e.showAnswers ? -1 : 0,
           role: e.isMCR ? "checkbox" : "radio",
           "aria-checked": e.selectedChoices.includes(E.key) ? "true" : "false",
           "aria-label": `${e.showAnswers ? e.answerKeys.includes(E.key) ? "Correct Answer, " : "Incorrect Answer, " : ""}${e.stripHtmlTags(E.text)}`,
           innerHTML: E.text
-        }, null, 8, Vp),
+        }, null, 10, Vp), [
+          [Y, e.breakpoints, "questionEl"]
+        ]),
         !e.isMCR && e.showAnswers && e.answerKeys.includes(E.key) ? ne((N(), ye(R, {
           key: 1,
           type: "tertiary-small",
@@ -20143,11 +20147,11 @@ at = ft([
     }
   })
 ], at);
-const lf = { class: "uikit-question-mobile-matrix-choices-container" }, hf = ["onClick"], df = { class: "uikit-question-mobile-matrix-choices-container__row-label" }, cf = { class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels-container" }, uf = {
+const lf = { class: "uikit-question-mobile-matrix-choices-container" }, hf = ["onClick"], df = { class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels-container" }, cf = {
   key: 0,
   class: "uikit-question-mobile-matrix-choices-container__selected-choice-labels"
-}, pf = { key: 0 }, gf = ["onClick", "onKeypress"], ff = { key: 1 };
-function Af(e, i, s, o, t, n) {
+}, uf = { key: 0 }, pf = ["onClick", "onKeypress"], gf = { key: 1 };
+function ff(e, i, s, o, t, n) {
   const r = ge("Icon"), R = ge("Checkbox"), D = ge("MobileMatrixRadioGroup"), Y = Re("dark"), F = Re("breakpoint");
   return ne((N(), V("div", lf, [
     ne((N(), V("div", {
@@ -20180,7 +20184,11 @@ function Af(e, i, s, o, t, n) {
           }, null, 512)), [
             [Y, e.isDarkMode]
           ]) : Le("", !0),
-          ne((N(), V("div", df, [
+          ne((N(), V("div", {
+            class: Ce(["uikit-question-mobile-matrix-choices-container__row-label", {
+              "uikit-question-mobile-matrix-choices-container__row-label--review-mode": e.showMatrixAnswers || e.reviewMode
+            }])
+          }, [
             xe(ve(e.stripHtmlTags(E)) + " ", 1),
             ne(Pe(r, {
               class: Ce(["uikit-question-mobile-matrix-choices-container__toggle-row-icon", {
@@ -20190,12 +20198,12 @@ function Af(e, i, s, o, t, n) {
             }, null, 8, ["class"]), [
               [Y, e.isDarkMode]
             ])
-          ])), [
+          ], 2)), [
             [Y, e.isDarkMode]
           ]),
-          oe("div", cf, [
+          oe("div", df, [
             (N(!0), V(Ke, null, et(e.selectedColumnHeaders, (G, A) => ne((N(), V("div", { key: A }, [
-              e.selectedColumnHeaders && e.selectedColumnHeaders[I] && e.selectedColumnHeaders[I][A] ? ne((N(), V("div", uf, [
+              e.selectedColumnHeaders && e.selectedColumnHeaders[I] && e.selectedColumnHeaders[I][A] ? ne((N(), V("div", cf, [
                 xe(ve(e.selectedColumnHeaders[I][A] === e.selectedColumnHeaders[I][e.selectedColumnHeaders[I].length - 1] ? e.stripHtmlTags(e.selectedColumnHeaders[I][A]) : `${e.stripHtmlTags(e.selectedColumnHeaders[I][A])},`), 1)
               ])), [
                 [Y, e.isDarkMode],
@@ -20209,7 +20217,7 @@ function Af(e, i, s, o, t, n) {
           [Y, e.isDarkMode],
           [F, e.breakpoints, "questionEl"]
         ]),
-        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Checkbox" && e.matrixCheckboxGrid && e.matrixCheckboxGrid[I] ? (N(), V("div", pf, [
+        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Checkbox" && e.matrixCheckboxGrid && e.matrixCheckboxGrid[I] ? (N(), V("div", uf, [
           (N(!0), V(Ke, null, et(e.matrixColumnLabels, (G, A) => {
             var g;
             return ne((N(), V("div", {
@@ -20237,12 +20245,12 @@ function Af(e, i, s, o, t, n) {
                   "uikit-question-mobile-matrix-choices-container__checkbox-label--distractor": (e.showMatrixAnswers || e.reviewMode) && e.matrixChoiceLayout[I] && ((g = e.matrixChoiceLayout[I][A]) == null ? void 0 : g.startsWith("d"))
                 }])
               }, ve(e.stripHtmlTags(G)), 3)
-            ], 40, gf)), [
+            ], 40, pf)), [
               [Y, e.isDarkMode]
             ]);
           }), 128))
         ])) : Le("", !0),
-        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Radio Button" && e.matrixRadioGrid && e.matrixRadioGrid[I] ? (N(), V("div", ff, [
+        e.expandedRowNumbers.includes(I) && e.question.type === "Matrix Radio Button" && e.matrixRadioGrid && e.matrixRadioGrid[I] ? (N(), V("div", gf, [
           Pe(D, {
             modelValue: e.getRadioRowSelection(I),
             "review-mode": e.reviewMode,
@@ -20270,11 +20278,11 @@ function Af(e, i, s, o, t, n) {
     [Y, e.isDarkMode]
   ]);
 }
-const Cf = /* @__PURE__ */ me(at, [["render", Af]]);
-var mf = Object.defineProperty, vf = Object.getOwnPropertyDescriptor, Ze = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? vf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Af = /* @__PURE__ */ me(at, [["render", ff]]);
+var Cf = Object.defineProperty, mf = Object.getOwnPropertyDescriptor, Ze = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? mf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && mf(i, s, t), t;
+  return o && t && Cf(i, s, t), t;
 };
 let ze = class extends be {
   constructor() {
@@ -20967,7 +20975,7 @@ ze = Ze([
       Explanation: Bg,
       PassageAndImage: Tg,
       MatrixChoicesContainer: $g,
-      MobileMatrixChoicesContainer: Cf
+      MobileMatrixChoicesContainer: Af
     },
     directives: {
       breakpoint: Mt,
@@ -20975,16 +20983,16 @@ ze = Ze([
     }
   })
 ], ze);
-const wf = { class: "uikit-question__tag-mobile" }, yf = ["aria-label"], Mf = ["innerHTML"], bf = {
+const vf = { class: "uikit-question__tag-mobile" }, wf = ["aria-label"], yf = ["innerHTML"], Mf = {
   key: 4,
   class: "uikit-question__unanswered-teach-review-label"
-}, Lf = /* @__PURE__ */ oe("span", null, " Unanswered ", -1), kf = [
-  Lf
-], Ef = ["role"], Df = {
+}, bf = /* @__PURE__ */ oe("span", null, " Unanswered ", -1), Lf = [
+  bf
+], kf = ["role"], Ef = {
   key: 0,
   class: "uikit-question__unanswered-label"
-}, Bf = /* @__PURE__ */ oe("span", null, "Unanswered", -1);
-function If(e, i, s, o, t, n) {
+}, Df = /* @__PURE__ */ oe("span", null, "Unanswered", -1);
+function Bf(e, i, s, o, t, n) {
   const r = ge("Icon"), R = ge("QuestionContext"), D = ge("PocketButton"), Y = ge("PassageAndImageDropdown"), F = ge("Paywall"), E = ge("ChoicesContainer"), I = ge("MatrixChoicesContainer"), G = ge("MobileMatrixChoicesContainer"), A = ge("Summary"), g = ge("StatsSummary"), p = ge("PassageAndImage"), d = ge("Explanation"), c = Re("breakpoint"), C = Re("dark");
   return ne((N(), V("div", {
     ref: "question",
@@ -21004,7 +21012,7 @@ function If(e, i, s, o, t, n) {
         [C, e.isDarkMode]
       ])
     ]),
-    ne((N(), V("div", wf, [
+    ne((N(), V("div", vf, [
       ke(e.$slots, "tag")
     ])), [
       [c, e.breakpoints, "questionEl"]
@@ -21053,7 +21061,7 @@ function If(e, i, s, o, t, n) {
         "aria-live": "assertive"
       }, [
         xe(" Part " + ve(e.currentScenarioQuestionNumber) + " of " + ve(e.numberOfScenarioQuestions), 1)
-      ], 8, yf)), [
+      ], 8, wf)), [
         [C, e.isDarkMode],
         [c, e.breakpoints, "questionEl"]
       ]) : Le("", !0),
@@ -21067,7 +21075,7 @@ function If(e, i, s, o, t, n) {
         }]),
         onClick: i[0] || (i[0] = (...L) => e.keywordClick && e.keywordClick(...L)),
         innerHTML: e.prompt
-      }, null, 10, Mf), [
+      }, null, 10, yf), [
         [c, e.breakpoints, "questionEl"]
       ]),
       e.question.passage || e.passageImageUrl ? ne((N(), ye(D, {
@@ -21108,7 +21116,7 @@ function If(e, i, s, o, t, n) {
         breakpoints: e.breakpoints,
         onUpgradeClicked: e.emitUpgrade
       }, null, 8, ["review-Mode", "is-dark-mode", "question-el", "breakpoints", "onUpgradeClicked"])) : Le("", !0),
-      (e.showAnswers || e.showMatrixAnswers) && e.isTeachReview && e.isUnanswered ? ne((N(), V("div", bf, kf)), [
+      (e.showAnswers || e.showMatrixAnswers) && e.isTeachReview && e.isUnanswered ? ne((N(), V("div", Mf, Lf)), [
         [C, e.isDarkMode]
       ]) : Le("", !0),
       e.showPaywall ? Le("", !0) : ne((N(), V("div", {
@@ -21123,8 +21131,8 @@ function If(e, i, s, o, t, n) {
         }]),
         role: e.isMCR ? "group" : "radiogroup"
       }, [
-        e.showAnswers && !e.isMCR && !e.isMatrixQuestion && e.isUnanswered && !e.isCorrect && !e.isTeachReview ? ne((N(), V("div", Df, [
-          Bf,
+        e.showAnswers && !e.isMCR && !e.isMatrixQuestion && e.isUnanswered && !e.isCorrect && !e.isTeachReview ? ne((N(), V("div", Ef, [
+          Df,
           ne(Pe(r, {
             class: "uikit-question__unanswered-label-icon",
             type: "incorrect"
@@ -21280,7 +21288,7 @@ function If(e, i, s, o, t, n) {
         }, 8, ["question", "matrix-choice-layout", "is-matrix-question-correct", "matrix-answer-keys", "matrix-distractor-keys", "selected-matrix-choices", "show-matrix-answers", "review-mode", "global-metrics", "is-dark-mode", "question-el", "breakpoints", "onEmitSelectedMatrixChoice"])), [
           [c, e.breakpoints, "questionEl"]
         ]) : Le("", !0)
-      ], 10, Ef)), [
+      ], 10, kf)), [
         [C, e.isDarkMode]
       ]),
       (e.isMCR && e.showAnswers || e.isMatrixQuestion && e.showMatrixAnswers) && !e.showPaywall ? (N(), ye(A, {
@@ -21467,11 +21475,11 @@ function If(e, i, s, o, t, n) {
     [c, e.breakpoints]
   ]);
 }
-const xf = /* @__PURE__ */ me(ze, [["render", If]]);
-var Pf = Object.defineProperty, Gf = Object.getOwnPropertyDescriptor, oo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Gf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const If = /* @__PURE__ */ me(ze, [["render", Bf]]);
+var xf = Object.defineProperty, Pf = Object.getOwnPropertyDescriptor, oo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Pf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Pf(i, s, t), t;
+  return o && t && xf(i, s, t), t;
 };
 let bi = class extends be {
   constructor() {
@@ -21520,16 +21528,16 @@ bi = oo([
     }
   })
 ], bi);
-const Qf = {
+const Gf = {
   ref: "quiz-container",
   class: "uikit-quiz-container"
-}, Rf = {
+}, Qf = {
   key: 0,
   class: "uikit-quiz-container__side"
 };
-function Of(e, i, s, o, t, n) {
+function Rf(e, i, s, o, t, n) {
   const r = Re("breakpoint"), R = Re("dark");
-  return ne((N(), V("div", Qf, [
+  return ne((N(), V("div", Gf, [
     ne((N(), V("div", {
       class: Ce(["uikit-quiz-container__header", { "uikit-quiz-container__header--dark": e.isDarkMode }]),
       style: Ve(e.customHeaderStyles)
@@ -21542,7 +21550,7 @@ function Of(e, i, s, o, t, n) {
       class: "uikit-quiz-container__main",
       style: Ve(e.customMainStyles)
     }, [
-      e.showSide ? ne((N(), V("div", Rf, [
+      e.showSide ? ne((N(), V("div", Qf, [
         ke(e.$slots, "definition"),
         ke(e.$slots, "side")
       ])), [
@@ -21573,11 +21581,11 @@ function Of(e, i, s, o, t, n) {
     [R, e.isDarkMode]
   ]);
 }
-const Yf = /* @__PURE__ */ me(bi, [["render", Of]]);
-var Sf = Object.defineProperty, Tf = Object.getOwnPropertyDescriptor, so = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Tf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Of = /* @__PURE__ */ me(bi, [["render", Rf]]);
+var Yf = Object.defineProperty, Sf = Object.getOwnPropertyDescriptor, so = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Sf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Sf(i, s, t), t;
+  return o && t && Yf(i, s, t), t;
 };
 let Li = class extends be {
   constructor() {
@@ -21615,8 +21623,8 @@ Li = so([
     }
   })
 ], Li);
-const jf = ["tabindex"];
-function Hf(e, i, s, o, t, n) {
+const Tf = ["tabindex"];
+function jf(e, i, s, o, t, n) {
   const r = Re("breakpoint");
   return ne((N(), V("div", {
     class: Ce(["uikit-quiz-progress-bar", {
@@ -21628,15 +21636,15 @@ function Hf(e, i, s, o, t, n) {
     onKeydown: i[1] || (i[1] = (R) => e.emitKeydown(R)),
     onMousedown: i[2] || (i[2] = Ie(() => {
     }, ["prevent"]))
-  }, null, 42, jf)), [
+  }, null, 42, Tf)), [
     [r, { small: 2 }]
   ]);
 }
-const t1 = /* @__PURE__ */ me(Li, [["render", Hf]]);
-var Ff = Object.defineProperty, zf = Object.getOwnPropertyDescriptor, no = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? zf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const t1 = /* @__PURE__ */ me(Li, [["render", jf]]);
+var Hf = Object.defineProperty, Ff = Object.getOwnPropertyDescriptor, no = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Ff(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Ff(i, s, t), t;
+  return o && t && Hf(i, s, t), t;
 };
 let ki = class extends be {
   constructor() {
@@ -21721,10 +21729,10 @@ ki = no([
     }
   })
 ], ki);
-const Nf = { class: "uikit-quiz-progress" };
-function Zf(e, i, s, o, t, n) {
+const zf = { class: "uikit-quiz-progress" };
+function Nf(e, i, s, o, t, n) {
   const r = ge("QuizProgressBar");
-  return N(), V("div", Nf, [
+  return N(), V("div", zf, [
     (N(!0), V(Ke, null, et(e.numQuestions, (R) => (N(), ye(r, {
       key: `${R}_${e.barWidthString}`,
       "is-answered": e.answeredIndexList.includes(R),
@@ -21751,11 +21759,11 @@ function Zf(e, i, s, o, t, n) {
     }, null, 8, ["is-answered", "is-selected", "is-focusable", "style", "class", "aria-label", "onClick", "onKeydown"]))), 128))
   ]);
 }
-const Jf = /* @__PURE__ */ me(ki, [["render", Zf]]);
-var Wf = Object.defineProperty, Uf = Object.getOwnPropertyDescriptor, ro = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? Uf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const Zf = /* @__PURE__ */ me(ki, [["render", Nf]]);
+var Jf = Object.defineProperty, Wf = Object.getOwnPropertyDescriptor, ro = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? Wf(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && Wf(i, s, t), t;
+  return o && t && Jf(i, s, t), t;
 };
 let Ei = class extends be {
   constructor() {
@@ -21806,24 +21814,24 @@ Ei = ro([
     }
   })
 ], Ei);
-const qf = { class: "uikit-keyboard-modal" }, Kf = {
+const Uf = { class: "uikit-keyboard-modal" }, qf = {
   ref: "uikit-keyboard-modal__title",
   class: "uikit-keyboard-modal__title",
   tabindex: "-1"
-}, Xf = { class: "uikit-keyboard-modal__item" }, Vf = { key: 0 }, _f = { key: 1 }, $f = { key: 2 }, eA = { class: "uikit-keyboard-modal__key" }, tA = { class: "uikit-keyboard-modal__item" }, iA = /* @__PURE__ */ oe("div", null, " Navigate through clickable items ", -1), oA = { class: "uikit-keyboard-modal__key" }, sA = {
+}, Kf = { class: "uikit-keyboard-modal__item" }, Xf = { key: 0 }, Vf = { key: 1 }, _f = { key: 2 }, $f = { class: "uikit-keyboard-modal__key" }, eA = { class: "uikit-keyboard-modal__item" }, tA = /* @__PURE__ */ oe("div", null, " Navigate through clickable items ", -1), iA = { class: "uikit-keyboard-modal__key" }, oA = {
   key: 0,
   class: "uikit-keyboard-modal__item"
-}, nA = /* @__PURE__ */ oe("div", null, " Open/Close Explanation ", -1), rA = { class: "uikit-keyboard-modal__key" }, aA = {
+}, sA = /* @__PURE__ */ oe("div", null, " Open/Close Explanation ", -1), nA = { class: "uikit-keyboard-modal__key" }, rA = {
   key: 1,
   class: "uikit-keyboard-modal__item"
-}, lA = /* @__PURE__ */ oe("div", null, " Select Answer Choice ", -1), hA = { class: "uikit-keyboard-modal__key" }, dA = {
+}, aA = /* @__PURE__ */ oe("div", null, " Select Answer Choice ", -1), lA = { class: "uikit-keyboard-modal__key" }, hA = {
   key: 2,
   class: "uikit-keyboard-modal__item"
-}, cA = /* @__PURE__ */ oe("div", null, " Submit Selected Element ", -1), uA = { class: "uikit-keyboard-modal__key" }, pA = { class: "uikit-keyboard-modal__item" }, gA = /* @__PURE__ */ oe("div", null, " Previous Question ", -1), fA = { class: "uikit-keyboard-modal__key" }, AA = { class: "uikit-keyboard-modal__item" }, CA = /* @__PURE__ */ oe("div", null, " Next Question ", -1), mA = { class: "uikit-keyboard-modal__key" }, vA = { class: "uikit-keyboard-modal__item" }, wA = /* @__PURE__ */ oe("div", null, " Scroll View Up ", -1), yA = { class: "uikit-keyboard-modal__key" }, MA = { class: "uikit-keyboard-modal__item" }, bA = /* @__PURE__ */ oe("div", null, " Scroll View Down ", -1), LA = { class: "uikit-keyboard-modal__key" }, kA = {
+}, dA = /* @__PURE__ */ oe("div", null, " Submit Selected Element ", -1), cA = { class: "uikit-keyboard-modal__key" }, uA = { class: "uikit-keyboard-modal__item" }, pA = /* @__PURE__ */ oe("div", null, " Previous Question ", -1), gA = { class: "uikit-keyboard-modal__key" }, fA = { class: "uikit-keyboard-modal__item" }, AA = /* @__PURE__ */ oe("div", null, " Next Question ", -1), CA = { class: "uikit-keyboard-modal__key" }, mA = { class: "uikit-keyboard-modal__item" }, vA = /* @__PURE__ */ oe("div", null, " Scroll View Up ", -1), wA = { class: "uikit-keyboard-modal__key" }, yA = { class: "uikit-keyboard-modal__item" }, MA = /* @__PURE__ */ oe("div", null, " Scroll View Down ", -1), bA = { class: "uikit-keyboard-modal__key" }, LA = {
   key: 3,
   class: "uikit-keyboard-modal__item"
-}, EA = /* @__PURE__ */ oe("div", null, " Flag ", -1), DA = { class: "uikit-keyboard-modal__key" }, BA = { class: "uikit-keyboard-modal__toggle" }, IA = { class: "uikit-keyboard-modal__toggle-label" };
-function xA(e, i, s, o, t, n) {
+}, kA = /* @__PURE__ */ oe("div", null, " Flag ", -1), EA = { class: "uikit-keyboard-modal__key" }, DA = { class: "uikit-keyboard-modal__toggle" }, BA = { class: "uikit-keyboard-modal__toggle-label" };
+function IA(e, i, s, o, t, n) {
   const r = ge("ToggleSwitch"), R = ge("ModalContainer"), D = Re("dark");
   return N(), ye(R, {
     "show-close-button": !0,
@@ -21832,17 +21840,17 @@ function xA(e, i, s, o, t, n) {
     onClose: e.emitClose
   }, {
     default: Te(() => [
-      ne((N(), V("div", qf, [
-        ne((N(), V("h1", Kf, [
+      ne((N(), V("div", Uf, [
+        ne((N(), V("h1", qf, [
           xe(" Keyboard Shortcuts ")
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", Xf, [
-          e.keyboardMode === "quiz" ? (N(), V("div", Vf, " Quit Quiz ")) : Le("", !0),
-          e.keyboardMode === "review" ? (N(), V("div", _f, " Back to Review ")) : Le("", !0),
-          e.keyboardMode === "teach" ? (N(), V("div", $f, " Back ")) : Le("", !0),
-          ne((N(), V("div", eA, [
+        ne((N(), V("div", Kf, [
+          e.keyboardMode === "quiz" ? (N(), V("div", Xf, " Quit Quiz ")) : Le("", !0),
+          e.keyboardMode === "review" ? (N(), V("div", Vf, " Back to Review ")) : Le("", !0),
+          e.keyboardMode === "teach" ? (N(), V("div", _f, " Back ")) : Le("", !0),
+          ne((N(), V("div", $f, [
             xe(" Esc ")
           ])), [
             [D, e.isDarkMode]
@@ -21850,9 +21858,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", tA, [
-          iA,
-          ne((N(), V("div", oA, [
+        ne((N(), V("div", eA, [
+          tA,
+          ne((N(), V("div", iA, [
             xe(" Tab ")
           ])), [
             [D, e.isDarkMode]
@@ -21860,9 +21868,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", sA, [
-          nA,
-          ne((N(), V("div", rA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", oA, [
+          sA,
+          ne((N(), V("div", nA, [
             xe(" X ")
           ])), [
             [D, e.isDarkMode]
@@ -21870,9 +21878,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", aA, [
-          lA,
-          ne((N(), V("div", hA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", rA, [
+          aA,
+          ne((N(), V("div", lA, [
             xe(" A - J ")
           ])), [
             [D, e.isDarkMode]
@@ -21880,9 +21888,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        e.keyboardMode === "quiz" ? ne((N(), V("div", dA, [
-          cA,
-          ne((N(), V("div", uA, [
+        e.keyboardMode === "quiz" ? ne((N(), V("div", hA, [
+          dA,
+          ne((N(), V("div", cA, [
             xe(" Return/Enter ")
           ])), [
             [D, e.isDarkMode]
@@ -21890,9 +21898,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        ne((N(), V("div", pA, [
-          gA,
-          ne((N(), V("div", fA, [
+        ne((N(), V("div", uA, [
+          pA,
+          ne((N(), V("div", gA, [
             xe(" ← ")
           ])), [
             [D, e.isDarkMode]
@@ -21900,9 +21908,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", AA, [
-          CA,
-          ne((N(), V("div", mA, [
+        ne((N(), V("div", fA, [
+          AA,
+          ne((N(), V("div", CA, [
             xe(" → ")
           ])), [
             [D, e.isDarkMode]
@@ -21910,9 +21918,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", vA, [
-          wA,
-          ne((N(), V("div", yA, [
+        ne((N(), V("div", mA, [
+          vA,
+          ne((N(), V("div", wA, [
             xe(" ↑ ")
           ])), [
             [D, e.isDarkMode]
@@ -21920,9 +21928,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        ne((N(), V("div", MA, [
-          bA,
-          ne((N(), V("div", LA, [
+        ne((N(), V("div", yA, [
+          MA,
+          ne((N(), V("div", bA, [
             xe(" ↓ ")
           ])), [
             [D, e.isDarkMode]
@@ -21930,9 +21938,9 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]),
-        e.keyboardMode !== "teach" ? ne((N(), V("div", kA, [
-          EA,
-          ne((N(), V("div", DA, [
+        e.keyboardMode !== "teach" ? ne((N(), V("div", LA, [
+          kA,
+          ne((N(), V("div", EA, [
             xe(" P ")
           ])), [
             [D, e.isDarkMode]
@@ -21940,14 +21948,14 @@ function xA(e, i, s, o, t, n) {
         ])), [
           [D, e.isDarkMode]
         ]) : Le("", !0),
-        oe("div", BA, [
+        oe("div", DA, [
           Pe(r, {
             modelValue: e.allowKeyboardShortcuts,
             "is-dark-mode": e.isDarkMode,
             "aria-label": "Keyboard shortcuts",
             "onUpdate:modelValue": e.toggleKeyboardShortcuts
           }, null, 8, ["modelValue", "is-dark-mode", "onUpdate:modelValue"]),
-          ne((N(), V("div", IA, [
+          ne((N(), V("div", BA, [
             xe(" Keyboard shortcuts ")
           ])), [
             [D, e.isDarkMode]
@@ -21960,11 +21968,11 @@ function xA(e, i, s, o, t, n) {
     _: 1
   }, 8, ["is-dark-mode", "onClose"]);
 }
-const i1 = /* @__PURE__ */ me(Ei, [["render", xA]]);
-var PA = Object.defineProperty, GA = Object.getOwnPropertyDescriptor, ln = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? GA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const i1 = /* @__PURE__ */ me(Ei, [["render", IA]]);
+var xA = Object.defineProperty, PA = Object.getOwnPropertyDescriptor, ln = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? PA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && PA(i, s, t), t;
+  return o && t && xA(i, s, t), t;
 };
 let fo = class extends be {
   constructor() {
@@ -21991,7 +21999,7 @@ fo = ln([
     }
   })
 ], fo);
-function QA(e, i, s, o, t, n) {
+function GA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", null, [
     ke(e.$slots, "keyboardShortcutsModal", {
@@ -22031,11 +22039,11 @@ function QA(e, i, s, o, t, n) {
     ], 32)
   ]);
 }
-const RA = /* @__PURE__ */ me(fo, [["render", QA]]);
-var OA = Object.defineProperty, YA = Object.getOwnPropertyDescriptor, ao = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? YA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const QA = /* @__PURE__ */ me(fo, [["render", GA]]);
+var RA = Object.defineProperty, OA = Object.getOwnPropertyDescriptor, ao = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? OA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && OA(i, s, t), t;
+  return o && t && RA(i, s, t), t;
 };
 let Di = class extends be {
   constructor() {
@@ -22086,8 +22094,8 @@ Di = ao([
     }
   })
 ], Di);
-const SA = ["tabindex", "aria-checked"];
-function TA(e, i, s, o, t, n) {
+const YA = ["tabindex", "aria-checked"];
+function SA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", {
     class: Ce(["uikit-flag-toggle", { "uikit-flag-toggle--disabled": e.disabled }]),
@@ -22124,13 +22132,13 @@ function TA(e, i, s, o, t, n) {
       }]),
       type: e.isFlagged ? "flag-filled" : "flag"
     }, null, 8, ["class", "type"])
-  ], 42, SA);
+  ], 42, YA);
 }
-const jA = /* @__PURE__ */ me(Di, [["render", TA]]);
-var HA = Object.defineProperty, FA = Object.getOwnPropertyDescriptor, Fi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? FA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const TA = /* @__PURE__ */ me(Di, [["render", SA]]);
+var jA = Object.defineProperty, HA = Object.getOwnPropertyDescriptor, Fi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? HA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && HA(i, s, t), t;
+  return o && t && jA(i, s, t), t;
 };
 let di = class extends be {
   constructor() {
@@ -22176,8 +22184,8 @@ di = Fi([
     }
   })
 ], di);
-const zA = ["tabindex", "aria-disabled", "aria-checked"];
-function NA(e, i, s, o, t, n) {
+const FA = ["tabindex", "aria-disabled", "aria-checked"];
+function zA(e, i, s, o, t, n) {
   const r = ge("Tooltip"), R = ge("Icon");
   return N(), V("div", {
     class: "uikit-global-metrics-toggle",
@@ -22219,13 +22227,13 @@ function NA(e, i, s, o, t, n) {
       }]),
       type: "people"
     }, null, 8, ["class"])
-  ], 40, zA);
+  ], 40, FA);
 }
-const ZA = /* @__PURE__ */ me(di, [["render", NA]]);
-var JA = Object.defineProperty, WA = Object.getOwnPropertyDescriptor, yo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? WA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const NA = /* @__PURE__ */ me(di, [["render", zA]]);
+var ZA = Object.defineProperty, JA = Object.getOwnPropertyDescriptor, yo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? JA(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && JA(i, s, t), t;
+  return o && t && ZA(i, s, t), t;
 };
 let Ti = class extends be {
   constructor() {
@@ -22279,11 +22287,11 @@ Ti = yo([
     }
   })
 ], Ti);
-const UA = { class: "toast__icon" }, qA = { class: "toast__content" }, KA = { class: "toast__content-title" }, XA = {
+const WA = { class: "toast__icon" }, UA = { class: "toast__content" }, qA = { class: "toast__content-title" }, KA = {
   key: 0,
   class: "toast__content-subtext"
 };
-function VA(e, i, s, o, t, n) {
+function XA(e, i, s, o, t, n) {
   var D, Y;
   const r = ge("Icon"), R = Re("dark");
   return ne((N(), V("div", {
@@ -22306,18 +22314,18 @@ function VA(e, i, s, o, t, n) {
     ], 32)), [
       [R, e.isDarkMode]
     ]) : Le("", !0),
-    oe("div", UA, [
+    oe("div", WA, [
       ke(e.$slots, "icon", {}, () => [
         Pe(r, { type: "check" })
       ], !0)
     ]),
-    oe("div", qA, [
-      ne((N(), V("div", KA, [
+    oe("div", UA, [
+      ne((N(), V("div", qA, [
         ke(e.$slots, "default", {}, void 0, !0)
       ])), [
         [R, e.isDarkMode]
       ]),
-      (Y = (D = e.$slots).subtext) != null && Y.call(D) ? ne((N(), V("div", XA, [
+      (Y = (D = e.$slots).subtext) != null && Y.call(D) ? ne((N(), V("div", KA, [
         ke(e.$slots, "subtext", {}, void 0, !0)
       ])), [
         [R, e.isDarkMode]
@@ -22327,11 +22335,11 @@ function VA(e, i, s, o, t, n) {
     [R, e.isDarkMode]
   ]);
 }
-const _A = /* @__PURE__ */ me(Ti, [["render", VA], ["__scopeId", "data-v-f790add1"]]);
-var $A = Object.defineProperty, eC = Object.getOwnPropertyDescriptor, hn = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? eC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const VA = /* @__PURE__ */ me(Ti, [["render", XA], ["__scopeId", "data-v-f790add1"]]);
+var _A = Object.defineProperty, $A = Object.getOwnPropertyDescriptor, hn = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? $A(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && $A(i, s, t), t;
+  return o && t && _A(i, s, t), t;
 };
 let Ao = class extends be {
   constructor() {
@@ -22349,37 +22357,37 @@ hn([
 Ao = hn([
   Me
 ], Ao);
-const tC = {
+const eC = {
   width: "38",
   height: "33",
   viewBox: "0 0 38 33",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
-}, iC = {
+}, tC = {
   stroke: "none",
   "stroke-width": "1",
   fill: "none",
   "fill-rule": "evenodd"
-}, oC = ["fill"], sC = /* @__PURE__ */ oe("path", { d: "M0.5 17.7589C0.5 24.3405 8.55289 33.6455 16.3374 32.9647C24.1218 32.2838 33.0805 28.6526 36.0389 23.2058C38.9973 17.7589 37.5179 10.7234 31.101 4.59576C24.6841 -1.53192 14.9952 -1.53192 9.08975 4.59576C3.1843 10.7234 0.5 11.1773 0.5 17.7589Z" }, null, -1), nC = [
-  sC
+}, iC = ["fill"], oC = /* @__PURE__ */ oe("path", { d: "M0.5 17.7589C0.5 24.3405 8.55289 33.6455 16.3374 32.9647C24.1218 32.2838 33.0805 28.6526 36.0389 23.2058C38.9973 17.7589 37.5179 10.7234 31.101 4.59576C24.6841 -1.53192 14.9952 -1.53192 9.08975 4.59576C3.1843 10.7234 0.5 11.1773 0.5 17.7589Z" }, null, -1), sC = [
+  oC
 ];
-function rC(e, i, s, o, t, n) {
-  return N(), V("svg", tC, [
+function nC(e, i, s, o, t, n) {
+  return N(), V("svg", eC, [
     oe("title", null, ve(e.title), 1),
-    oe("g", iC, [
+    oe("g", tC, [
       oe("g", {
         fill: e.primaryColor,
         "fill-rule": "nonzero"
-      }, nC, 8, oC)
+      }, sC, 8, iC)
     ])
   ]);
 }
-const aC = /* @__PURE__ */ me(Ao, [["render", rC]]);
-var lC = Object.defineProperty, hC = Object.getOwnPropertyDescriptor, lo = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? hC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const rC = /* @__PURE__ */ me(Ao, [["render", nC]]);
+var aC = Object.defineProperty, lC = Object.getOwnPropertyDescriptor, lo = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? lC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && lC(i, s, t), t;
+  return o && t && aC(i, s, t), t;
 };
 let Bi = class extends be {
   constructor() {
@@ -22409,11 +22417,11 @@ lo([
 Bi = lo([
   Me({
     components: {
-      BlobEmptyState: aC
+      BlobEmptyState: rC
     }
   })
 ], Bi);
-function dC(e, i, s, o, t, n) {
+function hC(e, i, s, o, t, n) {
   const r = ge("BlobEmptyState");
   return e.type === "empty" ? (N(), ye(r, {
     key: 0,
@@ -22421,11 +22429,11 @@ function dC(e, i, s, o, t, n) {
     "primary-color": e.primaryColor
   }, null, 8, ["title", "primary-color"])) : Le("", !0);
 }
-const cC = /* @__PURE__ */ me(Bi, [["render", dC]]);
-var uC = Object.defineProperty, pC = Object.getOwnPropertyDescriptor, zi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? pC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const dC = /* @__PURE__ */ me(Bi, [["render", hC]]);
+var cC = Object.defineProperty, uC = Object.getOwnPropertyDescriptor, zi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? uC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && uC(i, s, t), t;
+  return o && t && cC(i, s, t), t;
 };
 let ci = class extends be {
   constructor() {
@@ -22470,19 +22478,19 @@ ci = zi([
   Me({
     components: {
       Icon: We,
-      Blob: cC
+      Blob: dC
     },
     directives: {
       dark: Se
     }
   })
 ], ci);
-const gC = { class: "uikit-empty-state" }, fC = { class: "uikit-empty-state__row" }, AC = { class: "uikit-empty-state__title" }, CC = { class: "uikit-empty-state__message" };
-function mC(e, i, s, o, t, n) {
+const pC = { class: "uikit-empty-state" }, gC = { class: "uikit-empty-state__row" }, fC = { class: "uikit-empty-state__title" }, AC = { class: "uikit-empty-state__message" };
+function CC(e, i, s, o, t, n) {
   const r = ge("Blob"), R = ge("Icon"), D = Re("dark");
-  return ne((N(), V("div", gC, [
+  return ne((N(), V("div", pC, [
     ke(e.$slots, "imageRow", {}, () => [
-      ne((N(), V("div", fC, [
+      ne((N(), V("div", gC, [
         ke(e.$slots, "image", {}, () => [
           ke(e.$slots, "blob", {}, () => [
             Pe(r, {
@@ -22504,14 +22512,14 @@ function mC(e, i, s, o, t, n) {
         [D, e.isDarkMode]
       ])
     ]),
-    ne((N(), V("div", AC, [
+    ne((N(), V("div", fC, [
       ke(e.$slots, "emptyStateTitle", {}, () => [
         xe(ve(e.title), 1)
       ])
     ])), [
       [D, e.isDarkMode]
     ]),
-    ne((N(), V("div", CC, [
+    ne((N(), V("div", AC, [
       ke(e.$slots, "emptyStateMessage", {}, () => [
         xe(ve(e.message), 1)
       ])
@@ -22522,11 +22530,11 @@ function mC(e, i, s, o, t, n) {
     [D, e.isDarkMode]
   ]);
 }
-const vC = /* @__PURE__ */ me(ci, [["render", mC]]);
-var wC = Object.defineProperty, yC = Object.getOwnPropertyDescriptor, Oi = (e, i, s, o) => {
-  for (var t = o > 1 ? void 0 : o ? yC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
+const mC = /* @__PURE__ */ me(ci, [["render", CC]]);
+var vC = Object.defineProperty, wC = Object.getOwnPropertyDescriptor, Oi = (e, i, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? wC(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
-  return o && t && wC(i, s, t), t;
+  return o && t && vC(i, s, t), t;
 };
 let ti = class extends be {
   constructor() {
@@ -22568,7 +22576,7 @@ ti = Oi([
     }
   })
 ], ti);
-function MC(e, i, s, o, t, n) {
+function yC(e, i, s, o, t, n) {
   const r = Re("dark");
   return ne((N(), V("div", {
     class: Ce(["uikit-tag", {
@@ -22586,14 +22594,14 @@ function MC(e, i, s, o, t, n) {
     [r, e.isDarkMode]
   ]);
 }
-const bC = /* @__PURE__ */ me(ti, [["render", MC]]), LC = { class: "info-message" }, kC = { class: "info-message__content" }, EC = /* @__PURE__ */ Ys({
+const MC = /* @__PURE__ */ me(ti, [["render", yC]]), bC = { class: "info-message" }, LC = { class: "info-message__content" }, kC = /* @__PURE__ */ Ys({
   __name: "InfoMessage",
   props: {
     isDarkMode: { type: Boolean }
   },
   setup(e) {
-    return (i, s) => ne((N(), V("div", LC, [
-      ne((N(), V("div", kC, [
+    return (i, s) => ne((N(), V("div", bC, [
+      ne((N(), V("div", LC, [
         ke(i.$slots, "default", {}, void 0, !0)
       ])), [
         [gi(Se), i.isDarkMode]
@@ -22603,7 +22611,7 @@ const bC = /* @__PURE__ */ me(ti, [["render", MC]]), LC = { class: "info-message
     ]);
   }
 });
-const DC = /* @__PURE__ */ me(EC, [["__scopeId", "data-v-9941921a"]]), sw = {
+const EC = /* @__PURE__ */ me(kC, [["__scopeId", "data-v-9941921a"]]), ow = {
   Banner: ml,
   Bar: kl,
   Pie: xl,
@@ -22644,24 +22652,24 @@ const DC = /* @__PURE__ */ me(EC, [["__scopeId", "data-v-9941921a"]]), sw = {
   SVGDefinitions: Gu,
   SidePanel: zu,
   Calendar: qu,
-  Question: xf,
-  QuizContainer: Yf,
-  QuizProgress: Jf,
+  Question: If,
+  QuizContainer: Of,
+  QuizProgress: Zf,
   QuizProgressBar: t1,
-  KeyboardShortcutsButton: RA,
+  KeyboardShortcutsButton: QA,
   KeyboardShortcutsModal: i1,
-  FlagToggle: jA,
-  GlobalMetricsToggle: ZA,
+  FlagToggle: TA,
+  GlobalMetricsToggle: NA,
   Tab: D7,
   PremiumPill: Js,
-  Toast: _A,
-  EmptyState: vC,
-  Tag: bC,
-  InfoMessage: DC
+  Toast: VA,
+  EmptyState: mC,
+  Tag: MC,
+  InfoMessage: EC
 };
 export {
-  sw as default,
-  GC as directives,
-  Ov as utils
+  ow as default,
+  PC as directives,
+  Rv as utils
 };
 //# sourceMappingURL=ui-kit.js.map