nightshade 1.0.3 → 1.1.0

package/dist/ListNavController-drNtDwz9.js

@@ -0,0 +1,307 @@
+var x = Object.defineProperty;
+var h = (c, e) => x(c, "name", { value: e, configurable: !0 });
+const p = class p {
+  constructor() {
+    this._groups = /* @__PURE__ */ new Map();
+  }
+  on(e, t = Symbol()) {
+    let s = this._groups.get(t);
+    return s || (s = /* @__PURE__ */ new Set(), this._groups.set(t, s)), s.add(e), () => this.remove(e, t);
+  }
+  once(e, t = Symbol()) {
+    const s = /* @__PURE__ */ h((i) => {
+      e(i), this.remove(s, t);
+    }, "wrapper");
+    return this.on(s, t);
+  }
+  remove(e, t) {
+    const s = this._groups.get(t);
+    s && (s.delete(e), s.size === 0 && this._groups.delete(t));
+  }
+  removeAll(e) {
+    this._groups.delete(e);
+  }
+  emit(e) {
+    for (const t of this._groups.values())
+      for (const s of t)
+        s(e);
+  }
+};
+h(p, "Event");
+let r = p;
+function v(c, e) {
+  const t = c.getBoundingClientRect(), { top: s, left: i, width: n, height: o } = t;
+  switch (e) {
+    case "left":
+      return { x: i, y: s + o * 0.5 };
+    case "right":
+      return { x: i + n, y: s + o * 0.5 };
+    case "top":
+      return { x: i + n * 0.5, y: s };
+    case "bottom":
+      return { x: i + n * 0.5, y: s + o };
+    case "middle":
+    default:
+      return { x: i + n * 0.5, y: s + o * 0.5 };
+  }
+}
+h(v, "getAnchorPoint");
+function a(c) {
+  return c instanceof Element ? !!c.closest('input, textarea, select, [role="textbox"]') : !1;
+}
+h(a, "isInputElement");
+const g = class g {
+  constructor(e) {
+    this.target = e, this.listeners = /* @__PURE__ */ new Map();
+  }
+  add(e, t, s) {
+    this.remove(e), this.listeners.set(e, { eventName: e, listener: t, options: s }), this.target.addEventListener(e, t, s);
+  }
+  remove(e) {
+    const t = this.listeners.get(e);
+    t && (this.target.removeEventListener(t.eventName, t.listener, t.options), this.listeners.delete(e));
+  }
+  removeAll() {
+    for (const e of this.listeners.values())
+      this.target.removeEventListener(e.eventName, e.listener, e.options);
+    this.listeners.clear();
+  }
+};
+h(g, "DomEventProxy");
+let l = g;
+const I = class I {
+  constructor() {
+    this.expandedIds = /* @__PURE__ */ new Set(), this.changed = new r();
+  }
+  setExpandedIds(e) {
+    this.expandedIds.clear();
+    for (const t of e)
+      this.expandedIds.add(t);
+  }
+  isExpanded(e) {
+    return this.expandedIds.has(e);
+  }
+  toggle(e) {
+    this.isExpanded(e) ? this.collapse(e) : this.expand(e);
+  }
+  expand(e) {
+    this.isExpanded(e) || (this.expandedIds.add(e), this.changed.emit());
+  }
+  collapse(e) {
+    this.isExpanded(e) && (this.expandedIds.delete(e), this.changed.emit());
+  }
+  collapseAll() {
+    this.expandedIds.size > 0 && (this.expandedIds.clear(), this.changed.emit());
+  }
+};
+h(I, "ExpanderController");
+let u = I;
+const S = class S {
+  constructor() {
+    this.selectedIds = /* @__PURE__ */ new Set(), this.changed = new r();
+  }
+  get size() {
+    return this.selectedIds.size;
+  }
+  getSelectedIds() {
+    return [...this.selectedIds];
+  }
+  getFirst() {
+    return [...this.selectedIds][0] ?? null;
+  }
+  isSelected(e) {
+    return this.selectedIds.has(e);
+  }
+  isSingleSelected(e) {
+    return this.selectedIds.size === 1 && this.selectedIds.has(e);
+  }
+  setSelectedIds(e) {
+    this.selectedIds = new Set(e), this.changed.emit();
+  }
+  selectSingle(e) {
+    this.isSingleSelected(e) || (this.selectedIds.clear(), this.selectedIds.add(e), this.changed.emit());
+  }
+  addToSelection(...e) {
+    let t = !1;
+    for (const s of e)
+      this.selectedIds.has(s) || (this.selectedIds.add(s), t = !0);
+    t && this.changed.emit();
+  }
+  removeFromSelection(...e) {
+    let t = !1;
+    for (const s of e)
+      this.selectedIds.delete(s) && (t = !0);
+    t && this.changed.emit();
+  }
+  toggleSelection(e) {
+    this.isSelected(e) ? this.removeFromSelection(e) : this.addToSelection(e);
+  }
+  deselectAll() {
+    this.selectedIds.size !== 0 && (this.selectedIds.clear(), this.changed.emit());
+  }
+};
+h(S, "SelectionController");
+let f = S;
+const m = class m {
+  constructor(e) {
+    this.container = null, this.containerEvents = null, this.windowEvents = null, this.anchorId = "", this.focusId = "", this.snapshotIds = [], this.snapshotEls = [], this.dragging = !1, this.dragStart = new r(), this.dragEnd = new r(), this.selector = e.selector, this.selection = e.selection ?? new f(), this.expander = e.expander ?? new u(), this.multiSelect = e.multiSelect ?? !1, this.selectOnFocus = e.selectOnFocus ?? !this.multiSelect, this.allowDrag = e.allowDrag ?? !1, this.canExpand = e.canExpand ?? (() => !1), this.resolveId = e.resolveId ?? ((t) => t.getAttribute("data-id") ?? "");
+  }
+  mount(e) {
+    this.destroy(), this.container = e, this.containerEvents = new l(this.container), this.windowEvents = new l(window), this.containerEvents.add("keydown", (t) => this.onKeyDown(t)), this.containerEvents.add("mousedown", (t) => this.onMouseDown(t)), this.containerEvents.add("uiclick", (t) => this.onClickIntent(t)), this.containerEvents.add("uidragstart", (t) => this.onDragStart(t)), this.containerEvents.add("focusin", (t) => this.onFocus(t)), this.windowEvents.add("mouseup", (t) => this.onMouseUp(t));
+  }
+  destroy() {
+    var e, t;
+    (e = this.containerEvents) == null || e.removeAll(), (t = this.windowEvents) == null || t.removeAll(), this.snapshotIds = [], this.snapshotEls = [], this.container = null, this.containerEvents = null, this.windowEvents = null;
+  }
+  isDragging() {
+    return this.dragging;
+  }
+  /**
+   * Manages keyboard navigation. Note: ev.preventDefault is required to avoid
+   * arrow keys messing with scroll bars.
+   */
+  onKeyDown(e) {
+    const t = e.target, { shiftKey: s } = e, i = this.getTargetId(t);
+    switch (e.key) {
+      case "ArrowUp":
+        return e.preventDefault(), this.moveSelection(-1, s);
+      case "ArrowDown":
+        return e.preventDefault(), this.moveSelection(1, s);
+      case "ArrowLeft":
+        return a(t) ? void 0 : (e.preventDefault(), this.collapse());
+      case "ArrowRight":
+        return a(t) ? void 0 : (e.preventDefault(), this.expand());
+      case " ":
+        if (a(t))
+          return;
+        if (e.preventDefault(), i)
+          return this.toggleSelection(i);
+    }
+  }
+  onMouseDown(e) {
+    if (e.button !== 0)
+      return;
+    this.snapshot();
+    const t = this.getTargetId(e.target);
+    if (!t)
+      return;
+    const { metaKey: s, ctrlKey: i, shiftKey: n } = e, o = this.selection.isSelected(t);
+    s || i ? this.toggleSelection(t) : n ? this.extendSelection(t) : o || this.replaceSelection(t);
+  }
+  onMouseUp(e) {
+    this.dragging && this.dragEnd.emit(e), this.dragging = !1;
+  }
+  onClickIntent(e) {
+    this.snapshot();
+    const t = this.getTargetId(e.target);
+    t && (e.metaKey || e.shiftKey || this.replaceSelection(t));
+  }
+  onDragStart(e) {
+    if (!this.allowDrag)
+      return;
+    const t = this.getTargetId(e.target);
+    if (!t)
+      return;
+    this.selection.isSelected(t) && (this.dragging = !0, this.dragStart.emit(e));
+  }
+  onFocus(e) {
+    if (!this.selectOnFocus)
+      return;
+    const t = this.getTargetId(e.target);
+    t && this.replaceSelection(t);
+  }
+  queryEls() {
+    return this.container ? [...this.container.querySelectorAll(this.selector)] : [];
+  }
+  appendSelection(e) {
+    this.multiSelect ? (this.selection.addToSelection(e), this.anchorId = e, this.focusId = e, this.updateFocus()) : this.replaceSelection(e);
+  }
+  toggleSelection(e) {
+    this.multiSelect ? (this.selection.toggleSelection(e), this.anchorId = e, this.focusId = e, this.updateFocus()) : this.replaceSelection(e);
+  }
+  extendSelection(e) {
+    if (!this.multiSelect || !this.anchorId)
+      return this.replaceSelection(e);
+    const t = this.focusId;
+    if (t) {
+      const i = this.findRange(this.snapshotIds, this.anchorId, t);
+      for (const n of i)
+        this.selection.removeFromSelection(n);
+    }
+    this.focusId = e;
+    const s = this.findRange(this.snapshotIds, this.anchorId, this.focusId);
+    for (const i of s)
+      this.selection.addToSelection(i);
+    this.updateFocus();
+  }
+  replaceSelection(e) {
+    this.selection.selectSingle(e), this.anchorId = e, this.focusId = e, this.updateFocus();
+  }
+  deselect(e) {
+    this.selection.removeFromSelection(e), this.anchorId = "", this.focusId = "", this.updateFocus();
+  }
+  moveSelection(e, t) {
+    this.snapshot();
+    const s = this.snapshotEls.map((d) => this.resolveId(d)), i = s.indexOf(this.focusId);
+    if (i === -1) {
+      const d = s[0];
+      return this.replaceSelection(d);
+    }
+    const n = i + e, o = s[n];
+    if (o)
+      return t ? this.extendSelection(o) : this.replaceSelection(o);
+  }
+  selectFirst() {
+    this.snapshot();
+    const e = this.snapshotIds[0];
+    e != null && this.replaceSelection(e);
+  }
+  isFirstSelected() {
+    return this.selection.isSingleSelected(this.snapshotIds[0]);
+  }
+  collapse() {
+    !this.focusId || !this.canExpand(this.focusId) || (this.expander.collapse(this.focusId), this.snapshot());
+  }
+  expand() {
+    !this.focusId || !this.canExpand(this.focusId) || this.expander.expand(this.focusId);
+  }
+  snapshot() {
+    this.snapshotEls = this.queryEls(), this.snapshotIds = this.snapshotEls.map((t) => this.resolveId(t)), this.snapshotIds.includes(this.anchorId) || (this.anchorId = ""), this.snapshotIds.includes(this.focusId) || (this.focusId = "");
+    const e = this.selection.getSelectedIds().filter((t) => !this.snapshotIds.includes(t));
+    e.length > 0 && this.selection.removeFromSelection(...e);
+  }
+  getTargetId(e) {
+    if (e instanceof HTMLElement) {
+      for (const t of this.snapshotEls)
+        if (t.contains(e))
+          return this.resolveId(t);
+    }
+    return "";
+  }
+  /**
+   * Get the ids between `from` and `to`, both inclusive.
+   */
+  findRange(e, t, s) {
+    const i = e.indexOf(t), n = e.indexOf(s), o = Math.min(i, n), d = Math.max(i, n);
+    return e.slice(o, d + 1);
+  }
+  updateFocus() {
+    if (this.focusId) {
+      for (const e of this.snapshotEls)
+        if (this.resolveId(e) === this.focusId) {
+          e.contains(document.activeElement) || e.focus();
+          return;
+        }
+    }
+  }
+};
+h(m, "ListNavController");
+let w = m;
+export {
+  l as D,
+  u as E,
+  w as L,
+  f as S,
+  v as g,
+  a as i
+};

package/dist/bundle.js

@@ -1,22 +1,29 @@
-import { B as s, a as t, C as o, b as r, H as p, c as n, I as u, d as T, e as m, S as x, T as b, f as c, V as i, i as f } from "./index-8NlsjwJw.js";
-import { g as B } from "./dom-LZO9EPGL.js";
-import { T as I, t as h } from "./plugins-BNw3Bq_Y.js";
+import { B as t, a as s, C as o, b as n, c as r, H as p, d as l, I as u, e as i, f as x, g as m, S as C, T as c, h as T, V as I, i as S } from "./index-Dt8Bl5Zk.js";
+import { D as g, E as f, L as h, S as B, g as E, i as P } from "./ListNavController-drNtDwz9.js";
+import { T as d, t as v } from "./plugins-BNw3Bq_Y.js";
 export {
-  s as Btn,
-  t as Bubble,
+  t as Btn,
+  s as Bubble,
   o as Circle,
+  n as ContextMenu,
   r as ContextPopup,
+  g as DomEventProxy,
+  f as ExpanderController,
   p as HGroup,
-  n as HStack,
+  l as HStack,
   u as InputBase,
-  T as InputText,
+  i as InputSelect,
+  x as InputText,
   m as InputTextarea,
-  x as Sizer,
-  b as Tab,
-  c as TabCap,
-  I as ThemeManager,
-  i as VGroup,
-  f as components,
-  B as getAnchorPoint,
-  h as themePlugin
+  h as ListNavController,
+  B as SelectionController,
+  C as Sizer,
+  c as Tab,
+  T as TabCap,
+  d as ThemeManager,
+  I as VGroup,
+  S as components,
+  E as getAnchorPoint,
+  P as isInputElement,
+  v as themePlugin
 };

package/dist/components.css

@@ -1 +1 @@
-.Btn[data-v-7dcc9af4]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-shadow-color: transparent;--Btn-border-radius: var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:0;border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;box-shadow:0 .5px .5px var(--Btn-shadow-color);transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-7dcc9af4]:focus,.Btn[data-v-7dcc9af4]:active,.Btn[data-v-7dcc9af4]:hover{transition:none}.Btn[data-v-7dcc9af4]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-7dcc9af4]{filter:brightness(.96)}.Btn[data-v-7dcc9af4]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-7dcc9af4]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-7dcc9af4]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-7dcc9af4]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-7dcc9af4]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-7dcc9af4]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-7dcc9af4]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-7dcc9af4]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-7dcc9af4]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-7dcc9af4]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-7dcc9af4]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-7dcc9af4]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-7dcc9af4]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-7dcc9af4]{order:100}.Btn-default[data-v-7dcc9af4]{--Btn-text-color: var(--color-default-text);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-surface-top-hover: var(--color-default-surface-top-hover);--Btn-surface-bottom-hover: var(--color-default-surface-bottom-hover);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-7dcc9af4]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-surface-top-hover: var(--color-primary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-primary-surface-bottom-hover);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-7dcc9af4]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-surface-top-hover: var(--color-secondary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-secondary-surface-bottom-hover);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-7dcc9af4]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-surface-top-hover: var(--color-tertiary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-tertiary-surface-bottom-hover);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-7dcc9af4]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-surface-top-hover: var(--color-success-surface-top-hover);--Btn-surface-bottom-hover: var(--color-success-surface-bottom-hover);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-7dcc9af4]{--Btn-text-color: var(--color-warning-text);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-7dcc9af4]{--Btn-text-color: var(--color-danger-text);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-7dcc9af4]{--Btn-text-color: var(--color-default);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-7dcc9af4]{--Btn-text-color: var(--color-primary);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-7dcc9af4]{--Btn-text-color: var(--color-secondary);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-7dcc9af4]{--Btn-text-color: var(--color-tertiary);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-7dcc9af4]{--Btn-text-color: var(--color-success);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-7dcc9af4]{--Btn-text-color: var(--color-warning);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-7dcc9af4]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Overlay[data-v-573085ca]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-573085ca]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-573085ca]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-6d7754d0]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-label-color: var(--color-text-0);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);--InputBase-border-size: var(--input-border-size);--InputBase-border-radius: var(--border-radius);position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-6d7754d0]{position:relative;z-index:1;display:inline-flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-6d7754d0]{height:var(--InputBase-size)}.Label.Label[data-v-6d7754d0]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);max-width:calc(100% - 2 * var(--sp2));--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.InputBase[data-v-6d7754d0]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-6d7754d0]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-6d7754d0]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-6d7754d0]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-6d7754d0]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-6d7754d0]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-6d7754d0]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-6d7754d0]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.InputText[data-v-26fed2ef]{--InputBase-padding: var(--sp1-5)}input[data-v-26fed2ef],textarea[data-v-26fed2ef]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-76fc64e6]{--InputBase-padding: var(--sp1-5)}input[data-v-76fc64e6],textarea[data-v-76fc64e6]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}
+.Btn[data-v-43785b81]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-shadow-color: transparent;--Btn-border-radius: var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:0;border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;box-shadow:0 .5px .5px var(--Btn-shadow-color);transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-43785b81]:focus,.Btn[data-v-43785b81]:active,.Btn[data-v-43785b81]:hover{transition:none}.Btn[data-v-43785b81]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-43785b81]{filter:brightness(.96)}.Btn[data-v-43785b81]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-43785b81]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-43785b81]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-43785b81]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-43785b81]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-43785b81]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-43785b81]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-43785b81]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-43785b81]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-43785b81]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-43785b81]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-43785b81]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-43785b81]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-43785b81]{order:100}.Btn-default[data-v-43785b81]{--Btn-text-color: var(--color-default-text);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-surface-top-hover: var(--color-default-surface-top-hover);--Btn-surface-bottom-hover: var(--color-default-surface-bottom-hover);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-43785b81]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-surface-top-hover: var(--color-primary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-primary-surface-bottom-hover);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-43785b81]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-surface-top-hover: var(--color-secondary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-secondary-surface-bottom-hover);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-43785b81]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-surface-top-hover: var(--color-tertiary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-tertiary-surface-bottom-hover);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-43785b81]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-surface-top-hover: var(--color-success-surface-top-hover);--Btn-surface-bottom-hover: var(--color-success-surface-bottom-hover);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-43785b81]{--Btn-text-color: var(--color-warning-text);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-43785b81]{--Btn-text-color: var(--color-danger-text);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-43785b81]{--Btn-text-color: var(--color-default);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-43785b81]{--Btn-text-color: var(--color-primary);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-43785b81]{--Btn-text-color: var(--color-secondary);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-43785b81]{--Btn-text-color: var(--color-tertiary);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-43785b81]{--Btn-text-color: var(--color-success);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-43785b81]{--Btn-text-color: var(--color-warning);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-43785b81]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Menu[data-v-1d7ed61a]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-1d7ed61a]{width:240px}.Search[data-v-1d7ed61a]{flex:0 0 auto}.Items[data-v-1d7ed61a]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-1d7ed61a]{display:flex;flex-flow:column nowrap;gap:var(--sphalf);padding:var(--sp);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0}.MenuItem-primary[data-v-1d7ed61a]{color:var(--color-primary)}.MenuItem-danger[data-v-1d7ed61a]{color:var(--color-danger)}.MenuItem-checked[data-v-1d7ed61a]{color:var(--color-primary)}.MenuItem-disabled[data-v-1d7ed61a]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-1d7ed61a]:hover,.MenuItem-selected[data-v-1d7ed61a]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-1d7ed61a]{background:var(--color-focus-0)}.Separator[data-v-1d7ed61a]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-1d7ed61a]{padding:var(--sp);color:var(--color-text-3);font-weight:var(--font-weight-bold);text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ItemLine[data-v-1d7ed61a]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-1d7ed61a]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-1d7ed61a]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-1d7ed61a]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.Overlay[data-v-55cbd0aa]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-55cbd0aa]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-55cbd0aa]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-42062d04]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-label-color: var(--color-text-0);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);--InputBase-border-size: var(--input-border-size);--InputBase-border-radius: var(--border-radius);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-42062d04]{position:relative;z-index:1;display:inline-flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-42062d04]{height:var(--InputBase-size)}.InputBase[data-v-42062d04]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-42062d04]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-42062d04]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-42062d04]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-42062d04]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-42062d04]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-42062d04]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-42062d04]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-42062d04]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-42062d04]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.Label.TextLabel[data-v-42062d04]{padding:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.BorderLabel[data-v-42062d04]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;transform:translateY(-50%);left:-2px;z-index:2;margin:0 var(--InputBase-padding);padding:0 2px;line-height:1;color:var(--InputBase-label-color);font-size:var(--font-size-small);background:var(--InputBase-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-71e0a4c7]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-71e0a4c7],.Placeholder[data-v-71e0a4c7]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-71e0a4c7]{color:var(--color-text-2)}.InputText[data-v-26fed2ef]{--InputBase-padding: var(--sp1-5)}input[data-v-26fed2ef],textarea[data-v-26fed2ef]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-8ff9214b]{--InputBase-padding: var(--sp1-5)}input[data-v-8ff9214b],textarea[data-v-8ff9214b]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}

package/dist/components.js

@@ -1,16 +1,18 @@
-import { B as e, a as t, C as p, b as r, H as u, c as o, I as b, d as n, e as T, S as x, T as B, f as C, V as I } from "./index-8NlsjwJw.js";
+import { B as e, a as t, C as p, b as u, c as n, H as o, d as r, I as b, e as x, f as C, g as I, S as T, T as c, h as B, V as S } from "./index-Dt8Bl5Zk.js";
 export {
   e as Btn,
   t as Bubble,
   p as Circle,
-  r as ContextPopup,
-  u as HGroup,
-  o as HStack,
+  u as ContextMenu,
+  n as ContextPopup,
+  o as HGroup,
+  r as HStack,
   b as InputBase,
-  n as InputText,
-  T as InputTextarea,
-  x as Sizer,
-  B as Tab,
-  C as TabCap,
-  I as VGroup
+  x as InputSelect,
+  C as InputText,
+  I as InputTextarea,
+  T as Sizer,
+  c as Tab,
+  B as TabCap,
+  S as VGroup
 };