eidotter 0.19.0 → 0.19.3

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import './styles/fonts.css';
+import './styles/tokens.css';
 import './styles/tailwind.css';
 export { Alert } from './components/Alert';
 export { Section, AccordionFill } from './components/Accordion';
@@ -65,4 +66,4 @@ export { isSafeUrl } from './utils';
 export { ZOOM_LEVELS } from './components/TimelineContainer';
 export { componentRegistry, projects, getComponentMeta, getComponentsByOrigin, getComponentsByConsumer, getVariantsUsedBy, getVariantConsumerMap, } from './components/registry';
 export type { ComponentMeta, ProjectId, ProjectInfo, VariantMeta, PlatformId, PlatformMeta, ChangelogEntry, } from './components/registry';
-export declare const version = "0.19.0";
+export declare const version = "0.19.1";

package/dist/index.es.js

@@ -1008,7 +1008,7 @@ function Tt({ values: t, children: e }) {
     }, e);
   return e;
 }
-function Pe(t) {
+function Ce(t) {
   let { className: e, style: n, children: r, defaultClassName: i, defaultChildren: o, defaultStyle: l, values: a, render: s } = t;
   return q(() => {
     let d, c, u;
@@ -2335,8 +2335,8 @@ function qs(t) {
   ]), td(a, r, n), Js(a, n), nd(a, r, n), ed(a, i), j(() => {
     const m = ue(te(a.current ? a.current[0] : void 0));
     let h = null;
-    if (Se(m, a.current)) {
-      for (let g of me.traverse()) g.scopeRef && Se(m, g.scopeRef.current) && (h = g);
+    if (Pe(m, a.current)) {
+      for (let g of me.traverse()) g.scopeRef && Pe(m, g.scopeRef.current) && (h = g);
       h === me.getTreeNode(a) && (ce = h.scopeRef);
     }
   }, [
@@ -2376,7 +2376,7 @@ function Ys(t) {
         tabbable: i,
         accept: l
       }, n);
-      u.currentNode = Se(s, n) ? s : d;
+      u.currentNode = Pe(s, n) ? s : d;
       let m = u.nextNode();
       return !m && o && (u.currentNode = d, m = u.nextNode()), m && Re(m, !0), m;
     },
@@ -2387,7 +2387,7 @@ function Ys(t) {
         tabbable: i,
         accept: l
       }, n);
-      u.currentNode = Se(s, n) ? s : d;
+      u.currentNode = Pe(s, n) ? s : d;
       let m = u.previousNode();
       return !m && o && (u.currentNode = d, m = u.previousNode()), m && Re(m, !0), m;
     },
@@ -2448,7 +2448,7 @@ function Js(t, e) {
     let l = (d) => {
       if (d.key !== "Tab" || d.altKey || d.ctrlKey || d.metaKey || !$t(t) || d.isComposing) return;
       let c = ue(o), u = t.current;
-      if (!u || !Se(c, u)) return;
+      if (!u || !Pe(c, u)) return;
       let m = Ze(u), h = _e(m, {
         tabbable: !0
       }, u);
@@ -2457,7 +2457,7 @@ function Js(t, e) {
       let g = d.shiftKey ? h.previousNode() : h.nextNode();
       g || (h.currentNode = d.shiftKey ? u[u.length - 1].nextElementSibling : u[0].previousElementSibling, g = d.shiftKey ? h.previousNode() : h.nextNode()), d.preventDefault(), g && Re(g, !0);
     }, a = (d) => {
-      (!ce || on(ce, t)) && Se(_(d), t.current) ? (ce = t, n.current = _(d)) : $t(t) && !We(_(d), t) ? n.current ? n.current.focus() : ce && ce.current && tr(ce.current) : $t(t) && (n.current = _(d));
+      (!ce || on(ce, t)) && Pe(_(d), t.current) ? (ce = t, n.current = _(d)) : $t(t) && !We(_(d), t) ? n.current ? n.current.focus() : ce && ce.current && tr(ce.current) : $t(t) && (n.current = _(d));
     }, s = (d) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
         let c = nn(), u = (c === "virtual" || c === null) && hr() && mr(), m = ue(o);
@@ -2486,13 +2486,13 @@ function Js(t, e) {
 function So(t) {
   return We(t);
 }
-function Se(t, e) {
+function Pe(t, e) {
   return !t || !e ? !1 : e.some((n) => G(n, t));
 }
 function We(t, e = null) {
   if (t instanceof Element && t.closest("[data-react-aria-top-layer]")) return !0;
   for (let { scopeRef: n } of me.traverse(me.getTreeNode(e)))
-    if (n && Se(t, n.current)) return !0;
+    if (n && Pe(t, n.current)) return !0;
   return !1;
 }
 function Qs(t) {
@@ -2536,7 +2536,7 @@ function ed(t, e) {
     if (n.current) {
       ce = t;
       const r = te(t.current ? t.current[0] : void 0);
-      !Se(ue(r), ce.current) && t.current && tr(t.current);
+      !Pe(ue(r), ce.current) && t.current && tr(t.current);
     }
     n.current = !1;
   }, [
@@ -2550,7 +2550,7 @@ function td(t, e, n) {
     const i = te(r ? r[0] : void 0);
     let o = (l) => {
       let a = _(l);
-      Se(a, t.current) ? ce = t : So(a) || (ce = null);
+      Pe(a, t.current) ? ce = t : So(a) || (ce = null);
     };
     return i.addEventListener("focusin", o, !1), r == null || r.forEach((l) => l.addEventListener("focusin", o, !1)), () => {
       i.removeEventListener("focusin", o, !1), r == null || r.forEach((l) => l.removeEventListener("focusin", o, !1));
@@ -2576,7 +2576,7 @@ function nd(t, e, n) {
     const o = te(i ? i[0] : void 0);
     if (!e || n) return;
     let l = () => {
-      (!ce || on(ce, t)) && Se(ue(o), t.current) && (ce = t);
+      (!ce || on(ce, t)) && Pe(ue(o), t.current) && (ce = t);
     };
     return o.addEventListener("focusin", l, !1), i == null || i.forEach((a) => a.addEventListener("focusin", l, !1)), () => {
       o.removeEventListener("focusin", l, !1), i == null || i.forEach((a) => a.removeEventListener("focusin", l, !1));
@@ -2662,7 +2662,7 @@ function ai(t) {
 function _e(t, e, n) {
   let r = e != null && e.tabbable ? co : so, i = (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null, o = te(i), l = eo(o, t || o, NodeFilter.SHOW_ELEMENT, {
     acceptNode(a) {
-      return G(e == null ? void 0 : e.from, a) || e != null && e.tabbable && a.tagName === "INPUT" && a.getAttribute("type") === "radio" && (!Xs(a) || l.currentNode.tagName === "INPUT" && l.currentNode.type === "radio" && l.currentNode.name === a.name) ? NodeFilter.FILTER_REJECT : r(a) && (!n || Se(a, n)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      return G(e == null ? void 0 : e.from, a) || e != null && e.tabbable && a.tagName === "INPUT" && a.getAttribute("type") === "radio" && (!Xs(a) || l.currentNode.tagName === "INPUT" && l.currentNode.type === "radio" && l.currentNode.name === a.name) ? NodeFilter.FILTER_REJECT : r(a) && (!n || Pe(a, n)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
   return e != null && e.from && (l.currentNode = e.from), l;
@@ -2690,7 +2690,7 @@ class Sr {
     let n = this.fastMap.get(e);
     if (!n) return;
     let r = n.parent;
-    for (let o of this.traverse()) o !== n && n.nodeToRestore && o.nodeToRestore && n.scopeRef && n.scopeRef.current && Se(o.nodeToRestore, n.scopeRef.current) && (o.nodeToRestore = n.nodeToRestore);
+    for (let o of this.traverse()) o !== n && n.nodeToRestore && o.nodeToRestore && n.scopeRef && n.scopeRef.current && Pe(o.nodeToRestore, n.scopeRef.current) && (o.nodeToRestore = n.nodeToRestore);
     let i = n.children;
     r && (r.removeChild(n), i.size > 0 && i.forEach((o) => r && r.addChild(o))), this.fastMap.delete(n.scopeRef);
   }
@@ -5373,7 +5373,7 @@ const Pl = /* @__PURE__ */ ee({}), $c = /* @__PURE__ */ Kt(function(e, n) {
     isFocusVisible: d,
     isDisabled: e.isDisabled || !1,
     isPending: i ?? !1
-  }, h = Pe({
+  }, h = Ce({
     ...e,
     values: m,
     defaultClassName: "react-aria-Button"
@@ -5486,9 +5486,9 @@ class wi {
     this.lastKey = (l = r == null ? void 0 : r.key) !== null && l !== void 0 ? l : null;
   }
 }
-class Ce extends Set {
+class Ne extends Set {
   constructor(e, n, r) {
-    super(e), e instanceof Ce ? (this.anchorKey = n ?? e.anchorKey, this.currentKey = r ?? e.currentKey) : (this.anchorKey = n ?? null, this.currentKey = r ?? null);
+    super(e), e instanceof Ne ? (this.anchorKey = n ?? e.anchorKey, this.currentKey = r ?? e.currentKey) : (this.anchorKey = n ?? null, this.currentKey = r ?? null);
   }
 }
 function Sc(t, e) {
@@ -5500,7 +5500,7 @@ function Sc(t, e) {
 function Pc(t) {
   let { selectionMode: e = "none", disallowEmptySelection: n = !1, allowDuplicateSelectionEvents: r, selectionBehavior: i = "toggle", disabledBehavior: o = "all" } = t, l = I(!1), [, a] = U(!1), s = I(null), d = I(null), [, c] = U(null), u = q(() => Ei(t.selectedKeys), [
     t.selectedKeys
-  ]), m = q(() => Ei(t.defaultSelectedKeys, new Ce()), [
+  ]), m = q(() => Ei(t.defaultSelectedKeys, new Ne()), [
     t.defaultSelectedKeys
   ]), [h, g] = kt(u, m, t.onSelectionChange), v = q(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
@@ -5540,7 +5540,7 @@ function Pc(t) {
   };
 }
 function Ei(t, e) {
-  return t ? t === "all" ? "all" : new Ce(t) : e;
+  return t ? t === "all" ? "all" : new Ne(t) : e;
 }
 class kr {
   /**
@@ -5668,14 +5668,14 @@ class kr {
     let n = this.getKey(e);
     if (n == null) return;
     let r;
-    if (this.state.selectedKeys === "all") r = new Ce([
+    if (this.state.selectedKeys === "all") r = new Ne([
       n
     ], n, n);
     else {
       let l = this.state.selectedKeys;
       var i;
       let a = (i = l.anchorKey) !== null && i !== void 0 ? i : n;
-      r = new Ce(l, a, n);
+      r = new Ne(l, a, n);
       var o;
       for (let s of this.getKeyRange(a, (o = l.currentKey) !== null && o !== void 0 ? o : n)) r.delete(s);
       for (let s of this.getKeyRange(n, a)) this.canSelectItem(s) && r.add(s);
@@ -5714,7 +5714,7 @@ class kr {
     }
     let n = this.getKey(e);
     if (n == null) return;
-    let r = new Ce(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    let r = new Ne(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
     r.has(n) ? r.delete(n) : this.canSelectItem(n) && (r.add(n), r.anchorKey = n, r.currentKey = n), !(this.disallowEmptySelection && r.size === 0) && this.state.setSelectedKeys(r);
   }
   /**
@@ -5724,9 +5724,9 @@ class kr {
     if (this.selectionMode === "none") return;
     let n = this.getKey(e);
     if (n == null) return;
-    let r = this.canSelectItem(n) ? new Ce([
+    let r = this.canSelectItem(n) ? new Ne([
       n
-    ], n, n) : new Ce();
+    ], n, n) : new Ne();
     this.state.setSelectedKeys(r);
   }
   /**
@@ -5734,7 +5734,7 @@ class kr {
   */
   setSelectedKeys(e) {
     if (this.selectionMode === "none") return;
-    let n = new Ce();
+    let n = new Ne();
     for (let r of e) {
       let i = this.getKey(r);
       if (i != null && (n.add(i), this.selectionMode === "single"))
@@ -5767,7 +5767,7 @@ class kr {
   * Removes all keys from the selection.
   */
   clearSelection() {
-    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new Ce());
+    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new Ne());
   }
   /**
   * Toggles between select all and an empty selection.
@@ -5987,7 +5987,7 @@ const Ic = /* @__PURE__ */ ee(null), kl = /* @__PURE__ */ ee(null), Kc = /* @__P
   }, Nr(e), c), { isFocused: x, isFocusVisible: w, focusProps: P } = ot(), C = g || v, { hoverProps: W, isHovered: A } = Dt({
     ...e,
     isDisabled: C
-  }), E = Pe({
+  }), E = Ce({
     ...e,
     defaultClassName: "react-aria-Checkbox",
     values: {
@@ -6038,7 +6038,7 @@ const Rc = /* @__PURE__ */ Kt(function(e, n) {
   }), { isFocused: o, isFocusVisible: l, focusProps: a } = ot({
     isTextInput: !0,
     autoFocus: e.autoFocus
-  }), s = !!e["aria-invalid"] && e["aria-invalid"] !== "false", d = Pe({
+  }), s = !!e["aria-invalid"] && e["aria-invalid"] !== "false", d = Ce({
     ...e,
     values: {
       isHovered: i,
@@ -6078,7 +6078,7 @@ const Oc = /* @__PURE__ */ ee({
     "aria-labelledby": r
   }, n), l = re(gn);
   !i["aria-label"] && !i["aria-labelledby"] && (e["aria-labelledby"] ? i["aria-labelledby"] = e["aria-labelledby"] : process.env.NODE_ENV !== "production" && console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.'));
-  let a = Pe({
+  let a = Ce({
     defaultClassName: "react-aria-Dialog",
     className: e.className,
     style: e.style,
@@ -6174,7 +6174,7 @@ function Uc(t, e) {
 }
 const Dl = /* @__PURE__ */ fe(Uc);
 function Wc({ UNSTABLE_portalContainer: t, ...e }) {
-  let n = e.modalRef, { state: r } = e, { modalProps: i, underlayProps: o } = gd(e, r, n), l = vr(e.overlayRef) || e.isEntering || !1, a = Pe({
+  let n = e.modalRef, { state: r } = e, { modalProps: i, underlayProps: o } = gd(e, r, n), l = vr(e.overlayRef) || e.isEntering || !1, a = Ce({
     ...e,
     defaultClassName: "react-aria-ModalOverlay",
     values: {
@@ -6226,7 +6226,7 @@ function Pi(t) {
   let { modalProps: e, modalRef: n, isExiting: r, isDismissable: i } = re(Tr), o = re(gn), l = q(() => pt(t.modalRef, n), [
     t.modalRef,
     n
-  ]), a = je(l), s = vr(a), d = Pe({
+  ]), a = je(l), s = vr(a), d = Ce({
     ...t,
     defaultClassName: "react-aria-Modal",
     values: {
@@ -6257,7 +6257,7 @@ const jc = /* @__PURE__ */ ee(null), Gc = /* @__PURE__ */ fe(function(e, n) {
   }, l, o), { isFocused: h, isFocusVisible: g, focusProps: v } = ot(), $ = e.isDisabled || e.isReadOnly, { hoverProps: y, isHovered: x } = Dt({
     ...e,
     isDisabled: $
-  }), w = Pe({
+  }), w = Ce({
     ...e,
     defaultClassName: "react-aria-Switch",
     values: {
@@ -6322,7 +6322,7 @@ function Yc({ props: t, tabsRef: e, collection: n }) {
     r,
     l,
     a
-  ]), d = Pe({
+  ]), d = Ce({
     ...t,
     defaultClassName: "react-aria-Tabs",
     values: s
@@ -6361,7 +6361,7 @@ function Xc({ props: t, forwardedRef: e }) {
     ...t,
     orientation: i,
     keyboardActivation: o
-  }, n, l), s = Pe({
+  }, n, l), s = Ce({
     ...t,
     children: null,
     defaultClassName: "react-aria-TabList",
@@ -6393,7 +6393,7 @@ const Jc = /* @__PURE__ */ oc(Il, (t, e, n) => {
     onHoverStart: t.onHoverStart,
     onHoverEnd: t.onHoverEnd,
     onHoverChange: t.onHoverChange
-  }), g = Pe({
+  }), g = Ce({
     ...t,
     id: void 0,
     children: n.rendered,
@@ -6436,7 +6436,7 @@ const Jc = /* @__PURE__ */ oc(Il, (t, e, n) => {
   });
 });
 function eu(t) {
-  let e = re(tt), { id: n, tabPanelRef: r, isInitiallySelected: i, isExiting: o, ...l } = t, { tabPanelProps: a } = bc(t, e, r), { focusProps: s, isFocused: d, isFocusVisible: c } = ot(), u = e.selectedKey === t.id, m = vr(r) && !i, h = Pe({
+  let e = re(tt), { id: n, tabPanelRef: r, isInitiallySelected: i, isExiting: o, ...l } = t, { tabPanelProps: a } = bc(t, e, r), { focusProps: s, isFocused: d, isFocusVisible: c } = ot(), u = e.selectedKey === t.id, m = vr(r) && !i, h = Ce({
     ...t,
     defaultClassName: "react-aria-TabPanel",
     values: {
@@ -6493,7 +6493,7 @@ const tu = /* @__PURE__ */ ee({}), nu = /* @__PURE__ */ ee(null), ru = /* @__PUR
     a.current = P, P && u(P instanceof HTMLTextAreaElement ? "textarea" : "input");
   }, [
     a
-  ]), x = Pe({
+  ]), x = Ce({
     ...e,
     values: {
       isDisabled: e.isDisabled || !1,
@@ -9493,7 +9493,7 @@ const Gu = (t) => S.createElement("svg", Object.assign({ viewBox: "0 0 24 24", w
   // window minimize control, not abort
   Fullscreen: ef,
   Add: tf
-}, of = { L: 56, S: 24 }, Ne = ({
+}, of = { L: 56, S: 24 }, Se = ({
   name: t,
   size: e = "L",
   className: n = "",
@@ -9584,7 +9584,7 @@ const cf = fe(({
       className: H(
         "relative w-full flex flex-col gap-4 p-4",
         "font-dos text-dos-text-sm",
-        "bg-dos-bg-primary border border-dos-border-default rounded-dos-base",
+        "border border-dos-border-default rounded-dos-base",
         "eidotter-alert",
         `eidotter-alert--${c}`,
         u === "floating" && "max-w-[1216px]",
@@ -9598,7 +9598,7 @@ const cf = fe(({
       "data-size": u,
       children: [
         /* @__PURE__ */ p("div", { className: "eidotter-alert__icon", children: /* @__PURE__ */ p(
-          Ne,
+          Se,
           {
             name: af[c] || "Info",
             size: "S",
@@ -9629,7 +9629,7 @@ const cf = fe(({
             className: "eidotter-alert__close",
             onPress: h,
             "aria-label": "Close alert",
-            children: /* @__PURE__ */ p(Ne, { name: "Close", size: "S" })
+            children: /* @__PURE__ */ p(Se, { name: "Close", size: "S" })
           }
         )
       ]
@@ -9657,7 +9657,7 @@ const uf = ({
     "div",
     {
       className: H(
-        "w-full border border-dos-border-default bg-dos-bg-primary text-cga-amber font-dos",
+        "w-full border border-dos-border-default text-cga-amber font-dos",
         "eidotter-section",
         l && "eidotter-section--expanded",
         r && "eidotter-section--hover",
@@ -9673,7 +9673,7 @@ const uf = ({
             children: [
               /* @__PURE__ */ p("div", { className: "flex-1 text-base leading-6", children: t }),
               /* @__PURE__ */ p("div", { className: "eidotter-section__icon flex items-center justify-center w-6 h-6 ml-2 text-inherit", children: /* @__PURE__ */ p(
-                Ne,
+                Se,
                 {
                   name: l ? "Chevron Up" : "Chevron Down",
                   size: "S"
@@ -9819,7 +9819,7 @@ const Li = {
     ref: l,
     className: H(
       "border-2 border-solid border-dos-border-default",
-      "bg-dos-bg-primary font-dos text-cga-amber",
+      "font-dos text-cga-amber",
       "eidotter-card",
       Li[r] || Li.default,
       i
@@ -10072,7 +10072,7 @@ const Ai = {
           {
             ref: d,
             className: H(
-              "w-full bg-dos-bg-primary text-cga-amber font-dos text-base p-2",
+              "w-full bg-transparent text-cga-amber font-dos text-base p-2",
               "border-2 border-dos-border-default outline-none box-border",
               "eidotter-input",
               Ai[t] || Ai.default,
@@ -10127,7 +10127,7 @@ const pm = ({
       onPress: E,
       "aria-label": `Restore ${e} window`,
       children: /* @__PURE__ */ D("div", { className: "terminal__taskbar-item", children: [
-        /* @__PURE__ */ p(Ne, { name: "App", size: "S" }),
+        /* @__PURE__ */ p(Se, { name: "App", size: "S" }),
         /* @__PURE__ */ p("span", { className: "terminal__taskbar-title", children: e })
       ] })
     }
@@ -10144,7 +10144,7 @@ const pm = ({
       children: [
         /* @__PURE__ */ D("div", { className: "terminal__title-bar", children: [
           /* @__PURE__ */ D("div", { className: "terminal__title", children: [
-            /* @__PURE__ */ p(Ne, { name: "App", size: "S", "aria-hidden": "true" }),
+            /* @__PURE__ */ p(Se, { name: "App", size: "S", "aria-hidden": "true" }),
             /* @__PURE__ */ p("span", { className: "terminal__title-text", children: e })
           ] }),
           (i || o || l) && /* @__PURE__ */ D("div", { className: "terminal__controls", children: [
@@ -10154,7 +10154,7 @@ const pm = ({
                 className: "terminal__control terminal__control--minimize",
                 onPress: C,
                 "aria-label": "Minimize window",
-                children: /* @__PURE__ */ p(Ne, { name: "Cancel", size: "S" })
+                children: /* @__PURE__ */ p(Se, { name: "Cancel", size: "S" })
               }
             ),
             o && /* @__PURE__ */ p(
@@ -10163,7 +10163,7 @@ const pm = ({
                 className: "terminal__control terminal__control--maximize",
                 onPress: W,
                 "aria-label": x ? "Restore window" : "Maximize window",
-                children: /* @__PURE__ */ p(Ne, { name: x ? "Fullscreen" : "Add", size: "S" })
+                children: /* @__PURE__ */ p(Se, { name: x ? "Fullscreen" : "Add", size: "S" })
               }
             ),
             l && /* @__PURE__ */ p(
@@ -10172,7 +10172,7 @@ const pm = ({
                 className: "terminal__control terminal__control--close",
                 onPress: A,
                 "aria-label": "Close window",
-                children: /* @__PURE__ */ p(Ne, { name: "Close", size: "S" })
+                children: /* @__PURE__ */ p(Se, { name: "Close", size: "S" })
               }
             )
           ] })
@@ -11413,7 +11413,7 @@ const jf = ({
                       className: "eidotter-modal__close",
                       onPress: () => c(!1),
                       "aria-label": "Close modal",
-                      children: /* @__PURE__ */ p(Ne, { name: "Close", size: "S" })
+                      children: /* @__PURE__ */ p(Se, { name: "Close", size: "S" })
                     }
                   )
                 ] }),
@@ -11831,7 +11831,13 @@ const ta = {
   className: i
 }) => {
   const [o, l] = U(!1), a = r || "a", s = B(() => l((c) => !c), []), d = B(() => l(!1), []);
-  return /* @__PURE__ */ D("div", { className: H(
+  return j(() => {
+    if (!o) return;
+    const c = (u) => {
+      u.key === "Escape" && d();
+    };
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [o, d]), /* @__PURE__ */ D("div", { className: H(
     "eidotter-nav eidotter-nav--mobile",
     ta[n],
     i
@@ -11840,10 +11846,11 @@ const ta = {
       "button",
       {
         onClick: s,
-        className: "eidotter-nav__hamburger",
+        className: "eidotter-nav__menu-trigger",
         "aria-label": o ? "Close menu" : "Open menu",
         "aria-expanded": o,
-        children: /* @__PURE__ */ p("span", { className: "eidotter-nav__hamburger-icon", "aria-hidden": "true", children: o ? "✕" : "☰" })
+        "aria-controls": "eidotter-mobile-nav-panel",
+        children: "MENU"
       }
     ),
     o && /* @__PURE__ */ p(
@@ -11857,6 +11864,7 @@ const ta = {
     /* @__PURE__ */ D(
       "nav",
       {
+        id: "eidotter-mobile-nav-panel",
         className: H(
           "eidotter-nav__panel",
           o && "eidotter-nav__panel--open"
@@ -11869,7 +11877,7 @@ const ta = {
               onClick: d,
               className: "eidotter-nav__close",
               "aria-label": "Close menu",
-              children: "✕"
+              children: /* @__PURE__ */ p(Se, { name: "Close", size: "S" })
             }
           ) }),
           /* @__PURE__ */ p("ul", { className: "eidotter-nav__list", children: t.map((c) => /* @__PURE__ */ p("li", { className: "eidotter-nav__item", children: /* @__PURE__ */ p(
@@ -11984,7 +11992,7 @@ const ta = {
     {
       className: H(
         "flex items-start font-dos text-dos-text-md p-2 cursor-text",
-        "bg-dos-bg-primary text-cga-amber",
+        "text-cga-amber",
         "eidotter-chat-input",
         r && "eidotter-chat-input--disabled",
         i
@@ -12028,7 +12036,7 @@ const ta = {
   "div",
   {
     className: H(
-      "flex flex-col h-full min-h-0 bg-dos-bg-primary",
+      "flex flex-col h-full min-h-0",
       s
     ),
     ...d,
@@ -12193,7 +12201,7 @@ const dm = {
       className: H(
         "w-full max-w-[400px]",
         "font-dos text-dos-text-sm",
-        "bg-dos-bg-primary border border-dos-border-default rounded-dos-base",
+        "border border-dos-border-default rounded-dos-base",
         "eidotter-notification",
         `eidotter-notification--${t}`,
         m && "eidotter-notification--closing",
@@ -12207,7 +12215,7 @@ const dm = {
         /* @__PURE__ */ D("div", { className: "flex flex-row gap-4 p-4", children: [
           o && /* @__PURE__ */ p("div", { className: "eidotter-notification__avatar flex-shrink-0", children: o }),
           v && /* @__PURE__ */ p("div", { className: "eidotter-notification__icon", children: /* @__PURE__ */ p(
-            Ne,
+            Se,
             {
               name: dm[t] || "Info",
               size: "S",
@@ -12251,7 +12259,7 @@ const dm = {
               className: "eidotter-notification__close",
               onPress: h,
               "aria-label": "Close notification",
-              children: /* @__PURE__ */ p(Ne, { name: "Close", size: "S" })
+              children: /* @__PURE__ */ p(Se, { name: "Close", size: "S" })
             }
           )
         ] })
@@ -12455,7 +12463,7 @@ function Dm(t) {
     n[r] = i.usedBy ?? [];
   return n;
 }
-const Im = "0.19.0";
+const Im = "0.19.1";
 export {
   mm as AccordionFill,
   cf as Alert,
@@ -12473,7 +12481,7 @@ export {
   gm as FilterBar,
   Em as Footer,
   sm as Header,
-  Ne as Icon,
+  Se as Icon,
   ym as InlineExpand,
   vf as Input,
   ra as MobileNav,