@nightshadeui/core 2.0.19 → 2.1.1

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 (10) hide show
  1. package/dist/components/Checkbox.vue.d.ts +132 -0
  2. package/dist/components/InputBase.vue.d.ts +9 -0
  3. package/dist/components/InputSelect.vue.d.ts +2 -2
  4. package/dist/components/InputText.vue.d.ts +2 -2
  5. package/dist/components/InputTextarea.vue.d.ts +2 -2
  6. package/dist/components/Tab.vue.d.ts +9 -0
  7. package/dist/components/index.d.ts +2 -1
  8. package/dist/core.css +1 -1
  9. package/dist/core.mjs +267 -173
  10. package/package.json +1 -1
package/dist/components/Checkbox.vue.d.ts ADDED
@@ -0,0 +1,132 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ mark: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ modelValue: {
7
+ type: BooleanConstructor;
8
+ };
9
+ disabled: {
10
+ type: BooleanConstructor;
11
+ };
12
+ kind: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ activeKind: {
17
+ type: StringConstructor;
18
+ };
19
+ size: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ round: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ flat: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ outline: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ forceFocus: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ forceHover: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ focusOverrides: {
44
+ type: ObjectConstructor;
45
+ };
46
+ hoverOverrides: {
47
+ type: ObjectConstructor;
48
+ };
49
+ }>, {}, {
50
+ hover: boolean;
51
+ focus: boolean;
52
+ }, {
53
+ isActive(): boolean;
54
+ baseStyle(): {
55
+ kind: string;
56
+ size: string;
57
+ round: boolean;
58
+ outline: boolean;
59
+ flat: boolean;
60
+ };
61
+ effectiveStyle(): {
62
+ kind: string;
63
+ size: string;
64
+ round: boolean;
65
+ outline: boolean;
66
+ flat: boolean;
67
+ };
68
+ }, {
69
+ onChange(ev: any): void;
70
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
71
+ mark: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ };
75
+ modelValue: {
76
+ type: BooleanConstructor;
77
+ };
78
+ disabled: {
79
+ type: BooleanConstructor;
80
+ };
81
+ kind: {
82
+ type: StringConstructor;
83
+ default: string;
84
+ };
85
+ activeKind: {
86
+ type: StringConstructor;
87
+ };
88
+ size: {
89
+ type: StringConstructor;
90
+ default: string;
91
+ };
92
+ round: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ flat: {
97
+ type: BooleanConstructor;
98
+ default: boolean;
99
+ };
100
+ outline: {
101
+ type: BooleanConstructor;
102
+ default: boolean;
103
+ };
104
+ forceFocus: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
108
+ forceHover: {
109
+ type: BooleanConstructor;
110
+ default: boolean;
111
+ };
112
+ focusOverrides: {
113
+ type: ObjectConstructor;
114
+ };
115
+ hoverOverrides: {
116
+ type: ObjectConstructor;
117
+ };
118
+ }>> & Readonly<{
119
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
120
+ }>, {
121
+ kind: string;
122
+ size: string;
123
+ flat: boolean;
124
+ outline: boolean;
125
+ round: boolean;
126
+ disabled: boolean;
127
+ forceFocus: boolean;
128
+ forceHover: boolean;
129
+ mark: string;
130
+ modelValue: boolean;
131
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
132
+ export default _default;
package/dist/components/InputBase.vue.d.ts CHANGED
@@ -127,6 +127,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
127
127
  fixedHeight: boolean;
128
128
  }, {}, {
129
129
  Tab: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
130
+ tagName: {
131
+ type: StringConstructor;
132
+ default: string;
133
+ };
130
134
  dir: {
131
135
  type: StringConstructor;
132
136
  default: string;
@@ -137,6 +141,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
137
141
  }>, {}, {}, {
138
142
  orientation(): "h" | "v";
139
143
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
144
+ tagName: {
145
+ type: StringConstructor;
146
+ default: string;
147
+ };
140
148
  dir: {
141
149
  type: StringConstructor;
142
150
  default: string;
@@ -145,6 +153,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
145
153
  type: StringConstructor;
146
154
  };
147
155
  }>> & Readonly<{}>, {
156
+ tagName: string;
148
157
  dir: string;
149
158
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
150
159
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
package/dist/components/InputSelect.vue.d.ts CHANGED
@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
10
10
  selectValue(value: any): void;
11
11
  getMenuItems(): any;
12
12
  show(): void;
13
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue")[], "focus" | "blur" | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
13
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur")[], "focus" | "update:modelValue" | "blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
14
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
14
15
  onFocus?: ((...args: any[]) => any) | undefined;
15
16
  onBlur?: ((...args: any[]) => any) | undefined;
16
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
17
17
  }>, {} | {
18
18
  [x: string]: any;
19
19
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
package/dist/components/InputText.vue.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
2
2
  onInput(ev: any): void;
3
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "input")[], "focus" | "blur" | "update:modelValue" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
3
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur" | "input")[], "focus" | "update:modelValue" | "blur" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
4
5
  onFocus?: ((...args: any[]) => any) | undefined;
5
6
  onBlur?: ((...args: any[]) => any) | undefined;
6
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
7
7
  onInput?: ((...args: any[]) => any) | undefined;
8
8
  }>, {} | {
9
9
  [x: string]: any;
package/dist/components/InputTextarea.vue.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
2
2
  onInput(ev: any): void;
3
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "input")[], "focus" | "blur" | "update:modelValue" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
3
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur" | "input")[], "focus" | "update:modelValue" | "blur" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
4
5
  onFocus?: ((...args: any[]) => any) | undefined;
5
6
  onBlur?: ((...args: any[]) => any) | undefined;
6
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
7
7
  onInput?: ((...args: any[]) => any) | undefined;
8
8
  }>, {} | {
9
9
  [x: string]: any;
package/dist/components/Tab.vue.d.ts CHANGED
@@ -1,4 +1,8 @@
1
1
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ tagName: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
2
6
  dir: {
3
7
  type: StringConstructor;
4
8
  default: string;
@@ -9,6 +13,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
9
13
  }>, {}, {}, {
10
14
  orientation(): "h" | "v";
11
15
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
16
+ tagName: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
12
20
  dir: {
13
21
  type: StringConstructor;
14
22
  default: string;
@@ -17,6 +25,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
25
  type: StringConstructor;
18
26
  };
19
27
  }>> & Readonly<{}>, {
28
+ tagName: string;
20
29
  dir: string;
21
30
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
22
31
  export default _default;
package/dist/components/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as Btn } from './Btn.vue';
2
+ import { default as Checkbox } from './Checkbox.vue';
2
3
  import { default as Filler } from './Filler.vue';
3
4
  import { default as HGroup } from './HGroup.vue';
4
5
  import { default as InputBase } from './InputBase.vue';
@@ -11,4 +12,4 @@ import { default as Tab } from './Tab.vue';
11
12
  import { default as TabCap } from './TabCap.vue';
12
13
  import { default as Toggle } from './Toggle.vue';
13
14
  import { default as VGroup } from './VGroup.vue';
14
- export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };
15
+ export { Btn, Checkbox, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };
package/dist/core.css CHANGED
@@ -1 +1 @@
1
- .Btn[data-v-09d29421]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-09d29421]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-09d29421]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-09d29421]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-09d29421]{order:100}.Btn[data-v-09d29421]:focus,.Btn[data-v-09d29421]:active,.Btn[data-v-09d29421]:hover{transition:none}.Btn[data-v-09d29421]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-09d29421]:after{opacity:1}.Btn[data-v-09d29421]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-09d29421]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-09d29421]:not(:disabled):active,.Btn.Btn-force-active[data-v-09d29421]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-09d29421]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-09d29421]{--Btn-radius:var(--input-radius-full)}.Btn-ghost[data-v-09d29421]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light)}.Btn-outline[data-v-09d29421]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-flat[data-v-09d29421]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-09d29421]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-09d29421]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-09d29421]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-09d29421]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-09d29421]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Filler[data-v-a4c89219]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-a4c89219]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-a4c89219]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-a4c89219]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-4afcf47f]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-4afcf47f]{align-items:stretch}.HGroup-align-baseline[data-v-4afcf47f]{align-items:baseline}.HGroup-align-center[data-v-4afcf47f]{align-items:center}.HGroup-align-start[data-v-4afcf47f]{align-items:flex-start}.HGroup-align-end[data-v-4afcf47f]{align-items:flex-end}.HGroup-justify-center[data-v-4afcf47f]{justify-content:center}.HGroup-justify-start[data-v-4afcf47f]{justify-content:flex-start}.HGroup-justify-end[data-v-4afcf47f]{justify-content:flex-end}.HGroup-justify-space-around[data-v-4afcf47f]{justify-content:space-around}.HGroup-justify-space-between[data-v-4afcf47f]{justify-content:space-between}.HGroup-gap-xxs[data-v-4afcf47f]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-4afcf47f]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-4afcf47f]{gap:var(--sp-s)}.HGroup-gap-m[data-v-4afcf47f]{gap:var(--sp-m)}.HGroup-gap-l[data-v-4afcf47f]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-4afcf47f]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-4afcf47f]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-4afcf47f]{gap:0}.HGroup-gap-0-25[data-v-4afcf47f]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-4afcf47f]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-4afcf47f]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-4afcf47f]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-4afcf47f]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-4afcf47f]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-4afcf47f]{gap:var(--sp3)}.HGroup-gap-4[data-v-4afcf47f]{gap:var(--sp4)}.HGroup-gap-5[data-v-4afcf47f]{gap:var(--sp5)}.HGroup-gap-6[data-v-4afcf47f]{gap:var(--sp6)}.HGroup-gap-7[data-v-4afcf47f]{gap:var(--sp7)}.HGroup-gap-8[data-v-4afcf47f]{gap:var(--sp8)}.HGroup-gap-9[data-v-4afcf47f]{gap:var(--sp9)}.HGroup-gap-10[data-v-4afcf47f]{gap:var(--sp10)}.HGroup-gap-12[data-v-4afcf47f]{gap:var(--sp12)}.HGroup-gap-16[data-v-4afcf47f]{gap:var(--sp16)}.HGroup-gap-24[data-v-4afcf47f]{gap:var(--sp24)}.HGroup-gap-32[data-v-4afcf47f]{gap:var(--sp32)}.HGroup-wrap[data-v-4afcf47f]{flex-wrap:wrap}.Tab[data-v-a4bb3614]{--Tab-size:var(--sp3);--Tab-cap-size:var(--sp4);--Tab-surface:var(--color-base-1);--Tab-color:var(--color-text-0);--Tab-shadow-size:.5px;--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-a4bb3614],.Content[data-v-a4bb3614]{z-index:2;position:relative}.Content[data-v-a4bb3614]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-a4bb3614]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-a4bb3614]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-a4bb3614]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-a4bb3614]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-a4bb3614]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-a4bb3614]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-a4bb3614]{height:var(--Tab-cap-size)}.InputBase[data-v-408c1aa3]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-radius:var(--input-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-408c1aa3]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-408c1aa3]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-408c1aa3]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-408c1aa3]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-408c1aa3]{height:var(--InputBase-size)}.InputBase-round[data-v-408c1aa3]{--InputBase-radius:var(--input-radius-round)}.InputBase-shadow .Container[data-v-408c1aa3]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-408c1aa3]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-408c1aa3]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-408c1aa3]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-408c1aa3]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-408c1aa3]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-408c1aa3]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-408c1aa3]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-3d98e109]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-3d98e109]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-3d98e109]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-2c4374be]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-2c4374be],.Placeholder[data-v-2c4374be]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-2c4374be]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-f0bca74d]{--InputBase-padding:var(--sp1-5)}input[data-v-f0bca74d],textarea[data-v-f0bca74d]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-d1f75aa4]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-d1f75aa4],textarea[data-v-d1f75aa4]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-d1f75aa4] .Container{overflow-y:auto}textarea[data-v-d1f75aa4]{align-self:flex-start}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-c5f9a677]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-c5f9a677]{display:none}.Toggle[data-v-c5f9a677]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-knob-outline[data-v-c5f9a677]:before{outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset)}.Toggle-disabled[data-v-c5f9a677]{cursor:not-allowed;opacity:.5}.Toggle[data-v-c5f9a677]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-c5f9a677]{filter:brightness(.96)}.Toggle[data-v-c5f9a677]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-c5f9a677]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-c5f9a677]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-c5f9a677]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-c5f9a677]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-c5f9a677]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-c5f9a677]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-c5f9a677]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-c5f9a677]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}
1
+ .Btn[data-v-3f3caa50]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-3f3caa50]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-3f3caa50]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-3f3caa50]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-3f3caa50]{order:100}.Btn[data-v-3f3caa50]:focus,.Btn[data-v-3f3caa50]:active,.Btn[data-v-3f3caa50]:hover{transition:none}.Btn[data-v-3f3caa50]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-3f3caa50]:after{opacity:1}.Btn[data-v-3f3caa50]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-3f3caa50]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-3f3caa50]:not(:disabled):active,.Btn.Btn-force-active[data-v-3f3caa50]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-3f3caa50]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-3f3caa50]{--Btn-radius:var(--input-radius-full)}.Btn-outline[data-v-3f3caa50]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-3f3caa50]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light);--Btn-border-color:var(--input-text-color)}.Btn-flat[data-v-3f3caa50]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-3f3caa50]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-3f3caa50]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-3f3caa50]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-3f3caa50]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-3f3caa50]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Checkbox[data-v-b1686ab0]{--Checkbox-size:var(--sp3);--Checkbox-outline-color:transparent;--Checkbox-surface:var(--color-base-200);--Checkbox-border-size:0px;--Checkbox-border-color:transparent;--Checkbox-radius:var(--input-radius);--Checkbox-shadow-color:var(--shadow-color-light);--Checkbox-mark-shadow-color:var(--input-surface-color-bottom);width:var(--Checkbox-size);height:var(--Checkbox-size);border:var(--Checkbox-border-size)solid var(--Checkbox-border-color);border-radius:var(--Checkbox-radius);background:var(--Checkbox-surface);outline:var(--input-outline-size)solid var(--Checkbox-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Checkbox-shadow-color)inset,0 0 5px -1px var(--Checkbox-shadow-color)inset;background-clip:border-box;justify-content:center;align-items:center;transition:background-color .3s,border-radius .3s;display:inline-flex;position:relative;overflow:hidden}.Checkbox input[data-v-b1686ab0]{display:none}.Checkbox[data-v-b1686ab0]:after{opacity:0;font-size:var(--Checkbox-size);color:var(--input-surface-color-text);text-shadow:0 2px 1px var(--Checkbox-mark-shadow-color);transition:opacity .1s,border-radius .3s}.Checkbox-active[data-v-b1686ab0]:after{opacity:1}.Checkbox-mark-check[data-v-b1686ab0]:after{content:"✓"}.Checkbox-mark-xmark[data-v-b1686ab0]:after{content:"✗"}.Checkbox-mark-dot[data-v-b1686ab0]:after{content:"●"}.Checkbox-mark-knob[data-v-b1686ab0]:after{content:"";width:calc(var(--Checkbox-size) - var(--sp));height:calc(var(--Checkbox-size) - var(--sp));border-radius:calc(var(--Checkbox-radius) - 2px);background:var(--input-surface-color-text);box-shadow:0 1px 3px var(--Checkbox-shadow-color)}.Checkbox-mark-none[data-v-b1686ab0]:after{content:""}.Checkbox-disabled[data-v-b1686ab0]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-b1686ab0]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-b1686ab0]{filter:brightness(.96)}.Checkbox[data-v-b1686ab0]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-b1686ab0]{z-index:10;--Checkbox-outline-color:var(--input-focus-light-color);--Checkbox-border-color:var(--input-focus-medium-color)}.Checkbox-active[data-v-b1686ab0]{--Checkbox-surface:var(--input-surface-color)}.Checkbox-round[data-v-b1686ab0]{--Checkbox-radius:var(--input-radius-full)}.Checkbox-outline[data-v-b1686ab0]{--Checkbox-border-color:var(--input-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-b1686ab0]{--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none;box-shadow:none}.Checkbox-small[data-v-b1686ab0]{--Checkbox-size:var(--sp2)}.Checkbox-large[data-v-b1686ab0]{--Checkbox-size:var(--sp4)}.Filler[data-v-a4c89219]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-a4c89219]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-a4c89219]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-a4c89219]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-4afcf47f]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-4afcf47f]{align-items:stretch}.HGroup-align-baseline[data-v-4afcf47f]{align-items:baseline}.HGroup-align-center[data-v-4afcf47f]{align-items:center}.HGroup-align-start[data-v-4afcf47f]{align-items:flex-start}.HGroup-align-end[data-v-4afcf47f]{align-items:flex-end}.HGroup-justify-center[data-v-4afcf47f]{justify-content:center}.HGroup-justify-start[data-v-4afcf47f]{justify-content:flex-start}.HGroup-justify-end[data-v-4afcf47f]{justify-content:flex-end}.HGroup-justify-space-around[data-v-4afcf47f]{justify-content:space-around}.HGroup-justify-space-between[data-v-4afcf47f]{justify-content:space-between}.HGroup-gap-xxs[data-v-4afcf47f]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-4afcf47f]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-4afcf47f]{gap:var(--sp-s)}.HGroup-gap-m[data-v-4afcf47f]{gap:var(--sp-m)}.HGroup-gap-l[data-v-4afcf47f]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-4afcf47f]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-4afcf47f]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-4afcf47f]{gap:0}.HGroup-gap-0-25[data-v-4afcf47f]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-4afcf47f]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-4afcf47f]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-4afcf47f]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-4afcf47f]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-4afcf47f]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-4afcf47f]{gap:var(--sp3)}.HGroup-gap-4[data-v-4afcf47f]{gap:var(--sp4)}.HGroup-gap-5[data-v-4afcf47f]{gap:var(--sp5)}.HGroup-gap-6[data-v-4afcf47f]{gap:var(--sp6)}.HGroup-gap-7[data-v-4afcf47f]{gap:var(--sp7)}.HGroup-gap-8[data-v-4afcf47f]{gap:var(--sp8)}.HGroup-gap-9[data-v-4afcf47f]{gap:var(--sp9)}.HGroup-gap-10[data-v-4afcf47f]{gap:var(--sp10)}.HGroup-gap-12[data-v-4afcf47f]{gap:var(--sp12)}.HGroup-gap-16[data-v-4afcf47f]{gap:var(--sp16)}.HGroup-gap-24[data-v-4afcf47f]{gap:var(--sp24)}.HGroup-gap-32[data-v-4afcf47f]{gap:var(--sp32)}.HGroup-wrap[data-v-4afcf47f]{flex-wrap:wrap}.Tab[data-v-46adbe0a]{--Tab-size:var(--sp3);--Tab-cap-size:var(--sp4);--Tab-surface:var(--color-base-1);--Tab-color:var(--color-text-0);--Tab-shadow-size:.5px;--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-46adbe0a],.Content[data-v-46adbe0a]{z-index:2;position:relative}.Content[data-v-46adbe0a]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-46adbe0a]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-46adbe0a]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-46adbe0a]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-46adbe0a]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-46adbe0a]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-46adbe0a]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-46adbe0a]{height:var(--Tab-cap-size)}.InputBase[data-v-408c1aa3]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-radius:var(--input-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-408c1aa3]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-408c1aa3]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-408c1aa3]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-408c1aa3]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-408c1aa3]{height:var(--InputBase-size)}.InputBase-round[data-v-408c1aa3]{--InputBase-radius:var(--input-radius-round)}.InputBase-shadow .Container[data-v-408c1aa3]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-408c1aa3]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-408c1aa3]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-408c1aa3]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-408c1aa3]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-408c1aa3]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-408c1aa3]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-408c1aa3]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-3d98e109]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-3d98e109]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-3d98e109]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-2c4374be]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-2c4374be],.Placeholder[data-v-2c4374be]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-2c4374be]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-f0bca74d]{--InputBase-padding:var(--sp1-5)}input[data-v-f0bca74d],textarea[data-v-f0bca74d]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-d1f75aa4]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-d1f75aa4],textarea[data-v-d1f75aa4]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-d1f75aa4] .Container{overflow-y:auto}textarea[data-v-d1f75aa4]{align-self:flex-start}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-d06c0ba4]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-d06c0ba4]{display:none}.Toggle[data-v-d06c0ba4]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-disabled[data-v-d06c0ba4]{cursor:not-allowed;opacity:.5}.Toggle[data-v-d06c0ba4]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-d06c0ba4]{filter:brightness(.96)}.Toggle[data-v-d06c0ba4]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-d06c0ba4]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-d06c0ba4]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-d06c0ba4]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-d06c0ba4]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-d06c0ba4]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-d06c0ba4]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-d06c0ba4]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-d06c0ba4]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}
package/dist/core.mjs CHANGED
@@ -1,10 +1,10 @@
1
- import { createBlock as p, openBlock as r, resolveDynamicComponent as S, normalizeClass as y, withCtx as v, renderSlot as u, createElementBlock as d, createCommentVNode as c, toDisplayString as g, resolveComponent as b, createVNode as O, createElementVNode as h, Fragment as $, mergeProps as B } from "vue";
2
- const f = (t, n) => {
1
+ import { createBlock as c, openBlock as i, resolveDynamicComponent as S, normalizeClass as p, withCtx as v, renderSlot as r, createElementBlock as f, createCommentVNode as y, toDisplayString as g, createElementVNode as b, resolveComponent as h, createVNode as O, Fragment as x, mergeProps as k } from "vue";
2
+ const d = (t, n) => {
3
3
  const e = t.__vccOpts || t;
4
- for (const [i, l] of n)
5
- e[i] = l;
4
+ for (const [u, l] of n)
5
+ e[u] = l;
6
6
  return e;
7
- }, j = {
7
+ }, T = {
8
8
  props: {
9
9
  tagName: { type: String, default: "button" },
10
10
  href: { type: String },
@@ -54,28 +54,28 @@ const f = (t, n) => {
54
54
  baseStyle: t,
55
55
  hoverOverrides: n = {},
56
56
  activeOverrides: e = {},
57
- focusOverrides: i = {},
57
+ focusOverrides: u = {},
58
58
  active: l,
59
59
  hover: o,
60
60
  focus: s,
61
61
  forceActive: a,
62
62
  forceHover: _,
63
- forceFocus: k
63
+ forceFocus: I
64
64
  } = this, m = Object.assign({}, t);
65
- return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || k) && Object.assign(m, i), m;
65
+ return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, u), m;
66
66
  }
67
67
  },
68
68
  methods: {
69
69
  // TODO add debounce
70
70
  }
71
- }, C = {
71
+ }, j = {
72
72
  key: 0,
73
73
  class: "Label"
74
74
  };
75
- function F(t, n, e, i, l, o) {
76
- return r(), p(S(e.tagName), {
75
+ function F(t, n, e, u, l, o) {
76
+ return i(), c(S(e.tagName), {
77
77
  ref: "button",
78
- class: y(["Btn InputElement", [
78
+ class: p(["Btn InputElement", [
79
79
  `Btn-${o.effectiveStyle.size}`,
80
80
  `Btn-${o.effectiveStyle.kind}`,
81
81
  `input-kind-${o.effectiveStyle.kind}`,
@@ -106,17 +106,17 @@ function F(t, n, e, i, l, o) {
106
106
  onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
107
107
  }, {
108
108
  default: v(() => [
109
- u(t.$slots, "icon", {
109
+ r(t.$slots, "icon", {
110
110
  hover: l.hover,
111
111
  blocked: l.blocked
112
112
  }, () => [
113
- e.icon ? (r(), d("i", {
113
+ e.icon ? (i(), f("i", {
114
114
  key: 0,
115
- class: y([e.icon, "Icon"])
116
- }, null, 2)) : c("", !0)
115
+ class: p([e.icon, "Icon"])
116
+ }, null, 2)) : y("", !0)
117
117
  ], !0),
118
- e.label ? (r(), d("span", C, g(e.label), 1)) : c("", !0),
119
- u(t.$slots, "default", {
118
+ e.label ? (i(), f("span", j, g(e.label), 1)) : y("", !0),
119
+ r(t.$slots, "default", {
120
120
  hover: l.hover,
121
121
  active: l.active,
122
122
  blocked: l.blocked
@@ -125,19 +125,107 @@ function F(t, n, e, i, l, o) {
125
125
  _: 3
126
126
  }, 40, ["class", "disabled", "title", "href"]);
127
127
  }
128
- const w = /* @__PURE__ */ f(j, [["render", F], ["__scopeId", "data-v-09d29421"]]), x = {
128
+ const C = /* @__PURE__ */ d(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]), $ = {
129
+ props: {
130
+ mark: { type: String, default: "check" },
131
+ modelValue: { type: Boolean },
132
+ disabled: { type: Boolean },
133
+ kind: { type: String, default: "base" },
134
+ activeKind: { type: String },
135
+ size: { type: String, default: "normal" },
136
+ round: { type: Boolean, default: !1 },
137
+ flat: { type: Boolean, default: !1 },
138
+ outline: { type: Boolean, default: !1 },
139
+ forceFocus: { type: Boolean, default: !1 },
140
+ forceHover: { type: Boolean, default: !1 },
141
+ focusOverrides: { type: Object },
142
+ hoverOverrides: { type: Object }
143
+ },
144
+ emits: [
145
+ "update:modelValue"
146
+ ],
147
+ data() {
148
+ return {
149
+ hover: !1,
150
+ focus: !1
151
+ };
152
+ },
153
+ computed: {
154
+ isActive() {
155
+ return !!this.modelValue;
156
+ },
157
+ baseStyle() {
158
+ return {
159
+ kind: (this.isActive ? this.activeKind : this.kind) ?? this.kind,
160
+ size: this.size,
161
+ round: this.round,
162
+ outline: this.outline,
163
+ flat: this.flat
164
+ };
165
+ },
166
+ effectiveStyle() {
167
+ const {
168
+ baseStyle: t,
169
+ hoverOverrides: n = {},
170
+ focusOverrides: e = {},
171
+ hover: u,
172
+ focus: l,
173
+ forceHover: o,
174
+ forceFocus: s
175
+ } = this, a = Object.assign({}, t);
176
+ return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
177
+ }
178
+ },
179
+ methods: {
180
+ onChange(t) {
181
+ this.$emit("update:modelValue", t.target.checked);
182
+ }
183
+ }
184
+ }, H = ["checked", "disabled"];
185
+ function z(t, n, e, u, l, o) {
186
+ return i(), f("label", {
187
+ class: p(["Checkbox InputElement", [
188
+ `Checkbox-${o.effectiveStyle.kind}`,
189
+ `input-kind-${o.effectiveStyle.kind}`,
190
+ `Checkbox-${o.effectiveStyle.size}`,
191
+ `Checkbox-mark-${e.mark}`,
192
+ {
193
+ "Checkbox-active": !!e.modelValue,
194
+ "Checkbox-outline": o.effectiveStyle.outline,
195
+ "Checkbox-round": o.effectiveStyle.round,
196
+ "Checkbox-flat": o.effectiveStyle.flat,
197
+ "Checkbox-disabled": e.disabled,
198
+ "Checkbox-force-focus": e.forceFocus,
199
+ "Checkbox-force-hover": e.forceHover
200
+ }
201
+ ]]),
202
+ tabindex: "0",
203
+ onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
204
+ onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
205
+ onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
206
+ onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
207
+ }, [
208
+ b("input", {
209
+ type: "checkbox",
210
+ checked: e.modelValue,
211
+ disabled: e.disabled,
212
+ onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
213
+ }, null, 40, H)
214
+ ], 34);
215
+ }
216
+ const N = /* @__PURE__ */ d($, [["render", z], ["__scopeId", "data-v-b1686ab0"]]), M = {
129
217
  props: {
130
218
  fill: { type: String, default: "none" }
131
219
  }
132
220
  };
133
- function H(t, n, e, i, l, o) {
134
- return r(), d("div", {
135
- class: y(["Filler", [
221
+ function P(t, n, e, u, l, o) {
222
+ return i(), f("div", {
223
+ class: p(["Filler", [
136
224
  `Filler-${e.fill}`
137
225
  ]])
138
226
  }, null, 2);
139
227
  }
140
- const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]), N = {
228
+ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]), A = {
141
229
  props: {
142
230
  tagName: { type: String, default: "div" },
143
231
  align: { type: String, default: "center" },
@@ -146,9 +234,9 @@ const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]
146
234
  wrap: { type: Boolean, default: !1 }
147
235
  }
148
236
  };
149
- function M(t, n, e, i, l, o) {
150
- return r(), p(S(e.tagName), {
151
- class: y(["HGroup", [
237
+ function L(t, n, e, u, l, o) {
238
+ return i(), c(S(e.tagName), {
239
+ class: p(["HGroup", [
152
240
  `HGroup-align-${e.align}`,
153
241
  `HGroup-justify-${e.justify}`,
154
242
  `HGroup-gap-${e.gap}`,
@@ -158,13 +246,14 @@ function M(t, n, e, i, l, o) {
158
246
  ]])
159
247
  }, {
160
248
  default: v(() => [
161
- u(t.$slots, "default", {}, void 0, !0)
249
+ r(t.$slots, "default", {}, void 0, !0)
162
250
  ]),
163
251
  _: 3
164
252
  }, 8, ["class"]);
165
253
  }
166
- const P = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]), G = {
254
+ const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]), E = {
167
255
  props: {
256
+ tagName: { type: String, default: "div" },
168
257
  dir: { type: String, default: "top" },
169
258
  label: { type: String }
170
259
  },
@@ -173,39 +262,42 @@ const P = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]
173
262
  return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
174
263
  }
175
264
  }
176
- }, L = { class: "Content" }, A = ["title"];
177
- function D(t, n, e, i, l, o) {
178
- const s = b("TabCap");
179
- return r(), d("div", {
180
- class: y(["Tab", [
265
+ }, R = { class: "Content" }, q = ["title"];
266
+ function K(t, n, e, u, l, o) {
267
+ const s = h("TabCap");
268
+ return i(), c(S(e.tagName), {
269
+ class: p(["Tab", [
181
270
  `Tab-${e.dir}`,
182
271
  `Tab-${o.orientation}`
183
272
  ]])
184
- }, [
185
- O(s, {
186
- class: "TabCap",
187
- dir: e.dir,
188
- type: "start"
189
- }, null, 8, ["dir"]),
190
- h("div", L, [
191
- u(t.$slots, "default", {}, () => [
192
- e.label ? (r(), d("div", {
193
- key: 0,
194
- class: "TabLabel",
195
- title: e.label
196
- }, g(e.label), 9, A)) : c("", !0)
197
- ], !0)
273
+ }, {
274
+ default: v(() => [
275
+ O(s, {
276
+ class: "TabCap",
277
+ dir: e.dir,
278
+ type: "start"
279
+ }, null, 8, ["dir"]),
280
+ b("div", R, [
281
+ r(t.$slots, "default", {}, () => [
282
+ e.label ? (i(), f("div", {
283
+ key: 0,
284
+ class: "TabLabel",
285
+ title: e.label
286
+ }, g(e.label), 9, q)) : y("", !0)
287
+ ], !0)
288
+ ]),
289
+ O(s, {
290
+ class: "TabCap",
291
+ dir: e.dir,
292
+ type: "end"
293
+ }, null, 8, ["dir"])
198
294
  ]),
199
- O(s, {
200
- class: "TabCap",
201
- dir: e.dir,
202
- type: "end"
203
- }, null, 8, ["dir"])
204
- ], 2);
295
+ _: 3
296
+ }, 8, ["class"]);
205
297
  }
206
- const T = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]), E = {
298
+ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]), Y = {
207
299
  components: {
208
- Tab: T
300
+ Tab: V
209
301
  },
210
302
  props: {
211
303
  tagName: { default: "label" },
@@ -243,25 +335,25 @@ const T = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]
243
335
  baseStyle: t,
244
336
  hoverOverrides: n = {},
245
337
  focusOverrides: e = {},
246
- hover: i,
338
+ hover: u,
247
339
  focus: l,
248
340
  forceHover: o,
249
341
  forceFocus: s
250
342
  } = this, a = Object.assign({}, t);
251
- return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
343
+ return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
252
344
  }
253
345
  }
254
- }, R = {
346
+ }, J = {
255
347
  key: 1,
256
348
  class: "Label TextLabel"
257
- }, q = {
349
+ }, Q = {
258
350
  key: 2,
259
351
  class: "Label InlineLabel"
260
- }, K = { class: "InputElement Container" };
261
- function Y(t, n, e, i, l, o) {
262
- const s = b("Tab");
263
- return r(), p(S(e.tagName), {
264
- class: y(["InputBase", [
352
+ }, U = { class: "InputElement Container" };
353
+ function W(t, n, e, u, l, o) {
354
+ const s = h("Tab");
355
+ return i(), c(S(e.tagName), {
356
+ class: p(["InputBase", [
265
357
  `InputBase-${o.effectiveStyle.kind}`,
266
358
  `input-kind-${o.effectiveStyle.kind}`,
267
359
  `InputBase-${o.effectiveStyle.size}`,
@@ -280,38 +372,38 @@ function Y(t, n, e, i, l, o) {
280
372
  onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
281
373
  }, {
282
374
  default: v(() => [
283
- e.label ? (r(), d($, { key: 0 }, [
284
- e.labelStyle === "tab" ? (r(), p(s, {
375
+ e.label ? (i(), f(x, { key: 0 }, [
376
+ e.labelStyle === "tab" ? (i(), c(s, {
285
377
  key: 0,
286
378
  class: "Label TabLabel",
287
379
  label: e.label
288
- }, null, 8, ["label"])) : c("", !0),
289
- e.labelStyle === "text" ? (r(), d("div", R, g(e.label), 1)) : c("", !0),
290
- e.labelStyle === "inline" ? (r(), d("div", q, g(e.label), 1)) : c("", !0)
291
- ], 64)) : c("", !0),
292
- h("div", K, [
293
- u(t.$slots, "default", {}, void 0, !0)
380
+ }, null, 8, ["label"])) : y("", !0),
381
+ e.labelStyle === "text" ? (i(), f("div", J, g(e.label), 1)) : y("", !0),
382
+ e.labelStyle === "inline" ? (i(), f("div", Q, g(e.label), 1)) : y("", !0)
383
+ ], 64)) : y("", !0),
384
+ b("div", U, [
385
+ r(t.$slots, "default", {}, void 0, !0)
294
386
  ])
295
387
  ]),
296
388
  _: 3
297
389
  }, 40, ["class"]);
298
390
  }
299
- const I = /* @__PURE__ */ f(E, [["render", Y], ["__scopeId", "data-v-408c1aa3"]]), J = {
391
+ const B = /* @__PURE__ */ d(Y, [["render", W], ["__scopeId", "data-v-408c1aa3"]]), X = {
300
392
  props: {
301
393
  tagName: { type: String, default: "div" }
302
394
  }
303
395
  };
304
- function Q(t, n, e, i, l, o) {
305
- return r(), p(S(e.tagName), { class: "InputGroup" }, {
396
+ function Z(t, n, e, u, l, o) {
397
+ return i(), c(S(e.tagName), { class: "InputGroup" }, {
306
398
  default: v(() => [
307
- u(t.$slots, "default", {}, void 0, !0)
399
+ r(t.$slots, "default", {}, void 0, !0)
308
400
  ]),
309
401
  _: 3
310
402
  });
311
403
  }
312
- const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]), W = {
404
+ const ee = /* @__PURE__ */ d(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]]), te = {
313
405
  props: {
314
- ...I.props,
406
+ ...B.props,
315
407
  modelValue: {},
316
408
  items: { type: Array, default: () => [] },
317
409
  placeholder: { type: String },
@@ -370,55 +462,55 @@ const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]
370
462
  this.disabled || (this.menuShown = !0);
371
463
  }
372
464
  }
373
- }, X = {
465
+ }, ne = {
374
466
  key: 1,
375
467
  class: "Value"
376
- }, Z = {
468
+ }, oe = {
377
469
  key: 2,
378
470
  class: "Placeholder"
379
- }, ee = {
471
+ }, le = {
380
472
  ref: "icon",
381
473
  class: "DropdownIcon"
382
474
  };
383
- function te(t, n, e, i, l, o) {
384
- const s = b("ContextMenu"), a = b("InputBase");
385
- return r(), p(a, B({ class: "InputSelect" }, {
475
+ function se(t, n, e, u, l, o) {
476
+ const s = h("ContextMenu"), a = h("InputBase");
477
+ return i(), c(a, k({ class: "InputSelect" }, {
386
478
  ...t.$props
387
479
  }, {
388
480
  tabindex: "0",
389
481
  onClick: n[1] || (n[1] = (_) => o.show())
390
482
  }), {
391
483
  default: v(() => [
392
- u(t.$slots, "before", {}, void 0, !0),
393
- o.itemIcon ? (r(), d("i", {
484
+ r(t.$slots, "before", {}, void 0, !0),
485
+ o.itemIcon ? (i(), f("i", {
394
486
  key: 0,
395
- class: y(["Icon", o.itemIcon])
396
- }, null, 2)) : c("", !0),
397
- o.selectedItem ? (r(), d("span", X, g(o.itemTitle), 1)) : c("", !0),
398
- o.selectedItem ? c("", !0) : (r(), d("span", Z, g(e.placeholder), 1)),
399
- h("div", ee, [
400
- u(t.$slots, "iconDropdown", {}, () => [
401
- h("i", {
402
- class: y(o.iconDropdown)
487
+ class: p(["Icon", o.itemIcon])
488
+ }, null, 2)) : y("", !0),
489
+ o.selectedItem ? (i(), f("span", ne, g(o.itemTitle), 1)) : y("", !0),
490
+ o.selectedItem ? y("", !0) : (i(), f("span", oe, g(e.placeholder), 1)),
491
+ b("div", le, [
492
+ r(t.$slots, "iconDropdown", {}, () => [
493
+ b("i", {
494
+ class: p(o.iconDropdown)
403
495
  }, null, 2)
404
496
  ], !0)
405
497
  ], 512),
406
- !t.disabled && l.menuShown ? (r(), p(s, {
498
+ !t.disabled && l.menuShown ? (i(), c(s, {
407
499
  key: 3,
408
500
  anchorRef: "icon",
409
501
  items: o.getMenuItems(),
410
502
  search: e.search,
411
503
  overlayShown: !1,
412
504
  onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
413
- }, null, 8, ["items", "search"])) : c("", !0),
414
- u(t.$slots, "after", {}, void 0, !0)
505
+ }, null, 8, ["items", "search"])) : y("", !0),
506
+ r(t.$slots, "after", {}, void 0, !0)
415
507
  ]),
416
508
  _: 3
417
509
  }, 16);
418
510
  }
419
- const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"]]), oe = {
511
+ const ae = /* @__PURE__ */ d(te, [["render", se], ["__scopeId", "data-v-2c4374be"]]), ie = {
420
512
  props: {
421
- ...I.props,
513
+ ...B.props,
422
514
  modelValue: { type: [String, Number] },
423
515
  type: { type: String },
424
516
  placeholder: { type: String },
@@ -442,15 +534,15 @@ const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"
442
534
  this.$emit("update:modelValue", t.target.value);
443
535
  }
444
536
  }
445
- }, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
446
- function se(t, n, e, i, l, o) {
447
- const s = b("InputBase");
448
- return r(), p(s, B({ class: "InputText" }, {
537
+ }, ue = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
538
+ function re(t, n, e, u, l, o) {
539
+ const s = h("InputBase");
540
+ return i(), c(s, k({ class: "InputText" }, {
449
541
  ...t.$props
450
542
  }), {
451
543
  default: v(() => [
452
- u(t.$slots, "before", {}, void 0, !0),
453
- h("input", {
544
+ r(t.$slots, "before", {}, void 0, !0),
545
+ b("input", {
454
546
  ref: "input",
455
547
  value: e.modelValue,
456
548
  type: e.type,
@@ -464,15 +556,15 @@ function se(t, n, e, i, l, o) {
464
556
  onInput: n[0] || (n[0] = (a) => o.onInput(a)),
465
557
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
466
558
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
467
- }, null, 40, le),
468
- u(t.$slots, "after", {}, void 0, !0)
559
+ }, null, 40, ue),
560
+ r(t.$slots, "after", {}, void 0, !0)
469
561
  ]),
470
562
  _: 3
471
563
  }, 16);
472
564
  }
473
- const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d"]]), re = {
565
+ const de = /* @__PURE__ */ d(ie, [["render", re], ["__scopeId", "data-v-f0bca74d"]]), fe = {
474
566
  props: {
475
- ...I.props,
567
+ ...B.props,
476
568
  modelValue: { type: String },
477
569
  placeholder: { type: String },
478
570
  rows: { type: Number },
@@ -505,15 +597,15 @@ const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d
505
597
  this.$emit("update:modelValue", t.target.value);
506
598
  }
507
599
  }
508
- }, ie = ["value", "placeholder", "readonly", "disabled", "rows"];
509
- function ue(t, n, e, i, l, o) {
510
- const s = b("InputBase");
511
- return r(), p(s, B({ class: "InputTextarea" }, {
600
+ }, ce = ["value", "placeholder", "readonly", "disabled", "rows"];
601
+ function pe(t, n, e, u, l, o) {
602
+ const s = h("InputBase");
603
+ return i(), c(s, k({ class: "InputTextarea" }, {
512
604
  ...t.$props
513
605
  }, { fixedHeight: !1 }), {
514
606
  default: v(() => [
515
- u(t.$slots, "before", {}, void 0, !0),
516
- h("textarea", {
607
+ r(t.$slots, "before", {}, void 0, !0),
608
+ b("textarea", {
517
609
  ref: "input",
518
610
  value: e.modelValue,
519
611
  placeholder: e.placeholder,
@@ -525,18 +617,18 @@ function ue(t, n, e, i, l, o) {
525
617
  onInput: n[0] || (n[0] = (a) => o.onInput(a)),
526
618
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
527
619
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
528
- }, null, 40, ie),
529
- u(t.$slots, "after", {}, void 0, !0)
620
+ }, null, 40, ce),
621
+ r(t.$slots, "after", {}, void 0, !0)
530
622
  ]),
531
623
  _: 3
532
624
  }, 16);
533
625
  }
534
- const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4"]]), fe = {
626
+ const ye = /* @__PURE__ */ d(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4"]]), ve = {
535
627
  components: {
536
- Btn: w
628
+ Btn: C
537
629
  },
538
630
  props: {
539
- ...w.props,
631
+ ...C.props,
540
632
  to: { required: !0 },
541
633
  baseProps: { type: Object },
542
634
  activeProps: { type: Object },
@@ -553,40 +645,40 @@ const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4
553
645
  }
554
646
  }
555
647
  };
556
- function ce(t, n, e, i, l, o) {
557
- const s = b("Btn"), a = b("RouterLink");
558
- return r(), p(a, {
648
+ function be(t, n, e, u, l, o) {
649
+ const s = h("Btn"), a = h("RouterLink");
650
+ return i(), c(a, {
559
651
  to: e.to,
560
652
  custom: ""
561
653
  }, {
562
- default: v(({ href: _, navigate: k, isActive: m, isExactActive: V }) => [
563
- O(s, B({
654
+ default: v(({ href: _, navigate: I, isActive: m, isExactActive: w }) => [
655
+ O(s, k({
564
656
  tagName: "a",
565
657
  href: _
566
- }, o.actualProps(m, V), { onClick: k }), null, 16, ["href", "onClick"])
658
+ }, o.actualProps(m, w), { onClick: I }), null, 16, ["href", "onClick"])
567
659
  ]),
568
660
  _: 1
569
661
  }, 8, ["to"]);
570
662
  }
571
- const pe = /* @__PURE__ */ f(fe, [["render", ce]]), ye = {
663
+ const he = /* @__PURE__ */ d(ve, [["render", be]]), me = {
572
664
  props: {
573
665
  dir: { type: String, default: "top" },
574
666
  type: { type: String, default: "start" }
575
667
  }
576
668
  };
577
- function ve(t, n, e, i, l, o) {
578
- return r(), d("svg", {
579
- class: y(["TabCap", [
669
+ function ge(t, n, e, u, l, o) {
670
+ return i(), f("svg", {
671
+ class: p(["TabCap", [
580
672
  `TabCap-${e.dir}`,
581
673
  `TabCap-${e.type}`
582
674
  ]]),
583
675
  viewBox: "0 0 32 32",
584
676
  preserveAspectRatio: "none"
585
677
  }, [...n[0] || (n[0] = [
586
- h("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
678
+ b("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
587
679
  ])], 2);
588
680
  }
589
- const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a"]]), he = {
681
+ const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-d898255a"]]), _e = {
590
682
  props: {
591
683
  modelValue: { type: Boolean },
592
684
  disabled: { type: Boolean },
@@ -628,12 +720,12 @@ const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a
628
720
  baseStyle: t,
629
721
  hoverOverrides: n = {},
630
722
  focusOverrides: e = {},
631
- hover: i,
723
+ hover: u,
632
724
  focus: l,
633
725
  forceHover: o,
634
726
  forceFocus: s
635
727
  } = this, a = Object.assign({}, t);
636
- return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
728
+ return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
637
729
  }
638
730
  },
639
731
  methods: {
@@ -641,10 +733,10 @@ const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a
641
733
  this.$emit("update:modelValue", t.target.checked);
642
734
  }
643
735
  }
644
- }, me = ["checked", "disabled"];
645
- function ge(t, n, e, i, l, o) {
646
- return r(), d("label", {
647
- class: y(["Toggle InputElement", [
736
+ }, ke = ["checked", "disabled"];
737
+ function Be(t, n, e, u, l, o) {
738
+ return i(), f("label", {
739
+ class: p(["Toggle InputElement", [
648
740
  `Toggle-${o.effectiveStyle.kind}`,
649
741
  `input-kind-${o.effectiveStyle.kind}`,
650
742
  `Toggle-${o.effectiveStyle.size}`,
@@ -664,15 +756,15 @@ function ge(t, n, e, i, l, o) {
664
756
  onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
665
757
  onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
666
758
  }, [
667
- h("input", {
759
+ b("input", {
668
760
  type: "checkbox",
669
761
  checked: e.modelValue,
670
762
  disabled: e.disabled,
671
763
  onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
672
- }, null, 40, me)
764
+ }, null, 40, ke)
673
765
  ], 34);
674
766
  }
675
- const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677"]]), Se = {
767
+ const Ie = /* @__PURE__ */ d(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4"]]), Oe = {
676
768
  props: {
677
769
  tagName: { type: String, default: "div" },
678
770
  align: { type: String, default: "stretch" },
@@ -680,49 +772,51 @@ const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677
680
772
  gap: { type: String, default: "m" }
681
773
  }
682
774
  };
683
- function Be(t, n, e, i, l, o) {
684
- return r(), p(S(e.tagName), {
685
- class: y(["VGroup", [
775
+ function Ce(t, n, e, u, l, o) {
776
+ return i(), c(S(e.tagName), {
777
+ class: p(["VGroup", [
686
778
  `VGroup-align-${e.align}`,
687
779
  `VGroup-justify-${e.justify}`,
688
780
  `VGroup-gap-${e.gap}`
689
781
  ]])
690
782
  }, {
691
783
  default: v(() => [
692
- u(t.$slots, "default", {}, void 0, !0)
784
+ r(t.$slots, "default", {}, void 0, !0)
693
785
  ]),
694
786
  _: 3
695
787
  }, 8, ["class"]);
696
788
  }
697
- const Ie = /* @__PURE__ */ f(Se, [["render", Be], ["__scopeId", "data-v-ada4a00f"]]), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
789
+ const Ve = /* @__PURE__ */ d(Oe, [["render", Ce], ["__scopeId", "data-v-ada4a00f"]]), xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
698
790
  __proto__: null,
699
- Btn: w,
700
- Filler: z,
701
- HGroup: P,
702
- InputBase: I,
703
- InputGroup: U,
704
- InputSelect: ne,
705
- InputText: ae,
706
- InputTextarea: de,
707
- RouterBtn: pe,
708
- Tab: T,
709
- TabCap: be,
710
- Toggle: _e,
711
- VGroup: Ie
791
+ Btn: C,
792
+ Checkbox: N,
793
+ Filler: G,
794
+ HGroup: D,
795
+ InputBase: B,
796
+ InputGroup: ee,
797
+ InputSelect: ae,
798
+ InputText: de,
799
+ InputTextarea: ye,
800
+ RouterBtn: he,
801
+ Tab: V,
802
+ TabCap: Se,
803
+ Toggle: Ie,
804
+ VGroup: Ve
712
805
  }, Symbol.toStringTag, { value: "Module" }));
713
806
  export {
714
- w as Btn,
715
- z as Filler,
716
- P as HGroup,
717
- I as InputBase,
718
- U as InputGroup,
719
- ne as InputSelect,
720
- ae as InputText,
721
- de as InputTextarea,
722
- pe as RouterBtn,
723
- T as Tab,
724
- be as TabCap,
725
- _e as Toggle,
726
- Ie as VGroup,
727
- Oe as coreComponents
807
+ C as Btn,
808
+ N as Checkbox,
809
+ G as Filler,
810
+ D as HGroup,
811
+ B as InputBase,
812
+ ee as InputGroup,
813
+ ae as InputSelect,
814
+ de as InputText,
815
+ ye as InputTextarea,
816
+ he as RouterBtn,
817
+ V as Tab,
818
+ Se as TabCap,
819
+ Ie as Toggle,
820
+ Ve as VGroup,
821
+ xe as coreComponents
728
822
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/core",
3
- "version": "2.0.19",
3
+ "version": "2.1.1",
4
4
  "description": "Core Nightshade UI components",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",