coveragebook_components 0.8.2 → 0.8.4

data/app/assets/build/coco/app.js

@@ -6154,6 +6154,12 @@
         xl: "1200px",
         "2xl": "1400px",
         max: "1800px",
+        "max-sm": { max: "576px" },
+        "max-md": { max: "768px" },
+        "max-lg": { max: "992px" },
+        "max-xl": { max: "1200px" },
+        "max-2xl": { max: "1400px" },
+        "max-max": { max: "1800px" },
         letterbox: { raw: "(max-height: 760px) and (min-width: 576px)" },
         print: { raw: "print" }
         // Note: PDFs are rendered at a viewport width of 1280px
@@ -6350,7 +6356,7 @@
         }
         function __spreadArray(to, from, pack2) {
           if (pack2 || arguments.length === 2)
-            for (var i4 = 0, l3 = from.length, ar; i4 < l3; i4++) {
+            for (var i4 = 0, l2 = from.length, ar; i4 < l2; i4++) {
               if (ar || !(i4 in from)) {
                 if (!ar)
                   ar = Array.prototype.slice.call(from, 0, i4);
@@ -7990,13 +7996,13 @@
           var hue = tokens2[0], saturation = tokens2[1], lightness = tokens2[2], alpha = tokens2[3];
           var h3 = (hue.type === 17 ? deg(hue.number) : angle.parse(context, hue)) / (Math.PI * 2);
           var s3 = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
-          var l3 = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
+          var l2 = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
           var a4 = typeof alpha !== "undefined" && isLengthPercentage(alpha) ? getAbsoluteValue(alpha, 1) : 1;
           if (s3 === 0) {
-            return pack(l3 * 255, l3 * 255, l3 * 255, 1);
+            return pack(l2 * 255, l2 * 255, l2 * 255, 1);
           }
-          var t22 = l3 <= 0.5 ? l3 * (s3 + 1) : l3 + s3 - l3 * s3;
-          var t1 = l3 * 2 - t22;
+          var t22 = l2 <= 0.5 ? l2 * (s3 + 1) : l2 + s3 - l2 * s3;
+          var t1 = l2 * 2 - t22;
           var r3 = hue2rgb(t1, t22, h3 + 1 / 3);
           var g3 = hue2rgb(t1, t22, h3);
           var b3 = hue2rgb(t1, t22, h3 - 1 / 3);
@@ -14038,7 +14044,7 @@
   var package_default = {
     name: "coveragebook-components",
     type: "module",
-    version: "0.8.2",
+    version: "0.8.4",
     main: "index.js",
     repository: "git@github.com:coveragebook/coco.git",
     author: "Mark Perkins <mark@coveragebook.com>",
@@ -14047,45 +14053,42 @@
       "defaults"
     ],
     dependencies: {
-      "@alpinejs/collapse": "^3.11.1",
-      "@alpinejs/focus": "^3.11.1",
-      "@alpinejs/intersect": "^3.11.1",
-      "@alpinejs/mask": "^3.12.0",
-      "@alpinejs/morph": "^3.11.1",
+      "@alpinejs/collapse": "3.12.1",
+      "@alpinejs/focus": "3.12.1",
+      "@alpinejs/intersect": "3.12.1",
+      "@alpinejs/mask": "3.12.1",
+      "@alpinejs/morph": "3.12.1",
       "@jaames/iro": "^5.5.2",
       "@tailwindcss/container-queries": "^0.1.0",
-      "@tailwindcss/forms": "^0.5.3",
-      alpinejs: "^3.11.1",
+      "@tailwindcss/forms": "^0.5.6",
+      alpinejs: "3.12.2",
       "container-query-polyfill": "^1.0.2",
-      del: "^7.0.0",
+      del: "^7.1.0",
       html2canvas: "^1.4.1",
       "js-cookie": "^3.0.5",
       lodash: "^4.17.21",
-      "lucide-static": "^0.288.0",
-      tailwindcss: "^3.3.0",
+      "lucide-static": "^0.290.0",
+      tailwindcss: "^3.3.5",
       "tippy.js": "^6.3.7"
     },
     devDependencies: {
-      "@percy/cli": "^1.26.1",
-      "alias-hq": "^6.1.0",
-      "alpinejs-tash": "^1.0.9",
-      autoprefixer: "^10.4.13",
+      "@percy/cli": "^1.27.3",
+      "alias-hq": "^6.2.2",
+      autoprefixer: "^10.4.16",
       esbuild: "^0.17.10",
       "esbuild-plugin-copy": "^2.0.2",
-      "fast-glob": "^3.2.12",
+      "fast-glob": "^3.3.1",
       "fast-sort": "^3.2.1",
       husky: "^8.0.3",
       jest: "^29.4.3",
       "jest-environment-jsdom": "^29.4.3",
-      "lint-staged": "^13.1.2",
-      postcss: "^8.4.21",
+      "lint-staged": "^15.0.2",
+      postcss: "^8.4.31",
       "postcss-cli": "^10.1.0",
       "postcss-value-parser": "^4.2.0",
       prettier: "^2.8.4",
       "release-it": "^15.10.3",
-      svgo: "^3.0.2",
-      vite: "^4.1.4",
-      "vite-plugin-ruby": "^3.1.3"
+      svgo: "^3.0.2"
     },
     scripts: {
       "js:build": "node esbuild.config.js",
@@ -14246,17 +14249,17 @@
     switch (e3.type) {
       case 4:
         return function(e4, t4) {
-          const o3 = n(e4.left, t4), s3 = n(e4.right, t4), l3 = e4.operator;
+          const o3 = n(e4.left, t4), s3 = n(e4.right, t4), l2 = e4.operator;
           if (4 === o3.type && 4 === s3.type || 5 === o3.type && 5 === s3.type)
             return function(e5, t5, n3) {
               return 1 === n3 ? r(e5.value === t5.value) : { type: 1 };
-            }(o3, s3, l3);
+            }(o3, s3, l2);
           if (3 === o3.type || 3 === s3.type) {
             const e5 = c(o3, t4), n3 = c(s3, t4);
             if (null != e5 && null != n3)
-              return u(e5, n3, l3);
+              return u(e5, n3, l2);
           } else if (2 === o3.type && 2 === s3.type)
-            return u(o3.value, s3.value, l3);
+            return u(o3.value, s3.value, l2);
           return { type: 1 };
         }(e3, t3);
       case 2:
@@ -14324,7 +14327,7 @@
       const e4 = r4.codePointAt(0);
       n3 && 10 !== e4 && (n3 = false, t3.push(10)), 0 === e4 || e4 >= 55296 && e4 <= 57343 ? t3.push(65533) : 13 === e4 ? n3 = true : t3.push(e4);
     }
-    const r3 = q(t3, -1), { at: u3, consume: o3, error: s3, reconsume: l3 } = r3;
+    const r3 = q(t3, -1), { at: u3, consume: o3, error: s3, reconsume: l2 } = r3;
     function c3() {
       return String.fromCodePoint(r3.value);
     }
@@ -14404,7 +14407,7 @@
         if (-1 === n4 || n4 === e4)
           return -1 === n4 && s3(), { type: 2, value: t4 };
         if (E(n4))
-          return s3(), l3(), { type: 3 };
+          return s3(), l2(), { type: 3 };
         if (92 === n4) {
           const e5 = u3(1);
           if (-1 === e5)
@@ -14444,7 +14447,7 @@
           e4 += c3();
         else {
           if (!j(t4, u3(1)))
-            return l3(), e4;
+            return l2(), e4;
           e4 += v3();
         }
       }
@@ -14475,14 +14478,14 @@
       else if (41 === e4)
         yield { type: 5 };
       else if (43 === e4)
-        m3(e4, u3(1), u3(2)) ? (l3(), yield p2()) : yield i3();
+        m3(e4, u3(1), u3(2)) ? (l2(), yield p2()) : yield i3();
       else if (44 === e4)
         yield { type: 6 };
       else if (45 === e4) {
         const t4 = u3(1), n4 = u3(2);
-        m3(e4, t4, n4) ? (l3(), yield p2()) : 45 === t4 && 62 === n4 ? (o3(2), yield { type: 19 }) : d3(e4, t4, n4) ? (l3(), yield y3()) : yield i3();
+        m3(e4, t4, n4) ? (l2(), yield p2()) : 45 === t4 && 62 === n4 ? (o3(2), yield { type: 19 }) : d3(e4, t4, n4) ? (l2(), yield y3()) : yield i3();
       } else if (46 === e4)
-        m3(e4, u3(1), u3(2)) ? (l3(), yield p2()) : yield i3();
+        m3(e4, u3(1), u3(2)) ? (l2(), yield p2()) : yield i3();
       else if (58 === e4)
         yield { type: 7 };
       else if (59 === e4)
@@ -14498,7 +14501,7 @@
       else if (91 === e4)
         yield { type: 9 };
       else if (92 === e4)
-        j(e4, u3(1)) ? (l3(), yield y3()) : (s3(), yield i3());
+        j(e4, u3(1)) ? (l2(), yield y3()) : (s3(), yield i3());
       else if (93 === e4)
         yield { type: 10 };
       else if (123 === e4)
@@ -14506,9 +14509,9 @@
       else if (125 === e4)
         yield { type: 12 };
       else if (k(e4))
-        l3(), yield p2();
+        l2(), yield p2();
       else if (L(e4))
-        l3(), yield y3();
+        l2(), yield y3();
       else {
         if (-1 === e4)
           return yield { type: 0 }, r3.errorIndices;
@@ -15043,8 +15046,8 @@
               const s3 = J(e5);
               if (s3 === x || !(X(u3) && X(s3) || K(u3) && K(s3)))
                 return x;
-              const l3 = Y(e5, false), c3 = Z(o3, t5);
-              return c3 !== x ? { type: 2, feature: c3, bounds: [[u3, n5], [s3, l3]] } : x;
+              const l2 = Y(e5, false), c3 = Z(o3, t5);
+              return c3 !== x ? { type: 2, feature: c3, bounds: [[u3, n5], [s3, l2]] } : x;
             }(e4, ie);
             if (n4 === x)
               return x;
@@ -15221,14 +15224,14 @@
           if (t4.value) {
             const r3 = $e(t4.prelude);
             if (r3 !== x) {
-              const u3 = { rule: r3, selector: null, parent: n4.parent, uid: "c" + Ae++ }, o3 = /* @__PURE__ */ new Set(), s3 = [], l3 = Oe(P(t4.value.value.value), { descriptors: n4.descriptors, parent: u3, transformStyleRule: (t5) => {
+              const u3 = { rule: r3, selector: null, parent: n4.parent, uid: "c" + Ae++ }, o3 = /* @__PURE__ */ new Set(), s3 = [], l2 = Oe(P(t4.value.value.value), { descriptors: n4.descriptors, parent: u3, transformStyleRule: (t5) => {
                 const [n5, r4] = function(e3, t6, n6) {
                   const r5 = C(e3), u4 = [], o4 = [];
                   for (; ; ) {
                     if (0 === r5.at(1).type)
                       return [u4, o4];
                     const n7 = Math.max(0, r5.index);
-                    for (; l5 = r5.at(1), c3 = r5.at(2), !(Fe(l5) || 7 === l5.type && (7 === c3.type || 24 === c3.type && Me.has(c3.value.toLowerCase()))); )
+                    for (; l4 = r5.at(1), c3 = r5.at(2), !(Fe(l4) || 7 === l4.type && (7 === c3.type || 24 === c3.type && Me.has(c3.value.toLowerCase()))); )
                       r5.consume(1);
                     const i3 = r5.index + 1, a3 = e3.slice(n7, i3), f3 = a3.length > 0 ? Ue(a3) : [ee("*")];
                     for (; !Fe(r5.at(1)); )
@@ -15243,13 +15246,13 @@
                     }
                     u4.push(...f3), o4.push(...y3), o4.push(...h3), o4.push(...p2), r5.consume(1);
                   }
-                  var l5, c3;
+                  var l4, c3;
                 }(t5.prelude, u3.uid);
                 if (s3.length > 0)
                   return t5;
-                const l4 = n5.map(B).join("");
+                const l3 = n5.map(B).join("");
                 try {
-                  je.matches(l4), o3.add(l4);
+                  je.matches(l3), o3.add(l3);
                 } catch (e3) {
                 }
                 return e({}, t5, { prelude: r4 });
@@ -15266,7 +15269,7 @@
 
 ${t5.join("\n")}`);
               }
-              return o3.size > 0 && (u3.selector = Array.from(o3).join(", ")), n4.descriptors.push(u3), { type: 25, name: "media", prelude: [ne("all")], value: e({}, t4.value, { value: { type: 3, value: l3 } }) };
+              return o3.size > 0 && (u3.selector = Array.from(o3).join(", ")), n4.descriptors.push(u3), { type: 25, name: "media", prelude: [ne("all")], value: e({}, t4.value, { value: { type: 3, value: l2 } }) };
             }
           }
           return t4;
@@ -15335,8 +15338,8 @@ ${t5.join("\n")}`);
       if ("stylesheet" === t3.rel) {
         const n3 = new URL(t3.href, document.baseURI);
         n3.origin === location.origin && (this.controller = rt(async function(r3) {
-          const u3 = await fetch(n3.toString(), { signal: r3 }), o3 = await u3.text(), s3 = e3.styleSheet = await e3.context.registerStyleSheet({ source: o3, url: n3, signal: r3 }), l3 = new Blob([s3.source], { type: "text/css" }), c3 = new Image();
-          c3.onload = c3.onerror = s3.refresh, c3.src = t3.href = URL.createObjectURL(l3);
+          const u3 = await fetch(n3.toString(), { signal: r3 }), o3 = await u3.text(), s3 = e3.styleSheet = await e3.context.registerStyleSheet({ source: o3, url: n3, signal: r3 }), l2 = new Blob([s3.source], { type: "text/css" }), c3 = new Image();
+          c3.onload = c3.onerror = s3.refresh, c3.src = t3.href = URL.createObjectURL(l2);
         }));
       }
     }
@@ -15452,7 +15455,7 @@ ${t5.join("\n")}`);
         t3.target.nodeType !== Node.DOCUMENT_NODE && t3.target.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && null === t3.target.parentNode || "attributes" === t3.type && t3.attributeName && (t3.attributeName === v || t3.attributeName === d || t3.target instanceof Element && t3.target.getAttribute(t3.attributeName) === t3.oldValue) || (A3(t3.target).mutate(), S2());
       }
     }).observe(u3, { childList: true, subtree: true, attributes: true, attributeOldValue: true });
-    const l3 = new ResizeObserver((e3) => {
+    const l2 = new ResizeObserver((e3) => {
       for (const t3 of e3)
         A3(t3.target).resize();
       A3(u3).update(C3());
@@ -15478,18 +15481,18 @@ ${t5.join("\n")}`);
         }
       }(t3, n4 ? n4.toString() : void 0);
       let s4 = () => {
-      }, l4 = () => {
+      }, l3 = () => {
       };
       const c4 = A3(u3);
       let i3 = false;
-      return null != r4 && r4.aborted || (l4 = () => {
+      return null != r4 && r4.aborted || (l3 = () => {
         if (!i3) {
           const { sheet: t4 } = e3;
           null != t4 && (pt(t4, o4.descriptors), i3 = true, s4 = () => {
             pt(t4), c4.mutate(), S2();
           }, c4.mutate(), S2());
         }
-      }), { source: o4.source, dispose: s4, refresh: l4 };
+      }), { source: o4.source, dispose: s4, refresh: l3 };
     }
     const p2 = { cqw: null, cqh: null };
     function y3({ width: e3, height: t3 }) {
@@ -15506,7 +15509,7 @@ ${t5.join("\n")}`);
       }
     }
     function S2() {
-      l3.unobserve(u3), l3.observe(u3);
+      l2.unobserve(u3), l2.observe(u3);
     }
     const x3 = () => {
       const e3 = [];
@@ -15532,14 +15535,14 @@ ${t5.join("\n")}`);
               return (...n7) => {
                 if (null == u4 || !De(u4[0], n7)) {
                   const o4 = ((n8, u5) => {
-                    const { context: o5, conditions: s4 } = n8, l4 = (e3) => r5.getPropertyValue(e3), c4 = it(l4), a4 = e({}, o5, { writingAxis: c4.writingAxis });
+                    const { context: o5, conditions: s4 } = n8, l3 = (e3) => r5.getPropertyValue(e3), c4 = it(l3), a4 = e({}, o5, { writingAxis: c4.writingAxis });
                     let f4 = s4, p4 = false, y4 = c4.displayFlags;
                     0 == (1 & n8.displayFlags) && (y4 = 0);
                     const { containerType: h4, containerNames: v3 } = c4;
                     if (h4 > 0) {
                       const e3 = h4 > 0 && 2 == (2 & y4), n9 = new Map(s4.map((e4) => [e4[0].value, e4[1]]));
                       if (f4 = [], p4 = true, e3) {
-                        const e4 = ct(l4);
+                        const e4 = ct(l3);
                         a4.fontSize = e4.fontSize;
                         const r6 = function(e5, t3) {
                           const n10 = { value: t3.width }, r7 = { value: t3.height };
@@ -15561,8 +15564,8 @@ ${t5.join("\n")}`);
                             const o7 = i(e6.condition, { sizeFeatures: r8, treeContext: n10.treeContext });
                             return 5 === o7.type ? o7.value : null;
                           }(r7, u6) : null;
-                          var l5;
-                          return null == s5 ? 1 === ((null != (l5 = n9.get(e5)) ? l5 : 0) && 1) : true === s5;
+                          var l4;
+                          return null == s5 ? 1 === ((null != (l4 = n9.get(e5)) ? l4 : 0) && 1) : true === s5;
                         }, y5 = (e5, t3) => {
                           let n10 = e5.get(t3);
                           if (null == n10) {
@@ -15598,7 +15601,7 @@ ${t5.join("\n")}`);
             A3(e3);
           p3.connected();
         }, disconnect() {
-          n4 instanceof Element && (l3.unobserve(n4), n4.removeAttribute(v), n4.removeAttribute(d)), z3 && (z3.removeProperty(g), z3.removeProperty(b), z3.removeProperty(m), z3.removeProperty(w));
+          n4 instanceof Element && (l2.unobserve(n4), n4.removeAttribute(v), n4.removeAttribute(d)), z3 && (z3.removeProperty(g), z3.removeProperty(b), z3.removeProperty(m), z3.removeProperty(w));
           for (let e3 = n4.firstChild; null != e3; e3 = e3.nextSibling) {
             const t3 = r3(e3);
             null == t3 || t3.disconnect();
@@ -15609,12 +15612,12 @@ ${t5.join("\n")}`);
           if (r4) {
             if (h3(n4, e3, d), h3(n4, t3, v), n4 instanceof Element) {
               const e4 = x4 || t3.isQueryContainer;
-              e4 && !L2 ? (l3.observe(n4), L2 = true) : !e4 && L2 && (l3.unobserve(n4), L2 = false);
+              e4 && !L2 ? (l2.observe(n4), L2 = true) : !e4 && L2 && (l2.unobserve(n4), L2 = false);
             }
             if (z3) {
               const n5 = t3.context, r5 = n5.writingAxis;
-              let u4 = null, o4 = null, s4 = null, l4 = null;
-              (r5 !== e3.context.writingAxis || t3.isQueryContainer) && (u4 = `var(${0 === r5 ? m : w})`, o4 = `var(${1 === r5 ? m : w})`), e3 && !t3.isQueryContainer || (n5.cqw && (s4 = n5.cqw + "px"), n5.cqh && (l4 = n5.cqh + "px")), at(z3, g, u4), at(z3, b, o4), at(z3, m, s4), at(z3, w, l4);
+              let u4 = null, o4 = null, s4 = null, l3 = null;
+              (r5 !== e3.context.writingAxis || t3.isQueryContainer) && (u4 = `var(${0 === r5 ? m : w})`, o4 = `var(${1 === r5 ? m : w})`), e3 && !t3.isQueryContainer || (n5.cqw && (s4 = n5.cqw + "px"), n5.cqh && (l3 = n5.cqh + "px")), at(z3, g, u4), at(z3, b, o4), at(z3, m, s4), at(z3, w, l3);
             }
             p3.updated();
           }
@@ -17361,7 +17364,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     const method = Array.prototype[key];
     arrayInstrumentations[key] = function(...args) {
       const arr = toRaw(this);
-      for (let i3 = 0, l3 = this.length; i3 < l3; i3++) {
+      for (let i3 = 0, l2 = this.length; i3 < l2; i3++) {
         track(arr, "get", i3 + "");
       }
       const res = method.apply(arr, args);
@@ -19103,8 +19106,9 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
                 evaluator((value2) => {
                   result = typeof value2 === "function" ? value2(input) : value2;
                 }, { scope: {
-                  $input: input,
-                  $money: formatMoney.bind({ el })
+                  // These are "magics" we'll make available to the x-mask:function:
+                  "$input": input,
+                  "$money": formatMoney.bind({ el })
                 } });
               });
               return result;
@@ -19152,7 +19156,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     let unformattedValue = el.value;
     callback();
     let beforeLeftOfCursorBeforeFormatting = unformattedValue.slice(0, cursorPosition);
-    let newPosition = buildUp(template, stripDown(template, beforeLeftOfCursorBeforeFormatting)).length;
+    let newPosition = buildUp(
+      template,
+      stripDown(
+        template,
+        beforeLeftOfCursorBeforeFormatting
+      )
+    ).length;
     el.setSelectionRange(newPosition, newPosition);
   }
   function stripDown(template, input) {
@@ -19160,7 +19170,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     let output = "";
     let regexes = {
       "9": /[0-9]/,
-      a: /[a-zA-Z]/,
+      "a": /[a-zA-Z]/,
       "*": /[a-zA-Z0-9]/
     };
     let wildcardTemplate = "";
@@ -19244,11 +19254,17 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
   var module_default5 = src_default5;
 
-  // ../../../node_modules/@alpinejs/focus/dist/module.esm.js
-  var candidateSelectors = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"];
+  // ../../../node_modules/tabbable/dist/index.esm.js
+  var candidateSelectors = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"];
   var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
-  var matches = typeof Element === "undefined" ? function() {
+  var NoElement = typeof Element === "undefined";
+  var matches = NoElement ? function() {
   } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+  var getRootNode = !NoElement && Element.prototype.getRootNode ? function(element) {
+    return element.getRootNode();
+  } : function(element) {
+    return element.ownerDocument;
+  };
   var getCandidates = function getCandidates2(el, includeContainer, filter) {
     var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
     if (includeContainer && matches.call(el, candidateSelector)) {
@@ -19257,19 +19273,53 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     candidates = candidates.filter(filter);
     return candidates;
   };
-  var isContentEditable = function isContentEditable2(node) {
-    return node.contentEditable === "true";
-  };
-  var getTabindex = function getTabindex2(node) {
-    var tabindexAttr = parseInt(node.getAttribute("tabindex"), 10);
-    if (!isNaN(tabindexAttr)) {
-      return tabindexAttr;
-    }
-    if (isContentEditable(node)) {
-      return 0;
+  var getCandidatesIteratively = function getCandidatesIteratively2(elements, includeContainer, options) {
+    var candidates = [];
+    var elementsToCheck = Array.from(elements);
+    while (elementsToCheck.length) {
+      var element = elementsToCheck.shift();
+      if (element.tagName === "SLOT") {
+        var assigned = element.assignedElements();
+        var content2 = assigned.length ? assigned : element.children;
+        var nestedCandidates = getCandidatesIteratively2(content2, true, options);
+        if (options.flatten) {
+          candidates.push.apply(candidates, nestedCandidates);
+        } else {
+          candidates.push({
+            scope: element,
+            candidates: nestedCandidates
+          });
+        }
+      } else {
+        var validCandidate = matches.call(element, candidateSelector);
+        if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {
+          candidates.push(element);
+        }
+        var shadowRoot = element.shadowRoot || // check for an undisclosed shadow
+        typeof options.getShadowRoot === "function" && options.getShadowRoot(element);
+        var validShadowRoot = !options.shadowRootFilter || options.shadowRootFilter(element);
+        if (shadowRoot && validShadowRoot) {
+          var _nestedCandidates = getCandidatesIteratively2(shadowRoot === true ? element.children : shadowRoot.children, true, options);
+          if (options.flatten) {
+            candidates.push.apply(candidates, _nestedCandidates);
+          } else {
+            candidates.push({
+              scope: element,
+              candidates: _nestedCandidates
+            });
+          }
+        } else {
+          elementsToCheck.unshift.apply(elementsToCheck, element.children);
+        }
+      }
     }
-    if ((node.nodeName === "AUDIO" || node.nodeName === "VIDEO" || node.nodeName === "DETAILS") && node.getAttribute("tabindex") === null) {
-      return 0;
+    return candidates;
+  };
+  var getTabindex = function getTabindex2(node, isScope) {
+    if (node.tabIndex < 0) {
+      if ((isScope || /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || node.isContentEditable) && isNaN(parseInt(node.getAttribute("tabindex"), 10))) {
+        return 0;
+      }
     }
     return node.tabIndex;
   };
@@ -19299,7 +19349,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     if (!node.name) {
       return true;
     }
-    var radioScope = node.form || node.ownerDocument;
+    var radioScope = node.form || getRootNode(node);
     var queryRadios = function queryRadios2(name) {
       return radioScope.querySelectorAll('input[type="radio"][name="' + name + '"]');
     };
@@ -19323,7 +19373,12 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   var isNonTabbableRadio = function isNonTabbableRadio2(node) {
     return isRadio(node) && !isTabbableRadio(node);
   };
-  var isHidden = function isHidden2(node, displayCheck) {
+  var isZeroArea = function isZeroArea2(node) {
+    var _node$getBoundingClie = node.getBoundingClientRect(), width = _node$getBoundingClie.width, height = _node$getBoundingClie.height;
+    return width === 0 && height === 0;
+  };
+  var isHidden = function isHidden2(node, _ref) {
+    var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot;
     if (getComputedStyle(node).visibility === "hidden") {
       return true;
     }
@@ -19332,31 +19387,43 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
       return true;
     }
+    var nodeRootHost = getRootNode(node).host;
+    var nodeIsAttached = (nodeRootHost === null || nodeRootHost === void 0 ? void 0 : nodeRootHost.ownerDocument.contains(nodeRootHost)) || node.ownerDocument.contains(node);
     if (!displayCheck || displayCheck === "full") {
-      while (node) {
-        if (getComputedStyle(node).display === "none") {
-          return true;
+      if (typeof getShadowRoot === "function") {
+        var originalNode = node;
+        while (node) {
+          var parentElement = node.parentElement;
+          var rootNode = getRootNode(node);
+          if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true) {
+            return isZeroArea(node);
+          } else if (node.assignedSlot) {
+            node = node.assignedSlot;
+          } else if (!parentElement && rootNode !== node.ownerDocument) {
+            node = rootNode.host;
+          } else {
+            node = parentElement;
+          }
         }
-        node = node.parentElement;
+        node = originalNode;
+      }
+      if (nodeIsAttached) {
+        return !node.getClientRects().length;
       }
     } else if (displayCheck === "non-zero-area") {
-      var _node$getBoundingClie = node.getBoundingClientRect(), width = _node$getBoundingClie.width, height = _node$getBoundingClie.height;
-      return width === 0 && height === 0;
+      return isZeroArea(node);
     }
     return false;
   };
   var isDisabledFromFieldset = function isDisabledFromFieldset2(node) {
-    if (isInput(node) || node.tagName === "SELECT" || node.tagName === "TEXTAREA" || node.tagName === "BUTTON") {
+    if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {
       var parentNode = node.parentElement;
       while (parentNode) {
         if (parentNode.tagName === "FIELDSET" && parentNode.disabled) {
           for (var i3 = 0; i3 < parentNode.children.length; i3++) {
             var child = parentNode.children.item(i3);
             if (child.tagName === "LEGEND") {
-              if (child.contains(node)) {
-                return false;
-              }
-              return true;
+              return matches.call(parentNode, "fieldset[disabled] *") ? true : !child.contains(node);
             }
           }
           return true;
@@ -19367,44 +19434,89 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return false;
   };
   var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(options, node) {
-    if (node.disabled || isHiddenInput(node) || isHidden(node, options.displayCheck) || isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
+    if (node.disabled || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
+    isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
       return false;
     }
     return true;
   };
   var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(options, node) {
-    if (!isNodeMatchingSelectorFocusable(options, node) || isNonTabbableRadio(node) || getTabindex(node) < 0) {
+    if (isNonTabbableRadio(node) || getTabindex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {
       return false;
     }
     return true;
   };
-  var tabbable = function tabbable2(el, options) {
-    options = options || {};
+  var isValidShadowRootTabbable = function isValidShadowRootTabbable2(shadowHostNode) {
+    var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10);
+    if (isNaN(tabIndex) || tabIndex >= 0) {
+      return true;
+    }
+    return false;
+  };
+  var sortByOrder = function sortByOrder2(candidates) {
     var regularTabbables = [];
     var orderedTabbables = [];
-    var candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
-    candidates.forEach(function(candidate, i3) {
-      var candidateTabindex = getTabindex(candidate);
+    candidates.forEach(function(item, i3) {
+      var isScope = !!item.scope;
+      var element = isScope ? item.scope : item;
+      var candidateTabindex = getTabindex(element, isScope);
+      var elements = isScope ? sortByOrder2(item.candidates) : element;
       if (candidateTabindex === 0) {
-        regularTabbables.push(candidate);
+        isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
       } else {
         orderedTabbables.push({
           documentOrder: i3,
           tabIndex: candidateTabindex,
-          node: candidate
+          item,
+          isScope,
+          content: elements
         });
       }
     });
-    var tabbableNodes = orderedTabbables.sort(sortOrderedTabbables).map(function(a3) {
-      return a3.node;
-    }).concat(regularTabbables);
-    return tabbableNodes;
+    return orderedTabbables.sort(sortOrderedTabbables).reduce(function(acc, sortable) {
+      sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);
+      return acc;
+    }, []).concat(regularTabbables);
+  };
+  var tabbable = function tabbable2(el, options) {
+    options = options || {};
+    var candidates;
+    if (options.getShadowRoot) {
+      candidates = getCandidatesIteratively([el], options.includeContainer, {
+        filter: isNodeMatchingSelectorTabbable.bind(null, options),
+        flatten: false,
+        getShadowRoot: options.getShadowRoot,
+        shadowRootFilter: isValidShadowRootTabbable
+      });
+    } else {
+      candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
+    }
+    return sortByOrder(candidates);
   };
   var focusable = function focusable2(el, options) {
     options = options || {};
-    var candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));
+    var candidates;
+    if (options.getShadowRoot) {
+      candidates = getCandidatesIteratively([el], options.includeContainer, {
+        filter: isNodeMatchingSelectorFocusable.bind(null, options),
+        flatten: true,
+        getShadowRoot: options.getShadowRoot
+      });
+    } else {
+      candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));
+    }
     return candidates;
   };
+  var isTabbable = function isTabbable2(node, options) {
+    options = options || {};
+    if (!node) {
+      throw new Error("No node provided");
+    }
+    if (matches.call(node, candidateSelector) === false) {
+      return false;
+    }
+    return isNodeMatchingSelectorTabbable(options, node);
+  };
   var focusableCandidateSelector = /* @__PURE__ */ candidateSelectors.concat("iframe").join(",");
   var isFocusable = function isFocusable2(node, options) {
     options = options || {};
@@ -19416,33 +19528,26 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }
     return isNodeMatchingSelectorFocusable(options, node);
   };
+
+  // ../../../node_modules/focus-trap/dist/focus-trap.esm.js
   function ownKeys2(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) {
-        symbols = symbols.filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        });
-      }
-      keys.push.apply(keys, symbols);
+      enumerableOnly && (symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
     return keys;
   }
   function _objectSpread2(target) {
     for (var i3 = 1; i3 < arguments.length; i3++) {
-      var source = arguments[i3] != null ? arguments[i3] : {};
-      if (i3 % 2) {
-        ownKeys2(Object(source), true).forEach(function(key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys2(Object(source)).forEach(function(key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
+      var source = null != arguments[i3] ? arguments[i3] : {};
+      i3 % 2 ? ownKeys2(Object(source), true).forEach(function(key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys2(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }
@@ -19517,64 +19622,103 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }
     return typeof value === "function" ? value.apply(void 0, params) : value;
   };
+  var getActualTarget = function getActualTarget2(event) {
+    return event.target.shadowRoot && typeof event.composedPath === "function" ? event.composedPath()[0] : event.target;
+  };
   var createFocusTrap = function createFocusTrap2(elements, userOptions) {
-    var doc = document;
+    var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
     var config = _objectSpread2({
       returnFocusOnDeactivate: true,
       escapeDeactivates: true,
       delayInitialFocus: true
     }, userOptions);
     var state = {
+      // containers given to createFocusTrap()
+      // @type {Array<HTMLElement>}
       containers: [],
+      // list of objects identifying tabbable nodes in `containers` in the trap
+      // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+      //  is active, but the trap should never get to a state where there isn't at least one group
+      //  with at least one tabbable node in it (that would lead to an error condition that would
+      //  result in an error being thrown)
+      // @type {Array<{
+      //   container: HTMLElement,
+      //   tabbableNodes: Array<HTMLElement>, // empty if none
+      //   focusableNodes: Array<HTMLElement>, // empty if none
+      //   firstTabbableNode: HTMLElement|null,
+      //   lastTabbableNode: HTMLElement|null,
+      //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+      // }>}
+      containerGroups: [],
+      // same order/length as `containers` list
+      // references to objects in `containerGroups`, but only those that actually have
+      //  tabbable nodes in them
+      // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+      //  the same length
       tabbableGroups: [],
       nodeFocusedBeforeActivation: null,
       mostRecentlyFocusedNode: null,
       active: false,
       paused: false,
+      // timer ID for when delayInitialFocus is true and initial focus in this trap
+      //  has been delayed during activation
       delayInitialFocusTimer: void 0
     };
     var trap;
     var getOption = function getOption2(configOverrideOptions, optionName, configOptionName) {
       return configOverrideOptions && configOverrideOptions[optionName] !== void 0 ? configOverrideOptions[optionName] : config[configOptionName || optionName];
     };
-    var containersContain = function containersContain2(element) {
-      return state.containers.some(function(container) {
-        return container.contains(element);
+    var findContainerIndex = function findContainerIndex2(element) {
+      return state.containerGroups.findIndex(function(_ref) {
+        var container = _ref.container, tabbableNodes = _ref.tabbableNodes;
+        return container.contains(element) || // fall back to explicit tabbable search which will take into consideration any
+        //  web components if the `tabbableOptions.getShadowRoot` option was used for
+        //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
+        //  look inside web components even if open)
+        tabbableNodes.find(function(node) {
+          return node === element;
+        });
       });
     };
     var getNodeForOption = function getNodeForOption2(optionName) {
       var optionValue = config[optionName];
+      if (typeof optionValue === "function") {
+        for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          params[_key2 - 1] = arguments[_key2];
+        }
+        optionValue = optionValue.apply(void 0, params);
+      }
+      if (optionValue === true) {
+        optionValue = void 0;
+      }
       if (!optionValue) {
-        return null;
+        if (optionValue === void 0 || optionValue === false) {
+          return optionValue;
+        }
+        throw new Error("`".concat(optionName, "` was specified but was not a node, or did not return a node"));
       }
       var node = optionValue;
       if (typeof optionValue === "string") {
         node = doc.querySelector(optionValue);
         if (!node) {
-          throw new Error("`".concat(optionName, "` refers to no known node"));
-        }
-      }
-      if (typeof optionValue === "function") {
-        node = optionValue();
-        if (!node) {
-          throw new Error("`".concat(optionName, "` did not return a node"));
+          throw new Error("`".concat(optionName, "` as selector refers to no known node"));
         }
       }
       return node;
     };
     var getInitialFocusNode = function getInitialFocusNode2() {
-      var node;
-      if (getOption({}, "initialFocus") === false) {
+      var node = getNodeForOption("initialFocus");
+      if (node === false) {
         return false;
       }
-      if (getNodeForOption("initialFocus") !== null) {
-        node = getNodeForOption("initialFocus");
-      } else if (containersContain(doc.activeElement)) {
-        node = doc.activeElement;
-      } else {
-        var firstTabbableGroup = state.tabbableGroups[0];
-        var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
-        node = firstTabbableNode || getNodeForOption("fallbackFocus");
+      if (node === void 0) {
+        if (findContainerIndex(doc.activeElement) >= 0) {
+          node = doc.activeElement;
+        } else {
+          var firstTabbableGroup = state.tabbableGroups[0];
+          var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
+          node = firstTabbableNode || getNodeForOption("fallbackFocus");
+        }
       }
       if (!node) {
         throw new Error("Your focus-trap needs to have at least one focusable element");
@@ -19582,18 +19726,44 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       return node;
     };
     var updateTabbableNodes = function updateTabbableNodes2() {
-      state.tabbableGroups = state.containers.map(function(container) {
-        var tabbableNodes = tabbable(container);
-        if (tabbableNodes.length > 0) {
-          return {
-            container,
-            firstTabbableNode: tabbableNodes[0],
-            lastTabbableNode: tabbableNodes[tabbableNodes.length - 1]
-          };
-        }
-        return void 0;
-      }).filter(function(group) {
-        return !!group;
+      state.containerGroups = state.containers.map(function(container) {
+        var tabbableNodes = tabbable(container, config.tabbableOptions);
+        var focusableNodes = focusable(container, config.tabbableOptions);
+        return {
+          container,
+          tabbableNodes,
+          focusableNodes,
+          firstTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[0] : null,
+          lastTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : null,
+          /**
+           * Finds the __tabbable__ node that follows the given node in the specified direction,
+           *  in this container, if any.
+           * @param {HTMLElement} node
+           * @param {boolean} [forward] True if going in forward tab order; false if going
+           *  in reverse.
+           * @returns {HTMLElement|undefined} The next tabbable node, if any.
+           */
+          nextTabbableNode: function nextTabbableNode(node) {
+            var forward = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+            var nodeIdx = focusableNodes.findIndex(function(n3) {
+              return n3 === node;
+            });
+            if (nodeIdx < 0) {
+              return void 0;
+            }
+            if (forward) {
+              return focusableNodes.slice(nodeIdx + 1).find(function(n3) {
+                return isTabbable(n3, config.tabbableOptions);
+              });
+            }
+            return focusableNodes.slice(0, nodeIdx).reverse().find(function(n3) {
+              return isTabbable(n3, config.tabbableOptions);
+            });
+          }
+        };
+      });
+      state.tabbableGroups = state.containerGroups.filter(function(group) {
+        return group.tabbableNodes.length > 0;
       });
       if (state.tabbableGroups.length <= 0 && !getNodeForOption("fallbackFocus")) {
         throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
@@ -19619,16 +19789,28 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       }
     };
     var getReturnFocusNode = function getReturnFocusNode2(previousActiveElement) {
-      var node = getNodeForOption("setReturnFocus");
-      return node ? node : previousActiveElement;
+      var node = getNodeForOption("setReturnFocus", previousActiveElement);
+      return node ? node : node === false ? false : previousActiveElement;
     };
     var checkPointerDown = function checkPointerDown2(e3) {
-      if (containersContain(e3.target)) {
+      var target = getActualTarget(e3);
+      if (findContainerIndex(target) >= 0) {
         return;
       }
       if (valueOrHandler(config.clickOutsideDeactivates, e3)) {
         trap.deactivate({
-          returnFocus: config.returnFocusOnDeactivate && !isFocusable(e3.target)
+          // if, on deactivation, we should return focus to the node originally-focused
+          //  when the trap was activated (or the configured `setReturnFocus` node),
+          //  then assume it's also OK to return focus to the outside node that was
+          //  just clicked, causing deactivation, as long as that node is focusable;
+          //  if it isn't focusable, then return focus to the original node focused
+          //  on activation (or the configured `setReturnFocus` node)
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked, whether it's focusable or not; by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node)
+          returnFocus: config.returnFocusOnDeactivate && !isFocusable(target, config.tabbableOptions)
         });
         return;
       }
@@ -19638,10 +19820,11 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       e3.preventDefault();
     };
     var checkFocusIn = function checkFocusIn2(e3) {
-      var targetContained = containersContain(e3.target);
-      if (targetContained || e3.target instanceof Document) {
+      var target = getActualTarget(e3);
+      var targetContained = findContainerIndex(target) >= 0;
+      if (targetContained || target instanceof Document) {
         if (targetContained) {
-          state.mostRecentlyFocusedNode = e3.target;
+          state.mostRecentlyFocusedNode = target;
         }
       } else {
         e3.stopImmediatePropagation();
@@ -19649,13 +19832,12 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       }
     };
     var checkTab = function checkTab2(e3) {
+      var target = getActualTarget(e3);
       updateTabbableNodes();
       var destinationNode = null;
       if (state.tabbableGroups.length > 0) {
-        var containerIndex = findIndex(state.tabbableGroups, function(_ref) {
-          var container = _ref.container;
-          return container.contains(e3.target);
-        });
+        var containerIndex = findContainerIndex(target);
+        var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : void 0;
         if (containerIndex < 0) {
           if (e3.shiftKey) {
             destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;
@@ -19665,9 +19847,9 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         } else if (e3.shiftKey) {
           var startOfGroupIndex = findIndex(state.tabbableGroups, function(_ref2) {
             var firstTabbableNode = _ref2.firstTabbableNode;
-            return e3.target === firstTabbableNode;
+            return target === firstTabbableNode;
           });
-          if (startOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === e3.target) {
+          if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) {
             startOfGroupIndex = containerIndex;
           }
           if (startOfGroupIndex >= 0) {
@@ -19678,9 +19860,9 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         } else {
           var lastOfGroupIndex = findIndex(state.tabbableGroups, function(_ref3) {
             var lastTabbableNode = _ref3.lastTabbableNode;
-            return e3.target === lastTabbableNode;
+            return target === lastTabbableNode;
           });
-          if (lastOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === e3.target) {
+          if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) {
             lastOfGroupIndex = containerIndex;
           }
           if (lastOfGroupIndex >= 0) {
@@ -19698,7 +19880,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       }
     };
     var checkKey = function checkKey2(e3) {
-      if (isEscapeEvent(e3) && valueOrHandler(config.escapeDeactivates) !== false) {
+      if (isEscapeEvent(e3) && valueOrHandler(config.escapeDeactivates, e3) !== false) {
         e3.preventDefault();
         trap.deactivate();
         return;
@@ -19709,10 +19891,11 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       }
     };
     var checkClick = function checkClick2(e3) {
-      if (valueOrHandler(config.clickOutsideDeactivates, e3)) {
+      var target = getActualTarget(e3);
+      if (findContainerIndex(target) >= 0) {
         return;
       }
-      if (containersContain(e3.target)) {
+      if (valueOrHandler(config.clickOutsideDeactivates, e3)) {
         return;
       }
       if (valueOrHandler(config.allowOutsideClick, e3)) {
@@ -19760,6 +19943,12 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       return trap;
     };
     trap = {
+      get active() {
+        return state.active;
+      },
+      get paused() {
+        return state.paused;
+      },
       activate: function activate(activateOptions) {
         if (state.active) {
           return this;
@@ -19796,19 +19985,24 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         if (!state.active) {
           return this;
         }
+        var options = _objectSpread2({
+          onDeactivate: config.onDeactivate,
+          onPostDeactivate: config.onPostDeactivate,
+          checkCanReturnFocus: config.checkCanReturnFocus
+        }, deactivateOptions);
         clearTimeout(state.delayInitialFocusTimer);
         state.delayInitialFocusTimer = void 0;
         removeListeners();
         state.active = false;
         state.paused = false;
         activeFocusTraps.deactivateTrap(trap);
-        var onDeactivate = getOption(deactivateOptions, "onDeactivate");
-        var onPostDeactivate = getOption(deactivateOptions, "onPostDeactivate");
-        var checkCanReturnFocus = getOption(deactivateOptions, "checkCanReturnFocus");
+        var onDeactivate = getOption(options, "onDeactivate");
+        var onPostDeactivate = getOption(options, "onPostDeactivate");
+        var checkCanReturnFocus = getOption(options, "checkCanReturnFocus");
+        var returnFocus = getOption(options, "returnFocus", "returnFocusOnDeactivate");
         if (onDeactivate) {
           onDeactivate();
         }
-        var returnFocus = getOption(deactivateOptions, "returnFocus", "returnFocusOnDeactivate");
         var finishDeactivation = function finishDeactivation2() {
           delay(function() {
             if (returnFocus) {
@@ -19857,6 +20051,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     trap.updateContainerElements(elements);
     return trap;
   };
+
+  // ../../../node_modules/@alpinejs/focus/dist/module.esm.js
   function src_default6(Alpine3) {
     let lastFocused;
     let currentFocused;
@@ -19968,55 +20164,61 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         }
       };
     });
-    Alpine3.directive("trap", Alpine3.skipDuringClone((el, { expression, modifiers }, { effect: effect7, evaluateLater: evaluateLater2, cleanup: cleanup2 }) => {
-      let evaluator = evaluateLater2(expression);
-      let oldValue = false;
-      let options = {
-        escapeDeactivates: false,
-        allowOutsideClick: true,
-        fallbackFocus: () => el
-      };
-      let autofocusEl = el.querySelector("[autofocus]");
-      if (autofocusEl)
-        options.initialFocus = autofocusEl;
-      let trap = createFocusTrap(el, options);
-      let undoInert = () => {
-      };
-      let undoDisableScrolling = () => {
-      };
-      const releaseFocus = () => {
-        undoInert();
-        undoInert = () => {
-        };
-        undoDisableScrolling();
-        undoDisableScrolling = () => {
-        };
-        trap.deactivate({
-          returnFocus: !modifiers.includes("noreturn")
-        });
-      };
-      effect7(() => evaluator((value) => {
-        if (oldValue === value)
-          return;
-        if (value && !oldValue) {
-          setTimeout(() => {
-            if (modifiers.includes("inert"))
-              undoInert = setInert(el);
-            if (modifiers.includes("noscroll"))
-              undoDisableScrolling = disableScrolling();
-            trap.activate();
+    Alpine3.directive("trap", Alpine3.skipDuringClone(
+      (el, { expression, modifiers }, { effect: effect7, evaluateLater: evaluateLater2, cleanup: cleanup2 }) => {
+        let evaluator = evaluateLater2(expression);
+        let oldValue = false;
+        let options = {
+          escapeDeactivates: false,
+          allowOutsideClick: true,
+          fallbackFocus: () => el
+        };
+        let autofocusEl = el.querySelector("[autofocus]");
+        if (autofocusEl)
+          options.initialFocus = autofocusEl;
+        let trap = createFocusTrap(el, options);
+        let undoInert = () => {
+        };
+        let undoDisableScrolling = () => {
+        };
+        const releaseFocus = () => {
+          undoInert();
+          undoInert = () => {
+          };
+          undoDisableScrolling();
+          undoDisableScrolling = () => {
+          };
+          trap.deactivate({
+            returnFocus: !modifiers.includes("noreturn")
           });
-        }
-        if (!value && oldValue) {
-          releaseFocus();
-        }
-        oldValue = !!value;
-      }));
-      cleanup2(releaseFocus);
-    }, (el, { expression, modifiers }, { evaluate: evaluate2 }) => {
-      if (modifiers.includes("inert") && evaluate2(expression))
-        setInert(el);
-    }));
+        };
+        effect7(() => evaluator((value) => {
+          if (oldValue === value)
+            return;
+          if (value && !oldValue) {
+            setTimeout(() => {
+              if (modifiers.includes("inert"))
+                undoInert = setInert(el);
+              if (modifiers.includes("noscroll"))
+                undoDisableScrolling = disableScrolling();
+              trap.activate();
+            });
+          }
+          if (!value && oldValue) {
+            releaseFocus();
+          }
+          oldValue = !!value;
+        }));
+        cleanup2(releaseFocus);
+      },
+      // When cloning, we only want to add aria-hidden attributes to the
+      // DOM and not try to actually trap, as trapping can mess with the
+      // live DOM and isn't just isolated to the cloned DOM.
+      (el, { expression, modifiers }, { evaluate: evaluate2 }) => {
+        if (modifiers.includes("inert") && evaluate2(expression))
+          setInert(el);
+      }
+    ));
   }
   function setInert(el) {
     let undos = [];
@@ -20054,22 +20256,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
   var module_default6 = src_default6;
 
-  // ../../../node_modules/alpinejs-tash/dist/tash.esm.js
-  function l2(s3) {
-    s3.directive("tash", (r3, { modifiers: c3, expression: a3 }, { evaluate: u3, effect: m3 }) => {
-      let p2 = (e3) => new RegExp(`${d3}${e3}${f3}`, "g"), i3 = c3.includes("vue"), o3 = c3.includes("angular"), d3 = i3 ? "{{ " : o3 ? "{{" : "{", f3 = i3 ? " }}" : o3 ? "}}" : "}", g3 = a3.split(",").map((e3) => e3.trim()), t3 = document.createElement("template");
-      t3.innerHTML = r3.innerHTML;
-      let n3 = `${t3.innerHTML}`;
-      m3(() => {
-        g3.forEach((e3) => {
-          let H3 = u3(e3), h3 = p2(e3);
-          n3 = n3.replace(h3, H3);
-        }), r3.innerHTML = n3, n3 = t3.innerHTML;
-      });
-    });
-  }
-  var M2 = l2;
-
   // helpers/alpine.js
   function registerComponents(components) {
     document.addEventListener("alpine:init", () => {
@@ -23664,7 +23850,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
 
   // libs/alpine/index.js
   window.Alpine = module_default;
-  module_default.plugin(M2);
   module_default.plugin(module_default5);
   module_default.plugin(module_default6);
   module_default.plugin(module_default2);
@@ -23681,7 +23866,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
 
   // helpers/location.js
   function navigateTo(url, options = {}) {
-    if (window.Turbo && options.turbo !== false) {
+    if (window.Turbo && options.turbo === true) {
       delete options.turbo;
       turboOptions = Object.assign({ action: "advance" }, options);
       window.Turbo.visit(url, turboOptions);
@@ -24199,14 +24384,102 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/app/blocks/sidebar_nav/sidebar_nav.js
-  var sidebar_nav_exports = {};
-  __export(sidebar_nav_exports, {
-    default: () => sidebar_nav_default
+  // ../../components/coco/app/blocks/sidebar_nav/item/item.js
+  var item_exports = {};
+  __export(item_exports, {
+    default: () => item_default
+  });
+  var item_default = CocoComponent("appSidebarNavItem", () => {
+    return {
+      menu: null,
+      menuObserver: null,
+      active: false,
+      init() {
+        if (this.menuTemplate) {
+          this.initMenu();
+          this.observeMenuForChanges();
+        }
+        this.$watch("mobileLayout", () => this.onOrientationChange());
+      },
+      initMenu() {
+        this.menu = tippy_default(this.$root, {
+          theme: "coco-naked-dropdown",
+          placement: this.menuPlacement,
+          arrow: false,
+          offset: [0, 0],
+          trigger: "click",
+          interactive: true,
+          maxWidth: null,
+          onShow: () => {
+            this.active = true;
+          },
+          onHide: () => {
+            this.active = false;
+          },
+          content: () => this.menuTemplate.innerHTML
+        });
+      },
+      observeMenuForChanges() {
+        this.menuObserver = new MutationObserver((mutations) => {
+          this.$nextTick(() => this.menu.setContent(this.menuTemplate.innerHTML));
+        });
+        this.menuObserver.observe(this.$root, {
+          subtree: true,
+          childList: true
+        });
+      },
+      onOrientationChange() {
+        if (this.menu) {
+          this.menu.setProps({
+            placement: this.menuPlacement
+          });
+        }
+      },
+      destroy() {
+        if (this.menuObserver) {
+          this.menuObserver.disconnect();
+        }
+      },
+      root: {
+        ["@turbo:load.document"]() {
+          if (this.menu) {
+            this.menu.hide();
+          }
+        },
+        ":class": "{active}"
+      },
+      get menuTemplate() {
+        return this.$root.querySelector("template");
+      },
+      get menuPlacement() {
+        return this.mobileLayout ? "top" : "right-start";
+      }
+    };
+  });
+
+  // ../../components/coco/app/blocks/sidebar_nav/menu/menu.js
+  var menu_exports = {};
+  __export(menu_exports, {
+    default: () => menu_default
+  });
+  var menu_default = CocoComponent("appSidebarNavMenu", () => {
+    return {
+      navigateTo(url) {
+        if (url !== "") {
+          navigateTo(url);
+        }
+      }
+    };
+  });
+
+  // ../../components/coco/app/blocks/sidebar_nav/navbar/navbar.js
+  var navbar_exports = {};
+  __export(navbar_exports, {
+    default: () => navbar_default
   });
   var import_tokens = __toESM(require_tokens(), 1);
   var mobileMaxWidth = parseInt(import_tokens.default.app.screens.sm, 10);
-  var sidebar_nav_default = CocoComponent("appSidebarNav", () => {
+  var navbar_default = CocoComponent("appSidebarNav", () => {
     return {
       sizeObserver: null,
       mobileLayout: true,
@@ -24227,47 +24500,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/app/blocks/sidebar_nav_item/sidebar_nav_item.js
-  var sidebar_nav_item_exports = {};
-  __export(sidebar_nav_item_exports, {
-    default: () => sidebar_nav_item_default
-  });
-  var sidebar_nav_item_default = CocoComponent("appSidebarNavItem", () => {
-    return {
-      menu: null,
-      init() {
-        this.navigateTo = navigateTo;
-        if (this.$refs.menu) {
-          this.menu = tippy_default(this.$el, {
-            theme: "coco-naked-dropdown",
-            placement: this.menuPlacement,
-            arrow: false,
-            offset: [0, 0],
-            trigger: "click",
-            interactive: true,
-            maxWidth: null,
-            content: () => {
-              return this.$refs.menu.innerHTML;
-            }
-          });
-        }
-        this.$watch("mobileLayout", () => {
-          this.onOrientationChange();
-        });
-      },
-      onOrientationChange() {
-        if (this.menu) {
-          this.menu.setProps({
-            placement: this.menuPlacement
-          });
-        }
-      },
-      get menuPlacement() {
-        return this.mobileLayout ? "top" : "right-start";
-      }
-    };
-  });
-
   // ../../components/coco/app/blocks/slide_editor/slide_editor.js
   var slide_editor_exports = {};
   __export(slide_editor_exports, {
@@ -24709,32 +24941,32 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   var f2 = {};
   var e2 = [];
   var c2 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;
-  function s2(n3, l3) {
-    for (var u3 in l3) {
-      n3[u3] = l3[u3];
+  function s2(n3, l2) {
+    for (var u3 in l2) {
+      n3[u3] = l2[u3];
     }
     return n3;
   }
   function a2(n3) {
-    var l3 = n3.parentNode;
-    l3 && l3.removeChild(n3);
+    var l2 = n3.parentNode;
+    l2 && l2.removeChild(n3);
   }
-  function h2(n3, l3, u3) {
+  function h2(n3, l2, u3) {
     var t3, i3, r3, o3, f3 = arguments;
-    if (l3 = s2({}, l3), arguments.length > 3) {
+    if (l2 = s2({}, l2), arguments.length > 3) {
       for (u3 = [u3], t3 = 3; t3 < arguments.length; t3++) {
         u3.push(f3[t3]);
       }
     }
-    if (null != u3 && (l3.children = u3), null != n3 && null != n3.defaultProps) {
+    if (null != u3 && (l2.children = u3), null != n3 && null != n3.defaultProps) {
       for (i3 in n3.defaultProps) {
-        void 0 === l3[i3] && (l3[i3] = n3.defaultProps[i3]);
+        void 0 === l2[i3] && (l2[i3] = n3.defaultProps[i3]);
       }
     }
-    return o3 = l3.key, null != (r3 = l3.ref) && delete l3.ref, null != o3 && delete l3.key, v2(n3, l3, o3, r3);
+    return o3 = l2.key, null != (r3 = l2.ref) && delete l2.ref, null != o3 && delete l2.key, v2(n3, l2, o3, r3);
   }
-  function v2(l3, u3, t3, i3) {
-    var r3 = { type: l3, props: u3, key: t3, ref: i3, __k: null, __p: null, __b: 0, __e: null, l: null, __c: null, constructor: void 0 };
+  function v2(l2, u3, t3, i3) {
+    var r3 = { type: l2, props: u3, key: t3, ref: i3, __k: null, __p: null, __b: 0, __e: null, l: null, __c: null, constructor: void 0 };
     return n2.vnode && n2.vnode(r3), r3;
   }
   function d2(n3) {
@@ -24748,30 +24980,30 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       return v2(null, n3, null, null);
     }
     if (null != n3.__e || null != n3.__c) {
-      var l3 = v2(n3.type, n3.props, n3.key, null);
-      return l3.__e = n3.__e, l3;
+      var l2 = v2(n3.type, n3.props, n3.key, null);
+      return l2.__e = n3.__e, l2;
     }
     return n3;
   }
-  function m2(n3, l3) {
-    this.props = n3, this.context = l3;
+  function m2(n3, l2) {
+    this.props = n3, this.context = l2;
   }
-  function w2(n3, l3) {
-    if (null == l3) {
+  function w2(n3, l2) {
+    if (null == l2) {
       return n3.__p ? w2(n3.__p, n3.__p.__k.indexOf(n3) + 1) : null;
     }
-    for (var u3; l3 < n3.__k.length; l3++) {
-      if (null != (u3 = n3.__k[l3]) && null != u3.__e) {
+    for (var u3; l2 < n3.__k.length; l2++) {
+      if (null != (u3 = n3.__k[l2]) && null != u3.__e) {
         return u3.__e;
       }
     }
     return "function" == typeof n3.type ? w2(n3) : null;
   }
   function g2(n3) {
-    var l3, u3;
+    var l2, u3;
     if (null != (n3 = n3.__p) && null != n3.__c) {
-      for (n3.__e = n3.__c.base = null, l3 = 0; l3 < n3.__k.length; l3++) {
-        if (null != (u3 = n3.__k[l3]) && null != u3.__e) {
+      for (n3.__e = n3.__c.base = null, l2 = 0; l2 < n3.__k.length; l2++) {
+        if (null != (u3 = n3.__k[l2]) && null != u3.__e) {
           n3.__e = n3.__c.base = u3.__e;
           break;
         }
@@ -24779,22 +25011,22 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       return g2(n3);
     }
   }
-  function k2(l3) {
-    (!l3.__d && (l3.__d = true) && 1 === u2.push(l3) || i2 !== n2.debounceRendering) && (i2 = n2.debounceRendering, (n2.debounceRendering || t2)(_2));
+  function k2(l2) {
+    (!l2.__d && (l2.__d = true) && 1 === u2.push(l2) || i2 !== n2.debounceRendering) && (i2 = n2.debounceRendering, (n2.debounceRendering || t2)(_2));
   }
   function _2() {
-    var n3, l3, t3, i3, r3, o3, f3, e3;
-    for (u2.sort(function(n4, l4) {
-      return l4.__v.__b - n4.__v.__b;
+    var n3, l2, t3, i3, r3, o3, f3, e3;
+    for (u2.sort(function(n4, l3) {
+      return l3.__v.__b - n4.__v.__b;
     }); n3 = u2.pop(); ) {
-      n3.__d && (t3 = void 0, i3 = void 0, o3 = (r3 = (l3 = n3).__v).__e, f3 = l3.__P, e3 = l3.u, l3.u = false, f3 && (t3 = [], i3 = $2(f3, r3, s2({}, r3), l3.__n, void 0 !== f3.ownerSVGElement, null, t3, e3, null == o3 ? w2(r3) : o3), j2(t3, r3), i3 != o3 && g2(r3)));
+      n3.__d && (t3 = void 0, i3 = void 0, o3 = (r3 = (l2 = n3).__v).__e, f3 = l2.__P, e3 = l2.u, l2.u = false, f3 && (t3 = [], i3 = $2(f3, r3, s2({}, r3), l2.__n, void 0 !== f3.ownerSVGElement, null, t3, e3, null == o3 ? w2(r3) : o3), j2(t3, r3), i3 != o3 && g2(r3)));
     }
   }
-  function b2(n3, l3, u3, t3, i3, r3, o3, c3, s3) {
+  function b2(n3, l2, u3, t3, i3, r3, o3, c3, s3) {
     var h3, v3, p2, d3, y3, m3, g3, k3 = u3 && u3.__k || e2, _3 = k3.length;
-    if (c3 == f2 && (c3 = null != r3 ? r3[0] : _3 ? w2(u3, 0) : null), h3 = 0, l3.__k = x2(l3.__k, function(u4) {
+    if (c3 == f2 && (c3 = null != r3 ? r3[0] : _3 ? w2(u3, 0) : null), h3 = 0, l2.__k = x2(l2.__k, function(u4) {
       if (null != u4) {
-        if (u4.__p = l3, u4.__b = l3.__b + 1, null === (p2 = k3[h3]) || p2 && u4.key == p2.key && u4.type === p2.type) {
+        if (u4.__p = l2, u4.__b = l2.__b + 1, null === (p2 = k3[h3]) || p2 && u4.key == p2.key && u4.type === p2.type) {
           k3[h3] = void 0;
         } else {
           for (v3 = 0; v3 < _3; v3++) {
@@ -24820,13 +25052,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
                 }
                 n3.insertBefore(d3, c3);
               }
-            "option" == l3.type && (n3.value = "");
+            "option" == l2.type && (n3.value = "");
           }
-          c3 = d3.nextSibling, "function" == typeof l3.type && (l3.l = d3);
+          c3 = d3.nextSibling, "function" == typeof l2.type && (l2.l = d3);
         }
       }
       return h3++, u4;
-    }), l3.__e = m3, null != r3 && "function" != typeof l3.type) {
+    }), l2.__e = m3, null != r3 && "function" != typeof l2.type) {
       for (h3 = r3.length; h3--; ) {
         null != r3[h3] && a2(r3[h3]);
       }
@@ -24840,35 +25072,35 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       }
     }
   }
-  function x2(n3, l3, u3) {
+  function x2(n3, l2, u3) {
     if (null == u3 && (u3 = []), null == n3 || "boolean" == typeof n3) {
-      l3 && u3.push(l3(null));
+      l2 && u3.push(l2(null));
     } else if (Array.isArray(n3)) {
       for (var t3 = 0; t3 < n3.length; t3++) {
-        x2(n3[t3], l3, u3);
+        x2(n3[t3], l2, u3);
       }
     } else {
-      u3.push(l3 ? l3(y2(n3)) : n3);
+      u3.push(l2 ? l2(y2(n3)) : n3);
     }
     return u3;
   }
-  function C2(n3, l3, u3, t3, i3) {
+  function C2(n3, l2, u3, t3, i3) {
     var r3;
     for (r3 in u3) {
-      r3 in l3 || N2(n3, r3, null, u3[r3], t3);
+      r3 in l2 || N2(n3, r3, null, u3[r3], t3);
     }
-    for (r3 in l3) {
-      i3 && "function" != typeof l3[r3] || "value" === r3 || "checked" === r3 || u3[r3] === l3[r3] || N2(n3, r3, l3[r3], u3[r3], t3);
+    for (r3 in l2) {
+      i3 && "function" != typeof l2[r3] || "value" === r3 || "checked" === r3 || u3[r3] === l2[r3] || N2(n3, r3, l2[r3], u3[r3], t3);
     }
   }
-  function P2(n3, l3, u3) {
-    "-" === l3[0] ? n3.setProperty(l3, u3) : n3[l3] = "number" == typeof u3 && false === c2.test(l3) ? u3 + "px" : null == u3 ? "" : u3;
+  function P2(n3, l2, u3) {
+    "-" === l2[0] ? n3.setProperty(l2, u3) : n3[l2] = "number" == typeof u3 && false === c2.test(l2) ? u3 + "px" : null == u3 ? "" : u3;
   }
-  function N2(n3, l3, u3, t3, i3) {
+  function N2(n3, l2, u3, t3, i3) {
     var r3, o3, f3, e3, c3;
-    if ("key" === (l3 = i3 ? "className" === l3 ? "class" : l3 : "class" === l3 ? "className" : l3) || "children" === l3)
+    if ("key" === (l2 = i3 ? "className" === l2 ? "class" : l2 : "class" === l2 ? "className" : l2) || "children" === l2)
       ;
-    else if ("style" === l3) {
+    else if ("style" === l2) {
       if (r3 = n3.style, "string" == typeof u3) {
         r3.cssText = u3;
       } else {
@@ -24884,13 +25116,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         }
       }
     } else {
-      "o" === l3[0] && "n" === l3[1] ? (e3 = l3 !== (l3 = l3.replace(/Capture$/, "")), c3 = l3.toLowerCase(), l3 = (c3 in n3 ? c3 : l3).slice(2), u3 ? (t3 || n3.addEventListener(l3, T2, e3), (n3.t || (n3.t = {}))[l3] = u3) : n3.removeEventListener(l3, T2, e3)) : "list" !== l3 && "tagName" !== l3 && "form" !== l3 && !i3 && l3 in n3 ? n3[l3] = null == u3 ? "" : u3 : "function" != typeof u3 && "dangerouslySetInnerHTML" !== l3 && (l3 !== (l3 = l3.replace(/^xlink:?/, "")) ? null == u3 || false === u3 ? n3.removeAttributeNS("http://www.w3.org/1999/xlink", l3.toLowerCase()) : n3.setAttributeNS("http://www.w3.org/1999/xlink", l3.toLowerCase(), u3) : null == u3 || false === u3 ? n3.removeAttribute(l3) : n3.setAttribute(l3, u3));
+      "o" === l2[0] && "n" === l2[1] ? (e3 = l2 !== (l2 = l2.replace(/Capture$/, "")), c3 = l2.toLowerCase(), l2 = (c3 in n3 ? c3 : l2).slice(2), u3 ? (t3 || n3.addEventListener(l2, T2, e3), (n3.t || (n3.t = {}))[l2] = u3) : n3.removeEventListener(l2, T2, e3)) : "list" !== l2 && "tagName" !== l2 && "form" !== l2 && !i3 && l2 in n3 ? n3[l2] = null == u3 ? "" : u3 : "function" != typeof u3 && "dangerouslySetInnerHTML" !== l2 && (l2 !== (l2 = l2.replace(/^xlink:?/, "")) ? null == u3 || false === u3 ? n3.removeAttributeNS("http://www.w3.org/1999/xlink", l2.toLowerCase()) : n3.setAttributeNS("http://www.w3.org/1999/xlink", l2.toLowerCase(), u3) : null == u3 || false === u3 ? n3.removeAttribute(l2) : n3.setAttribute(l2, u3));
     }
   }
-  function T2(l3) {
-    return this.t[l3.type](n2.event ? n2.event(l3) : l3);
+  function T2(l2) {
+    return this.t[l2.type](n2.event ? n2.event(l2) : l2);
   }
-  function $2(l3, u3, t3, i3, r3, o3, f3, e3, c3, a3) {
+  function $2(l2, u3, t3, i3, r3, o3, f3, e3, c3, a3) {
     var h3, v3, p2, y3, w3, g3, k3, _3, C3, P3, N3 = u3.type;
     if (void 0 !== u3.constructor) {
       return null;
@@ -24910,7 +25142,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
             }
             null != v3.componentWillUpdate && v3.componentWillUpdate(_3, v3.__s, P3);
           }
-          for (y3 = v3.props, w3 = v3.state, v3.context = P3, v3.props = _3, v3.state = v3.__s, (h3 = n2.__r) && h3(u3), v3.__d = false, v3.__v = u3, v3.__P = l3, h3 = v3.render(v3.props, v3.state, v3.context), u3.__k = x2(null != h3 && h3.type == d2 && null == h3.key ? h3.props.children : h3), null != v3.getChildContext && (i3 = s2(s2({}, i3), v3.getChildContext())), p2 || null == v3.getSnapshotBeforeUpdate || (g3 = v3.getSnapshotBeforeUpdate(y3, w3)), b2(l3, u3, t3, i3, r3, o3, f3, c3, a3), v3.base = u3.__e; h3 = v3.__h.pop(); ) {
+          for (y3 = v3.props, w3 = v3.state, v3.context = P3, v3.props = _3, v3.state = v3.__s, (h3 = n2.__r) && h3(u3), v3.__d = false, v3.__v = u3, v3.__P = l2, h3 = v3.render(v3.props, v3.state, v3.context), u3.__k = x2(null != h3 && h3.type == d2 && null == h3.key ? h3.props.children : h3), null != v3.getChildContext && (i3 = s2(s2({}, i3), v3.getChildContext())), p2 || null == v3.getSnapshotBeforeUpdate || (g3 = v3.getSnapshotBeforeUpdate(y3, w3)), b2(l2, u3, t3, i3, r3, o3, f3, c3, a3), v3.base = u3.__e; h3 = v3.__h.pop(); ) {
             v3.__s && (v3.state = v3.__s), h3.call(v3);
           }
           p2 || null == y3 || null == v3.componentDidUpdate || v3.componentDidUpdate(y3, w3, g3), k3 && (v3.__E = v3.__p = null);
@@ -24918,80 +25150,80 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
           u3.__e = z2(t3.__e, u3, t3, i3, r3, o3, f3, a3);
         }
       (h3 = n2.diffed) && h3(u3);
-    } catch (l4) {
-      n2.__e(l4, u3, t3);
+    } catch (l3) {
+      n2.__e(l3, u3, t3);
     }
     return u3.__e;
   }
-  function j2(l3, u3) {
-    for (var t3; t3 = l3.pop(); ) {
+  function j2(l2, u3) {
+    for (var t3; t3 = l2.pop(); ) {
       try {
         t3.componentDidMount();
-      } catch (l4) {
-        n2.__e(l4, t3.__v);
+      } catch (l3) {
+        n2.__e(l3, t3.__v);
       }
     }
     n2.__c && n2.__c(u3);
   }
-  function z2(n3, l3, u3, t3, i3, r3, o3, c3) {
-    var s3, a3, h3, v3, p2 = u3.props, d3 = l3.props;
-    if (i3 = "svg" === l3.type || i3, null == n3 && null != r3) {
+  function z2(n3, l2, u3, t3, i3, r3, o3, c3) {
+    var s3, a3, h3, v3, p2 = u3.props, d3 = l2.props;
+    if (i3 = "svg" === l2.type || i3, null == n3 && null != r3) {
       for (s3 = 0; s3 < r3.length; s3++) {
-        if (null != (a3 = r3[s3]) && (null === l3.type ? 3 === a3.nodeType : a3.localName === l3.type)) {
+        if (null != (a3 = r3[s3]) && (null === l2.type ? 3 === a3.nodeType : a3.localName === l2.type)) {
           n3 = a3, r3[s3] = null;
           break;
         }
       }
     }
     if (null == n3) {
-      if (null === l3.type) {
+      if (null === l2.type) {
         return document.createTextNode(d3);
       }
-      n3 = i3 ? document.createElementNS("http://www.w3.org/2000/svg", l3.type) : document.createElement(l3.type), r3 = null;
+      n3 = i3 ? document.createElementNS("http://www.w3.org/2000/svg", l2.type) : document.createElement(l2.type), r3 = null;
     }
-    return null === l3.type ? p2 !== d3 && (null != r3 && (r3[r3.indexOf(n3)] = null), n3.data = d3) : l3 !== u3 && (null != r3 && (r3 = e2.slice.call(n3.childNodes)), h3 = (p2 = u3.props || f2).dangerouslySetInnerHTML, v3 = d3.dangerouslySetInnerHTML, c3 || (v3 || h3) && (v3 && h3 && v3.__html == h3.__html || (n3.innerHTML = v3 && v3.__html || "")), C2(n3, d3, p2, i3, c3), l3.__k = l3.props.children, v3 || b2(n3, l3, u3, t3, "foreignObject" !== l3.type && i3, r3, o3, f2, c3), c3 || ("value" in d3 && void 0 !== d3.value && d3.value !== n3.value && (n3.value = null == d3.value ? "" : d3.value), "checked" in d3 && void 0 !== d3.checked && d3.checked !== n3.checked && (n3.checked = d3.checked))), n3;
+    return null === l2.type ? p2 !== d3 && (null != r3 && (r3[r3.indexOf(n3)] = null), n3.data = d3) : l2 !== u3 && (null != r3 && (r3 = e2.slice.call(n3.childNodes)), h3 = (p2 = u3.props || f2).dangerouslySetInnerHTML, v3 = d3.dangerouslySetInnerHTML, c3 || (v3 || h3) && (v3 && h3 && v3.__html == h3.__html || (n3.innerHTML = v3 && v3.__html || "")), C2(n3, d3, p2, i3, c3), l2.__k = l2.props.children, v3 || b2(n3, l2, u3, t3, "foreignObject" !== l2.type && i3, r3, o3, f2, c3), c3 || ("value" in d3 && void 0 !== d3.value && d3.value !== n3.value && (n3.value = null == d3.value ? "" : d3.value), "checked" in d3 && void 0 !== d3.checked && d3.checked !== n3.checked && (n3.checked = d3.checked))), n3;
   }
-  function A2(l3, u3, t3) {
+  function A2(l2, u3, t3) {
     try {
-      "function" == typeof l3 ? l3(u3) : l3.current = u3;
-    } catch (l4) {
-      n2.__e(l4, t3);
+      "function" == typeof l2 ? l2(u3) : l2.current = u3;
+    } catch (l3) {
+      n2.__e(l3, t3);
     }
   }
-  function D2(l3, u3, t3) {
+  function D2(l2, u3, t3) {
     var i3, r3, o3;
-    if (n2.unmount && n2.unmount(l3), (i3 = l3.ref) && A2(i3, null, u3), t3 || "function" == typeof l3.type || (t3 = null != (r3 = l3.__e)), l3.__e = l3.l = null, null != (i3 = l3.__c)) {
+    if (n2.unmount && n2.unmount(l2), (i3 = l2.ref) && A2(i3, null, u3), t3 || "function" == typeof l2.type || (t3 = null != (r3 = l2.__e)), l2.__e = l2.l = null, null != (i3 = l2.__c)) {
       if (i3.componentWillUnmount) {
         try {
           i3.componentWillUnmount();
-        } catch (l4) {
-          n2.__e(l4, u3);
+        } catch (l3) {
+          n2.__e(l3, u3);
         }
       }
       i3.base = i3.__P = null;
     }
-    if (i3 = l3.__k) {
+    if (i3 = l2.__k) {
       for (o3 = 0; o3 < i3.length; o3++) {
         i3[o3] && D2(i3[o3], u3, t3);
       }
     }
     null != r3 && a2(r3);
   }
-  function H2(n3, l3, u3) {
+  function H2(n3, l2, u3) {
     return this.constructor(n3, u3);
   }
-  function I2(l3, u3, t3) {
+  function I2(l2, u3, t3) {
     var i3, o3, c3;
-    n2.__p && n2.__p(l3, u3), o3 = (i3 = t3 === r2) ? null : t3 && t3.__k || u3.__k, l3 = h2(d2, null, [l3]), c3 = [], $2(u3, i3 ? u3.__k = l3 : (t3 || u3).__k = l3, o3 || f2, f2, void 0 !== u3.ownerSVGElement, t3 && !i3 ? [t3] : o3 ? null : e2.slice.call(u3.childNodes), c3, false, t3 || f2, i3), j2(c3, l3);
+    n2.__p && n2.__p(l2, u3), o3 = (i3 = t3 === r2) ? null : t3 && t3.__k || u3.__k, l2 = h2(d2, null, [l2]), c3 = [], $2(u3, i3 ? u3.__k = l2 : (t3 || u3).__k = l2, o3 || f2, f2, void 0 !== u3.ownerSVGElement, t3 && !i3 ? [t3] : o3 ? null : e2.slice.call(u3.childNodes), c3, false, t3 || f2, i3), j2(c3, l2);
   }
-  n2 = {}, m2.prototype.setState = function(n3, l3) {
+  n2 = {}, m2.prototype.setState = function(n3, l2) {
     var u3 = this.__s !== this.state && this.__s || (this.__s = s2({}, this.state));
-    ("function" != typeof n3 || (n3 = n3(u3, this.props))) && s2(u3, n3), null != n3 && this.__v && (this.u = false, l3 && this.__h.push(l3), k2(this));
+    ("function" != typeof n3 || (n3 = n3(u3, this.props))) && s2(u3, n3), null != n3 && this.__v && (this.u = false, l2 && this.__h.push(l2), k2(this));
   }, m2.prototype.forceUpdate = function(n3) {
     this.__v && (n3 && this.__h.push(n3), this.u = true, k2(this));
-  }, m2.prototype.render = d2, u2 = [], t2 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, i2 = n2.debounceRendering, n2.__e = function(n3, l3, u3) {
-    for (var t3; l3 = l3.__p; ) {
-      if ((t3 = l3.__c) && !t3.__p) {
+  }, m2.prototype.render = d2, u2 = [], t2 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, i2 = n2.debounceRendering, n2.__e = function(n3, l2, u3) {
+    for (var t3; l2 = l2.__p; ) {
+      if ((t3 = l2.__c) && !t3.__p) {
         try {
           if (t3.constructor && null != t3.constructor.getDerivedStateFromError) {
             t3.setState(t3.constructor.getDerivedStateFromError(n3));
@@ -25002,8 +25234,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
             t3.componentDidCatch(n3);
           }
           return k2(t3.__E = t3);
-        } catch (l4) {
-          n3 = l4;
+        } catch (l3) {
+          n3 = l3;
         }
       }
     }
@@ -25184,23 +25416,23 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     IroColor2.hsvToHsl = function hsvToHsl(hsv) {
       var s3 = hsv.s / 100;
       var v3 = hsv.v / 100;
-      var l3 = (2 - s3) * v3;
-      var divisor = l3 <= 1 ? l3 : 2 - l3;
+      var l2 = (2 - s3) * v3;
+      var divisor = l2 <= 1 ? l2 : 2 - l2;
       var saturation = divisor < 1e-9 ? 0 : s3 * v3 / divisor;
       return {
         h: hsv.h,
         s: clamp(saturation * 100, 0, 100),
-        l: clamp(l3 * 50, 0, 100)
+        l: clamp(l2 * 50, 0, 100)
       };
     };
     IroColor2.hslToHsv = function hslToHsv(hsl) {
-      var l3 = hsl.l * 2;
-      var s3 = hsl.s * (l3 <= 100 ? l3 : 200 - l3) / 100;
-      var saturation = l3 + s3 < 1e-9 ? 0 : 2 * s3 / (l3 + s3);
+      var l2 = hsl.l * 2;
+      var s3 = hsl.s * (l2 <= 100 ? l2 : 200 - l2) / 100;
+      var saturation = l2 + s3 < 1e-9 ? 0 : 2 * s3 / (l2 + s3);
       return {
         h: hsl.h,
         s: clamp(saturation * 100, 0, 100),
-        v: clamp((l3 + s3) / 2, 0, 100)
+        v: clamp((l2 + s3) / 2, 0, 100)
       };
     };
     IroColor2.kelvinToRgb = function kelvinToRgb(kelvin) {
@@ -25386,11 +25618,11 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }, {
       key: "hsl",
       get: function get3() {
-        var _IroColor$hsvToHsl = IroColor2.hsvToHsl(this.$), h3 = _IroColor$hsvToHsl.h, s3 = _IroColor$hsvToHsl.s, l3 = _IroColor$hsvToHsl.l;
+        var _IroColor$hsvToHsl = IroColor2.hsvToHsl(this.$), h3 = _IroColor$hsvToHsl.h, s3 = _IroColor$hsvToHsl.s, l2 = _IroColor$hsvToHsl.l;
         return {
           h: round2(h3),
           s: round2(s3),
-          l: round2(l3)
+          l: round2(l2)
         };
       },
       set: function set3(value) {
@@ -25503,22 +25735,22 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       },
       set: function set3(value) {
         var match;
-        var h3, s3, l3, a3 = 1;
+        var h3, s3, l2, a3 = 1;
         if (match = REGEX_FUNCTIONAL_HSL.exec(value)) {
           h3 = parseUnit(match[1], 360);
           s3 = parseUnit(match[2], 100);
-          l3 = parseUnit(match[3], 100);
+          l2 = parseUnit(match[3], 100);
         } else if (match = REGEX_FUNCTIONAL_HSLA.exec(value)) {
           h3 = parseUnit(match[1], 360);
           s3 = parseUnit(match[2], 100);
-          l3 = parseUnit(match[3], 100);
+          l2 = parseUnit(match[3], 100);
           a3 = parseUnit(match[4], 1);
         }
         if (match) {
           this.hsl = {
             h: h3,
             s: s3,
-            l: l3,
+            l: l2,
             a: a3
           };
         } else {
@@ -26945,7 +27177,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
 
   // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/app|@appComponents/**/*.js
-  var modules3 = [header_exports, nav_drawer_exports, sidebar_nav_exports, sidebar_nav_item_exports, slide_editor_exports, alert_exports, button_group_exports, color_picker_exports, color_picker_button_exports, confirm_panel_exports, image_picker_exports, image_picker_button_exports, layout_picker_button_exports, menu_button_exports, notice_exports, seamless_textarea_exports, snackbar_exports, system_banner_exports, toast_exports, toolbar_exports, application_exports];
+  var modules3 = [header_exports, nav_drawer_exports, item_exports, menu_exports, navbar_exports, slide_editor_exports, alert_exports, button_group_exports, color_picker_exports, color_picker_button_exports, confirm_panel_exports, image_picker_exports, image_picker_button_exports, layout_picker_button_exports, menu_button_exports, notice_exports, seamless_textarea_exports, snackbar_exports, system_banner_exports, toast_exports, toolbar_exports, application_exports];
   var __default3 = modules3;
 
   // app/components.js
@@ -26988,13 +27220,15 @@ html2canvas/dist/html2canvas.js:
       PERFORMANCE OF THIS SOFTWARE.
       ***************************************************************************** *)
 
-@alpinejs/focus/dist/module.esm.js:
+tabbable/dist/index.esm.js:
   (*!
-  * tabbable 5.2.1
+  * tabbable 5.3.3
   * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
   *)
+
+focus-trap/dist/focus-trap.esm.js:
   (*!
-  * focus-trap 6.6.1
+  * focus-trap 6.9.4
   * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
   *)