@nightshadeui/core 2.8.0 → 2.9.0

package/dist/core.css

@@ -1 +1 @@
-@layer nightshade-core{.Btn[data-v-144a5c7b]{--Btn-size:var(--input-height);--Btn-padding:var(--input-padding-md);--Btn-gap:var(--input-gap);--Btn-font-size:var(--input-font-size);--Btn-text-color:var(--ui-surface-text-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-text-shadow:0 1px 1px var(--ui-surface-text-shadow-color);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:var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:linear-gradient(to bottom,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-144a5c7b]: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-144a5c7b]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-144a5c7b]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-144a5c7b]{order:100}.Btn[data-v-144a5c7b]:focus,.Btn[data-v-144a5c7b]:active,.Btn[data-v-144a5c7b]:hover{transition:none}.Btn[data-v-144a5c7b]:not(:disabled):hover:after,.Btn.Btn-forceHover[data-v-144a5c7b]:after{opacity:1}.Btn[data-v-144a5c7b]:not(:disabled):focus,.Btn.Btn-forceFocus[data-v-144a5c7b]{z-index:10;--Btn-outline-color:var(--ui-focus-light-color);--Btn-border-color:var(--ui-focus-medium-color)}.Btn[data-v-144a5c7b]:not(:disabled):active,.Btn.Btn-forceActive[data-v-144a5c7b]{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-144a5c7b]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-144a5c7b]{--Btn-radius:var(--input-radius-round)}.Btn-outline[data-v-144a5c7b]{--Btn-border-color:var(--ui-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-144a5c7b]{--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-144a5c7b]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-square[data-v-144a5c7b]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-144a5c7b]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-144a5c7b]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-144a5c7b]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.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)}.BaseMenu[data-v-c6736688]{--BaseMenu-padding:var(--sp0-5)var(--sp);--BaseMenu-gap:var(--sp0-5);--BaseMenu-min-width:192px;padding:var(--BaseMenu-padding);gap:var(--BaseMenu-gap);min-width:var(--BaseMenu-min-width)}.Header[data-v-c6736688]{padding:var(--sp)var(--input-padding-md)0;font-size:var(--font-size-s);font-weight:var(--font-weight-bold);text-transform:uppercase;opacity:.5;-webkit-user-select:none;user-select:none}.Separator[data-v-c6736688]{height:var(--input-border-size);background:var(--color-base-100)}.Title[data-v-c6736688]{text-align:left;flex:1;align-self:flex-start}.Item[data-v-c6736688]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Bubble[data-v-0840cacf]{--Bubble-color:var(--color-base-0);--Bubble-arrow-size:10px;--Bubble-arrow-offset:16px;--Bubble-radius:var(--border-radius);--Bubble-shadow-color:var(--shadow-color-light);--Bubble-shadow:0 1px 3px var(--Bubble-shadow-color);z-index:10;filter:drop-shadow(var(--Bubble-shadow));position:absolute}.Body[data-v-0840cacf]{border-radius:var(--Bubble-radius);background:var(--Bubble-color);min-width:48px;min-height:16px;position:absolute}.Arrow[data-v-0840cacf]{z-index:5;border:var(--Bubble-arrow-size)solid transparent;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-0840cacf]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-0840cacf]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-0840cacf]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-0840cacf]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-0840cacf],.Bubble-start.Bubble-bottom>.Body[data-v-0840cacf]{transform:translateX(calc(-1*var(--Bubble-arrow-offset)));left:0}.Bubble-center.Bubble-top>.Body[data-v-0840cacf],.Bubble-center.Bubble-bottom>.Body[data-v-0840cacf]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-0840cacf],.Bubble-end.Bubble-bottom>.Body[data-v-0840cacf]{transform:translateX(var(--Bubble-arrow-offset));right:0}.Bubble-start.Bubble-left>.Body[data-v-0840cacf],.Bubble-start.Bubble-right>.Body[data-v-0840cacf]{transform:translateY(calc(-1*var(--Bubble-arrow-offset)));top:0}.Bubble-center.Bubble-left>.Body[data-v-0840cacf],.Bubble-center.Bubble-right>.Body[data-v-0840cacf]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-0840cacf],.Bubble-end.Bubble-right>.Body[data-v-0840cacf]{transform:translateY(var(--Bubble-arrow-offset));bottom:0}.Bubble-top>.Arrow[data-v-0840cacf]{border-top-color:var(--Bubble-color)}.Bubble-bottom>.Arrow[data-v-0840cacf]{border-bottom-color:var(--Bubble-color)}.Bubble-left>.Arrow[data-v-0840cacf]{border-left-color:var(--Bubble-color)}.Bubble-right>.Arrow[data-v-0840cacf]{border-right-color:var(--Bubble-color)}.Checkbox[data-v-24a3751b]{--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);font-size:var(--Checkbox-size);color:var(--ui-surface-text-color);text-shadow:var(--Checkbox-mark-shadow);box-shadow:var(--Checkbox-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;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-24a3751b]{display:none}.Mark[data-v-24a3751b]{opacity:0;transition:opacity .1s,border-radius .3s}.Checkbox-active .Mark[data-v-24a3751b]{opacity:1}.Checkbox-mark-check .Mark[data-v-24a3751b]:after{content:"✓"}.Checkbox-mark-xmark .Mark[data-v-24a3751b]:after{content:"✗"}.Checkbox-mark-dot .Mark[data-v-24a3751b]:after{content:"●"}.Checkbox-mark-knob .Mark[data-v-24a3751b]{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-disabled[data-v-24a3751b]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-24a3751b]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-24a3751b]{filter:brightness(.96)}.Checkbox[data-v-24a3751b]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-24a3751b]{z-index:10;--Checkbox-outline-color:var(--ui-focus-light-color);--Checkbox-border-color:var(--ui-focus-medium-color)}.Checkbox-active[data-v-24a3751b]{--Checkbox-surface:var(--ui-surface-color)}.Checkbox-round[data-v-24a3751b]{--Checkbox-radius:var(--input-radius-round)}.Checkbox-outline[data-v-24a3751b]{--Checkbox-border-color:var(--ui-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-24a3751b]{--Checkbox-shadow:none;--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none}.Overlay[data-v-8d924b35]{--ContextPopup-overlay-surface:var(--overlay-surface);z-index:2000;pointer-events:none;position:fixed;inset:0}.Overlay-enabled[data-v-8d924b35]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-8d924b35]{background:var(--ContextPopup-overlay-surface)}.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-2d5bc4a5]{--Tab-size:var(--input-height);--Tab-cap-size:var(--input-height);--Tab-font-size:var(--input-font-size);--Tab-surface:var(--ui-surface-color);--Tab-text-color:var(--ui-surface-text-color);--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow:0 0 .5px var(--Tab-shadow-color);cursor:pointer;color:var(--Tab-text-color);filter:drop-shadow(var(--Tab-shadow));font-size:var(--Tab-font-size);display:flex;position:relative}.TabCap[data-v-2d5bc4a5],.Content[data-v-2d5bc4a5]{z-index:2;position:relative}.Content[data-v-2d5bc4a5]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-2d5bc4a5]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-2d5bc4a5]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-2d5bc4a5]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-2d5bc4a5]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-2d5bc4a5]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-2d5bc4a5]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-2d5bc4a5]{height:var(--Tab-cap-size)}.InputBase[data-v-911102ad]{--InputBase-size:var(--input-height);--InputBase-padding-x:var(--input-padding-md);--InputBase-padding-y:var(--input-padding-sm);--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);z-index:var(--ui-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-911102ad]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding-y)var(--InputBase-padding-x);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-911102ad]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-forceFocus[data-v-911102ad]{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-911102ad]{--InputBase-surface:var(--color-base-100)}.InputBase-disabled .Container[data-v-911102ad]{opacity:.6;filter:saturate(50%);cursor:not-allowed}.InputBase-fixedHeight .Container[data-v-911102ad]{height:var(--InputBase-size)}.InputBase-round[data-v-911102ad]{--InputBase-radius:var(--input-radius-round)}.InputBase-flat[data-v-911102ad]{--InputBase-shadow-color:none;--InputBase-shadow:none}.Label[data-v-911102ad]{max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-911102ad]{z-index:0;margin:0 var(--sp2);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));--Tab-font-size:var(--InputBase-font-size);align-self:flex-start;position:relative}.Label.TextLabel[data-v-911102ad]{margin:0 var(--InputBase-padding-x);height:var(--sp3);line-height:1.5;font-size:var(--InputBase-label-font-size);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Label.InlineLabel[data-v-911102ad]{z-index:2;margin:0 var(--InputBase-padding-x);height:var(--sp2);line-height:var(--sp2);font-size:var(--InputBase-label-font-size);border-radius:var(--input-radius);color:var(--InputBase-label-color);text-shadow:0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface),0 0 3px var(--InputBase-surface);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:-2px;left:-2px;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}input[data-v-a7cbc67d],textarea[data-v-a7cbc67d]{-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}input[data-v-3967e87e],textarea[data-v-3967e87e]{-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-3967e87e] .Container{overflow-y:auto}textarea[data-v-3967e87e]{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-7086db27]{--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-7086db27]{display:none}.Toggle[data-v-7086db27]: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),0 1px 5px 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-7086db27]{cursor:not-allowed;opacity:.5}.Toggle[data-v-7086db27]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-7086db27]{filter:brightness(.96)}.Toggle[data-v-7086db27]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-7086db27]{z-index:10;--Toggle-outline-color:var(--ui-focus-light-color);--Toggle-border-color:var(--ui-focus-medium-color)}.Toggle-active[data-v-7086db27]{--Toggle-surface:var(--ui-surface-color);--Toggle-knob-surface:var(--ui-surface-text-color)}.Toggle-active[data-v-7086db27]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-7086db27]{--Toggle-radius:var(--input-radius-round)}.Toggle-outline[data-v-7086db27]{--Toggle-border-color:var(--ui-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-7086db27]{--Toggle-shadow-color:none;--Toggle-shadow:none}.ToolPanel[data-v-5ab32096]{--ToolPanel-size:var(--input-height);--ToolPanel-padding:var(--sp0-5);--ToolPanel-gap:var(--input-gap);--ToolPanel-surface:var(--color-base-100);--ToolPanel-border-size:0;--ToolPanel-border-color:var(--color-base-200);--ToolPanel-radius:var(--input-radius);--ToolPanel-shadow-color:var(--shadow-color-light);--ToolPanel-shadow:0 1px 1px var(--ToolPanel-shadow-color)inset,0 0 5px var(--ToolPanel-shadow-color)inset;align-items:center;gap:var(--ToolPanel-gap);padding:var(--ToolPanel-padding);height:var(--ToolPanel-size);border:var(--ToolPanel-border-size)solid var(--ToolPanel-border-color);border-radius:var(--ToolPanel-radius);min-height:0;box-shadow:var(--ToolPanel-shadow);background:var(--ToolPanel-surface);transition:color .3s,background-color .3s,border-radius .3s,filter .3s;display:flex}.ToolPanel-size-s[data-v-5ab32096]{--ToolPanel-padding:var(--sp0-25)}.ToolPanel-round[data-v-5ab32096]{--ToolPanel-radius:var(--input-radius-round)}.ToolPanel-outline[data-v-5ab32096]{--ToolPanel-border-size:var(--input-border-size)}.ToolPanel-flat[data-v-5ab32096]{--ToolPanel-shadow:none}}
+@layer nightshade-components{.Btn[data-v-29d27ce4]{--Btn-size:var(--input-height);--Btn-padding:var(--input-padding-md);--Btn-gap:var(--input-gap);--Btn-font-size:var(--input-font-size);--Btn-text-color:var(--ui-surface-text-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-text-shadow:0 1px 1px var(--ui-surface-text-shadow-color);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:var(--Btn-text-shadow);outline:var(--input-outline-size) solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:linear-gradient(to bottom, 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-29d27ce4]: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-29d27ce4]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-29d27ce4]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-29d27ce4]{order:100}.Btn[data-v-29d27ce4]:focus,.Btn[data-v-29d27ce4]:active,.Btn[data-v-29d27ce4]:hover{transition:none}.Btn[data-v-29d27ce4]:not(:disabled):hover:after,.Btn.Btn-forceHover[data-v-29d27ce4]:after{opacity:1}.Btn[data-v-29d27ce4]:not(:disabled):focus,.Btn.Btn-forceFocus[data-v-29d27ce4]{z-index:10;--Btn-outline-color:var(--ui-focus-light-color);--Btn-border-color:var(--ui-focus-medium-color)}.Btn[data-v-29d27ce4]:not(:disabled):active,.Btn.Btn-forceActive[data-v-29d27ce4]{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-29d27ce4]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-29d27ce4]{--Btn-radius:var(--input-radius-round)}.Btn-outline[data-v-29d27ce4]{--Btn-border-color:var(--ui-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-29d27ce4]{--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-29d27ce4]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-square[data-v-29d27ce4]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-29d27ce4]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-29d27ce4]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-29d27ce4]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.VGroup[data-v-928e018d]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-928e018d]{align-items:stretch}.VGroup-align-baseline[data-v-928e018d]{align-items:baseline}.VGroup-align-center[data-v-928e018d]{align-items:center}.VGroup-align-start[data-v-928e018d]{align-items:flex-start}.VGroup-align-end[data-v-928e018d]{align-items:flex-end}.VGroup-justify-center[data-v-928e018d]{justify-content:center}.VGroup-justify-start[data-v-928e018d]{justify-content:flex-start}.VGroup-justify-end[data-v-928e018d]{justify-content:flex-end}.VGroup-justify-space-around[data-v-928e018d]{justify-content:space-around}.VGroup-justify-space-between[data-v-928e018d]{justify-content:space-between}.VGroup-gap-xxs[data-v-928e018d]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-928e018d]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-928e018d]{gap:var(--sp-s)}.VGroup-gap-m[data-v-928e018d]{gap:var(--sp-m)}.VGroup-gap-l[data-v-928e018d]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-928e018d]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-928e018d]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-928e018d]{gap:0}.VGroup-gap-0-25[data-v-928e018d]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-928e018d]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-928e018d]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-928e018d]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-928e018d]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-928e018d]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-928e018d]{gap:var(--sp3)}.VGroup-gap-4[data-v-928e018d]{gap:var(--sp4)}.VGroup-gap-5[data-v-928e018d]{gap:var(--sp5)}.VGroup-gap-6[data-v-928e018d]{gap:var(--sp6)}.VGroup-gap-7[data-v-928e018d]{gap:var(--sp7)}.VGroup-gap-8[data-v-928e018d]{gap:var(--sp8)}.VGroup-gap-9[data-v-928e018d]{gap:var(--sp9)}.VGroup-gap-10[data-v-928e018d]{gap:var(--sp10)}.VGroup-gap-12[data-v-928e018d]{gap:var(--sp12)}.VGroup-gap-16[data-v-928e018d]{gap:var(--sp16)}.VGroup-gap-24[data-v-928e018d]{gap:var(--sp24)}.VGroup-gap-32[data-v-928e018d]{gap:var(--sp32)}.BaseMenu[data-v-de32957e]{--BaseMenu-padding:var(--sp0-5) var(--sp);--BaseMenu-gap:var(--sp0-5);--BaseMenu-min-width:192px;padding:var(--BaseMenu-padding);gap:var(--BaseMenu-gap);min-width:var(--BaseMenu-min-width)}.Header[data-v-de32957e]{padding:var(--sp) var(--input-padding-md) 0;font-size:var(--font-size-s);font-weight:var(--font-weight-bold);text-transform:uppercase;opacity:.5;-webkit-user-select:none;user-select:none}.Separator[data-v-de32957e]{height:var(--input-border-size);background:var(--color-base-100)}.Title[data-v-de32957e]{text-align:left;flex:1;align-self:flex-start}.Item[data-v-de32957e]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Bubble[data-v-22ce2fc0]{--Bubble-color:var(--color-base-0);--Bubble-arrow-size:10px;--Bubble-arrow-offset:16px;--Bubble-radius:var(--border-radius);--Bubble-shadow-color:var(--shadow-color-light);--Bubble-shadow:0 1px 3px var(--Bubble-shadow-color);z-index:10;filter:drop-shadow(var(--Bubble-shadow));position:absolute}.Body[data-v-22ce2fc0]{border-radius:var(--Bubble-radius);background:var(--Bubble-color);min-width:48px;min-height:16px;position:absolute}.Arrow[data-v-22ce2fc0]{z-index:5;border:var(--Bubble-arrow-size) solid transparent;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-22ce2fc0]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-22ce2fc0]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-22ce2fc0]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-22ce2fc0]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-22ce2fc0],.Bubble-start.Bubble-bottom>.Body[data-v-22ce2fc0]{transform:translateX(calc(-1 * var(--Bubble-arrow-offset)));left:0}.Bubble-center.Bubble-top>.Body[data-v-22ce2fc0],.Bubble-center.Bubble-bottom>.Body[data-v-22ce2fc0]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-22ce2fc0],.Bubble-end.Bubble-bottom>.Body[data-v-22ce2fc0]{transform:translateX(var(--Bubble-arrow-offset));right:0}.Bubble-start.Bubble-left>.Body[data-v-22ce2fc0],.Bubble-start.Bubble-right>.Body[data-v-22ce2fc0]{transform:translateY(calc(-1 * var(--Bubble-arrow-offset)));top:0}.Bubble-center.Bubble-left>.Body[data-v-22ce2fc0],.Bubble-center.Bubble-right>.Body[data-v-22ce2fc0]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-22ce2fc0],.Bubble-end.Bubble-right>.Body[data-v-22ce2fc0]{transform:translateY(var(--Bubble-arrow-offset));bottom:0}.Bubble-top>.Arrow[data-v-22ce2fc0]{border-top-color:var(--Bubble-color)}.Bubble-bottom>.Arrow[data-v-22ce2fc0]{border-bottom-color:var(--Bubble-color)}.Bubble-left>.Arrow[data-v-22ce2fc0]{border-left-color:var(--Bubble-color)}.Bubble-right>.Arrow[data-v-22ce2fc0]{border-right-color:var(--Bubble-color)}.Checkbox[data-v-c555060c]{--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);font-size:var(--Checkbox-size);color:var(--ui-surface-text-color);text-shadow:var(--Checkbox-mark-shadow);box-shadow:var(--Checkbox-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;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-c555060c]{display:none}.Mark[data-v-c555060c]{opacity:0;transition:opacity .1s,border-radius .3s}.Checkbox-active .Mark[data-v-c555060c]{opacity:1}.Checkbox-mark-check .Mark[data-v-c555060c]:after{content:"✓"}.Checkbox-mark-xmark .Mark[data-v-c555060c]:after{content:"✗"}.Checkbox-mark-dot .Mark[data-v-c555060c]:after{content:"●"}.Checkbox-mark-knob .Mark[data-v-c555060c]{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-disabled[data-v-c555060c]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-c555060c]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-c555060c]{filter:brightness(.96)}.Checkbox[data-v-c555060c]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-c555060c]{z-index:10;--Checkbox-outline-color:var(--ui-focus-light-color);--Checkbox-border-color:var(--ui-focus-medium-color)}.Checkbox-active[data-v-c555060c]{--Checkbox-surface:var(--ui-surface-color)}.Checkbox-round[data-v-c555060c]{--Checkbox-radius:var(--input-radius-round)}.Checkbox-outline[data-v-c555060c]{--Checkbox-border-color:var(--ui-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-c555060c]{--Checkbox-shadow:none;--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none}.Overlay[data-v-b397e24e]{--ContextPopup-overlay-surface:var(--overlay-surface);z-index:2000;pointer-events:none;position:fixed;inset:0}.Overlay-enabled[data-v-b397e24e]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-b397e24e]{background:var(--ContextPopup-overlay-surface)}.Filler[data-v-dc7d96c2]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-dc7d96c2]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-dc7d96c2]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-dc7d96c2]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-ea53bb3c]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-ea53bb3c]{align-items:stretch}.HGroup-align-baseline[data-v-ea53bb3c]{align-items:baseline}.HGroup-align-center[data-v-ea53bb3c]{align-items:center}.HGroup-align-start[data-v-ea53bb3c]{align-items:flex-start}.HGroup-align-end[data-v-ea53bb3c]{align-items:flex-end}.HGroup-justify-center[data-v-ea53bb3c]{justify-content:center}.HGroup-justify-start[data-v-ea53bb3c]{justify-content:flex-start}.HGroup-justify-end[data-v-ea53bb3c]{justify-content:flex-end}.HGroup-justify-space-around[data-v-ea53bb3c]{justify-content:space-around}.HGroup-justify-space-between[data-v-ea53bb3c]{justify-content:space-between}.HGroup-gap-xxs[data-v-ea53bb3c]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-ea53bb3c]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-ea53bb3c]{gap:var(--sp-s)}.HGroup-gap-m[data-v-ea53bb3c]{gap:var(--sp-m)}.HGroup-gap-l[data-v-ea53bb3c]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-ea53bb3c]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-ea53bb3c]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-ea53bb3c]{gap:0}.HGroup-gap-0-25[data-v-ea53bb3c]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-ea53bb3c]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-ea53bb3c]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-ea53bb3c]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-ea53bb3c]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-ea53bb3c]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-ea53bb3c]{gap:var(--sp3)}.HGroup-gap-4[data-v-ea53bb3c]{gap:var(--sp4)}.HGroup-gap-5[data-v-ea53bb3c]{gap:var(--sp5)}.HGroup-gap-6[data-v-ea53bb3c]{gap:var(--sp6)}.HGroup-gap-7[data-v-ea53bb3c]{gap:var(--sp7)}.HGroup-gap-8[data-v-ea53bb3c]{gap:var(--sp8)}.HGroup-gap-9[data-v-ea53bb3c]{gap:var(--sp9)}.HGroup-gap-10[data-v-ea53bb3c]{gap:var(--sp10)}.HGroup-gap-12[data-v-ea53bb3c]{gap:var(--sp12)}.HGroup-gap-16[data-v-ea53bb3c]{gap:var(--sp16)}.HGroup-gap-24[data-v-ea53bb3c]{gap:var(--sp24)}.HGroup-gap-32[data-v-ea53bb3c]{gap:var(--sp32)}.HGroup-wrap[data-v-ea53bb3c]{flex-wrap:wrap}.Tab[data-v-e11dbe5f]{--Tab-size:var(--input-height);--Tab-cap-size:var(--input-height);--Tab-font-size:var(--input-font-size);--Tab-surface:var(--ui-surface-color);--Tab-text-color:var(--ui-surface-text-color);--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow:0 0 .5px var(--Tab-shadow-color);cursor:pointer;color:var(--Tab-text-color);filter:drop-shadow(var(--Tab-shadow));font-size:var(--Tab-font-size);display:flex;position:relative}.TabCap[data-v-e11dbe5f],.Content[data-v-e11dbe5f]{z-index:2;position:relative}.Content[data-v-e11dbe5f]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-e11dbe5f]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-e11dbe5f]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-e11dbe5f]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-e11dbe5f]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-e11dbe5f]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-e11dbe5f]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-e11dbe5f]{height:var(--Tab-cap-size)}.InputBase[data-v-1997e566]{--InputBase-size:var(--input-height);--InputBase-padding-x:var(--input-padding-md);--InputBase-padding-y:var(--input-padding-sm);--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);z-index:var(--ui-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-1997e566]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding-y) var(--InputBase-padding-x);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-1997e566]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-forceFocus[data-v-1997e566]{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-1997e566]{--InputBase-surface:var(--color-base-100)}.InputBase-disabled .Container[data-v-1997e566]{opacity:.6;filter:saturate(50%);cursor:not-allowed}.InputBase-fixedHeight .Container[data-v-1997e566]{height:var(--InputBase-size)}.InputBase-round[data-v-1997e566]{--InputBase-radius:var(--input-radius-round)}.InputBase-flat[data-v-1997e566]{--InputBase-shadow-color:none;--InputBase-shadow:none}.Label[data-v-1997e566]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-1997e566]{z-index:0;margin:0 var(--sp2);--Tab-size:calc(.75 * var(--InputBase-size));--Tab-cap-size:calc(.75 * var(--InputBase-size));--Tab-font-size:var(--InputBase-font-size);align-self:flex-start;position:relative}.Label.TextLabel[data-v-1997e566]{margin:0 var(--InputBase-padding-x);height:var(--sp3);line-height:1.5;font-size:var(--InputBase-label-font-size);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Label.InlineLabel[data-v-1997e566]{z-index:2;margin:0 var(--InputBase-padding-x);height:var(--sp2);line-height:var(--sp2);font-size:var(--InputBase-label-font-size);border-radius:var(--input-radius);color:var(--InputBase-label-color);text-shadow:0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface), 0 0 3px var(--InputBase-surface);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:-2px;left:-2px;overflow:hidden;transform:translateY(-50%)}.InputGroup[data-v-75cd33a4]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-75cd33a4]>.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-75cd33a4]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}input[data-v-db545036],textarea[data-v-db545036]{-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}input[data-v-700f526a],textarea[data-v-700f526a]{-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-700f526a] .Container{overflow-y:auto}textarea[data-v-700f526a]{align-self:flex-start}path[data-v-b67760ad]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-b67760ad]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-b67760ad]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-b67760ad]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-b67760ad]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-b67760ad]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-b67760ad]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-b67760ad]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-b67760ad]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-ae24728b]{--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-ae24728b]{display:none}.Toggle[data-v-ae24728b]: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), 0 1px 5px 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-ae24728b]{cursor:not-allowed;opacity:.5}.Toggle[data-v-ae24728b]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-ae24728b]{filter:brightness(.96)}.Toggle[data-v-ae24728b]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-ae24728b]{z-index:10;--Toggle-outline-color:var(--ui-focus-light-color);--Toggle-border-color:var(--ui-focus-medium-color)}.Toggle-active[data-v-ae24728b]{--Toggle-surface:var(--ui-surface-color);--Toggle-knob-surface:var(--ui-surface-text-color)}.Toggle-active[data-v-ae24728b]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)), -50%)}.Toggle-round[data-v-ae24728b]{--Toggle-radius:var(--input-radius-round)}.Toggle-outline[data-v-ae24728b]{--Toggle-border-color:var(--ui-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-ae24728b]{--Toggle-shadow-color:none;--Toggle-shadow:none}.ToolPanel[data-v-4e773673]{--ToolPanel-size:var(--input-height);--ToolPanel-padding:var(--sp0-5);--ToolPanel-gap:var(--input-gap);--ToolPanel-surface:var(--color-base-100);--ToolPanel-border-size:0;--ToolPanel-border-color:var(--color-base-200);--ToolPanel-radius:var(--input-radius);--ToolPanel-shadow-color:var(--shadow-color-light);--ToolPanel-shadow:0 1px 1px var(--ToolPanel-shadow-color) inset, 0 0 5px var(--ToolPanel-shadow-color) inset;align-items:center;gap:var(--ToolPanel-gap);padding:var(--ToolPanel-padding);height:var(--ToolPanel-size);border:var(--ToolPanel-border-size) solid var(--ToolPanel-border-color);border-radius:var(--ToolPanel-radius);min-height:0;box-shadow:var(--ToolPanel-shadow);background:var(--ToolPanel-surface);transition:color .3s,background-color .3s,border-radius .3s,filter .3s;display:flex}.ToolPanel-size-s[data-v-4e773673]{--ToolPanel-padding:var(--sp0-25)}.ToolPanel-round[data-v-4e773673]{--ToolPanel-radius:var(--input-radius-round)}.ToolPanel-outline[data-v-4e773673]{--ToolPanel-border-size:var(--input-border-size)}.ToolPanel-flat[data-v-4e773673]{--ToolPanel-shadow:none}}

package/dist/core.mjs

@@ -137,7 +137,7 @@ function N(n, t, e, l, o, s) {
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-const $ = /* @__PURE__ */ c(E, [["render", N], ["__scopeId", "data-v-144a5c7b"]]), L = {
+const $ = /* @__PURE__ */ c(E, [["render", N], ["__scopeId", "data-v-29d27ce4"]]), L = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "stretch" },
@@ -159,7 +159,7 @@ function G(n, t, e, l, o, s) {
     _: 3
   }, 8, ["class"]);
 }
-const P = /* @__PURE__ */ c(L, [["render", G], ["__scopeId", "data-v-044d3ec4"]]), R = {
+const P = /* @__PURE__ */ c(L, [["render", G], ["__scopeId", "data-v-928e018d"]]), R = {
   components: {
     Btn: $,
     VGroup: P
@@ -251,7 +251,7 @@ function Y(n, t, e, l, o, s) {
     _: 1
   }, 8, ["class", "onKeydown"]);
 }
-const I = /* @__PURE__ */ c(R, [["render", Y], ["__scopeId", "data-v-c6736688"]]), J = {
+const I = /* @__PURE__ */ c(R, [["render", Y], ["__scopeId", "data-v-de32957e"]]), J = {
   props: {
     dir: { type: String, default: "bottom" },
     align: { type: String, default: "start" },
@@ -282,7 +282,7 @@ function Z(n, t, e, l, o, s) {
     _: 3
   }, 8, ["name"]);
 }
-const ee = /* @__PURE__ */ c(J, [["render", Z], ["__scopeId", "data-v-0840cacf"]]), te = {
+const ee = /* @__PURE__ */ c(J, [["render", Z], ["__scopeId", "data-v-22ce2fc0"]]), te = {
   props: {
     mark: { type: String, default: "check" },
     modelValue: { type: Boolean },
@@ -373,7 +373,7 @@ function oe(n, t, e, l, o, s) {
     }, null, 40, ne)
   ], 34);
 }
-const se = /* @__PURE__ */ c(te, [["render", oe], ["__scopeId", "data-v-24a3751b"]]);
+const se = /* @__PURE__ */ c(te, [["render", oe], ["__scopeId", "data-v-c555060c"]]);
 function C(n, t) {
   const e = {}, l = Object.keys(t.props || {});
   for (const o of l)
@@ -457,7 +457,6 @@ const le = {
           return { x: l + o * 0.5, y: e };
         case "bottom":
           return { x: l + o * 0.5, y: e + s };
-        case "middle":
         default:
           return { x: l + o * 0.5, y: e + s * 0.5 };
       }
@@ -499,7 +498,7 @@ function ae(n, t, e, l, o, s) {
     ], 2)
   ]);
 }
-const w = /* @__PURE__ */ c(le, [["render", ae], ["__scopeId", "data-v-8d924b35"]]), ie = {
+const w = /* @__PURE__ */ c(le, [["render", ae], ["__scopeId", "data-v-b397e24e"]]), ie = {
   components: {
     ContextPopup: w,
     BaseMenu: I
@@ -507,7 +506,8 @@ const w = /* @__PURE__ */ c(le, [["render", ae], ["__scopeId", "data-v-8d924b35"
   inheritAttrs: !1,
   props: {
     ...w.props,
-    ...I.props
+    ...I.props,
+    autoFocus: { type: Boolean, default: !0 }
   },
   emits: [
     ...w.emits || [],
@@ -556,7 +556,7 @@ function ce(n, t, e, l, o, s) {
     ]])
   }, null, 2);
 }
-const fe = /* @__PURE__ */ c(de, [["render", ce], ["__scopeId", "data-v-448176c1"]]), ye = {
+const fe = /* @__PURE__ */ c(de, [["render", ce], ["__scopeId", "data-v-dc7d96c2"]]), ye = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "center" },
@@ -582,7 +582,7 @@ function pe(n, t, e, l, o, s) {
     _: 3
   }, 8, ["class"]);
 }
-const ve = /* @__PURE__ */ c(ye, [["render", pe], ["__scopeId", "data-v-5b190da7"]]), he = {
+const ve = /* @__PURE__ */ c(ye, [["render", pe], ["__scopeId", "data-v-ea53bb3c"]]), he = {
   props: {
     tagName: { type: String, default: "div" },
     dir: { type: String, default: "top" },
@@ -630,7 +630,7 @@ function ge(n, t, e, l, o, s) {
     _: 3
   }, 8, ["class"]);
 }
-const F = /* @__PURE__ */ c(he, [["render", ge], ["__scopeId", "data-v-2d5bc4a5"]]), _e = {
+const F = /* @__PURE__ */ c(he, [["render", ge], ["__scopeId", "data-v-e11dbe5f"]]), _e = {
   components: {
     Tab: F
   },
@@ -724,7 +724,7 @@ function Ie(n, t, e, l, o, s) {
     _: 3
   }, 40, ["class"]);
 }
-const _ = /* @__PURE__ */ c(_e, [["render", Ie], ["__scopeId", "data-v-911102ad"]]), we = {
+const _ = /* @__PURE__ */ c(_e, [["render", Ie], ["__scopeId", "data-v-1997e566"]]), we = {
   props: {
     tagName: { type: String, default: "div" }
   }
@@ -737,7 +737,7 @@ function $e(n, t, e, l, o, s) {
     _: 3
   });
 }
-const xe = /* @__PURE__ */ c(we, [["render", $e], ["__scopeId", "data-v-ca03932d"]]), Ce = {
+const xe = /* @__PURE__ */ c(we, [["render", $e], ["__scopeId", "data-v-75cd33a4"]]), Ce = {
   components: {
     InputBase: _
   },
@@ -797,7 +797,7 @@ function Te(n, t, e, l, o, s) {
     _: 3
   }, 16);
 }
-const ze = /* @__PURE__ */ c(Ce, [["render", Te], ["__scopeId", "data-v-a7cbc67d"]]), Pe = {
+const ze = /* @__PURE__ */ c(Ce, [["render", Te], ["__scopeId", "data-v-db545036"]]), Pe = {
   components: {
     InputBase: _
   },
@@ -864,7 +864,7 @@ function je(n, t, e, l, o, s) {
     _: 3
   }, 16);
 }
-const Ae = /* @__PURE__ */ c(Pe, [["render", je], ["__scopeId", "data-v-3967e87e"]]), Ve = {
+const Ae = /* @__PURE__ */ c(Pe, [["render", je], ["__scopeId", "data-v-700f526a"]]), Ve = {
   components: {
     Btn: $
   },
@@ -919,7 +919,7 @@ function De(n, t, e, l, o, s) {
     b("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ])], 2);
 }
-const Ne = /* @__PURE__ */ c(Ee, [["render", De], ["__scopeId", "data-v-703bfafd"]]), Le = {
+const Ne = /* @__PURE__ */ c(Ee, [["render", De], ["__scopeId", "data-v-b67760ad"]]), Le = {
   props: {
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
@@ -1004,7 +1004,7 @@ function Re(n, t, e, l, o, s) {
     }, null, 40, Ge)
   ], 34);
 }
-const Ke = /* @__PURE__ */ c(Le, [["render", Re], ["__scopeId", "data-v-7086db27"]]), qe = {
+const Ke = /* @__PURE__ */ c(Le, [["render", Re], ["__scopeId", "data-v-ae24728b"]]), qe = {
   props: {
     size: { type: String, default: "m" },
     flat: { type: Boolean, default: !1 },
@@ -1027,7 +1027,7 @@ function Ue(n, t, e, l, o, s) {
     d(n.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const We = /* @__PURE__ */ c(qe, [["render", Ue], ["__scopeId", "data-v-5ab32096"]]), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const We = /* @__PURE__ */ c(qe, [["render", Ue], ["__scopeId", "data-v-4e773673"]]), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseMenu: I,
   Btn: $,

package/package.json

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