nightshade 1.0.0-3 → 1.0.1

package/dist/bundle.js

@@ -0,0 +1,22 @@
+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";
+export {
+  s as Btn,
+  t as Bubble,
+  o as Circle,
+  r as ContextPopup,
+  p as HGroup,
+  n as HStack,
+  u as InputBase,
+  T 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
+};

package/dist/components.css

@@ -0,0 +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)}

package/dist/components.js

@@ -0,0 +1,16 @@
+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";
+export {
+  e as Btn,
+  t as Bubble,
+  p as Circle,
+  r as ContextPopup,
+  u as HGroup,
+  o as HStack,
+  b as InputBase,
+  n as InputText,
+  T as InputTextarea,
+  x as Sizer,
+  B as Tab,
+  C as TabCap,
+  I as VGroup
+};

package/dist/dom-LZO9EPGL.js

@@ -0,0 +1,22 @@
+var u = Object.defineProperty;
+var i = (o, c) => u(o, "name", { value: c, configurable: !0 });
+function x(o, c) {
+  const s = o.getBoundingClientRect(), { top: t, left: e, width: n, height: r } = s;
+  switch (c) {
+    case "left":
+      return { x: e, y: t + r * 0.5 };
+    case "right":
+      return { x: e + n, y: t + r * 0.5 };
+    case "top":
+      return { x: e + n * 0.5, y: t };
+    case "bottom":
+      return { x: e + n * 0.5, y: t + r };
+    case "middle":
+    default:
+      return { x: e + n * 0.5, y: t + r * 0.5 };
+  }
+}
+i(x, "getAnchorPoint");
+export {
+  x as g
+};

package/dist/index-8NlsjwJw.js

@@ -0,0 +1,580 @@
+var k = Object.defineProperty;
+var i = (e, n) => k(e, "name", { value: n, configurable: !0 });
+import { openBlock as s, createBlock as f, resolveDynamicComponent as _, normalizeClass as p, withCtx as b, renderSlot as u, createElementBlock as m, createCommentVNode as h, toDisplayString as S, Transition as T, createElementVNode as y, resolveComponent as v, Teleport as C, withModifiers as B, normalizeStyle as z, createVNode as $, mergeProps as w } from "vue";
+import { g as N } from "./dom-LZO9EPGL.js";
+const c = /* @__PURE__ */ i((e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [l, a] of n)
+    t[l] = a;
+  return t;
+}, "_export_sfc"), E = {
+  props: {
+    label: { type: String },
+    title: { type: String },
+    icon: { type: String },
+    iconPos: { type: String, default: "left" },
+    kind: { type: String, default: "link-default" },
+    hoverKind: { type: String },
+    customTag: { type: String },
+    href: { type: String },
+    debounce: { type: Number, default: 0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { type: String, default: "normal" },
+    square: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pseudoFocus: { type: Boolean, default: !1 },
+    pseudoHover: { type: Boolean, default: !1 },
+    pseudoActive: { type: Boolean, default: !1 }
+  },
+  data() {
+    return {
+      hover: !1,
+      blocked: !1
+    };
+  },
+  computed: {
+    tagName() {
+      return this.customTag ?? "button";
+    },
+    actualKind() {
+      const { kind: e, hoverKind: n, hover: t } = this;
+      return t ? n ?? e : e;
+    }
+  },
+  methods: {
+    onUiActivate() {
+      this.debounce > 0 && (this.blocked = !0, setTimeout(() => {
+        this.blocked = !1;
+      }, this.debounce));
+    }
+  }
+}, H = {
+  key: 0,
+  class: "Label"
+};
+function V(e, n, t, l, a, o) {
+  return s(), f(_(o.tagName), {
+    ref: "button",
+    class: p(["Btn button", [
+      `Btn-${t.size}`,
+      `Btn-${o.actualKind}`,
+      `Btn-iconPos-${t.iconPos}`,
+      {
+        "Btn-disabled": t.disabled || a.blocked,
+        "Btn-square": t.square,
+        "Btn-round": t.round,
+        "Btn-outline": t.outline,
+        "Btn-block": t.block,
+        "Btn-pseudo-focus": t.pseudoFocus,
+        "Btn-pseudo-hover": t.pseudoHover,
+        "Btn-pseudo-active": t.pseudoActive
+      }
+    ]]),
+    disabled: t.disabled || a.blocked,
+    title: t.title ?? t.label,
+    href: t.href,
+    onUiactivate: n[0] || (n[0] = (r) => o.onUiActivate(r)),
+    onMouseenter: n[1] || (n[1] = (r) => a.hover = !0),
+    onMouseleave: n[2] || (n[2] = (r) => a.hover = !1)
+  }, {
+    default: b(() => [
+      u(e.$slots, "icon", {
+        hover: a.hover,
+        blocked: a.blocked
+      }, () => [
+        t.icon ? (s(), m("i", {
+          key: 0,
+          class: p([t.icon, "Icon"])
+        }, null, 2)) : h("", !0)
+      ], !0),
+      t.label ? (s(), m("span", H, S(t.label), 1)) : h("", !0),
+      u(e.$slots, "default", {
+        hover: a.hover,
+        blocked: a.blocked
+      }, void 0, !0)
+    ]),
+    _: 3
+  }, 40, ["class", "disabled", "title", "href"]);
+}
+i(V, "_sfc_render$c");
+const R = /* @__PURE__ */ c(E, [["render", V], ["__scopeId", "data-v-7dcc9af4"]]), x = {
+  props: {
+    dir: { type: String, default: "bottom" },
+    align: { type: String, default: "start" }
+  }
+}, A = { class: "Body" };
+function D(e, n, t, l, a, o) {
+  return s(), f(T, {
+    name: "fade-" + t.dir,
+    appear: ""
+  }, {
+    default: b(() => [
+      y("div", {
+        class: p(["Bubble", [
+          `Bubble-${t.dir}`,
+          `Bubble-${t.align}`
+        ]])
+      }, [
+        n[0] || (n[0] = y("div", { class: "Arrow" }, null, -1)),
+        y("div", A, [
+          u(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+i(D, "_sfc_render$b");
+const O = /* @__PURE__ */ c(x, [["render", D], ["__scopeId", "data-v-2bf83119"]]), G = {
+  props: {
+    size: { type: String, default: "normal" }
+  }
+};
+function F(e, n, t, l, a, o) {
+  return s(), m("div", {
+    class: p(["Circle", [
+      `Circle-${t.size}`
+    ]])
+  }, [
+    u(e.$slots, "default", {}, void 0, !0)
+  ], 2);
+}
+i(F, "_sfc_render$a");
+const L = /* @__PURE__ */ c(G, [["render", F], ["__scopeId", "data-v-48fdb4ac"]]), M = {
+  props: {
+    dir: { type: String, default: "v" },
+    align: { type: String, default: "auto" },
+    anchorRef: { type: String },
+    anchorDir: { type: String, default: "middle" },
+    overlayEnabled: { type: Boolean, default: !0 },
+    overlayShown: { type: Boolean, default: !0 }
+  },
+  emits: ["hide", "mouseenter", "mouseleave", "ready"],
+  data() {
+    return {
+      pos: {
+        x: 0,
+        y: 0
+      },
+      actualDir: "bottom",
+      actualAlign: "start",
+      ready: !1
+    };
+  },
+  computed: {
+    bubbleStyle() {
+      const { x: e, y: n } = this.pos;
+      return {
+        left: `${e}px`,
+        top: `${n}px`,
+        "pointer-events": "auto"
+      };
+    }
+  },
+  mounted() {
+    this.$nextTick(() => this.calcPos()), window.addEventListener("resize", this.onResize), window.addEventListener("keydown", this.onWindowKeyDown), this.enableOverlay();
+  },
+  unmounted() {
+    window.removeEventListener("resize", this.onResize), window.removeEventListener("keydown", this.onWindowKeyDown), this.disableOverlay();
+  },
+  methods: {
+    hide() {
+      this.$emit("hide");
+    },
+    calcPos() {
+      const e = this.getAnchorEl();
+      this.pos = N(e, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready"));
+    },
+    calcDirAlign() {
+      const e = this.pos.y < window.innerHeight * 0.5, n = this.pos.x < window.innerWidth * 0.5;
+      this.align === "auto" ? ["top", "bottom", "v"].includes(this.dir) ? this.actualAlign = n ? "start" : "end" : this.actualAlign = e ? "start" : "end" : this.actualAlign = this.align, this.dir === "v" ? this.actualDir = e ? "bottom" : "top" : this.dir === "h" ? this.actualDir = n ? "right" : "left" : this.actualDir = this.dir;
+    },
+    getAnchorEl() {
+      if (this.anchorRef) {
+        const e = this.findRef(this.$parent, this.anchorRef);
+        if (e)
+          return e;
+      }
+      return this.$el.parentElement;
+    },
+    findRef(e, n) {
+      const t = e.$refs[n];
+      if (t) {
+        const l = t.$el ?? t;
+        if (l instanceof HTMLElement)
+          return l;
+      }
+      return e.$parent ? this.findRef(e.$parent, n) : null;
+    },
+    onResize() {
+      this.calcPos();
+    },
+    onWindowKeyDown(e) {
+      e.key === "Escape" && this.hide();
+    },
+    enableOverlay() {
+      if (!this.overlayEnabled)
+        return;
+      const e = document.documentElement, n = e.style.overflow;
+      e.dataset.previousOverflow = n, e.style.overflow = "hidden";
+    },
+    disableOverlay() {
+      const e = document.documentElement;
+      e.dataset.previousOverflow != null && (e.style.overflow = e.dataset.previousOverflow, delete e.dataset.previousOverflow);
+    }
+  }
+};
+function P(e, n, t, l, a, o) {
+  const r = v("Bubble");
+  return s(), f(C, { to: "#overlays" }, [
+    y("div", {
+      class: p(["Overlay", {
+        "Overlay-enabled": t.overlayEnabled,
+        "Overlay-shown": t.overlayShown
+      }]),
+      onClick: n[3] || (n[3] = B((d) => o.hide(), ["stop"]))
+    }, [
+      a.ready ? (s(), f(r, {
+        key: 0,
+        dir: a.actualDir,
+        align: a.actualAlign,
+        style: z(o.bubbleStyle),
+        onMouseenter: n[0] || (n[0] = (d) => e.$emit("mouseenter")),
+        onMouseleave: n[1] || (n[1] = (d) => e.$emit("mouseleave")),
+        onClick: n[2] || (n[2] = B(() => {
+        }, ["stop"]))
+      }, {
+        default: b(() => [
+          u(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["dir", "align", "style"])) : h("", !0)
+    ], 2)
+  ]);
+}
+i(P, "_sfc_render$9");
+const j = /* @__PURE__ */ c(M, [["render", P], ["__scopeId", "data-v-573085ca"]]), K = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "center" },
+    justify: { type: String },
+    gap: { type: String, default: "1" },
+    wrap: { type: Boolean, default: !1 }
+  }
+};
+function W(e, n, t, l, a, o) {
+  return s(), f(_(t.tagName), {
+    class: p(["HGroup", [
+      `HGroup-align-${t.align}`,
+      `HGroup-justify-${t.justify}`,
+      `HGroup-gap-${t.gap}`,
+      {
+        "HGroup-wrap": t.wrap
+      }
+    ]])
+  }, {
+    default: b(() => [
+      u(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+i(W, "_sfc_render$8");
+const q = /* @__PURE__ */ c(K, [["render", W], ["__scopeId", "data-v-0abfef17"]]), U = {}, J = { class: "HStack" };
+function Q(e, n, t, l, a, o) {
+  return s(), m("div", J, [
+    u(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+i(Q, "_sfc_render$7");
+const X = /* @__PURE__ */ c(U, [["render", Q], ["__scopeId", "data-v-48a370d0"]]), Y = {
+  props: {
+    dir: { type: String, default: "top" },
+    label: { type: String }
+  },
+  computed: {
+    orientation() {
+      return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
+    }
+  }
+}, Z = { class: "Content" }, ee = ["title"];
+function te(e, n, t, l, a, o) {
+  const r = v("TabCap");
+  return s(), m("div", {
+    class: p(["Tab", [
+      `Tab-${t.dir}`,
+      `Tab-${o.orientation}`
+    ]])
+  }, [
+    $(r, {
+      class: "TabCap",
+      dir: t.dir,
+      type: "start"
+    }, null, 8, ["dir"]),
+    y("div", Z, [
+      u(e.$slots, "default", {}, () => [
+        t.label ? (s(), m("div", {
+          key: 0,
+          class: "TabLabel",
+          title: t.label
+        }, S(t.label), 9, ee)) : h("", !0)
+      ], !0)
+    ]),
+    $(r, {
+      class: "TabCap",
+      dir: t.dir,
+      type: "end"
+    }, null, 8, ["dir"])
+  ], 2);
+}
+i(te, "_sfc_render$6");
+const I = /* @__PURE__ */ c(Y, [["render", te], ["__scopeId", "data-v-1ba502f2"]]), ne = {
+  components: {
+    Tab: I
+  },
+  props: {
+    tagName: { default: "label" },
+    label: { type: String },
+    size: { type: String, default: "normal" },
+    fixedHeight: { type: Boolean, default: !0 },
+    round: { type: Boolean, default: !1 },
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    pseudoFocus: { type: Boolean, default: !1 },
+    pseudoHover: { type: Boolean, default: !1 }
+  }
+}, ae = { class: "Container" };
+function oe(e, n, t, l, a, o) {
+  const r = v("Tab");
+  return s(), f(_(t.tagName), {
+    class: p(["InputBase", [
+      `InputBase-${t.size}`,
+      {
+        "InputBase-block": t.block,
+        "InputBase-round": t.round,
+        "InputBase-disabled": t.disabled,
+        "InputBase-invalid": t.invalid,
+        "InputBase-fixed-height": t.fixedHeight,
+        "InputBase-pseudo-focus": t.pseudoFocus,
+        "InputBase-pseudo-hover": t.pseudoHover
+      }
+    ]])
+  }, {
+    default: b(() => [
+      t.label ? (s(), f(r, {
+        key: 0,
+        class: "Label",
+        label: t.label
+      }, null, 8, ["label"])) : h("", !0),
+      y("div", ae, [
+        u(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+i(oe, "_sfc_render$5");
+const g = /* @__PURE__ */ c(ne, [["render", oe], ["__scopeId", "data-v-6d7754d0"]]), se = {
+  props: {
+    ...g.props,
+    modelValue: { type: [String, Number] },
+    type: { type: String },
+    placeholder: { type: String },
+    min: { type: Number },
+    max: { type: Number },
+    step: { type: Number },
+    autoFocus: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: [
+    "focus",
+    "blur",
+    "input",
+    "update:modelValue"
+  ],
+  mounted() {
+    var e;
+    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
+  },
+  methods: {
+    onInput(e) {
+      this.$emit("update:modelValue", e.target.value);
+    }
+  }
+}, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+function ie(e, n, t, l, a, o) {
+  const r = v("InputBase");
+  return s(), f(r, w({ class: "InputText" }, {
+    ...e.$attrs,
+    ...e.$props
+  }), {
+    default: b(() => [
+      u(e.$slots, "before", {}, void 0, !0),
+      y("input", {
+        ref: "input",
+        value: t.modelValue,
+        type: t.type,
+        placeholder: t.placeholder,
+        readonly: t.readonly,
+        disabled: e.disabled,
+        min: t.min,
+        max: t.max,
+        step: t.step,
+        autocomplete: "off",
+        onInput: n[0] || (n[0] = (d) => o.onInput(d)),
+        onFocus: n[1] || (n[1] = (d) => e.$emit("focus", d)),
+        onBlur: n[2] || (n[2] = (d) => e.$emit("blur", d))
+      }, null, 40, le),
+      u(e.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+i(ie, "_sfc_render$4");
+const re = /* @__PURE__ */ c(se, [["render", ie], ["__scopeId", "data-v-26fed2ef"]]), de = {
+  props: {
+    ...g.props,
+    modelValue: { type: [String, Number] },
+    placeholder: { type: String },
+    rows: { type: Number },
+    autoSize: { type: Boolean, default: !0 },
+    minRows: { type: Number, default: 2 },
+    maxRows: { type: Number, default: 10 },
+    autoFocus: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: [
+    "focus",
+    "blur",
+    "input",
+    "update:modelValue"
+  ],
+  computed: {
+    effectiveRows() {
+      if (this.autoSize) {
+        const e = this.modelValue.split(`
+`).length;
+        return Math.max(Math.min(e, this.maxRows), this.minRows);
+      }
+      return this.rows ?? this.minRows ?? 2;
+    }
+  },
+  mounted() {
+    var e;
+    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
+  },
+  methods: {
+    onInput(e) {
+      this.$emit("update:modelValue", e.target.value);
+    }
+  }
+}, ue = ["value", "placeholder", "readonly", "disabled", "rows"];
+function ce(e, n, t, l, a, o) {
+  const r = v("InputBase");
+  return s(), f(r, w({ class: "InputTextarea" }, {
+    ...e.$attrs,
+    ...e.$props
+  }, { fixedHeight: !1 }), {
+    default: b(() => [
+      u(e.$slots, "before", {}, void 0, !0),
+      y("textarea", {
+        ref: "input",
+        value: t.modelValue,
+        placeholder: t.placeholder,
+        readonly: t.readonly,
+        disabled: e.disabled,
+        rows: o.effectiveRows,
+        resize: "none",
+        autocomplete: "off",
+        onInput: n[0] || (n[0] = (d) => o.onInput(d)),
+        onFocus: n[1] || (n[1] = (d) => e.$emit("focus", d)),
+        onBlur: n[2] || (n[2] = (d) => e.$emit("blur", d))
+      }, null, 40, ue),
+      u(e.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+i(ce, "_sfc_render$3");
+const fe = /* @__PURE__ */ c(de, [["render", ce], ["__scopeId", "data-v-76fc64e6"]]), pe = {}, ye = { class: "Sizer" };
+function me(e, n) {
+  return s(), m("div", ye);
+}
+i(me, "_sfc_render$2");
+const be = /* @__PURE__ */ c(pe, [["render", me], ["__scopeId", "data-v-2f099547"]]), he = {
+  props: {
+    dir: { type: String, default: "top" },
+    type: { type: String, default: "start" }
+  }
+};
+function ve(e, n, t, l, a, o) {
+  return s(), m("svg", {
+    class: p(["TabCap", [
+      `TabCap-${t.dir}`,
+      `TabCap-${t.type}`
+    ]]),
+    viewBox: "0 0 32 32",
+    preserveAspectRatio: "none"
+  }, n[0] || (n[0] = [
+    y("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+  ]), 2);
+}
+i(ve, "_sfc_render$1");
+const _e = /* @__PURE__ */ c(he, [["render", ve], ["__scopeId", "data-v-3c0176d0"]]), ge = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "stretch" },
+    justify: { type: String },
+    gap: { type: String, default: "1" }
+  }
+};
+function Be(e, n, t, l, a, o) {
+  return s(), f(_(t.tagName), {
+    class: p(["VGroup", [
+      `VGroup-align-${t.align}`,
+      `VGroup-justify-${t.justify}`,
+      `VGroup-gap-${t.gap}`
+    ]])
+  }, {
+    default: b(() => [
+      u(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+i(Be, "_sfc_render");
+const $e = /* @__PURE__ */ c(ge, [["render", Be], ["__scopeId", "data-v-4e4be270"]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Btn: R,
+  Bubble: O,
+  Circle: L,
+  ContextPopup: j,
+  HGroup: q,
+  HStack: X,
+  InputBase: g,
+  InputText: re,
+  InputTextarea: fe,
+  Sizer: be,
+  Tab: I,
+  TabCap: _e,
+  VGroup: $e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  R as B,
+  L as C,
+  q as H,
+  g as I,
+  be as S,
+  I as T,
+  $e as V,
+  O as a,
+  j as b,
+  X as c,
+  re as d,
+  fe as e,
+  _e as f,
+  ke as i
+};