@nightshadeui/core 2.6.1 → 2.7.0

package/dist/core.css

@@ -1 +1 @@
-@layer nightshade-core{.Btn[data-v-2c639214]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--ui-surface-text-color);--Btn-text-shadow:var(--ui-surface-text-shadow-color);--Btn-outline-color:transparent;--Btn-surface:var(--ui-surface-color);--Btn-surface-top:var(--ui-surface-top-color);--Btn-surface-bottom:var(--ui-surface-bottom-color);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--ui-shadow-color);--Btn-shadow:0 1px 1px var(--Btn-shadow-color),0 1px 5px var(--shadow-color-light);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--ui-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-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));box-shadow:var(--Btn-shadow);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-2c639214]:after{content:"";z-index:1;border-radius:var(--Btn-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-2c639214]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-2c639214]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-2c639214]{order:100}.Btn[data-v-2c639214]:focus,.Btn[data-v-2c639214]:active,.Btn[data-v-2c639214]:hover{transition:none}.Btn[data-v-2c639214]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-2c639214]:after{opacity:1}.Btn[data-v-2c639214]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-2c639214]{z-index:10;--Btn-outline-color:var(--ui-focus-light-color);--Btn-border-color:var(--ui-focus-medium-color)}.Btn[data-v-2c639214]:not(:disabled):active,.Btn.Btn-force-active[data-v-2c639214]{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-2c639214]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-2c639214]{--Btn-radius:var(--input-radius-full)}.Btn-outline[data-v-2c639214]{--Btn-border-color:var(--ui-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-2c639214]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-border-color:var(--ui-text-color);--Btn-text-color:var(--ui-text-color);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-flat[data-v-2c639214]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-square[data-v-2c639214]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-2c639214]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-2c639214]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-2c639214]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Checkbox[data-v-31b13e93]{--Checkbox-size:var(--sp3);--Checkbox-outline-color:transparent;--Checkbox-surface:var(--color-base-200);--Checkbox-border-size:0px;--Checkbox-border-color:transparent;--Checkbox-radius:var(--input-radius);--Checkbox-shadow:0 1px 3px var(--Checkbox-shadow-color)inset,0 0 5px -1px var(--Checkbox-shadow-color)inset;--Checkbox-shadow-color:var(--shadow-color-light);--Checkbox-mark-shadow:0 1px 1px var(--ui-surface-text-shadow-color);width:var(--Checkbox-size);height:var(--Checkbox-size);border:var(--Checkbox-border-size)solid var(--Checkbox-border-color);border-radius:var(--Checkbox-radius);background:var(--Checkbox-surface);outline:var(--input-outline-size)solid var(--Checkbox-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--Checkbox-shadow);background-clip:border-box;justify-content:center;align-items:center;transition:background-color .3s,border-radius .3s;display:inline-flex;position:relative;overflow:hidden}.Checkbox input[data-v-31b13e93]{display:none}.Checkbox[data-v-31b13e93]:after{opacity:0;font-size:var(--Checkbox-size);color:var(--ui-surface-text-color);text-shadow:var(--Checkbox-mark-shadow);transition:opacity .1s,border-radius .3s}.Checkbox-active[data-v-31b13e93]:after{opacity:1}.Checkbox-mark-check[data-v-31b13e93]:after{content:"✓"}.Checkbox-mark-xmark[data-v-31b13e93]:after{content:"✗"}.Checkbox-mark-dot[data-v-31b13e93]:after{content:"●"}.Checkbox-mark-knob[data-v-31b13e93]:after{content:"";width:calc(var(--Checkbox-size) - var(--sp));height:calc(var(--Checkbox-size) - var(--sp));border-radius:calc(var(--Checkbox-radius) - 2px);background:var(--ui-surface-text-color);box-shadow:0 1px 2px var(--Checkbox-shadow-color)}.Checkbox-mark-none[data-v-31b13e93]:after{content:""}.Checkbox-disabled[data-v-31b13e93]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-31b13e93]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-31b13e93]{filter:brightness(.96)}.Checkbox[data-v-31b13e93]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-31b13e93]{z-index:10;--Checkbox-outline-color:var(--ui-focus-light-color);--Checkbox-border-color:var(--ui-focus-medium-color)}.Checkbox-active[data-v-31b13e93]{--Checkbox-surface:var(--ui-surface-color)}.Checkbox-round[data-v-31b13e93]{--Checkbox-radius:var(--input-radius-full)}.Checkbox-outline[data-v-31b13e93]{--Checkbox-border-color:var(--ui-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-31b13e93]{--Checkbox-shadow:none;--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none}.Checkbox-small[data-v-31b13e93]{--Checkbox-size:var(--sp2)}.Checkbox-large[data-v-31b13e93]{--Checkbox-size:var(--sp4)}.Filler[data-v-448176c1]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-448176c1]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-448176c1]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-448176c1]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-5b190da7]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-5b190da7]{align-items:stretch}.HGroup-align-baseline[data-v-5b190da7]{align-items:baseline}.HGroup-align-center[data-v-5b190da7]{align-items:center}.HGroup-align-start[data-v-5b190da7]{align-items:flex-start}.HGroup-align-end[data-v-5b190da7]{align-items:flex-end}.HGroup-justify-center[data-v-5b190da7]{justify-content:center}.HGroup-justify-start[data-v-5b190da7]{justify-content:flex-start}.HGroup-justify-end[data-v-5b190da7]{justify-content:flex-end}.HGroup-justify-space-around[data-v-5b190da7]{justify-content:space-around}.HGroup-justify-space-between[data-v-5b190da7]{justify-content:space-between}.HGroup-gap-xxs[data-v-5b190da7]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-5b190da7]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-5b190da7]{gap:var(--sp-s)}.HGroup-gap-m[data-v-5b190da7]{gap:var(--sp-m)}.HGroup-gap-l[data-v-5b190da7]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-5b190da7]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-5b190da7]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-5b190da7]{gap:0}.HGroup-gap-0-25[data-v-5b190da7]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-5b190da7]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-5b190da7]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-5b190da7]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-5b190da7]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-5b190da7]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-5b190da7]{gap:var(--sp3)}.HGroup-gap-4[data-v-5b190da7]{gap:var(--sp4)}.HGroup-gap-5[data-v-5b190da7]{gap:var(--sp5)}.HGroup-gap-6[data-v-5b190da7]{gap:var(--sp6)}.HGroup-gap-7[data-v-5b190da7]{gap:var(--sp7)}.HGroup-gap-8[data-v-5b190da7]{gap:var(--sp8)}.HGroup-gap-9[data-v-5b190da7]{gap:var(--sp9)}.HGroup-gap-10[data-v-5b190da7]{gap:var(--sp10)}.HGroup-gap-12[data-v-5b190da7]{gap:var(--sp12)}.HGroup-gap-16[data-v-5b190da7]{gap:var(--sp16)}.HGroup-gap-24[data-v-5b190da7]{gap:var(--sp24)}.HGroup-gap-32[data-v-5b190da7]{gap:var(--sp32)}.HGroup-wrap[data-v-5b190da7]{flex-wrap:wrap}.Tab[data-v-d854a1ad]{--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-d854a1ad],.Content[data-v-d854a1ad]{z-index:2;position:relative}.Content[data-v-d854a1ad]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-d854a1ad]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-d854a1ad]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-d854a1ad]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-d854a1ad]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-d854a1ad]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-d854a1ad]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-d854a1ad]{height:var(--Tab-cap-size)}.InputBase[data-v-1e49f05e]{--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(--ui-border-color);--InputBase-radius:var(--input-radius);--InputBase-shadow-color:var(--shadow-color-light);--InputBase-shadow:0 1px 5px -1px var(--InputBase-shadow-color)inset;--InputBase-label-color:var(--ui-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--ui-surface-top-color);--InputBase-tab-text-color:var(--ui-surface-text-color);z-index:var(--ui-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-1e49f05e]{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);box-shadow:var(--InputBase-shadow);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-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-1e49f05e]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-1e49f05e]{z-index:10;--InputBase-outline-color:var(--ui-focus-light-color);--InputBase-border-color:var(--ui-focus-medium-color);--InputBase-label-color:var(--ui-focus-medium-color)}.InputBase-disabled[data-v-1e49f05e]{--InputBase-surface:var(--color-base-100)}.InputBase-disabled .Container[data-v-1e49f05e]{opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-1e49f05e]{height:var(--InputBase-size)}.InputBase-round[data-v-1e49f05e]{--InputBase-radius:var(--input-radius-round)}.InputBase-flat[data-v-1e49f05e]{--InputBase-shadow-color:none;--InputBase-shadow:none}.InputBase-small[data-v-1e49f05e]{--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-1e49f05e]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-1e49f05e]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-1e49f05e]{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-1e49f05e]{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-1e49f05e]{top:calc(-1*var(--InputBase-outline-size));height:calc(var(--InputBase-border-size) + var(--InputBase-outline-size));z-index:2;margin:0 var(--InputBase-padding);background:var(--InputBase-surface);-webkit-user-select:none;user-select:none;padding:0 2px;position:absolute;left:0}.InlineLabelText[data-v-1e49f05e]{color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:translateY(-50%)}.InputGroup[data-v-ca03932d]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-ca03932d]>.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-ca03932d]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-3adb595b]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-3adb595b],.Placeholder[data-v-3adb595b]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-3adb595b]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-c1231c1b]{--InputBase-padding:var(--sp1-5)}input[data-v-c1231c1b],textarea[data-v-c1231c1b]{-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-dc23c98e]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-dc23c98e],textarea[data-v-dc23c98e]{-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-dc23c98e] .Container{overflow-y:auto}textarea[data-v-dc23c98e]{align-self:flex-start}path[data-v-703bfafd]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-703bfafd]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-703bfafd]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-703bfafd]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-703bfafd]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-f3fb09f0]{--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-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-radius:var(--input-radius);--Toggle-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;--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-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);box-shadow:var(--Toggle-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-f3fb09f0]{display:none}.Toggle[data-v-f3fb09f0]: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-disabled[data-v-f3fb09f0]{cursor:not-allowed;opacity:.5}.Toggle[data-v-f3fb09f0]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-f3fb09f0]{filter:brightness(.96)}.Toggle[data-v-f3fb09f0]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-f3fb09f0]{z-index:10;--Toggle-outline-color:var(--ui-focus-light-color);--Toggle-border-color:var(--ui-focus-medium-color)}.Toggle-active[data-v-f3fb09f0]{--Toggle-surface:var(--ui-surface-color);--Toggle-knob-surface:var(--ui-surface-text-color)}.Toggle-active[data-v-f3fb09f0]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-f3fb09f0]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-f3fb09f0]{--Toggle-border-color:var(--ui-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-f3fb09f0]{--Toggle-shadow-color:none;--Toggle-shadow:none}.Toggle-small[data-v-f3fb09f0]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-f3fb09f0]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-044d3ec4]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-044d3ec4]{align-items:stretch}.VGroup-align-baseline[data-v-044d3ec4]{align-items:baseline}.VGroup-align-center[data-v-044d3ec4]{align-items:center}.VGroup-align-start[data-v-044d3ec4]{align-items:flex-start}.VGroup-align-end[data-v-044d3ec4]{align-items:flex-end}.VGroup-justify-center[data-v-044d3ec4]{justify-content:center}.VGroup-justify-start[data-v-044d3ec4]{justify-content:flex-start}.VGroup-justify-end[data-v-044d3ec4]{justify-content:flex-end}.VGroup-justify-space-around[data-v-044d3ec4]{justify-content:space-around}.VGroup-justify-space-between[data-v-044d3ec4]{justify-content:space-between}.VGroup-gap-xxs[data-v-044d3ec4]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-044d3ec4]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-044d3ec4]{gap:var(--sp-s)}.VGroup-gap-m[data-v-044d3ec4]{gap:var(--sp-m)}.VGroup-gap-l[data-v-044d3ec4]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-044d3ec4]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-044d3ec4]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-044d3ec4]{gap:0}.VGroup-gap-0-25[data-v-044d3ec4]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-044d3ec4]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-044d3ec4]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-044d3ec4]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-044d3ec4]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-044d3ec4]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-044d3ec4]{gap:var(--sp3)}.VGroup-gap-4[data-v-044d3ec4]{gap:var(--sp4)}.VGroup-gap-5[data-v-044d3ec4]{gap:var(--sp5)}.VGroup-gap-6[data-v-044d3ec4]{gap:var(--sp6)}.VGroup-gap-7[data-v-044d3ec4]{gap:var(--sp7)}.VGroup-gap-8[data-v-044d3ec4]{gap:var(--sp8)}.VGroup-gap-9[data-v-044d3ec4]{gap:var(--sp9)}.VGroup-gap-10[data-v-044d3ec4]{gap:var(--sp10)}.VGroup-gap-12[data-v-044d3ec4]{gap:var(--sp12)}.VGroup-gap-16[data-v-044d3ec4]{gap:var(--sp16)}.VGroup-gap-24[data-v-044d3ec4]{gap:var(--sp24)}.VGroup-gap-32[data-v-044d3ec4]{gap:var(--sp32)}}
+@layer nightshade-core{.Btn[data-v-05f8e48e]{--Btn-size:var(--input-height);--Btn-padding:var(--input-padding);--Btn-gap:var(--input-gap);--Btn-font-size:var(--input-font-size);--Btn-text-color:var(--ui-surface-text-color);--Btn-text-shadow:var(--ui-surface-text-shadow-color);--Btn-outline-color:transparent;--Btn-surface:var(--ui-surface-color);--Btn-surface-top:var(--ui-surface-top-color);--Btn-surface-bottom:var(--ui-surface-bottom-color);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--ui-shadow-color);--Btn-shadow:0 1px 1px var(--Btn-shadow-color),0 1px 5px var(--shadow-color-light);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--ui-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-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));box-shadow:var(--Btn-shadow);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-05f8e48e]:after{content:"";z-index:1;border-radius:var(--Btn-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-05f8e48e]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-05f8e48e]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-05f8e48e]{order:100}.Btn[data-v-05f8e48e]:focus,.Btn[data-v-05f8e48e]:active,.Btn[data-v-05f8e48e]:hover{transition:none}.Btn[data-v-05f8e48e]:not(:disabled):hover:after,.Btn.Btn-forceHover[data-v-05f8e48e]:after{opacity:1}.Btn[data-v-05f8e48e]:not(:disabled):focus,.Btn.Btn-forceFocus[data-v-05f8e48e]{z-index:10;--Btn-outline-color:var(--ui-focus-light-color);--Btn-border-color:var(--ui-focus-medium-color)}.Btn[data-v-05f8e48e]:not(:disabled):active,.Btn.Btn-forceActive[data-v-05f8e48e]{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-05f8e48e]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-05f8e48e]{--Btn-radius:var(--input-radius-full)}.Btn-outline[data-v-05f8e48e]{--Btn-border-color:var(--ui-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-05f8e48e]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-border-color:var(--ui-text-color);--Btn-text-color:var(--ui-text-color);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-flat[data-v-05f8e48e]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-square[data-v-05f8e48e]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-05f8e48e]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-05f8e48e]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-05f8e48e]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Checkbox[data-v-7bc3ecd0]{--Checkbox-size:var(--input-height);--Checkbox-outline-color:transparent;--Checkbox-surface:var(--color-base-200);--Checkbox-border-size:0px;--Checkbox-border-color:transparent;--Checkbox-radius:var(--input-radius);--Checkbox-shadow:0 1px 3px var(--Checkbox-shadow-color)inset,0 0 5px -1px var(--Checkbox-shadow-color)inset;--Checkbox-shadow-color:var(--shadow-color-light);--Checkbox-mark-shadow:0 1px 1px var(--ui-surface-text-shadow-color);width:var(--Checkbox-size);height:var(--Checkbox-size);border:var(--Checkbox-border-size)solid var(--Checkbox-border-color);border-radius:var(--Checkbox-radius);background:var(--Checkbox-surface);outline:var(--input-outline-size)solid var(--Checkbox-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--Checkbox-shadow);background-clip:border-box;justify-content:center;align-items:center;transition:background-color .3s,border-radius .3s;display:inline-flex;position:relative;overflow:hidden}.Checkbox input[data-v-7bc3ecd0]{display:none}.Checkbox[data-v-7bc3ecd0]:after{opacity:0;font-size:var(--Checkbox-size);color:var(--ui-surface-text-color);text-shadow:var(--Checkbox-mark-shadow);transition:opacity .1s,border-radius .3s}.Checkbox-active[data-v-7bc3ecd0]:after{opacity:1}.Checkbox-mark-check[data-v-7bc3ecd0]:after{content:"✓"}.Checkbox-mark-xmark[data-v-7bc3ecd0]:after{content:"✗"}.Checkbox-mark-dot[data-v-7bc3ecd0]:after{content:"●"}.Checkbox-mark-knob[data-v-7bc3ecd0]:after{content:"";width:calc(var(--Checkbox-size) - var(--sp));height:calc(var(--Checkbox-size) - var(--sp));border-radius:calc(var(--Checkbox-radius) - 2px);background:var(--ui-surface-text-color);box-shadow:0 1px 2px var(--Checkbox-shadow-color)}.Checkbox-mark-none[data-v-7bc3ecd0]:after{content:""}.Checkbox-disabled[data-v-7bc3ecd0]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-7bc3ecd0]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-7bc3ecd0]{filter:brightness(.96)}.Checkbox[data-v-7bc3ecd0]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-7bc3ecd0]{z-index:10;--Checkbox-outline-color:var(--ui-focus-light-color);--Checkbox-border-color:var(--ui-focus-medium-color)}.Checkbox-active[data-v-7bc3ecd0]{--Checkbox-surface:var(--ui-surface-color)}.Checkbox-round[data-v-7bc3ecd0]{--Checkbox-radius:var(--input-radius-full)}.Checkbox-outline[data-v-7bc3ecd0]{--Checkbox-border-color:var(--ui-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-7bc3ecd0]{--Checkbox-shadow:none;--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none}.Filler[data-v-448176c1]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-448176c1]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-448176c1]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-448176c1]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-5b190da7]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-5b190da7]{align-items:stretch}.HGroup-align-baseline[data-v-5b190da7]{align-items:baseline}.HGroup-align-center[data-v-5b190da7]{align-items:center}.HGroup-align-start[data-v-5b190da7]{align-items:flex-start}.HGroup-align-end[data-v-5b190da7]{align-items:flex-end}.HGroup-justify-center[data-v-5b190da7]{justify-content:center}.HGroup-justify-start[data-v-5b190da7]{justify-content:flex-start}.HGroup-justify-end[data-v-5b190da7]{justify-content:flex-end}.HGroup-justify-space-around[data-v-5b190da7]{justify-content:space-around}.HGroup-justify-space-between[data-v-5b190da7]{justify-content:space-between}.HGroup-gap-xxs[data-v-5b190da7]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-5b190da7]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-5b190da7]{gap:var(--sp-s)}.HGroup-gap-m[data-v-5b190da7]{gap:var(--sp-m)}.HGroup-gap-l[data-v-5b190da7]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-5b190da7]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-5b190da7]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-5b190da7]{gap:0}.HGroup-gap-0-25[data-v-5b190da7]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-5b190da7]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-5b190da7]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-5b190da7]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-5b190da7]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-5b190da7]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-5b190da7]{gap:var(--sp3)}.HGroup-gap-4[data-v-5b190da7]{gap:var(--sp4)}.HGroup-gap-5[data-v-5b190da7]{gap:var(--sp5)}.HGroup-gap-6[data-v-5b190da7]{gap:var(--sp6)}.HGroup-gap-7[data-v-5b190da7]{gap:var(--sp7)}.HGroup-gap-8[data-v-5b190da7]{gap:var(--sp8)}.HGroup-gap-9[data-v-5b190da7]{gap:var(--sp9)}.HGroup-gap-10[data-v-5b190da7]{gap:var(--sp10)}.HGroup-gap-12[data-v-5b190da7]{gap:var(--sp12)}.HGroup-gap-16[data-v-5b190da7]{gap:var(--sp16)}.HGroup-gap-24[data-v-5b190da7]{gap:var(--sp24)}.HGroup-gap-32[data-v-5b190da7]{gap:var(--sp32)}.HGroup-wrap[data-v-5b190da7]{flex-wrap:wrap}.Tab[data-v-d854a1ad]{--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-d854a1ad],.Content[data-v-d854a1ad]{z-index:2;position:relative}.Content[data-v-d854a1ad]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-d854a1ad]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-d854a1ad]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-d854a1ad]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-d854a1ad]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-d854a1ad]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-d854a1ad]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-d854a1ad]{height:var(--Tab-cap-size)}.InputBase[data-v-d24cfcb2]{--InputBase-size:var(--input-height);--InputBase-padding:var(--input-padding);--InputBase-gap:var(--input-gap);--InputBase-font-size:var(--input-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(--ui-border-color);--InputBase-radius:var(--input-radius);--InputBase-shadow-color:var(--shadow-color-light);--InputBase-shadow:0 1px 5px -1px var(--InputBase-shadow-color)inset;--InputBase-label-color:var(--ui-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-size:var(--sp3);--InputBase-tab-surface-color:var(--ui-surface-top-color);--InputBase-tab-text-color:var(--ui-surface-text-color);z-index:var(--ui-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-d24cfcb2]{z-index:1;box-sizing:border-box;padding:0 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);box-shadow:var(--InputBase-shadow);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-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-d24cfcb2]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-forceFocus[data-v-d24cfcb2]{z-index:10;--InputBase-outline-color:var(--ui-focus-light-color);--InputBase-border-color:var(--ui-focus-medium-color);--InputBase-label-color:var(--ui-focus-medium-color)}.InputBase-disabled[data-v-d24cfcb2]{--InputBase-surface:var(--color-base-100)}.InputBase-disabled .Container[data-v-d24cfcb2]{opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixedHeight .Container[data-v-d24cfcb2]{height:var(--InputBase-size)}.InputBase-round[data-v-d24cfcb2]{--InputBase-radius:var(--input-radius-round)}.InputBase-flat[data-v-d24cfcb2]{--InputBase-shadow-color:none;--InputBase-shadow:none}.Label[data-v-d24cfcb2]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-d24cfcb2]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:var(--InputBase-tab-size);--Tab-cap-size:var(--InputBase-tab-cap-size);align-self:flex-start;position:relative}.Label.TextLabel[data-v-d24cfcb2]{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-d24cfcb2]{top:calc(-1*var(--InputBase-outline-size));height:calc(var(--InputBase-border-size) + var(--InputBase-outline-size));z-index:2;margin:0 var(--InputBase-padding);background:var(--InputBase-surface);-webkit-user-select:none;user-select:none;padding:0 2px;position:absolute;left:0}.InlineLabelText[data-v-d24cfcb2]{color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:translateY(-50%)}.InputGroup[data-v-ca03932d]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-ca03932d]>.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-ca03932d]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-3adb595b]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-3adb595b],.Placeholder[data-v-3adb595b]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-3adb595b]{color:var(--color-text-2);font-size:var(--font-size-small)}input[data-v-f645b756],textarea[data-v-f645b756]{-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-dc23c98e]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-dc23c98e],textarea[data-v-dc23c98e]{-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-dc23c98e] .Container{overflow-y:auto}textarea[data-v-dc23c98e]{align-self:flex-start}path[data-v-703bfafd]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-703bfafd]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-703bfafd]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-703bfafd]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-703bfafd]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-79a54383]{--Toggle-size:var(--input-height);--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-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-radius:var(--input-radius);--Toggle-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;--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-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);box-shadow:var(--Toggle-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-79a54383]{display:none}.Toggle[data-v-79a54383]: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-disabled[data-v-79a54383]{cursor:not-allowed;opacity:.5}.Toggle[data-v-79a54383]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-79a54383]{filter:brightness(.96)}.Toggle[data-v-79a54383]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-79a54383]{z-index:10;--Toggle-outline-color:var(--ui-focus-light-color);--Toggle-border-color:var(--ui-focus-medium-color)}.Toggle-active[data-v-79a54383]{--Toggle-surface:var(--ui-surface-color);--Toggle-knob-surface:var(--ui-surface-text-color)}.Toggle-active[data-v-79a54383]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-79a54383]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-79a54383]{--Toggle-border-color:var(--ui-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-79a54383]{--Toggle-shadow-color:none;--Toggle-shadow:none}.VGroup[data-v-044d3ec4]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-044d3ec4]{align-items:stretch}.VGroup-align-baseline[data-v-044d3ec4]{align-items:baseline}.VGroup-align-center[data-v-044d3ec4]{align-items:center}.VGroup-align-start[data-v-044d3ec4]{align-items:flex-start}.VGroup-align-end[data-v-044d3ec4]{align-items:flex-end}.VGroup-justify-center[data-v-044d3ec4]{justify-content:center}.VGroup-justify-start[data-v-044d3ec4]{justify-content:flex-start}.VGroup-justify-end[data-v-044d3ec4]{justify-content:flex-end}.VGroup-justify-space-around[data-v-044d3ec4]{justify-content:space-around}.VGroup-justify-space-between[data-v-044d3ec4]{justify-content:space-between}.VGroup-gap-xxs[data-v-044d3ec4]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-044d3ec4]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-044d3ec4]{gap:var(--sp-s)}.VGroup-gap-m[data-v-044d3ec4]{gap:var(--sp-m)}.VGroup-gap-l[data-v-044d3ec4]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-044d3ec4]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-044d3ec4]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-044d3ec4]{gap:0}.VGroup-gap-0-25[data-v-044d3ec4]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-044d3ec4]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-044d3ec4]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-044d3ec4]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-044d3ec4]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-044d3ec4]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-044d3ec4]{gap:var(--sp3)}.VGroup-gap-4[data-v-044d3ec4]{gap:var(--sp4)}.VGroup-gap-5[data-v-044d3ec4]{gap:var(--sp5)}.VGroup-gap-6[data-v-044d3ec4]{gap:var(--sp6)}.VGroup-gap-7[data-v-044d3ec4]{gap:var(--sp7)}.VGroup-gap-8[data-v-044d3ec4]{gap:var(--sp8)}.VGroup-gap-9[data-v-044d3ec4]{gap:var(--sp9)}.VGroup-gap-10[data-v-044d3ec4]{gap:var(--sp10)}.VGroup-gap-12[data-v-044d3ec4]{gap:var(--sp12)}.VGroup-gap-16[data-v-044d3ec4]{gap:var(--sp16)}.VGroup-gap-24[data-v-044d3ec4]{gap:var(--sp24)}.VGroup-gap-32[data-v-044d3ec4]{gap:var(--sp32)}}

package/dist/core.mjs

@@ -1,8 +1,8 @@
-import { createBlock as c, openBlock as i, resolveDynamicComponent as S, normalizeClass as y, withCtx as b, renderSlot as u, createElementBlock as f, createCommentVNode as v, toDisplayString as g, createElementVNode as p, resolveComponent as h, createVNode as O, Fragment as T, mergeProps as k } from "vue";
+import { createBlock as c, openBlock as i, resolveDynamicComponent as S, normalizeClass as p, withCtx as b, renderSlot as r, createElementBlock as f, createCommentVNode as y, toDisplayString as g, createElementVNode as v, resolveComponent as h, createVNode as O, Fragment as T, mergeProps as k } from "vue";
 const d = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [r, l] of n)
-    e[r] = l;
+  for (const [u, l] of n)
+    e[u] = l;
   return e;
 }, j = {
   props: {
@@ -52,7 +52,7 @@ const d = (t, n) => {
         baseStyle: t,
         hoverOverrides: n = {},
         activeOverrides: e = {},
-        focusOverrides: r = {},
+        focusOverrides: u = {},
         active: l,
         hover: o,
         focus: s,
@@ -60,7 +60,7 @@ const d = (t, n) => {
         forceHover: _,
         forceFocus: I
       } = this, m = Object.assign({}, t);
-      return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, r), m;
+      return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, u), m;
     }
   },
   methods: {
@@ -70,13 +70,13 @@ const d = (t, n) => {
   key: 0,
   class: "Label"
 };
-function $(t, n, e, r, l, o) {
+function $(t, n, e, u, l, o) {
   return i(), c(S(e.tagName), {
     ref: "button",
-    class: y(["Btn InputElement", [
-      `Btn-${o.effectiveStyle.size}`,
+    class: p(["Btn InputElement", [
       `Btn-${o.effectiveStyle.kind}`,
       `ui-${o.effectiveStyle.kind}`,
+      `input-size-${o.effectiveStyle.size}`,
       `Btn-iconPos-${e.iconPos}`,
       {
         "Btn-ghost": o.effectiveStyle.ghost,
@@ -86,9 +86,9 @@ function $(t, n, e, r, l, o) {
         "Btn-square": e.square,
         "Btn-block": e.block,
         "Btn-disabled": e.disabled || l.blocked,
-        "Btn-force-focus": e.forceFocus,
-        "Btn-force-hover": e.forceHover,
-        "Btn-force-active": e.forceActive
+        "Btn-forceFocus": e.forceFocus,
+        "Btn-forceHover": e.forceHover,
+        "Btn-forceActive": e.forceActive
       }
     ]]),
     disabled: e.disabled || l.blocked,
@@ -103,17 +103,17 @@ function $(t, n, e, r, l, o) {
     onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
   }, {
     default: b(() => [
-      u(t.$slots, "icon", {
+      r(t.$slots, "icon", {
         hover: l.hover,
         blocked: l.blocked
       }, () => [
         e.icon ? (i(), f("i", {
           key: 0,
-          class: y([e.icon, "Icon"])
-        }, null, 2)) : v("", !0)
+          class: p([e.icon, "Icon"])
+        }, null, 2)) : y("", !0)
       ], !0),
-      e.label ? (i(), f("span", F, g(e.label), 1)) : v("", !0),
-      u(t.$slots, "default", {
+      e.label ? (i(), f("span", F, g(e.label), 1)) : y("", !0),
+      r(t.$slots, "default", {
         hover: l.hover,
         active: l.active,
         blocked: l.blocked
@@ -122,14 +122,14 @@ function $(t, n, e, r, l, o) {
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-2c639214"]]), w = {
+const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-05f8e48e"]]), z = {
   props: {
     mark: { type: String, default: "check" },
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
     kind: { type: String, default: "base" },
     activeKind: { type: String },
-    size: { type: String, default: "normal" },
+    size: { type: String, default: "m" },
     round: { type: Boolean, default: !1 },
     flat: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
@@ -165,12 +165,12 @@ const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-2c639214"]]
         baseStyle: t,
         hoverOverrides: n = {},
         focusOverrides: e = {},
-        hover: r,
+        hover: u,
         focus: l,
         forceHover: o,
         forceFocus: s
       } = this, a = Object.assign({}, t);
-      return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   },
   methods: {
@@ -179,12 +179,12 @@ const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-2c639214"]]
     }
   }
 }, H = ["checked", "disabled"];
-function z(t, n, e, r, l, o) {
+function w(t, n, e, u, l, o) {
   return i(), f("label", {
-    class: y(["Checkbox InputElement", [
+    class: p(["Checkbox InputElement", [
       `Checkbox-${o.effectiveStyle.kind}`,
       `ui-${o.effectiveStyle.kind}`,
-      `Checkbox-${o.effectiveStyle.size}`,
+      `input-size-${o.effectiveStyle.size}`,
       `Checkbox-mark-${e.mark}`,
       {
         "Checkbox-active": !!e.modelValue,
@@ -202,7 +202,7 @@ function z(t, n, e, r, l, o) {
     onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
     onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
   }, [
-    p("input", {
+    v("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
@@ -210,19 +210,19 @@ function z(t, n, e, r, l, o) {
     }, null, 40, H)
   ], 34);
 }
-const N = /* @__PURE__ */ d(w, [["render", z], ["__scopeId", "data-v-31b13e93"]]), M = {
+const N = /* @__PURE__ */ d(z, [["render", w], ["__scopeId", "data-v-7bc3ecd0"]]), M = {
   props: {
     fill: { type: String, default: "none" }
   }
 };
-function P(t, n, e, r, l, o) {
+function P(t, n, e, u, l, o) {
   return i(), f("div", {
-    class: y(["Filler", [
+    class: p(["Filler", [
       `Filler-${e.fill}`
     ]])
   }, null, 2);
 }
-const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]), L = {
+const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]), A = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "center" },
@@ -231,9 +231,9 @@ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]
     wrap: { type: Boolean, default: !1 }
   }
 };
-function A(t, n, e, r, l, o) {
+function L(t, n, e, u, l, o) {
   return i(), c(S(e.tagName), {
-    class: y(["HGroup", [
+    class: p(["HGroup", [
       `HGroup-align-${e.align}`,
       `HGroup-justify-${e.justify}`,
       `HGroup-gap-${e.gap}`,
@@ -243,12 +243,12 @@ function A(t, n, e, r, l, o) {
     ]])
   }, {
     default: b(() => [
-      u(t.$slots, "default", {}, void 0, !0)
+      r(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const D = /* @__PURE__ */ d(L, [["render", A], ["__scopeId", "data-v-5b190da7"]]), E = {
+const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-5b190da7"]]), E = {
   props: {
     tagName: { type: String, default: "div" },
     dir: { type: String, default: "top" },
@@ -260,10 +260,10 @@ const D = /* @__PURE__ */ d(L, [["render", A], ["__scopeId", "data-v-5b190da7"]]
     }
   }
 }, R = { class: "Content" }, q = ["title"];
-function K(t, n, e, r, l, o) {
+function K(t, n, e, u, l, o) {
   const s = h("TabCap");
   return i(), c(S(e.tagName), {
-    class: y(["Tab", [
+    class: p(["Tab", [
       `Tab-${e.dir}`,
       `Tab-${o.orientation}`
     ]])
@@ -274,13 +274,13 @@ function K(t, n, e, r, l, o) {
         dir: e.dir,
         type: "start"
       }, null, 8, ["dir"]),
-      p("div", R, [
-        u(t.$slots, "default", {}, () => [
+      v("div", R, [
+        r(t.$slots, "default", {}, () => [
           e.label ? (i(), f("div", {
             key: 0,
             class: "TabLabel",
             title: e.label
-          }, g(e.label), 9, q)) : v("", !0)
+          }, g(e.label), 9, q)) : y("", !0)
         ], !0)
       ]),
       O(s, {
@@ -301,7 +301,7 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]
     kind: { type: String, default: "base" },
     label: { type: String },
     labelStyle: { type: String, default: "inline" },
-    size: { type: String, default: "normal" },
+    size: { type: String, default: "m" },
     fixedHeight: { type: Boolean, default: !0 },
     flat: { type: Boolean, default: !1 },
     round: { type: Boolean, default: !1 },
@@ -332,12 +332,12 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]
         baseStyle: t,
         hoverOverrides: n = {},
         focusOverrides: e = {},
-        hover: r,
+        hover: u,
         focus: l,
         forceHover: o,
         forceFocus: s
       } = this, a = Object.assign({}, t);
-      return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   }
 }, J = {
@@ -347,20 +347,20 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]
   key: 2,
   class: "Label InlineLabel"
 }, U = { class: "InlineLabelText" }, W = { class: "InputElement Container" };
-function X(t, n, e, r, l, o) {
+function X(t, n, e, u, l, o) {
   const s = h("Tab");
   return i(), c(S(e.tagName), {
-    class: y(["InputBase", [
+    class: p(["InputBase", [
       `InputBase-${o.effectiveStyle.kind}`,
       `ui-${o.effectiveStyle.kind}`,
-      `InputBase-${o.effectiveStyle.size}`,
+      `input-size-${o.effectiveStyle.size}`,
       {
-        "InputBase-fixed-height": e.fixedHeight,
+        "InputBase-fixedHeight": e.fixedHeight,
         "InputBase-flat": o.effectiveStyle.flat,
         "InputBase-round": o.effectiveStyle.round,
         "InputBase-disabled": e.disabled,
-        "InputBase-force-focus": e.forceFocus,
-        "InputBase-force-hover": e.forceHover
+        "InputBase-forceFocus": e.forceFocus,
+        "InputBase-forceHover": e.forceHover
       }
     ]]),
     onMouseenter: n[0] || (n[0] = (a) => l.hover = !0),
@@ -374,28 +374,28 @@ function X(t, n, e, r, l, o) {
           key: 0,
           class: "Label TabLabel",
           label: e.label
-        }, null, 8, ["label"])) : v("", !0),
-        e.labelStyle === "text" ? (i(), f("div", J, g(e.label), 1)) : v("", !0),
+        }, null, 8, ["label"])) : y("", !0),
+        e.labelStyle === "text" ? (i(), f("div", J, g(e.label), 1)) : y("", !0),
         e.labelStyle === "inline" ? (i(), f("div", Q, [
-          p("div", U, g(e.label), 1)
-        ])) : v("", !0)
-      ], 64)) : v("", !0),
-      p("div", W, [
-        u(t.$slots, "default", {}, void 0, !0)
+          v("div", U, g(e.label), 1)
+        ])) : y("", !0)
+      ], 64)) : y("", !0),
+      v("div", W, [
+        r(t.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 40, ["class"]);
 }
-const B = /* @__PURE__ */ d(Y, [["render", X], ["__scopeId", "data-v-1e49f05e"]]), Z = {
+const B = /* @__PURE__ */ d(Y, [["render", X], ["__scopeId", "data-v-d24cfcb2"]]), Z = {
   props: {
     tagName: { type: String, default: "div" }
   }
 };
-function ee(t, n, e, r, l, o) {
+function ee(t, n, e, u, l, o) {
   return i(), c(S(e.tagName), { class: "InputGroup" }, {
     default: b(() => [
-      u(t.$slots, "default", {}, void 0, !0)
+      r(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   });
@@ -471,7 +471,7 @@ const te = /* @__PURE__ */ d(Z, [["render", ee], ["__scopeId", "data-v-ca03932d"
   ref: "icon",
   class: "DropdownIcon"
 };
-function ae(t, n, e, r, l, o) {
+function ae(t, n, e, u, l, o) {
   const s = h("ContextMenu"), a = h("InputBase");
   return i(), c(a, k({ class: "InputSelect" }, {
     ...t.$props
@@ -480,17 +480,17 @@ function ae(t, n, e, r, l, o) {
     onClick: n[1] || (n[1] = (_) => o.show())
   }), {
     default: b(() => [
-      u(t.$slots, "before", {}, void 0, !0),
+      r(t.$slots, "before", {}, void 0, !0),
       o.itemIcon ? (i(), f("i", {
         key: 0,
-        class: y(["Icon", o.itemIcon])
-      }, null, 2)) : v("", !0),
-      o.selectedItem ? (i(), f("span", oe, g(o.itemTitle), 1)) : v("", !0),
-      o.selectedItem ? v("", !0) : (i(), f("span", le, g(e.placeholder), 1)),
-      p("div", se, [
-        u(t.$slots, "iconDropdown", {}, () => [
-          p("i", {
-            class: y(o.iconDropdown)
+        class: p(["Icon", o.itemIcon])
+      }, null, 2)) : y("", !0),
+      o.selectedItem ? (i(), f("span", oe, g(o.itemTitle), 1)) : y("", !0),
+      o.selectedItem ? y("", !0) : (i(), f("span", le, g(e.placeholder), 1)),
+      v("div", se, [
+        r(t.$slots, "iconDropdown", {}, () => [
+          v("i", {
+            class: p(o.iconDropdown)
           }, null, 2)
         ], !0)
       ], 512),
@@ -501,13 +501,13 @@ function ae(t, n, e, r, l, o) {
         search: e.search,
         overlayShown: !1,
         onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
-      }, null, 8, ["items", "search"])) : v("", !0),
-      u(t.$slots, "after", {}, void 0, !0)
+      }, null, 8, ["items", "search"])) : y("", !0),
+      r(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const ie = /* @__PURE__ */ d(ne, [["render", ae], ["__scopeId", "data-v-3adb595b"]]), re = {
+const ie = /* @__PURE__ */ d(ne, [["render", ae], ["__scopeId", "data-v-3adb595b"]]), ue = {
   props: {
     ...B.props,
     modelValue: { type: [String, Number] },
@@ -533,15 +533,15 @@ const ie = /* @__PURE__ */ d(ne, [["render", ae], ["__scopeId", "data-v-3adb595b
       this.$emit("update:modelValue", t.target.value);
     }
   }
-}, ue = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function de(t, n, e, r, l, o) {
+}, re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+function de(t, n, e, u, l, o) {
   const s = h("InputBase");
   return i(), c(s, k({ class: "InputText" }, {
     ...t.$props
   }), {
     default: b(() => [
-      u(t.$slots, "before", {}, void 0, !0),
-      p("input", {
+      r(t.$slots, "before", {}, void 0, !0),
+      v("input", {
         ref: "input",
         value: e.modelValue,
         type: e.type,
@@ -555,13 +555,13 @@ function de(t, n, e, r, l, o) {
         onInput: n[0] || (n[0] = (a) => o.onInput(a)),
         onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
         onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, ue),
-      u(t.$slots, "after", {}, void 0, !0)
+      }, null, 40, re),
+      r(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const fe = /* @__PURE__ */ d(re, [["render", de], ["__scopeId", "data-v-c1231c1b"]]), ce = {
+const fe = /* @__PURE__ */ d(ue, [["render", de], ["__scopeId", "data-v-f645b756"]]), ce = {
   props: {
     ...B.props,
     modelValue: { type: String },
@@ -596,15 +596,15 @@ const fe = /* @__PURE__ */ d(re, [["render", de], ["__scopeId", "data-v-c1231c1b
       this.$emit("update:modelValue", t.target.value);
     }
   }
-}, ye = ["value", "placeholder", "readonly", "disabled", "rows"];
-function ve(t, n, e, r, l, o) {
+}, pe = ["value", "placeholder", "readonly", "disabled", "rows"];
+function ye(t, n, e, u, l, o) {
   const s = h("InputBase");
   return i(), c(s, k({ class: "InputTextarea" }, {
     ...t.$props
   }, { fixedHeight: !1 }), {
     default: b(() => [
-      u(t.$slots, "before", {}, void 0, !0),
-      p("textarea", {
+      r(t.$slots, "before", {}, void 0, !0),
+      v("textarea", {
         ref: "input",
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -616,13 +616,13 @@ function ve(t, n, e, r, l, o) {
         onInput: n[0] || (n[0] = (a) => o.onInput(a)),
         onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
         onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, ye),
-      u(t.$slots, "after", {}, void 0, !0)
+      }, null, 40, pe),
+      r(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const pe = /* @__PURE__ */ d(ce, [["render", ve], ["__scopeId", "data-v-dc23c98e"]]), be = {
+const ve = /* @__PURE__ */ d(ce, [["render", ye], ["__scopeId", "data-v-dc23c98e"]]), be = {
   components: {
     Btn: C
   },
@@ -644,7 +644,7 @@ const pe = /* @__PURE__ */ d(ce, [["render", ve], ["__scopeId", "data-v-dc23c98e
     }
   }
 };
-function he(t, n, e, r, l, o) {
+function he(t, n, e, u, l, o) {
   const s = h("Btn"), a = h("RouterLink");
   return i(), c(a, {
     to: e.to,
@@ -665,16 +665,16 @@ const me = /* @__PURE__ */ d(be, [["render", he]]), ge = {
     type: { type: String, default: "start" }
   }
 };
-function Se(t, n, e, r, l, o) {
+function Se(t, n, e, u, l, o) {
   return i(), f("svg", {
-    class: y(["TabCap", [
+    class: p(["TabCap", [
       `TabCap-${e.dir}`,
       `TabCap-${e.type}`
     ]]),
     viewBox: "0 0 32 32",
     preserveAspectRatio: "none"
   }, [...n[0] || (n[0] = [
-    p("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+    v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ])], 2);
 }
 const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd"]]), ke = {
@@ -683,7 +683,7 @@ const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd
     disabled: { type: Boolean },
     kind: { type: String, default: "base" },
     activeKind: { type: String },
-    size: { type: String, default: "normal" },
+    size: { type: String, default: "m" },
     round: { type: Boolean, default: !1 },
     flat: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
@@ -719,12 +719,12 @@ const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd
         baseStyle: t,
         hoverOverrides: n = {},
         focusOverrides: e = {},
-        hover: r,
+        hover: u,
         focus: l,
         forceHover: o,
         forceFocus: s
       } = this, a = Object.assign({}, t);
-      return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   },
   methods: {
@@ -733,12 +733,12 @@ const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd
     }
   }
 }, Be = ["checked", "disabled"];
-function Ie(t, n, e, r, l, o) {
+function Ie(t, n, e, u, l, o) {
   return i(), f("label", {
-    class: y(["Toggle InputElement", [
+    class: p(["Toggle InputElement", [
       `Toggle-${o.effectiveStyle.kind}`,
       `ui-${o.effectiveStyle.kind}`,
-      `Toggle-${o.effectiveStyle.size}`,
+      `input-size-${o.effectiveStyle.size}`,
       {
         "Toggle-active": !!e.modelValue,
         "Toggle-outline": o.effectiveStyle.outline,
@@ -755,7 +755,7 @@ function Ie(t, n, e, r, l, o) {
     onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
     onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
   }, [
-    p("input", {
+    v("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
@@ -763,7 +763,7 @@ function Ie(t, n, e, r, l, o) {
     }, null, 40, Be)
   ], 34);
 }
-const Oe = /* @__PURE__ */ d(ke, [["render", Ie], ["__scopeId", "data-v-f3fb09f0"]]), Ce = {
+const Oe = /* @__PURE__ */ d(ke, [["render", Ie], ["__scopeId", "data-v-79a54383"]]), Ce = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "stretch" },
@@ -771,16 +771,16 @@ const Oe = /* @__PURE__ */ d(ke, [["render", Ie], ["__scopeId", "data-v-f3fb09f0
     gap: { type: String, default: "m" }
   }
 };
-function Ve(t, n, e, r, l, o) {
+function Ve(t, n, e, u, l, o) {
   return i(), c(S(e.tagName), {
-    class: y(["VGroup", [
+    class: p(["VGroup", [
       `VGroup-align-${e.align}`,
       `VGroup-justify-${e.justify}`,
       `VGroup-gap-${e.gap}`
     ]])
   }, {
     default: b(() => [
-      u(t.$slots, "default", {}, void 0, !0)
+      r(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
@@ -795,7 +795,7 @@ const xe = /* @__PURE__ */ d(Ce, [["render", Ve], ["__scopeId", "data-v-044d3ec4
   InputGroup: te,
   InputSelect: ie,
   InputText: fe,
-  InputTextarea: pe,
+  InputTextarea: ve,
   RouterBtn: me,
   Tab: V,
   TabCap: _e,
@@ -811,7 +811,7 @@ export {
   te as InputGroup,
   ie as InputSelect,
   fe as InputText,
-  pe as InputTextarea,
+  ve as InputTextarea,
   me as RouterBtn,
   V as Tab,
   _e as TabCap,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nightshadeui/core",
-    "version": "2.6.1",
+    "version": "2.7.0",
     "description": "Core Nightshade UI components",
     "author": "Boris Okunskiy",
     "license": "ISC",