@path58/ui 2.0.0 → 2.2.0

package/dist/index.js

@@ -1,200 +1,359 @@
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { X as j, ChevronRight as M, Folder as A, Search as H, Tag as T } from "lucide-react";
-import y, { useState as C, useEffect as x, useRef as _ } from "react";
-const P = ({
-  variant: t = "primary",
+import { jsxs as E, jsx as l, Fragment as me } from "react/jsx-runtime";
+import L, { useRef as Te, useEffect as j, useId as Z, useState as A, useContext as st, createContext as ct, useCallback as pe, useMemo as lt } from "react";
+import { X as H, Info as Ce, XCircle as Ne, AlertTriangle as Se, CheckCircle2 as Oe, ChevronRight as ut, Folder as dt, Search as ft, Tag as vt } from "lucide-react";
+import { createPortal as Le } from "react-dom";
+const M = ({
+  variant: a = "primary",
   size: e = "md",
-  icon: a,
+  icon: t,
   iconPosition: r = "left",
-  children: n,
-  className: s = "",
-  ...c
+  children: i,
+  className: o = "",
+  ...n
 }) => {
-  const l = "path58-button", i = `path58-button--${t}`, u = `path58-button--${e}`, m = a ? `path58-button--with-icon path58-button--icon-${r}` : "";
-  return /* @__PURE__ */ h(
+  const d = "path58-button", s = `path58-button--${a}`, f = `path58-button--${e}`, h = t ? `path58-button--with-icon path58-button--icon-${r}` : "";
+  return /* @__PURE__ */ E(
     "button",
     {
-      className: `${l} ${i} ${u} ${m} ${s}`.trim(),
-      ...c,
+      className: `${d} ${s} ${f} ${h} ${o}`.trim(),
+      ...n,
       children: [
-        a && r === "left" && /* @__PURE__ */ o("span", { className: "path58-button-icon", children: a }),
-        n && /* @__PURE__ */ o("span", { className: "path58-button-text", children: n }),
-        a && r === "right" && /* @__PURE__ */ o("span", { className: "path58-button-icon", children: a })
+        t && r === "left" && /* @__PURE__ */ l("span", { className: "path58-button-icon", children: t }),
+        i && /* @__PURE__ */ l("span", { className: "path58-button-text", children: i }),
+        t && r === "right" && /* @__PURE__ */ l("span", { className: "path58-button-icon", children: t })
       ]
     }
   );
-}, D = ({
-  variant: t = "default",
+}, Me = ({
+  variant: a = "default",
   error: e = !1,
-  className: a = "",
+  className: t = "",
   ...r
 }) => {
-  const n = "path58-input", s = `path58-input--${t}`;
-  return /* @__PURE__ */ o(
+  const i = "path58-input", o = `path58-input--${a}`;
+  return /* @__PURE__ */ l(
     "input",
     {
-      className: `${n} ${s} ${e ? "path58-input--error" : ""} ${a}`.trim(),
+      className: `${i} ${o} ${e ? "path58-input--error" : ""} ${t}`.trim(),
       ...r
     }
   );
-}, F = ({
-  variant: t = "default",
+}, pt = ({
+  variant: a = "default",
   active: e = !1,
-  categoryColor: a,
+  categoryColor: t,
   children: r,
-  className: n = "",
-  style: s,
-  ...c
+  className: i = "",
+  style: o,
+  ...n
 }) => {
-  const l = "path58-badge", i = `path58-badge--${t}`, u = e ? "path58-badge--active" : "", m = t === "tag" && a ? {
-    borderColor: e ? a : `${a}80`,
-    color: e ? "var(--p58-bg)" : a,
-    backgroundColor: e ? a : "transparent",
-    ...s
-  } : s;
-  return /* @__PURE__ */ o(
+  const d = "path58-badge", s = `path58-badge--${a}`, f = e ? "path58-badge--active" : "", h = a === "tag" && t ? {
+    borderColor: e ? t : `${t}80`,
+    color: e ? "var(--p58-bg)" : t,
+    backgroundColor: e ? t : "transparent",
+    ...o
+  } : o;
+  return /* @__PURE__ */ l(
     "span",
     {
-      className: `${l} ${i} ${u} ${n}`.trim(),
-      style: m,
-      ...c,
+      className: `${d} ${s} ${f} ${i}`.trim(),
+      style: h,
+      ...n,
       children: r
     }
   );
-}, R = ({
-  children: t,
+}, ht = ({
+  children: a,
   variant: e = "default",
-  size: a = 16,
+  size: t = 16,
   className: r = ""
 }) => {
-  const n = `path58-icon--${e}`, s = typeof a == "number" ? { width: a, height: a } : {};
-  return /* @__PURE__ */ o(
+  const i = `path58-icon--${e}`, o = typeof t == "number" ? { width: t, height: t } : {};
+  return /* @__PURE__ */ l(
     "span",
     {
-      className: `path58-icon ${n} ${r}`.trim(),
-      style: s,
-      children: t
+      className: `path58-icon ${i} ${r}`.trim(),
+      style: o,
+      children: a
     }
   );
-}, W = ({
-  children: t,
+}, bt = ({
+  children: a,
   variant: e = "default",
-  size: a = "md",
+  size: t = "md",
   className: r = ""
 }) => {
-  const n = "path58-icon-container", s = `path58-icon-container--${e}`, c = `path58-icon-container--${a}`;
-  return /* @__PURE__ */ o(
+  const i = "path58-icon-container", o = `path58-icon-container--${e}`, n = `path58-icon-container--${t}`;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${n} ${s} ${c} ${r}`.trim(),
-      children: t
+      className: `${i} ${o} ${n} ${r}`.trim(),
+      children: a
     }
   );
-}, N = ({
-  variant: t = "default",
+}, ke = ({
+  variant: a = "default",
   icon: e,
-  children: a,
+  children: t,
   as: r = "span",
-  className: n = "",
-  ...s
+  className: i = "",
+  ...o
 }) => {
-  const c = "path58-label", l = `path58-label--${t}`;
-  return /* @__PURE__ */ h(
+  const n = "path58-label", d = `path58-label--${a}`;
+  return /* @__PURE__ */ E(
     r,
     {
-      className: `${c} ${l} ${e ? "path58-label--with-icon" : ""} ${n}`.trim(),
-      ...s,
+      className: `${n} ${d} ${e ? "path58-label--with-icon" : ""} ${i}`.trim(),
+      ...o,
       children: [
-        e && /* @__PURE__ */ o("span", { className: "path58-label-icon", children: e }),
-        /* @__PURE__ */ o("span", { className: "path58-label-text", children: a })
+        e && /* @__PURE__ */ l("span", { className: "path58-label-icon", children: e }),
+        /* @__PURE__ */ l("span", { className: "path58-label-text", children: t })
       ]
     }
   );
-}, S = ({
-  variant: t = "default",
+}, Ee = ({
+  variant: a = "default",
   children: e,
-  className: a = "",
+  className: t = "",
   ...r
 }) => {
-  const n = "path58-container", s = `path58-container--${t}`;
-  return /* @__PURE__ */ o(
+  const i = "path58-container", o = `path58-container--${a}`;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${n} ${s} ${a}`.trim(),
+      className: `${i} ${o} ${t}`.trim(),
       ...r,
       children: e
     }
   );
-}, k = ({
-  variant: t = "vertical",
+}, Be = ({
+  variant: a = "vertical",
   children: e,
-  className: a = "",
+  className: t = "",
   ...r
 }) => {
-  const n = "path58-list path58-scrollbar", s = `path58-list--${t}`;
-  return /* @__PURE__ */ o(
+  const i = "path58-list path58-scrollbar", o = `path58-list--${a}`;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${n} ${s} ${a}`.trim(),
+      className: `${i} ${o} ${t}`.trim(),
       ...r,
       children: e
     }
   );
-}, U = ({
-  selected: t = !1,
+}, mt = ({
+  selected: a = !1,
   children: e,
-  as: a = "button",
+  as: t = "button",
   className: r = "",
-  ...n
+  ...i
 }) => {
-  const s = "path58-list-item", c = t ? "path58-list-item--selected" : "", { onClick: l, disabled: i, ...u } = n, m = a === "button" ? { onClick: l, disabled: i, ...u } : { onClick: l, ...u };
-  return /* @__PURE__ */ o(
-    a,
+  const o = "path58-list-item", n = a ? "path58-list-item--selected" : "", { onClick: d, disabled: s, ...f } = i, h = t === "button" ? { onClick: d, disabled: s, ...f } : { onClick: d, ...f };
+  return /* @__PURE__ */ l(
+    t,
     {
-      className: `${s} ${c} ${r}`.trim(),
-      ...m,
+      className: `${o} ${n} ${r}`.trim(),
+      ...h,
       children: e
     }
   );
-}, B = ({
-  value: t,
+}, gt = ({
+  id: a,
+  message: e,
+  variant: t = "default",
+  duration: r = 5e3,
+  action: i,
+  onDismiss: o
+}) => {
+  const n = Te(null), d = () => {
+    r < 0 || (s(), n.current = window.setTimeout(() => o(a), r));
+  }, s = () => {
+    n.current !== null && (window.clearTimeout(n.current), n.current = null);
+  };
+  j(() => (d(), s), [r, a, o]);
+  const f = t === "danger", h = f ? "alert" : "status", v = f ? "assertive" : "polite", b = () => {
+    i == null || i.onClick(), o(a);
+  };
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      role: h,
+      "aria-live": v,
+      className: `path58-toast path58-toast--${t}`,
+      onMouseEnter: s,
+      onMouseLeave: d,
+      onFocus: s,
+      onBlur: d,
+      "data-path58-primitive": "toast",
+      children: [
+        /* @__PURE__ */ l("div", { className: "path58-toast__message", children: e }),
+        i ? /* @__PURE__ */ l(
+          M,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: b,
+            className: "path58-toast__action",
+            children: i.label
+          }
+        ) : null,
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: "path58-toast__dismiss",
+            "aria-label": "Dismiss notification",
+            onClick: () => o(a),
+            children: /* @__PURE__ */ l(H, { size: 16, "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}, yt = {
+  success: /* @__PURE__ */ l(Oe, { size: 20, "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ l(Se, { size: 20, "aria-hidden": "true" }),
+  danger: /* @__PURE__ */ l(Ne, { size: 20, "aria-hidden": "true" }),
+  info: /* @__PURE__ */ l(Ce, { size: 20, "aria-hidden": "true" })
+}, wt = {
+  success: "Success notification",
+  warning: "Warning notification",
+  danger: "Error notification",
+  info: "Information notification"
+}, Ua = ({
+  variant: a,
+  title: e,
+  message: t,
+  dismissible: r = !1,
+  onDismiss: i,
+  action: o,
+  icon: n,
+  position: d = "inline",
+  className: s = ""
+}) => {
+  const f = a === "danger", h = n === null ? null : n ?? yt[a];
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      role: f ? "alert" : "region",
+      "aria-label": f ? void 0 : wt[a],
+      className: `path58-banner path58-banner--${a} path58-banner--${d} ${s}`.trim(),
+      "data-path58-primitive": "banner",
+      children: [
+        h !== null ? /* @__PURE__ */ l("span", { className: "path58-banner__icon", "aria-hidden": "true", children: h }) : null,
+        /* @__PURE__ */ E("div", { className: "path58-banner__content", children: [
+          e ? /* @__PURE__ */ l("div", { className: "path58-banner__title", children: e }) : null,
+          /* @__PURE__ */ l("div", { className: "path58-banner__message", children: t })
+        ] }),
+        o ? /* @__PURE__ */ l(
+          M,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: o.onClick,
+            className: "path58-banner__action",
+            children: o.label
+          }
+        ) : null,
+        r ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: "path58-banner__dismiss",
+            "aria-label": "Dismiss",
+            onClick: i,
+            children: /* @__PURE__ */ l(H, { size: 18, "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}, Tt = {
+  success: /* @__PURE__ */ l(Oe, { size: 18, "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ l(Se, { size: 18, "aria-hidden": "true" }),
+  danger: /* @__PURE__ */ l(Ne, { size: 18, "aria-hidden": "true" }),
+  info: /* @__PURE__ */ l(Ce, { size: 18, "aria-hidden": "true" })
+}, Ct = {
+  success: /* @__PURE__ */ l(Oe, { size: 14, "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ l(Se, { size: 14, "aria-hidden": "true" }),
+  danger: /* @__PURE__ */ l(Ne, { size: 14, "aria-hidden": "true" }),
+  info: /* @__PURE__ */ l(Ce, { size: 14, "aria-hidden": "true" })
+}, Wa = ({
+  variant: a,
+  title: e,
+  message: t,
+  dismissible: r = !1,
+  onDismiss: i,
+  icon: o,
+  size: n = "md",
+  className: d = ""
+}) => {
+  const s = a === "danger", f = s ? "alert" : "status", h = s ? "assertive" : "polite", b = o === null ? null : o ?? (n === "sm" ? Ct : Tt)[a];
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      role: f,
+      "aria-live": h,
+      className: `path58-alert path58-alert--${a} path58-alert--${n} ${d}`.trim(),
+      "data-path58-primitive": "alert",
+      children: [
+        b !== null ? /* @__PURE__ */ l("span", { className: "path58-alert__icon", "aria-hidden": "true", children: b }) : null,
+        /* @__PURE__ */ E("div", { className: "path58-alert__content", children: [
+          e ? /* @__PURE__ */ l("div", { className: "path58-alert__title", children: e }) : null,
+          /* @__PURE__ */ l("div", { className: "path58-alert__message", children: t })
+        ] }),
+        r ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: "path58-alert__dismiss",
+            "aria-label": "Dismiss",
+            onClick: i,
+            children: /* @__PURE__ */ l(H, { size: n === "sm" ? 12 : 16, "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}, Nt = ({
+  value: a,
   onChange: e,
-  placeholder: a = "Search...",
+  placeholder: t = "Search...",
   showClear: r = !0,
-  className: n = "",
-  ...s
-}) => /* @__PURE__ */ h("div", { className: `path58-search-input ${n}`.trim(), children: [
-  /* @__PURE__ */ o(
-    D,
+  className: i = "",
+  ...o
+}) => /* @__PURE__ */ E("div", { className: `path58-search-input ${i}`.trim(), children: [
+  /* @__PURE__ */ l(
+    Me,
     {
       type: "text",
       variant: "search",
-      value: t,
-      onChange: (c) => e(c.target.value),
-      placeholder: a,
-      ...s
+      value: a,
+      onChange: (n) => e(n.target.value),
+      placeholder: t,
+      ...o
     }
   ),
-  r && t && /* @__PURE__ */ o(
-    P,
+  r && a && /* @__PURE__ */ l(
+    M,
     {
       variant: "ghost",
       size: "sm",
-      icon: /* @__PURE__ */ o(j, { size: 14 }),
+      icon: /* @__PURE__ */ l(H, { size: 14 }),
       onClick: () => e(""),
       className: "path58-search-input-clear",
       title: "Clear search"
     }
   )
-] }), q = ({
-  tag: t,
+] }), St = ({
+  tag: a,
   selected: e = !1,
-  categoryColor: a,
+  categoryColor: t,
   onClick: r,
-  className: n = ""
+  className: i = ""
 }) => {
-  const c = ((i) => {
-    const u = /* @__PURE__ */ new Set([
+  const n = ((s) => {
+    const f = /* @__PURE__ */ new Set([
       "cro",
       "ceo",
       "cfo",
@@ -227,71 +386,71 @@ const P = ({
       "kpi",
       "okr",
       "roi"
-    ]), m = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
-    return i.split(/[\s-]+/).map((p) => {
-      const d = p.toLowerCase();
-      return m.has(d) ? d.charAt(0).toUpperCase() + d.slice(1) : u.has(d) ? d.toUpperCase() : p.charAt(0).toUpperCase() + p.slice(1).toLowerCase();
+    ]), h = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
+    return s.split(/[\s-]+/).map((v) => {
+      const b = v.toLowerCase();
+      return h.has(b) ? b.charAt(0).toUpperCase() + b.slice(1) : f.has(b) ? b.toUpperCase() : v.charAt(0).toUpperCase() + v.slice(1).toLowerCase();
     }).join(" ");
-  })(t);
-  return /* @__PURE__ */ o(
-    F,
+  })(a);
+  return /* @__PURE__ */ l(
+    pt,
     {
       variant: "tag",
       active: e,
-      categoryColor: a || "var(--p58-accent-fg)",
+      categoryColor: t || "var(--p58-accent-fg)",
       onClick: r,
-      className: n,
-      children: c
+      className: i,
+      children: n
     }
   );
-}, ht = ({
-  icon: t,
+}, Ha = ({
+  icon: a,
   iconVariant: e = "default",
-  label: a,
+  label: t,
   value: r,
-  onClick: n,
-  variant: s = "default",
-  className: c = ""
+  onClick: i,
+  variant: o = "default",
+  className: n = ""
 }) => {
-  const l = `path58-info-card--${s}`;
-  return /* @__PURE__ */ h(
-    S,
+  const d = `path58-info-card--${o}`;
+  return /* @__PURE__ */ E(
+    Ee,
     {
       variant: "card",
-      className: `path58-info-card ${l} ${n ? "path58-info-card--clickable" : ""} ${c}`.trim(),
-      onClick: n,
-      style: { cursor: n ? "pointer" : "default" },
+      className: `path58-info-card ${d} ${i ? "path58-info-card--clickable" : ""} ${n}`.trim(),
+      onClick: i,
+      style: { cursor: i ? "pointer" : "default" },
       children: [
-        /* @__PURE__ */ o(W, { variant: e, size: "md", children: t }),
-        /* @__PURE__ */ h("div", { className: "path58-info-card-content", children: [
-          /* @__PURE__ */ o(N, { variant: "card", children: a }),
-          /* @__PURE__ */ o("div", { className: "path58-info-card-value", children: r })
+        /* @__PURE__ */ l(bt, { variant: e, size: "md", children: a }),
+        /* @__PURE__ */ E("div", { className: "path58-info-card-content", children: [
+          /* @__PURE__ */ l(ke, { variant: "card", children: t }),
+          /* @__PURE__ */ l("div", { className: "path58-info-card-value", children: r })
         ] })
       ]
     }
   );
-}, G = ({
-  name: t,
+}, Ot = ({
+  name: a,
   count: e,
-  expanded: a,
+  expanded: t,
   onClick: r,
-  className: n = ""
-}) => /* @__PURE__ */ h(
+  className: i = ""
+}) => /* @__PURE__ */ E(
   "button",
   {
-    className: `path58-category-header ${n}`.trim(),
+    className: `path58-category-header ${i}`.trim(),
     onClick: r,
     children: [
-      /* @__PURE__ */ o(
-        M,
+      /* @__PURE__ */ l(
+        ut,
         {
           size: 16,
-          className: a ? "path58-category-chevron path58-category-chevron--expanded" : "path58-category-chevron"
+          className: t ? "path58-category-chevron path58-category-chevron--expanded" : "path58-category-chevron"
         }
       ),
-      /* @__PURE__ */ o(A, { size: 16 }),
-      /* @__PURE__ */ o("span", { className: "path58-category-name", children: t.toUpperCase() }),
-      /* @__PURE__ */ h("span", { className: "path58-category-count", children: [
+      /* @__PURE__ */ l(dt, { size: 16 }),
+      /* @__PURE__ */ l("span", { className: "path58-category-name", children: a.toUpperCase() }),
+      /* @__PURE__ */ E("span", { className: "path58-category-count", children: [
         "(",
         e,
         ")"
@@ -299,194 +458,1524 @@ const P = ({
     ]
   }
 );
-var L = {
+var Ke = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, z = y.createContext && /* @__PURE__ */ y.createContext(L), V = ["attr", "size", "title"];
-function K(t, e) {
-  if (t == null) return {};
-  var a, r, n = X(t, e);
+}, Ie = L.createContext && /* @__PURE__ */ L.createContext(Ke), kt = ["attr", "size", "title"];
+function Et(a, e) {
+  if (a == null) return {};
+  var t, r, i = Ft(a, e);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < s.length; r++) a = s[r], e.indexOf(a) === -1 && {}.propertyIsEnumerable.call(t, a) && (n[a] = t[a]);
+    var o = Object.getOwnPropertySymbols(a);
+    for (r = 0; r < o.length; r++) t = o[r], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(a, t) && (i[t] = a[t]);
   }
-  return n;
+  return i;
 }
-function X(t, e) {
-  if (t == null) return {};
-  var a = {};
-  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+function Ft(a, e) {
+  if (a == null) return {};
+  var t = {};
+  for (var r in a) if ({}.hasOwnProperty.call(a, r)) {
     if (e.indexOf(r) !== -1) continue;
-    a[r] = t[r];
+    t[r] = a[r];
   }
-  return a;
+  return t;
 }
-function w() {
-  return w = Object.assign ? Object.assign.bind() : function(t) {
+function ae() {
+  return ae = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
-      var a = arguments[e];
-      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (a[r] = t[r]);
     }
-    return t;
-  }, w.apply(null, arguments);
+    return a;
+  }, ae.apply(null, arguments);
 }
-function O(t, e) {
-  var a = Object.keys(t);
+function xe(a, e) {
+  var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(t);
-    e && (r = r.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(t, n).enumerable;
-    })), a.push.apply(a, r);
+    var r = Object.getOwnPropertySymbols(a);
+    e && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(a, i).enumerable;
+    })), t.push.apply(t, r);
   }
-  return a;
+  return t;
 }
-function $(t) {
+function re(a) {
   for (var e = 1; e < arguments.length; e++) {
-    var a = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? O(Object(a), !0).forEach(function(r) {
-      Y(t, r, a[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : O(Object(a)).forEach(function(r) {
-      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(a, r));
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? xe(Object(t), !0).forEach(function(r) {
+      Dt(a, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : xe(Object(t)).forEach(function(r) {
+      Object.defineProperty(a, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
-  return t;
+  return a;
 }
-function Y(t, e, a) {
-  return (e = Z(e)) in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+function Dt(a, e, t) {
+  return (e = _t(e)) in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function Z(t) {
-  var e = J(t, "string");
+function _t(a) {
+  var e = Pt(a, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function J(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var a = t[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var r = a.call(t, e);
+function Pt(a, e) {
+  if (typeof a != "object" || !a) return a;
+  var t = a[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var r = t.call(a, e);
     if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(t);
+  return (e === "string" ? String : Number)(a);
 }
-function E(t) {
-  return t && t.map((e, a) => /* @__PURE__ */ y.createElement(e.tag, $({
-    key: a
-  }, e.attr), E(e.child)));
+function qe(a) {
+  return a && a.map((e, t) => /* @__PURE__ */ L.createElement(e.tag, re({
+    key: t
+  }, e.attr), qe(e.child)));
 }
-function I(t) {
-  return (e) => /* @__PURE__ */ y.createElement(Q, w({
-    attr: $({}, t.attr)
-  }, e), E(t.child));
+function Ue(a) {
+  return (e) => /* @__PURE__ */ L.createElement(It, ae({
+    attr: re({}, a.attr)
+  }, e), qe(a.child));
 }
-function Q(t) {
-  var e = (a) => {
+function It(a) {
+  var e = (t) => {
     var {
       attr: r,
-      size: n,
-      title: s
-    } = t, c = K(t, V), l = n || a.size || "1em", i;
-    return a.className && (i = a.className), t.className && (i = (i ? i + " " : "") + t.className), /* @__PURE__ */ y.createElement("svg", w({
+      size: i,
+      title: o
+    } = a, n = Et(a, kt), d = i || t.size || "1em", s;
+    return t.className && (s = t.className), a.className && (s = (s ? s + " " : "") + a.className), /* @__PURE__ */ L.createElement("svg", ae({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, r, c, {
-      className: i,
-      style: $($({
-        color: t.color || a.color
-      }, a.style), t.style),
-      height: l,
-      width: l,
+    }, t.attr, r, n, {
+      className: s,
+      style: re(re({
+        color: a.color || t.color
+      }, t.style), a.style),
+      height: d,
+      width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), s && /* @__PURE__ */ y.createElement("title", null, s), t.children);
+    }), o && /* @__PURE__ */ L.createElement("title", null, o), a.children);
   };
-  return z !== void 0 ? /* @__PURE__ */ y.createElement(z.Consumer, null, (a) => e(a)) : e(L);
+  return Ie !== void 0 ? /* @__PURE__ */ L.createElement(Ie.Consumer, null, (t) => e(t)) : e(Ke);
 }
-function tt(t) {
-  return I({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" }, child: [] }] })(t);
+function xt(a) {
+  return Ue({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" }, child: [] }] })(a);
 }
-function et(t) {
-  return I({ attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" }, child: [] }] })(t);
+function At(a) {
+  return Ue({ attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" }, child: [] }] })(a);
 }
-const at = ({
-  name: t,
+const Rt = ({
+  name: a,
   type: e,
-  selected: a = !1,
+  selected: t = !1,
   onClick: r,
-  className: n = ""
+  className: i = ""
 }) => {
-  const s = e === "html" ? "html" : "tsx", c = e === "html" ? tt : et;
-  return /* @__PURE__ */ h(
-    U,
+  const o = e === "html" ? "html" : "tsx", n = e === "html" ? xt : At;
+  return /* @__PURE__ */ E(
+    mt,
     {
-      selected: a,
+      selected: t,
       onClick: r,
-      className: `path58-file-item ${n}`.trim(),
+      className: `path58-file-item ${i}`.trim(),
       children: [
-        /* @__PURE__ */ o(R, { variant: s, children: /* @__PURE__ */ o(c, { size: 16 }) }),
-        /* @__PURE__ */ o("span", { className: "path58-file-name", children: t })
+        /* @__PURE__ */ l(ht, { variant: o, children: /* @__PURE__ */ l(n, { size: 16 }) }),
+        /* @__PURE__ */ l("span", { className: "path58-file-name", children: a })
       ]
     }
   );
-}, mt = ({
-  value: t,
+};
+function jt(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+}
+function We(a) {
+  if (a.__esModule) return a;
+  var e = a.default;
+  if (typeof e == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(e, arguments, this.constructor) : e.apply(this, arguments);
+    };
+    t.prototype = e.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(a).forEach(function(r) {
+    var i = Object.getOwnPropertyDescriptor(a, r);
+    Object.defineProperty(t, r, i.get ? i : {
+      enumerable: !0,
+      get: function() {
+        return a[r];
+      }
+    });
+  }), t;
+}
+var Fe = { exports: {} };
+/*!
+* tabbable 6.4.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var He = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], ne = /* @__PURE__ */ He.join(","), Ge = typeof Element > "u", q = Ge ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ie = !Ge && Element.prototype.getRootNode ? function(a) {
+  var e;
+  return a == null || (e = a.getRootNode) === null || e === void 0 ? void 0 : e.call(a);
+} : function(a) {
+  return a == null ? void 0 : a.ownerDocument;
+}, oe = function(e, t) {
+  var r;
+  t === void 0 && (t = !0);
+  var i = e == null || (r = e.getAttribute) === null || r === void 0 ? void 0 : r.call(e, "inert"), o = i === "" || i === "true", n = o || t && e && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof e.closest == "function" ? e.closest("[inert]") : oe(e.parentNode));
+  return n;
+}, $t = function(e) {
+  var t, r = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "contenteditable");
+  return r === "" || r === "true";
+}, Ve = function(e, t, r) {
+  if (oe(e))
+    return [];
+  var i = Array.prototype.slice.apply(e.querySelectorAll(ne));
+  return t && q.call(e, ne) && i.unshift(e), i = i.filter(r), i;
+}, se = function(e, t, r) {
+  for (var i = [], o = Array.from(e); o.length; ) {
+    var n = o.shift();
+    if (!oe(n, !1))
+      if (n.tagName === "SLOT") {
+        var d = n.assignedElements(), s = d.length ? d : n.children, f = se(s, !0, r);
+        r.flatten ? i.push.apply(i, f) : i.push({
+          scopeParent: n,
+          candidates: f
+        });
+      } else {
+        var h = q.call(n, ne);
+        h && r.filter(n) && (t || !e.includes(n)) && i.push(n);
+        var v = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), b = !oe(v, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (v && b) {
+          var k = se(v === !0 ? n.children : v.children, !0, r);
+          r.flatten ? i.push.apply(i, k) : i.push({
+            scopeParent: n,
+            candidates: k
+          });
+        } else
+          o.unshift.apply(o, n.children);
+      }
+  }
+  return i;
+}, Ye = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, z = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || $t(e)) && !Ye(e) ? 0 : e.tabIndex;
+}, zt = function(e, t) {
+  var r = z(e);
+  return r < 0 && t && !Ye(e) ? 0 : r;
+}, Lt = function(e, t) {
+  return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
+}, Xe = function(e) {
+  return e.tagName === "INPUT";
+}, Mt = function(e) {
+  return Xe(e) && e.type === "hidden";
+}, Bt = function(e) {
+  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return t;
+}, Kt = function(e, t) {
+  for (var r = 0; r < e.length; r++)
+    if (e[r].checked && e[r].form === t)
+      return e[r];
+}, qt = function(e) {
+  if (!e.name)
+    return !0;
+  var t = e.form || ie(e), r = function(d) {
+    return t.querySelectorAll('input[type="radio"][name="' + d + '"]');
+  }, i;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    i = r(window.CSS.escape(e.name));
+  else
+    try {
+      i = r(e.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var o = Kt(i, e.form);
+  return !o || o === e;
+}, Ut = function(e) {
+  return Xe(e) && e.type === "radio";
+}, Wt = function(e) {
+  return Ut(e) && !qt(e);
+}, Ht = function(e) {
+  var t, r = e && ie(e), i = (t = r) === null || t === void 0 ? void 0 : t.host, o = !1;
+  if (r && r !== e) {
+    var n, d, s;
+    for (o = !!((n = i) !== null && n !== void 0 && (d = n.ownerDocument) !== null && d !== void 0 && d.contains(i) || e != null && (s = e.ownerDocument) !== null && s !== void 0 && s.contains(e)); !o && i; ) {
+      var f, h, v;
+      r = ie(i), i = (f = r) === null || f === void 0 ? void 0 : f.host, o = !!((h = i) !== null && h !== void 0 && (v = h.ownerDocument) !== null && v !== void 0 && v.contains(i));
+    }
+  }
+  return o;
+}, Ae = function(e) {
+  var t = e.getBoundingClientRect(), r = t.width, i = t.height;
+  return r === 0 && i === 0;
+}, Gt = function(e, t) {
+  var r = t.displayCheck, i = t.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in e) {
+    var o = e.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !o;
+  }
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var n = q.call(e, "details>summary:first-of-type"), d = n ? e.parentElement : e;
+  if (q.call(d, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof i == "function") {
+      for (var s = e; e; ) {
+        var f = e.parentElement, h = ie(e);
+        if (f && !f.shadowRoot && i(f) === !0)
+          return Ae(e);
+        e.assignedSlot ? e = e.assignedSlot : !f && h !== e.ownerDocument ? e = h.host : e = f;
+      }
+      e = s;
+    }
+    if (Ht(e))
+      return !e.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return Ae(e);
+  return !1;
+}, Vt = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var t = e.parentElement; t; ) {
+      if (t.tagName === "FIELDSET" && t.disabled) {
+        for (var r = 0; r < t.children.length; r++) {
+          var i = t.children.item(r);
+          if (i.tagName === "LEGEND")
+            return q.call(t, "fieldset[disabled] *") ? !0 : !i.contains(e);
+        }
+        return !0;
+      }
+      t = t.parentElement;
+    }
+  return !1;
+}, ce = function(e, t) {
+  return !(t.disabled || Mt(t) || Gt(t, e) || // For a details element with a summary, the summary element gets the focus
+  Bt(t) || Vt(t));
+}, ge = function(e, t) {
+  return !(Wt(t) || z(t) < 0 || !ce(e, t));
+}, Yt = function(e) {
+  var t = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(t) || t >= 0);
+}, Ze = function(e) {
+  var t = [], r = [];
+  return e.forEach(function(i, o) {
+    var n = !!i.scopeParent, d = n ? i.scopeParent : i, s = zt(d, n), f = n ? Ze(i.candidates) : d;
+    s === 0 ? n ? t.push.apply(t, f) : t.push(d) : r.push({
+      documentOrder: o,
+      tabIndex: s,
+      item: i,
+      isScope: n,
+      content: f
+    });
+  }), r.sort(Lt).reduce(function(i, o) {
+    return o.isScope ? i.push.apply(i, o.content) : i.push(o.content), i;
+  }, []).concat(t);
+}, Qe = function(e, t) {
+  t = t || {};
+  var r;
+  return t.getShadowRoot ? r = se([e], t.includeContainer, {
+    filter: ge.bind(null, t),
+    flatten: !1,
+    getShadowRoot: t.getShadowRoot,
+    shadowRootFilter: Yt
+  }) : r = Ve(e, t.includeContainer, ge.bind(null, t)), Ze(r);
+}, Je = function(e, t) {
+  t = t || {};
+  var r;
+  return t.getShadowRoot ? r = se([e], t.includeContainer, {
+    filter: ce.bind(null, t),
+    flatten: !0,
+    getShadowRoot: t.getShadowRoot
+  }) : r = Ve(e, t.includeContainer, ce.bind(null, t)), r;
+}, K = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return q.call(e, ne) === !1 ? !1 : ge(t, e);
+}, Xt = /* @__PURE__ */ He.concat("iframe:not([inert]):not([inert] *)").join(","), te = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return q.call(e, Xt) === !1 ? !1 : ce(t, e);
+};
+const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  focusable: Je,
+  getTabIndex: z,
+  isFocusable: te,
+  isTabbable: K,
+  tabbable: Qe
+}, Symbol.toStringTag, { value: "Module" }));
+/*!
+* focus-trap 7.8.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function ye(a, e) {
+  (e == null || e > a.length) && (e = a.length);
+  for (var t = 0, r = Array(e); t < e; t++) r[t] = a[t];
+  return r;
+}
+function Qt(a) {
+  if (Array.isArray(a)) return ye(a);
+}
+function Re(a, e) {
+  var t = typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
+  if (!t) {
+    if (Array.isArray(a) || (t = et(a)) || e) {
+      t && (a = t);
+      var r = 0, i = function() {
+      };
+      return {
+        s: i,
+        n: function() {
+          return r >= a.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: a[r++]
+          };
+        },
+        e: function(s) {
+          throw s;
+        },
+        f: i
+      };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var o, n = !0, d = !1;
+  return {
+    s: function() {
+      t = t.call(a);
+    },
+    n: function() {
+      var s = t.next();
+      return n = s.done, s;
+    },
+    e: function(s) {
+      d = !0, o = s;
+    },
+    f: function() {
+      try {
+        n || t.return == null || t.return();
+      } finally {
+        if (d) throw o;
+      }
+    }
+  };
+}
+function Jt(a, e, t) {
+  return (e = na(e)) in a ? Object.defineProperty(a, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : a[e] = t, a;
+}
+function ea(a) {
+  if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
+}
+function ta() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function je(a, e) {
+  var t = Object.keys(a);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(a);
+    e && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(a, i).enumerable;
+    })), t.push.apply(t, r);
+  }
+  return t;
+}
+function $e(a) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? je(Object(t), !0).forEach(function(r) {
+      Jt(a, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : je(Object(t)).forEach(function(r) {
+      Object.defineProperty(a, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return a;
+}
+function aa(a) {
+  return Qt(a) || ea(a) || et(a) || ta();
+}
+function ra(a, e) {
+  if (typeof a != "object" || !a) return a;
+  var t = a[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var r = t.call(a, e);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(a);
+}
+function na(a) {
+  var e = ra(a, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function et(a, e) {
+  if (a) {
+    if (typeof a == "string") return ye(a, e);
+    var t = {}.toString.call(a).slice(8, -1);
+    return t === "Object" && a.constructor && (t = a.constructor.name), t === "Map" || t === "Set" ? Array.from(a) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ye(a, e) : void 0;
+  }
+}
+var R = {
+  // Returns the trap from the top of the stack.
+  getActiveTrap: function(e) {
+    return (e == null ? void 0 : e.length) > 0 ? e[e.length - 1] : null;
+  },
+  // Pauses the currently active trap, then adds a new trap to the stack.
+  activateTrap: function(e, t) {
+    var r = R.getActiveTrap(e);
+    t !== r && R.pauseTrap(e);
+    var i = e.indexOf(t);
+    i === -1 || e.splice(i, 1), e.push(t);
+  },
+  // Removes the trap from the top of the stack, then unpauses the next trap down.
+  deactivateTrap: function(e, t) {
+    var r = e.indexOf(t);
+    r !== -1 && e.splice(r, 1), R.unpauseTrap(e);
+  },
+  // Pauses the trap at the top of the stack.
+  pauseTrap: function(e) {
+    var t = R.getActiveTrap(e);
+    t == null || t._setPausedState(!0);
+  },
+  // Unpauses the trap at the top of the stack.
+  unpauseTrap: function(e) {
+    var t = R.getActiveTrap(e);
+    t && !t._isManuallyPaused() && t._setPausedState(!1);
+  }
+}, ia = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, oa = function(e) {
+  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
+}, Q = function(e) {
+  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
+}, sa = function(e) {
+  return Q(e) && !e.shiftKey;
+}, ca = function(e) {
+  return Q(e) && e.shiftKey;
+}, ze = function(e) {
+  return setTimeout(e, 0);
+}, Y = function(e) {
+  for (var t = arguments.length, r = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
+    r[i - 1] = arguments[i];
+  return typeof e == "function" ? e.apply(void 0, r) : e;
+}, ee = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, la = [], ua = function(e, t) {
+  var r = (t == null ? void 0 : t.document) || document, i = (t == null ? void 0 : t.trapStack) || la, o = $e({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isolateSubtrees: !1,
+    isKeyForward: sa,
+    isKeyBackward: ca
+  }, t), n = {
+    // containers given to createFocusTrap()
+    /** @type {Array<HTMLElement>} */
+    containers: [],
+    // list of objects identifying tabbable nodes in `containers` in the trap
+    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+    //  is active, but the trap should never get to a state where there isn't at least one group
+    //  with at least one tabbable node in it (that would lead to an error condition that would
+    //  result in an error being thrown)
+    /** @type {Array<{
+     *    container: HTMLElement,
+     *    tabbableNodes: Array<HTMLElement>, // empty if none
+     *    focusableNodes: Array<HTMLElement>, // empty if none
+     *    posTabIndexesFound: boolean,
+     *    firstTabbableNode: HTMLElement|undefined,
+     *    lastTabbableNode: HTMLElement|undefined,
+     *    firstDomTabbableNode: HTMLElement|undefined,
+     *    lastDomTabbableNode: HTMLElement|undefined,
+     *    nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+     *  }>}
+     */
+    containerGroups: [],
+    // same order/length as `containers` list
+    // references to objects in `containerGroups`, but only those that actually have
+    //  tabbable nodes in them
+    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+    //  the same length
+    tabbableGroups: [],
+    // references to nodes that are siblings to the ancestors of this trap's containers.
+    /** @type {Set<HTMLElement>} */
+    adjacentElements: /* @__PURE__ */ new Set(),
+    // references to nodes that were inert or aria-hidden before the trap was activated.
+    /** @type {Set<HTMLElement>} */
+    alreadySilent: /* @__PURE__ */ new Set(),
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    manuallyPaused: !1,
+    // timer ID for when delayInitialFocus is true and initial focus in this trap
+    //  has been delayed during activation
+    delayInitialFocusTimer: void 0,
+    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
+    recentNavEvent: void 0
+  }, d, s = function(c, u, p) {
+    return c && c[u] !== void 0 ? c[u] : o[p || u];
+  }, f = function(c, u) {
+    var p = typeof (u == null ? void 0 : u.composedPath) == "function" ? u.composedPath() : void 0;
+    return n.containerGroups.findIndex(function(T) {
+      var g = T.container, N = T.tabbableNodes;
+      return g.contains(c) || // fall back to explicit tabbable search which will take into consideration any
+      //  web components if the `tabbableOptions.getShadowRoot` option was used for
+      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
+      //  look inside web components even if open)
+      (p == null ? void 0 : p.includes(g)) || N.find(function(m) {
+        return m === c;
+      });
+    });
+  }, h = function(c) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, p = u.hasFallback, T = p === void 0 ? !1 : p, g = u.params, N = g === void 0 ? [] : g, m = o[c];
+    if (typeof m == "function" && (m = m.apply(void 0, aa(N))), m === !0 && (m = void 0), !m) {
+      if (m === void 0 || m === !1)
+        return m;
+      throw new Error("`".concat(c, "` was specified but was not a node, or did not return a node"));
+    }
+    var S = m;
+    if (typeof m == "string") {
+      try {
+        S = r.querySelector(m);
+      } catch (O) {
+        throw new Error("`".concat(c, '` appears to be an invalid selector; error="').concat(O.message, '"'));
+      }
+      if (!S && !T)
+        throw new Error("`".concat(c, "` as selector refers to no known node"));
+    }
+    return S;
+  }, v = function() {
+    var c = h("initialFocus", {
+      hasFallback: !0
+    });
+    if (c === !1)
+      return !1;
+    if (c === void 0 || c && !te(c, o.tabbableOptions))
+      if (f(r.activeElement) >= 0)
+        c = r.activeElement;
+      else {
+        var u = n.tabbableGroups[0], p = u && u.firstTabbableNode;
+        c = p || h("fallbackFocus");
+      }
+    else c === null && (c = h("fallbackFocus"));
+    if (!c)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return c;
+  }, b = function() {
+    if (n.containerGroups = n.containers.map(function(c) {
+      var u = Qe(c, o.tabbableOptions), p = Je(c, o.tabbableOptions), T = u.length > 0 ? u[0] : void 0, g = u.length > 0 ? u[u.length - 1] : void 0, N = p.find(function(O) {
+        return K(O);
+      }), m = p.slice().reverse().find(function(O) {
+        return K(O);
+      }), S = !!u.find(function(O) {
+        return z(O) > 0;
+      });
+      return {
+        container: c,
+        tabbableNodes: u,
+        focusableNodes: p,
+        /** True if at least one node with positive `tabindex` was found in this container. */
+        posTabIndexesFound: S,
+        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
+        firstTabbableNode: T,
+        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
+        lastTabbableNode: g,
+        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
+        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        //  because that API doesn't work with Shadow DOM as well as it should (@see
+        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
+        //  to address an edge case related to positive tabindex support, this seems like a much easier,
+        //  "close enough most of the time" alternative for positive tabindexes which should generally
+        //  be avoided anyway...
+        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
+        firstDomTabbableNode: N,
+        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
+        lastDomTabbableNode: m,
+        /**
+         * Finds the __tabbable__ node that follows the given node in the specified direction,
+         *  in this container, if any.
+         * @param {HTMLElement} node
+         * @param {boolean} [forward] True if going in forward tab order; false if going
+         *  in reverse.
+         * @returns {HTMLElement|undefined} The next tabbable node, if any.
+         */
+        nextTabbableNode: function(_) {
+          var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, I = u.indexOf(_);
+          return I < 0 ? x ? p.slice(p.indexOf(_) + 1).find(function(B) {
+            return K(B);
+          }) : p.slice(0, p.indexOf(_)).reverse().find(function(B) {
+            return K(B);
+          }) : u[I + (x ? 1 : -1)];
+        }
+      };
+    }), n.tabbableGroups = n.containerGroups.filter(function(c) {
+      return c.tabbableNodes.length > 0;
+    }), n.tabbableGroups.length <= 0 && !h("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+    if (n.containerGroups.find(function(c) {
+      return c.posTabIndexesFound;
+    }) && n.containerGroups.length > 1)
+      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+  }, k = function(c) {
+    var u = c.activeElement;
+    if (u)
+      return u.shadowRoot && u.shadowRoot.activeElement !== null ? k(u.shadowRoot) : u;
+  }, y = function(c) {
+    if (c !== !1 && c !== k(document)) {
+      if (!c || !c.focus) {
+        y(v());
+        return;
+      }
+      c.focus({
+        preventScroll: !!o.preventScroll
+      }), n.mostRecentlyFocusedNode = c, ia(c) && c.select();
+    }
+  }, w = function(c) {
+    var u = h("setReturnFocus", {
+      params: [c]
+    });
+    return u || (u === !1 ? !1 : c);
+  }, C = function(c) {
+    var u = c.target, p = c.event, T = c.isBackward, g = T === void 0 ? !1 : T;
+    u = u || ee(p), b();
+    var N = null;
+    if (n.tabbableGroups.length > 0) {
+      var m = f(u, p), S = m >= 0 ? n.containerGroups[m] : void 0;
+      if (m < 0)
+        g ? N = n.tabbableGroups[n.tabbableGroups.length - 1].lastTabbableNode : N = n.tabbableGroups[0].firstTabbableNode;
+      else if (g) {
+        var O = n.tabbableGroups.findIndex(function(fe) {
+          var ve = fe.firstTabbableNode;
+          return u === ve;
+        });
+        if (O < 0 && (S.container === u || te(u, o.tabbableOptions) && !K(u, o.tabbableOptions) && !S.nextTabbableNode(u, !1)) && (O = m), O >= 0) {
+          var _ = O === 0 ? n.tabbableGroups.length - 1 : O - 1, x = n.tabbableGroups[_];
+          N = z(u) >= 0 ? x.lastTabbableNode : x.lastDomTabbableNode;
+        } else Q(p) || (N = S.nextTabbableNode(u, !1));
+      } else {
+        var I = n.tabbableGroups.findIndex(function(fe) {
+          var ve = fe.lastTabbableNode;
+          return u === ve;
+        });
+        if (I < 0 && (S.container === u || te(u, o.tabbableOptions) && !K(u, o.tabbableOptions) && !S.nextTabbableNode(u)) && (I = m), I >= 0) {
+          var B = I === n.tabbableGroups.length - 1 ? 0 : I + 1, $ = n.tabbableGroups[B];
+          N = z(u) >= 0 ? $.firstTabbableNode : $.firstDomTabbableNode;
+        } else Q(p) || (N = S.nextTabbableNode(u));
+      }
+    } else
+      N = h("fallbackFocus");
+    return N;
+  }, D = function(c) {
+    var u = ee(c);
+    if (!(f(u, c) >= 0)) {
+      if (Y(o.clickOutsideDeactivates, c)) {
+        d.deactivate({
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked (and if not focusable, to "nothing"); by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node), whether the
+          //  outside click was on a focusable node or not
+          returnFocus: o.returnFocusOnDeactivate
+        });
+        return;
+      }
+      Y(o.allowOutsideClick, c) || c.preventDefault();
+    }
+  }, U = function(c) {
+    var u = ee(c), p = f(u, c) >= 0;
+    if (p || u instanceof Document)
+      p && (n.mostRecentlyFocusedNode = u);
+    else {
+      c.stopImmediatePropagation();
+      var T, g = !0;
+      if (n.mostRecentlyFocusedNode)
+        if (z(n.mostRecentlyFocusedNode) > 0) {
+          var N = f(n.mostRecentlyFocusedNode), m = n.containerGroups[N].tabbableNodes;
+          if (m.length > 0) {
+            var S = m.findIndex(function(O) {
+              return O === n.mostRecentlyFocusedNode;
+            });
+            S >= 0 && (o.isKeyForward(n.recentNavEvent) ? S + 1 < m.length && (T = m[S + 1], g = !1) : S - 1 >= 0 && (T = m[S - 1], g = !1));
+          }
+        } else
+          n.containerGroups.some(function(O) {
+            return O.tabbableNodes.some(function(_) {
+              return z(_) > 0;
+            });
+          }) || (g = !1);
+      else
+        g = !1;
+      g && (T = C({
+        // move FROM the MRU node, not event-related node (which will be the node that is
+        //  outside the trap causing the focus escape we're trying to fix)
+        target: n.mostRecentlyFocusedNode,
+        isBackward: o.isKeyBackward(n.recentNavEvent)
+      })), y(T || n.mostRecentlyFocusedNode || v());
+    }
+    n.recentNavEvent = void 0;
+  }, J = function(c) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    n.recentNavEvent = c;
+    var p = C({
+      event: c,
+      isBackward: u
+    });
+    p && (Q(c) && c.preventDefault(), y(p));
+  }, G = function(c) {
+    (o.isKeyForward(c) || o.isKeyBackward(c)) && J(c, o.isKeyBackward(c));
+  }, ue = function(c) {
+    oa(c) && Y(o.escapeDeactivates, c) !== !1 && (c.preventDefault(), d.deactivate());
+  }, P = function(c) {
+    var u = ee(c);
+    f(u, c) >= 0 || Y(o.clickOutsideDeactivates, c) || Y(o.allowOutsideClick, c) || (c.preventDefault(), c.stopImmediatePropagation());
+  }, _e = function() {
+    if (n.active)
+      return R.activateTrap(i, d), n.delayInitialFocusTimer = o.delayInitialFocus ? ze(function() {
+        y(v());
+      }) : y(v()), r.addEventListener("focusin", U, !0), r.addEventListener("mousedown", D, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("touchstart", D, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("click", P, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("keydown", G, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("keydown", ue), d;
+  }, it = function(c) {
+    n.active && !n.paused && d._setSubtreeIsolation(!1), n.adjacentElements.clear(), n.alreadySilent.clear();
+    var u = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), T = Re(c), g;
+    try {
+      for (T.s(); !(g = T.n()).done; ) {
+        var N = g.value;
+        u.add(N);
+        for (var m = typeof ShadowRoot < "u" && N.getRootNode() instanceof ShadowRoot, S = N; S; ) {
+          u.add(S);
+          var O = S.parentElement, _ = [];
+          O ? _ = O.children : !O && m && (_ = S.getRootNode().children, O = S.getRootNode().host, m = typeof ShadowRoot < "u" && O.getRootNode() instanceof ShadowRoot);
+          var x = Re(_), I;
+          try {
+            for (x.s(); !(I = x.n()).done; ) {
+              var B = I.value;
+              p.add(B);
+            }
+          } catch ($) {
+            x.e($);
+          } finally {
+            x.f();
+          }
+          S = O;
+        }
+      }
+    } catch ($) {
+      T.e($);
+    } finally {
+      T.f();
+    }
+    u.forEach(function($) {
+      p.delete($);
+    }), n.adjacentElements = p;
+  }, Pe = function() {
+    if (n.active)
+      return r.removeEventListener("focusin", U, !0), r.removeEventListener("mousedown", D, !0), r.removeEventListener("touchstart", D, !0), r.removeEventListener("click", P, !0), r.removeEventListener("keydown", G, !0), r.removeEventListener("keydown", ue), d;
+  }, ot = function(c) {
+    var u = c.some(function(p) {
+      var T = Array.from(p.removedNodes);
+      return T.some(function(g) {
+        return g === n.mostRecentlyFocusedNode;
+      });
+    });
+    u && y(v());
+  }, de = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ot) : void 0, V = function() {
+    de && (de.disconnect(), n.active && !n.paused && n.containers.map(function(c) {
+      de.observe(c, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return d = {
+    get active() {
+      return n.active;
+    },
+    get paused() {
+      return n.paused;
+    },
+    activate: function(c) {
+      if (n.active)
+        return this;
+      var u = s(c, "onActivate"), p = s(c, "onPostActivate"), T = s(c, "checkCanFocusTrap"), g = R.getActiveTrap(i), N = !1;
+      if (g && !g.paused) {
+        var m;
+        (m = g._setSubtreeIsolation) === null || m === void 0 || m.call(g, !1), N = !0;
+      }
+      try {
+        T || b(), n.active = !0, n.paused = !1, n.nodeFocusedBeforeActivation = k(r), u == null || u();
+        var S = function() {
+          T && b(), _e(), V(), o.isolateSubtrees && d._setSubtreeIsolation(!0), p == null || p();
+        };
+        if (T)
+          return T(n.containers.concat()).then(S, S), this;
+        S();
+      } catch (_) {
+        if (g === R.getActiveTrap(i) && N) {
+          var O;
+          (O = g._setSubtreeIsolation) === null || O === void 0 || O.call(g, !0);
+        }
+        throw _;
+      }
+      return this;
+    },
+    deactivate: function(c) {
+      if (!n.active)
+        return this;
+      var u = $e({
+        onDeactivate: o.onDeactivate,
+        onPostDeactivate: o.onPostDeactivate,
+        checkCanReturnFocus: o.checkCanReturnFocus
+      }, c);
+      clearTimeout(n.delayInitialFocusTimer), n.delayInitialFocusTimer = void 0, n.paused || d._setSubtreeIsolation(!1), n.alreadySilent.clear(), Pe(), n.active = !1, n.paused = !1, V(), R.deactivateTrap(i, d);
+      var p = s(u, "onDeactivate"), T = s(u, "onPostDeactivate"), g = s(u, "checkCanReturnFocus"), N = s(u, "returnFocus", "returnFocusOnDeactivate");
+      p == null || p();
+      var m = function() {
+        ze(function() {
+          N && y(w(n.nodeFocusedBeforeActivation)), T == null || T();
+        });
+      };
+      return N && g ? (g(w(n.nodeFocusedBeforeActivation)).then(m, m), this) : (m(), this);
+    },
+    pause: function(c) {
+      return n.active ? (n.manuallyPaused = !0, this._setPausedState(!0, c)) : this;
+    },
+    unpause: function(c) {
+      return n.active ? (n.manuallyPaused = !1, i[i.length - 1] !== this ? this : this._setPausedState(!1, c)) : this;
+    },
+    updateContainerElements: function(c) {
+      var u = [].concat(c).filter(Boolean);
+      return n.containers = u.map(function(p) {
+        return typeof p == "string" ? r.querySelector(p) : p;
+      }), o.isolateSubtrees && it(n.containers), n.active && (b(), o.isolateSubtrees && !n.paused && d._setSubtreeIsolation(!0)), V(), this;
+    }
+  }, Object.defineProperties(d, {
+    _isManuallyPaused: {
+      value: function() {
+        return n.manuallyPaused;
+      }
+    },
+    _setPausedState: {
+      value: function(c, u) {
+        if (n.paused === c)
+          return this;
+        if (n.paused = c, c) {
+          var p = s(u, "onPause"), T = s(u, "onPostPause");
+          p == null || p(), Pe(), V(), d._setSubtreeIsolation(!1), T == null || T();
+        } else {
+          var g = s(u, "onUnpause"), N = s(u, "onPostUnpause");
+          g == null || g(), d._setSubtreeIsolation(!0), b(), _e(), V(), N == null || N();
+        }
+        return this;
+      }
+    },
+    _setSubtreeIsolation: {
+      value: function(c) {
+        o.isolateSubtrees && n.adjacentElements.forEach(function(u) {
+          var p;
+          if (c)
+            switch (o.isolateSubtrees) {
+              case "aria-hidden":
+                (u.ariaHidden === "true" || ((p = u.getAttribute("aria-hidden")) === null || p === void 0 ? void 0 : p.toLowerCase()) === "true") && n.alreadySilent.add(u), u.setAttribute("aria-hidden", "true");
+                break;
+              default:
+                (u.inert || u.hasAttribute("inert")) && n.alreadySilent.add(u), u.setAttribute("inert", !0);
+                break;
+            }
+          else if (!n.alreadySilent.has(u)) switch (o.isolateSubtrees) {
+            case "aria-hidden":
+              u.removeAttribute("aria-hidden");
+              break;
+            default:
+              u.removeAttribute("inert");
+              break;
+          }
+        });
+      }
+    }
+  }), d.updateContainerElements(e), d;
+};
+const da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createFocusTrap: ua
+}, Symbol.toStringTag, { value: "Module" })), fa = /* @__PURE__ */ We(da), va = /* @__PURE__ */ We(Zt);
+function W(a) {
+  "@babel/helpers - typeof";
+  return W = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, W(a);
+}
+var he, be;
+function pa(a, e) {
+  if (!(a instanceof e)) throw new TypeError("Cannot call a class as a function");
+}
+function ha(a, e) {
+  for (var t = 0; t < e.length; t++) {
+    var r = e[t];
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(a, at(r.key), r);
+  }
+}
+function ba(a, e, t) {
+  return e && ha(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+}
+function ma(a, e, t) {
+  return e = le(e), ga(a, tt() ? Reflect.construct(e, t || [], le(a).constructor) : e.apply(a, t));
+}
+function ga(a, e) {
+  if (e && (W(e) == "object" || typeof e == "function")) return e;
+  if (e !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+  return ya(a);
+}
+function ya(a) {
+  if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return a;
+}
+function tt() {
+  try {
+    var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (tt = function() {
+    return !!a;
+  })();
+}
+function le(a) {
+  return le = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    return e.__proto__ || Object.getPrototypeOf(e);
+  }, le(a);
+}
+function wa(a, e) {
+  if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && we(a, e);
+}
+function we(a, e) {
+  return we = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
+    return t.__proto__ = r, t;
+  }, we(a, e);
+}
+function Ta(a, e, t) {
+  return (e = at(e)) in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+}
+function at(a) {
+  var e = Ca(a, "string");
+  return W(e) == "symbol" ? e : e + "";
+}
+function Ca(a, e) {
+  if (W(a) != "object" || !a) return a;
+  var t = a[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var r = t.call(a, e);
+    if (W(r) != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(a);
+}
+var X = L, Na = fa, Sa = Na.createFocusTrap, Oa = va, ka = Oa.isFocusable, Ea = parseInt((he = (be = /^(\d+)\./.exec(X.version)) === null || be === void 0 ? void 0 : be[1]) !== null && he !== void 0 ? he : 0, 10), De = /* @__PURE__ */ function(a) {
+  function e(t) {
+    var r;
+    pa(this, e), r = ma(this, e, [t]), Ta(r, "getNodeForOption", function(n) {
+      var d, s = (d = this.internalOptions[n]) !== null && d !== void 0 ? d : this.originalOptions[n];
+      if (typeof s == "function") {
+        for (var f = arguments.length, h = new Array(f > 1 ? f - 1 : 0), v = 1; v < f; v++)
+          h[v - 1] = arguments[v];
+        s = s.apply(void 0, h);
+      }
+      if (s === !0 && (s = void 0), !s) {
+        if (s === void 0 || s === !1)
+          return s;
+        throw new Error("`".concat(n, "` was specified but was not a node, or did not return a node"));
+      }
+      var b = s;
+      if (typeof s == "string") {
+        var k;
+        if (b = (k = this.getDocument()) === null || k === void 0 ? void 0 : k.querySelector(s), !b)
+          throw new Error("`".concat(n, "` as selector refers to no known node"));
+      }
+      return b;
+    }), r.handleDeactivate = r.handleDeactivate.bind(r), r.handlePostDeactivate = r.handlePostDeactivate.bind(r), r.handleClickOutsideDeactivates = r.handleClickOutsideDeactivates.bind(r), r.internalOptions = {
+      // We need to hijack the returnFocusOnDeactivate option,
+      // because React can move focus into the element before we arrived at
+      // this lifecycle hook (e.g. with autoFocus inputs). So the component
+      // captures the previouslyFocusedElement in componentWillMount,
+      // then (optionally) returns focus to it in componentWillUnmount.
+      returnFocusOnDeactivate: !1,
+      // the rest of these are also related to deactivation of the trap, and we
+      //  need to use them and control them as well
+      checkCanReturnFocus: null,
+      onDeactivate: r.handleDeactivate,
+      onPostDeactivate: r.handlePostDeactivate,
+      // we need to special-case this setting as well so that we can know if we should
+      //  NOT return focus if the trap gets auto-deactivated as the result of an
+      //  outside click (otherwise, we'll always think we should return focus because
+      //  of how we manage that flag internally here)
+      clickOutsideDeactivates: r.handleClickOutsideDeactivates
+    }, r.originalOptions = {
+      // because of the above `internalOptions`, we maintain our own flag for
+      //  this option, and default it to `true` because that's focus-trap's default
+      returnFocusOnDeactivate: !0,
+      // because of the above `internalOptions`, we keep these separate since
+      //  they're part of the deactivation process which we configure (internally) to
+      //  be shared between focus-trap and focus-trap-react
+      onDeactivate: null,
+      onPostDeactivate: null,
+      checkCanReturnFocus: null,
+      // the user's setting, defaulted to false since focus-trap defaults this to false
+      clickOutsideDeactivates: !1
+    };
+    var i = t.focusTrapOptions;
+    for (var o in i)
+      if (Object.prototype.hasOwnProperty.call(i, o)) {
+        if (o === "returnFocusOnDeactivate" || o === "onDeactivate" || o === "onPostDeactivate" || o === "checkCanReturnFocus" || o === "clickOutsideDeactivates") {
+          r.originalOptions[o] = i[o];
+          continue;
+        }
+        r.internalOptions[o] = i[o];
+      }
+    return r.outsideClick = null, r.focusTrapElements = t.containerElements || [], r.updatePreviousElement(), r;
+  }
+  return wa(e, a), ba(e, [{
+    key: "getDocument",
+    value: function() {
+      return this.props.focusTrapOptions.document || (typeof document < "u" ? document : void 0);
+    }
+  }, {
+    key: "getReturnFocusNode",
+    value: function() {
+      var r = this.getNodeForOption("setReturnFocus", this.previouslyFocusedElement);
+      return r || (r === !1 ? !1 : this.previouslyFocusedElement);
+    }
+    /** Update the previously focused element with the currently focused element. */
+  }, {
+    key: "updatePreviousElement",
+    value: function() {
+      var r = this.getDocument();
+      r && (this.previouslyFocusedElement = r.activeElement);
+    }
+  }, {
+    key: "deactivateTrap",
+    value: function() {
+      !this.focusTrap || !this.focusTrap.active || this.focusTrap.deactivate({
+        // NOTE: we never let the trap return the focus since we do that ourselves
+        returnFocus: !1,
+        // we'll call this in our own post deactivate handler so make sure the trap doesn't
+        //  do it prematurely
+        checkCanReturnFocus: null,
+        // let it call the user's original deactivate handler, if any, instead of
+        //  our own which calls back into this function
+        onDeactivate: this.originalOptions.onDeactivate
+        // NOTE: for post deactivate, don't specify anything so that it calls the
+        //  onPostDeactivate handler specified on `this.internalOptions`
+        //  which will always be our own `handlePostDeactivate()` handler, which
+        //  will finish things off by calling the user's provided onPostDeactivate
+        //  handler, if any, at the right time
+        // onPostDeactivate: NOTHING
+      });
+    }
+  }, {
+    key: "handleClickOutsideDeactivates",
+    value: function(r) {
+      var i = typeof this.originalOptions.clickOutsideDeactivates == "function" ? this.originalOptions.clickOutsideDeactivates.call(null, r) : this.originalOptions.clickOutsideDeactivates;
+      return i && (this.outsideClick = {
+        target: r.target,
+        allowDeactivation: i
+      }), i;
+    }
+  }, {
+    key: "handleDeactivate",
+    value: function() {
+      this.originalOptions.onDeactivate && this.originalOptions.onDeactivate.call(null), this.deactivateTrap();
+    }
+  }, {
+    key: "handlePostDeactivate",
+    value: function() {
+      var r = this, i = function() {
+        var n = r.getReturnFocusNode(), d = !!// did the consumer allow it?
+        (r.originalOptions.returnFocusOnDeactivate && // can we actually focus the node?
+        n !== null && n !== void 0 && n.focus && // was there an outside click that allowed deactivation?
+        (!r.outsideClick || // did the consumer allow deactivation when the outside node was clicked?
+        r.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus
+        //  as a result of the click-through) -- in which case do NOT restore focus
+        //  to `returnFocusNode` because focus should remain on the outside node
+        !ka(r.outsideClick.target, r.internalOptions.tabbableOptions))), s = r.internalOptions.preventScroll, f = s === void 0 ? !1 : s;
+        d && n.focus({
+          preventScroll: f
+        }), r.originalOptions.onPostDeactivate && r.originalOptions.onPostDeactivate.call(null), r.outsideClick = null;
+      };
+      this.originalOptions.checkCanReturnFocus ? this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()).then(i, i) : i();
+    }
+  }, {
+    key: "setupFocusTrap",
+    value: function() {
+      if (this.focusTrap)
+        this.props.active && !this.focusTrap.active && (this.focusTrap.activate(), this.props.paused && this.focusTrap.pause());
+      else {
+        var r = this.focusTrapElements.some(Boolean);
+        r && (this.focusTrap = this.props._createFocusTrap(this.focusTrapElements, this.internalOptions), this.props.active && this.focusTrap.activate(), this.props.paused && this.focusTrap.pause());
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      this.props.active && this.setupFocusTrap();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(r) {
+      if (this.focusTrap) {
+        r.containerElements !== this.props.containerElements && this.focusTrap.updateContainerElements(this.props.containerElements);
+        var i = !r.active && this.props.active, o = r.active && !this.props.active, n = !r.paused && this.props.paused, d = r.paused && !this.props.paused;
+        if (i && (this.updatePreviousElement(), this.focusTrap.activate()), o) {
+          this.deactivateTrap();
+          return;
+        }
+        n && this.focusTrap.pause(), d && this.focusTrap.unpause();
+      } else
+        r.containerElements !== this.props.containerElements && (this.focusTrapElements = this.props.containerElements), this.props.active && (this.updatePreviousElement(), this.setupFocusTrap());
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this.deactivateTrap();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this, i = this.props.children ? X.Children.only(this.props.children) : void 0;
+      if (i) {
+        if (i.type && i.type === X.Fragment)
+          throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
+        var o = function(s) {
+          var f = r.props.containerElements;
+          i && (Ea >= 19 ? typeof i.props.ref == "function" ? i.props.ref(s) : i.props.ref && (i.props.ref.current = s) : typeof i.ref == "function" ? i.ref(s) : i.ref && (i.ref.current = s)), r.focusTrapElements = f || [s];
+        }, n = X.cloneElement(i, {
+          ref: o
+        });
+        return n;
+      }
+      return null;
+    }
+  }]);
+}(X.Component);
+De.defaultProps = {
+  active: !0,
+  paused: !1,
+  focusTrapOptions: {},
+  _createFocusTrap: Sa
+};
+Fe.exports = De;
+Fe.exports.FocusTrap = De;
+var Fa = Fe.exports;
+const Da = /* @__PURE__ */ jt(Fa), _a = ({
+  open: a,
+  onClose: e,
+  children: t,
+  "aria-labelledby": r,
+  "aria-describedby": i,
+  initialFocus: o,
+  closeOnEscape: n = !0,
+  closeOnBackdropClick: d = !0,
+  lockScroll: s = !0,
+  portalRoot: f,
+  className: h = ""
+}) => {
+  const v = Te(null);
+  if (j(() => {
+    if (a)
+      return v.current = document.activeElement, () => {
+        const w = v.current;
+        setTimeout(() => {
+          var C;
+          return (C = w == null ? void 0 : w.focus) == null ? void 0 : C.call(w);
+        }, 0);
+      };
+  }, [a]), j(() => {
+    if (!a || !s) return;
+    const w = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = w;
+    };
+  }, [a, s]), j(() => {
+  }, [a, r]), !a) return null;
+  const b = f ?? document.body, k = (w) => {
+    d && w.target === w.currentTarget && e();
+  }, y = /* @__PURE__ */ l(
+    "div",
+    {
+      className: `path58-dialog-backdrop ${h}`.trim(),
+      onClick: k,
+      "data-path58-primitive": "dialog",
+      children: /* @__PURE__ */ l(
+        Da,
+        {
+          active: a,
+          focusTrapOptions: {
+            escapeDeactivates: n,
+            clickOutsideDeactivates: !1,
+            initialFocus: (o == null ? void 0 : o.current) ?? void 0,
+            onDeactivate: n ? e : void 0
+          },
+          children: /* @__PURE__ */ l(
+            "div",
+            {
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": r,
+              "aria-describedby": i,
+              className: "path58-dialog-surface",
+              children: t
+            }
+          )
+        }
+      )
+    }
+  );
+  return Le(y, b);
+}, rt = ({
+  header: a,
+  children: e,
+  footer: t,
+  size: r = "md",
+  dismissible: i = !0,
+  onClose: o,
+  className: n = "",
+  ...d
+}) => /* @__PURE__ */ l(_a, { onClose: o, className: n, ...d, children: /* @__PURE__ */ E("div", { className: `path58-modal path58-modal--${r}`, children: [
+  a || i ? /* @__PURE__ */ E("header", { className: "path58-modal__header", children: [
+    /* @__PURE__ */ l("div", { className: "path58-modal__header-content", children: a }),
+    i ? /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        className: "path58-modal__dismiss",
+        "aria-label": "Close",
+        onClick: o,
+        children: /* @__PURE__ */ l(H, { size: 18, "aria-hidden": "true" })
+      }
+    ) : null
+  ] }) : null,
+  /* @__PURE__ */ l("div", { className: "path58-modal__body", children: e }),
+  t ? /* @__PURE__ */ l("footer", { className: "path58-modal__footer", children: t }) : null
+] }) }), Ga = ({
+  open: a,
+  onConfirm: e,
+  onCancel: t,
+  title: r,
+  message: i,
+  confirmLabel: o = "Confirm",
+  cancelLabel: n = "Cancel",
+  variant: d = "default",
+  loading: s = !1
+}) => {
+  const f = Z(), h = Z();
+  return /* @__PURE__ */ l(
+    rt,
+    {
+      open: a,
+      onClose: t,
+      "aria-labelledby": f,
+      "aria-describedby": h,
+      size: "sm",
+      dismissible: !1,
+      header: /* @__PURE__ */ l("span", { id: f, children: r }),
+      footer: /* @__PURE__ */ E(me, { children: [
+        /* @__PURE__ */ l(M, { variant: "secondary", onClick: t, disabled: s, children: n }),
+        /* @__PURE__ */ l(
+          M,
+          {
+            variant: d === "danger" ? "danger" : "primary",
+            onClick: e,
+            disabled: s,
+            children: s ? /* @__PURE__ */ E(me, { children: [
+              /* @__PURE__ */ l(
+                "span",
+                {
+                  className: "path58-confirm-dialog__spinner",
+                  role: "status",
+                  "aria-label": "Loading"
+                }
+              ),
+              o
+            ] }) : o
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ l("div", { id: h, className: "path58-confirm-dialog__message", children: i })
+    }
+  );
+}, Va = ({
+  open: a,
+  onConfirm: e,
+  onCancel: t,
+  title: r,
+  label: i,
+  placeholder: o,
+  defaultValue: n = "",
+  confirmLabel: d = "Save",
+  cancelLabel: s = "Cancel",
+  required: f = !1,
+  inputType: h = "text",
+  validator: v
+}) => {
+  const b = Z(), k = Z(), y = Z(), [w, C] = A(n), [D, U] = A(void 0);
+  j(() => {
+    a && (C(n), U(void 0));
+  }, [a, n]);
+  const J = (P) => {
+    if (f && P.trim() === "") return "This field is required.";
+    if (v) return v(P);
+  }, G = () => {
+    const P = J(w);
+    if (P) {
+      U(P);
+      return;
+    }
+    e(w);
+  };
+  return /* @__PURE__ */ l(
+    rt,
+    {
+      open: a,
+      onClose: t,
+      "aria-labelledby": b,
+      size: "sm",
+      dismissible: !1,
+      header: /* @__PURE__ */ l("span", { id: b, children: r }),
+      footer: /* @__PURE__ */ E(me, { children: [
+        /* @__PURE__ */ l(M, { variant: "secondary", onClick: t, children: s }),
+        /* @__PURE__ */ l(M, { variant: "primary", onClick: G, children: d })
+      ] }),
+      children: /* @__PURE__ */ E("div", { className: "path58-prompt-dialog__field", children: [
+        /* @__PURE__ */ l("label", { htmlFor: k, className: "path58-prompt-dialog__label", children: i }),
+        /* @__PURE__ */ l(
+          Me,
+          {
+            id: k,
+            type: h,
+            autoFocus: !0,
+            value: w,
+            placeholder: o,
+            required: f,
+            error: D !== void 0,
+            "aria-describedby": D ? y : void 0,
+            onChange: (P) => C(P.target.value),
+            onBlur: () => U(J(w)),
+            onKeyDown: (P) => {
+              P.key === "Enter" && (P.preventDefault(), G());
+            }
+          }
+        ),
+        D ? /* @__PURE__ */ l("div", { id: y, className: "path58-prompt-dialog__error", role: "alert", children: D }) : null
+      ] })
+    }
+  );
+}, Ya = ({
+  value: a,
   onChange: e,
-  placeholder: a = "Search artifacts...",
+  placeholder: t = "Search artifacts...",
   label: r = "Search",
-  className: n = ""
-}) => /* @__PURE__ */ h(S, { variant: "section", className: `path58-search-section ${n}`.trim(), children: [
-  /* @__PURE__ */ o(N, { variant: "section", icon: /* @__PURE__ */ o(H, { size: 14 }), children: r }),
-  /* @__PURE__ */ o("div", { className: "path58-search-input-wrapper", children: /* @__PURE__ */ o(
-    B,
+  className: i = ""
+}) => /* @__PURE__ */ E(Ee, { variant: "section", className: `path58-search-section ${i}`.trim(), children: [
+  /* @__PURE__ */ l(ke, { variant: "section", icon: /* @__PURE__ */ l(ft, { size: 14 }), children: r }),
+  /* @__PURE__ */ l("div", { className: "path58-search-input-wrapper", children: /* @__PURE__ */ l(
+    Nt,
     {
-      value: t,
+      value: a,
       onChange: e,
-      placeholder: a
+      placeholder: t
     }
   ) })
-] }), ft = ({
-  allTags: t,
+] }), Xa = ({
+  allTags: a,
   selectedTags: e,
-  onToggleTag: a,
+  onToggleTag: t,
   className: r = ""
 }) => {
-  const [n, s] = C(/* @__PURE__ */ new Map()), [c, l] = C(/* @__PURE__ */ new Map());
-  x(() => {
+  const [i, o] = A(/* @__PURE__ */ new Map()), [n, d] = A(/* @__PURE__ */ new Map());
+  j(() => {
     (async () => {
       try {
-        const d = await fetch("/api/tags");
-        if (d.ok) {
-          const f = await d.json();
-          if (f.tags && f.categories) {
-            const g = /* @__PURE__ */ new Map();
-            f.tags.forEach((b) => {
-              typeof b == "object" && b.name && b.category && g.set(b.name, b.category);
+        const b = await fetch("/api/tags");
+        if (b.ok) {
+          const k = await b.json();
+          if (k.tags && k.categories) {
+            const y = /* @__PURE__ */ new Map();
+            k.tags.forEach((C) => {
+              typeof C == "object" && C.name && C.category && y.set(C.name, C.category);
             });
-            const v = /* @__PURE__ */ new Map();
-            f.categories.forEach((b) => {
-              v.set(b.id, { name: b.name, color: b.color });
-            }), s(g), l(v);
+            const w = /* @__PURE__ */ new Map();
+            k.categories.forEach((C) => {
+              w.set(C.id, { name: C.name, color: C.color });
+            }), o(y), d(w);
           }
         }
       } catch {
       }
     })();
   }, []);
-  const i = (p) => {
-    if (n.has(p))
-      return n.get(p) || null;
-    for (const [d, f] of n.entries())
-      if (d.toLowerCase() === p.toLowerCase())
-        return f;
+  const s = (v) => {
+    if (i.has(v))
+      return i.get(v) || null;
+    for (const [b, k] of i.entries())
+      if (b.toLowerCase() === v.toLowerCase())
+        return k;
     return null;
-  }, u = (p) => {
-    if (!p) return "var(--p58-accent-fg)";
-    const d = c.get(p);
-    return (d == null ? void 0 : d.color) || "var(--p58-accent-fg)";
-  }, m = (p) => {
-    const d = /* @__PURE__ */ new Set([
+  }, f = (v) => {
+    if (!v) return "var(--p58-accent-fg)";
+    const b = n.get(v);
+    return (b == null ? void 0 : b.color) || "var(--p58-accent-fg)";
+  }, h = (v) => {
+    const b = /* @__PURE__ */ new Set([
       "cro",
       "ceo",
       "cfo",
@@ -519,135 +2008,199 @@ const at = ({
       "kpi",
       "okr",
       "roi"
-    ]), f = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
-    return p.split(/[\s-]+/).map((g) => {
-      const v = g.toLowerCase();
-      return f.has(v) ? v.charAt(0).toUpperCase() + v.slice(1) : d.has(v) ? v.toUpperCase() : g.charAt(0).toUpperCase() + g.slice(1).toLowerCase();
+    ]), k = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
+    return v.split(/[\s-]+/).map((y) => {
+      const w = y.toLowerCase();
+      return k.has(w) ? w.charAt(0).toUpperCase() + w.slice(1) : b.has(w) ? w.toUpperCase() : y.charAt(0).toUpperCase() + y.slice(1).toLowerCase();
     }).join(" ");
   };
-  return t.length === 0 ? null : /* @__PURE__ */ h(S, { variant: "section", className: `path58-tag-filter path58-scrollbar ${r}`.trim(), children: [
-    /* @__PURE__ */ h("div", { className: "path58-tag-filter-header", children: [
-      /* @__PURE__ */ o(N, { variant: "section", icon: /* @__PURE__ */ o(T, { size: 14 }), children: "Filter by tags:" }),
-      e.size > 0 && /* @__PURE__ */ o(
-        P,
+  return a.length === 0 ? null : /* @__PURE__ */ E(Ee, { variant: "section", className: `path58-tag-filter path58-scrollbar ${r}`.trim(), children: [
+    /* @__PURE__ */ E("div", { className: "path58-tag-filter-header", children: [
+      /* @__PURE__ */ l(ke, { variant: "section", icon: /* @__PURE__ */ l(vt, { size: 14 }), children: "Filter by tags:" }),
+      e.size > 0 && /* @__PURE__ */ l(
+        M,
         {
           variant: "ghost",
           size: "sm",
-          icon: /* @__PURE__ */ o(j, { size: 12 }),
+          icon: /* @__PURE__ */ l(H, { size: 12 }),
           onClick: () => {
-            e.forEach((p) => a(p));
+            e.forEach((v) => t(v));
           },
           className: "path58-tag-filter-clear",
           children: "Clear"
         }
       )
     ] }),
-    /* @__PURE__ */ o(k, { variant: "wrap", className: "path58-tag-filter-list", children: t.map((p) => {
-      const d = i(p), f = u(d), g = m(p), v = e.has(g);
-      return /* @__PURE__ */ o(
-        q,
+    /* @__PURE__ */ l(Be, { variant: "wrap", className: "path58-tag-filter-list", children: a.map((v) => {
+      const b = s(v), k = f(b), y = h(v), w = e.has(y);
+      return /* @__PURE__ */ l(
+        St,
         {
-          tag: p,
-          selected: v,
-          categoryColor: f,
-          onClick: () => a(g)
+          tag: v,
+          selected: w,
+          categoryColor: k,
+          onClick: () => t(y)
         },
-        p
+        v
       );
     }) }),
-    t.length > 8 && /* @__PURE__ */ o("div", { className: "path58-tag-filter-scroll-hint", children: /* @__PURE__ */ o("span", { children: "Scroll for more tags" }) })
+    a.length > 8 && /* @__PURE__ */ l("div", { className: "path58-tag-filter-scroll-hint", children: /* @__PURE__ */ l("span", { children: "Scroll for more tags" }) })
   ] });
-}, rt = ({
-  category: t,
+}, Pa = ({
+  category: a,
   artifacts: e,
-  selectedFile: a,
+  selectedFile: t,
   onSelectFile: r,
-  expanded: n,
-  onToggle: s,
-  className: c = ""
-}) => /* @__PURE__ */ h("div", { className: `path58-category-group ${c}`.trim(), "data-category": t, children: [
-  /* @__PURE__ */ o(
-    G,
+  expanded: i,
+  onToggle: o,
+  className: n = ""
+}) => /* @__PURE__ */ E("div", { className: `path58-category-group ${n}`.trim(), "data-category": a, children: [
+  /* @__PURE__ */ l(
+    Ot,
     {
-      name: t,
+      name: a,
       count: e.length,
-      expanded: n,
-      onClick: s
+      expanded: i,
+      onClick: o
     }
   ),
-  n && /* @__PURE__ */ o("div", { className: "path58-category-file-list", children: e.map((l) => /* @__PURE__ */ o(
-    at,
+  i && /* @__PURE__ */ l("div", { className: "path58-category-file-list", children: e.map((d) => /* @__PURE__ */ l(
+    Rt,
     {
-      name: l.displayName,
-      type: l.type,
-      selected: a === l.path,
-      onClick: () => r(l.path)
+      name: d.displayName,
+      type: d.type,
+      selected: t === d.path,
+      onClick: () => r(d.path)
     },
-    l.path
+    d.path
   )) })
-] }), vt = ({
-  artifacts: t,
+] }), Za = ({
+  artifacts: a,
   selectedFile: e,
-  onSelectFile: a,
+  onSelectFile: t,
   categoryToExpand: r,
-  className: n = ""
+  className: i = ""
 }) => {
-  const [s, c] = C(/* @__PURE__ */ new Set());
-  x(() => {
-    if (r && !s.has(r)) {
-      const i = new Set(s);
-      i.add(r), c(i);
-    }
-  }, [r, s]);
-  const l = (i) => {
-    const u = new Set(s);
-    u.has(i) ? u.delete(i) : u.add(i), c(u);
+  const [o, n] = A(/* @__PURE__ */ new Set());
+  j(() => {
+    if (r && !o.has(r)) {
+      const s = new Set(o);
+      s.add(r), n(s);
+    }
+  }, [r, o]);
+  const d = (s) => {
+    const f = new Set(o);
+    f.has(s) ? f.delete(s) : f.add(s), n(f);
   };
-  return /* @__PURE__ */ o(k, { variant: "vertical", className: `path58-artifact-list ${n}`.trim(), children: Object.entries(t).map(([i, u]) => /* @__PURE__ */ o(
-    rt,
+  return /* @__PURE__ */ l(Be, { variant: "vertical", className: `path58-artifact-list ${i}`.trim(), children: Object.entries(a).map(([s, f]) => /* @__PURE__ */ l(
+    Pa,
     {
-      category: i,
-      artifacts: u,
+      category: s,
+      artifacts: f,
       selectedFile: e,
-      onSelectFile: a,
-      expanded: s.has(i),
-      onToggle: () => l(i)
+      onSelectFile: t,
+      expanded: o.has(s),
+      onToggle: () => d(s)
     },
-    i
+    s
   )) });
-}, nt = ({
-  name: t,
+}, Qa = () => {
+  const a = st(nt);
+  if (a) return a;
+  const e = () => "";
+  return { toast: Object.assign(e, {
+    success: e,
+    warning: e,
+    danger: e,
+    info: e
+  }), dismiss: () => {
+  }, dismissAll: () => {
+  } };
+}, nt = ct(null);
+let Ia = 0;
+const xa = () => `path58-toast-${++Ia}`, Ja = ({
+  children: a,
+  position: e = "top-right",
+  maxVisible: t = 3,
+  defaultDuration: r = 5e3,
+  portalRoot: i
+}) => {
+  const [o, n] = A([]), [d, s] = A(null);
+  j(() => {
+    s(i ?? document.body);
+  }, [i]);
+  const f = pe((y) => {
+    n((w) => w.filter((C) => C.id !== y));
+  }, []), h = pe(() => {
+    n([]);
+  }, []), v = pe(
+    (y) => {
+      const w = xa();
+      return n((C) => [{ id: w, duration: r, ...y }, ...C].slice(0, t)), w;
+    },
+    [r, t]
+  ), b = lt(() => ({ toast: Object.assign((C) => v(C), {
+    success: (C, D) => v({ ...D ?? {}, message: C, variant: "success" }),
+    warning: (C, D) => v({ ...D ?? {}, message: C, variant: "warning" }),
+    danger: (C, D) => v({ ...D ?? {}, message: C, variant: "danger" }),
+    info: (C, D) => v({ ...D ?? {}, message: C, variant: "info" })
+  }), dismiss: f, dismissAll: h }), [v, f, h]), k = /* @__PURE__ */ l(
+    "div",
+    {
+      className: `path58-toast-stack path58-toast-stack--${e}`,
+      "aria-live": "off",
+      "data-path58-primitive": "toast-stack",
+      children: o.map((y) => /* @__PURE__ */ l(
+        gt,
+        {
+          id: y.id,
+          message: y.message,
+          variant: y.variant,
+          duration: y.duration,
+          action: y.action,
+          onDismiss: f
+        },
+        y.id
+      ))
+    }
+  );
+  return /* @__PURE__ */ E(nt.Provider, { value: b, children: [
+    a,
+    d ? Le(k, d) : null
+  ] });
+}, Aa = ({
+  name: a,
   size: e = 16,
-  stroke: a = 1.75,
+  stroke: t = 1.75,
   className: r = "",
-  style: n = {}
+  style: i = {}
 }) => {
-  const s = _(null);
-  return x(() => {
-    if (window.lucide && s.current) {
-      s.current.innerHTML = "";
-      const c = document.createElement("i");
-      c.setAttribute("data-lucide", t), s.current.appendChild(c), window.lucide.createIcons({
-        attrs: { width: e, height: e, "stroke-width": a }
+  const o = Te(null);
+  return j(() => {
+    if (window.lucide && o.current) {
+      o.current.innerHTML = "";
+      const n = document.createElement("i");
+      n.setAttribute("data-lucide", a), o.current.appendChild(n), window.lucide.createIcons({
+        attrs: { width: e, height: e, "stroke-width": t }
       });
     }
-  }, [t, e, a]), /* @__PURE__ */ o(
+  }, [a, e, t]), /* @__PURE__ */ l(
     "span",
     {
-      ref: s,
+      ref: o,
       className: r,
-      style: { display: "inline-flex", lineHeight: 0, ...n }
+      style: { display: "inline-flex", lineHeight: 0, ...i }
     }
   );
-}, st = {
+}, Ra = {
   sm: { padding: "4px 10px", fontSize: 12 },
   md: { padding: "8px 14px", fontSize: 13 },
   lg: { padding: "10px 18px", fontSize: 14 }
-}, ot = (t, e, a) => {
-  switch (t) {
+}, ja = (a, e, t) => {
+  switch (a) {
     case "primary":
       return {
-        background: a ? "var(--p58-teal-press)" : e ? "var(--p58-teal-hover)" : "var(--p58-teal)",
+        background: t ? "var(--p58-teal-press)" : e ? "var(--p58-teal-hover)" : "var(--p58-teal)",
         color: "var(--p58-on-accent)",
         border: "1px solid var(--p58-teal-press)"
       };
@@ -670,74 +2223,74 @@ const at = ({
         border: "1px solid color-mix(in srgb, var(--p58-danger) 30%, transparent)"
       };
   }
-}, gt = ({
-  variant: t = "primary",
+}, er = ({
+  variant: a = "primary",
   size: e = "md",
-  icon: a,
+  icon: t,
   children: r,
-  onClick: n,
-  disabled: s = !1,
-  style: c = {}
+  onClick: i,
+  disabled: o = !1,
+  style: n = {}
 }) => {
-  const [l, i] = C(!1), [u, m] = C(!1);
-  return /* @__PURE__ */ h(
+  const [d, s] = A(!1), [f, h] = A(!1);
+  return /* @__PURE__ */ E(
     "button",
     {
-      onClick: s ? void 0 : n,
-      onMouseEnter: () => i(!0),
+      onClick: o ? void 0 : i,
+      onMouseEnter: () => s(!0),
       onMouseLeave: () => {
-        i(!1), m(!1);
+        s(!1), h(!1);
       },
-      onMouseDown: () => m(!0),
-      onMouseUp: () => m(!1),
+      onMouseDown: () => h(!0),
+      onMouseUp: () => h(!1),
       style: {
         fontFamily: "var(--p58-font-ui)",
         fontWeight: 500,
         borderRadius: "var(--p58-radius-md)",
-        cursor: s ? "not-allowed" : "pointer",
+        cursor: o ? "not-allowed" : "pointer",
         display: "inline-flex",
         alignItems: "center",
         gap: 8,
-        opacity: s ? 0.4 : 1,
+        opacity: o ? 0.4 : 1,
         boxShadow: "var(--p58-shadow-inset)",
         transition: "background var(--p58-duration-fast)",
         outline: "none",
-        ...st[e],
-        ...ot(t, l, u),
-        ...c
+        ...Ra[e],
+        ...ja(a, d, f),
+        ...n
       },
       children: [
-        a && /* @__PURE__ */ o(nt, { name: a, size: 14 }),
+        t && /* @__PURE__ */ l(Aa, { name: t, size: 14 }),
         r
       ]
     }
   );
-}, ct = "var(--p58-shadow-inset)", it = "0 2px 8px color-mix(in srgb, var(--p58-bg) 35%, transparent), var(--p58-shadow-inset)", bt = ({
-  children: t,
+}, $a = "var(--p58-shadow-inset)", za = "0 2px 8px color-mix(in srgb, var(--p58-bg) 35%, transparent), var(--p58-shadow-inset)", tr = ({
+  children: a,
   hover: e = !1,
-  onClick: a,
+  onClick: t,
   style: r = {}
 }) => {
-  const [n, s] = C(!1);
-  return /* @__PURE__ */ o(
+  const [i, o] = A(!1);
+  return /* @__PURE__ */ l(
     "div",
     {
-      onClick: a,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
+      onClick: t,
+      onMouseEnter: () => o(!0),
+      onMouseLeave: () => o(!1),
       style: {
         background: "var(--p58-surface)",
         border: "1px solid var(--p58-border)",
         borderRadius: "var(--p58-radius-lg)",
-        boxShadow: e && n ? it : ct,
-        cursor: a ? "pointer" : "default",
+        boxShadow: e && i ? za : $a,
+        cursor: t ? "pointer" : "default",
         transition: "box-shadow var(--p58-duration-base)",
         ...r
       },
-      children: t
+      children: a
     }
   );
-}, lt = ({ children: t, style: e = {} }) => /* @__PURE__ */ o(
+}, La = ({ children: a, style: e = {} }) => /* @__PURE__ */ l(
   "span",
   {
     style: {
@@ -748,17 +2301,17 @@ const at = ({
       letterSpacing: "var(--p58-tracking-caps)",
       ...e
     },
-    children: t
+    children: a
   }
-), yt = ({
-  label: t,
+), ar = ({
+  label: a,
   value: e,
-  unit: a,
+  unit: t,
   delta: r,
-  deltaTone: n = "up"
-}) => /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-  /* @__PURE__ */ o(lt, { children: t }),
-  /* @__PURE__ */ h(
+  deltaTone: i = "up"
+}) => /* @__PURE__ */ E("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+  /* @__PURE__ */ l(La, { children: a }),
+  /* @__PURE__ */ E(
     "div",
     {
       style: {
@@ -772,7 +2325,7 @@ const at = ({
       },
       children: [
         e,
-        a && /* @__PURE__ */ o(
+        t && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -780,22 +2333,22 @@ const at = ({
               color: "var(--p58-fg-3)",
               marginLeft: 2
             },
-            children: a
+            children: t
           }
         )
       ]
     }
   ),
-  r && /* @__PURE__ */ h(
+  r && /* @__PURE__ */ E(
     "span",
     {
       style: {
         fontFamily: "var(--p58-font-mono)",
         fontSize: "var(--p58-text-xs)",
-        color: n === "up" ? "var(--p58-success)" : "var(--p58-danger)"
+        color: i === "up" ? "var(--p58-success)" : "var(--p58-danger)"
       },
       children: [
-        n === "up" ? "↑" : "↓",
+        i === "up" ? "↑" : "↓",
         " ",
         r
       ]
@@ -803,27 +2356,37 @@ const at = ({
   )
 ] });
 export {
-  vt as ArtifactList,
-  F as Badge,
-  P as Button,
-  rt as CategoryGroup,
-  G as CategoryHeader,
-  S as Container,
-  at as FileItem,
-  R as Icon,
-  W as IconContainer,
-  ht as InfoCard,
-  D as Input,
-  N as Label,
-  k as List,
-  U as ListItem,
-  gt as P58Button,
-  bt as P58Card,
-  lt as P58Eyebrow,
-  nt as P58Icon,
-  yt as P58Metric,
-  B as SearchInput,
-  mt as SearchSection,
-  q as TagBadge,
-  ft as TagFilterList
+  Wa as Alert,
+  Za as ArtifactList,
+  pt as Badge,
+  Ua as Banner,
+  M as Button,
+  Pa as CategoryGroup,
+  Ot as CategoryHeader,
+  Ga as ConfirmDialog,
+  Ee as Container,
+  _a as Dialog,
+  Rt as FileItem,
+  ht as Icon,
+  bt as IconContainer,
+  Ha as InfoCard,
+  Me as Input,
+  ke as Label,
+  Be as List,
+  mt as ListItem,
+  rt as Modal,
+  er as P58Button,
+  tr as P58Card,
+  La as P58Eyebrow,
+  Aa as P58Icon,
+  ar as P58Metric,
+  Va as PromptDialog,
+  Nt as SearchInput,
+  Ya as SearchSection,
+  St as TagBadge,
+  Xa as TagFilterList,
+  gt as Toast,
+  nt as ToastContext,
+  Ja as ToastProvider,
+  Qa as useToast
 };