nightshade 1.5.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/package.json +11 -38
  2. package/dist/ListNavController-drNtDwz9.js +0 -307
  3. package/dist/ThemeManager-DzxPhS21.js +0 -57
  4. package/dist/bundle.js +0 -31
  5. package/dist/components.css +0 -1
  6. package/dist/components.js +0 -19
  7. package/dist/index-Cb5d2Qo6.js +0 -1060
  8. package/dist/lib/components/Btn.vue.d.ts +0 -175
  9. package/dist/lib/components/Bubble.vue.d.ts +0 -23
  10. package/dist/lib/components/Circle.vue.d.ts +0 -14
  11. package/dist/lib/components/ContextMenu.vue.d.ts +0 -81
  12. package/dist/lib/components/ContextPopup.vue.d.ts +0 -86
  13. package/dist/lib/components/HGroup.vue.d.ts +0 -47
  14. package/dist/lib/components/HStack.vue.d.ts +0 -2
  15. package/dist/lib/components/InputBase.vue.d.ts +0 -121
  16. package/dist/lib/components/InputSelect.vue.d.ts +0 -20
  17. package/dist/lib/components/InputText.vue.d.ts +0 -11
  18. package/dist/lib/components/InputTextarea.vue.d.ts +0 -11
  19. package/dist/lib/components/Sizer.vue.d.ts +0 -2
  20. package/dist/lib/components/Switch.vue.d.ts +0 -77
  21. package/dist/lib/components/Tab.vue.d.ts +0 -22
  22. package/dist/lib/components/TabCap.vue.d.ts +0 -23
  23. package/dist/lib/components/VGroup.vue.d.ts +0 -38
  24. package/dist/lib/components/index.d.ts +0 -17
  25. package/dist/lib/index.d.ts +0 -4
  26. package/dist/lib/utils/ExpanderController.d.ts +0 -11
  27. package/dist/lib/utils/ListNavController.d.ts +0 -92
  28. package/dist/lib/utils/SelectionController.d.ts +0 -16
  29. package/dist/lib/utils/ThemeManager.d.ts +0 -15
  30. package/dist/lib/utils/dom.d.ts +0 -4
  31. package/dist/lib/utils/event-proxy.d.ts +0 -22
  32. package/dist/lib/utils/icons.d.ts +0 -3
  33. package/dist/lib/utils/index.d.ts +0 -8
  34. package/dist/lib/utils/point.d.ts +0 -4
  35. package/dist/utils.js +0 -13
  36. package/stylesheets/baseline.css +0 -50
  37. package/stylesheets/full.css +0 -7
  38. package/stylesheets/modules/article.css +0 -37
  39. package/stylesheets/modules/kbd.css +0 -34
  40. package/stylesheets/modules/transitions.css +0 -106
  41. package/stylesheets/modules/utils.css +0 -44
  42. package/stylesheets/variables/color-tokens.css +0 -168
  43. package/stylesheets/variables/commons.css +0 -37
  44. package/stylesheets/variables/spacing.css +0 -20
  45. package/stylesheets/variables/type-tokens.css +0 -18
  46. package/stylesheets/variables/typography.css +0 -16
  47. package/stylesheets/variables.css +0 -5
package/package.json CHANGED
@@ -1,48 +1,21 @@
1
1
  {
2
2
  "name": "nightshade",
3
- "version": "1.5.1",
4
- "description": "Vue UI library & design system",
5
- "type": "module",
3
+ "version": "2.0.0",
4
+ "description": "Scalabe design system for Vue",
5
+ "author": "Boris Okunskiy",
6
+ "license": "ISC",
7
+ "sideEffects": false,
6
8
  "exports": {
7
- ".": {
8
- "types": "./dist/lib/index.d.ts",
9
- "import": "./dist/bundle.js"
10
- },
11
- "./utils": {
12
- "types": "./dist/lib/utils/index.d.ts",
13
- "import": "./dist/utils.js"
14
- },
15
- "./components.css": "./dist/components.css",
16
- "./stylesheets.css": "./stylesheets/full.css",
17
- "./stylesheets/*": "./stylesheets/*"
9
+ ".": "./index.mjs"
18
10
  },
19
11
  "files": [
20
- "dist",
21
- "stylesheets"
12
+ "dist"
22
13
  ],
23
- "scripts": {
24
- "dev": "vite --host",
25
- "build": "NODE_ENV=production vite build",
26
- "version": "npm run build",
27
- "postversion": "npm publish --access=public && git push --tags origin main"
14
+ "dependencies": {
15
+ "@nightshadeui/core": "2.0.0",
16
+ "@nightshadeui/stylesheets": "2.0.0"
28
17
  },
29
- "author": "Boris Okunskiy",
30
- "license": "ISC",
31
18
  "peerDependencies": {
32
- "vue": "^3.5.13"
33
- },
34
- "devDependencies": {
35
- "@fortawesome/fontawesome-free": "^6.7.2",
36
- "@nodescript/eslint-config": "^2.0.3",
37
- "@types/node": "^22.10.5",
38
- "@vitejs/plugin-vue": "^5.2.1",
39
- "eslint": "^9.17.0",
40
- "typescript": "^5.7.2",
41
- "vite": "^6.2.2",
42
- "vite-plugin-dts": "^4.5.3"
43
- },
44
- "dependencies": {
45
- "nanoevent": "^1.0.0",
46
- "tokenized-search": "^2.0.1"
19
+ "vue": "^3.5.22"
47
20
  }
48
21
  }
@@ -1,307 +0,0 @@
1
- var x = Object.defineProperty;
2
- var h = (c, e) => x(c, "name", { value: e, configurable: !0 });
3
- const p = class p {
4
- constructor() {
5
- this._groups = /* @__PURE__ */ new Map();
6
- }
7
- on(e, t = Symbol()) {
8
- let s = this._groups.get(t);
9
- return s || (s = /* @__PURE__ */ new Set(), this._groups.set(t, s)), s.add(e), () => this.remove(e, t);
10
- }
11
- once(e, t = Symbol()) {
12
- const s = /* @__PURE__ */ h((i) => {
13
- e(i), this.remove(s, t);
14
- }, "wrapper");
15
- return this.on(s, t);
16
- }
17
- remove(e, t) {
18
- const s = this._groups.get(t);
19
- s && (s.delete(e), s.size === 0 && this._groups.delete(t));
20
- }
21
- removeAll(e) {
22
- this._groups.delete(e);
23
- }
24
- emit(e) {
25
- for (const t of this._groups.values())
26
- for (const s of t)
27
- s(e);
28
- }
29
- };
30
- h(p, "Event");
31
- let r = p;
32
- function v(c, e) {
33
- const t = c.getBoundingClientRect(), { top: s, left: i, width: n, height: o } = t;
34
- switch (e) {
35
- case "left":
36
- return { x: i, y: s + o * 0.5 };
37
- case "right":
38
- return { x: i + n, y: s + o * 0.5 };
39
- case "top":
40
- return { x: i + n * 0.5, y: s };
41
- case "bottom":
42
- return { x: i + n * 0.5, y: s + o };
43
- case "middle":
44
- default:
45
- return { x: i + n * 0.5, y: s + o * 0.5 };
46
- }
47
- }
48
- h(v, "getAnchorPoint");
49
- function a(c) {
50
- return c instanceof Element ? !!c.closest('input, textarea, select, [role="textbox"]') : !1;
51
- }
52
- h(a, "isInputElement");
53
- const g = class g {
54
- constructor(e) {
55
- this.target = e, this.listeners = /* @__PURE__ */ new Map();
56
- }
57
- add(e, t, s) {
58
- this.remove(e), this.listeners.set(e, { eventName: e, listener: t, options: s }), this.target.addEventListener(e, t, s);
59
- }
60
- remove(e) {
61
- const t = this.listeners.get(e);
62
- t && (this.target.removeEventListener(t.eventName, t.listener, t.options), this.listeners.delete(e));
63
- }
64
- removeAll() {
65
- for (const e of this.listeners.values())
66
- this.target.removeEventListener(e.eventName, e.listener, e.options);
67
- this.listeners.clear();
68
- }
69
- };
70
- h(g, "DomEventProxy");
71
- let l = g;
72
- const I = class I {
73
- constructor() {
74
- this.expandedIds = /* @__PURE__ */ new Set(), this.changed = new r();
75
- }
76
- setExpandedIds(e) {
77
- this.expandedIds.clear();
78
- for (const t of e)
79
- this.expandedIds.add(t);
80
- }
81
- isExpanded(e) {
82
- return this.expandedIds.has(e);
83
- }
84
- toggle(e) {
85
- this.isExpanded(e) ? this.collapse(e) : this.expand(e);
86
- }
87
- expand(e) {
88
- this.isExpanded(e) || (this.expandedIds.add(e), this.changed.emit());
89
- }
90
- collapse(e) {
91
- this.isExpanded(e) && (this.expandedIds.delete(e), this.changed.emit());
92
- }
93
- collapseAll() {
94
- this.expandedIds.size > 0 && (this.expandedIds.clear(), this.changed.emit());
95
- }
96
- };
97
- h(I, "ExpanderController");
98
- let u = I;
99
- const S = class S {
100
- constructor() {
101
- this.selectedIds = /* @__PURE__ */ new Set(), this.changed = new r();
102
- }
103
- get size() {
104
- return this.selectedIds.size;
105
- }
106
- getSelectedIds() {
107
- return [...this.selectedIds];
108
- }
109
- getFirst() {
110
- return [...this.selectedIds][0] ?? null;
111
- }
112
- isSelected(e) {
113
- return this.selectedIds.has(e);
114
- }
115
- isSingleSelected(e) {
116
- return this.selectedIds.size === 1 && this.selectedIds.has(e);
117
- }
118
- setSelectedIds(e) {
119
- this.selectedIds = new Set(e), this.changed.emit();
120
- }
121
- selectSingle(e) {
122
- this.isSingleSelected(e) || (this.selectedIds.clear(), this.selectedIds.add(e), this.changed.emit());
123
- }
124
- addToSelection(...e) {
125
- let t = !1;
126
- for (const s of e)
127
- this.selectedIds.has(s) || (this.selectedIds.add(s), t = !0);
128
- t && this.changed.emit();
129
- }
130
- removeFromSelection(...e) {
131
- let t = !1;
132
- for (const s of e)
133
- this.selectedIds.delete(s) && (t = !0);
134
- t && this.changed.emit();
135
- }
136
- toggleSelection(e) {
137
- this.isSelected(e) ? this.removeFromSelection(e) : this.addToSelection(e);
138
- }
139
- deselectAll() {
140
- this.selectedIds.size !== 0 && (this.selectedIds.clear(), this.changed.emit());
141
- }
142
- };
143
- h(S, "SelectionController");
144
- let f = S;
145
- const m = class m {
146
- constructor(e) {
147
- this.container = null, this.containerEvents = null, this.windowEvents = null, this.anchorId = "", this.focusId = "", this.snapshotIds = [], this.snapshotEls = [], this.dragging = !1, this.dragStart = new r(), this.dragEnd = new r(), this.selector = e.selector, this.selection = e.selection ?? new f(), this.expander = e.expander ?? new u(), this.multiSelect = e.multiSelect ?? !1, this.selectOnFocus = e.selectOnFocus ?? !this.multiSelect, this.allowDrag = e.allowDrag ?? !1, this.canExpand = e.canExpand ?? (() => !1), this.resolveId = e.resolveId ?? ((t) => t.getAttribute("data-id") ?? "");
148
- }
149
- mount(e) {
150
- this.destroy(), this.container = e, this.containerEvents = new l(this.container), this.windowEvents = new l(window), this.containerEvents.add("keydown", (t) => this.onKeyDown(t)), this.containerEvents.add("mousedown", (t) => this.onMouseDown(t)), this.containerEvents.add("uiclick", (t) => this.onClickIntent(t)), this.containerEvents.add("uidragstart", (t) => this.onDragStart(t)), this.containerEvents.add("focusin", (t) => this.onFocus(t)), this.windowEvents.add("mouseup", (t) => this.onMouseUp(t));
151
- }
152
- destroy() {
153
- var e, t;
154
- (e = this.containerEvents) == null || e.removeAll(), (t = this.windowEvents) == null || t.removeAll(), this.snapshotIds = [], this.snapshotEls = [], this.container = null, this.containerEvents = null, this.windowEvents = null;
155
- }
156
- isDragging() {
157
- return this.dragging;
158
- }
159
- /**
160
- * Manages keyboard navigation. Note: ev.preventDefault is required to avoid
161
- * arrow keys messing with scroll bars.
162
- */
163
- onKeyDown(e) {
164
- const t = e.target, { shiftKey: s } = e, i = this.getTargetId(t);
165
- switch (e.key) {
166
- case "ArrowUp":
167
- return e.preventDefault(), this.moveSelection(-1, s);
168
- case "ArrowDown":
169
- return e.preventDefault(), this.moveSelection(1, s);
170
- case "ArrowLeft":
171
- return a(t) ? void 0 : (e.preventDefault(), this.collapse());
172
- case "ArrowRight":
173
- return a(t) ? void 0 : (e.preventDefault(), this.expand());
174
- case " ":
175
- if (a(t))
176
- return;
177
- if (e.preventDefault(), i)
178
- return this.toggleSelection(i);
179
- }
180
- }
181
- onMouseDown(e) {
182
- if (e.button !== 0)
183
- return;
184
- this.snapshot();
185
- const t = this.getTargetId(e.target);
186
- if (!t)
187
- return;
188
- const { metaKey: s, ctrlKey: i, shiftKey: n } = e, o = this.selection.isSelected(t);
189
- s || i ? this.toggleSelection(t) : n ? this.extendSelection(t) : o || this.replaceSelection(t);
190
- }
191
- onMouseUp(e) {
192
- this.dragging && this.dragEnd.emit(e), this.dragging = !1;
193
- }
194
- onClickIntent(e) {
195
- this.snapshot();
196
- const t = this.getTargetId(e.target);
197
- t && (e.metaKey || e.shiftKey || this.replaceSelection(t));
198
- }
199
- onDragStart(e) {
200
- if (!this.allowDrag)
201
- return;
202
- const t = this.getTargetId(e.target);
203
- if (!t)
204
- return;
205
- this.selection.isSelected(t) && (this.dragging = !0, this.dragStart.emit(e));
206
- }
207
- onFocus(e) {
208
- if (!this.selectOnFocus)
209
- return;
210
- const t = this.getTargetId(e.target);
211
- t && this.replaceSelection(t);
212
- }
213
- queryEls() {
214
- return this.container ? [...this.container.querySelectorAll(this.selector)] : [];
215
- }
216
- appendSelection(e) {
217
- this.multiSelect ? (this.selection.addToSelection(e), this.anchorId = e, this.focusId = e, this.updateFocus()) : this.replaceSelection(e);
218
- }
219
- toggleSelection(e) {
220
- this.multiSelect ? (this.selection.toggleSelection(e), this.anchorId = e, this.focusId = e, this.updateFocus()) : this.replaceSelection(e);
221
- }
222
- extendSelection(e) {
223
- if (!this.multiSelect || !this.anchorId)
224
- return this.replaceSelection(e);
225
- const t = this.focusId;
226
- if (t) {
227
- const i = this.findRange(this.snapshotIds, this.anchorId, t);
228
- for (const n of i)
229
- this.selection.removeFromSelection(n);
230
- }
231
- this.focusId = e;
232
- const s = this.findRange(this.snapshotIds, this.anchorId, this.focusId);
233
- for (const i of s)
234
- this.selection.addToSelection(i);
235
- this.updateFocus();
236
- }
237
- replaceSelection(e) {
238
- this.selection.selectSingle(e), this.anchorId = e, this.focusId = e, this.updateFocus();
239
- }
240
- deselect(e) {
241
- this.selection.removeFromSelection(e), this.anchorId = "", this.focusId = "", this.updateFocus();
242
- }
243
- moveSelection(e, t) {
244
- this.snapshot();
245
- const s = this.snapshotEls.map((d) => this.resolveId(d)), i = s.indexOf(this.focusId);
246
- if (i === -1) {
247
- const d = s[0];
248
- return this.replaceSelection(d);
249
- }
250
- const n = i + e, o = s[n];
251
- if (o)
252
- return t ? this.extendSelection(o) : this.replaceSelection(o);
253
- }
254
- selectFirst() {
255
- this.snapshot();
256
- const e = this.snapshotIds[0];
257
- e != null && this.replaceSelection(e);
258
- }
259
- isFirstSelected() {
260
- return this.selection.isSingleSelected(this.snapshotIds[0]);
261
- }
262
- collapse() {
263
- !this.focusId || !this.canExpand(this.focusId) || (this.expander.collapse(this.focusId), this.snapshot());
264
- }
265
- expand() {
266
- !this.focusId || !this.canExpand(this.focusId) || this.expander.expand(this.focusId);
267
- }
268
- snapshot() {
269
- this.snapshotEls = this.queryEls(), this.snapshotIds = this.snapshotEls.map((t) => this.resolveId(t)), this.snapshotIds.includes(this.anchorId) || (this.anchorId = ""), this.snapshotIds.includes(this.focusId) || (this.focusId = "");
270
- const e = this.selection.getSelectedIds().filter((t) => !this.snapshotIds.includes(t));
271
- e.length > 0 && this.selection.removeFromSelection(...e);
272
- }
273
- getTargetId(e) {
274
- if (e instanceof HTMLElement) {
275
- for (const t of this.snapshotEls)
276
- if (t.contains(e))
277
- return this.resolveId(t);
278
- }
279
- return "";
280
- }
281
- /**
282
- * Get the ids between `from` and `to`, both inclusive.
283
- */
284
- findRange(e, t, s) {
285
- const i = e.indexOf(t), n = e.indexOf(s), o = Math.min(i, n), d = Math.max(i, n);
286
- return e.slice(o, d + 1);
287
- }
288
- updateFocus() {
289
- if (this.focusId) {
290
- for (const e of this.snapshotEls)
291
- if (this.resolveId(e) === this.focusId) {
292
- e.contains(document.activeElement) || e.focus();
293
- return;
294
- }
295
- }
296
- }
297
- };
298
- h(m, "ListNavController");
299
- let w = m;
300
- export {
301
- l as D,
302
- u as E,
303
- w as L,
304
- f as S,
305
- v as g,
306
- a as i
307
- };
@@ -1,57 +0,0 @@
1
- var i = Object.defineProperty;
2
- var m = (t, e) => i(t, "name", { value: e, configurable: !0 });
3
- import { reactive as o } from "vue";
4
- const c = {
5
- install(t, e) {
6
- t.config.globalProperties.$nightshadeIcons = {
7
- ...e
8
- };
9
- }
10
- }, l = {
11
- install(t) {
12
- const e = o(new h());
13
- t.provide("themeManager", e), e.init();
14
- }
15
- }, s = class s {
16
- constructor() {
17
- this.currentTheme = "auto";
18
- }
19
- init() {
20
- this.loadTheme(), this.applyTheme(), this.listenForSystemThemeChanges();
21
- }
22
- setTheme(e) {
23
- this.currentTheme = e, this.saveTheme(), this.applyTheme();
24
- }
25
- toggleTheme() {
26
- this.setTheme(this.currentTheme === "light" ? "dark" : "light");
27
- }
28
- applyTheme() {
29
- const e = document.documentElement, r = this.currentTheme === "auto" ? this.getSystemTheme() : this.currentTheme;
30
- e.classList.remove("theme-light"), e.classList.remove("theme-dark"), e.classList.add(`theme-${r}`), window.dispatchEvent(new CustomEvent("themeChanged"));
31
- }
32
- loadTheme() {
33
- this.currentTheme = this.getLocalStorageTheme();
34
- }
35
- saveTheme() {
36
- this.currentTheme === "auto" ? localStorage.removeItem("theme") : localStorage.setItem("theme", this.currentTheme);
37
- }
38
- listenForSystemThemeChanges() {
39
- window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
40
- this.currentTheme === "auto" && this.applyTheme();
41
- });
42
- }
43
- getLocalStorageTheme() {
44
- const e = localStorage.getItem("theme") ?? "";
45
- return ["dark", "light"].includes(e) ? e : "auto";
46
- }
47
- getSystemTheme() {
48
- return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
49
- }
50
- };
51
- m(s, "ThemeManager");
52
- let h = s;
53
- export {
54
- h as T,
55
- c as i,
56
- l as t
57
- };
package/dist/bundle.js DELETED
@@ -1,31 +0,0 @@
1
- import { B as s, a as t, C as o, b as n, c as r, H as p, d as i, I as l, e as u, f as c, g as x, S as m, h as C, T as S, j as T, V as g, i as I } from "./index-Cb5d2Qo6.js";
2
- import { D as h, E as P, L as f, S as B, g as E, i as H } from "./ListNavController-drNtDwz9.js";
3
- import { T as v, i as D, t as G } from "./ThemeManager-DzxPhS21.js";
4
- export {
5
- s as Btn,
6
- t as Bubble,
7
- o as Circle,
8
- n as ContextMenu,
9
- r as ContextPopup,
10
- h as DomEventProxy,
11
- P as ExpanderController,
12
- p as HGroup,
13
- i as HStack,
14
- l as InputBase,
15
- u as InputSelect,
16
- c as InputText,
17
- x as InputTextarea,
18
- f as ListNavController,
19
- B as SelectionController,
20
- m as Sizer,
21
- C as Switch,
22
- S as Tab,
23
- T as TabCap,
24
- v as ThemeManager,
25
- g as VGroup,
26
- I as components,
27
- E as getAnchorPoint,
28
- D as iconsPlugin,
29
- H as isInputElement,
30
- G as themePlugin
31
- };
@@ -1 +0,0 @@
1
- .Btn[data-v-ee291525]{--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: transparent;--Btn-surface-top: transparent;--Btn-surface-bottom: transparent;--Btn-border-size: var(--input-border-size);--Btn-border-size-effective: 0;--Btn-border-color: transparent;--Btn-border-radius: var(--border-radius);--Btn-gradient-x: 50%;--Btn-gradient-y: 0%;--Btn-gradient-width: 150%;--Btn-gradient-height: 150%;--Btn-shadow-color: transparent;-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:var(--Btn-border-size-effective) solid var(--Btn-border-color);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(var(--Btn-gradient-width) var(--Btn-gradient-height) at var(--Btn-gradient-x) var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));background-clip:padding-box;transition:color .3s,outline .3s,filter .3s,border-radius .3s}.Btn[data-v-ee291525]:focus,.Btn[data-v-ee291525]:active,.Btn[data-v-ee291525]:hover{transition:none}.Btn[data-v-ee291525]:not(:disabled):hover,.Btn.Btn-pseudo-hover[data-v-ee291525]{filter:brightness(.96)}.Btn[data-v-ee291525]:not(:disabled):focus,.Btn.Btn-pseudo-focus[data-v-ee291525]{z-index:10;--Btn-outline-color-effective: var(--Btn-outline-color-focus)}.Btn[data-v-ee291525]:not(:disabled):active,.Btn.Btn-pseudo-active[data-v-ee291525]{padding-top:1px;box-shadow:0 6px 12px #00000014 inset,0 1px 2px #0000001f inset}.Label[data-v-ee291525]{line-height:var(--Btn-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Icon[data-v-ee291525]{width:var(--sp2);display:flex;align-items:center;justify-content:center;font-size:var(--Btn-font-size)}.Btn-square[data-v-ee291525]{padding-left:0;padding-right:0;width:var(--Btn-size);justify-content:center}.Btn-round[data-v-ee291525]{--Btn-border-radius: var(--border-radius-round)}.Btn-disabled[data-v-ee291525]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-block[data-v-ee291525]{flex:1 1 auto;display:flex;justify-content:center}.Btn-outline.Btn-outline[data-v-ee291525]{--Btn-border-size-effective: var(--Btn-border-size)}.Btn-flat.Btn-flat[data-v-ee291525]{--Btn-surface-top: var(--Btn-surface);--Btn-surface-bottom: var(--Btn-surface)}.Btn-shadow[data-v-ee291525]{box-shadow:0 1px 1px var(--Btn-shadow-color)}.Btn-large[data-v-ee291525]{--Btn-size: var(--input-size-large);--Btn-font-size: var(--font-size-large);--Btn-padding: var(--sp2)}.Btn-small[data-v-ee291525]{--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-ee291525]{order:100}.Btn-default[data-v-ee291525]{--Btn-text-color: var(--color-default-text);--Btn-surface: var(--color-default-surface);--Btn-surface-top: var(--color-default-surface-top);--Btn-surface-bottom: var(--color-default-surface-bottom);--Btn-border-color: var(--color-default-border-color);--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-ee291525]{--Btn-text-color: var(--color-primary-text);--Btn-surface: var(--color-primary-surface);--Btn-surface-top: var(--color-primary-surface-top);--Btn-surface-bottom: var(--color-primary-surface-bottom);--Btn-border-color: var(--color-primary-border-color);--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-ee291525]{--Btn-text-color: var(--color-secondary-text);--Btn-surface: var(--color-secondary-surface);--Btn-surface-top: var(--color-secondary-surface-top);--Btn-surface-bottom: var(--color-secondary-surface-bottom);--Btn-border-color: var(--color-secondary-border-color);--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-ee291525]{--Btn-text-color: var(--color-tertiary-text);--Btn-surface: var(--color-tertiary-surface);--Btn-surface-top: var(--color-tertiary-surface-top);--Btn-surface-bottom: var(--color-tertiary-surface-bottom);--Btn-border-color: var(--color-tertiary-border-color);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus);--Btn-shadow-color: var(--color-tertiary-shadow)}.Btn-mono[data-v-ee291525]{--Btn-text-color: var(--color-mono-text);--Btn-surface: var(--color-mono-surface);--Btn-surface-top: var(--color-mono-surface-top);--Btn-surface-bottom: var(--color-mono-surface-bottom);--Btn-border-color: var(--color-mono-border-color);--Btn-outline-color: var(--color-mono-outline);--Btn-outline-color-focus: var(--color-mono-focus);--Btn-shadow-color: var(--color-mono-shadow)}.Btn-success[data-v-ee291525]{--Btn-text-color: var(--color-success-text);--Btn-surface: var(--color-success-surface);--Btn-surface-top: var(--color-success-surface-top);--Btn-surface-bottom: var(--color-success-surface-bottom);--Btn-border-color: var(--color-success-border-color);--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-ee291525]{--Btn-text-color: var(--color-warning-text);--Btn-surface: var(--color-warning-surface);--Btn-surface-top: var(--color-warning-surface-top);--Btn-surface-bottom: var(--color-warning-surface-bottom);--Btn-border-color: var(--color-warning-border-color);--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-ee291525]{--Btn-text-color: var(--color-danger-text);--Btn-surface: var(--color-danger-surface);--Btn-surface-top: var(--color-danger-surface-top);--Btn-surface-bottom: var(--color-danger-surface-bottom);--Btn-border-color: var(--color-danger-border-color);--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-ee291525]{--Btn-text-color: var(--color-default);--Btn-border-color: var(--color-default-border-color);--Btn-outline-color: var(--color-default-outline);--Btn-outline-color-focus: var(--color-default-focus)}.Btn-link-primary[data-v-ee291525]{--Btn-text-color: var(--color-primary);--Btn-border-color: var(--color-primary-border-color);--Btn-outline-color: var(--color-primary-outline);--Btn-outline-color-focus: var(--color-primary-focus)}.Btn-link-secondary[data-v-ee291525]{--Btn-text-color: var(--color-secondary);--Btn-border-color: var(--color-secondary-border-color);--Btn-outline-color: var(--color-secondary-outline);--Btn-outline-color-focus: var(--color-secondary-focus)}.Btn-link-tertiary[data-v-ee291525]{--Btn-text-color: var(--color-tertiary);--Btn-border-color: var(--color-tertiary-border-color);--Btn-outline-color: var(--color-tertiary-outline);--Btn-outline-color-focus: var(--color-tertiary-focus)}.Btn-link-mono[data-v-ee291525]{--Btn-text-color: var(--color-mono);--Btn-border-color: var(--color-mono-border-color);--Btn-outline-color: var(--color-mono-outline);--Btn-outline-color-focus: var(--color-mono-focus)}.Btn-link-success[data-v-ee291525]{--Btn-text-color: var(--color-success);--Btn-border-color: var(--color-success-border-color);--Btn-outline-color: var(--color-success-outline);--Btn-outline-color-focus: var(--color-success-focus)}.Btn-link-warning[data-v-ee291525]{--Btn-text-color: var(--color-warning);--Btn-border-color: var(--color-warning-border-color);--Btn-outline-color: var(--color-warning-outline);--Btn-outline-color-focus: var(--color-warning-focus)}.Btn-link-danger[data-v-ee291525]{--Btn-text-color: var(--color-danger);--Btn-border-color: var(--color-danger-border-color);--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-e556263d]{display:flex;flex-flow:column nowrap;min-width:200px;max-height:40vh}.Menu-search[data-v-e556263d]{width:240px}.Search[data-v-e556263d]{flex:0 0 auto}.Items[data-v-e556263d]{overflow-y:auto;padding:var(--sp) 0}.MenuItem[data-v-e556263d]{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-e556263d]{color:var(--color-primary)}.MenuItem-danger[data-v-e556263d]{color:var(--color-danger)}.MenuItem-checked[data-v-e556263d]{color:var(--color-primary)}.MenuItem-disabled[data-v-e556263d]{color:var(--color-text-3);cursor:not-allowed}.MenuItem[data-v-e556263d]:hover,.MenuItem-selected[data-v-e556263d]{background:var(--color-base-1)}.Items:focus-within .MenuItem.MenuItem-selected[data-v-e556263d]{background:var(--color-focus-0)}.Separator[data-v-e556263d]{margin:var(--sp) 0;border-bottom:1px solid var(--color-base-3)}.SectionTitle[data-v-e556263d]{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-e556263d]{display:flex;align-items:center;gap:var(--sp)}.ItemTitle[data-v-e556263d]{flex:1;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemIcon[data-v-e556263d]{flex:0 0 var(--sp3);width:var(--sp3);display:flex;align-items:center;justify-content:center}.ItemDescription[data-v-e556263d]{font-size:var(--font-size-smaller);color:var(--color-text-2)}.CheckIcon[data-v-e556263d]{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-bc2d01df]{--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-bc2d01df]{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-bc2d01df]{height:var(--InputBase-size)}.InputBase[data-v-bc2d01df]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-pseudo-focus[data-v-bc2d01df]{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-bc2d01df]{--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-bc2d01df]{--InputBase-border-radius: var(--border-radius-round)}.InputBase-block[data-v-bc2d01df]{flex:1 1 auto;display:flex}.InputBase-disabled .Container[data-v-bc2d01df]{--InputBase-surface: var(--color-base-1);opacity:.64;filter:saturate(40%);cursor:not-allowed}.InputBase-small[data-v-bc2d01df]{--InputBase-size: var(--input-size-small);--InputBase-font-size: var(--font-size-small);--InputBase-padding: var(--sp)}.InputBase-large[data-v-bc2d01df]{--InputBase-size: var(--input-size-large);--InputBase-font-size: var(--font-size-large);--InputBase-padding: var(--sp2)}.Label[data-v-bc2d01df]{max-width:calc(100% - 2 * var(--sp2))}.Label.TabLabel[data-v-bc2d01df]{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-bc2d01df]{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-bc2d01df]{--InputBase-label-color-focus: var(--InputBase-outline-color-focus);position:absolute;top:0;left:0;transform:translateY(-50%);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-bc2d01df]: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-329a6de2]{opacity:.5;width:var(--sp2);display:flex;align-items:center;justify-content:center;padding-right:var(--sphalf)}.Value[data-v-329a6de2],.Placeholder[data-v-329a6de2]{line-height:var(--input-size);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DropdownIcon[data-v-329a6de2]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-3aca34dd]{--InputBase-padding: var(--sp1-5)}input[data-v-3aca34dd],textarea[data-v-3aca34dd]{-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-41eab4ae]{--InputBase-padding: var(--sp1-5)}input[data-v-41eab4ae],textarea[data-v-41eab4ae]{-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-41eab4ae] .Container{overflow-y:auto}textarea[data-v-41eab4ae]{align-self:flex-start}.Sizer[data-v-2f099547]{flex:1;min-width:0;min-height:0}.Switch[data-v-df1be8fc]{--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-df1be8fc]{display:none}.Switch[data-v-df1be8fc]: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-df1be8fc]:not(:disabled):hover,.Switch.Switch-pseudo-hover[data-v-df1be8fc]{filter:brightness(.96)}.Switch[data-v-df1be8fc]:not(:disabled):focus,.Switch.Switch-pseudo-focus[data-v-df1be8fc]{z-index:10;--Switch-outline-color-effective: var(--Switch-outline-color-focus)}.Switch-active[data-v-df1be8fc]{--Switch-surface-top-effective: var(--Switch-surface-top-active);--Switch-surface-bottom-effective: var(--Switch-surface-bottom-active)}.Switch-active[data-v-df1be8fc]:after{transform:translate(calc(var(--Switch-slide-width) - var(--Switch-knob-size) - var(--Switch-knob-offset)),-50%)}.Switch-disabled[data-v-df1be8fc]{cursor:not-allowed;opacity:.5}.Switch-knob-outline[data-v-df1be8fc]:after{outline:var(--Switch-outline-size) solid var(--Switch-outline-color);outline-offset:var(--Switch-knob-outline-offset)}.Switch-small[data-v-df1be8fc]{--Switch-slide-width: 24px;--Switch-slide-height: 16px;--Switch-knob-size: 12px}.Switch-large[data-v-df1be8fc]{--Switch-slide-width: 40px;--Switch-slide-height: 24px;--Switch-knob-size: 20px}.Switch-default[data-v-df1be8fc]{--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-df1be8fc]{--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-df1be8fc]{--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-df1be8fc]{--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-mono[data-v-df1be8fc]{--Switch-surface-top-active: var(--color-mono-surface-top);--Switch-surface-bottom-active: var(--color-mono-surface-bottom);--Switch-outline-color: var(--color-mono-outline);--Switch-outline-color-focus: var(--color-mono-focus)}.Switch-success[data-v-df1be8fc]{--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-df1be8fc]{--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-df1be8fc]{--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)}
@@ -1,19 +0,0 @@
1
- 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-Cb5d2Qo6.js";
2
- export {
3
- t as Btn,
4
- e as Bubble,
5
- p as Circle,
6
- u as ContextMenu,
7
- n as ContextPopup,
8
- o as HGroup,
9
- r as HStack,
10
- b as InputBase,
11
- c as InputSelect,
12
- x as InputText,
13
- C as InputTextarea,
14
- I as Sizer,
15
- S as Switch,
16
- T as Tab,
17
- B as TabCap,
18
- i as VGroup
19
- };