nightshade 1.1.3 → 1.2.0

package/dist/bundle.js

@@ -1,29 +1,30 @@
-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 m, S as C, T as c, h as T, V as I, i as S } from "./index-DH_MmT8O.js";
-import { D as g, E as f, L as h, S as B, g as E, i as P } from "./ListNavController-drNtDwz9.js";
-import { T as d, t as v } from "./plugins-BNw3Bq_Y.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-CfPC8k_N.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 {
   t as Btn,
   s as Bubble,
   o as Circle,
   n as ContextMenu,
   r as ContextPopup,
-  g as DomEventProxy,
+  h as DomEventProxy,
   f as ExpanderController,
   p as HGroup,
   l as HStack,
   u as InputBase,
   i as InputSelect,
   x as InputText,
-  m as InputTextarea,
-  h as ListNavController,
-  B as SelectionController,
-  C as Sizer,
-  c as Tab,
+  c as InputTextarea,
+  B as ListNavController,
+  E as SelectionController,
+  m as Sizer,
+  C as Switch,
+  S as Tab,
   T as TabCap,
-  d as ThemeManager,
+  v as ThemeManager,
   I as VGroup,
-  S as components,
-  E as getAnchorPoint,
-  P as isInputElement,
-  v as themePlugin
+  b as components,
+  P as getAnchorPoint,
+  H as isInputElement,
+  D as themePlugin
 };

package/dist/components.css

@@ -1 +1 @@
-.Btn[data-v-43785b81]{--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-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);background:radial-gradient(120% 150% at 80% 0%,var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;box-shadow:0 .5px .5px var(--Btn-shadow-color);transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-43785b81]:focus,.Btn[data-v-43785b81]:active,.Btn[data-v-43785b81]:hover{transition:none}.Btn[data-v-43785b81]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-43785b81]{filter:brightness(.96)}.Btn[data-v-43785b81]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-43785b81]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-43785b81]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-43785b81]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-43785b81]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-43785b81]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-43785b81]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-43785b81]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-43785b81]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-43785b81]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline[data-v-43785b81]{--Btn-outline-color-effective: var(--Btn-outline-color)}.Btn-large[data-v-43785b81]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-43785b81]{--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-43785b81]{order:100}.Btn-default[data-v-43785b81]{--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-43785b81]{--Btn-text-color: var(--color-primary-text);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-surface-top-hover: var(--color-primary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-primary-surface-bottom-hover);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus);--Btn-shadow-color: var(--color-primary-shadow)}.Btn-secondary[data-v-43785b81]{--Btn-text-color: var(--color-secondary-text);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-surface-top-hover: var(--color-secondary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-secondary-surface-bottom-hover);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus);--Btn-shadow-color: var(--color-secondary-shadow)}.Btn-tertiary[data-v-43785b81]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-surface-top-hover: var(--color-tertiary-surface-top-hover);--Btn-surface-bottom-hover: var(--color-tertiary-surface-bottom-hover);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-success[data-v-43785b81]{--Btn-text-color: var(--color-success-text);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-surface-top-hover: var(--color-success-surface-top-hover);--Btn-surface-bottom-hover: var(--color-success-surface-bottom-hover);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus);--Btn-shadow-color: var(--color-success-shadow)}.Btn-warning[data-v-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-43785b81]{--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-35f3f679]{--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-border-color: var(--color-base-3);--InputBase-border-color-focus: var(--color-tertiary);--InputBase-border-color-invalid: var(--color-danger);--InputBase-label-color: var(--color-text-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);--InputBase-border-size: var(--input-border-size);--InputBase-border-radius: var(--border-radius);outline:0;position:relative;display:flex;flex-flow:column nowrap}.Container[data-v-35f3f679]{position:relative;z-index:1;display:inline-flex;align-items:center;border-radius:var(--border-radius-small);box-sizing:border-box;padding:var(--InputBase-padding);gap:var(--sp);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size) solid var(--InputBase-outline-color);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-35f3f679]{height:var(--InputBase-size)}.InputBase[data-v-35f3f679]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-35f3f679]{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-35f3f679]{--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-35f3f679]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-35f3f679]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-35f3f679]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-35f3f679]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-35f3f679]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-35f3f679]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-35f3f679]{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-35f3f679]{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.BorderLabel[data-v-35f3f679]{--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;line-height:1;color:var(--InputBase-label-color);font-size:var(--font-size-small);background:var(--InputBase-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-8ff9214b]{--InputBase-padding: var(--sp1-5)}input[data-v-8ff9214b],textarea[data-v-8ff9214b]{-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}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-8ff9214b]{--InputBase-padding: var(--sp1-5)}input[data-v-8ff9214b],textarea[data-v-8ff9214b]{-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)}

package/dist/components.js

@@ -1,18 +1,19 @@
-import { B as e, a as t, C as p, b as u, c as n, H as o, d as r, I as b, e as x, f as C, g as I, S as T, T as c, h as B, V as S } from "./index-DH_MmT8O.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-CfPC8k_N.js";
 export {
-  e as Btn,
-  t as Bubble,
+  t as Btn,
+  e as Bubble,
   p as Circle,
   u as ContextMenu,
   n as ContextPopup,
   o as HGroup,
   r as HStack,
   b as InputBase,
-  x as InputSelect,
-  C as InputText,
-  I as InputTextarea,
-  T as Sizer,
-  c as Tab,
+  c as InputSelect,
+  x as InputText,
+  C as InputTextarea,
+  I as Sizer,
+  S as Switch,
+  T as Tab,
   B as TabCap,
-  S as VGroup
+  i as VGroup
 };

package/dist/{index-DH_MmT8O.js → index-CfPC8k_N.js}

@@ -1,8 +1,8 @@
 var D = Object.defineProperty;
-var r = (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 M, createElementVNode as y, resolveComponent as I, withKeys as x, Fragment as $, renderList as R, Teleport as E, withModifiers as z, normalizeStyle as H, createVNode as L, mergeProps as T } from "vue";
+var l = (e, n) => D(e, "name", { value: n, configurable: !0 });
+import { openBlock as d, createBlock as b, resolveDynamicComponent as I, normalizeClass as f, withCtx as _, renderSlot as p, createElementBlock as c, createCommentVNode as h, toDisplayString as S, Transition as M, createElementVNode as y, resolveComponent as k, withKeys as x, Fragment as $, renderList as R, Teleport as H, withModifiers as z, normalizeStyle as E, createVNode as V, mergeProps as C } from "vue";
 import { L as F, g as O } from "./ListNavController-drNtDwz9.js";
-const m = /* @__PURE__ */ r((e, n) => {
+const m = /* @__PURE__ */ l((e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, a] of n)
     t[o] = a;
@@ -51,7 +51,7 @@ const m = /* @__PURE__ */ r((e, n) => {
   class: "Label"
 };
 function j(e, n, t, o, a, s) {
-  return d(), b(w(s.tagName), {
+  return d(), b(I(s.tagName), {
     ref: "button",
     class: f(["Btn button", [
       `Btn-${t.size}`,
@@ -93,8 +93,8 @@ function j(e, n, t, o, a, s) {
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-r(j, "_sfc_render$e");
-const K = /* @__PURE__ */ m(P, [["render", j], ["__scopeId", "data-v-43785b81"]]), W = {
+l(j, "_sfc_render$f");
+const K = /* @__PURE__ */ m(P, [["render", j], ["__scopeId", "data-v-0cdf04ef"]]), W = {
   props: {
     dir: { type: String, default: "bottom" },
     align: { type: String, default: "start" }
@@ -121,7 +121,7 @@ function Q(e, n, t, o, a, s) {
     _: 3
   }, 8, ["name"]);
 }
-r(Q, "_sfc_render$d");
+l(Q, "_sfc_render$e");
 const q = /* @__PURE__ */ m(W, [["render", Q], ["__scopeId", "data-v-2bf83119"]]), U = {
   props: {
     size: { type: String, default: "normal" }
@@ -136,55 +136,55 @@ function J(e, n, t, o, a, s) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-r(J, "_sfc_render$c");
+l(J, "_sfc_render$d");
 const X = /* @__PURE__ */ m(U, [["render", J], ["__scopeId", "data-v-48fdb4ac"]]);
 function Y(e, n, t = "b") {
   return e.split("").map((o, a) => n.includes(a) ? `<${t}>${o}</${t}>` : o).join("");
 }
-r(Y, "formatHighlight");
-function V(e) {
+l(Y, "formatHighlight");
+function L(e) {
   return e.toLowerCase().replace(/[^\p{L}\p{N}]/gu, "");
 }
-r(V, "normalizeToken");
+l(L, "normalizeToken");
 function g(e, n) {
   const t = /(?:[A-Z]?[a-z0-9]+(?=[A-Z]))|(?:[a-zA-Z0-9]+[^A-Za-z0-9]*)|(?:[^A-Za-z0-9]*(?=[a-zA-Z0-9]))/g;
   t.lastIndex = n;
   const o = t.exec(e);
   return o == null ? e.length : o.index + o[0].length;
 }
-r(g, "nextTokenIdx");
-function N(e) {
+l(g, "nextTokenIdx");
+function A(e) {
   const n = [];
   let t = 0;
   for (; t < e.length; ) {
     const o = g(e, t), a = e.substring(t, o).replace(/[^a-z0-9]/gi, "");
-    a.length > 0 && n.push(V(a)), t = o;
+    a.length > 0 && n.push(L(a)), t = o;
   }
   return n;
 }
-r(N, "tokenize");
+l(A, "tokenize");
 const ee = [
   {
-    matcher: /* @__PURE__ */ r((e, n) => ne(e, n), "matcher"),
-    bias: /* @__PURE__ */ r((e) => e.biasTokensStrict ?? 16, "bias")
+    matcher: /* @__PURE__ */ l((e, n) => ne(e, n), "matcher"),
+    bias: /* @__PURE__ */ l((e) => e.biasTokensStrict ?? 16, "bias")
   },
   {
-    matcher: /* @__PURE__ */ r((e, n) => C(e, n), "matcher"),
-    bias: /* @__PURE__ */ r((e) => e.biasLetterTokens ?? 8, "bias")
+    matcher: /* @__PURE__ */ l((e, n) => T(e, n), "matcher"),
+    bias: /* @__PURE__ */ l((e) => e.biasLetterTokens ?? 8, "bias")
   },
   {
-    matcher: /* @__PURE__ */ r((e, n) => se(e, n), "matcher"),
-    bias: /* @__PURE__ */ r((e) => e.biasTokensLenient ?? 4, "bias")
+    matcher: /* @__PURE__ */ l((e, n) => se(e, n), "matcher"),
+    bias: /* @__PURE__ */ l((e) => e.biasTokensLenient ?? 4, "bias")
   },
   {
-    matcher: /* @__PURE__ */ r((e, n) => ae(e, n), "matcher"),
-    bias: /* @__PURE__ */ r((e) => e.biasWildcard ?? 1, "bias")
+    matcher: /* @__PURE__ */ l((e, n) => ae(e, n), "matcher"),
+    bias: /* @__PURE__ */ l((e) => e.biasWildcard ?? 1, "bias")
   }
 ];
 function te(e, n, t = {}) {
   const o = ee.slice().sort((a, s) => {
-    const i = a.bias(t), l = s.bias(t);
-    return i < l ? 1 : -1;
+    const i = a.bias(t), r = s.bias(t);
+    return i < r ? 1 : -1;
   });
   for (const a of o) {
     const s = a.bias(t);
@@ -192,9 +192,9 @@ function te(e, n, t = {}) {
       continue;
     const i = a.matcher(e, n);
     if (i.length > 0) {
-      const l = oe(i), u = Y(n, i, t.highlightTag ?? "b");
+      const r = oe(i), u = Y(n, i, t.highlightTag ?? "b");
       return {
-        score: l * s,
+        score: r * s,
         matches: i,
         highlight: u
       };
@@ -206,50 +206,50 @@ function te(e, n, t = {}) {
     highlight: n
   };
 }
-r(te, "fuzzyMatch");
+l(te, "fuzzyMatch");
 function ne(e, n, t = 0) {
-  const o = N(e), a = [], s = n.toLowerCase();
+  const o = A(e), a = [], s = n.toLowerCase();
   let i = t;
   for (; o.length > 0; ) {
     if (i >= n.length) {
-      const k = g(n, t);
-      return k < n.length ? C(e, n, k) : [];
+      const w = g(n, t);
+      return w < n.length ? T(e, n, w) : [];
     }
-    const l = o[0], u = i + l.length;
-    if (s.substring(i, u) === l) {
-      for (let k = i; k < u; k++)
-        a.push(k);
+    const r = o[0], u = i + r.length;
+    if (s.substring(i, u) === r) {
+      for (let w = i; w < u; w++)
+        a.push(w);
       i = Math.min(g(n, u), g(n, i)), o.shift();
     } else
       i = g(n, i);
   }
   return a;
 }
-r(ne, "matchTokensStrict");
-function C(e, n, t = 0) {
+l(ne, "matchTokensStrict");
+function T(e, n, t = 0) {
   const o = [];
   let a = t;
-  const s = V(e).split("");
+  const s = L(e).split("");
   for (; s.length > 0; ) {
     if (a >= n.length) {
-      const l = g(n, t);
-      return l < n.length ? C(e, n, l) : [];
+      const r = g(n, t);
+      return r < n.length ? T(e, n, r) : [];
     }
     s[0] === n.charAt(a).toLowerCase() ? (o.push(a), a += 1, s.shift()) : a = g(n, a);
   }
   return o;
 }
-r(C, "matchLetterTokens");
+l(T, "matchLetterTokens");
 function se(e, n) {
-  const t = N(e), o = [], a = n.toLowerCase();
+  const t = A(e), o = [], a = n.toLowerCase();
   let s = 0;
   e: for (; s < n.length; ) {
     for (const i of t) {
-      const l = s + i.length;
-      if (a.substring(s, l) === i) {
-        for (let v = s; v < l; v++)
+      const r = s + i.length;
+      if (a.substring(s, r) === i) {
+        for (let v = s; v < r; v++)
           o.push(v);
-        s = Math.min(g(n, l), g(n, s));
+        s = Math.min(g(n, r), g(n, s));
         continue e;
       }
     }
@@ -257,34 +257,34 @@ function se(e, n) {
   }
   return o;
 }
-r(se, "matchTokensLenient");
+l(se, "matchTokensLenient");
 function ae(e, n) {
   const t = [];
   let o = 0;
   e = e.toLowerCase().replace(/\s+/g, "");
   const a = n.toLowerCase();
   for (let s = 0; s < e.length; s++) {
-    const i = e.charAt(s).toLowerCase(), l = a.indexOf(i, o);
-    if (l === -1)
+    const i = e.charAt(s).toLowerCase(), r = a.indexOf(i, o);
+    if (r === -1)
       return [];
-    t.push(l), o = l + 1;
+    t.push(r), o = r + 1;
   }
   return t;
 }
-r(ae, "matchWildcard");
+l(ae, "matchWildcard");
 function oe(e) {
   const n = e.length;
   return e.reduce((t, o) => t + n / (1 + o), 0);
 }
-r(oe, "fuzzyMatchScore");
+l(oe, "fuzzyMatchScore");
 function ie(e, n, t = {}) {
   const o = [];
   for (const [a, s] of n.entries()) {
     const i = te(e, s, t);
     if (i.score > 0) {
-      const { score: l, matches: u, highlight: v } = i;
+      const { score: r, matches: u, highlight: v } = i;
       o.push({
-        score: l,
+        score: r,
         matches: u,
         source: s,
         index: a,
@@ -294,7 +294,7 @@ function ie(e, n, t = {}) {
   }
   return o.sort((a, s) => a.score === s.score ? a.source > s.source ? 1 : -1 : a.score > s.score ? -1 : 1);
 }
-r(ie, "fuzzySearch");
+l(ie, "fuzzySearch");
 const le = {
   props: {
     dir: { type: String },
@@ -312,7 +312,7 @@ const le = {
     return {
       listNav: new F({
         selector: "[data-menu-item-id]",
-        resolveId: /* @__PURE__ */ r((e) => e.getAttribute("data-menu-item-id"), "resolveId")
+        resolveId: /* @__PURE__ */ l((e) => e.getAttribute("data-menu-item-id"), "resolveId")
       }),
       searchQuery: "",
       filteredItems: this.items
@@ -365,8 +365,8 @@ const le = {
   class: "ItemDescription"
 };
 function pe(e, n, t, o, a, s) {
-  const i = I("InputText"), l = I("ContextPopup");
-  return d(), b(l, {
+  const i = k("InputText"), r = k("ContextPopup");
+  return d(), b(r, {
     dir: t.dir,
     align: t.align,
     anchorRef: t.anchorRef,
@@ -417,7 +417,7 @@ function pe(e, n, t, o, a, s) {
               ]]),
               "data-menu-item-id": v,
               tabindex: "0",
-              onClick: /* @__PURE__ */ r((k) => s.activateItem(u), "onClick")
+              onClick: /* @__PURE__ */ l((w) => s.activateItem(u), "onClick")
             }, [
               y("div", ce, [
                 u.icon ? (d(), c("i", {
@@ -439,7 +439,7 @@ function pe(e, n, t, o, a, s) {
     _: 1
   }, 8, ["dir", "align", "anchorRef", "anchorDir"]);
 }
-r(pe, "_sfc_render$b");
+l(pe, "_sfc_render$c");
 const me = /* @__PURE__ */ m(le, [["render", pe], ["__scopeId", "data-v-11b5b285"]]), ye = {
   props: {
     dir: { type: String, default: "v" },
@@ -531,22 +531,22 @@ const me = /* @__PURE__ */ m(le, [["render", pe], ["__scopeId", "data-v-11b5b285
   }
 };
 function be(e, n, t, o, a, s) {
-  const i = I("Bubble");
-  return d(), b(E, { to: "#overlays" }, [
+  const i = k("Bubble");
+  return d(), b(H, { to: "#overlays" }, [
     y("div", {
       class: f(["Overlay", {
         "Overlay-enabled": t.overlayEnabled,
         "Overlay-shown": t.overlayShown
       }]),
-      onClick: n[3] || (n[3] = z((l) => s.hide(), ["stop"]))
+      onClick: n[3] || (n[3] = z((r) => s.hide(), ["stop"]))
     }, [
       a.ready ? (d(), b(i, {
         key: 0,
         dir: a.actualDir,
         align: a.actualAlign,
-        style: H(s.bubbleStyle),
-        onMouseenter: n[0] || (n[0] = (l) => e.$emit("mouseenter")),
-        onMouseleave: n[1] || (n[1] = (l) => e.$emit("mouseleave")),
+        style: E(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(() => {
         }, ["stop"]))
       }, {
@@ -558,7 +558,7 @@ function be(e, n, t, o, a, s) {
     ], 2)
   ]);
 }
-r(be, "_sfc_render$a");
+l(be, "_sfc_render$b");
 const ve = /* @__PURE__ */ m(ye, [["render", be], ["__scopeId", "data-v-55cbd0aa"]]), ge = {
   props: {
     tagName: { type: String, default: "div" },
@@ -569,7 +569,7 @@ const ve = /* @__PURE__ */ m(ye, [["render", be], ["__scopeId", "data-v-55cbd0aa
   }
 };
 function _e(e, n, t, o, a, s) {
-  return d(), b(w(t.tagName), {
+  return d(), b(I(t.tagName), {
     class: f(["HGroup", [
       `HGroup-align-${t.align}`,
       `HGroup-justify-${t.justify}`,
@@ -585,15 +585,15 @@ function _e(e, n, t, o, a, s) {
     _: 3
   }, 8, ["class"]);
 }
-r(_e, "_sfc_render$9");
-const Se = /* @__PURE__ */ m(ge, [["render", _e], ["__scopeId", "data-v-0abfef17"]]), Ie = {}, ke = { class: "HStack" };
-function we(e, n, t, o, a, s) {
-  return d(), c("div", ke, [
+l(_e, "_sfc_render$a");
+const Se = /* @__PURE__ */ m(ge, [["render", _e], ["__scopeId", "data-v-0abfef17"]]), ke = {}, we = { class: "HStack" };
+function Ie(e, n, t, o, a, s) {
+  return d(), c("div", we, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-r(we, "_sfc_render$8");
-const Be = /* @__PURE__ */ m(Ie, [["render", we], ["__scopeId", "data-v-48a370d0"]]), $e = {
+l(Ie, "_sfc_render$9");
+const Be = /* @__PURE__ */ m(ke, [["render", Ie], ["__scopeId", "data-v-48a370d0"]]), $e = {
   props: {
     dir: { type: String, default: "top" },
     label: { type: String }
@@ -603,40 +603,40 @@ const Be = /* @__PURE__ */ m(Ie, [["render", we], ["__scopeId", "data-v-48a370d0
       return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
     }
   }
-}, Te = { class: "Content" }, Ce = ["title"];
+}, Ce = { class: "Content" }, Te = ["title"];
 function xe(e, n, t, o, a, s) {
-  const i = I("TabCap");
+  const i = k("TabCap");
   return d(), c("div", {
     class: f(["Tab", [
       `Tab-${t.dir}`,
       `Tab-${s.orientation}`
     ]])
   }, [
-    L(i, {
+    V(i, {
       class: "TabCap",
       dir: t.dir,
       type: "start"
     }, null, 8, ["dir"]),
-    y("div", Te, [
+    y("div", Ce, [
       p(e.$slots, "default", {}, () => [
         t.label ? (d(), c("div", {
           key: 0,
           class: "TabLabel",
           title: t.label
-        }, S(t.label), 9, Ce)) : h("", !0)
+        }, S(t.label), 9, Te)) : h("", !0)
       ], !0)
     ]),
-    L(i, {
+    V(i, {
       class: "TabCap",
       dir: t.dir,
       type: "end"
     }, null, 8, ["dir"])
   ], 2);
 }
-r(xe, "_sfc_render$7");
-const A = /* @__PURE__ */ m($e, [["render", xe], ["__scopeId", "data-v-1ba502f2"]]), ze = {
+l(xe, "_sfc_render$8");
+const N = /* @__PURE__ */ m($e, [["render", xe], ["__scopeId", "data-v-1ba502f2"]]), ze = {
   components: {
-    Tab: A
+    Tab: N
   },
   props: {
     tagName: { default: "label" },
@@ -656,16 +656,16 @@ const A = /* @__PURE__ */ m($e, [["render", xe], ["__scopeId", "data-v-1ba502f2"
       focused: !1
     };
   }
-}, Le = {
+}, Ve = {
   key: 1,
   class: "Label TextLabel"
-}, Ve = {
+}, Le = {
   key: 2,
-  class: "Label BorderLabel"
-}, Ne = { class: "Container" };
-function Ae(e, n, t, o, a, s) {
-  const i = I("Tab");
-  return d(), b(w(t.tagName), {
+  class: "Label InlineLabel"
+}, Ae = { class: "Container" };
+function Ne(e, n, t, o, a, s) {
+  const i = k("Tab");
+  return d(), b(I(t.tagName), {
     class: f(["InputBase", [
       `InputBase-${t.size}`,
       {
@@ -678,8 +678,8 @@ function Ae(e, n, t, o, a, s) {
         "InputBase-pseudo-hover": t.pseudoHover
       }
     ]]),
-    onFocusin: n[0] || (n[0] = (l) => a.focused = !0),
-    onFocusout: n[1] || (n[1] = (l) => a.focused = !1)
+    onFocusin: n[0] || (n[0] = (r) => a.focused = !0),
+    onFocusout: n[1] || (n[1] = (r) => a.focused = !1)
   }, {
     default: _(() => [
       t.label ? (d(), c($, { key: 0 }, [
@@ -688,22 +688,22 @@ function Ae(e, n, t, o, a, s) {
           class: "Label TabLabel",
           label: t.label
         }, null, 8, ["label"])) : h("", !0),
-        t.labelStyle === "text" ? (d(), c("div", Le, S(t.label), 1)) : h("", !0),
-        t.labelStyle === "inline" ? (d(), c("div", Ve, S(t.label), 1)) : h("", !0)
+        t.labelStyle === "text" ? (d(), c("div", Ve, S(t.label), 1)) : h("", !0),
+        t.labelStyle === "inline" ? (d(), c("div", Le, S(t.label), 1)) : h("", !0)
       ], 64)) : h("", !0),
-      y("div", Ne, [
+      y("div", Ae, [
         p(e.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 40, ["class"]);
 }
-r(Ae, "_sfc_render$6");
-const B = /* @__PURE__ */ m(ze, [["render", Ae], ["__scopeId", "data-v-35f3f679"]]), De = {
+l(Ne, "_sfc_render$7");
+const B = /* @__PURE__ */ m(ze, [["render", Ne], ["__scopeId", "data-v-87729fc0"]]), De = {
   props: {
     ...B.props,
     modelValue: {},
-    items: { type: Array, default: /* @__PURE__ */ r(() => [], "default") },
+    items: { type: Array, default: /* @__PURE__ */ l(() => [], "default") },
     placeholder: { type: String },
     readonly: { type: Boolean },
     search: { type: Boolean, default: !1 }
@@ -751,7 +751,7 @@ const B = /* @__PURE__ */ m(ze, [["render", Ae], ["__scopeId", "data-v-35f3f679"
           disabled: e.disabled,
           description: e.description,
           icon: e.icon ?? void 0,
-          activate: /* @__PURE__ */ r(() => {
+          activate: /* @__PURE__ */ l(() => {
             this.disabled || this.selectValue(t);
           }, "activate")
         };
@@ -768,9 +768,9 @@ const B = /* @__PURE__ */ m(ze, [["render", Ae], ["__scopeId", "data-v-35f3f679"
   key: 2,
   class: "Placeholder"
 };
-function Ee(e, n, t, o, a, s) {
-  const i = I("ContextMenu"), l = I("InputBase");
-  return d(), b(l, T({ class: "InputSelect" }, {
+function He(e, n, t, o, a, s) {
+  const i = k("ContextMenu"), r = k("InputBase");
+  return d(), b(r, C({ class: "InputSelect" }, {
     ...e.$attrs,
     ...e.$props
   }, {
@@ -802,8 +802,8 @@ function Ee(e, n, t, o, a, s) {
     _: 3
   }, 16);
 }
-r(Ee, "_sfc_render$5");
-const He = /* @__PURE__ */ m(De, [["render", Ee], ["__scopeId", "data-v-b4aec61d"]]), Fe = {
+l(He, "_sfc_render$6");
+const Ee = /* @__PURE__ */ m(De, [["render", He], ["__scopeId", "data-v-b4aec61d"]]), Fe = {
   props: {
     ...B.props,
     modelValue: { type: [String, Number] },
@@ -832,8 +832,8 @@ const He = /* @__PURE__ */ m(De, [["render", Ee], ["__scopeId", "data-v-b4aec61d
   }
 }, Oe = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
 function Pe(e, n, t, o, a, s) {
-  const i = I("InputBase");
-  return d(), b(i, T({ class: "InputText" }, {
+  const i = k("InputBase");
+  return d(), b(i, C({ class: "InputText" }, {
     ...e.$attrs,
     ...e.$props
   }), {
@@ -850,16 +850,16 @@ function Pe(e, n, t, o, a, s) {
         max: t.max,
         step: t.step,
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (l) => s.onInput(l)),
-        onFocus: n[1] || (n[1] = (l) => e.$emit("focus", l)),
-        onBlur: n[2] || (n[2] = (l) => e.$emit("blur", l))
+        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),
       p(e.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-r(Pe, "_sfc_render$4");
+l(Pe, "_sfc_render$5");
 const Ge = /* @__PURE__ */ m(Fe, [["render", Pe], ["__scopeId", "data-v-26fed2ef"]]), je = {
   props: {
     ...B.props,
@@ -899,8 +899,8 @@ const Ge = /* @__PURE__ */ m(Fe, [["render", Pe], ["__scopeId", "data-v-26fed2ef
   }
 }, Ke = ["value", "placeholder", "readonly", "disabled", "rows"];
 function We(e, n, t, o, a, s) {
-  const i = I("InputBase");
-  return d(), b(i, T({ class: "InputTextarea" }, {
+  const i = k("InputBase");
+  return d(), b(i, C({ class: "InputTextarea" }, {
     ...e.$attrs,
     ...e.$props
   }, { fixedHeight: !1 }), {
@@ -915,28 +915,73 @@ function We(e, n, t, o, a, s) {
         rows: s.effectiveRows,
         resize: "none",
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (l) => s.onInput(l)),
-        onFocus: n[1] || (n[1] = (l) => e.$emit("focus", l)),
-        onBlur: n[2] || (n[2] = (l) => e.$emit("blur", l))
+        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, Ke),
       p(e.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-r(We, "_sfc_render$3");
+l(We, "_sfc_render$4");
 const Ze = /* @__PURE__ */ m(je, [["render", We], ["__scopeId", "data-v-8ff9214b"]]), Qe = {}, qe = { class: "Sizer" };
 function Ue(e, n) {
   return d(), c("div", qe);
 }
-r(Ue, "_sfc_render$2");
+l(Ue, "_sfc_render$3");
 const Je = /* @__PURE__ */ m(Qe, [["render", Ue], ["__scopeId", "data-v-2f099547"]]), Xe = {
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    kind: { type: String, default: "primary" },
+    size: { type: String, default: "normal" },
+    knobOutline: { type: Boolean, default: !1 },
+    pseudoFocus: { type: Boolean, default: !1 },
+    pseudoHover: { type: Boolean, default: !1 },
+    pseudoActive: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  methods: {
+    onChange(e) {
+      this.$emit("update:modelValue", e.target.checked);
+    }
+  }
+}, Ye = ["checked", "disabled"];
+function et(e, n, t, o, a, s) {
+  return d(), c("label", {
+    class: f(["Switch", [
+      `Switch-${t.kind}`,
+      `Switch-${t.size}`,
+      {
+        "Switch-active": !!t.modelValue,
+        "Switch-disabled": t.disabled,
+        "Switch-pseudo-focus": t.pseudoFocus,
+        "Switch-pseudo-hover": t.pseudoHover,
+        "Switch-pseudo-active": t.pseudoActive,
+        "Switch-knob-outline": t.knobOutline
+      }
+    ]]),
+    tabindex: "0"
+  }, [
+    y("input", {
+      type: "checkbox",
+      checked: t.modelValue,
+      disabled: t.disabled,
+      onChange: n[0] || (n[0] = (...i) => s.onChange && s.onChange(...i))
+    }, null, 40, Ye)
+  ], 2);
+}
+l(et, "_sfc_render$2");
+const tt = /* @__PURE__ */ m(Xe, [["render", et], ["__scopeId", "data-v-3a2d96ff"]]), nt = {
   props: {
     dir: { type: String, default: "top" },
     type: { type: String, default: "start" }
   }
 };
-function Ye(e, n, t, o, a, s) {
+function st(e, n, t, o, a, s) {
   return d(), c("svg", {
     class: f(["TabCap", [
       `TabCap-${t.dir}`,
@@ -948,8 +993,8 @@ function Ye(e, n, t, o, a, s) {
     y("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ]), 2);
 }
-r(Ye, "_sfc_render$1");
-const et = /* @__PURE__ */ m(Xe, [["render", Ye], ["__scopeId", "data-v-3c0176d0"]]), tt = {
+l(st, "_sfc_render$1");
+const at = /* @__PURE__ */ m(nt, [["render", st], ["__scopeId", "data-v-3c0176d0"]]), ot = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "stretch" },
@@ -957,8 +1002,8 @@ const et = /* @__PURE__ */ m(Xe, [["render", Ye], ["__scopeId", "data-v-3c0176d0
     gap: { type: String, default: "1" }
   }
 };
-function nt(e, n, t, o, a, s) {
-  return d(), b(w(t.tagName), {
+function it(e, n, t, o, a, s) {
+  return d(), b(I(t.tagName), {
     class: f(["VGroup", [
       `VGroup-align-${t.align}`,
       `VGroup-justify-${t.justify}`,
@@ -971,8 +1016,8 @@ function nt(e, n, t, o, a, s) {
     _: 3
   }, 8, ["class"]);
 }
-r(nt, "_sfc_render");
-const st = /* @__PURE__ */ m(tt, [["render", nt], ["__scopeId", "data-v-4e4be270"]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+l(it, "_sfc_render");
+const lt = /* @__PURE__ */ m(ot, [["render", it], ["__scopeId", "data-v-4e4be270"]]), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Btn: K,
   Bubble: q,
@@ -982,13 +1027,14 @@ const st = /* @__PURE__ */ m(tt, [["render", nt], ["__scopeId", "data-v-4e4be270
   HGroup: Se,
   HStack: Be,
   InputBase: B,
-  InputSelect: He,
+  InputSelect: Ee,
   InputText: Ge,
   InputTextarea: Ze,
   Sizer: Je,
-  Tab: A,
-  TabCap: et,
-  VGroup: st
+  Switch: tt,
+  Tab: N,
+  TabCap: at,
+  VGroup: lt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   K as B,
@@ -996,15 +1042,16 @@ export {
   Se as H,
   B as I,
   Je as S,
-  A as T,
-  st as V,
+  N as T,
+  lt as V,
   q as a,
   me as b,
   ve as c,
   Be as d,
-  He as e,
+  Ee as e,
   Ge as f,
   Ze as g,
-  et as h,
-  lt as i
+  tt as h,
+  ct as i,
+  at as j
 };

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

@@ -0,0 +1,77 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    kind: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    knobOutline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {
+    onChange(ev: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    kind: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    knobOutline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pseudoActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    kind: string;
+    disabled: boolean;
+    size: string;
+    pseudoFocus: boolean;
+    pseudoHover: boolean;
+    pseudoActive: boolean;
+    modelValue: boolean;
+    knobOutline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/index.d.ts

@@ -10,7 +10,8 @@ import { default as InputSelect } from './InputSelect.vue';
 import { default as InputText } from './InputText.vue';
 import { default as InputTextarea } from './InputTextarea.vue';
 import { default as Sizer } from './Sizer.vue';
+import { default as Switch } from './Switch.vue';
 import { default as Tab } from './Tab.vue';
 import { default as TabCap } from './TabCap.vue';
 import { default as VGroup } from './VGroup.vue';
-export { Btn, Bubble, Circle, ContextMenu, ContextPopup, HGroup, HStack, InputBase, InputSelect, InputText, InputTextarea, Sizer, Tab, TabCap, VGroup, };
+export { Btn, Bubble, Circle, ContextMenu, ContextPopup, HGroup, HStack, InputBase, InputSelect, InputText, InputTextarea, Sizer, Switch, Tab, TabCap, VGroup, };

package/package.json

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

package/stylesheets/variables/commons.css

@@ -10,8 +10,9 @@
     --color-subtle: var(--color-text-1);
     --color-sublime: var(--color-text-2);
 
-    --color-shadow-light: rgba(0, 0, 0, 0.1);
-    --color-shadow-heavy: rgba(0, 0, 0, 0.2);
+    --color-shadow-light: rgba(0, 0, 0, 0.08);
+    --color-shadow-medium: rgba(0, 0, 0, 0.16);
+    --color-shadow-heavy: rgba(0, 0, 0, 0.24);
     --color-overlay: rgba(0, 0, 0, 0.1);
 
     --border-radius: var(--sp);
@@ -25,10 +26,12 @@
 
     --input-border-size: 1px;
     --input-outline-size: 2px;
+    --input-outline-offset: 0;
 }
 
 .theme-dark {
-    --color-shadow-light: rgba(255, 255, 255, 0.1);
-    --color-shadow-heavy: rgba(255, 255, 255, 0.2);
+    --color-shadow-light: rgba(255, 255, 255, 0.08);
+    --color-shadow-medium: rgba(255, 255, 255, 0.16);
+    --color-shadow-heavy: rgba(255, 255, 255, 0.24);
     --color-overlay: rgba(255, 255, 255, 0.08);
 }