nightshade 1.0.0-3 → 1.0.0

package/dist/bundle.js

@@ -0,0 +1,21 @@
+import { B as e, a as t, C as o, b as r, H as p, c as n, I as u, d as m, S as T, T as b, e as c, V as i, i as x } from "./index-B1Hbr9vA.js";
+import { g as B } from "./dom-LZO9EPGL.js";
+import { T as f, t as h } from "./plugins-BNw3Bq_Y.js";
+export {
+  e as Btn,
+  t as Bubble,
+  o as Circle,
+  r as ContextPopup,
+  p as HGroup,
+  n as HStack,
+  u as InputBase,
+  m as InputText,
+  T as Sizer,
+  b as Tab,
+  c as TabCap,
+  f as ThemeManager,
+  i as VGroup,
+  x as components,
+  B as getAnchorPoint,
+  h as themePlugin
+};

package/dist/components.css

@@ -0,0 +1 @@
+.Btn[data-v-3e453c3b]{--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-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:2px 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-3e453c3b]:focus,.Btn[data-v-3e453c3b]:active,.Btn[data-v-3e453c3b]:hover{transition:none}.Btn[data-v-3e453c3b]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-3e453c3b]{filter:brightness(.96)}.Btn[data-v-3e453c3b]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-3e453c3b]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-3e453c3b]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-3e453c3b]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-3e453c3b]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-3e453c3b]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-3e453c3b]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-3e453c3b]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-3e453c3b]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-3e453c3b]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-3e453c3b]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-3e453c3b]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-3e453c3b]{--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-3e453c3b]{order:100}.Btn-default[data-v-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-3e453c3b]{--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-490d7c53]{--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-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-radius: var(--border-radius);position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-490d7c53]{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:2px solid var(--InputBase-outline-color);border:1px 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-490d7c53]{height:var(--InputBase-size)}.Label.Label[data-v-490d7c53]{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-490d7c53]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-490d7c53]{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-490d7c53]{--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-490d7c53]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-490d7c53]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-490d7c53]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-490d7c53]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-490d7c53]{--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}.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,15 @@
+import { B as e, a as p, C as t, b as o, H as r, c as u, I as b, d as n, S as B, T as C, e as T, V as c } from "./index-B1Hbr9vA.js";
+export {
+  e as Btn,
+  p as Bubble,
+  t as Circle,
+  o as ContextPopup,
+  r as HGroup,
+  u as HStack,
+  b as InputBase,
+  n as InputText,
+  B as Sizer,
+  C as Tab,
+  T as TabCap,
+  c 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-B1Hbr9vA.js

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

package/dist/plugins-BNw3Bq_Y.js

@@ -0,0 +1,51 @@
+var a = Object.defineProperty;
+var m = (t, e) => a(t, "name", { value: e, configurable: !0 });
+import { reactive as o } from "vue";
+const s = class s {
+  constructor() {
+    this.currentTheme = "auto";
+  }
+  init() {
+    this.loadTheme(), this.applyTheme(), this.listenForSystemThemeChanges();
+  }
+  setTheme(e) {
+    this.currentTheme = e, this.saveTheme(), this.applyTheme();
+  }
+  toggleTheme() {
+    this.setTheme(this.currentTheme === "light" ? "dark" : "light");
+  }
+  applyTheme() {
+    const e = document.documentElement, r = this.currentTheme === "auto" ? this.getSystemTheme() : this.currentTheme;
+    e.classList.remove("theme-light"), e.classList.remove("theme-dark"), e.classList.add(`theme-${r}`), window.dispatchEvent(new CustomEvent("themeChanged"));
+  }
+  loadTheme() {
+    this.currentTheme = this.getLocalStorageTheme();
+  }
+  saveTheme() {
+    this.currentTheme === "auto" ? localStorage.removeItem("theme") : localStorage.setItem("theme", this.currentTheme);
+  }
+  listenForSystemThemeChanges() {
+    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+      this.currentTheme === "auto" && this.applyTheme();
+    });
+  }
+  getLocalStorageTheme() {
+    const e = localStorage.getItem("theme") ?? "";
+    return ["dark", "light"].includes(e) ? e : "auto";
+  }
+  getSystemTheme() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+};
+m(s, "ThemeManager");
+let h = s;
+const c = {
+  install(t) {
+    const e = o(new h());
+    t.provide("themeManager", e), e.init();
+  }
+};
+export {
+  h as T,
+  c as t
+};

package/dist/utils.js

@@ -0,0 +1,7 @@
+import { g as r } from "./dom-LZO9EPGL.js";
+import { T as a, t as g } from "./plugins-BNw3Bq_Y.js";
+export {
+  a as ThemeManager,
+  r as getAnchorPoint,
+  g as themePlugin
+};

package/package.json

@@ -1,11 +1,13 @@
 {
     "name": "nightshade",
-    "version": "1.0.0-3",
+    "version": "1.0.0",
     "description": "Vue UI library & design system",
     "type": "module",
     "exports": {
-        ".": "./dist/nightshade.js",
-        "./stylesheets/components.css": "./dist/nightshade.css",
+        ".": "./dist/bundle.js",
+        "./components": "./dist/components.js",
+        "./components.css": "./dist/components.css",
+        "./utils": "./dist/utils.js",
         "./stylesheets/*": "./stylesheets/*"
     },
     "files": [

package/stylesheets/modules/headings.css

@@ -1,10 +1,10 @@
 :root {
 
-    --h1-font-size: 32px;
+    --h1-font-size: 36px;
     --h1-font-weight: var(--font-weight-bold);
     --h1-color: var(--color-text-0);
 
-    --h2-font-size: 28px;
+    --h2-font-size: 32px;
     --h2-font-weight: var(--font-weight);
     --h2-color: var(--color-text-0);
 
@@ -13,7 +13,7 @@
     --h3-color: var(--color-text-0);
 
     --h4-font-size: 20px;
-    --h4-font-weight: var(--font-weight-bold);
+    --h4-font-weight: var(--font-weight);
     --h4-color: var(--color-text-0);
 
     --h5-font-size: 16px;

package/stylesheets/variables/color-tokens.css

@@ -30,7 +30,7 @@
     --color-primary-1: hsl(310deg, 64%, 64%);
     --color-primary-2: hsl(310deg, 64%, 50%);
     --color-primary-3: hsl(310deg, 64%, 44%);
-    --color-primary-4: hsl(310deg, 64%, 36%);
+    --color-primary-4: hsl(310deg, 64%, 24%);
     --color-primary-text: #fff;
     --color-primary-surface-top: var(--color-primary-1);
     --color-primary-surface-bottom: var(--color-primary-3);
@@ -39,11 +39,11 @@
     --color-primary-shadow: var(--color-primary-4);
 
     --color-secondary: var(--color-secondary-2);
-    --color-secondary-0: hsl(290deg, 50%, 75%);
-    --color-secondary-1: hsl(290deg, 50%, 64%);
-    --color-secondary-2: hsl(290deg, 50%, 50%);
-    --color-secondary-3: hsl(290deg, 50%, 44%);
-    --color-secondary-4: hsl(290deg, 50%, 36%);
+    --color-secondary-0: hsl(290deg, 50%, 80%);
+    --color-secondary-1: hsl(290deg, 50%, 68%);
+    --color-secondary-2: hsl(290deg, 50%, 60%);
+    --color-secondary-3: hsl(290deg, 50%, 48%);
+    --color-secondary-4: hsl(290deg, 50%, 24%);
     --color-secondary-text: #fff;
     --color-secondary-surface-top: var(--color-secondary-1);
     --color-secondary-surface-bottom: var(--color-secondary-3);
@@ -56,7 +56,7 @@
     --color-tertiary-1: hsl(176deg, 50%, 72%);
     --color-tertiary-2: hsl(176deg, 50%, 50%);
     --color-tertiary-3: hsl(176deg, 50%, 44%);
-    --color-tertiary-4: hsl(176deg, 50%, 36%);
+    --color-tertiary-4: hsl(176deg, 28%, 24%);
     --color-tertiary-text: #fff;
     --color-tertiary-surface-top: var(--color-tertiary-1);
     --color-tertiary-surface-bottom: var(--color-tertiary-3);
@@ -65,11 +65,11 @@
     --color-tertiary-shadow: var(--color-tertiary-4);
 
     --color-success: var(--color-success-2);
-    --color-success-0: hsl(96deg, 60%, 76%);
-    --color-success-1: hsl(96deg, 60%, 68%);
-    --color-success-2: hsl(96deg, 60%, 50%);
-    --color-success-3: hsl(96deg, 60%, 44%);
-    --color-success-4: hsl(96deg, 60%, 36%);
+    --color-success-0: hsl(96deg, 60%, 80%);
+    --color-success-1: hsl(96deg, 60%, 72%);
+    --color-success-2: hsl(96deg, 60%, 56%);
+    --color-success-3: hsl(96deg, 60%, 48%);
+    --color-success-4: hsl(96deg, 40%, 28%);
     --color-success-text: #fff;
     --color-success-surface-top: var(--color-success-1);
     --color-success-surface-bottom: var(--color-success-3);
@@ -82,7 +82,7 @@
     --color-warning-1: hsl(48deg, 88%, 80%);
     --color-warning-2: hsl(48deg, 88%, 60%);
     --color-warning-3: hsl(48deg, 88%, 48%);
-    --color-warning-4: hsl(48deg, 88%, 40%);
+    --color-warning-4: hsl(48deg, 60%, 28%);
     --color-warning-text: #000;
     --color-warning-surface-top: var(--color-warning-1);
     --color-warning-surface-bottom: var(--color-warning-3);
@@ -91,11 +91,11 @@
     --color-warning-shadow: var(--color-warning-4);
 
     --color-danger: var(--color-danger-2);
-    --color-danger-0: hsl(350deg, 88%, 88%);
-    --color-danger-1: hsl(350deg, 88%, 68%);
-    --color-danger-2: hsl(350deg, 88%, 60%);
-    --color-danger-3: hsl(350deg, 88%, 52%);
-    --color-danger-4: hsl(350deg, 88%, 30%);
+    --color-danger-0: hsl(350deg, 82%, 88%);
+    --color-danger-1: hsl(350deg, 82%, 68%);
+    --color-danger-2: hsl(350deg, 82%, 60%);
+    --color-danger-3: hsl(350deg, 82%, 52%);
+    --color-danger-4: hsl(350deg, 60%, 32%);
     --color-danger-text: #fff;
     --color-danger-surface-top: var(--color-danger-1);
     --color-danger-surface-bottom: var(--color-danger-3);
@@ -105,7 +105,7 @@
 
 }
 
-.Theme-dark {
+.theme-dark {
 
     --color-base-0: hsl(280deg, 5%, 16%);
     --color-base-1: hsl(280deg, 5%, 20%);
@@ -113,7 +113,7 @@
     --color-base-3: hsl(280deg, 5%, 27%);
     --color-base-4: hsl(280deg, 5%, 32%);
 
-    --color-text-0: hsl(280deg, 10%, 96%);
+    --color-text-0: hsl(280deg, 10%, 92%);
     --color-text-1: hsl(280deg, 10%, 72%);
     --color-text-2: hsl(280deg, 10%, 50%);
     --color-text-3: hsl(280deg, 10%, 44%);

package/stylesheets/variables/commons.css

@@ -10,6 +10,10 @@
     --color-subtle: var(--color-text-1);
     --color-sublime: var(--color-text-2);
 
+    --color-shadow-light: rgba(0, 0, 0, 0.1);
+    --color-shadow-heavy: rgba(0, 0, 0, 0.2);
+    --color-overlay: rgba(0, 0, 0, 0.1);
+
     --border-radius: var(--sp);
     --border-radius-round: var(--sp2);
 
@@ -20,6 +24,8 @@
     --input-size-larger: var(--sp6);
 }
 
-.Theme-dark {
-
+.theme-dark {
+    --color-shadow-light: rgba(255, 255, 255, 0.1);
+    --color-shadow-heavy: rgba(255, 255, 255, 0.2);
+    --color-overlay: rgba(255, 255, 255, 0.08);
 }

package/dist/nightshade.css

@@ -1 +0,0 @@
-.Btn[data-v-32fc4413]{--Btn-padding: var(--sp1-5);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--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(--sp);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:2px 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 1px 1px var(--Btn-shadow-color);transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-32fc4413]:focus,.Btn[data-v-32fc4413]:active,.Btn[data-v-32fc4413]:hover{transition:none}.Btn[data-v-32fc4413]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-32fc4413]{filter:brightness(1.07)}.Btn[data-v-32fc4413]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-32fc4413]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-32fc4413]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-32fc4413]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-32fc4413]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-32fc4413]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-32fc4413]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-32fc4413]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-32fc4413]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-32fc4413]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-32fc4413]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-32fc4413]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-32fc4413]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp)}.Btn-iconPos-right .Icon[data-v-32fc4413]{order:100}.Btn-default[data-v-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--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-32fc4413]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}.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) }.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}.InputLabel[data-v-8a823fd2]{--InputLabel-size: calc(.75 * var(--InputBase-size));position:relative;z-index:10;display:flex;margin:0 var(--sp2);max-width:75%;height:var(--InputLabel-size);line-height:var(--InputLabel-size);font-size:var(--InputBase-font-size)}.Corner[data-v-8a823fd2]{flex:0 0 var(--InputBase-size);stroke:transparent;fill:var(--InputBase-label-surface)}.Label[data-v-8a823fd2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--InputBase-label-surface);color:var(--InputBase-label-color)}.InputBase[data-v-dfd6217d]{--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-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-text-0);--InputBase-label-color-invalid: var(--color-text-0);--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-radius: var(--border-radius);position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-dfd6217d]{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:2px solid var(--InputBase-outline-color);border:1px 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-dfd6217d]{height:var(--InputBase-size)}.InputBase[data-v-dfd6217d]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-dfd6217d]{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-dfd6217d]{--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-dfd6217d]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-dfd6217d]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-dfd6217d]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-dfd6217d]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-dfd6217d]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.InputText[data-v-44e9da96]{--InputBase-padding: var(--sp1-5)}input[data-v-44e9da96],textarea[data-v-44e9da96]{-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}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.VGroup[data-v-dac034b8]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-dac034b8]{align-items:stretch}.VGroup-align-baseline[data-v-dac034b8]{align-items:baseline}.VGroup-align-center[data-v-dac034b8]{align-items:center}.VGroup-align-start[data-v-dac034b8]{align-items:flex-start}.VGroup-align-end[data-v-dac034b8]{align-items:flex-end}.VGroup-justify-center[data-v-dac034b8]{justify-content:center}.VGroup-justify-start[data-v-dac034b8]{justify-content:flex-start}.VGroup-justify-end[data-v-dac034b8]{justify-content:flex-end}.VGroup-justify-space-around[data-v-dac034b8]{justify-content:space-around}.VGroup-justify-space-between[data-v-dac034b8]{justify-content:space-between}.VGroup-gap-0[data-v-dac034b8]{gap:0}.VGroup-gap-1[data-v-dac034b8]{gap:var(--sp)}.VGroup-gap-2[data-v-dac034b8]{gap:var(--sp2)}.VGroup-gap-3[data-v-dac034b8]{gap:var(--sp3)}.VGroup-gap-4[data-v-dac034b8]{gap:var(--sp4)}

package/dist/nightshade.js

@@ -1,327 +0,0 @@
-var S = Object.defineProperty;
-var l = (t, n) => S(t, "name", { value: n, configurable: !0 });
-import { openBlock as a, createBlock as y, resolveDynamicComponent as v, normalizeClass as p, withCtx as m, renderSlot as d, createElementBlock as r, createCommentVNode as b, toDisplayString as g, createElementVNode as f, resolveComponent as B, mergeProps as k } from "vue";
-const i = /* @__PURE__ */ l((t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [u, o] of n)
-    e[u] = o;
-  return e;
-}, "_export_sfc"), $ = {
-  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: t, hoverKind: n, hover: e } = this;
-      return e ? n ?? t : t;
-    }
-  },
-  methods: {
-    onUiActivate() {
-      this.debounce > 0 && (this.blocked = !0, setTimeout(() => {
-        this.blocked = !1;
-      }, this.debounce));
-    }
-  }
-}, H = {
-  key: 0,
-  class: "Label"
-};
-function C(t, n, e, u, o, s) {
-  return a(), y(v(s.tagName), {
-    ref: "button",
-    class: p(["Btn button", [
-      `Btn-${e.size}`,
-      `Btn-${s.actualKind}`,
-      `Btn-iconPos-${e.iconPos}`,
-      {
-        "Btn-disabled": e.disabled || o.blocked,
-        "Btn-square": e.square,
-        "Btn-round": e.round,
-        "Btn-outline": e.outline,
-        "Btn-block": e.block,
-        "Btn-pseudo-focus": e.pseudoFocus,
-        "Btn-pseudo-hover": e.pseudoHover,
-        "Btn-pseudo-active": e.pseudoActive
-      }
-    ]]),
-    disabled: e.disabled || o.blocked,
-    title: e.title ?? e.label,
-    href: e.href,
-    onUiactivate: n[0] || (n[0] = (c) => s.onUiActivate(c)),
-    onMouseenter: n[1] || (n[1] = (c) => o.hover = !0),
-    onMouseleave: n[2] || (n[2] = (c) => o.hover = !1)
-  }, {
-    default: m(() => [
-      d(t.$slots, "icon", {
-        hover: o.hover,
-        blocked: o.blocked
-      }, () => [
-        e.icon ? (a(), r("i", {
-          key: 0,
-          class: p([e.icon, "Icon"])
-        }, null, 2)) : b("", !0)
-      ], !0),
-      e.label ? (a(), r("span", H, g(e.label), 1)) : b("", !0),
-      d(t.$slots, "default", {
-        hover: o.hover,
-        blocked: o.blocked
-      }, void 0, !0)
-    ]),
-    _: 3
-  }, 40, ["class", "disabled", "title", "href"]);
-}
-l(C, "_sfc_render$8");
-const z = /* @__PURE__ */ i($, [["render", C], ["__scopeId", "data-v-32fc4413"]]), G = {
-  props: {
-    size: { type: String, default: "normal" }
-  }
-};
-function N(t, n, e, u, o, s) {
-  return a(), r("div", {
-    class: p(["Circle", [
-      `Circle-${e.size}`
-    ]])
-  }, [
-    d(t.$slots, "default", {}, void 0, !0)
-  ], 2);
-}
-l(N, "_sfc_render$7");
-const V = /* @__PURE__ */ i(G, [["render", N], ["__scopeId", "data-v-48fdb4ac"]]), x = {
-  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 L(t, n, e, u, o, s) {
-  return a(), y(v(e.tagName), {
-    class: p(["HGroup", [
-      `HGroup-align-${e.align}`,
-      `HGroup-justify-${e.justify}`,
-      `HGroup-gap-${e.gap}`,
-      {
-        "HGroup-wrap": e.wrap
-      }
-    ]])
-  }, {
-    default: m(() => [
-      d(t.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-l(L, "_sfc_render$6");
-const F = /* @__PURE__ */ i(x, [["render", L], ["__scopeId", "data-v-0abfef17"]]), j = {}, w = { class: "HStack" };
-function A(t, n, e, u, o, s) {
-  return a(), r("div", w, [
-    d(t.$slots, "default", {}, void 0, !0)
-  ]);
-}
-l(A, "_sfc_render$5");
-const T = /* @__PURE__ */ i(j, [["render", A], ["__scopeId", "data-v-48a370d0"]]), K = {
-  props: {
-    label: { type: String }
-  }
-}, M = ["title"], P = { class: "Label" };
-function q(t, n, e, u, o, s) {
-  return a(), r("div", {
-    class: "InputLabel",
-    title: e.label
-  }, [
-    n[0] || (n[0] = f("svg", {
-      class: "Corner",
-      viewBox: "0 0 32 32",
-      preserveAspectRatio: "none"
-    }, [
-      f("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" })
-    ], -1)),
-    f("div", P, g(e.label), 1),
-    n[1] || (n[1] = f("svg", {
-      class: "Corner",
-      viewBox: "0 0 32 32",
-      preserveAspectRatio: "none"
-    }, [
-      f("path", {
-        d: "M0 32 C 16 32 16 0 32 0 L 32 32 z",
-        transform: "scale(-1, 1)",
-        "transform-origin": "50% 50%"
-      })
-    ], -1))
-  ], 8, M);
-}
-l(q, "_sfc_render$4");
-const h = /* @__PURE__ */ i(K, [["render", q], ["__scopeId", "data-v-8a823fd2"]]), U = {
-  components: {
-    InputLabel: h
-  },
-  props: {
-    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 }
-  }
-}, D = { class: "Container" };
-function E(t, n, e, u, o, s) {
-  const c = B("InputLabel");
-  return a(), r("div", {
-    class: p(["InputBase", [
-      `InputBase-${e.size}`,
-      {
-        "InputBase-block": e.block,
-        "InputBase-round": e.round,
-        "InputBase-disabled": e.disabled,
-        "InputBase-invalid": e.invalid,
-        "InputBase-fixed-height": e.fixedHeight,
-        "InputBase-pseudo-focus": e.pseudoFocus,
-        "InputBase-pseudo-hover": e.pseudoHover
-      }
-    ]])
-  }, [
-    e.label ? (a(), y(c, {
-      key: 0,
-      label: e.label
-    }, null, 8, ["label"])) : b("", !0),
-    f("div", D, [
-      d(t.$slots, "default", {}, void 0, !0)
-    ])
-  ], 2);
-}
-l(E, "_sfc_render$3");
-const I = /* @__PURE__ */ i(U, [["render", E], ["__scopeId", "data-v-dfd6217d"]]), R = {
-  props: {
-    ...I.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 t;
-    this.autoFocus && ((t = this.$refs.input) == null || t.focus());
-  },
-  methods: {
-    onInput(t) {
-      this.$emit("update:modelValue", t.target.value);
-    }
-  }
-}, O = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function J(t, n, e, u, o, s) {
-  const c = B("InputBase");
-  return a(), y(c, k({ class: "InputText" }, {
-    ...t.$attrs,
-    ...t.$props
-  }), {
-    default: m(() => [
-      d(t.$slots, "before", {}, void 0, !0),
-      f("input", {
-        ref: "input",
-        value: e.modelValue,
-        type: e.type,
-        placeholder: e.placeholder,
-        readonly: e.readonly,
-        disabled: t.disabled,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        autocomplete: "off",
-        onInput: n[0] || (n[0] = (_) => s.onInput(_)),
-        onFocus: n[1] || (n[1] = (_) => t.$emit("focus", _)),
-        onBlur: n[2] || (n[2] = (_) => t.$emit("blur", _))
-      }, null, 40, O),
-      d(t.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-l(J, "_sfc_render$2");
-const Q = /* @__PURE__ */ i(R, [["render", J], ["__scopeId", "data-v-44e9da96"]]), W = {}, X = { class: "Sizer" };
-function Y(t, n) {
-  return a(), r("div", X);
-}
-l(Y, "_sfc_render$1");
-const Z = /* @__PURE__ */ i(W, [["render", Y], ["__scopeId", "data-v-2f099547"]]), ee = {
-  props: {
-    align: { type: String, default: "stretch" },
-    justify: { type: String },
-    gap: { type: String, default: "1" }
-  }
-};
-function te(t, n, e, u, o, s) {
-  return a(), r("div", {
-    class: p(["VGroup", [
-      `VGroup-align-${e.align}`,
-      `VGroup-justify-${e.justify}`,
-      `VGroup-gap-${e.gap}`
-    ]])
-  }, [
-    d(t.$slots, "default", {}, void 0, !0)
-  ], 2);
-}
-l(te, "_sfc_render");
-const ne = /* @__PURE__ */ i(ee, [["render", te], ["__scopeId", "data-v-dac034b8"]]), se = {
-  Btn: z,
-  Circle: V,
-  HGroup: F,
-  HStack: T,
-  InputBase: I,
-  InputLabel: h,
-  InputText: Q,
-  Sizer: Z,
-  VGroup: ne
-};
-export {
-  z as Btn,
-  V as Circle,
-  F as HGroup,
-  T as HStack,
-  I as InputBase,
-  h as InputLabel,
-  Q as InputText,
-  Z as Sizer,
-  ne as VGroup,
-  se as components
-};