@nightshadeui/core 2.0.0-dev.3

package/dist/core.css

@@ -0,0 +1 @@
+.Btn[data-v-b5c1c5d3]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-border-radius:var(--border-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-border-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-b5c1c5d3]:after{content:"";z-index:1;border-radius:var(--Btn-border-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-b5c1c5d3]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-b5c1c5d3]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-b5c1c5d3]{order:100}.Btn[data-v-b5c1c5d3]:focus,.Btn[data-v-b5c1c5d3]:active,.Btn[data-v-b5c1c5d3]:hover{transition:none}.Btn[data-v-b5c1c5d3]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-b5c1c5d3]:after{opacity:1}.Btn[data-v-b5c1c5d3]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-b5c1c5d3]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-b5c1c5d3]:not(:disabled):active,.Btn.Btn-force-active[data-v-b5c1c5d3]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-b5c1c5d3]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-b5c1c5d3]{--Btn-border-radius:var(--border-radius-m)}.Btn-ghost[data-v-b5c1c5d3]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light)}.Btn-outline[data-v-b5c1c5d3]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-flat[data-v-b5c1c5d3]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-b5c1c5d3]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-b5c1c5d3]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-b5c1c5d3]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-b5c1c5d3]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-b5c1c5d3]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.HGroup[data-v-73c7b415]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-73c7b415]{align-items:stretch}.HGroup-align-baseline[data-v-73c7b415]{align-items:baseline}.HGroup-align-center[data-v-73c7b415]{align-items:center}.HGroup-align-start[data-v-73c7b415]{align-items:flex-start}.HGroup-align-end[data-v-73c7b415]{align-items:flex-end}.HGroup-justify-center[data-v-73c7b415]{justify-content:center}.HGroup-justify-start[data-v-73c7b415]{justify-content:flex-start}.HGroup-justify-end[data-v-73c7b415]{justify-content:flex-end}.HGroup-justify-space-around[data-v-73c7b415]{justify-content:space-around}.HGroup-justify-space-between[data-v-73c7b415]{justify-content:space-between}.HGroup-gap-xxs[data-v-73c7b415]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-73c7b415]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-73c7b415]{gap:var(--sp-s)}.HGroup-gap-m[data-v-73c7b415]{gap:var(--sp-m)}.HGroup-gap-l[data-v-73c7b415]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-73c7b415]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-73c7b415]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-73c7b415]{gap:0}.HGroup-gap-0-25[data-v-73c7b415]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-73c7b415]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-73c7b415]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-73c7b415]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-73c7b415]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-73c7b415]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-73c7b415]{gap:var(--sp3)}.HGroup-gap-4[data-v-73c7b415]{gap:var(--sp4)}.HGroup-gap-5[data-v-73c7b415]{gap:var(--sp5)}.HGroup-gap-6[data-v-73c7b415]{gap:var(--sp6)}.HGroup-gap-7[data-v-73c7b415]{gap:var(--sp7)}.HGroup-gap-8[data-v-73c7b415]{gap:var(--sp8)}.HGroup-gap-9[data-v-73c7b415]{gap:var(--sp9)}.HGroup-gap-10[data-v-73c7b415]{gap:var(--sp10)}.HGroup-gap-12[data-v-73c7b415]{gap:var(--sp12)}.HGroup-gap-16[data-v-73c7b415]{gap:var(--sp16)}.HGroup-gap-24[data-v-73c7b415]{gap:var(--sp24)}.HGroup-gap-32[data-v-73c7b415]{gap:var(--sp32)}.HGroup-wrap[data-v-73c7b415]{flex-wrap:wrap}.Tab[data-v-525c42ae]{--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:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-525c42ae],.Content[data-v-525c42ae]{z-index:2;position:relative}.Content[data-v-525c42ae]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-525c42ae]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-525c42ae]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-525c42ae]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-525c42ae]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-525c42ae]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-525c42ae]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-525c42ae]{height:var(--Tab-cap-size)}.InputBase[data-v-223a8b88]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-border-radius:var(--border-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-223a8b88]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);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);outline-offset:var(--InputBase-outline-offset);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;display:flex;position:relative}.InputBase[data-v-223a8b88]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-223a8b88]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-223a8b88]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-223a8b88]{height:var(--InputBase-size)}.InputBase-round[data-v-223a8b88]{--InputBase-border-radius:var(--border-radius-m)}.InputBase-shadow .Container[data-v-223a8b88]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-223a8b88]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-223a8b88]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-223a8b88]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-223a8b88]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-223a8b88]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-223a8b88]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-223a8b88]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-d218bf44]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-d218bf44]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-d218bf44]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-9fe1f46c]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-9fe1f46c],.Placeholder[data-v-9fe1f46c]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-9fe1f46c]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-7abebe33]{--InputBase-padding:var(--sp1-5)}input[data-v-7abebe33],textarea[data-v-7abebe33]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-be132dbe]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-be132dbe],textarea[data-v-be132dbe]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-be132dbe] .Container{overflow-y:auto}textarea[data-v-be132dbe]{align-self:flex-start}.Sizer[data-v-e490e579]{flex:1;min-width:0;min-height:0}path[data-v-9344b5a2]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-9344b5a2]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-9344b5a2]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-9344b5a2]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-9344b5a2]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-9344b5a2]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-9344b5a2]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-9344b5a2]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-9344b5a2]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-6d6e9f0f]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-border-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-border-radius:var(--border-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-border-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-6d6e9f0f]{display:none}.Toggle[data-v-6d6e9f0f]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-knob-outline[data-v-6d6e9f0f]:before{outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset)}.Toggle-disabled[data-v-6d6e9f0f]{cursor:not-allowed;opacity:.5}.Toggle[data-v-6d6e9f0f]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-6d6e9f0f]{filter:brightness(.96)}.Toggle[data-v-6d6e9f0f]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-6d6e9f0f]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-6d6e9f0f]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-6d6e9f0f]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-6d6e9f0f]{--Toggle-border-radius:var(--border-radius-m)}.Toggle-outline[data-v-6d6e9f0f]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-6d6e9f0f]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-6d6e9f0f]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-6d6e9f0f]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-fb2289bb]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-fb2289bb]{align-items:stretch}.VGroup-align-baseline[data-v-fb2289bb]{align-items:baseline}.VGroup-align-center[data-v-fb2289bb]{align-items:center}.VGroup-align-start[data-v-fb2289bb]{align-items:flex-start}.VGroup-align-end[data-v-fb2289bb]{align-items:flex-end}.VGroup-justify-center[data-v-fb2289bb]{justify-content:center}.VGroup-justify-start[data-v-fb2289bb]{justify-content:flex-start}.VGroup-justify-end[data-v-fb2289bb]{justify-content:flex-end}.VGroup-justify-space-around[data-v-fb2289bb]{justify-content:space-around}.VGroup-justify-space-between[data-v-fb2289bb]{justify-content:space-between}.VGroup-gap-xxs[data-v-fb2289bb]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-fb2289bb]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-fb2289bb]{gap:var(--sp-s)}.VGroup-gap-m[data-v-fb2289bb]{gap:var(--sp-m)}.VGroup-gap-l[data-v-fb2289bb]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-fb2289bb]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-fb2289bb]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-fb2289bb]{gap:0}.VGroup-gap-0-25[data-v-fb2289bb]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-fb2289bb]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-fb2289bb]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-fb2289bb]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-fb2289bb]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-fb2289bb]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-fb2289bb]{gap:var(--sp3)}.VGroup-gap-4[data-v-fb2289bb]{gap:var(--sp4)}.VGroup-gap-5[data-v-fb2289bb]{gap:var(--sp5)}.VGroup-gap-6[data-v-fb2289bb]{gap:var(--sp6)}.VGroup-gap-7[data-v-fb2289bb]{gap:var(--sp7)}.VGroup-gap-8[data-v-fb2289bb]{gap:var(--sp8)}.VGroup-gap-9[data-v-fb2289bb]{gap:var(--sp9)}.VGroup-gap-10[data-v-fb2289bb]{gap:var(--sp10)}.VGroup-gap-12[data-v-fb2289bb]{gap:var(--sp12)}.VGroup-gap-16[data-v-fb2289bb]{gap:var(--sp16)}.VGroup-gap-24[data-v-fb2289bb]{gap:var(--sp24)}.VGroup-gap-32[data-v-fb2289bb]{gap:var(--sp32)}

package/dist/core.mjs

@@ -0,0 +1,666 @@
+import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as T, mergeProps as B } from "vue";
+const f = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [i, o] of n)
+    e[i] = o;
+  return e;
+}, O = {
+  props: {
+    tagName: { type: String, default: "button" },
+    href: { type: String },
+    label: { type: String },
+    title: { type: String },
+    kind: { type: String, default: "base" },
+    size: { type: String, default: "m" },
+    flat: { type: Boolean, default: !1 },
+    shadow: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    square: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    forceFocus: { type: Boolean, default: !1 },
+    forceHover: { type: Boolean, default: !1 },
+    forceActive: { type: Boolean, default: !1 },
+    icon: { type: String },
+    iconPos: { type: String, default: "left" },
+    hoverOverrides: { type: Object },
+    activeOverrides: { type: Object },
+    focusOverrides: { type: Object }
+  },
+  data() {
+    return {
+      hover: !1,
+      active: !1,
+      focus: !1,
+      blocked: !1
+    };
+  },
+  computed: {
+    baseStyle() {
+      return {
+        kind: this.kind,
+        size: this.size,
+        flat: this.flat,
+        shadow: this.shadow,
+        outline: this.outline,
+        round: this.round,
+        ghost: this.ghost
+      };
+    },
+    effectiveStyle() {
+      const {
+        baseStyle: t,
+        hoverOverrides: n = {},
+        activeOverrides: e = {},
+        focusOverrides: i = {},
+        active: o,
+        hover: l,
+        focus: s,
+        forceActive: a,
+        forceHover: _,
+        forceFocus: w
+      } = this, S = Object.assign({}, t);
+      return (o || a) && Object.assign(S, e), (l || _) && Object.assign(S, n), (s || w) && Object.assign(S, i), S;
+    }
+  },
+  methods: {
+    // TODO add debounce
+  }
+}, V = {
+  key: 0,
+  class: "Label"
+};
+function $(t, n, e, i, o, l) {
+  return u(), p(g(e.tagName), {
+    ref: "button",
+    class: y(["Btn InputElement", [
+      `Btn-${l.effectiveStyle.size}`,
+      `Btn-${l.effectiveStyle.kind}`,
+      `input-kind-${l.effectiveStyle.kind}`,
+      `Btn-iconPos-${e.iconPos}`,
+      {
+        "Btn-ghost": l.effectiveStyle.ghost,
+        "Btn-round": l.effectiveStyle.round,
+        "Btn-outline": l.effectiveStyle.outline,
+        "Btn-flat": l.effectiveStyle.flat,
+        "Btn-shadow": l.effectiveStyle.shadow,
+        "Btn-square": e.square,
+        "Btn-block": e.block,
+        "Btn-disabled": e.disabled || o.blocked,
+        "Btn-force-focus": e.forceFocus,
+        "Btn-force-hover": e.forceHover,
+        "Btn-force-active": e.forceActive
+      }
+    ]]),
+    disabled: e.disabled || o.blocked,
+    title: e.title ?? e.label,
+    href: e.href,
+    onMouseenter: n[0] || (n[0] = (s) => o.hover = !0),
+    onMouseleave: n[1] || (n[1] = (s) => o.hover = !1),
+    onMousedown: n[2] || (n[2] = (s) => o.active = !0),
+    onMouseup: n[3] || (n[3] = (s) => o.active = !1),
+    onMouseout: n[4] || (n[4] = (s) => o.active = !1),
+    onFocusin: n[5] || (n[5] = (s) => o.focus = !0),
+    onFocusout: n[6] || (n[6] = (s) => o.focus = !1)
+  }, {
+    default: b(() => [
+      r(t.$slots, "icon", {
+        hover: o.hover,
+        blocked: o.blocked
+      }, () => [
+        e.icon ? (u(), d("i", {
+          key: 0,
+          class: y([e.icon, "Icon"])
+        }, null, 2)) : c("", !0)
+      ], !0),
+      e.label ? (u(), d("span", V, h(e.label), 1)) : c("", !0),
+      r(t.$slots, "default", {
+        hover: o.hover,
+        active: o.active,
+        blocked: o.blocked
+      }, void 0, !0)
+    ]),
+    _: 3
+  }, 40, ["class", "disabled", "title", "href"]);
+}
+const ce = /* @__PURE__ */ f(O, [["render", $], ["__scopeId", "data-v-b5c1c5d3"]]), j = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "center" },
+    justify: { type: String },
+    gap: { type: String, default: "s" },
+    wrap: { type: Boolean, default: !1 }
+  }
+};
+function C(t, n, e, i, o, l) {
+  return u(), p(g(e.tagName), {
+    class: y(["HGroup", [
+      `HGroup-align-${e.align}`,
+      `HGroup-justify-${e.justify}`,
+      `HGroup-gap-${e.gap}`,
+      {
+        "HGroup-wrap": e.wrap
+      }
+    ]])
+  }, {
+    default: b(() => [
+      r(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const pe = /* @__PURE__ */ f(j, [["render", C], ["__scopeId", "data-v-73c7b415"]]), F = {
+  props: {
+    dir: { type: String, default: "top" },
+    label: { type: String }
+  },
+  computed: {
+    orientation() {
+      return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
+    }
+  }
+}, H = { class: "Content" }, z = ["title"];
+function N(t, n, e, i, o, l) {
+  const s = m("TabCap");
+  return u(), d("div", {
+    class: y(["Tab", [
+      `Tab-${e.dir}`,
+      `Tab-${l.orientation}`
+    ]])
+  }, [
+    k(s, {
+      class: "TabCap",
+      dir: e.dir,
+      type: "start"
+    }, null, 8, ["dir"]),
+    v("div", H, [
+      r(t.$slots, "default", {}, () => [
+        e.label ? (u(), d("div", {
+          key: 0,
+          class: "TabLabel",
+          title: e.label
+        }, h(e.label), 9, z)) : c("", !0)
+      ], !0)
+    ]),
+    k(s, {
+      class: "TabCap",
+      dir: e.dir,
+      type: "end"
+    }, null, 8, ["dir"])
+  ], 2);
+}
+const x = /* @__PURE__ */ f(F, [["render", N], ["__scopeId", "data-v-525c42ae"]]), M = {
+  components: {
+    Tab: x
+  },
+  props: {
+    tagName: { default: "label" },
+    kind: { type: String, default: "base" },
+    label: { type: String },
+    labelStyle: { type: String, default: "inline" },
+    size: { type: String, default: "normal" },
+    fixedHeight: { type: Boolean, default: !0 },
+    shadow: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    forceFocus: { type: Boolean, default: !1 },
+    forceHover: { type: Boolean, default: !1 },
+    hoverOverrides: { type: Object },
+    focusOverrides: { type: Object }
+  },
+  data() {
+    return {
+      hover: !1,
+      focus: !1
+    };
+  },
+  computed: {
+    baseStyle() {
+      return {
+        kind: this.kind,
+        size: this.size,
+        shadow: this.shadow,
+        round: this.round,
+        labelStyle: this.labelStyle
+      };
+    },
+    effectiveStyle() {
+      const {
+        baseStyle: t,
+        hoverOverrides: n = {},
+        focusOverrides: e = {},
+        hover: i,
+        focus: o,
+        forceHover: l,
+        forceFocus: s
+      } = this, a = Object.assign({}, t);
+      return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
+    }
+  }
+}, G = {
+  key: 1,
+  class: "Label TextLabel"
+}, L = {
+  key: 2,
+  class: "Label InlineLabel"
+}, A = { class: "InputElement Container" };
+function D(t, n, e, i, o, l) {
+  const s = m("Tab");
+  return u(), p(g(e.tagName), {
+    class: y(["InputBase", [
+      `InputBase-${l.effectiveStyle.kind}`,
+      `input-kind-${l.effectiveStyle.kind}`,
+      `InputBase-${l.effectiveStyle.size}`,
+      {
+        "InputBase-fixed-height": e.fixedHeight,
+        "InputBase-shadow": l.effectiveStyle.shadow,
+        "InputBase-round": l.effectiveStyle.round,
+        "InputBase-disabled": e.disabled,
+        "InputBase-force-focus": e.forceFocus,
+        "InputBase-force-hover": e.forceHover
+      }
+    ]]),
+    onMouseenter: n[0] || (n[0] = (a) => o.hover = !0),
+    onMouseleave: n[1] || (n[1] = (a) => o.hover = !1),
+    onFocusin: n[2] || (n[2] = (a) => o.focus = !0),
+    onFocusout: n[3] || (n[3] = (a) => o.focus = !1)
+  }, {
+    default: b(() => [
+      e.label ? (u(), d(T, { key: 0 }, [
+        e.labelStyle === "tab" ? (u(), p(s, {
+          key: 0,
+          class: "Label TabLabel",
+          label: e.label
+        }, null, 8, ["label"])) : c("", !0),
+        e.labelStyle === "text" ? (u(), d("div", G, h(e.label), 1)) : c("", !0),
+        e.labelStyle === "inline" ? (u(), d("div", L, h(e.label), 1)) : c("", !0)
+      ], 64)) : c("", !0),
+      v("div", A, [
+        r(t.$slots, "default", {}, void 0, !0)
+      ])
+    ]),
+    _: 3
+  }, 40, ["class"]);
+}
+const I = /* @__PURE__ */ f(M, [["render", D], ["__scopeId", "data-v-223a8b88"]]), E = {
+  props: {
+    tagName: { type: String, default: "div" }
+  }
+};
+function P(t, n, e, i, o, l) {
+  return u(), p(g(e.tagName), { class: "InputGroup" }, {
+    default: b(() => [
+      r(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  });
+}
+const ye = /* @__PURE__ */ f(E, [["render", P], ["__scopeId", "data-v-d218bf44"]]), q = {
+  props: {
+    ...I.props,
+    modelValue: {},
+    items: { type: Array, default: () => [] },
+    placeholder: { type: String },
+    readonly: { type: Boolean },
+    search: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "focus",
+    "blur",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      menuShown: !1
+    };
+  },
+  computed: {
+    selectedItem() {
+      return this.items.find((t) => (t.value ?? t) === this.modelValue);
+    },
+    itemTitle() {
+      const { selectedItem: t } = this;
+      return t?.title ?? t;
+    },
+    itemIcon() {
+      const { selectedItem: t } = this;
+      return t?.icon;
+    },
+    iconDropdown() {
+      return this.$nightshadeIcons?.dropdown ?? "fas fa-angle-down";
+    }
+  },
+  methods: {
+    onInput(t) {
+      this.$emit("update:modelValue", t.target.value);
+    },
+    selectValue(t) {
+      this.$emit("update:modelValue", t), this.menuShown = !1;
+    },
+    getMenuItems() {
+      return this.items.map((t) => {
+        const n = typeof t == "string" ? t : t.title, e = typeof t == "string" ? t : t.value;
+        return {
+          title: n,
+          checked: e === this.modelValue,
+          disabled: t.disabled,
+          description: t.description,
+          icon: t.icon ?? void 0,
+          activate: () => {
+            this.disabled || this.selectValue(e);
+          }
+        };
+      });
+    },
+    show() {
+      this.disabled || (this.menuShown = !0);
+    }
+  }
+}, K = {
+  key: 1,
+  class: "Value"
+}, R = {
+  key: 2,
+  class: "Placeholder"
+}, Y = {
+  ref: "icon",
+  class: "DropdownIcon"
+};
+function J(t, n, e, i, o, l) {
+  const s = m("ContextMenu"), a = m("InputBase");
+  return u(), p(a, B({ class: "InputSelect" }, {
+    ...t.$props
+  }, {
+    tabindex: "0",
+    onClick: n[1] || (n[1] = (_) => l.show())
+  }), {
+    default: b(() => [
+      r(t.$slots, "before", {}, void 0, !0),
+      l.itemIcon ? (u(), d("i", {
+        key: 0,
+        class: y(["Icon", l.itemIcon])
+      }, null, 2)) : c("", !0),
+      l.selectedItem ? (u(), d("span", K, h(l.itemTitle), 1)) : c("", !0),
+      l.selectedItem ? c("", !0) : (u(), d("span", R, h(e.placeholder), 1)),
+      v("div", Y, [
+        r(t.$slots, "iconDropdown", {}, () => [
+          v("i", {
+            class: y(l.iconDropdown)
+          }, null, 2)
+        ], !0)
+      ], 512),
+      !t.disabled && o.menuShown ? (u(), p(s, {
+        key: 3,
+        anchorRef: "icon",
+        items: l.getMenuItems(),
+        search: e.search,
+        overlayShown: !1,
+        onHide: n[0] || (n[0] = (_) => o.menuShown = !1)
+      }, null, 8, ["items", "search"])) : c("", !0),
+      r(t.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+const ve = /* @__PURE__ */ f(q, [["render", J], ["__scopeId", "data-v-9fe1f46c"]]), Q = {
+  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() {
+    this.autoFocus && this.$refs.input?.focus();
+  },
+  methods: {
+    onInput(t) {
+      this.$emit("update:modelValue", t.target.value);
+    }
+  }
+}, U = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+function W(t, n, e, i, o, l) {
+  const s = m("InputBase");
+  return u(), p(s, B({ class: "InputText" }, {
+    ...t.$props
+  }), {
+    default: b(() => [
+      r(t.$slots, "before", {}, void 0, !0),
+      v("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] = (a) => l.onInput(a)),
+        onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
+        onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
+      }, null, 40, U),
+      r(t.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+const be = /* @__PURE__ */ f(Q, [["render", W], ["__scopeId", "data-v-7abebe33"]]), X = {
+  props: {
+    ...I.props,
+    modelValue: { type: String },
+    placeholder: { type: String },
+    rows: { type: Number },
+    autoSize: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: [
+    "focus",
+    "blur",
+    "input",
+    "update:modelValue"
+  ],
+  watch: {
+    modelValue: {
+      handler() {
+        const t = this.$refs.input;
+        this.autoSize && t && (t.style.height = "auto", t.style.height = t.scrollHeight + "px");
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      const t = this.$refs.input;
+      this.autoFocus && t.focus(), this.autoSize && (t.style.height = t.scrollHeight + "px", t.style.overflowY = "hidden");
+    });
+  },
+  methods: {
+    onInput(t) {
+      this.$emit("update:modelValue", t.target.value);
+    }
+  }
+}, Z = ["value", "placeholder", "readonly", "disabled", "rows"];
+function ee(t, n, e, i, o, l) {
+  const s = m("InputBase");
+  return u(), p(s, B({ class: "InputTextarea" }, {
+    ...t.$props
+  }, { fixedHeight: !1 }), {
+    default: b(() => [
+      r(t.$slots, "before", {}, void 0, !0),
+      v("textarea", {
+        ref: "input",
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        disabled: t.disabled,
+        rows: e.rows,
+        resize: "none",
+        autocomplete: "off",
+        onInput: n[0] || (n[0] = (a) => l.onInput(a)),
+        onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
+        onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
+      }, null, 40, Z),
+      r(t.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+const he = /* @__PURE__ */ f(X, [["render", ee], ["__scopeId", "data-v-be132dbe"]]), te = {}, ne = { class: "Sizer" };
+function le(t, n, e, i, o, l) {
+  return u(), d("div", ne);
+}
+const me = /* @__PURE__ */ f(te, [["render", le], ["__scopeId", "data-v-e490e579"]]), oe = {
+  props: {
+    dir: { type: String, default: "top" },
+    type: { type: String, default: "start" }
+  }
+};
+function se(t, n, e, i, o, l) {
+  return u(), d("svg", {
+    class: y(["TabCap", [
+      `TabCap-${e.dir}`,
+      `TabCap-${e.type}`
+    ]]),
+    viewBox: "0 0 32 32",
+    preserveAspectRatio: "none"
+  }, [...n[0] || (n[0] = [
+    v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+  ])], 2);
+}
+const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2"]]), ae = {
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    kind: { type: String, default: "base" },
+    activeKind: { type: String },
+    size: { type: String, default: "normal" },
+    round: { type: Boolean, default: !1 },
+    flat: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    forceFocus: { type: Boolean, default: !1 },
+    forceHover: { type: Boolean, default: !1 },
+    focusOverrides: { type: Object },
+    hoverOverrides: { type: Object }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      hover: !1,
+      focus: !1
+    };
+  },
+  computed: {
+    isActive() {
+      return !!this.modelValue;
+    },
+    baseStyle() {
+      return {
+        kind: (this.isActive ? this.activeKind : this.kind) ?? this.kind,
+        size: this.size,
+        round: this.round,
+        outline: this.outline,
+        flat: this.flat
+      };
+    },
+    effectiveStyle() {
+      const {
+        baseStyle: t,
+        hoverOverrides: n = {},
+        focusOverrides: e = {},
+        hover: i,
+        focus: o,
+        forceHover: l,
+        forceFocus: s
+      } = this, a = Object.assign({}, t);
+      return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
+    }
+  },
+  methods: {
+    onChange(t) {
+      this.$emit("update:modelValue", t.target.checked);
+    }
+  }
+}, ue = ["checked", "disabled"];
+function ie(t, n, e, i, o, l) {
+  return u(), d("label", {
+    class: y(["Toggle InputElement", [
+      `Toggle-${l.effectiveStyle.kind}`,
+      `input-kind-${l.effectiveStyle.kind}`,
+      `Toggle-${l.effectiveStyle.size}`,
+      {
+        "Toggle-active": !!e.modelValue,
+        "Toggle-outline": l.effectiveStyle.outline,
+        "Toggle-round": l.effectiveStyle.round,
+        "Toggle-flat": l.effectiveStyle.flat,
+        "Toggle-disabled": e.disabled,
+        "Toggle-force-focus": e.forceFocus,
+        "Toggle-force-hover": e.forceHover
+      }
+    ]]),
+    tabindex: "0",
+    onMouseenter: n[1] || (n[1] = (s) => o.hover = !0),
+    onMouseleave: n[2] || (n[2] = (s) => o.hover = !1),
+    onFocusin: n[3] || (n[3] = (s) => o.focus = !0),
+    onFocusout: n[4] || (n[4] = (s) => o.focus = !1)
+  }, [
+    v("input", {
+      type: "checkbox",
+      checked: e.modelValue,
+      disabled: e.disabled,
+      onChange: n[0] || (n[0] = (...s) => l.onChange && l.onChange(...s))
+    }, null, 40, ue)
+  ], 34);
+}
+const Se = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-6d6e9f0f"]]), re = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "stretch" },
+    justify: { type: String },
+    gap: { type: String, default: "m" }
+  }
+};
+function de(t, n, e, i, o, l) {
+  return u(), p(g(e.tagName), {
+    class: y(["VGroup", [
+      `VGroup-align-${e.align}`,
+      `VGroup-justify-${e.justify}`,
+      `VGroup-gap-${e.gap}`
+    ]])
+  }, {
+    default: b(() => [
+      r(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const _e = /* @__PURE__ */ f(re, [["render", de], ["__scopeId", "data-v-fb2289bb"]]);
+export {
+  ce as Btn,
+  pe as HGroup,
+  I as InputBase,
+  ye as InputGroup,
+  ve as InputSelect,
+  be as InputText,
+  he as InputTextarea,
+  me as Sizer,
+  x as Tab,
+  ge as TabCap,
+  Se as Toggle,
+  _e as VGroup
+};