nightshade 1.2.1 → 1.2.3

package/dist/bundle.js

@@ -1,4 +1,4 @@
-import { B as t, a as s, C as o, b as n, c as r, H as p, d as l, I as u, e as i, f as x, g as c, S as m, h as C, T as S, j as T, V as I, i as b } from "./index-DeIH3N7b.js";
+import { B as t, a as s, C as o, b as n, c as r, H as p, d as l, I as u, e as i, f as x, g as c, S as m, h as C, T as S, j as T, V as I, i as b } from "./index-CzY-ZgVv.js";
 import { D as h, E as f, L as B, S as E, g as P, i as H } from "./ListNavController-drNtDwz9.js";
 import { T as v, t as D } from "./plugins-BNw3Bq_Y.js";
 export {

package/dist/components.css

@@ -1 +1 @@
-.Btn[data-v-0cdf04ef]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-outline-offset: var(--input-outline-offset);--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-shadow-color: transparent;--Btn-border-radius: var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:0;border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);outline-offset:var(--Btn-outline-offset);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-0cdf04ef]:focus,.Btn[data-v-0cdf04ef]:active,.Btn[data-v-0cdf04ef]:hover{transition:none}.Btn[data-v-0cdf04ef]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-0cdf04ef]{filter:brightness(.96)}.Btn[data-v-0cdf04ef]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-0cdf04ef]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-0cdf04ef]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-0cdf04ef]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-0cdf04ef]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-0cdf04ef]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-0cdf04ef]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-0cdf04ef]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-0cdf04ef]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-0cdf04ef]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-0cdf04ef]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-0cdf04ef]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-0cdf04ef]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-0cdf04ef]{order:100}.Btn-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default-text);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-surface-top-hover: var(--color-default-surface-top-hover);--Btn-surface-bottom-hover: var(--color-default-surface-bottom-hover);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning-text);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger-text);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Menu[data-v-11b5b285]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-11b5b285]{width:240px}.Search[data-v-11b5b285]{flex:0 0 auto}.Items[data-v-11b5b285]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-11b5b285]{display:flex;flex-flow:column nowrap;gap:var(--sp0-5);padding:var(--sp);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;line-height:1}.MenuItem-primary[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-danger[data-v-11b5b285]{color:var(--color-danger)}.MenuItem-checked[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-disabled[data-v-11b5b285]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-11b5b285]:hover,.MenuItem-selected[data-v-11b5b285]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-11b5b285]{background:var(--color-focus-0)}.Separator[data-v-11b5b285]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-11b5b285]{padding:var(--sp);color:var(--color-text-3);font-weight:var(--font-weight-bold);text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ItemLine[data-v-11b5b285]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-11b5b285]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-11b5b285]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-11b5b285]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.CheckIcon[data-v-11b5b285]{font-size:var(--font-size-small)}.Overlay[data-v-55cbd0aa]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-55cbd0aa]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-55cbd0aa]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-87729fc0]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-outline-offset: var(--input-outline-offset);--InputBase-border-size: var(--input-border-size);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-border-radius: var(--border-radius);--InputBase-label-color: var(--color-text-1);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-87729fc0]{position:relative;z-index:1;display:flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-87729fc0]{height:var(--InputBase-size)}.InputBase[data-v-87729fc0]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-87729fc0]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-87729fc0]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-87729fc0]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-87729fc0]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-87729fc0]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-87729fc0]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-87729fc0]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-87729fc0]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-87729fc0]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.Label.TextLabel[data-v-87729fc0]{margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);line-height:1.5;height:var(--sp3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-87729fc0]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;transform:translateY(-50%);left:-2px;z-index:2;margin:0 var(--InputBase-padding);padding:0 2px;color:var(--InputBase-label-color);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-87729fc0]:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--sp);transform:translateY(-50%);z-index:-1;background:var(--InputBase-surface)}.Icon[data-v-b4aec61d]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-b4aec61d],.Placeholder[data-v-b4aec61d]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-b4aec61d]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-26fed2ef]{--InputBase-padding: var(--sp1-5)}input[data-v-26fed2ef],textarea[data-v-26fed2ef]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-738ae6a6]{--InputBase-padding: var(--sp1-5)}input[data-v-738ae6a6],textarea[data-v-738ae6a6]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.Switch[data-v-3a2d96ff]{--Switch-slide-width: 32px;--Switch-slide-height: 20px;--Switch-knob-size: 16px;--Switch-knob-offset: 2px;--Switch-knob-outline-offset: -2px;--Switch-outline-size: var(--input-outline-size);--Switch-outline-color: transparent;--Switch-outline-color-effective: transparent;--Switch-outline-color-focus: var(--color-primary);--Switch-outline-offset: var(--input-outline-offset);--Switch-surface-top: var(--color-base-3);--Switch-surface-bottom: var(--color-base-3);--Switch-surface-top-active: var(--color-primary);--Switch-surface-bottom-active: var(--color-primary);--Switch-surface-top-effective: var(--Switch-surface-top);--Switch-surface-bottom-effective: var(--Switch-surface-bottom);display:block;position:relative;width:var(--Switch-slide-width);height:var(--Switch-slide-height);border-radius:10000px;cursor:pointer;background:radial-gradient(120% 150% at 80% 0%,var(--Switch-surface-top-effective),var(--Switch-surface-bottom-effective));outline:var(--Switch-outline-size) solid var(--Switch-outline-color-effective);outline-offset:var(--Switch-outline-offset);background-clip:padding-box;transition:background-color .3s;box-shadow:0 .5px 1px var(--color-shadow-medium) inset}.Switch input[data-v-3a2d96ff]{display:none}.Switch[data-v-3a2d96ff]:after{content:"";position:absolute;top:50%;left:0;width:var(--Switch-knob-size);height:var(--Switch-knob-size);border-radius:1000px;background:var(--color-base-0);box-shadow:0 1px 1px var(--color-shadow-medium);transform:translate(var(--Switch-knob-offset),-50%);transition:transform .3s}.Switch[data-v-3a2d96ff]:not(:disabled):hover,.Switch.Switch-pseudo-hover[data-v-3a2d96ff]{filter:brightness(.96)}.Switch[data-v-3a2d96ff]:not(:disabled):focus,.Switch.Switch-pseudo-focus[data-v-3a2d96ff]{z-index:10;--Switch-outline-color-effective: var(--Switch-outline-color-focus)}.Switch-active[data-v-3a2d96ff]{--Switch-surface-top-effective: var(--Switch-surface-top-active);--Switch-surface-bottom-effective: var(--Switch-surface-bottom-active)}.Switch-active[data-v-3a2d96ff]:after{transform:translate(calc(var(--Switch-slide-width) - var(--Switch-knob-size) - var(--Switch-knob-offset)),-50%)}.Switch-disabled[data-v-3a2d96ff]{cursor:not-allowed;opacity:.5}.Switch-knob-outline[data-v-3a2d96ff]:after{outline:var(--Switch-outline-size) solid var(--Switch-outline-color);outline-offset:var(--Switch-knob-outline-offset)}.Switch-small[data-v-3a2d96ff]{--Switch-slide-width: 24px;--Switch-slide-height: 16px;--Switch-knob-size: 12px}.Switch-large[data-v-3a2d96ff]{--Switch-slide-width: 40px;--Switch-slide-height: 24px;--Switch-knob-size: 20px}.Switch-default[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-default-surface-top);--Switch-surface-bottom-active: var(--color-default-surface-bottom);--Switch-outline-color: var(--color-default-outline);--Switch-outline-color-focus: var(--color-default-focus)}.Switch-primary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-primary-surface-top);--Switch-surface-bottom-active: var(--color-primary-surface-bottom);--Switch-outline-color: var(--color-primary-outline);--Switch-outline-color-focus: var(--color-primary-focus)}.Switch-secondary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-secondary-surface-top);--Switch-surface-bottom-active: var(--color-secondary-surface-bottom);--Switch-outline-color: var(--color-secondary-outline);--Switch-outline-color-focus: var(--color-secondary-focus)}.Switch-tertiary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-tertiary-surface-top);--Switch-surface-bottom-active: var(--color-tertiary-surface-bottom);--Switch-outline-color: var(--color-tertiary-outline);--Switch-outline-color-focus: var(--color-tertiary-focus)}.Switch-success[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-success-surface-top);--Switch-surface-bottom-active: var(--color-success-surface-bottom);--Switch-outline-color: var(--color-success-outline);--Switch-outline-color-focus: var(--color-success-focus)}.Switch-warning[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-warning-surface-top);--Switch-surface-bottom-active: var(--color-warning-surface-bottom);--Switch-outline-color: var(--color-warning-outline);--Switch-outline-color-focus: var(--color-warning-focus)}.Switch-danger[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-danger-surface-top);--Switch-surface-bottom-active: var(--color-danger-surface-bottom);--Switch-outline-color: var(--color-danger-outline);--Switch-outline-color-focus: var(--color-danger-focus)}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}
+.Btn[data-v-0cdf04ef]{--Btn-padding: var(--sp1-5);--Btn-gap: var(--sp);--Btn-size: var(--input-size);--Btn-font-size: var(--font-size);--Btn-text-color: inherit;--Btn-outline-size: var(--input-outline-size);--Btn-outline-color: transparent;--Btn-outline-color-effective: transparent;--Btn-outline-color-focus: var(--color-primary);--Btn-outline-offset: var(--input-outline-offset);--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-shadow-color: transparent;--Btn-border-radius: var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;margin:0;padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:var(--Btn-gap);border:0;border-radius:var(--Btn-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit;font-size:var(--Btn-font-size);color:var(--Btn-text-color);outline:var(--Btn-outline-size) solid var(--Btn-outline-color-effective);outline-offset:var(--Btn-outline-offset);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-0cdf04ef]:focus,.Btn[data-v-0cdf04ef]:active,.Btn[data-v-0cdf04ef]:hover{transition:none}.Btn[data-v-0cdf04ef]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-0cdf04ef]{filter:brightness(.96)}.Btn[data-v-0cdf04ef]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-0cdf04ef]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-0cdf04ef]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-0cdf04ef]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-0cdf04ef]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-0cdf04ef]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-0cdf04ef]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-0cdf04ef]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-0cdf04ef]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-0cdf04ef]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-0cdf04ef]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-0cdf04ef]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-0cdf04ef]{--Btn-size: var(--input-size-small);--Btn-font-size: var(--font-size-small);--Btn-padding: var(--sp);--Btn-gap: var(--sp0-5)}.Btn-iconPos-right .Icon[data-v-0cdf04ef]{order:100}.Btn-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default-text);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-surface-top-hover: var(--color-default-surface-top-hover);--Btn-surface-bottom-hover: var(--color-default-surface-bottom-hover);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus);--Btn-shadow-color: var(--color-default-shadow)}.Btn-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning-text);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus);--Btn-shadow-color: var(--color-warning-shadow)}.Btn-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger-text);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus);--Btn-shadow-color: var(--color-danger-shadow)}.Btn-link-default[data-v-0cdf04ef]{--Btn-text-color: var(--color-default);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-0cdf04ef]{--Btn-text-color: var(--color-primary);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-0cdf04ef]{--Btn-text-color: var(--color-secondary);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-0cdf04ef]{--Btn-text-color: var(--color-tertiary);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-success[data-v-0cdf04ef]{--Btn-text-color: var(--color-success);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-0cdf04ef]{--Btn-text-color: var(--color-warning);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-0cdf04ef]{--Btn-text-color: var(--color-danger);--Btn-outline-color: var(--color-danger-outline);--Btn-outline-color-focus: var(--color-danger-focus)}:root{--Bubble-surface: var(--color-base-0);--Bubble-arrow-size: 10px;--Bubble-arrow-offset: 16px;--Bubble-shadow-color: var(--color-shadow-light);--Bubble-shadow-size: 0 2px 5px}.Bubble[data-v-2bf83119]{position:absolute;z-index:10;filter:drop-shadow(var(--Bubble-shadow-size) var(--Bubble-shadow-color))}.Body[data-v-2bf83119]{position:absolute;min-width:48px;min-height:16px;border-radius:var(--border-radius);background:var(--Bubble-surface)}.Arrow[data-v-2bf83119]{position:absolute;z-index:5;width:0;height:0;border:var(--Bubble-arrow-size) solid transparent;transform:translate(-50%,-50%)}.Bubble-top>.Body[data-v-2bf83119]{margin-bottom:var(--Bubble-arrow-size);bottom:0}.Bubble-bottom>.Body[data-v-2bf83119]{margin-top:var(--Bubble-arrow-size);top:0}.Bubble-left>.Body[data-v-2bf83119]{margin-right:var(--Bubble-arrow-size);right:0}.Bubble-right>.Body[data-v-2bf83119]{margin-left:var(--Bubble-arrow-size);left:0}.Bubble-start.Bubble-top>.Body[data-v-2bf83119],.Bubble-start.Bubble-bottom>.Body[data-v-2bf83119]{left:0;transform:translate(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-top>.Body[data-v-2bf83119],.Bubble-center.Bubble-bottom>.Body[data-v-2bf83119]{transform:translate(-50%)}.Bubble-end.Bubble-top>.Body[data-v-2bf83119],.Bubble-end.Bubble-bottom>.Body[data-v-2bf83119]{right:0;transform:translate(var(--Bubble-arrow-offset))}.Bubble-start.Bubble-left>.Body[data-v-2bf83119],.Bubble-start.Bubble-right>.Body[data-v-2bf83119]{top:0;transform:translateY(calc(-1 * var(--Bubble-arrow-offset)))}.Bubble-center.Bubble-left>.Body[data-v-2bf83119],.Bubble-center.Bubble-right>.Body[data-v-2bf83119]{transform:translateY(-50%)}.Bubble-end.Bubble-left>.Body[data-v-2bf83119],.Bubble-end.Bubble-right>.Body[data-v-2bf83119]{bottom:0;transform:translateY(var(--Bubble-arrow-offset))}.Bubble-top>.Arrow[data-v-2bf83119]{border-top-color:var(--Bubble-surface)}.Bubble-bottom>.Arrow[data-v-2bf83119]{border-bottom-color:var(--Bubble-surface)}.Bubble-left>.Arrow[data-v-2bf83119]{border-left-color:var(--Bubble-surface)}.Bubble-right>.Arrow[data-v-2bf83119]{border-right-color:var(--Bubble-surface)}.Circle[data-v-48fdb4ac]{--CircleSize: var(--sp2);width:var(--CircleSize);height:var(--CircleSize);border-radius:var(--CircleSize);box-shadow:0 1px 3px #00000040}.Circle-normal[data-v-48fdb4ac]{--CircleSize: var(--sp2) }.Circle-large[data-v-48fdb4ac]{--CircleSize: var(--sp4) }.Circle-larger[data-v-48fdb4ac]{--CircleSize: var(--sp6) }.Menu[data-v-11b5b285]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-11b5b285]{width:240px}.Search[data-v-11b5b285]{flex:0 0 auto}.Items[data-v-11b5b285]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-11b5b285]{display:flex;flex-flow:column nowrap;gap:var(--sp0-5);padding:var(--sp);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;line-height:1}.MenuItem-primary[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-danger[data-v-11b5b285]{color:var(--color-danger)}.MenuItem-checked[data-v-11b5b285]{color:var(--color-primary)}.MenuItem-disabled[data-v-11b5b285]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-11b5b285]:hover,.MenuItem-selected[data-v-11b5b285]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-11b5b285]{background:var(--color-focus-0)}.Separator[data-v-11b5b285]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-11b5b285]{padding:var(--sp);color:var(--color-text-3);font-weight:var(--font-weight-bold);text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ItemLine[data-v-11b5b285]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-11b5b285]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-11b5b285]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-11b5b285]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.CheckIcon[data-v-11b5b285]{font-size:var(--font-size-small)}.Overlay[data-v-55cbd0aa]{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;pointer-events:none}.Overlay-enabled[data-v-55cbd0aa]{pointer-events:auto;overscroll-behavior:none;overflow:auto}.Overlay-shown[data-v-55cbd0aa]{background:var(--color-overlay)}.HGroup[data-v-0abfef17]{display:flex;flex-flow:row nowrap}.HGroup-align-stretch[data-v-0abfef17]{align-items:stretch}.HGroup-align-baseline[data-v-0abfef17]{align-items:baseline}.HGroup-align-center[data-v-0abfef17]{align-items:center}.HGroup-align-start[data-v-0abfef17]{align-items:flex-start}.HGroup-align-end[data-v-0abfef17]{align-items:flex-end}.HGroup-justify-center[data-v-0abfef17]{justify-content:center}.HGroup-justify-start[data-v-0abfef17]{justify-content:flex-start}.HGroup-justify-end[data-v-0abfef17]{justify-content:flex-end}.HGroup-justify-space-around[data-v-0abfef17]{justify-content:space-around}.HGroup-justify-space-between[data-v-0abfef17]{justify-content:space-between}.HGroup-gap-0[data-v-0abfef17]{gap:0}.HGroup-gap-1[data-v-0abfef17]{gap:var(--sp)}.HGroup-gap-2[data-v-0abfef17]{gap:var(--sp2)}.HGroup-gap-3[data-v-0abfef17]{gap:var(--sp3)}.HGroup-wrap[data-v-0abfef17]{flex-wrap:wrap}.HStack[data-v-48a370d0]{display:flex;align-items:stretch}.HStack[data-v-48a370d0]>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.HStack[data-v-48a370d0]>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Tab[data-v-1ba502f2]{--Tab-size: var(--sp3);--Tab-cap-size: var(--sp4);--Tab-surface: var(--color-base-1);--Tab-color: var(--color-text-0);--Tab-shadow-size: .5px;--Tab-shadow-color: rgba(0, 0, 0, .25);--Tab-shadow-offset-x: 0;--Tab-shadow-offset-y: 0;display:flex;cursor:pointer;position:relative;filter:drop-shadow(var(--Tab-shadow-offset-x) var(--Tab-shadow-offset-y) var(--Tab-shadow-size) var(--Tab-shadow-color))}.TabCap[data-v-1ba502f2],.Content[data-v-1ba502f2]{position:relative;z-index:2}.Content[data-v-1ba502f2]{min-width:0;display:flex;align-items:center;background:var(--Tab-surface);color:var(--Tab-color)}.TabLabel[data-v-1ba502f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tab-h[data-v-1ba502f2]{flex-flow:row;height:var(--Tab-size)}.Tab-v[data-v-1ba502f2]{flex-flow:column;width:var(--Tab-size)}.Tab-v .Content[data-v-1ba502f2]{writing-mode:vertical-lr;text-orientation:sideways-right;transform:rotate(180deg);transform-origin:50% 50%}.TabCap[data-v-1ba502f2]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-1ba502f2]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-1ba502f2]{height:var(--Tab-cap-size)}.InputBase[data-v-87729fc0]{--InputBase-size: var(--input-size);--InputBase-padding: var(--sp1-5);--InputBase-font-size: var(--font-size);--InputBase-text-color: var(--color-text-0);--InputBase-surface: var(--color-base-0);--InputBase-outline-size: var(--input-outline-size);--InputBase-outline-color: transparent;--InputBase-outline-color-focus: var(--color-tertiary-focus);--InputBase-outline-color-invalid: var(--color-danger-focus);--InputBase-outline-offset: var(--input-outline-offset);--InputBase-border-size: var(--input-border-size);--InputBase-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-border-radius: var(--border-radius);--InputBase-label-color: var(--color-text-1);--InputBase-label-color-focus: var(--color-tertiary-4);--InputBase-label-color-invalid: var(--color-danger-4);--InputBase-label-surface: var(--color-base-1);--InputBase-label-surface-focus: var(--InputBase-outline-color-focus);--InputBase-label-surface-invalid: var(--InputBase-outline-color-invalid);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-87729fc0]{position:relative;z-index:1;display:flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size) solid var(--InputBase-border-color);border-radius:var(--InputBase-border-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s}.InputBase-fixed-height .Container[data-v-87729fc0]{height:var(--InputBase-size)}.InputBase[data-v-87729fc0]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-87729fc0]{z-index:10;--InputBase-outline-color: var(--InputBase-outline-color-focus);--InputBase-border-color: var(--InputBase-border-color-focus);--InputBase-label-color: var(--InputBase-label-color-focus);--InputBase-label-surface: var(--InputBase-label-surface-focus)}.InputBase-invalid[data-v-87729fc0]{--InputBase-outline-color: var(--InputBase-outline-color-invalid);--InputBase-border-color: var(--InputBase-border-color-invalid);--InputBase-label-color: var(--InputBase-label-color-invalid);--InputBase-label-surface: var(--InputBase-label-surface-invalid)}.InputBase-round[data-v-87729fc0]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-87729fc0]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-87729fc0]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-87729fc0]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-87729fc0]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-87729fc0]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-87729fc0]{align-self:flex-start;position:relative;z-index:0;margin:0 var(--sp2);--Tab-surface: var(--InputBase-label-surface);--Tab-color: var(--InputBase-label-color);--Tab-size: calc(.75 * var(--InputBase-size));--Tab-cap-size: calc(.75 * var(--InputBase-size));font-size:var(--InputBase-font-size)}.Label.TextLabel[data-v-87729fc0]{margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);line-height:1.5;height:var(--sp3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-87729fc0]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;transform:translateY(-50%);left:-2px;z-index:2;margin:0 var(--InputBase-padding);padding:0 2px;color:var(--InputBase-label-color);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Label.InlineLabel[data-v-87729fc0]:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--sp);transform:translateY(-50%);z-index:-1;background:var(--InputBase-surface)}.Icon[data-v-b4aec61d]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-b4aec61d],.Placeholder[data-v-b4aec61d]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-b4aec61d]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-26fed2ef]{--InputBase-padding: var(--sp1-5)}input[data-v-26fed2ef],textarea[data-v-26fed2ef]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit}.InputTextarea[data-v-1ee3dc59]{--InputBase-padding: var(--sp1-5)}input[data-v-1ee3dc59],textarea[data-v-1ee3dc59]{-webkit-appearance:none;box-sizing:border-box;flex:1;padding:0;border:0;width:100%;min-width:0;outline:0;-webkit-user-select:text;user-select:text;background:transparent;color:inherit;font:inherit;cursor:inherit;resize:none}.InputBase[data-v-1ee3dc59] .Container{overflow-y:auto}textarea[data-v-1ee3dc59]{align-self:flex-start}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.Switch[data-v-3a2d96ff]{--Switch-slide-width: 32px;--Switch-slide-height: 20px;--Switch-knob-size: 16px;--Switch-knob-offset: 2px;--Switch-knob-outline-offset: -2px;--Switch-outline-size: var(--input-outline-size);--Switch-outline-color: transparent;--Switch-outline-color-effective: transparent;--Switch-outline-color-focus: var(--color-primary);--Switch-outline-offset: var(--input-outline-offset);--Switch-surface-top: var(--color-base-3);--Switch-surface-bottom: var(--color-base-3);--Switch-surface-top-active: var(--color-primary);--Switch-surface-bottom-active: var(--color-primary);--Switch-surface-top-effective: var(--Switch-surface-top);--Switch-surface-bottom-effective: var(--Switch-surface-bottom);display:block;position:relative;width:var(--Switch-slide-width);height:var(--Switch-slide-height);border-radius:10000px;cursor:pointer;background:radial-gradient(120% 150% at 80% 0%,var(--Switch-surface-top-effective),var(--Switch-surface-bottom-effective));outline:var(--Switch-outline-size) solid var(--Switch-outline-color-effective);outline-offset:var(--Switch-outline-offset);background-clip:padding-box;transition:background-color .3s;box-shadow:0 .5px 1px var(--color-shadow-medium) inset}.Switch input[data-v-3a2d96ff]{display:none}.Switch[data-v-3a2d96ff]:after{content:"";position:absolute;top:50%;left:0;width:var(--Switch-knob-size);height:var(--Switch-knob-size);border-radius:1000px;background:var(--color-base-0);box-shadow:0 1px 1px var(--color-shadow-medium);transform:translate(var(--Switch-knob-offset),-50%);transition:transform .3s}.Switch[data-v-3a2d96ff]:not(:disabled):hover,.Switch.Switch-pseudo-hover[data-v-3a2d96ff]{filter:brightness(.96)}.Switch[data-v-3a2d96ff]:not(:disabled):focus,.Switch.Switch-pseudo-focus[data-v-3a2d96ff]{z-index:10;--Switch-outline-color-effective: var(--Switch-outline-color-focus)}.Switch-active[data-v-3a2d96ff]{--Switch-surface-top-effective: var(--Switch-surface-top-active);--Switch-surface-bottom-effective: var(--Switch-surface-bottom-active)}.Switch-active[data-v-3a2d96ff]:after{transform:translate(calc(var(--Switch-slide-width) - var(--Switch-knob-size) - var(--Switch-knob-offset)),-50%)}.Switch-disabled[data-v-3a2d96ff]{cursor:not-allowed;opacity:.5}.Switch-knob-outline[data-v-3a2d96ff]:after{outline:var(--Switch-outline-size) solid var(--Switch-outline-color);outline-offset:var(--Switch-knob-outline-offset)}.Switch-small[data-v-3a2d96ff]{--Switch-slide-width: 24px;--Switch-slide-height: 16px;--Switch-knob-size: 12px}.Switch-large[data-v-3a2d96ff]{--Switch-slide-width: 40px;--Switch-slide-height: 24px;--Switch-knob-size: 20px}.Switch-default[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-default-surface-top);--Switch-surface-bottom-active: var(--color-default-surface-bottom);--Switch-outline-color: var(--color-default-outline);--Switch-outline-color-focus: var(--color-default-focus)}.Switch-primary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-primary-surface-top);--Switch-surface-bottom-active: var(--color-primary-surface-bottom);--Switch-outline-color: var(--color-primary-outline);--Switch-outline-color-focus: var(--color-primary-focus)}.Switch-secondary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-secondary-surface-top);--Switch-surface-bottom-active: var(--color-secondary-surface-bottom);--Switch-outline-color: var(--color-secondary-outline);--Switch-outline-color-focus: var(--color-secondary-focus)}.Switch-tertiary[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-tertiary-surface-top);--Switch-surface-bottom-active: var(--color-tertiary-surface-bottom);--Switch-outline-color: var(--color-tertiary-outline);--Switch-outline-color-focus: var(--color-tertiary-focus)}.Switch-success[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-success-surface-top);--Switch-surface-bottom-active: var(--color-success-surface-bottom);--Switch-outline-color: var(--color-success-outline);--Switch-outline-color-focus: var(--color-success-focus)}.Switch-warning[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-warning-surface-top);--Switch-surface-bottom-active: var(--color-warning-surface-bottom);--Switch-outline-color: var(--color-warning-outline);--Switch-outline-color-focus: var(--color-warning-focus)}.Switch-danger[data-v-3a2d96ff]{--Switch-surface-top-active: var(--color-danger-surface-top);--Switch-surface-bottom-active: var(--color-danger-surface-bottom);--Switch-outline-color: var(--color-danger-outline);--Switch-outline-color-focus: var(--color-danger-focus)}path[data-v-3c0176d0]{transform-origin:50% 50%;stroke:none}.TabCap-top.TabCap-start path[data-v-3c0176d0]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-3c0176d0]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-3c0176d0]{transform:scale(1) rotate(90deg)}.TabCap-right.TabCap-end path[data-v-3c0176d0]{transform:scaleX(-1) rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-3c0176d0]{transform:scaleY(-1) rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-3c0176d0]{transform:scale(-1) rotate(90deg)}.VGroup[data-v-4e4be270]{display:flex;flex-flow:column nowrap}.VGroup-align-stretch[data-v-4e4be270]{align-items:stretch}.VGroup-align-baseline[data-v-4e4be270]{align-items:baseline}.VGroup-align-center[data-v-4e4be270]{align-items:center}.VGroup-align-start[data-v-4e4be270]{align-items:flex-start}.VGroup-align-end[data-v-4e4be270]{align-items:flex-end}.VGroup-justify-center[data-v-4e4be270]{justify-content:center}.VGroup-justify-start[data-v-4e4be270]{justify-content:flex-start}.VGroup-justify-end[data-v-4e4be270]{justify-content:flex-end}.VGroup-justify-space-around[data-v-4e4be270]{justify-content:space-around}.VGroup-justify-space-between[data-v-4e4be270]{justify-content:space-between}.VGroup-gap-0[data-v-4e4be270]{gap:0}.VGroup-gap-1[data-v-4e4be270]{gap:var(--sp)}.VGroup-gap-2[data-v-4e4be270]{gap:var(--sp2)}.VGroup-gap-3[data-v-4e4be270]{gap:var(--sp3)}.VGroup-gap-4[data-v-4e4be270]{gap:var(--sp4)}

package/dist/components.js

@@ -1,4 +1,4 @@
-import { B as t, a as e, C as p, b as u, c as n, H as o, d as r, I as b, e as c, f as x, g as C, S as I, h as S, T, j as B, V as i } from "./index-DeIH3N7b.js";
+import { B as t, a as e, C as p, b as u, c as n, H as o, d as r, I as b, e as c, f as x, g as C, S as I, h as S, T, j as B, V as i } from "./index-CzY-ZgVv.js";
 export {
   t as Btn,
   e as Bubble,

package/dist/{index-DeIH3N7b.js → index-CzY-ZgVv.js}

@@ -1,7 +1,7 @@
 var D = Object.defineProperty;
 var l = (e, n) => D(e, "name", { value: n, configurable: !0 });
-import { openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeClass as f, withCtx as _, renderSlot as p, createElementBlock as c, createCommentVNode as h, toDisplayString as S, Transition as H, createElementVNode as y, resolveComponent as k, withKeys as x, Fragment as $, renderList as M, Teleport as E, withModifiers as z, normalizeStyle as R, createVNode as V, mergeProps as C } from "vue";
-import { L as F, g as O } from "./ListNavController-drNtDwz9.js";
+import { openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeClass as f, withCtx as _, renderSlot as p, createElementBlock as c, createCommentVNode as h, toDisplayString as S, Transition as H, createElementVNode as y, resolveComponent as k, withKeys as x, Fragment as $, renderList as M, Teleport as E, withModifiers as z, normalizeStyle as F, createVNode as V, mergeProps as C } from "vue";
+import { L as O, g as R } from "./ListNavController-drNtDwz9.js";
 const m = /* @__PURE__ */ l((e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, a] of n)
@@ -310,7 +310,7 @@ const le = {
   emits: ["hide"],
   data() {
     return {
-      listNav: new F({
+      listNav: new O({
         selector: "[data-menu-item-id]",
         resolveId: /* @__PURE__ */ l((e) => e.getAttribute("data-menu-item-id"), "resolveId")
       }),
@@ -489,7 +489,7 @@ const me = /* @__PURE__ */ m(le, [["render", pe], ["__scopeId", "data-v-11b5b285
     },
     calcPos() {
       const e = this.getAnchorEl();
-      this.pos = O(e, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready"));
+      this.pos = R(e, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready"));
     },
     calcDirAlign() {
       const e = this.pos.y < window.innerHeight * 0.5, n = this.pos.x < window.innerWidth * 0.5;
@@ -544,7 +544,7 @@ function be(e, n, t, o, a, s) {
         key: 0,
         dir: a.actualDir,
         align: a.actualAlign,
-        style: R(s.bubbleStyle),
+        style: F(s.bubbleStyle),
         onMouseenter: n[0] || (n[0] = (r) => e.$emit("mouseenter")),
         onMouseleave: n[1] || (n[1] = (r) => e.$emit("mouseleave")),
         onClick: n[2] || (n[2] = z(() => {
@@ -803,7 +803,7 @@ function Ee(e, n, t, o, a, s) {
   }, 16);
 }
 l(Ee, "_sfc_render$6");
-const Re = /* @__PURE__ */ m(De, [["render", Ee], ["__scopeId", "data-v-b4aec61d"]]), Fe = {
+const Fe = /* @__PURE__ */ m(De, [["render", Ee], ["__scopeId", "data-v-b4aec61d"]]), Oe = {
   props: {
     ...B.props,
     modelValue: { type: [String, Number] },
@@ -830,7 +830,7 @@ const Re = /* @__PURE__ */ m(De, [["render", Ee], ["__scopeId", "data-v-b4aec61d
       this.$emit("update:modelValue", e.target.value);
     }
   }
-}, Oe = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+}, Re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
 function Pe(e, n, t, o, a, s) {
   const i = k("InputBase");
   return d(), b(i, C({ class: "InputText" }, {
@@ -853,14 +853,14 @@ function Pe(e, n, t, o, a, s) {
         onInput: n[0] || (n[0] = (r) => s.onInput(r)),
         onFocus: n[1] || (n[1] = (r) => e.$emit("focus", r)),
         onBlur: n[2] || (n[2] = (r) => e.$emit("blur", r))
-      }, null, 40, Oe),
+      }, null, 40, Re),
       p(e.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
 l(Pe, "_sfc_render$5");
-const Ge = /* @__PURE__ */ m(Fe, [["render", Pe], ["__scopeId", "data-v-26fed2ef"]]), je = {
+const Ge = /* @__PURE__ */ m(Oe, [["render", Pe], ["__scopeId", "data-v-26fed2ef"]]), je = {
   props: {
     ...B.props,
     modelValue: { type: String },
@@ -876,21 +876,23 @@ const Ge = /* @__PURE__ */ m(Fe, [["render", Pe], ["__scopeId", "data-v-26fed2ef
     "input",
     "update:modelValue"
   ],
+  watch: {
+    modelValue: {
+      handler() {
+        const e = this.$refs.input;
+        this.autoSize && e && (e.style.height = "auto", e.style.height = e.scrollHeight + "px");
+      }
+    }
+  },
   mounted() {
     this.$nextTick(() => {
-      var e;
-      this.autoFocus && ((e = this.$refs.input) == null || e.focus()), this.autoSize && this.initAutoSize();
+      const e = this.$refs.input;
+      this.autoFocus && e.focus(), this.autoSize && (e.style.height = e.scrollHeight + "px", e.style.overflowY = "hidden");
     });
   },
   methods: {
     onInput(e) {
       this.$emit("update:modelValue", e.target.value);
-    },
-    initAutoSize() {
-      const e = this.$refs.input;
-      e.style.height = e.scrollHeight + "px", e.style.overflowY = "hidden", e.addEventListener("input", () => {
-        e.style.height = "auto", e.style.height = e.scrollHeight + "px";
-      });
     }
   }
 }, Ke = ["value", "placeholder", "readonly", "disabled", "rows"];
@@ -908,7 +910,7 @@ function We(e, n, t, o, a, s) {
         placeholder: t.placeholder,
         readonly: t.readonly,
         disabled: e.disabled,
-        rows: e.effectiveRows,
+        rows: t.rows,
         resize: "none",
         autocomplete: "off",
         onInput: n[0] || (n[0] = (r) => s.onInput(r)),
@@ -921,7 +923,7 @@ function We(e, n, t, o, a, s) {
   }, 16);
 }
 l(We, "_sfc_render$4");
-const Ze = /* @__PURE__ */ m(je, [["render", We], ["__scopeId", "data-v-738ae6a6"]]), Qe = {}, qe = { class: "Sizer" };
+const Ze = /* @__PURE__ */ m(je, [["render", We], ["__scopeId", "data-v-1ee3dc59"]]), Qe = {}, qe = { class: "Sizer" };
 function Ue(e, n) {
   return d(), c("div", qe);
 }
@@ -1023,7 +1025,7 @@ const lt = /* @__PURE__ */ m(ot, [["render", it], ["__scopeId", "data-v-4e4be270
   HGroup: Se,
   HStack: Be,
   InputBase: B,
-  InputSelect: Re,
+  InputSelect: Fe,
   InputText: Ge,
   InputTextarea: Ze,
   Sizer: Ye,
@@ -1044,7 +1046,7 @@ export {
   me as b,
   ve as c,
   Be as d,
-  Re as e,
+  Fe as e,
   Ge as f,
   Ze as g,
   tt as h,

package/dist/lib/components/InputTextarea.vue.d.ts

@@ -1,6 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
     onInput(ev: any): void;
-    initAutoSize(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "input" | "update:modelValue")[], "blur" | "focus" | "input" | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nightshade",
-    "version": "1.2.1",
+    "version": "1.2.3",
     "description": "Vue UI library & design system",
     "type": "module",
     "exports": {