@w5-ui/wc 0.3.0 → 0.4.0

package/dist/index.js

@@ -4577,6 +4577,17 @@ function component(node, get_component, render_fn) {
     branches.ensure(component2, component2 && ((target) => render_fn(target, component2)));
   }, EFFECT_TRANSPARENT);
 }
+function action(dom, action2, get_value) {
+  effect(() => {
+    var payload = untrack(() => action2(dom, get_value?.()) || {});
+    if (payload?.destroy) {
+      return () => (
+        /** @type {Function} */
+        payload.destroy()
+      );
+    }
+  });
+}
 function attach(node, get_fn) {
   var fn = void 0;
   var e;
@@ -6284,7 +6295,7 @@ function Alert_wc($$anchor, $$props) {
 customElements.define("uni-alert", create_custom_element(Alert_wc, { variant: {} }, ["default"], [], { mode: "open" }));
 var root_2$1K = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_3$17 = /* @__PURE__ */ from_svg(`<line stroke-width="1" stroke-dasharray="3,2" opacity="0.85"></line><text font-size="7" font-family="inherit"> </text>`, 1);
-var root_4$X = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" font-family="inherit"> </text>`);
+var root_4$Y = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" font-family="inherit"> </text>`);
 var root_1$28 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><path fill-opacity="0.08"></path><path fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path><!><!></svg></div>`);
 function AnnotatedTimeSeries($$anchor, $$props) {
   push($$props, true);
@@ -6366,7 +6377,7 @@ function AnnotatedTimeSeries($$anchor, $$props) {
       });
       var node_3 = sibling(node_2);
       each(node_3, 17, () => get(xLabels), (l) => l.i, ($$anchor3, l) => {
-        var text_4 = root_4$X();
+        var text_4 = root_4$Y();
         var text_5 = child(text_4, true);
         reset(text_4);
         template_effect(() => {
@@ -6580,7 +6591,7 @@ function AppLayout_wc($$anchor, $$props) {
 customElements.define("uni-app-layout", create_custom_element(AppLayout_wc, { pageLabel: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_2$1J = /* @__PURE__ */ from_svg(`<path fill="none"></path>`);
 var root_3$16 = /* @__PURE__ */ from_svg(`<circle></circle>`);
-var root_4$W = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#A4A7B5" font-family="inherit"> </text>`);
+var root_4$X = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#A4A7B5" font-family="inherit"> </text>`);
 var root_1$27 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><line stroke="rgba(255,255,255,0.08)"></line><!><!><!></svg></div>`);
 function ArcDiagram($$anchor, $$props) {
   push($$props, true);
@@ -6663,7 +6674,7 @@ function ArcDiagram($$anchor, $$props) {
       });
       var node_4 = sibling(node_3);
       each(node_4, 17, () => get(layout).dots, index, ($$anchor3, dot) => {
-        var text2 = root_4$W();
+        var text2 = root_4$X();
         set_attribute(text2, "font-size", 9);
         var text_1 = child(text2, true);
         reset(text2);
@@ -6752,7 +6763,7 @@ function ArcDiagram_wc($$anchor, $$props) {
 customElements.define("uni-arc-diagram", create_custom_element(ArcDiagram_wc, { nodes: {}, links: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_1$26 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
 var root_2$1I = /* @__PURE__ */ from_svg(`<path fill-opacity="0.75"></path>`);
-var root_4$V = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
+var root_4$W = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
 var root$2y = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function AreaChart($$anchor, $$props) {
   push($$props, true);
@@ -6811,7 +6822,7 @@ function AreaChart($$anchor, $$props) {
       var node_3 = first_child(fragment);
       each(node_3, 17, labels, index, ($$anchor3, lbl, i) => {
         const x = /* @__PURE__ */ user_derived(() => PAD.l + (labels().length > 1 ? i / (labels().length - 1) * get(chartW) : get(chartW) / 2));
-        var text2 = root_4$V();
+        var text2 = root_4$W();
         var text_1 = child(text2, true);
         reset(text2);
         template_effect(() => {
@@ -7304,7 +7315,7 @@ var root_2$1G = /* @__PURE__ */ from_html(`<button type="button" class="h-6 shri
 var root$2u = /* @__PURE__ */ from_html(`<div aria-atomic="true"><div class="flex flex-1 flex-wrap items-baseline gap-x-2 gap-y-0.5"><!> <span><!></span></div> <!> <!></div>`);
 function Banner($$anchor, $$props) {
   push($$props, true);
-  let variant = prop($$props, "variant", 3, "info"), title = prop($$props, "title", 3, void 0), action = prop($$props, "action", 3, void 0), onDismiss = prop($$props, "onDismiss", 3, void 0);
+  let variant = prop($$props, "variant", 3, "info"), title = prop($$props, "title", 3, void 0), action2 = prop($$props, "action", 3, void 0), onDismiss = prop($$props, "onDismiss", 3, void 0);
   let isUrgent = /* @__PURE__ */ user_derived(() => variant() === "danger" || variant() === "warn");
   const BANNER = {
     info: "bg-status-info/10 border-t-brand-05 text-status-info",
@@ -7347,14 +7358,14 @@ function Banner($$anchor, $$props) {
       var button = root_2$1G();
       var text_1 = child(button, true);
       reset(button);
-      template_effect(() => set_text(text_1, action().label));
+      template_effect(() => set_text(text_1, action2().label));
       delegated("click", button, function(...$$args) {
-        action().onClick?.apply(this, $$args);
+        action2().onClick?.apply(this, $$args);
       });
       append($$anchor2, button);
     };
     if_block(node_2, ($$render) => {
-      if (action()) $$render(consequent_1);
+      if (action2()) $$render(consequent_1);
     });
   }
   var node_3 = sibling(node_2, 2);
@@ -7390,7 +7401,7 @@ function Banner($$anchor, $$props) {
 delegate(["click"]);
 function Banner_wc($$anchor, $$props) {
   push($$props, true);
-  let variant = prop($$props, "variant", 7, "info"), title = prop($$props, "title", 7, void 0), action = prop($$props, "action", 7, void 0);
+  let variant = prop($$props, "variant", 7, "info"), title = prop($$props, "title", 7, void 0), action2 = prop($$props, "action", 7, void 0);
   var $$exports = {
     get variant() {
       return variant();
@@ -7407,10 +7418,10 @@ function Banner_wc($$anchor, $$props) {
       flushSync();
     },
     get action() {
-      return action();
+      return action2();
     },
     set action($$value = void 0) {
-      action($$value);
+      action2($$value);
       flushSync();
     }
   };
@@ -7422,7 +7433,7 @@ function Banner_wc($$anchor, $$props) {
       return title();
     },
     get action() {
-      return action();
+      return action2();
     },
     children: ($$anchor2, $$slotProps) => {
       var fragment_1 = comment();
@@ -7437,7 +7448,7 @@ function Banner_wc($$anchor, $$props) {
 customElements.define("uni-banner", create_custom_element(Banner_wc, { variant: {}, title: {}, action: {} }, ["default"], [], { mode: "open" }));
 var root_1$21 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
 var root_2$1F = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.9" rx="2"></rect>`);
-var root_4$U = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
+var root_4$V = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
 var root$2t = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function BarChart($$anchor, $$props) {
   push($$props, true);
@@ -7498,7 +7509,7 @@ function BarChart($$anchor, $$props) {
       var node_3 = first_child(fragment);
       each(node_3, 17, labels, index, ($$anchor3, lbl, i) => {
         const x = /* @__PURE__ */ user_derived(() => (PAD.l + (i + 0.5) * get(gw)).toFixed(1));
-        var text2 = root_4$U();
+        var text2 = root_4$V();
         var text_1 = child(text2, true);
         reset(text2);
         template_effect(() => {
@@ -7581,7 +7592,7 @@ function BarChart_wc($$anchor, $$props) {
 }
 customElements.define("uni-bar-chart", create_custom_element(BarChart_wc, { series: {}, labels: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_2$1E = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
-var root_4$T = /* @__PURE__ */ from_svg(`<circle fill-opacity="0.75"></circle>`);
+var root_4$U = /* @__PURE__ */ from_svg(`<circle fill-opacity="0.75"></circle>`);
 var root_3$14 = /* @__PURE__ */ from_svg(`<g><!><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text></g>`);
 var root_1$20 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
 function BeeswarmChart($$anchor, $$props) {
@@ -7679,7 +7690,7 @@ function BeeswarmChart($$anchor, $$props) {
         var g = root_3$14();
         var node_3 = child(g);
         each(node_3, 17, () => get(pts), index, ($$anchor4, p) => {
-          var circle = root_4$T();
+          var circle = root_4$U();
           template_effect(() => {
             set_attribute(circle, "cx", get(cx) + get(p).x);
             set_attribute(circle, "cy", get(p).y);
@@ -8039,7 +8050,7 @@ function BoxPlot_wc($$anchor, $$props) {
 customElements.define("uni-box-plot", create_custom_element(BoxPlot_wc, { series: {}, yRange: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_2$1C = /* @__PURE__ */ from_html(`<span aria-current="page" class="font-medium text-text-2"> </span>`);
 var root_3$13 = /* @__PURE__ */ from_html(`<a class="cursor-pointer text-text-4 no-underline transition-colors duration-100 hover:text-text-2 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </a>`);
-var root_4$S = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer border-0 bg-transparent p-0 font-[inherit] text-text-4 transition-colors duration-100 hover:text-text-2 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </button>`);
+var root_4$T = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer border-0 bg-transparent p-0 font-[inherit] text-text-4 transition-colors duration-100 hover:text-text-2 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </button>`);
 var root_5$w = /* @__PURE__ */ from_html(`<span class="select-none text-border-3" aria-hidden="true">/</span>`);
 var root_1$1_ = /* @__PURE__ */ from_html(`<li class="flex items-center gap-1.5"><!> <!></li>`);
 var root$2p = /* @__PURE__ */ from_html(`<nav aria-label="Breadcrumb"><ol class="m-0 flex flex-wrap items-center gap-x-1.5 gap-y-0.5 p-0 text-12 [list-style:none]"></ol></nav>`);
@@ -8071,7 +8082,7 @@ function Breadcrumb($$anchor, $$props) {
         append($$anchor3, a);
       };
       var alternate = ($$anchor3) => {
-        var button = root_4$S();
+        var button = root_4$T();
         var text_2 = child(button, true);
         reset(button);
         template_effect(() => set_text(text_2, get(item).label));
@@ -8457,7 +8468,7 @@ function BulletChart_wc($$anchor, $$props) {
 customElements.define("uni-bullet-chart", create_custom_element(BulletChart_wc, { items: {}, max: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_1$1X = /* @__PURE__ */ from_svg(`<g><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text></g>`);
 var root_2$1z = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.04)" stroke-width="1"></line>`);
-var root_4$R = /* @__PURE__ */ from_svg(`<circle stroke="#1A1F2E" stroke-width="1.5"></circle>`);
+var root_4$S = /* @__PURE__ */ from_svg(`<circle stroke="#1A1F2E" stroke-width="1.5"></circle>`);
 var root_3$12 = /* @__PURE__ */ from_svg(`<g><path fill="none" stroke-width="2.5" opacity="0.85"></path><!><text font-size="10" font-family="inherit"> </text></g>`);
 var root$2m = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function BumpChart($$anchor, $$props) {
@@ -8545,7 +8556,7 @@ function BumpChart($$anchor, $$props) {
     var path = child(g_1);
     var node_3 = sibling(path);
     each(node_3, 17, () => get(s).ranks, index, ($$anchor3, rank, i) => {
-      var circle = root_4$R();
+      var circle = root_4$S();
       set_attribute(circle, "r", DOT_R);
       template_effect(
         ($0, $1) => {
@@ -9031,7 +9042,7 @@ function CIDRInput_wc($$anchor, $$props) {
 customElements.define("uni-cidrinput", create_custom_element(CIDRInput_wc, { label: {}, value: {}, disabled: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_2$1x = /* @__PURE__ */ from_svg(`<text text-anchor="end" fill="#6E7079" font-size="7" font-family="inherit"> </text>`);
 var root_3$11 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="7" font-family="inherit"> </text>`);
-var root_4$Q = /* @__PURE__ */ from_svg(`<rect rx="2"></rect>`);
+var root_4$R = /* @__PURE__ */ from_svg(`<rect rx="2"></rect>`);
 var root$2i = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;overflow-x:auto;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function CalendarHeatmap($$anchor, $$props) {
   push($$props, true);
@@ -9129,7 +9140,7 @@ function CalendarHeatmap($$anchor, $$props) {
   });
   var node_3 = sibling(node_2);
   each(node_3, 17, () => get(cells), index, ($$anchor2, c) => {
-    var rect = root_4$Q();
+    var rect = root_4$R();
     set_attribute(rect, "width", CELL);
     set_attribute(rect, "height", CELL);
     template_effect(() => {
@@ -9195,9 +9206,9 @@ customElements.define("uni-calendar-heatmap", create_custom_element(CalendarHeat
 var root_1$1V = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM7.25 5.5a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0ZM7 7.5h2v4H7v-4Z"></path></svg>`);
 var root_2$1w = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.78 5.47-4.25 4.5a.75.75 0 0 1-1.06.03L4.72 9.22a.75.75 0 1 1 1.06-1.06l1.22 1.22 3.72-3.94a.75.75 0 1 1 1.06 1.03Z"></path></svg>`);
 var root_3$10 = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8.9 1.6a1 1 0 0 0-1.8 0L.6 13a1 1 0 0 0 .9 1.5h13a1 1 0 0 0 .9-1.5L8.9 1.6ZM7.25 6.5a.75.75 0 1 1 1.5 0v3a.75.75 0 0 1-1.5 0v-3Zm.75 6a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"></path></svg>`);
-var root_4$P = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM5.97 5.97a.75.75 0 0 1 1.06 0L8 6.94l.97-.97a.75.75 0 1 1 1.06 1.06L9.06 8l.97.97a.75.75 0 0 1-1.06 1.06L8 9.06l-.97.97a.75.75 0 0 1-1.06-1.06L6.94 8l-.97-.97a.75.75 0 0 1 0-1.06Z"></path></svg>`);
+var root_4$Q = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM5.97 5.97a.75.75 0 0 1 1.06 0L8 6.94l.97-.97a.75.75 0 1 1 1.06 1.06L9.06 8l.97.97a.75.75 0 0 1-1.06 1.06L8 9.06l-.97.97a.75.75 0 0 1-1.06-1.06L6.94 8l-.97-.97a.75.75 0 0 1 0-1.06Z"></path></svg>`);
 var root_5$v = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 1a5 5 0 0 1 3 9.01V11H5v-.99A5 5 0 0 1 8 1Zm-1 12h2v1.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13Z"></path></svg>`);
-var root_6$f = /* @__PURE__ */ from_html(`<div> </div>`);
+var root_6$g = /* @__PURE__ */ from_html(`<div> </div>`);
 var root$2h = /* @__PURE__ */ from_html(`<div role="note"><!> <div class="flex-1"><!> <div><!></div></div></div>`);
 function Callout($$anchor, $$props) {
   let variant = prop($$props, "variant", 3, "info"), title = prop($$props, "title", 3, void 0);
@@ -9231,7 +9242,7 @@ function Callout($$anchor, $$props) {
       append($$anchor2, svg_2);
     };
     var consequent_3 = ($$anchor2) => {
-      var svg_3 = root_4$P();
+      var svg_3 = root_4$Q();
       append($$anchor2, svg_3);
     };
     var alternate = ($$anchor2) => {
@@ -9250,7 +9261,7 @@ function Callout($$anchor, $$props) {
   var node_1 = child(div_1);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_2 = root_6$f();
+      var div_2 = root_6$g();
       var text2 = child(div_2, true);
       reset(div_2);
       template_effect(() => {
@@ -9311,7 +9322,7 @@ function Callout_wc($$anchor, $$props) {
 customElements.define("uni-callout", create_custom_element(Callout_wc, { variant: {}, title: {} }, ["default"], [], { mode: "open" }));
 var root_2$1v = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_3$$ = /* @__PURE__ */ from_svg(`<line stroke-width="1"></line><rect></rect>`, 1);
-var root_4$O = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
+var root_4$P = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
 var root_1$1U = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function CandlestickChart($$anchor, $$props) {
   push($$props, true);
@@ -9397,7 +9408,7 @@ function CandlestickChart($$anchor, $$props) {
       });
       var node_3 = sibling(node_2);
       each(node_3, 17, bars, index, ($$anchor3, b, i) => {
-        var text_2 = root_4$O();
+        var text_2 = root_4$P();
         var text_3 = child(text_2, true);
         reset(text_2);
         template_effect(
@@ -9714,7 +9725,7 @@ customElements.define("uni-card-title", create_custom_element(CardTitle_wc, { cl
 var root_2$1u = /* @__PURE__ */ from_html(`<div class="w-1 shrink-0 rounded" aria-hidden="true"></div>`);
 var root_3$_ = /* @__PURE__ */ from_html(`<div class="mt-1 text-13 text-text-3"> </div>`);
 var root_1$1T = /* @__PURE__ */ from_html(`<div role="group" aria-roledescription="slide" class="absolute inset-0 flex items-stretch gap-3 p-4 opacity-0 transition-opacity duration-200 data-[active=true]:opacity-100 data-[active=true]:relative"><!> <div class="min-w-0 flex-1"><div class="text-15 font-semibold text-text-1"> </div> <!></div></div>`);
-var root_4$N = /* @__PURE__ */ from_html(`<button type="button" role="tab" class="h-1.5 w-1.5 cursor-pointer rounded-full border-0 bg-border-3 transition-all duration-150 hover:bg-text-3 data-[active=true]:w-4 data-[active=true]:bg-brand-05"></button>`);
+var root_4$O = /* @__PURE__ */ from_html(`<button type="button" role="tab" class="h-1.5 w-1.5 cursor-pointer rounded-full border-0 bg-border-3 transition-all duration-150 hover:bg-text-3 data-[active=true]:w-4 data-[active=true]:bg-brand-05"></button>`);
 var root$2c = /* @__PURE__ */ from_html(`<section aria-roledescription="carousel"><div class="relative min-h-[140px]" aria-live="polite" aria-atomic="false"></div> <div class="flex items-center justify-between border-t border-border-1 bg-bg-page px-2 py-1.5"><button type="button" aria-label="Previous slide" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">&#8249;</button> <div role="tablist" aria-label="Choose slide to display" class="flex items-center gap-1.5"></div> <button type="button" aria-label="Next slide" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">&#8250;</button></div></section>`);
 function Carousel($$anchor, $$props) {
   push($$props, true);
@@ -9773,7 +9784,7 @@ function Carousel($$anchor, $$props) {
   var button = child(div_6);
   var div_7 = sibling(button, 2);
   each(div_7, 23, slides, (slide) => slide.id, ($$anchor2, slide, i) => {
-    var button_1 = root_4$N();
+    var button_1 = root_4$O();
     template_effect(() => {
       set_attribute(button_1, "aria-selected", get(i) === get(index2));
       set_attribute(button_1, "aria-label", `Slide ${get(i) + 1}: ${get(slide).title}`);
@@ -10186,7 +10197,7 @@ function ChordDiagram_wc($$anchor, $$props) {
 }
 customElements.define("uni-chord-diagram", create_custom_element(ChordDiagram_wc, { nodes: {}, matrix: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_3$Y = /* @__PURE__ */ from_svg(`<text text-anchor="middle" dominant-baseline="middle" fill="#E2E4ED" font-family="inherit"> </text>`);
-var root_4$M = /* @__PURE__ */ from_svg(`<text text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
+var root_4$N = /* @__PURE__ */ from_svg(`<text text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
 var root_2$1r = /* @__PURE__ */ from_svg(`<g><circle></circle><!><!></g>`);
 var root_1$1Q = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"></svg></div>`);
 function CirclePacking($$anchor, $$props) {
@@ -10334,7 +10345,7 @@ function CirclePacking($$anchor, $$props) {
         var node_2 = sibling(node_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var text_2 = root_4$M();
+            var text_2 = root_4$N();
             var text_3 = child(text_2, true);
             reset(text_2);
             template_effect(
@@ -10465,7 +10476,7 @@ customElements.define("uni-code", create_custom_element(Code_wc, { class: {} },
 var root_1$1P = /* @__PURE__ */ from_html(`<span class="font-mono text-11 uppercase tracking-[0.05em] text-text-4"> </span>`);
 var root_2$1q = /* @__PURE__ */ from_html(`<span></span>`);
 var root_3$X = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true" focusable="false"><path d="M2.5 7.5l3.5 3.5L12 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
-var root_4$L = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true" focusable="false"><rect x="4" y="1" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect><rect x="1" y="4" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect></svg>`);
+var root_4$M = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true" focusable="false"><rect x="4" y="1" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect><rect x="1" y="4" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect></svg>`);
 var root$29 = /* @__PURE__ */ from_html(`<div role="region"><div class="flex min-h-8 items-center justify-between border-b border-border-1 bg-bg-page py-1.5 pl-3 pr-2"><!> <button type="button" class="inline-flex h-[22px] w-[22px] shrink-0 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 transition-[color,background-color] duration-100 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05 data-[copied=true]:text-status-success data-[copied=true]:hover:bg-status-success/10 data-[copied=true]:hover:text-status-success"><!></button></div> <pre class="m-0 overflow-x-auto px-3.5 py-3"><code class="whitespace-pre font-mono text-12 leading-[1.6] text-text-2"> </code></pre></div>`);
 function CodeBlock($$anchor, $$props) {
   push($$props, true);
@@ -10515,7 +10526,7 @@ function CodeBlock($$anchor, $$props) {
       append($$anchor2, svg);
     };
     var alternate_1 = ($$anchor2) => {
-      var svg_1 = root_4$L();
+      var svg_1 = root_4$M();
       append($$anchor2, svg_1);
     };
     if_block(node_1, ($$render) => {
@@ -11207,9 +11218,9 @@ function Kbd($$anchor, $$props) {
 }
 var root_2$1m = /* @__PURE__ */ from_html(`<li class="list-none p-6 text-center text-13 text-text-4"> </li>`);
 var root_5$t = /* @__PURE__ */ from_html(`<div class="px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-4"> </div>`);
-var root_7$a = /* @__PURE__ */ from_html(`<span class="ml-auto shrink-0"><!></span>`);
-var root_6$e = /* @__PURE__ */ from_html(`<div role="option" class="flex cursor-pointer list-none items-center gap-2.5 rounded-md px-2.5 py-2 text-13 text-text-2 outline-none data-[active=true]:bg-brand-05/15 data-[active=true]:text-text-1"> <!></div>`);
-var root_4$K = /* @__PURE__ */ from_html(`<li role="presentation"><!> <!></li>`);
+var root_7$b = /* @__PURE__ */ from_html(`<span class="ml-auto shrink-0"><!></span>`);
+var root_6$f = /* @__PURE__ */ from_html(`<div role="option" class="flex cursor-pointer list-none items-center gap-2.5 rounded-md px-2.5 py-2 text-13 text-text-2 outline-none data-[active=true]:bg-brand-05/15 data-[active=true]:text-text-1"> <!></div>`);
+var root_4$L = /* @__PURE__ */ from_html(`<li role="presentation"><!> <!></li>`);
 var root_1$1K = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-[9300] flex items-start justify-center bg-black/60 pt-[15vh] backdrop-blur-md" role="presentation"><div role="dialog" aria-modal="true" aria-label="Command palette" class="w-[520px] max-w-[90vw] overflow-hidden rounded-xl border border-border-3 bg-bg-1 shadow-[0_24px_64px_rgba(0,0,0,0.6)]"><div class="flex items-center gap-2.5 border-b border-border-1 px-4 py-3"><svg class="shrink-0 text-text-4" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="6.5" cy="6.5" r="4.5"></circle><path d="M10.5 10.5l3 3"></path></svg> <input type="text" role="combobox" aria-autocomplete="list" class="min-w-0 flex-1 border-0 bg-transparent text-[15px] leading-none text-text-1 outline-none placeholder:text-text-4"/> <span class="shrink-0 whitespace-nowrap rounded border border-border-2 bg-row-active px-1.5 py-0.5 text-[10px] text-text-4">Esc</span></div> <ul role="listbox" aria-label="Results" class="m-0 max-h-[360px] list-none overflow-y-auto p-1.5"><!></ul></div></div>`);
 function CommandPalette($$anchor, $$props) {
   push($$props, true);
@@ -11291,7 +11302,7 @@ function CommandPalette($$anchor, $$props) {
           each(node_2, 17, () => get(grouped), index, ($$anchor4, $$item) => {
             let group = () => get($$item).group;
             let groupItems = () => get($$item).items;
-            var li_1 = root_4$K();
+            var li_1 = root_4$L();
             var node_3 = child(li_1);
             {
               var consequent_1 = ($$anchor5) => {
@@ -11308,13 +11319,13 @@ function CommandPalette($$anchor, $$props) {
             var node_4 = sibling(node_3, 2);
             each(node_4, 17, groupItems, index, ($$anchor5, item) => {
               const idx = /* @__PURE__ */ user_derived(() => get(filtered).indexOf(get(item)));
-              var div_4 = root_6$e();
+              var div_4 = root_6$f();
               set_attribute(div_4, "tabindex", -1);
               var text_2 = child(div_4);
               var node_5 = sibling(text_2);
               {
                 var consequent_2 = ($$anchor6) => {
-                  var span = root_7$a();
+                  var span = root_7$b();
                   var node_6 = child(span);
                   Kbd(node_6, {
                     get keys() {
@@ -11641,7 +11652,7 @@ customElements.define("uni-confirm-dialog", create_custom_element(
   { mode: "open" }
 ));
 var root_3$V = /* @__PURE__ */ from_html(`<li role="separator" class="my-1 h-px bg-row-active"></li>`);
-var root_4$J = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer items-center whitespace-nowrap rounded-[5px] px-3 py-1.5 text-13 text-text-2 outline-none hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 data-[danger=true]:text-status-danger data-[danger=true]:hover:bg-status-danger/10 aria-disabled:cursor-not-allowed aria-disabled:opacity-40"> </li>`);
+var root_4$K = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer items-center whitespace-nowrap rounded-[5px] px-3 py-1.5 text-13 text-text-2 outline-none hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 data-[danger=true]:text-status-danger data-[danger=true]:hover:bg-status-danger/10 aria-disabled:cursor-not-allowed aria-disabled:opacity-40"> </li>`);
 var root_1$1I = /* @__PURE__ */ from_html(`<ul role="menu" class="fixed z-[9200] m-0 min-w-[168px] list-none rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)] focus:outline-none"></ul>`);
 function ContextMenu($$anchor, $$props) {
   push($$props, true);
@@ -11721,7 +11732,7 @@ function ContextMenu($$anchor, $$props) {
             append($$anchor4, li);
           };
           var alternate = ($$anchor4) => {
-            var li_1 = root_4$J();
+            var li_1 = root_4$K();
             set_attribute(li_1, "tabindex", -1);
             var text2 = child(li_1, true);
             reset(li_1);
@@ -11965,7 +11976,7 @@ customElements.define("uni-contextual-help", create_custom_element(ContextualHel
 var root_2$1l = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_3$U = /* @__PURE__ */ from_svg(`<circle r="1.5" opacity="0.2"></circle>`);
 var root_5$s = /* @__PURE__ */ from_svg(`<line stroke-linecap="round"></line>`);
-var root_6$d = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
+var root_6$e = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
 var root_1$1G = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!></svg></div>`);
 function ContourPlot($$anchor, $$props) {
   push($$props, true);
@@ -12165,7 +12176,7 @@ function ContourPlot($$anchor, $$props) {
       });
       var node_5 = sibling(node_3);
       each(node_5, 17, () => get(xTicks), index, ($$anchor3, v) => {
-        var text_2 = root_6$d();
+        var text_2 = root_6$e();
         var text_3 = child(text_2, true);
         reset(text_2);
         template_effect(
@@ -12379,7 +12390,7 @@ function CopyButton_wc($$anchor, $$props) {
 customElements.define("uni-copy-button", create_custom_element(CopyButton_wc, { text: {}, label: {} }, ["default"], [], { mode: "open" }));
 var root_1$1E = /* @__PURE__ */ from_svg(`<text text-anchor="middle" font-size="9" fill="#A4A7B5" font-family="inherit"> </text>`);
 var root_2$1j = /* @__PURE__ */ from_svg(`<text text-anchor="end" dominant-baseline="middle" font-size="9" fill="#A4A7B5" font-family="inherit"> </text>`);
-var root_4$I = /* @__PURE__ */ from_svg(`<g><rect rx="3"></rect><text text-anchor="middle" dominant-baseline="middle" font-size="10" font-family="inherit"> </text></g>`);
+var root_4$J = /* @__PURE__ */ from_svg(`<g><rect rx="3"></rect><text text-anchor="middle" dominant-baseline="middle" font-size="10" font-family="inherit"> </text></g>`);
 var root$21 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function CorrelationMatrix($$anchor, $$props) {
   push($$props, true);
@@ -12438,7 +12449,7 @@ function CorrelationMatrix($$anchor, $$props) {
     each(node_3, 19, () => get(row), (v, j) => `${i}-${j}`, ($$anchor3, v, j) => {
       const x = /* @__PURE__ */ user_derived(() => LABEL_W + get(j) * cellSize());
       const y = /* @__PURE__ */ user_derived(() => LABEL_H + i * cellSize());
-      var g = root_4$I();
+      var g = root_4$J();
       var rect = child(g);
       var text_4 = sibling(rect);
       var text_5 = child(text_4, true);
@@ -12699,9 +12710,9 @@ customElements.define("uni-count-up", create_custom_element(
 ));
 var root_2$1i = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
 var root_3$T = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.18)" stroke-width="1" stroke-dasharray="4 3"></line><text text-anchor="end" fill="#6E7079" font-size="9" font-family="inherit"> </text>`, 1);
-var root_4$H = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round"></path>`);
+var root_4$I = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round"></path>`);
 var root_5$r = /* @__PURE__ */ from_svg(`<text text-anchor="end" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
-var root_6$c = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
+var root_6$d = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
 var root_1$1D = /* @__PURE__ */ from_html(`<div role="img" style="line-height:0;"><svg width="100%" aria-hidden="true" focusable="false"><!><!><!><!><!></svg></div>`);
 function CumulativeDistribution($$anchor, $$props) {
   push($$props, true);
@@ -12777,7 +12788,7 @@ function CumulativeDistribution($$anchor, $$props) {
       });
       var node_3 = sibling(node_2);
       each(node_3, 17, () => get(paths), (s) => s.label, ($$anchor3, s) => {
-        var path = root_4$H();
+        var path = root_4$I();
         template_effect(() => {
           set_attribute(path, "d", get(s).d);
           set_attribute(path, "stroke", get(s).color);
@@ -12798,7 +12809,7 @@ function CumulativeDistribution($$anchor, $$props) {
       });
       var node_5 = sibling(node_4);
       each(node_5, 17, () => get(xTicks), index, ($$anchor3, t) => {
-        var text_4 = root_6$c();
+        var text_4 = root_6$d();
         var text_5 = child(text_4, true);
         reset(text_4);
         template_effect(() => {
@@ -12933,7 +12944,7 @@ function buildGrid$1(year, month) {
 var root_1$1C = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="1" y="2" width="12" height="11" rx="1.5"></rect><path d="M1 6h12M4 1v2M10 1v2"></path></svg> `, 1);
 var root_3$S = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
 var root_5$q = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
-var root_4$G = /* @__PURE__ */ from_html(`<tr></tr>`);
+var root_4$H = /* @__PURE__ */ from_html(`<tr></tr>`);
 var root_2$1h = /* @__PURE__ */ from_html(`<div role="dialog" aria-modal="true" class="absolute left-0 top-[calc(100%+4px)] z-[9100] rounded-lg border border-border-3 bg-bg-2 p-2 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><div class="flex items-center justify-between px-1 py-1"><button type="button" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-label="Previous month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 1L2 6l5 5"></path></svg></button> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <button type="button" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-label="Next month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M1 1l5 5-5 5"></path></svg></button></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div>`);
 var root$1$ = /* @__PURE__ */ from_html(`<div class="relative inline-block"><!> <!></div>`);
 function DatePicker($$anchor, $$props) {
@@ -13100,7 +13111,7 @@ function DatePicker($$anchor, $$props) {
       reset(thead);
       var tbody = sibling(thead);
       each(tbody, 20, () => Array(6), index, ($$anchor3, _, row) => {
-        var tr_1 = root_4$G();
+        var tr_1 = root_4$H();
         each(tr_1, 20, () => Array(7), index, ($$anchor4, _2, col, $$array) => {
           const idx = /* @__PURE__ */ user_derived(() => row * 7 + col);
           const day = /* @__PURE__ */ user_derived(() => get(grid)[get(idx)]);
@@ -13252,10 +13263,10 @@ function buildGrid(year, month) {
 var root_1$1B = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="1" y="2" width="12" height="11" rx="1.5"></rect><path d="M1 6h12M4 1v2M10 1v2"></path></svg> `, 1);
 var root_3$R = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
 var root_5$p = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
-var root_4$F = /* @__PURE__ */ from_html(`<tr></tr>`);
-var root_6$b = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
-var root_8$9 = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
-var root_7$9 = /* @__PURE__ */ from_html(`<tr></tr>`);
+var root_4$G = /* @__PURE__ */ from_html(`<tr></tr>`);
+var root_6$c = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
+var root_8$8 = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
+var root_7$a = /* @__PURE__ */ from_html(`<tr></tr>`);
 var root_9$5 = /* @__PURE__ */ from_html(`<p class="mt-2 px-1 text-12 text-status-info" aria-live="polite">Pick the end date</p>`);
 var root_2$1g = /* @__PURE__ */ from_html(`<div role="dialog" aria-modal="true" aria-label="Select date range" class="absolute left-0 top-[calc(100%+4px)] z-[9100] rounded-lg border border-border-3 bg-bg-2 p-2 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><div class="flex gap-3"><div><div class="flex items-center justify-between px-1 py-1"><button type="button" aria-label="Previous month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 1L2 6l5 5"></path></svg></button> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <span class="inline-block w-7" aria-hidden="true"></span></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div> <div><div class="flex items-center justify-between px-1 py-1"><span class="inline-block w-7" aria-hidden="true"></span> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <button type="button" aria-label="Next month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M1 1l5 5-5 5"></path></svg></button></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div></div> <!></div>`);
 var root$1_ = /* @__PURE__ */ from_html(`<div class="relative inline-block"><!> <!></div>`);
@@ -13402,7 +13413,7 @@ function DateRangePicker($$anchor, $$props) {
       reset(thead);
       var tbody = sibling(thead);
       each(tbody, 20, () => Array(6), index, ($$anchor3, _, row) => {
-        var tr_1 = root_4$F();
+        var tr_1 = root_4$G();
         each(tr_1, 20, () => Array(7), index, ($$anchor4, _2, col, $$array) => {
           const idx = /* @__PURE__ */ user_derived(() => row * 7 + col);
           const day = /* @__PURE__ */ user_derived(() => get(leftGrid)[get(idx)]);
@@ -13461,7 +13472,7 @@ function DateRangePicker($$anchor, $$props) {
       var thead_1 = child(table_1);
       var tr_2 = child(thead_1);
       each(tr_2, 21, () => DAYS, index, ($$anchor3, d) => {
-        var th_1 = root_6$b();
+        var th_1 = root_6$c();
         var text_5 = child(th_1, true);
         reset(th_1);
         template_effect(() => {
@@ -13474,7 +13485,7 @@ function DateRangePicker($$anchor, $$props) {
       reset(thead_1);
       var tbody_1 = sibling(thead_1);
       each(tbody_1, 20, () => Array(6), index, ($$anchor3, _, row) => {
-        var tr_3 = root_7$9();
+        var tr_3 = root_7$a();
         each(tr_3, 20, () => Array(7), index, ($$anchor4, _2, col, $$array_1) => {
           const idx = /* @__PURE__ */ user_derived(() => row * 7 + col);
           const day = /* @__PURE__ */ user_derived(() => get(rightGrid)[get(idx)]);
@@ -13483,7 +13494,7 @@ function DateRangePicker($$anchor, $$props) {
           const start = /* @__PURE__ */ user_derived(() => isStart(get(day)));
           const end = /* @__PURE__ */ user_derived(() => isEnd(get(day)));
           const inRange = /* @__PURE__ */ user_derived(() => isInRange(get(day)));
-          var td_1 = root_8$9();
+          var td_1 = root_8$8();
           var button_3 = child(td_1);
           var text_6 = child(button_3, true);
           reset(button_3);
@@ -13662,9 +13673,9 @@ function Delta_wc($$anchor, $$props) {
 }
 customElements.define("uni-delta", create_custom_element(Delta_wc, { dir: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_2$1f = /* @__PURE__ */ from_svg(`<path fill="none" stroke="rgba(255,255,255,0.13)" stroke-width="1.5"></path>`);
-var root_4$E = /* @__PURE__ */ from_svg(`<text fill="#C8CDD9" font-size="10" font-family="inherit"> </text>`);
+var root_4$F = /* @__PURE__ */ from_svg(`<text fill="#C8CDD9" font-size="10" font-family="inherit"> </text>`);
 var root_5$o = /* @__PURE__ */ from_svg(`<text fill="#8B909E" font-size="9" font-family="inherit"> </text>`);
-var root_6$a = /* @__PURE__ */ from_svg(`<text fill="#8B909E" font-size="9" font-family="inherit" text-anchor="middle"> </text>`);
+var root_6$b = /* @__PURE__ */ from_svg(`<text fill="#8B909E" font-size="9" font-family="inherit" text-anchor="middle"> </text>`);
 var root_3$Q = /* @__PURE__ */ from_svg(`<circle></circle><!>`, 1);
 var root_1$1A = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;overflow-x:auto"><svg aria-hidden="true" focusable="false"><!><!></svg></div>`);
 function Dendrogram($$anchor, $$props) {
@@ -13766,7 +13777,7 @@ function Dendrogram($$anchor, $$props) {
     var node_2 = sibling(circle);
     {
       var consequent = ($$anchor3) => {
-        var text2 = root_4$E();
+        var text2 = root_4$F();
         var text_1 = child(text2, true);
         reset(text2);
         template_effect(() => {
@@ -13788,7 +13799,7 @@ function Dendrogram($$anchor, $$props) {
         append($$anchor3, text_2);
       };
       var alternate = ($$anchor3) => {
-        var text_4 = root_6$a();
+        var text_4 = root_6$b();
         var text_5 = child(text_4, true);
         reset(text_4);
         template_effect(() => {
@@ -14107,8 +14118,8 @@ var root_1$1y = /* @__PURE__ */ from_svg(`<g><line stroke="rgba(255,255,255,0.06
 var root_3$P = /* @__PURE__ */ from_svg(`<line stroke-width="1.5" opacity="0.35"></line><circle fill="none" stroke="#A4A7B5" stroke-width="1.5"></circle>`, 1);
 var root_2$1e = /* @__PURE__ */ from_svg(`<g><text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><!><circle></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
 var root_5$n = /* @__PURE__ */ from_svg(`<circle r="4" fill="#006FFF"></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text>`, 1);
-var root_6$9 = /* @__PURE__ */ from_svg(`<circle r="3" fill="none" stroke="#A4A7B5" stroke-width="1.5"></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text>`, 1);
-var root_4$D = /* @__PURE__ */ from_svg(`<!><!>`, 1);
+var root_6$a = /* @__PURE__ */ from_svg(`<circle r="3" fill="none" stroke="#A4A7B5" stroke-width="1.5"></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text>`, 1);
+var root_4$E = /* @__PURE__ */ from_svg(`<!><!>`, 1);
 var root$1V = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function DotPlot($$anchor, $$props) {
   push($$props, true);
@@ -14230,7 +14241,7 @@ function DotPlot($$anchor, $$props) {
   var node_3 = sibling(node_1);
   {
     var consequent_3 = ($$anchor2) => {
-      var fragment_1 = root_4$D();
+      var fragment_1 = root_4$E();
       var node_4 = first_child(fragment_1);
       {
         var consequent_1 = ($$anchor3) => {
@@ -14255,7 +14266,7 @@ function DotPlot($$anchor, $$props) {
       var node_5 = sibling(node_4);
       {
         var consequent_2 = ($$anchor3) => {
-          var fragment_3 = root_6$9();
+          var fragment_3 = root_6$a();
           var circle_3 = first_child(fragment_3);
           var text_8 = sibling(circle_3);
           var text_9 = child(text_8, true);
@@ -14510,10 +14521,10 @@ customElements.define("uni-drawer", create_custom_element(Drawer_wc, { open: {},
 var root_1$1x = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
 var root_2$1d = /* @__PURE__ */ from_svg(`<text text-anchor="end" font-size="9" font-family="inherit" fill-opacity="0.8"> </text>`);
 var root_3$O = /* @__PURE__ */ from_svg(`<text text-anchor="start" font-size="9" font-family="inherit" fill-opacity="0.8"> </text>`);
-var root_4$C = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.75" rx="2"></rect>`);
+var root_4$D = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.75" rx="2"></rect>`);
 var root_5$m = /* @__PURE__ */ from_svg(`<path fill-opacity="0.12"></path>`);
-var root_6$8 = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>`);
-var root_7$8 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
+var root_6$9 = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>`);
+var root_7$9 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
 var root$1T = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!><!><!><!></svg> <div style="display:flex;gap:16px;justify-content:center;font-size:11px;color:#A4A7B5;margin-top:4px;"><span style="display:flex;align-items:center;gap:4px;"><span></span> </span> <span style="display:flex;align-items:center;gap:4px;"><span></span> </span></div></div>`);
 function DualAxisChart($$anchor, $$props) {
   push($$props, true);
@@ -14593,7 +14604,7 @@ function DualAxisChart($$anchor, $$props) {
   });
   var node_3 = sibling(node_2);
   each(node_3, 17, () => get(barRects), index, ($$anchor2, b) => {
-    var rect = root_4$C();
+    var rect = root_4$D();
     template_effect(() => {
       set_attribute(rect, "x", get(b).x);
       set_attribute(rect, "y", get(b).y);
@@ -14620,7 +14631,7 @@ function DualAxisChart($$anchor, $$props) {
   var node_5 = sibling(node_4);
   {
     var consequent_1 = ($$anchor2) => {
-      var path_1 = root_6$8();
+      var path_1 = root_6$9();
       template_effect(() => {
         set_attribute(path_1, "d", get(linePath));
         set_attribute(path_1, "stroke", $$props.line.color);
@@ -14633,7 +14644,7 @@ function DualAxisChart($$anchor, $$props) {
   }
   var node_6 = sibling(node_5);
   each(node_6, 17, labels, index, ($$anchor2, lbl, i) => {
-    var text_4 = root_7$8();
+    var text_4 = root_7$9();
     var text_5 = child(text_4, true);
     reset(text_4);
     template_effect(
@@ -15179,7 +15190,7 @@ function EmptyState_wc($$anchor, $$props) {
 customElements.define("uni-empty-state", create_custom_element(EmptyState_wc, { title: {}, description: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_2$19 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_3$M = /* @__PURE__ */ from_svg(`<path opacity="0.12"></path><path fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>`, 1);
-var root_4$B = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
+var root_4$C = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
 var root_1$1t = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function ErrorBandChart($$anchor, $$props) {
   push($$props, true);
@@ -15264,7 +15275,7 @@ function ErrorBandChart($$anchor, $$props) {
       });
       var node_3 = sibling(node_2);
       each(node_3, 17, xLabels, index, ($$anchor3, lbl, i) => {
-        var text_2 = root_4$B();
+        var text_2 = root_4$C();
         var text_3 = child(text_2, true);
         reset(text_2);
         template_effect(() => {
@@ -15494,7 +15505,7 @@ customElements.define("uni-eyebrow", create_custom_element(Eyebrow_wc, { class:
 let counter$k = 0;
 var root_1$1s = /* @__PURE__ */ from_html(`<span class="text-status-danger" aria-hidden="true">*</span>`);
 var root_2$18 = /* @__PURE__ */ from_html(`<div class="text-12 text-text-3"> </div>`);
-var root_4$A = /* @__PURE__ */ from_html(`<input class="h-[34px] w-full rounded-md border border-border-2 bg-bg-page px-3 text-13 text-text-1 outline-none transition-[border-color] duration-100 focus:border-brand-05 focus:[box-shadow:0_0_0_2px_rgba(0,111,255,0.2)] aria-[invalid='true']:border-status-danger aria-[invalid='true']:focus:[box-shadow:0_0_0_2px_rgba(240,58,58,0.12)]"/>`);
+var root_4$B = /* @__PURE__ */ from_html(`<input class="h-[34px] w-full rounded-md border border-border-2 bg-bg-page px-3 text-13 text-text-1 outline-none transition-[border-color] duration-100 focus:border-brand-05 focus:[box-shadow:0_0_0_2px_rgba(0,111,255,0.2)] aria-[invalid='true']:border-status-danger aria-[invalid='true']:focus:[box-shadow:0_0_0_2px_rgba(240,58,58,0.12)]"/>`);
 var root_5$l = /* @__PURE__ */ from_html(`<div class="text-12 text-status-danger" role="alert"> </div>`);
 var root$1N = /* @__PURE__ */ from_html(`<div class="mb-3 flex flex-col gap-1.5"><label class="text-12 font-medium text-text-3"> <!></label> <!> <!> <!></div>`);
 function Field($$anchor, $$props) {
@@ -15543,7 +15554,7 @@ function Field($$anchor, $$props) {
       append($$anchor2, fragment);
     };
     var alternate = ($$anchor2) => {
-      var input = root_4$A();
+      var input = root_4$B();
       remove_input_defaults(input);
       template_effect(() => {
         set_attribute(input, "id", inputId);
@@ -15911,13 +15922,13 @@ function defaultOp(type) {
 var root_2$16 = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer border-0 bg-transparent px-2.5 py-0.5 text-11 font-bold uppercase tracking-[0.06em] text-text-4 hover:bg-row-active hover:text-text-1 aria-pressed:bg-brand-05/[0.18] aria-pressed:text-status-info focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05"> </button>`);
 var root_1$1q = /* @__PURE__ */ from_html(`<span class="text-13 text-text-4">Match</span> <div class="flex overflow-hidden rounded border border-border-2" role="group" aria-label="Conjunction"></div> <span class="text-13 text-text-4">conditions</span>`, 1);
 var root_3$K = /* @__PURE__ */ from_html(`<button type="button" aria-label="Clear all filters" class="cursor-pointer border-0 bg-transparent px-1.5 py-1 text-12 leading-none text-text-4 hover:text-text-1 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">Clear</button>`);
-var root_6$7 = /* @__PURE__ */ from_html(`<option> </option>`);
-var root_7$7 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_6$8 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_7$8 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_9$4 = /* @__PURE__ */ from_html(`<option> </option>`);
-var root_8$8 = /* @__PURE__ */ from_html(`<select><option>Any</option><!></select>`);
+var root_8$7 = /* @__PURE__ */ from_html(`<select><option>Any</option><!></select>`);
 var root_10$3 = /* @__PURE__ */ from_html(`<input placeholder="Value…"/>`);
 var root_5$k = /* @__PURE__ */ from_html(`<li class="flex items-center gap-1.5"><label class="sr-only"></label> <select></select> <label class="sr-only"></label> <select></select> <label class="sr-only"></label> <!> <button type="button" class="flex h-[26px] w-[26px] shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-text-4 hover:bg-status-danger/10 hover:text-status-danger focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true" fill="currentColor"><path d="M1 1l10 10M11 1L1 11" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg></button></li>`);
-var root_4$z = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-1 p-0" aria-label="Filter rules"></ul>`);
+var root_4$A = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-1 p-0" aria-label="Filter rules"></ul>`);
 var root$1K = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-1.5" role="group"><div class="flex min-h-8 flex-wrap items-center gap-2"><span class="mr-1 text-12 font-semibold uppercase tracking-[0.05em] text-text-3">Filters</span> <!> <button type="button" aria-label="Add filter rule" class="ml-auto cursor-pointer rounded border border-dashed border-border-3 bg-transparent px-2.5 py-1 text-12 leading-none text-brand-05 hover:border-brand-05 hover:bg-brand-05/[0.08] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">+ Add rule</button> <!></div> <!></div>`);
 function FilterBuilder($$anchor, $$props) {
   push($$props, true);
@@ -16000,7 +16011,7 @@ function FilterBuilder($$anchor, $$props) {
   var node_2 = sibling(div_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var ul = root_4$z();
+      var ul = root_4$A();
       each(ul, 21, value, index, ($$anchor3, rule, i) => {
         const f = /* @__PURE__ */ user_derived(() => fields().find((x) => x.key === get(rule).field));
         const ops = /* @__PURE__ */ user_derived(() => opsFor(get(f)?.type));
@@ -16015,7 +16026,7 @@ function FilterBuilder($$anchor, $$props) {
         set_style(select, SELECT_CHEVRON);
         set_attribute(select, "aria-label", `Rule ${i + 1} field`);
         each(select, 21, fields, index, ($$anchor4, x) => {
-          var option = root_6$7();
+          var option = root_6$8();
           var text_1 = child(option, true);
           reset(option);
           var option_value = {};
@@ -16037,7 +16048,7 @@ function FilterBuilder($$anchor, $$props) {
         set_style(select_1, SELECT_CHEVRON);
         set_attribute(select_1, "aria-label", `Rule ${i + 1} operator`);
         each(select_1, 21, () => get(ops), index, ($$anchor4, op) => {
-          var option_1 = root_7$7();
+          var option_1 = root_7$8();
           var text_2 = child(option_1, true);
           reset(option_1);
           var option_1_value = {};
@@ -16057,7 +16068,7 @@ function FilterBuilder($$anchor, $$props) {
         var node_3 = sibling(label_2, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var select_2 = root_8$8();
+            var select_2 = root_8$7();
             set_class(select_2, 1, clsx(SELECT_CLS));
             set_style(select_2, SELECT_CHEVRON);
             set_attribute(select_2, "aria-label", `Rule ${i + 1} value`);
@@ -16200,7 +16211,7 @@ function FilterBuilder_wc($$anchor, $$props) {
 }
 customElements.define("uni-filter-builder", create_custom_element(FilterBuilder_wc, { fields: {}, value: {}, conjunction: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_5$j = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#fff" font-family="inherit"> </text>`);
-var root_4$y = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
+var root_4$z = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
 var root_2$15 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"></svg></div>`);
 function FlameGraph($$anchor, $$props) {
   let height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Flame graph");
@@ -16257,7 +16268,7 @@ function FlameGraph($$anchor, $$props) {
         var node_2 = first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var g = root_4$y();
+            var g = root_4$z();
             var rect = child(g);
             set_attribute(rect, "rx", 2);
             var node_3 = sibling(rect);
@@ -16368,7 +16379,7 @@ function FlameGraph_wc($$anchor, $$props) {
 }
 customElements.define("uni-flame-graph", create_custom_element(FlameGraph_wc, { root: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_3$J = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)" stroke-width="1.5"></line>`);
-var root_4$x = /* @__PURE__ */ from_svg(`<g><circle fill-opacity="0.85"></circle><text fill="#A4A7B5" font-size="8" text-anchor="middle" font-family="inherit"> </text></g>`);
+var root_4$y = /* @__PURE__ */ from_svg(`<g><circle fill-opacity="0.85"></circle><text fill="#A4A7B5" font-size="8" text-anchor="middle" font-family="inherit"> </text></g>`);
 var root_1$1p = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
 function ForceGraph($$anchor, $$props) {
   push($$props, true);
@@ -16469,7 +16480,7 @@ function ForceGraph($$anchor, $$props) {
       each(node_3, 17, nodes, index, ($$anchor3, n, ni) => {
         const r2 = /* @__PURE__ */ user_derived(() => get(n).r ?? 10);
         const color = /* @__PURE__ */ user_derived(() => get(n).color ?? PALETTE[ni % PALETTE.length]);
-        var g = root_4$x();
+        var g = root_4$y();
         var circle = child(g);
         var text2 = sibling(circle);
         var text_1 = child(text2, true);
@@ -17020,12 +17031,12 @@ customElements.define("uni-grid", create_custom_element(Grid_wc, { class: {} },
 var root_3$I = /* @__PURE__ */ from_html(`<span class="inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span>`);
 var root_2$13 = /* @__PURE__ */ from_html(`<button type="button"><!> <span class="flex-1 text-left font-medium"> </span> <span class="rounded bg-row-active px-1.5 py-0.5 text-11 text-text-3 tabular-nums"> </span> <svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true" focusable="false"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>`);
 var root_5$i = /* @__PURE__ */ from_html(`<span class="inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span>`);
-var root_4$w = /* @__PURE__ */ from_html(`<div><!> <span class="flex-1 text-left font-medium"> </span> <span class="rounded bg-row-active px-1.5 py-0.5 text-11 text-text-3 tabular-nums"> </span></div>`);
-var root_8$7 = /* @__PURE__ */ from_html(`<span class="inline-block h-2 w-2 shrink-0 rounded-full"></span>`);
+var root_4$x = /* @__PURE__ */ from_html(`<div><!> <span class="flex-1 text-left font-medium"> </span> <span class="rounded bg-row-active px-1.5 py-0.5 text-11 text-text-3 tabular-nums"> </span></div>`);
+var root_8$6 = /* @__PURE__ */ from_html(`<span class="inline-block h-2 w-2 shrink-0 rounded-full"></span>`);
 var root_9$3 = /* @__PURE__ */ from_html(`<div class="truncate text-11 text-text-4"> </div>`);
 var root_10$2 = /* @__PURE__ */ from_html(`<span class="shrink-0 text-11 text-text-4 tabular-nums"> </span>`);
-var root_7$6 = /* @__PURE__ */ from_html(`<li class="flex items-center gap-2 rounded px-2 py-1.5 text-13 hover:bg-divider"><!> <div class="min-w-0 flex-1"><div class="truncate text-text-2"> </div> <!></div> <!></li>`);
-var root_6$6 = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-0.5 p-0 pl-4" role="list"></ul>`);
+var root_7$7 = /* @__PURE__ */ from_html(`<li class="flex items-center gap-2 rounded px-2 py-1.5 text-13 hover:bg-divider"><!> <div class="min-w-0 flex-1"><div class="truncate text-text-2"> </div> <!></div> <!></li>`);
+var root_6$7 = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-0.5 p-0 pl-4" role="list"></ul>`);
 var root_1$1m = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-0.5"><!> <!></div>`);
 var root$1D = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-1.5"></div>`);
 function GroupedList($$anchor, $$props) {
@@ -17086,7 +17097,7 @@ function GroupedList($$anchor, $$props) {
         append($$anchor3, button);
       };
       var alternate = ($$anchor3) => {
-        var div_2 = root_4$w();
+        var div_2 = root_4$x();
         set_class(div_2, 1, clsx(HEADER_CLS));
         var node_2 = child(div_2);
         {
@@ -17120,13 +17131,13 @@ function GroupedList($$anchor, $$props) {
     var node_3 = sibling(node, 2);
     {
       var consequent_6 = ($$anchor3) => {
-        var ul = root_6$6();
+        var ul = root_6$7();
         each(ul, 21, () => get(group).items, index, ($$anchor4, item) => {
-          var li = root_7$6();
+          var li = root_7$7();
           var node_4 = child(li);
           {
             var consequent_3 = ($$anchor5) => {
-              var span_6 = root_8$7();
+              var span_6 = root_8$6();
               template_effect(() => {
                 set_style(span_6, `background:${STATUS_COLORS[get(item).status] ?? ""}`);
                 set_attribute(span_6, "aria-label", get(item).status);
@@ -17652,7 +17663,7 @@ customElements.define("uni-heat-map", create_custom_element(
   { mode: "open" }
 ));
 var root_2$11 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
-var root_4$v = /* @__PURE__ */ from_svg(`<path stroke="rgba(0,111,255,0.2)" stroke-width="0.5"></path>`);
+var root_4$w = /* @__PURE__ */ from_svg(`<path stroke="rgba(0,111,255,0.2)" stroke-width="0.5"></path>`);
 var root_5$h = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
 var root_1$1k = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function HexbinChart($$anchor, $$props) {
@@ -17763,7 +17774,7 @@ function HexbinChart($$anchor, $$props) {
         {
           var consequent = ($$anchor4) => {
             const alpha = /* @__PURE__ */ user_derived(() => (0.15 + 0.85 * (count() / get(maxCount))).toFixed(3));
-            var path = root_4$v();
+            var path = root_4$w();
             template_effect(
               ($0) => {
                 set_attribute(path, "d", $0);
@@ -18074,7 +18085,7 @@ function Histogram_wc($$anchor, $$props) {
 customElements.define("uni-histogram", create_custom_element(Histogram_wc, { bins: {}, height: {}, color: {}, xUnit: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_3$G = /* @__PURE__ */ from_svg(`<rect rx="1"></rect>`);
 var root_2$$ = /* @__PURE__ */ from_svg(`<text text-anchor="end" fill="#C8C9D0" font-size="9" font-family="inherit"> </text><rect fill="rgba(255,255,255,0.04)" rx="2"></rect><!>`, 1);
-var root_4$u = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" font-family="inherit"> </text>`);
+var root_4$v = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" font-family="inherit"> </text>`);
 var root_1$1i = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
 function HorizonChart($$anchor, $$props) {
   push($$props, true);
@@ -18158,7 +18169,7 @@ function HorizonChart($$anchor, $$props) {
       });
       var node_3 = sibling(node_1);
       each(node_3, 17, () => get(xTickPositions), index, ($$anchor3, tick2) => {
-        var text_2 = root_4$u();
+        var text_2 = root_4$v();
         var text_3 = child(text_2, true);
         reset(text_2);
         template_effect(() => {
@@ -18548,7 +18559,7 @@ function IPInput_wc($$anchor, $$props) {
 }
 customElements.define("uni-ipinput", create_custom_element(IPInput_wc, { label: {}, value: {}, disabled: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_5$g = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#fff" font-family="inherit"> </text>`);
-var root_4$t = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
+var root_4$u = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
 var root_2$Z = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"></svg></div>`);
 function IcicleChart($$anchor, $$props) {
   let height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Icicle chart");
@@ -18604,7 +18615,7 @@ function IcicleChart($$anchor, $$props) {
         var node_2 = first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var g = root_4$t();
+            var g = root_4$u();
             var rect = child(g);
             set_attribute(rect, "rx", 2);
             var node_3 = sibling(rect);
@@ -18904,7 +18915,7 @@ customElements.define("uni-inline-edit", create_custom_element(InlineEdit_wc, {
 var root_1$1e = /* @__PURE__ */ from_html(`<input type="text"/>`);
 var root_2$X = /* @__PURE__ */ from_html(`<input type="password"/>`);
 var root_3$E = /* @__PURE__ */ from_html(`<input type="number"/>`);
-var root_4$s = /* @__PURE__ */ from_html(`<input/>`);
+var root_4$t = /* @__PURE__ */ from_html(`<input/>`);
 function Input($$anchor, $$props) {
   push($$props, true);
   let value = prop($$props, "value", 15, ""), placeholder = prop($$props, "placeholder", 3, ""), type = prop($$props, "type", 3, "text"), className = prop($$props, "class", 3, ""), style = prop($$props, "style", 3, "");
@@ -18981,7 +18992,7 @@ function Input($$anchor, $$props) {
       append($$anchor2, input_2);
     };
     var alternate = ($$anchor2) => {
-      var input_3 = root_4$s();
+      var input_3 = root_4$t();
       remove_input_defaults(input_3);
       template_effect(() => {
         set_class(input_3, 1, `h-[34px] w-full rounded-md border border-border-2 bg-bg-page px-3 text-13 text-text-1 outline-none transition-[border-color] duration-100 focus:border-brand-05 focus:[box-shadow:0_0_0_2px_rgba(0,111,255,0.2)] aria-[invalid='true']:border-status-danger aria-[invalid='true']:focus:[box-shadow:0_0_0_2px_rgba(240,58,58,0.12)] ${className() ?? ""}`);
@@ -19162,14 +19173,14 @@ function InputGroup_wc($$anchor, $$props) {
 customElements.define("uni-input-group", create_custom_element(InputGroup_wc, { prefix: {}, suffix: {} }, ["default"], [], { mode: "open" }));
 var root_2$V = /* @__PURE__ */ from_html(`<span> </span><span>:</span>`, 1);
 var root_3$D = /* @__PURE__ */ from_html(`<span>null</span>`);
-var root_4$r = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_4$s = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_5$f = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_6$5 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_6$6 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_1$1c = /* @__PURE__ */ from_html(`<div role="treeitem" aria-selected="false" class="px-3 py-px"><!> <!></div>`);
-var root_8$6 = /* @__PURE__ */ from_html(`<span> </span><span>:</span>`, 1);
+var root_8$5 = /* @__PURE__ */ from_html(`<span> </span><span>:</span>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<span> </span><span> </span>`, 1);
 var root_10$1 = /* @__PURE__ */ from_html(`<div role="group" class="block"><!> <div class="px-3 py-px"><span> </span></div></div>`);
-var root_7$5 = /* @__PURE__ */ from_html(`<div role="treeitem" aria-selected="false" class="block"><button type="button" class="flex w-full cursor-pointer items-baseline border-0 bg-transparent px-3 py-px text-left font-mono text-12 leading-[1.8] hover:bg-divider focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05"><span class="mr-1 inline-block w-3 text-text-4" aria-hidden="true"> </span> <!> <span> </span> <!></button> <!></div>`);
+var root_7$6 = /* @__PURE__ */ from_html(`<div role="treeitem" aria-selected="false" class="block"><button type="button" class="flex w-full cursor-pointer items-baseline border-0 bg-transparent px-3 py-px text-left font-mono text-12 leading-[1.8] hover:bg-divider focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05"><span class="mr-1 inline-block w-3 text-text-4" aria-hidden="true"> </span> <!> <span> </span> <!></button> <!></div>`);
 function JsonViewerNode_1($$anchor, $$props) {
   push($$props, true);
   let k = prop($$props, "k", 3, void 0), depth = prop($$props, "depth", 3, 0), maxDepth = prop($$props, "maxDepth", 3, 3), startOpen = prop($$props, "startOpen", 3, true);
@@ -19221,7 +19232,7 @@ function JsonViewerNode_1($$anchor, $$props) {
           append($$anchor3, span_2);
         };
         var consequent_2 = ($$anchor3) => {
-          var span_3 = root_4$r();
+          var span_3 = root_4$s();
           set_class(span_3, 1, clsx(STR));
           var text_1 = child(span_3);
           reset(span_3);
@@ -19237,7 +19248,7 @@ function JsonViewerNode_1($$anchor, $$props) {
           append($$anchor3, span_4);
         };
         var alternate = ($$anchor3) => {
-          var span_5 = root_6$5();
+          var span_5 = root_6$6();
           set_class(span_5, 1, clsx(BOOL));
           var text_3 = child(span_5, true);
           reset(span_5);
@@ -19256,7 +19267,7 @@ function JsonViewerNode_1($$anchor, $$props) {
       append($$anchor2, div);
     };
     var alternate_1 = ($$anchor2) => {
-      var div_1 = root_7$5();
+      var div_1 = root_7$6();
       var button = child(div_1);
       let styles_1;
       var span_6 = child(button);
@@ -19265,7 +19276,7 @@ function JsonViewerNode_1($$anchor, $$props) {
       var node_3 = sibling(span_6, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var fragment_2 = root_8$6();
+          var fragment_2 = root_8$5();
           var span_7 = first_child(fragment_2);
           set_class(span_7, 1, clsx(KEY));
           var text_5 = child(span_7);
@@ -19602,10 +19613,10 @@ function KVTable_wc($$anchor, $$props) {
 }
 customElements.define("uni-kvtable", create_custom_element(KVTable_wc, { rows: {}, caption: {} }, ["default"], [], { mode: "open" }));
 var root_2$T = /* @__PURE__ */ from_html(`<span class="inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span>`);
-var root_4$q = /* @__PURE__ */ from_html(`<span class="text-12 text-text-3"> </span>`);
+var root_4$r = /* @__PURE__ */ from_html(`<span class="text-12 text-text-3"> </span>`);
 var root_5$e = /* @__PURE__ */ from_html(`<span class="text-11 text-text-4"> </span>`);
 var root_3$C = /* @__PURE__ */ from_html(`<li><button type="button" class="flex w-full cursor-grab flex-col items-start gap-0.5 rounded-md border border-border-1 bg-bg-1 p-2 text-left active:cursor-grabbing hover:border-border-3 data-[grabbed=true]:border-brand-05 data-[grabbed=true]:bg-brand-05/[0.08] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><span class="text-13 font-medium text-text-1"> </span> <!> <!></button></li>`);
-var root_6$4 = /* @__PURE__ */ from_html(`<li class="rounded-md border border-dashed border-border-1 p-3 text-center text-11 text-text-4" role="note">Empty</li>`);
+var root_6$5 = /* @__PURE__ */ from_html(`<li class="rounded-md border border-dashed border-border-1 p-3 text-center text-11 text-text-4" role="note">Empty</li>`);
 var root_1$19 = /* @__PURE__ */ from_html(`<div role="listitem" class="flex min-w-[240px] flex-1 flex-col gap-2 rounded-lg border border-border-1 bg-divider p-2 data-[over=true]:border-brand-05/40 data-[over=true]:bg-brand-05/[0.04]"><div class="flex items-center gap-2 px-1 pt-0.5"><!> <span class="flex-1 text-12 font-semibold uppercase tracking-[0.05em] text-text-3"> </span> <span class="rounded bg-row-active px-1.5 py-0.5 text-11 text-text-4 tabular-nums"> </span></div> <ul class="m-0 flex list-none flex-col gap-1.5 p-0"><!> <!></ul></div>`);
 var root$1r = /* @__PURE__ */ from_html(`<div role="region"><span role="status" aria-live="assertive" aria-atomic="true" class="sr-only"> </span> <div class="flex gap-3 overflow-x-auto" role="list"></div></div>`);
 function KanbanBoard($$anchor, $$props) {
@@ -19716,7 +19727,7 @@ function KanbanBoard($$anchor, $$props) {
       var node_2 = sibling(span_4, 2);
       {
         var consequent_1 = ($$anchor4) => {
-          var span_5 = root_4$q();
+          var span_5 = root_4$r();
           var text_4 = child(span_5, true);
           reset(span_5);
           template_effect(() => set_text(text_4, get(card).subtitle));
@@ -19759,7 +19770,7 @@ function KanbanBoard($$anchor, $$props) {
     var node_4 = sibling(node_1, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var li_1 = root_6$4();
+        var li_1 = root_6$5();
         template_effect(() => set_attribute(li_1, "aria-label", `${get(col).title} is empty`));
         append($$anchor3, li_1);
       };
@@ -20604,9 +20615,9 @@ function Mac_wc($$anchor, $$props) {
 }
 customElements.define("uni-mac", create_custom_element(Mac_wc, { class: {} }, ["default"], [], { mode: "open" }));
 var root_3$z = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#A4A7B5" font-family="inherit"> </text>`);
-var root_6$3 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#fff" font-family="inherit"> </text>`);
+var root_6$4 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#fff" font-family="inherit"> </text>`);
 var root_5$c = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
-var root_7$4 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)"></line>`);
+var root_7$5 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)"></line>`);
 var root_1$14 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function MarimekkoChart($$anchor, $$props) {
   push($$props, true);
@@ -20697,7 +20708,7 @@ function MarimekkoChart($$anchor, $$props) {
             var node_5 = sibling(rect);
             {
               var consequent_1 = ($$anchor5) => {
-                var text_2 = root_6$3();
+                var text_2 = root_6$4();
                 var text_3 = child(text_2, true);
                 reset(text_2);
                 template_effect(
@@ -20741,7 +20752,7 @@ function MarimekkoChart($$anchor, $$props) {
       });
       var node_6 = sibling(node_3);
       each(node_6, 17, () => get(layout).headers.slice(0, -1), index, ($$anchor3, h) => {
-        var line = root_7$4();
+        var line = root_7$5();
         set_attribute(line, "y1", LABEL_H);
         set_attribute(line, "stroke-width", 1);
         template_effect(() => {
@@ -20816,7 +20827,7 @@ customElements.define("uni-marimekko-chart", create_custom_element(MarimekkoChar
 var root_1$13 = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text>`);
 var root_2$P = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text>`);
 var root_5$b = /* @__PURE__ */ from_svg(`<text font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
-var root_4$p = /* @__PURE__ */ from_svg(`<rect rx="3"></rect><!>`, 1);
+var root_4$q = /* @__PURE__ */ from_svg(`<rect rx="3"></rect><!>`, 1);
 var root$1k = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function MatrixChart($$anchor, $$props) {
   push($$props, true);
@@ -20876,7 +20887,7 @@ function MatrixChart($$anchor, $$props) {
       const y = /* @__PURE__ */ user_derived(() => TOP + ri * CELL);
       const cx = /* @__PURE__ */ user_derived(() => get(x) + CELL / 2);
       const cy = /* @__PURE__ */ user_derived(() => get(y) + CELL / 2);
-      var fragment_1 = root_4$p();
+      var fragment_1 = root_4$q();
       var rect = first_child(fragment_1);
       set_attribute(rect, "width", CELL - 2);
       set_attribute(rect, "height", CELL - 2);
@@ -20990,7 +21001,7 @@ function MatrixChart_wc($$anchor, $$props) {
 }
 customElements.define("uni-matrix-chart", create_custom_element(MatrixChart_wc, { rows: {}, cols: {}, values: {}, unit: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 let counter$f = 0;
-var root_4$o = /* @__PURE__ */ from_html(`<li role="separator" aria-hidden="true" class="my-[3px] h-px list-none bg-row-active"></li>`);
+var root_4$p = /* @__PURE__ */ from_html(`<li role="separator" aria-hidden="true" class="my-[3px] h-px list-none bg-row-active"></li>`);
 var root_5$a = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer select-none items-center whitespace-nowrap rounded px-2.5 py-1.5 text-13 text-text-3 transition-colors duration-75 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 aria-disabled:cursor-default aria-disabled:text-white/25 aria-disabled:pointer-events-none"> </li>`);
 var root_2$O = /* @__PURE__ */ from_html(`<ul role="menu" class="absolute left-0 top-[calc(100%+2px)] z-[200] m-0 min-w-[180px] list-none rounded-md border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.4)]"></ul>`);
 var root_1$12 = /* @__PURE__ */ from_html(`<div class="relative"><button type="button" role="menuitem" aria-haspopup="menu" class="inline-flex cursor-pointer items-center rounded border-0 bg-transparent px-2.5 py-1.5 text-13 leading-none text-text-3 transition-[background-color,color] duration-100 hover:bg-row-active hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-[1px] focus-visible:outline-brand-05 data-[open=true]:bg-row-active data-[open=true]:text-text-1"> </button> <!></div>`);
@@ -21099,7 +21110,7 @@ function Menubar($$anchor, $$props) {
           var node_1 = first_child(fragment);
           {
             var consequent = ($$anchor5) => {
-              var li = root_4$o();
+              var li = root_4$p();
               append($$anchor5, li);
             };
             var alternate = ($$anchor5) => {
@@ -21613,9 +21624,9 @@ let counter$e = 0;
 var root_1$10 = /* @__PURE__ */ from_html(`<label class="sr-only"> </label>`);
 var root_3$x = /* @__PURE__ */ from_html(`<span class="inline-flex h-6 items-center gap-1 whitespace-nowrap rounded-full border border-brand-05/25 bg-brand-05/[0.14] pl-2.5 pr-1 text-12 font-medium text-status-info"><span class="leading-none"> </span> <button type="button" class="inline-flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-status-info transition-colors duration-100 hover:bg-brand-05/25 hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-brand-05"><svg viewBox="0 0 10 10" width="10" height="10" fill="none" aria-hidden="true" focusable="false"><path d="M2 2l6 6M8 2l-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></span>`);
 var root_5$9 = /* @__PURE__ */ from_html(`<li class="list-none p-2.5 text-center text-13 text-text-4">No results</li>`);
-var root_8$5 = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 12 12" width="12" height="12" fill="none" aria-hidden="true"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
-var root_7$3 = /* @__PURE__ */ from_html(`<li role="option" class="flex cursor-pointer items-center gap-2 rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1"><span aria-hidden="true"><!></span> </li>`);
-var root_4$n = /* @__PURE__ */ from_html(`<ul role="listbox" aria-multiselectable="true" class="absolute left-0 top-[calc(100%+4px)] z-[9000] m-0 max-h-60 min-w-full list-none overflow-y-auto rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><!></ul>`);
+var root_8$4 = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 12 12" width="12" height="12" fill="none" aria-hidden="true"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
+var root_7$4 = /* @__PURE__ */ from_html(`<li role="option" class="flex cursor-pointer items-center gap-2 rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1"><span aria-hidden="true"><!></span> </li>`);
+var root_4$o = /* @__PURE__ */ from_html(`<ul role="listbox" aria-multiselectable="true" class="absolute left-0 top-[calc(100%+4px)] z-[9000] m-0 max-h-60 min-w-full list-none overflow-y-auto rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><!></ul>`);
 var root$1f = /* @__PURE__ */ from_html(`<div><!> <div class="relative flex min-h-[34px] cursor-text flex-wrap items-center gap-1 rounded-md border border-border-2 bg-bg-page py-[3px] pl-2 pr-9 transition-colors duration-100 hover:border-border-3 data-[open=true]:border-brand-05 data-[open=true]:shadow-[0_0_0_2px_rgba(0,111,255,0.2)]"><!> <input role="combobox" aria-autocomplete="list" autocomplete="off" spellcheck="false" class="h-6 min-w-[80px] flex-1 border-0 bg-transparent px-1 text-13 leading-none text-text-1 outline-none placeholder:text-text-4"/> <button type="button" aria-hidden="true" class="absolute right-2 flex cursor-pointer items-center border-0 bg-transparent p-0.5 leading-none text-text-4"><svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></button></div> <!></div>`);
 function MultiSelect($$anchor, $$props) {
   push($$props, true);
@@ -21747,7 +21758,7 @@ function MultiSelect($$anchor, $$props) {
   var node_3 = sibling(div_1, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var ul = root_4$n();
+      var ul = root_4$o();
       var node_4 = child(ul);
       {
         var consequent_2 = ($$anchor3) => {
@@ -21759,12 +21770,12 @@ function MultiSelect($$anchor, $$props) {
           var node_5 = first_child(fragment_1);
           each(node_5, 19, () => get(filtered), (opt) => opt.value, ($$anchor4, opt, idx) => {
             const selected = /* @__PURE__ */ user_derived(() => get(selectedSet).has(get(opt).value));
-            var li_1 = root_7$3();
+            var li_1 = root_7$4();
             var span_2 = child(li_1);
             var node_6 = child(span_2);
             {
               var consequent_3 = ($$anchor5) => {
-                var svg_1 = root_8$5();
+                var svg_1 = root_8$4();
                 append($$anchor5, svg_1);
               };
               if_block(node_6, ($$render) => {
@@ -22048,7 +22059,7 @@ function NameCell_wc($$anchor, $$props) {
 }
 customElements.define("uni-name-cell", create_custom_element(NameCell_wc, { class: {}, thumbClass: {} }, ["default"], [], { mode: "open" }));
 var root_2$L = /* @__PURE__ */ from_svg(`<circle fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="1"></circle>`);
-var root_4$m = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
+var root_4$n = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
 var root_3$w = /* @__PURE__ */ from_svg(`<path></path><!>`, 1);
 var root_1$_ = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><circle fill="#13131A" stroke="rgba(255,255,255,0.1)" stroke-width="1"></circle></svg></div>`);
 function NightingaleChart($$anchor, $$props) {
@@ -22108,7 +22119,7 @@ function NightingaleChart($$anchor, $$props) {
         var node_3 = sibling(path);
         {
           var consequent = ($$anchor4) => {
-            var text2 = root_4$m();
+            var text2 = root_4$n();
             var text_1 = child(text2, true);
             reset(text2);
             template_effect(
@@ -22232,10 +22243,10 @@ customElements.define("uni-notif-dot", create_custom_element(NotifDot_wc, { clas
 var root_1$Z = /* @__PURE__ */ from_html(`<span class="inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-brand-05 px-1.5 text-11 font-bold text-white tabular-nums"> </span>`);
 var root_2$K = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer rounded border-0 bg-transparent px-1.5 py-0.5 text-11 text-brand-05 hover:text-status-info focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">Mark all read</button>`);
 var root_3$v = /* @__PURE__ */ from_html(`<button type="button" role="tab" class="cursor-pointer rounded border border-border-2 bg-transparent px-2.5 py-0.5 text-11 text-text-3 hover:bg-row-hover hover:text-text-1 data-[active=true]:border-brand-05 data-[active=true]:bg-brand-05/[0.10] data-[active=true]:text-brand-05 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </button>`);
-var root_4$l = /* @__PURE__ */ from_html(`<div class="p-6 text-center text-13 text-text-4">No notifications</div>`);
-var root_7$2 = /* @__PURE__ */ from_html(`<p class="m-0 mt-0.5 text-12 text-text-3"> </p>`);
-var root_8$4 = /* @__PURE__ */ from_html(`<button type="button" title="Mark as read" class="inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-status-success hover:bg-status-success/10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">&#10003;</button>`);
-var root_6$2 = /* @__PURE__ */ from_html(`<div class="flex items-start gap-2 border-b border-border-1 px-4 py-3 last:border-b-0 data-[read=true]:opacity-60"><span class="mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span> <div class="min-w-0 flex-1"><div class="flex items-baseline justify-between gap-2"><span class="truncate text-13 font-medium text-text-1"> </span> <span class="shrink-0 text-11 text-text-4 tabular-nums"> </span></div> <!> <span class="mt-1 inline-block rounded bg-row-active px-1.5 py-0.5 text-[10px] uppercase tracking-[0.05em] text-text-4"> </span></div> <!></div>`);
+var root_4$m = /* @__PURE__ */ from_html(`<div class="p-6 text-center text-13 text-text-4">No notifications</div>`);
+var root_7$3 = /* @__PURE__ */ from_html(`<p class="m-0 mt-0.5 text-12 text-text-3"> </p>`);
+var root_8$3 = /* @__PURE__ */ from_html(`<button type="button" title="Mark as read" class="inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-status-success hover:bg-status-success/10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">&#10003;</button>`);
+var root_6$3 = /* @__PURE__ */ from_html(`<div class="flex items-start gap-2 border-b border-border-1 px-4 py-3 last:border-b-0 data-[read=true]:opacity-60"><span class="mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span> <div class="min-w-0 flex-1"><div class="flex items-baseline justify-between gap-2"><span class="truncate text-13 font-medium text-text-1"> </span> <span class="shrink-0 text-11 text-text-4 tabular-nums"> </span></div> <!> <span class="mt-1 inline-block rounded bg-row-active px-1.5 py-0.5 text-[10px] uppercase tracking-[0.05em] text-text-4"> </span></div> <!></div>`);
 var root$1b = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-[9100] hidden bg-black/45 backdrop-blur-sm data-[open=true]:block" aria-hidden="true"></div> <div class="fixed right-0 top-0 z-[9200] flex h-full w-[380px] max-w-[90vw] translate-x-full flex-col overflow-hidden border-l border-border-1 bg-bg-1 shadow-[0_0_40px_rgba(0,0,0,0.6)] transition-transform duration-200 data-[open=true]:translate-x-0 motion-reduce:transition-none" role="dialog" aria-modal="true"><div class="border-b border-border-1 px-4 py-3"><div class="flex items-center justify-between gap-2"><h2 class="m-0 flex items-center gap-2 text-15 font-semibold text-text-1">Notifications <!></h2> <div class="flex items-center gap-1.5"><!> <button type="button" aria-label="Close notifications" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.75.75 0 1 1 1.06 1.06L9.06 8l3.22 3.22a.75.75 0 1 1-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 0 1-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06z"></path></svg></button></div></div> <div class="mt-2 flex gap-1" role="tablist" aria-label="Filter by type"></div></div> <div class="flex-1 overflow-y-auto" role="log" aria-live="polite" aria-label="Notifications" aria-relevant="additions"><!></div></div>`, 1);
 function NotificationPanel($$anchor, $$props) {
   push($$props, true);
@@ -22365,14 +22376,14 @@ function NotificationPanel($$anchor, $$props) {
   var node_2 = child(div_6);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_7 = root_4$l();
+      var div_7 = root_4$m();
       append($$anchor2, div_7);
     };
     var alternate = ($$anchor2) => {
       var fragment_1 = comment();
       var node_3 = first_child(fragment_1);
       each(node_3, 17, () => get(filtered), (n) => n.id, ($$anchor3, n) => {
-        var div_8 = root_6$2();
+        var div_8 = root_6$3();
         var span_1 = child(div_8);
         var div_9 = sibling(span_1, 2);
         var div_10 = child(div_9);
@@ -22386,7 +22397,7 @@ function NotificationPanel($$anchor, $$props) {
         var node_4 = sibling(div_10, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var p = root_7$2();
+            var p = root_7$3();
             var text_4 = child(p, true);
             reset(p);
             template_effect(() => set_text(text_4, get(n).description));
@@ -22403,7 +22414,7 @@ function NotificationPanel($$anchor, $$props) {
         var node_5 = sibling(div_9, 2);
         {
           var consequent_4 = ($$anchor4) => {
-            var button_3 = root_8$4();
+            var button_3 = root_8$3();
             template_effect(() => set_attribute(button_3, "aria-label", `Mark as read: ${get(n).title}`));
             delegated("click", button_3, () => onMarkRead()?.(get(n).id));
             append($$anchor4, button_3);
@@ -22977,7 +22988,7 @@ function PageHeader_wc($$anchor, $$props) {
 }
 customElements.define("uni-page-header", create_custom_element(PageHeader_wc, { title: {}, sticky: {}, class: {} }, ["default"], [], { mode: "open" }));
 var root_3$t = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="inline-flex h-[30px] min-w-[30px] items-center justify-center text-13 text-text-4">&#x2026;</span>`);
-var root_4$k = /* @__PURE__ */ from_html(`<button type="button"> </button>`);
+var root_4$l = /* @__PURE__ */ from_html(`<button type="button"> </button>`);
 var root_1$V = /* @__PURE__ */ from_html(`<nav class="flex items-center gap-0.5" aria-label="Pagination"><button type="button" aria-label="Previous page">&#x2039;</button> <!> <button type="button" aria-label="Next page">&#x203A;</button></nav>`);
 function Pagination($$anchor, $$props) {
   push($$props, true);
@@ -23017,7 +23028,7 @@ function Pagination($$anchor, $$props) {
             append($$anchor4, span);
           };
           var alternate = ($$anchor4) => {
-            var button_1 = root_4$k();
+            var button_1 = root_4$l();
             var text2 = child(button_1, true);
             reset(button_1);
             template_effect(() => {
@@ -23105,7 +23116,7 @@ customElements.define("uni-pagination", create_custom_element(Pagination_wc, { p
 var root_2$H = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="7" text-anchor="middle" font-family="inherit"> </text>`);
 var root_3$s = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.25)" stroke-width="1"></line><text fill="#6E7079" font-size="7" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_1$U = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.2)" stroke-width="1"></line><text fill="#A4A7B5" font-size="8" text-anchor="middle" font-family="inherit"> </text><!><!>`, 1);
-var root_4$j = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="1.5" opacity="0.75"></path>`);
+var root_4$k = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="1.5" opacity="0.75"></path>`);
 var root$17 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
 function ParallelCoordinates($$anchor, $$props) {
   push($$props, true);
@@ -23220,7 +23231,7 @@ function ParallelCoordinates($$anchor, $$props) {
   });
   var node_3 = sibling(node);
   each(node_3, 17, () => get(paths), index, ($$anchor2, p) => {
-    var path = root_4$j();
+    var path = root_4$k();
     template_effect(() => {
       set_attribute(path, "d", get(p).d);
       set_attribute(path, "stroke", get(p).stroke);
@@ -23296,7 +23307,7 @@ customElements.define("uni-parallel-coordinates", create_custom_element(Parallel
 var root_1$T = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
 var root_2$G = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.85" rx="2"></rect>`);
 var root_3$r = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.3)" stroke-width="1" stroke-dasharray="4 3"></line>`);
-var root_4$i = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8"> </text>`);
+var root_4$j = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8"> </text>`);
 var root_5$8 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
 var root$16 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><polyline fill="none" stroke-width="1.5" stroke-linejoin="round"></polyline><!><!></svg></div>`);
 function ParetoChart($$anchor, $$props) {
@@ -23388,7 +23399,7 @@ function ParetoChart($$anchor, $$props) {
   var polyline = sibling(node_2);
   var node_3 = sibling(polyline);
   each(node_3, 17, () => get(pctLabels), index, ($$anchor2, pl) => {
-    var text2 = root_4$i();
+    var text2 = root_4$j();
     var text_1 = child(text2, true);
     reset(text2);
     template_effect(() => {
@@ -23681,7 +23692,7 @@ customElements.define("uni-password-input", create_custom_element(
 ));
 var root_1$R = /* @__PURE__ */ from_svg(`<path stroke="#1a1d2b" stroke-width="1.5"></path>`);
 var root_3$p = /* @__PURE__ */ from_svg(`<text fill="#fff" font-size="9" text-anchor="middle" dominant-baseline="middle" font-family="inherit" font-weight="600"> </text>`);
-var root_4$h = /* @__PURE__ */ from_svg(`<g><rect width="8" height="8" rx="2"></rect><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
+var root_4$i = /* @__PURE__ */ from_svg(`<g><rect width="8" height="8" rx="2"></rect><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
 var root$14 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function PieChart($$anchor, $$props) {
   push($$props, true);
@@ -23780,7 +23791,7 @@ function PieChart($$anchor, $$props) {
     const lx = /* @__PURE__ */ user_derived(() => get(col) * get(colW) + 10);
     const ly = /* @__PURE__ */ user_derived(() => size() + 6 + get(row) * LEGEND_ROW);
     const c = /* @__PURE__ */ user_derived(() => get(sl).color ?? COLORS[get(i) % COLORS.length]);
-    var g = root_4$h();
+    var g = root_4$i();
     var rect = child(g);
     var text_2 = sibling(rect);
     var text_3 = child(text_2);
@@ -23951,7 +23962,7 @@ function Pill_wc($$anchor, $$props) {
 customElements.define("uni-pill", create_custom_element(Pill_wc, { variant: {}, showDot: {}, class: {}, style: {} }, ["default"], [], { mode: "open" }));
 var root_2$E = /* @__PURE__ */ from_svg(`<circle fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"></circle>`);
 var root_3$o = /* @__PURE__ */ from_svg(`<path></path>`);
-var root_4$g = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="7" text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
+var root_4$h = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="7" text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
 var root_1$P = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><circle fill="#13131A" stroke="rgba(255,255,255,0.08)" stroke-width="0.5"></circle></svg></div>`);
 function PolarHeatmap($$anchor, $$props) {
   push($$props, true);
@@ -24034,7 +24045,7 @@ function PolarHeatmap($$anchor, $$props) {
       });
       var node_3 = sibling(node_2);
       each(node_3, 17, () => get(visibleColLabels), index, ($$anchor3, lbl) => {
-        var text2 = root_4$g();
+        var text2 = root_4$h();
         var text_1 = child(text2, true);
         reset(text2);
         template_effect(() => {
@@ -24150,10 +24161,34 @@ customElements.define("uni-polar-heatmap", create_custom_element(
   [],
   { mode: "open" }
 ));
+const portal = (node, target = "body") => {
+  const resolveTarget = (value) => {
+    if (value === void 0) return document.body;
+    if (typeof value === "string") {
+      return document.querySelector(value);
+    }
+    return value;
+  };
+  const move2 = (value) => {
+    const parent = resolveTarget(value);
+    if (parent !== null && parent !== node.parentNode) {
+      parent.appendChild(node);
+    }
+  };
+  move2(target);
+  return {
+    update(next2) {
+      move2(next2);
+    },
+    destroy() {
+      node.remove();
+    }
+  };
+};
 let counter$a = 0;
 var root_5$7 = /* @__PURE__ */ from_html(`<div class="border-b border-border-1 px-3.5 pb-2 pt-2.5 text-11 font-semibold uppercase tracking-[0.06em] text-text-4"> </div>`);
-var root_4$f = /* @__PURE__ */ from_html(`<div role="dialog" class="fixed z-[9100] min-w-[200px] max-w-[320px] rounded-[10px] border border-border-3 bg-bg-2 shadow-[0_8px_32px_rgba(0,0,0,0.5)] focus:outline-none"><!> <div class="flex flex-col gap-2.5 px-3.5 py-3"><!></div></div>`);
-var root$12 = /* @__PURE__ */ from_html(`<div class="relative inline-block"><!> <!></div>`);
+var root_4$g = /* @__PURE__ */ from_html(`<div role="dialog" class="fixed z-[9100] min-w-[200px] max-w-[320px] rounded-[10px] border border-border-3 bg-bg-2 shadow-[0_8px_32px_rgba(0,0,0,0.5)] focus:outline-none"><!> <div class="flex flex-col gap-2.5 px-3.5 py-3"><!></div></div>`);
+var root$12 = /* @__PURE__ */ from_html(`<div class="relative inline-flex items-center"><!> <!></div>`);
 function Popover($$anchor, $$props) {
   push($$props, true);
   let variant = prop($$props, "variant", 3, "ghost"), title = prop($$props, "title", 3, void 0), placement = prop($$props, "placement", 3, "bottom-start"), open = prop($$props, "open", 15, false);
@@ -24217,7 +24252,11 @@ function Popover($$anchor, $$props) {
     }
   }
   function onPointer(e) {
-    if (open() && !get(rootEl)?.contains(e.target)) open(false);
+    if (!open()) return;
+    const target = e.target;
+    if (get(rootEl)?.contains(target)) return;
+    if (get(panelEl)?.contains(target)) return;
+    open(false);
   }
   function onResize() {
     if (open()) recomputePosition();
@@ -24273,7 +24312,7 @@ function Popover($$anchor, $$props) {
   var node_2 = sibling(node, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_4$f();
+      var div_1 = root_4$g();
       set_attribute(div_1, "tabindex", -1);
       var node_3 = child(div_1);
       {
@@ -24297,6 +24336,7 @@ function Popover($$anchor, $$props) {
       reset(div_3);
       reset(div_1);
       bind_this(div_1, ($$value) => set(panelEl, $$value), () => get(panelEl));
+      action(div_1, ($$node) => portal?.($$node));
       template_effect(() => {
         set_attribute(div_1, "aria-labelledby", title() ? titleId : void 0);
         set_style(div_1, `top: ${get(panelTop)}px; left: ${get(panelLeft)}px`);
@@ -24492,7 +24532,7 @@ function ProgressBar_wc($$anchor, $$props) {
 customElements.define("uni-progress-bar", create_custom_element(ProgressBar_wc, { value: {}, label: {}, valueText: {}, color: {} }, ["default"], [], { mode: "open" }));
 var root_1$N = /* @__PURE__ */ from_svg(`<text font-size="8" fill="#6E7079" text-anchor="end" font-family="inherit"> </text>`);
 var root_3$n = /* @__PURE__ */ from_svg(`<text font-size="7" fill="#6E7079" text-anchor="middle" font-family="inherit"> </text>`);
-var root_4$e = /* @__PURE__ */ from_svg(`<circle fill-opacity="0.72"></circle>`);
+var root_4$f = /* @__PURE__ */ from_svg(`<circle fill-opacity="0.72"></circle>`);
 var root$10 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%"><svg style="width:100%;height:auto;display:block" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function PunchCard($$anchor, $$props) {
   push($$props, true);
@@ -24558,7 +24598,7 @@ function PunchCard($$anchor, $$props) {
     let cx = () => get($$item).cx;
     let cy = () => get($$item).cy;
     let r2 = () => get($$item).r;
-    var circle = root_4$e();
+    var circle = root_4$f();
     template_effect(() => {
       set_attribute(circle, "cx", cx());
       set_attribute(circle, "cy", cy());
@@ -24668,11 +24708,11 @@ customElements.define("uni-punch-card", create_custom_element(
 ));
 var root_2$C = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.22)" font-size="9" font-family="inherit"> </text>`);
 var root_3$m = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.22)" font-size="9" font-family="inherit" text-anchor="end"> </text>`);
-var root_4$d = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.22)" font-size="9" font-family="inherit"> </text>`);
+var root_4$e = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.22)" font-size="9" font-family="inherit"> </text>`);
 var root_5$6 = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.22)" font-size="9" font-family="inherit" text-anchor="end"> </text>`);
-var root_6$1 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`);
-var root_7$1 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
-var root_8$3 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
+var root_6$2 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`);
+var root_7$2 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
+var root_8$2 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
 var root_9$1 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
 var root_11 = /* @__PURE__ */ from_svg(`<text fill="#CDD0DB" font-size="8" font-family="inherit"> </text>`);
 var root_10 = /* @__PURE__ */ from_svg(`<circle r="5" fill-opacity="0.85"></circle><!>`, 1);
@@ -24763,7 +24803,7 @@ function QuadrantChart($$anchor, $$props) {
       var node_3 = sibling(node_2);
       {
         var consequent_2 = ($$anchor3) => {
-          var text_4 = root_4$d();
+          var text_4 = root_4$e();
           var text_5 = child(text_4, true);
           reset(text_4);
           template_effect(() => {
@@ -24796,7 +24836,7 @@ function QuadrantChart($$anchor, $$props) {
       }
       var node_5 = sibling(node_4);
       each(node_5, 17, () => get(yTicks), index, ($$anchor3, v) => {
-        var text_8 = root_6$1();
+        var text_8 = root_6$2();
         var text_9 = child(text_8, true);
         reset(text_8);
         template_effect(
@@ -24811,7 +24851,7 @@ function QuadrantChart($$anchor, $$props) {
       });
       var node_6 = sibling(node_5);
       each(node_6, 17, () => get(xTicks), index, ($$anchor3, v) => {
-        var text_10 = root_7$1();
+        var text_10 = root_7$2();
         var text_11 = child(text_10, true);
         reset(text_10);
         template_effect(
@@ -24827,7 +24867,7 @@ function QuadrantChart($$anchor, $$props) {
       var node_7 = sibling(node_6);
       {
         var consequent_4 = ($$anchor3) => {
-          var text_12 = root_8$3();
+          var text_12 = root_8$2();
           var text_13 = child(text_12, true);
           reset(text_12);
           template_effect(() => {
@@ -25096,7 +25136,7 @@ customElements.define("uni-quadrant-chart", create_custom_element(
 var root_1$L = /* @__PURE__ */ from_svg(`<polygon fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="1"></polygon>`);
 var root_2$B = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.08)" stroke-width="1"></line>`);
 var root_3$l = /* @__PURE__ */ from_svg(`<polygon fill-opacity="0.12" stroke-width="1.5" stroke-linejoin="round"></polygon>`);
-var root_4$c = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" font-family="inherit" dominant-baseline="middle"> </text>`);
+var root_4$d = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" font-family="inherit" dominant-baseline="middle"> </text>`);
 var root$$ = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!></svg></div>`);
 function RadarChart($$anchor, $$props) {
   push($$props, true);
@@ -25161,7 +25201,7 @@ function RadarChart($$anchor, $$props) {
   });
   var node_3 = sibling(node_2);
   each(node_3, 17, () => get(axisLabels), (l) => l.label, ($$anchor2, l) => {
-    var text2 = root_4$c();
+    var text2 = root_4$d();
     var text_1 = child(text2, true);
     reset(text2);
     template_effect(() => {
@@ -27140,16 +27180,16 @@ function SelectionToolbar($$anchor, $$props) {
       reset(span);
       var div_1 = sibling(span, 2);
       var node_1 = child(div_1);
-      each(node_1, 17, actions, index, ($$anchor3, action) => {
+      each(node_1, 17, actions, index, ($$anchor3, action2) => {
         var button = root_2$s();
         var text_1 = child(button, true);
         reset(button);
         template_effect(() => {
-          set_attribute(button, "data-danger", get(action).variant === "danger" ? "true" : void 0);
-          set_text(text_1, get(action).label);
+          set_attribute(button, "data-danger", get(action2).variant === "danger" ? "true" : void 0);
+          set_text(text_1, get(action2).label);
         });
         delegated("click", button, function(...$$args) {
-          get(action).onClick?.apply(this, $$args);
+          get(action2).onClick?.apply(this, $$args);
         });
         append($$anchor3, button);
       });
@@ -27225,7 +27265,7 @@ function SelectionToolbar_wc($$anchor, $$props) {
 }
 customElements.define("uni-selection-toolbar", create_custom_element(SelectionToolbar_wc, { count: {}, actions: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_3$g = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_4$b = /* @__PURE__ */ from_html(`<span class="ml-auto rounded-full bg-brand-05 px-1.5 py-px text-[10px] font-semibold text-white"> <span class="sr-only"> </span></span>`);
+var root_4$c = /* @__PURE__ */ from_html(`<span class="ml-auto rounded-full bg-brand-05 px-1.5 py-px text-[10px] font-semibold text-white"> <span class="sr-only"> </span></span>`);
 var root_2$r = /* @__PURE__ */ from_html(`<li><button type="button"><span class="sb-ico shrink-0 text-text-3 [&amp;_svg]:h-4 [&amp;_svg]:w-4"><!></span> <!> <!></button></li>`);
 var root_1$A = /* @__PURE__ */ from_html(`<h2 class="m-0 px-4 pb-1.5 pt-3.5 text-[10px] font-semibold uppercase leading-[1.4] tracking-[0.06em] text-text-4"> </h2> <ul class="m-0 flex list-none flex-col gap-px px-2"></ul>`, 1);
 var root$O = /* @__PURE__ */ from_html(`<nav class="overflow-auto border-r border-border-1 bg-bg-page py-2" aria-label="Primary"></nav>`);
@@ -27268,7 +27308,7 @@ function Sidebar($$anchor, $$props) {
       var node_2 = sibling(node_1, 2);
       {
         var consequent_1 = ($$anchor4) => {
-          var span_2 = root_4$b();
+          var span_2 = root_4$c();
           var text_3 = child(span_2, true);
           var span_3 = sibling(text_3);
           var text_4 = child(span_3);
@@ -27703,7 +27743,7 @@ customElements.define("uni-slider", create_custom_element(
   { mode: "open" }
 ));
 var root_3$f = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)" stroke-width="0.75"></line>`);
-var root_4$a = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)" stroke-width="0.75"></line>`);
+var root_4$b = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)" stroke-width="0.75"></line>`);
 var root_2$p = /* @__PURE__ */ from_svg(`<line stroke-width="1.5" opacity="0.65"></line><!><!><circle></circle><circle></circle><text fill="#A4A7B5" font-size="9" text-anchor="end" font-family="inherit"> </text><text fill="#6E7079" font-size="9" text-anchor="end" font-family="inherit" style="font-variant-numeric: tabular-nums"> </text><text fill="#A4A7B5" font-size="9" text-anchor="start" font-family="inherit" style="font-variant-numeric: tabular-nums"> </text><text font-size="9" text-anchor="start" font-family="inherit" style="font-variant-numeric: tabular-nums"> </text>`, 1);
 var root_1$y = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><text y="14" fill="#6E7079" font-size="10" text-anchor="middle" font-family="inherit"> </text><text y="14" fill="#6E7079" font-size="10" text-anchor="middle" font-family="inherit"> </text><line stroke="rgba(255,255,255,0.07)" stroke-width="1"></line><line stroke="rgba(255,255,255,0.07)" stroke-width="1"></line><!></svg></div>`);
 function SlopeChart($$anchor, $$props) {
@@ -27803,7 +27843,7 @@ function SlopeChart($$anchor, $$props) {
         var node_3 = sibling(node_2);
         {
           var consequent_1 = ($$anchor4) => {
-            var line_4 = root_4$a();
+            var line_4 = root_4$b();
             set_attribute(line_4, "x1", COL_R + 6);
             set_attribute(line_4, "x2", COL_R + 6);
             template_effect(() => {
@@ -28278,7 +28318,7 @@ function Sparkline_wc($$anchor, $$props) {
 }
 customElements.define("uni-sparkline", create_custom_element(Sparkline_wc, { bars: {}, active: {}, seed: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_3$e = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
-var root_4$9 = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>`);
+var root_4$a = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>`);
 var root_2$n = /* @__PURE__ */ from_svg(`<g><!><text text-anchor="end" fill="#6E7079" font-size="9" font-family="inherit"> </text><!><circle r="2.5"></circle><text text-anchor="start" font-size="9" font-family="inherit"> </text></g>`);
 var root_1$v = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"></svg></div>`);
 function SparklineMatrix($$anchor, $$props) {
@@ -28354,7 +28394,7 @@ function SparklineMatrix($$anchor, $$props) {
         var node_2 = sibling(text2);
         {
           var consequent_1 = ($$anchor4) => {
-            var path = root_4$9();
+            var path = root_4$a();
             template_effect(() => {
               set_attribute(path, "d", get(computed)[i].d);
               set_attribute(path, "stroke", get(computed)[i].color);
@@ -28820,7 +28860,7 @@ function SrOnly_wc($$anchor, $$props) {
 customElements.define("uni-sr-only", create_custom_element(SrOnly_wc, { class: {} }, ["default"], [], { mode: "open" }));
 var root_2$k = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
 var root_5$5 = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.9"></rect>`);
-var root_6 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
+var root_6$1 = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
 var root_1$s = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
 function StackedBarChart($$anchor, $$props) {
   push($$props, true);
@@ -28916,7 +28956,7 @@ function StackedBarChart($$anchor, $$props) {
       });
       var node_5 = sibling(node_2);
       each(node_5, 17, () => get(xLabels), index, ($$anchor3, l) => {
-        var text_2 = root_6();
+        var text_2 = root_6$1();
         var text_3 = child(text_2, true);
         reset(text_2);
         template_effect(() => {
@@ -29136,7 +29176,7 @@ customElements.define("uni-stacked-progress", create_custom_element(StackedProgr
 let counter$5 = 0;
 var root_2$i = /* @__PURE__ */ from_html(`<span aria-hidden="true"><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon></svg></span>`);
 var root_1$q = /* @__PURE__ */ from_html(`<span class="m-0 inline-flex items-center gap-0.5 border-0 bg-transparent p-0" role="img"></span>`);
-var root_4$8 = /* @__PURE__ */ from_html(`<label><input type="radio" class="sr-only"/> <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon></svg></label>`);
+var root_4$9 = /* @__PURE__ */ from_html(`<label><input type="radio" class="sr-only"/> <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon></svg></label>`);
 var root_3$c = /* @__PURE__ */ from_html(`<fieldset class="m-0 inline-flex items-center gap-0.5 border-0 bg-transparent p-0"><legend class="sr-only"> </legend> <!></fieldset>`);
 function StarRating($$anchor, $$props) {
   push($$props, true);
@@ -29178,7 +29218,7 @@ function StarRating($$anchor, $$props) {
       each(node_1, 17, () => Array(max()), index, ($$anchor3, _, i) => {
         const star = /* @__PURE__ */ user_derived(() => i + 1);
         const on = /* @__PURE__ */ user_derived(() => get(star) <= (get(hovered) || value()));
-        var label_1 = root_4$8();
+        var label_1 = root_4$9();
         var input = child(label_1);
         remove_input_defaults(input);
         var svg_1 = sibling(input, 2);
@@ -29282,8 +29322,8 @@ function StarRating_wc($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("uni-star-rating", create_custom_element(StarRating_wc, { label: {}, value: {}, max: {}, readOnly: {}, size: {} }, ["default"], [], { mode: "open" }));
-var root_4$7 = /* @__PURE__ */ from_html(`<span class="ml-1 text-13 font-normal text-text-4"> </span>`);
-var root_8$2 = /* @__PURE__ */ from_html(`<span class="sr-only">Trend:</span><span> </span>`, 1);
+var root_4$8 = /* @__PURE__ */ from_html(`<span class="ml-1 text-13 font-normal text-text-4"> </span>`);
+var root_8$1 = /* @__PURE__ */ from_html(`<span class="sr-only">Trend:</span><span> </span>`, 1);
 var root_5$4 = /* @__PURE__ */ from_html(`<div class="text-[11px] tabular-nums text-text-4"><!><!><!></div>`);
 var root_1$p = /* @__PURE__ */ from_html(`<h3> </h3> <div class="text-[28px] font-semibold leading-[1.05] tracking-[-0.01em] tabular-nums text-text-1"><!><!></div> <!>`, 1);
 function Stat($$anchor, $$props) {
@@ -29320,7 +29360,7 @@ function Stat($$anchor, $$props) {
       var node_2 = sibling(node);
       {
         var consequent_1 = ($$anchor3) => {
-          var span_1 = root_4$7();
+          var span_1 = root_4$8();
           var text_2 = child(span_1, true);
           reset(span_1);
           template_effect(() => set_text(text_2, unit()));
@@ -29359,7 +29399,7 @@ function Stat($$anchor, $$props) {
           var node_6 = sibling(node_5);
           {
             var consequent_4 = ($$anchor4) => {
-              var fragment_5 = root_8$2();
+              var fragment_5 = root_8$1();
               var span_2 = sibling(first_child(fragment_5));
               var text_5 = child(span_2, true);
               reset(span_2);
@@ -29828,7 +29868,7 @@ function StepChart_wc($$anchor, $$props) {
 }
 customElements.define("uni-step-chart", create_custom_element(StepChart_wc, { series: {}, labels: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
 var root_2$g = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 12 12" width="12" height="12" fill="none"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
-var root_4$6 = /* @__PURE__ */ from_html(`<span class="sr-only">completed:</span>`);
+var root_4$7 = /* @__PURE__ */ from_html(`<span class="sr-only">completed:</span>`);
 var root_1$n = /* @__PURE__ */ from_html(`<li><span aria-hidden="true"><!></span> <!> <span> </span></li>`);
 var root$z = /* @__PURE__ */ from_html(`<nav aria-label="Progress"><ol class="m-0 flex list-none items-start p-0"></ol></nav>`);
 function Stepper($$anchor, $$props) {
@@ -29878,7 +29918,7 @@ function Stepper($$anchor, $$props) {
     var node_1 = sibling(span, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var span_1 = root_4$6();
+        var span_1 = root_4$7();
         append($$anchor3, span_1);
       };
       if_block(node_1, ($$render) => {
@@ -31566,7 +31606,7 @@ const PRESETS = [
   { id: "30d", label: "Last 30 days", short: "Last 30 d" }
 ];
 var root_1$e = /* @__PURE__ */ from_svg(` <svg width="10" height="6" viewBox="0 0 10 6" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 1l4 4 4-4"></path></svg>`, 1);
-var root_4$5 = /* @__PURE__ */ from_svg(`<svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6l3 3 5-5"></path></svg>`);
+var root_4$6 = /* @__PURE__ */ from_svg(`<svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6l3 3 5-5"></path></svg>`);
 var root_3$7 = /* @__PURE__ */ from_html(`<li role="option" class="flex cursor-pointer items-center justify-between gap-2 whitespace-nowrap rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 outline-none hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 aria-selected:text-status-info"> <!></li>`);
 var root_2$9 = /* @__PURE__ */ from_html(`<ul role="listbox" aria-label="Time range" class="absolute right-0 top-[calc(100%+4px)] z-[9100] m-0 min-w-[152px] list-none rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"></ul>`);
 var root$l = /* @__PURE__ */ from_html(`<div class="relative inline-block" role="presentation"><!> <!></div>`);
@@ -31662,7 +31702,7 @@ function TimeRange($$anchor, $$props) {
         var node_2 = sibling(text_1);
         {
           var consequent = ($$anchor4) => {
-            var svg_1 = root_4$5();
+            var svg_1 = root_4$6();
             append($$anchor4, svg_1);
           };
           if_block(node_2, ($$render) => {
@@ -32094,12 +32134,14 @@ function Tooltip_wc($$anchor, $$props) {
 }
 customElements.define("uni-tooltip", create_custom_element(Tooltip_wc, { label: {}, placement: {}, class: {} }, ["default"], [], { mode: "open" }));
 const agentsUrl = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A4A7B5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='6'%20r='2.5'/%3e%3ccircle%20cx='5.5'%20cy='18'%20r='2.5'/%3e%3ccircle%20cx='18.5'%20cy='18'%20r='2.5'/%3e%3cpath%20d='M11%208.2%206.8%2016M13%208.2%2017.2%2016M8%2018h8'/%3e%3c/svg%3e", import.meta.url).href;
+const brainUrl = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A4A7B5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%205a3%203%200%201%200-5.997.125%204%204%200%200%200-2.526%205.77%204%204%200%200%200%20.556%206.588A4%204%200%201%200%2012%2018Z'/%3e%3cpath%20d='M12%205a3%203%200%201%201%205.997.125%204%204%200%200%201%202.526%205.77%204%204%200%200%201-.556%206.588A4%204%200%201%201%2012%2018Z'/%3e%3cpath%20d='M15%2013a4.5%204.5%200%200%201-3-4%204.5%204.5%200%200%201-3%204'/%3e%3cpath%20d='M17.599%206.5a3%203%200%200%200%20.399-1.375M6.003%205.125A3%203%200%200%200%206.401%206.5'/%3e%3cpath%20d='M3.477%2010.896a4%204%200%200%201%20.585-.396M19.938%2010.5a4%204%200%200%201%20.585.396'/%3e%3cpath%20d='M6%2018a4%204%200%200%201-1.967-.516M19.967%2017.484A4%204%200%200%201%2018%2018'/%3e%3c/svg%3e", import.meta.url).href;
 new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20width='64'%20height='64'%3e%3c!--%20Charcoal%20squircle%20(neutral-08),%20deliberately%20NOT%20the%20brand-blue%20gradient%20so%20the%20mark%20does%20not%20read%20as%20a%20product-app%20icon.%20The%20brand-blue%20sparkline%20is%20the%20only%20saturated%20colour,%20kept%20small%20as%20a%20design-system%20wink.%20--%3e%3crect%20width='64'%20height='64'%20rx='14'%20fill='%231C1C1E'/%3e%3c!--%20Layered%20dashboard%20panels.%20--%3e%3crect%20x='22'%20y='12'%20width='30'%20height='22'%20rx='3'%20fill='%23FFFFFF'%20fill-opacity='0.16'/%3e%3crect%20x='12'%20y='28'%20width='30'%20height='22'%20rx='3'%20fill='%23FFFFFF'/%3e%3c!--%20Sparkline%20accent.%20--%3e%3cpath%20d='M17%2043%20L22%2039%20L27%2041%20L32%2035%20L37%2038'%20stroke='%23006FFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3e%3c/svg%3e", import.meta.url).href;
 new URL("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNjQiIHdpZHRoPSIzMjAiIGhlaWdodD0iNjQiPgogIDxnIGZpbGw9ImN1cnJlbnRDb2xvciIgZm9udC1mYW1pbHk9IkludGVyLCBzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiPgogICAgPHRleHQgeD0iMCIgeT0iNDQiIGZvbnQtc2l6ZT0iMzYiIGxldHRlci1zcGFjaW5nPSItMC4wMmVtIj5EYXNoIFVJPC90ZXh0PgogIDwvZz4KPC9zdmc+Cg==", import.meta.url).href;
 const instancesUrl = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A4A7B5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='3'%20y='3'%20width='8'%20height='8'%20rx='1.5'/%3e%3crect%20x='13'%20y='3'%20width='8'%20height='8'%20rx='1.5'/%3e%3crect%20x='3'%20y='13'%20width='8'%20height='8'%20rx='1.5'/%3e%3crect%20x='13'%20y='13'%20width='8'%20height='8'%20rx='1.5'/%3e%3c/svg%3e", import.meta.url).href;
 const systemUrl = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A4A7B5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3cpath%20d='M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%201%201-4%200v-.09a1.65%201.65%200%200%200-1-1.51%201.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%201%201%200-4h.09a1.65%201.65%200%200%200%201.51-1%201.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.82.33h0a1.65%201.65%200%200%200%201-1.51V3a2%202%200%201%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82v0a1.65%201.65%200%200%200%201.51%201H21a2%202%200%201%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201Z'/%3e%3c/svg%3e", import.meta.url).href;
 const appLogos = {
   agents: agentsUrl,
+  brain: brainUrl,
   instances: instancesUrl,
   system: systemUrl
 };
@@ -32144,15 +32186,23 @@ function HelpIcon($$anchor, $$props) {
   });
   append($$anchor, svg);
 }
-var root_1$a = /* @__PURE__ */ from_html(`<button type="button" class="flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-row-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-haspopup="menu"><span><span></span></span> <span class="text-13 font-medium text-text-1" aria-hidden="true"> </span> <!></button>`);
-var root_2$7 = /* @__PURE__ */ from_html(`<div class="flex items-center gap-2 px-2.5 py-1.5" role="presentation"><span><span></span></span> <span class="text-13 font-medium text-text-1"> </span></div>`);
-var root_3$6 = /* @__PURE__ */ from_html(`<button type="button"><img alt="" width="24" height="24"/> <span class="mt-0.5 text-[10px] font-medium leading-none"> </span></button>`);
-var root_9 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="absolute right-1.5 top-1.5 h-1.5 w-1.5 rounded-full border-[1.5px] border-bg-page bg-status-danger"></span>`);
-var root_8$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_5$2 = /* @__PURE__ */ from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_2$7 = /* @__PURE__ */ from_html(`<span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span>`);
+var root_3$6 = /* @__PURE__ */ from_html(`<span><span></span></span>`);
+var root_1$a = /* @__PURE__ */ from_html(`<button type="button" class="flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-row-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-haspopup="menu"><!> <span class="text-13 font-medium text-text-1" aria-hidden="true"> </span> <!></button>`);
+var root_5$2 = /* @__PURE__ */ from_html(`<span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span>`);
+var root_6 = /* @__PURE__ */ from_html(`<span><span></span></span>`);
+var root_4$5 = /* @__PURE__ */ from_html(`<div class="flex items-center gap-2 px-2.5 py-1.5" role="presentation"><!> <span class="text-13 font-medium text-text-1"> </span></div>`);
+var root_7$1 = /* @__PURE__ */ from_html(`<button type="button"><img alt="" width="24" height="24"/> <span class="mt-0.5 text-[10px] font-medium leading-none"> </span></button>`);
+var root_13 = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="absolute right-1.5 top-1.5 h-1.5 w-1.5 rounded-full border-[1.5px] border-bg-page bg-status-danger"></span>`);
+var root_12 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_9 = /* @__PURE__ */ from_html(`<!> <!> <!> <!> <!>`, 1);
 var root$c = /* @__PURE__ */ from_html(`<header class="flex h-12 shrink-0 items-center gap-0 bg-bg-page px-2"><!> <nav class="ml-3.5 flex h-12 items-center gap-0.5" aria-label="Apps"></nav> <div class="flex-1"></div> <div class="flex items-center gap-1 pr-2"><!></div></header>`);
 function Topbar($$anchor, $$props) {
   push($$props, true);
+  function resolveLogo(logo) {
+    if (logo in appLogos) return appLogos[logo];
+    return logo;
+  }
   const DEFAULT_APPS2 = [
     { id: "system", label: "System", logo: "system" },
     { id: "instances", label: "Instances", logo: "instances" },
@@ -32171,69 +32221,131 @@ function Topbar($$anchor, $$props) {
     danger: "bg-status-danger",
     neutral: "bg-status-neutral"
   };
+  const LOGO_RING = {
+    ok: "ring-status-success",
+    warn: "ring-status-warning",
+    danger: "ring-status-danger",
+    neutral: "ring-status-neutral"
+  };
   let ringWrapClass = /* @__PURE__ */ user_derived(() => `inline-flex h-[18px] w-[18px] items-center justify-center rounded-full ${RING_BG[status()]}`);
   let ringDotClass = /* @__PURE__ */ user_derived(() => `h-2 w-2 rounded-full ${RING_DOT[status()]}`);
+  let logoRingClass = /* @__PURE__ */ user_derived(() => `inline-flex h-6 w-6 items-center justify-center overflow-hidden rounded-full ring-2 ring-inset ${LOGO_RING[status()]}`);
   var $$exports = { DEFAULT_APPS: DEFAULT_APPS2 };
   var header = root$c();
   var node = child(header);
   {
-    var consequent = ($$anchor2) => {
+    var consequent_1 = ($$anchor2) => {
       var button = root_1$a();
-      var span = child(button);
-      var span_1 = child(span);
-      reset(span);
-      var span_2 = sibling(span, 2);
-      var text2 = child(span_2, true);
-      reset(span_2);
-      var node_1 = sibling(span_2, 2);
-      CaretIcon(node_1, { class: "h-3.5 w-3.5 text-text-3" });
+      var node_1 = child(button);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_2$7();
+          var img = child(span);
+          reset(span);
+          template_effect(
+            ($0) => {
+              set_class(span, 1, clsx(get(logoRingClass)));
+              set_attribute(img, "src", $0);
+            },
+            [() => resolveLogo($$props.siteLogo)]
+          );
+          append($$anchor3, span);
+        };
+        var alternate = ($$anchor3) => {
+          var span_1 = root_3$6();
+          var span_2 = child(span_1);
+          reset(span_1);
+          template_effect(() => {
+            set_class(span_1, 1, clsx(get(ringWrapClass)));
+            set_class(span_2, 1, clsx(get(ringDotClass)));
+          });
+          append($$anchor3, span_1);
+        };
+        if_block(node_1, ($$render) => {
+          if ($$props.siteLogo !== void 0) $$render(consequent);
+          else $$render(alternate, -1);
+        });
+      }
+      var span_3 = sibling(node_1, 2);
+      var text2 = child(span_3, true);
+      reset(span_3);
+      var node_2 = sibling(span_3, 2);
+      CaretIcon(node_2, { class: "h-3.5 w-3.5 text-text-3" });
       reset(button);
       template_effect(() => {
         set_attribute(button, "aria-label", `Switch site: ${$$props.siteName ?? ""}`);
-        set_class(span, 1, clsx(get(ringWrapClass)));
-        set_class(span_1, 1, clsx(get(ringDotClass)));
+        set_attribute(button, "title", `${$$props.siteName} — status: ${status()}`);
         set_text(text2, $$props.siteName);
       });
       append($$anchor2, button);
     };
-    var alternate = ($$anchor2) => {
-      var div = root_2$7();
-      var span_3 = child(div);
-      var span_4 = child(span_3);
-      reset(span_3);
-      var span_5 = sibling(span_3, 2);
-      var text_1 = child(span_5, true);
-      reset(span_5);
+    var alternate_2 = ($$anchor2) => {
+      var div = root_4$5();
+      var node_3 = child(div);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var span_4 = root_5$2();
+          var img_1 = child(span_4);
+          reset(span_4);
+          template_effect(
+            ($0) => {
+              set_class(span_4, 1, clsx(get(logoRingClass)));
+              set_attribute(img_1, "src", $0);
+            },
+            [() => resolveLogo($$props.siteLogo)]
+          );
+          append($$anchor3, span_4);
+        };
+        var alternate_1 = ($$anchor3) => {
+          var span_5 = root_6();
+          var span_6 = child(span_5);
+          reset(span_5);
+          template_effect(() => {
+            set_class(span_5, 1, clsx(get(ringWrapClass)));
+            set_class(span_6, 1, clsx(get(ringDotClass)));
+          });
+          append($$anchor3, span_5);
+        };
+        if_block(node_3, ($$render) => {
+          if ($$props.siteLogo !== void 0) $$render(consequent_2);
+          else $$render(alternate_1, -1);
+        });
+      }
+      var span_7 = sibling(node_3, 2);
+      var text_1 = child(span_7, true);
+      reset(span_7);
       reset(div);
       template_effect(() => {
-        set_class(span_3, 1, clsx(get(ringWrapClass)));
-        set_class(span_4, 1, clsx(get(ringDotClass)));
+        set_attribute(div, "title", `${$$props.siteName} — status: ${status()}`);
         set_text(text_1, $$props.siteName);
       });
       append($$anchor2, div);
     };
     if_block(node, ($$render) => {
-      if (siteSwitchable()) $$render(consequent);
-      else $$render(alternate, -1);
+      if (siteSwitchable()) $$render(consequent_1);
+      else $$render(alternate_2, -1);
     });
   }
   var nav = sibling(node, 2);
   each(nav, 21, apps, (a) => a.id, ($$anchor2, a) => {
-    var button_1 = root_3$6();
-    var img = child(button_1);
-    var span_6 = sibling(img, 2);
-    var text_2 = child(span_6, true);
-    reset(span_6);
+    var button_1 = root_7$1();
+    var img_2 = child(button_1);
+    var span_8 = sibling(img_2, 2);
+    var text_2 = child(span_8, true);
+    reset(span_8);
     reset(button_1);
-    template_effect(() => {
-      set_class(button_1, 1, `flex h-12 w-16 cursor-pointer flex-col items-center justify-center py-1.5 transition-colors duration-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05
+    template_effect(
+      ($0) => {
+        set_class(button_1, 1, `flex h-12 w-16 cursor-pointer flex-col items-center justify-center py-1.5 transition-colors duration-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05
           ${get(a).id === activeApp() ? "bg-bg-1 text-text-1" : "bg-transparent text-text-3 hover:text-text-1"}`);
-      set_attribute(button_1, "aria-current", get(a).id === activeApp() ? "page" : void 0);
-      set_attribute(img, "src", appLogos[get(a).logo]);
-      set_class(img, 1, `transition-[opacity,filter] duration-150
+        set_attribute(button_1, "aria-current", get(a).id === activeApp() ? "page" : void 0);
+        set_attribute(img_2, "src", $0);
+        set_class(img_2, 1, `transition-[opacity,filter] duration-150
             ${get(a).id === activeApp() ? "opacity-100 dark:brightness-[1.6]" : "opacity-65 hover:opacity-90 dark:hover:brightness-[1.4]"}`);
-      set_text(text_2, get(a).label);
-    });
+        set_text(text_2, get(a).label);
+      },
+      [() => resolveLogo(get(a).logo)]
+    );
     delegated("click", button_1, () => {
       activeApp(get(a).id);
       $$props.onappchange?.(get(a).id);
@@ -32242,18 +32354,18 @@ function Topbar($$anchor, $$props) {
   });
   reset(nav);
   var div_1 = sibling(nav, 4);
-  var node_2 = child(div_1);
+  var node_4 = child(div_1);
   {
-    var consequent_1 = ($$anchor2) => {
+    var consequent_3 = ($$anchor2) => {
       var fragment = comment();
-      var node_3 = first_child(fragment);
-      snippet(node_3, () => $$props.actions);
+      var node_5 = first_child(fragment);
+      snippet(node_5, () => $$props.actions);
       append($$anchor2, fragment);
     };
-    var alternate_1 = ($$anchor2) => {
-      var fragment_1 = root_5$2();
-      var node_4 = first_child(fragment_1);
-      IconButton(node_4, {
+    var alternate_3 = ($$anchor2) => {
+      var fragment_1 = root_9();
+      var node_6 = first_child(fragment_1);
+      IconButton(node_6, {
         "aria-label": "Search",
         title: "Search",
         children: ($$anchor3, $$slotProps) => {
@@ -32261,8 +32373,8 @@ function Topbar($$anchor, $$props) {
         },
         $$slots: { default: true }
       });
-      var node_5 = sibling(node_4, 2);
-      IconButton(node_5, {
+      var node_7 = sibling(node_6, 2);
+      IconButton(node_7, {
         "aria-label": "Updates",
         title: "Updates",
         children: ($$anchor3, $$slotProps) => {
@@ -32270,27 +32382,27 @@ function Topbar($$anchor, $$props) {
         },
         $$slots: { default: true }
       });
-      var node_6 = sibling(node_5, 2);
+      var node_8 = sibling(node_7, 2);
       {
         let $0 = /* @__PURE__ */ user_derived(() => notificationCount() > 0 ? `Notifications, ${notificationCount()} new` : "Notifications");
-        IconButton(node_6, {
+        IconButton(node_8, {
           get "aria-label"() {
             return get($0);
           },
           title: "Notifications",
           class: "relative",
           children: ($$anchor3, $$slotProps) => {
-            var fragment_4 = root_8$1();
-            var node_7 = first_child(fragment_4);
-            BellIcon(node_7, {});
-            var node_8 = sibling(node_7, 2);
+            var fragment_4 = root_12();
+            var node_9 = first_child(fragment_4);
+            BellIcon(node_9, {});
+            var node_10 = sibling(node_9, 2);
             {
-              var consequent_2 = ($$anchor4) => {
-                var span_7 = root_9();
-                append($$anchor4, span_7);
+              var consequent_4 = ($$anchor4) => {
+                var span_9 = root_13();
+                append($$anchor4, span_9);
               };
-              if_block(node_8, ($$render) => {
-                if (notificationCount() > 0) $$render(consequent_2);
+              if_block(node_10, ($$render) => {
+                if (notificationCount() > 0) $$render(consequent_4);
               });
             }
             append($$anchor3, fragment_4);
@@ -32298,8 +32410,8 @@ function Topbar($$anchor, $$props) {
           $$slots: { default: true }
         });
       }
-      var node_9 = sibling(node_6, 2);
-      IconButton(node_9, {
+      var node_11 = sibling(node_8, 2);
+      IconButton(node_11, {
         "aria-label": "Help",
         title: "Help",
         children: ($$anchor3, $$slotProps) => {
@@ -32307,8 +32419,8 @@ function Topbar($$anchor, $$props) {
         },
         $$slots: { default: true }
       });
-      var node_10 = sibling(node_9, 2);
-      Avatar(node_10, {
+      var node_12 = sibling(node_11, 2);
+      Avatar(node_12, {
         get initials() {
           return initials();
         },
@@ -32320,9 +32432,9 @@ function Topbar($$anchor, $$props) {
       });
       append($$anchor2, fragment_1);
     };
-    if_block(node_2, ($$render) => {
-      if ($$props.actions) $$render(consequent_1);
-      else $$render(alternate_1, -1);
+    if_block(node_4, ($$render) => {
+      if ($$props.actions) $$render(consequent_3);
+      else $$render(alternate_3, -1);
     });
   }
   reset(div_1);
@@ -32333,7 +32445,7 @@ function Topbar($$anchor, $$props) {
 delegate(["click"]);
 function Topbar_wc($$anchor, $$props) {
   push($$props, true);
-  let siteName = prop($$props, "siteName", 7, void 0), activeApp = prop($$props, "activeApp", 7, void 0), apps = prop($$props, "apps", 7, DEFAULT_APPS), initials = prop($$props, "initials", 7, "MS"), notificationCount = prop($$props, "notificationCount", 7, 1), status = prop($$props, "status", 7, "ok"), siteSwitchable = prop($$props, "siteSwitchable", 7, true);
+  let siteName = prop($$props, "siteName", 7, void 0), activeApp = prop($$props, "activeApp", 7, void 0), apps = prop($$props, "apps", 7, DEFAULT_APPS), initials = prop($$props, "initials", 7, "MS"), notificationCount = prop($$props, "notificationCount", 7, 1), status = prop($$props, "status", 7, "ok"), siteLogo = prop($$props, "siteLogo", 7, void 0), siteSwitchable = prop($$props, "siteSwitchable", 7, true);
   var $$exports = {
     get siteName() {
       return siteName();
@@ -32377,6 +32489,13 @@ function Topbar_wc($$anchor, $$props) {
       status($$value);
       flushSync();
     },
+    get siteLogo() {
+      return siteLogo();
+    },
+    set siteLogo($$value = void 0) {
+      siteLogo($$value);
+      flushSync();
+    },
     get siteSwitchable() {
       return siteSwitchable();
     },
@@ -32404,6 +32523,9 @@ function Topbar_wc($$anchor, $$props) {
     get status() {
       return status();
     },
+    get siteLogo() {
+      return siteLogo();
+    },
     get siteSwitchable() {
       return siteSwitchable();
     },
@@ -32426,6 +32548,7 @@ customElements.define("uni-topbar", create_custom_element(
     initials: {},
     notificationCount: {},
     status: {},
+    siteLogo: {},
     siteSwitchable: {}
   },
   ["default"],