@nightshadeui/core 2.2.0 → 2.3.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 (6) hide show
  1. package/dist/components/Btn.vue.d.ts +0 -11
  2. package/dist/components/InputBase.vue.d.ts +5 -5
  3. package/dist/components/RouterBtn.vue.d.ts +0 -11
  4. package/dist/core.css +1 -1
  5. package/dist/core.mjs +64 -67
  6. package/package.json +1 -1
package/dist/components/Btn.vue.d.ts CHANGED
@@ -24,10 +24,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
24
24
  type: BooleanConstructor;
25
25
  default: boolean;
26
26
  };
27
- shadow: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
27
  outline: {
32
28
  type: BooleanConstructor;
33
29
  default: boolean;
@@ -90,7 +86,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
90
86
  kind: string;
91
87
  size: string;
92
88
  flat: boolean;
93
- shadow: boolean;
94
89
  outline: boolean;
95
90
  round: boolean;
96
91
  ghost: boolean;
@@ -99,7 +94,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
94
  kind: string;
100
95
  size: string;
101
96
  flat: boolean;
102
- shadow: boolean;
103
97
  outline: boolean;
104
98
  round: boolean;
105
99
  ghost: boolean;
@@ -130,10 +124,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
130
124
  type: BooleanConstructor;
131
125
  default: boolean;
132
126
  };
133
- shadow: {
134
- type: BooleanConstructor;
135
- default: boolean;
136
- };
137
127
  outline: {
138
128
  type: BooleanConstructor;
139
129
  default: boolean;
@@ -191,7 +181,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
191
181
  kind: string;
192
182
  size: string;
193
183
  flat: boolean;
194
- shadow: boolean;
195
184
  outline: boolean;
196
185
  round: boolean;
197
186
  ghost: boolean;
package/dist/components/InputBase.vue.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
21
21
  type: BooleanConstructor;
22
22
  default: boolean;
23
23
  };
24
- shadow: {
24
+ flat: {
25
25
  type: BooleanConstructor;
26
26
  default: boolean;
27
27
  };
@@ -54,14 +54,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
54
54
  baseStyle(): {
55
55
  kind: string;
56
56
  size: string;
57
- shadow: boolean;
57
+ flat: boolean;
58
58
  round: boolean;
59
59
  labelStyle: string;
60
60
  };
61
61
  effectiveStyle(): {
62
62
  kind: string;
63
63
  size: string;
64
- shadow: boolean;
64
+ flat: boolean;
65
65
  round: boolean;
66
66
  labelStyle: string;
67
67
  };
@@ -88,7 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
88
88
  type: BooleanConstructor;
89
89
  default: boolean;
90
90
  };
91
- shadow: {
91
+ flat: {
92
92
  type: BooleanConstructor;
93
93
  default: boolean;
94
94
  };
@@ -118,7 +118,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
118
118
  tagName: string;
119
119
  kind: string;
120
120
  size: string;
121
- shadow: boolean;
121
+ flat: boolean;
122
122
  round: boolean;
123
123
  disabled: boolean;
124
124
  forceFocus: boolean;
package/dist/components/RouterBtn.vue.d.ts CHANGED
@@ -29,10 +29,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
29
29
  type: BooleanConstructor;
30
30
  default: boolean;
31
31
  };
32
- shadow: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- };
36
32
  outline: {
37
33
  type: BooleanConstructor;
38
34
  default: boolean;
@@ -95,7 +91,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
95
91
  kind: string;
96
92
  size: string;
97
93
  flat: boolean;
98
- shadow: boolean;
99
94
  outline: boolean;
100
95
  round: boolean;
101
96
  ghost: boolean;
@@ -104,7 +99,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
104
99
  kind: string;
105
100
  size: string;
106
101
  flat: boolean;
107
- shadow: boolean;
108
102
  outline: boolean;
109
103
  round: boolean;
110
104
  ghost: boolean;
@@ -135,10 +129,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
135
129
  type: BooleanConstructor;
136
130
  default: boolean;
137
131
  };
138
- shadow: {
139
- type: BooleanConstructor;
140
- default: boolean;
141
- };
142
132
  outline: {
143
133
  type: BooleanConstructor;
144
134
  default: boolean;
@@ -196,7 +186,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
196
186
  kind: string;
197
187
  size: string;
198
188
  flat: boolean;
199
- shadow: boolean;
200
189
  outline: boolean;
201
190
  round: boolean;
202
191
  ghost: boolean;
package/dist/core.css CHANGED
@@ -1 +1 @@
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)}
1
+ @layer nightshade-core{.Btn[data-v-a6f35cea]{--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-shadow:0 1px 1px var(--Btn-shadow-color),0 1px 5px var(--shadow-color-light);--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));box-shadow:var(--Btn-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-a6f35cea]: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-a6f35cea]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-a6f35cea]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-a6f35cea]{order:100}.Btn[data-v-a6f35cea]:focus,.Btn[data-v-a6f35cea]:active,.Btn[data-v-a6f35cea]:hover{transition:none}.Btn[data-v-a6f35cea]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-a6f35cea]:after{opacity:1}.Btn[data-v-a6f35cea]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-a6f35cea]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-a6f35cea]:not(:disabled):active,.Btn.Btn-force-active[data-v-a6f35cea]{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-a6f35cea]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-a6f35cea]{--Btn-radius:var(--input-radius-full)}.Btn-outline[data-v-a6f35cea]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-a6f35cea]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-border-color:var(--input-text-color);--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-flat[data-v-a6f35cea]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none;--Btn-shadow:none}.Btn-square[data-v-a6f35cea]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-a6f35cea]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-a6f35cea]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-a6f35cea]{--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-3caeda58]{--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:0 1px 3px var(--Checkbox-shadow-color)inset,0 0 5px -1px var(--Checkbox-shadow-color)inset;--Checkbox-shadow-color:var(--shadow-color-light);--Checkbox-mark-shadow:0 2px 1px var(--Checkbox-shadow-color);width:var(--Checkbox-size);height:var(--Checkbox-size);border:var(--Checkbox-border-size)solid var(--Checkbox-border-color);border-radius:var(--Checkbox-radius);background:var(--Checkbox-surface);outline:var(--input-outline-size)solid var(--Checkbox-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--Checkbox-shadow);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-3caeda58]{display:none}.Checkbox[data-v-3caeda58]:after{opacity:0;font-size:var(--Checkbox-size);color:var(--input-surface-color-text);text-shadow:var(--Checkbox-mark-shadow);transition:opacity .1s,border-radius .3s}.Checkbox-active[data-v-3caeda58]:after{opacity:1}.Checkbox-mark-check[data-v-3caeda58]:after{content:"✓"}.Checkbox-mark-xmark[data-v-3caeda58]:after{content:"✗"}.Checkbox-mark-dot[data-v-3caeda58]:after{content:"●"}.Checkbox-mark-knob[data-v-3caeda58]: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-3caeda58]:after{content:""}.Checkbox-disabled[data-v-3caeda58]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-3caeda58]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-3caeda58]{filter:brightness(.96)}.Checkbox[data-v-3caeda58]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-3caeda58]{z-index:10;--Checkbox-outline-color:var(--input-focus-light-color);--Checkbox-border-color:var(--input-focus-medium-color)}.Checkbox-active[data-v-3caeda58]{--Checkbox-surface:var(--input-surface-color)}.Checkbox-round[data-v-3caeda58]{--Checkbox-radius:var(--input-radius-full)}.Checkbox-outline[data-v-3caeda58]{--Checkbox-border-color:var(--input-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-3caeda58]{--Checkbox-shadow:none;--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none}.Checkbox-small[data-v-3caeda58]{--Checkbox-size:var(--sp2)}.Checkbox-large[data-v-3caeda58]{--Checkbox-size:var(--sp4)}.Filler[data-v-448176c1]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-448176c1]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-448176c1]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-448176c1]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-5b190da7]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-5b190da7]{align-items:stretch}.HGroup-align-baseline[data-v-5b190da7]{align-items:baseline}.HGroup-align-center[data-v-5b190da7]{align-items:center}.HGroup-align-start[data-v-5b190da7]{align-items:flex-start}.HGroup-align-end[data-v-5b190da7]{align-items:flex-end}.HGroup-justify-center[data-v-5b190da7]{justify-content:center}.HGroup-justify-start[data-v-5b190da7]{justify-content:flex-start}.HGroup-justify-end[data-v-5b190da7]{justify-content:flex-end}.HGroup-justify-space-around[data-v-5b190da7]{justify-content:space-around}.HGroup-justify-space-between[data-v-5b190da7]{justify-content:space-between}.HGroup-gap-xxs[data-v-5b190da7]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-5b190da7]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-5b190da7]{gap:var(--sp-s)}.HGroup-gap-m[data-v-5b190da7]{gap:var(--sp-m)}.HGroup-gap-l[data-v-5b190da7]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-5b190da7]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-5b190da7]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-5b190da7]{gap:0}.HGroup-gap-0-25[data-v-5b190da7]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-5b190da7]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-5b190da7]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-5b190da7]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-5b190da7]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-5b190da7]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-5b190da7]{gap:var(--sp3)}.HGroup-gap-4[data-v-5b190da7]{gap:var(--sp4)}.HGroup-gap-5[data-v-5b190da7]{gap:var(--sp5)}.HGroup-gap-6[data-v-5b190da7]{gap:var(--sp6)}.HGroup-gap-7[data-v-5b190da7]{gap:var(--sp7)}.HGroup-gap-8[data-v-5b190da7]{gap:var(--sp8)}.HGroup-gap-9[data-v-5b190da7]{gap:var(--sp9)}.HGroup-gap-10[data-v-5b190da7]{gap:var(--sp10)}.HGroup-gap-12[data-v-5b190da7]{gap:var(--sp12)}.HGroup-gap-16[data-v-5b190da7]{gap:var(--sp16)}.HGroup-gap-24[data-v-5b190da7]{gap:var(--sp24)}.HGroup-gap-32[data-v-5b190da7]{gap:var(--sp32)}.HGroup-wrap[data-v-5b190da7]{flex-wrap:wrap}.Tab[data-v-d854a1ad]{--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-d854a1ad],.Content[data-v-d854a1ad]{z-index:2;position:relative}.Content[data-v-d854a1ad]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-d854a1ad]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-d854a1ad]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-d854a1ad]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-d854a1ad]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-d854a1ad]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-d854a1ad]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-d854a1ad]{height:var(--Tab-cap-size)}.InputBase[data-v-64c58c63]{--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-shadow-color:var(--shadow-color-light);--InputBase-shadow:0 1px 5px -1px var(--InputBase-shadow-color)inset;--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-64c58c63]{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);box-shadow:var(--InputBase-shadow);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-64c58c63]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-64c58c63]{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-64c58c63]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-64c58c63]{height:var(--InputBase-size)}.InputBase-round[data-v-64c58c63]{--InputBase-radius:var(--input-radius-round)}.InputBase-flat[data-v-64c58c63]{--InputBase-shadow-color:none;--InputBase-shadow:none}.InputBase-small[data-v-64c58c63]{--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-64c58c63]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-64c58c63]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-64c58c63]{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-64c58c63]{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-64c58c63]{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-64c58c63]: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-ca03932d]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-ca03932d]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-ca03932d]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-3adb595b]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-3adb595b],.Placeholder[data-v-3adb595b]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-3adb595b]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-c1231c1b]{--InputBase-padding:var(--sp1-5)}input[data-v-c1231c1b],textarea[data-v-c1231c1b]{-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-dc23c98e]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-dc23c98e],textarea[data-v-dc23c98e]{-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-dc23c98e] .Container{overflow-y:auto}textarea[data-v-dc23c98e]{align-self:flex-start}path[data-v-703bfafd]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-703bfafd]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-703bfafd]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-703bfafd]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-703bfafd]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-703bfafd]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-703bfafd]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-9c2577fe]{--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:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);box-shadow:var(--Toggle-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-9c2577fe]{display:none}.Toggle[data-v-9c2577fe]: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-9c2577fe]{cursor:not-allowed;opacity:.5}.Toggle[data-v-9c2577fe]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-9c2577fe]{filter:brightness(.96)}.Toggle[data-v-9c2577fe]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-9c2577fe]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-9c2577fe]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-9c2577fe]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-9c2577fe]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-9c2577fe]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-9c2577fe]{--Toggle-shadow-color:none;--Toggle-shadow:none}.Toggle-small[data-v-9c2577fe]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-9c2577fe]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-044d3ec4]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-044d3ec4]{align-items:stretch}.VGroup-align-baseline[data-v-044d3ec4]{align-items:baseline}.VGroup-align-center[data-v-044d3ec4]{align-items:center}.VGroup-align-start[data-v-044d3ec4]{align-items:flex-start}.VGroup-align-end[data-v-044d3ec4]{align-items:flex-end}.VGroup-justify-center[data-v-044d3ec4]{justify-content:center}.VGroup-justify-start[data-v-044d3ec4]{justify-content:flex-start}.VGroup-justify-end[data-v-044d3ec4]{justify-content:flex-end}.VGroup-justify-space-around[data-v-044d3ec4]{justify-content:space-around}.VGroup-justify-space-between[data-v-044d3ec4]{justify-content:space-between}.VGroup-gap-xxs[data-v-044d3ec4]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-044d3ec4]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-044d3ec4]{gap:var(--sp-s)}.VGroup-gap-m[data-v-044d3ec4]{gap:var(--sp-m)}.VGroup-gap-l[data-v-044d3ec4]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-044d3ec4]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-044d3ec4]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-044d3ec4]{gap:0}.VGroup-gap-0-25[data-v-044d3ec4]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-044d3ec4]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-044d3ec4]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-044d3ec4]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-044d3ec4]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-044d3ec4]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-044d3ec4]{gap:var(--sp3)}.VGroup-gap-4[data-v-044d3ec4]{gap:var(--sp4)}.VGroup-gap-5[data-v-044d3ec4]{gap:var(--sp5)}.VGroup-gap-6[data-v-044d3ec4]{gap:var(--sp6)}.VGroup-gap-7[data-v-044d3ec4]{gap:var(--sp7)}.VGroup-gap-8[data-v-044d3ec4]{gap:var(--sp8)}.VGroup-gap-9[data-v-044d3ec4]{gap:var(--sp9)}.VGroup-gap-10[data-v-044d3ec4]{gap:var(--sp10)}.VGroup-gap-12[data-v-044d3ec4]{gap:var(--sp12)}.VGroup-gap-16[data-v-044d3ec4]{gap:var(--sp16)}.VGroup-gap-24[data-v-044d3ec4]{gap:var(--sp24)}.VGroup-gap-32[data-v-044d3ec4]{gap:var(--sp32)}}
package/dist/core.mjs CHANGED
@@ -1,10 +1,10 @@
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";
1
+ import { createBlock as c, openBlock as i, resolveDynamicComponent as S, normalizeClass as p, withCtx as v, renderSlot as u, createElementBlock as f, createCommentVNode as y, toDisplayString as g, createElementVNode as b, resolveComponent as h, createVNode as O, Fragment as T, mergeProps as k } from "vue";
2
2
  const d = (t, n) => {
3
3
  const e = t.__vccOpts || t;
4
- for (const [u, l] of n)
5
- e[u] = l;
4
+ for (const [r, l] of n)
5
+ e[r] = l;
6
6
  return e;
7
- }, T = {
7
+ }, j = {
8
8
  props: {
9
9
  tagName: { type: String, default: "button" },
10
10
  href: { type: String },
@@ -13,7 +13,6 @@ const d = (t, n) => {
13
13
  kind: { type: String, default: "base" },
14
14
  size: { type: String, default: "m" },
15
15
  flat: { type: Boolean, default: !1 },
16
- shadow: { type: Boolean, default: !1 },
17
16
  outline: { type: Boolean, default: !1 },
18
17
  round: { type: Boolean, default: !1 },
19
18
  ghost: { type: Boolean, default: !1 },
@@ -43,7 +42,6 @@ const d = (t, n) => {
43
42
  kind: this.kind,
44
43
  size: this.size,
45
44
  flat: this.flat,
46
- shadow: this.shadow,
47
45
  outline: this.outline,
48
46
  round: this.round,
49
47
  ghost: this.ghost
@@ -54,7 +52,7 @@ const d = (t, n) => {
54
52
  baseStyle: t,
55
53
  hoverOverrides: n = {},
56
54
  activeOverrides: e = {},
57
- focusOverrides: u = {},
55
+ focusOverrides: r = {},
58
56
  active: l,
59
57
  hover: o,
60
58
  focus: s,
@@ -62,17 +60,17 @@ const d = (t, n) => {
62
60
  forceHover: _,
63
61
  forceFocus: I
64
62
  } = this, m = Object.assign({}, t);
65
- return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, u), m;
63
+ return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, r), m;
66
64
  }
67
65
  },
68
66
  methods: {
69
67
  // TODO add debounce
70
68
  }
71
- }, j = {
69
+ }, F = {
72
70
  key: 0,
73
71
  class: "Label"
74
72
  };
75
- function F(t, n, e, u, l, o) {
73
+ function $(t, n, e, r, l, o) {
76
74
  return i(), c(S(e.tagName), {
77
75
  ref: "button",
78
76
  class: p(["Btn InputElement", [
@@ -85,7 +83,6 @@ function F(t, n, e, u, l, o) {
85
83
  "Btn-round": o.effectiveStyle.round,
86
84
  "Btn-outline": o.effectiveStyle.outline,
87
85
  "Btn-flat": o.effectiveStyle.flat,
88
- "Btn-shadow": o.effectiveStyle.shadow,
89
86
  "Btn-square": e.square,
90
87
  "Btn-block": e.block,
91
88
  "Btn-disabled": e.disabled || l.blocked,
@@ -106,7 +103,7 @@ function F(t, n, e, u, l, o) {
106
103
  onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
107
104
  }, {
108
105
  default: v(() => [
109
- r(t.$slots, "icon", {
106
+ u(t.$slots, "icon", {
110
107
  hover: l.hover,
111
108
  blocked: l.blocked
112
109
  }, () => [
@@ -115,8 +112,8 @@ function F(t, n, e, u, l, o) {
115
112
  class: p([e.icon, "Icon"])
116
113
  }, null, 2)) : y("", !0)
117
114
  ], !0),
118
- e.label ? (i(), f("span", j, g(e.label), 1)) : y("", !0),
119
- r(t.$slots, "default", {
115
+ e.label ? (i(), f("span", F, g(e.label), 1)) : y("", !0),
116
+ u(t.$slots, "default", {
120
117
  hover: l.hover,
121
118
  active: l.active,
122
119
  blocked: l.blocked
@@ -125,7 +122,7 @@ function F(t, n, e, u, l, o) {
125
122
  _: 3
126
123
  }, 40, ["class", "disabled", "title", "href"]);
127
124
  }
128
- const C = /* @__PURE__ */ d(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]), $ = {
125
+ const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-a6f35cea"]]), w = {
129
126
  props: {
130
127
  mark: { type: String, default: "check" },
131
128
  modelValue: { type: Boolean },
@@ -168,12 +165,12 @@ const C = /* @__PURE__ */ d(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]
168
165
  baseStyle: t,
169
166
  hoverOverrides: n = {},
170
167
  focusOverrides: e = {},
171
- hover: u,
168
+ hover: r,
172
169
  focus: l,
173
170
  forceHover: o,
174
171
  forceFocus: s
175
172
  } = this, a = Object.assign({}, t);
176
- return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
173
+ return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
177
174
  }
178
175
  },
179
176
  methods: {
@@ -182,7 +179,7 @@ const C = /* @__PURE__ */ d(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]
182
179
  }
183
180
  }
184
181
  }, H = ["checked", "disabled"];
185
- function z(t, n, e, u, l, o) {
182
+ function z(t, n, e, r, l, o) {
186
183
  return i(), f("label", {
187
184
  class: p(["Checkbox InputElement", [
188
185
  `Checkbox-${o.effectiveStyle.kind}`,
@@ -213,19 +210,19 @@ function z(t, n, e, u, l, o) {
213
210
  }, null, 40, H)
214
211
  ], 34);
215
212
  }
216
- const N = /* @__PURE__ */ d($, [["render", z], ["__scopeId", "data-v-b1686ab0"]]), M = {
213
+ const N = /* @__PURE__ */ d(w, [["render", z], ["__scopeId", "data-v-3caeda58"]]), M = {
217
214
  props: {
218
215
  fill: { type: String, default: "none" }
219
216
  }
220
217
  };
221
- function P(t, n, e, u, l, o) {
218
+ function P(t, n, e, r, l, o) {
222
219
  return i(), f("div", {
223
220
  class: p(["Filler", [
224
221
  `Filler-${e.fill}`
225
222
  ]])
226
223
  }, null, 2);
227
224
  }
228
- const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]), A = {
225
+ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]), A = {
229
226
  props: {
230
227
  tagName: { type: String, default: "div" },
231
228
  align: { type: String, default: "center" },
@@ -234,7 +231,7 @@ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]
234
231
  wrap: { type: Boolean, default: !1 }
235
232
  }
236
233
  };
237
- function L(t, n, e, u, l, o) {
234
+ function L(t, n, e, r, l, o) {
238
235
  return i(), c(S(e.tagName), {
239
236
  class: p(["HGroup", [
240
237
  `HGroup-align-${e.align}`,
@@ -246,12 +243,12 @@ function L(t, n, e, u, l, o) {
246
243
  ]])
247
244
  }, {
248
245
  default: v(() => [
249
- r(t.$slots, "default", {}, void 0, !0)
246
+ u(t.$slots, "default", {}, void 0, !0)
250
247
  ]),
251
248
  _: 3
252
249
  }, 8, ["class"]);
253
250
  }
254
- const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]), E = {
251
+ const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-5b190da7"]]), E = {
255
252
  props: {
256
253
  tagName: { type: String, default: "div" },
257
254
  dir: { type: String, default: "top" },
@@ -263,7 +260,7 @@ const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]
263
260
  }
264
261
  }
265
262
  }, R = { class: "Content" }, q = ["title"];
266
- function K(t, n, e, u, l, o) {
263
+ function K(t, n, e, r, l, o) {
267
264
  const s = h("TabCap");
268
265
  return i(), c(S(e.tagName), {
269
266
  class: p(["Tab", [
@@ -278,7 +275,7 @@ function K(t, n, e, u, l, o) {
278
275
  type: "start"
279
276
  }, null, 8, ["dir"]),
280
277
  b("div", R, [
281
- r(t.$slots, "default", {}, () => [
278
+ u(t.$slots, "default", {}, () => [
282
279
  e.label ? (i(), f("div", {
283
280
  key: 0,
284
281
  class: "TabLabel",
@@ -295,7 +292,7 @@ function K(t, n, e, u, l, o) {
295
292
  _: 3
296
293
  }, 8, ["class"]);
297
294
  }
298
- const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]), Y = {
295
+ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]), Y = {
299
296
  components: {
300
297
  Tab: V
301
298
  },
@@ -306,7 +303,7 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]
306
303
  labelStyle: { type: String, default: "inline" },
307
304
  size: { type: String, default: "normal" },
308
305
  fixedHeight: { type: Boolean, default: !0 },
309
- shadow: { type: Boolean, default: !1 },
306
+ flat: { type: Boolean, default: !1 },
310
307
  round: { type: Boolean, default: !1 },
311
308
  disabled: { type: Boolean, default: !1 },
312
309
  forceFocus: { type: Boolean, default: !1 },
@@ -325,7 +322,7 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]
325
322
  return {
326
323
  kind: this.kind,
327
324
  size: this.size,
328
- shadow: this.shadow,
325
+ flat: this.flat,
329
326
  round: this.round,
330
327
  labelStyle: this.labelStyle
331
328
  };
@@ -335,12 +332,12 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]
335
332
  baseStyle: t,
336
333
  hoverOverrides: n = {},
337
334
  focusOverrides: e = {},
338
- hover: u,
335
+ hover: r,
339
336
  focus: l,
340
337
  forceHover: o,
341
338
  forceFocus: s
342
339
  } = this, a = Object.assign({}, t);
343
- return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
340
+ return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
344
341
  }
345
342
  }
346
343
  }, J = {
@@ -350,7 +347,7 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]
350
347
  key: 2,
351
348
  class: "Label InlineLabel"
352
349
  }, U = { class: "InputElement Container" };
353
- function W(t, n, e, u, l, o) {
350
+ function W(t, n, e, r, l, o) {
354
351
  const s = h("Tab");
355
352
  return i(), c(S(e.tagName), {
356
353
  class: p(["InputBase", [
@@ -359,7 +356,7 @@ function W(t, n, e, u, l, o) {
359
356
  `InputBase-${o.effectiveStyle.size}`,
360
357
  {
361
358
  "InputBase-fixed-height": e.fixedHeight,
362
- "InputBase-shadow": o.effectiveStyle.shadow,
359
+ "InputBase-flat": o.effectiveStyle.flat,
363
360
  "InputBase-round": o.effectiveStyle.round,
364
361
  "InputBase-disabled": e.disabled,
365
362
  "InputBase-force-focus": e.forceFocus,
@@ -372,7 +369,7 @@ function W(t, n, e, u, l, o) {
372
369
  onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
373
370
  }, {
374
371
  default: v(() => [
375
- e.label ? (i(), f(x, { key: 0 }, [
372
+ e.label ? (i(), f(T, { key: 0 }, [
376
373
  e.labelStyle === "tab" ? (i(), c(s, {
377
374
  key: 0,
378
375
  class: "Label TabLabel",
@@ -382,26 +379,26 @@ function W(t, n, e, u, l, o) {
382
379
  e.labelStyle === "inline" ? (i(), f("div", Q, g(e.label), 1)) : y("", !0)
383
380
  ], 64)) : y("", !0),
384
381
  b("div", U, [
385
- r(t.$slots, "default", {}, void 0, !0)
382
+ u(t.$slots, "default", {}, void 0, !0)
386
383
  ])
387
384
  ]),
388
385
  _: 3
389
386
  }, 40, ["class"]);
390
387
  }
391
- const B = /* @__PURE__ */ d(Y, [["render", W], ["__scopeId", "data-v-408c1aa3"]]), X = {
388
+ const B = /* @__PURE__ */ d(Y, [["render", W], ["__scopeId", "data-v-64c58c63"]]), X = {
392
389
  props: {
393
390
  tagName: { type: String, default: "div" }
394
391
  }
395
392
  };
396
- function Z(t, n, e, u, l, o) {
393
+ function Z(t, n, e, r, l, o) {
397
394
  return i(), c(S(e.tagName), { class: "InputGroup" }, {
398
395
  default: v(() => [
399
- r(t.$slots, "default", {}, void 0, !0)
396
+ u(t.$slots, "default", {}, void 0, !0)
400
397
  ]),
401
398
  _: 3
402
399
  });
403
400
  }
404
- const ee = /* @__PURE__ */ d(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]]), te = {
401
+ const ee = /* @__PURE__ */ d(X, [["render", Z], ["__scopeId", "data-v-ca03932d"]]), te = {
405
402
  props: {
406
403
  ...B.props,
407
404
  modelValue: {},
@@ -472,7 +469,7 @@ const ee = /* @__PURE__ */ d(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]
472
469
  ref: "icon",
473
470
  class: "DropdownIcon"
474
471
  };
475
- function se(t, n, e, u, l, o) {
472
+ function se(t, n, e, r, l, o) {
476
473
  const s = h("ContextMenu"), a = h("InputBase");
477
474
  return i(), c(a, k({ class: "InputSelect" }, {
478
475
  ...t.$props
@@ -481,7 +478,7 @@ function se(t, n, e, u, l, o) {
481
478
  onClick: n[1] || (n[1] = (_) => o.show())
482
479
  }), {
483
480
  default: v(() => [
484
- r(t.$slots, "before", {}, void 0, !0),
481
+ u(t.$slots, "before", {}, void 0, !0),
485
482
  o.itemIcon ? (i(), f("i", {
486
483
  key: 0,
487
484
  class: p(["Icon", o.itemIcon])
@@ -489,7 +486,7 @@ function se(t, n, e, u, l, o) {
489
486
  o.selectedItem ? (i(), f("span", ne, g(o.itemTitle), 1)) : y("", !0),
490
487
  o.selectedItem ? y("", !0) : (i(), f("span", oe, g(e.placeholder), 1)),
491
488
  b("div", le, [
492
- r(t.$slots, "iconDropdown", {}, () => [
489
+ u(t.$slots, "iconDropdown", {}, () => [
493
490
  b("i", {
494
491
  class: p(o.iconDropdown)
495
492
  }, null, 2)
@@ -503,12 +500,12 @@ function se(t, n, e, u, l, o) {
503
500
  overlayShown: !1,
504
501
  onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
505
502
  }, null, 8, ["items", "search"])) : y("", !0),
506
- r(t.$slots, "after", {}, void 0, !0)
503
+ u(t.$slots, "after", {}, void 0, !0)
507
504
  ]),
508
505
  _: 3
509
506
  }, 16);
510
507
  }
511
- const ae = /* @__PURE__ */ d(te, [["render", se], ["__scopeId", "data-v-2c4374be"]]), ie = {
508
+ const ae = /* @__PURE__ */ d(te, [["render", se], ["__scopeId", "data-v-3adb595b"]]), ie = {
512
509
  props: {
513
510
  ...B.props,
514
511
  modelValue: { type: [String, Number] },
@@ -534,14 +531,14 @@ const ae = /* @__PURE__ */ d(te, [["render", se], ["__scopeId", "data-v-2c4374be
534
531
  this.$emit("update:modelValue", t.target.value);
535
532
  }
536
533
  }
537
- }, ue = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
538
- function re(t, n, e, u, l, o) {
534
+ }, re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
535
+ function ue(t, n, e, r, l, o) {
539
536
  const s = h("InputBase");
540
537
  return i(), c(s, k({ class: "InputText" }, {
541
538
  ...t.$props
542
539
  }), {
543
540
  default: v(() => [
544
- r(t.$slots, "before", {}, void 0, !0),
541
+ u(t.$slots, "before", {}, void 0, !0),
545
542
  b("input", {
546
543
  ref: "input",
547
544
  value: e.modelValue,
@@ -556,13 +553,13 @@ function re(t, n, e, u, l, o) {
556
553
  onInput: n[0] || (n[0] = (a) => o.onInput(a)),
557
554
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
558
555
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
559
- }, null, 40, ue),
560
- r(t.$slots, "after", {}, void 0, !0)
556
+ }, null, 40, re),
557
+ u(t.$slots, "after", {}, void 0, !0)
561
558
  ]),
562
559
  _: 3
563
560
  }, 16);
564
561
  }
565
- const de = /* @__PURE__ */ d(ie, [["render", re], ["__scopeId", "data-v-f0bca74d"]]), fe = {
562
+ const de = /* @__PURE__ */ d(ie, [["render", ue], ["__scopeId", "data-v-c1231c1b"]]), fe = {
566
563
  props: {
567
564
  ...B.props,
568
565
  modelValue: { type: String },
@@ -598,13 +595,13 @@ const de = /* @__PURE__ */ d(ie, [["render", re], ["__scopeId", "data-v-f0bca74d
598
595
  }
599
596
  }
600
597
  }, ce = ["value", "placeholder", "readonly", "disabled", "rows"];
601
- function pe(t, n, e, u, l, o) {
598
+ function pe(t, n, e, r, l, o) {
602
599
  const s = h("InputBase");
603
600
  return i(), c(s, k({ class: "InputTextarea" }, {
604
601
  ...t.$props
605
602
  }, { fixedHeight: !1 }), {
606
603
  default: v(() => [
607
- r(t.$slots, "before", {}, void 0, !0),
604
+ u(t.$slots, "before", {}, void 0, !0),
608
605
  b("textarea", {
609
606
  ref: "input",
610
607
  value: e.modelValue,
@@ -618,12 +615,12 @@ function pe(t, n, e, u, l, o) {
618
615
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
619
616
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
620
617
  }, null, 40, ce),
621
- r(t.$slots, "after", {}, void 0, !0)
618
+ u(t.$slots, "after", {}, void 0, !0)
622
619
  ]),
623
620
  _: 3
624
621
  }, 16);
625
622
  }
626
- const ye = /* @__PURE__ */ d(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4"]]), ve = {
623
+ const ye = /* @__PURE__ */ d(fe, [["render", pe], ["__scopeId", "data-v-dc23c98e"]]), ve = {
627
624
  components: {
628
625
  Btn: C
629
626
  },
@@ -645,17 +642,17 @@ const ye = /* @__PURE__ */ d(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4
645
642
  }
646
643
  }
647
644
  };
648
- function be(t, n, e, u, l, o) {
645
+ function be(t, n, e, r, l, o) {
649
646
  const s = h("Btn"), a = h("RouterLink");
650
647
  return i(), c(a, {
651
648
  to: e.to,
652
649
  custom: ""
653
650
  }, {
654
- default: v(({ href: _, navigate: I, isActive: m, isExactActive: w }) => [
651
+ default: v(({ href: _, navigate: I, isActive: m, isExactActive: x }) => [
655
652
  O(s, k({
656
653
  tagName: "a",
657
654
  href: _
658
- }, o.actualProps(m, w), { onClick: I }), null, 16, ["href", "onClick"])
655
+ }, o.actualProps(m, x), { onClick: I }), null, 16, ["href", "onClick"])
659
656
  ]),
660
657
  _: 1
661
658
  }, 8, ["to"]);
@@ -666,7 +663,7 @@ const he = /* @__PURE__ */ d(ve, [["render", be]]), me = {
666
663
  type: { type: String, default: "start" }
667
664
  }
668
665
  };
669
- function ge(t, n, e, u, l, o) {
666
+ function ge(t, n, e, r, l, o) {
670
667
  return i(), f("svg", {
671
668
  class: p(["TabCap", [
672
669
  `TabCap-${e.dir}`,
@@ -678,7 +675,7 @@ function ge(t, n, e, u, l, o) {
678
675
  b("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
679
676
  ])], 2);
680
677
  }
681
- const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-d898255a"]]), _e = {
678
+ const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-703bfafd"]]), _e = {
682
679
  props: {
683
680
  modelValue: { type: Boolean },
684
681
  disabled: { type: Boolean },
@@ -720,12 +717,12 @@ const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-d898255a
720
717
  baseStyle: t,
721
718
  hoverOverrides: n = {},
722
719
  focusOverrides: e = {},
723
- hover: u,
720
+ hover: r,
724
721
  focus: l,
725
722
  forceHover: o,
726
723
  forceFocus: s
727
724
  } = this, a = Object.assign({}, t);
728
- return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
725
+ return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
729
726
  }
730
727
  },
731
728
  methods: {
@@ -734,7 +731,7 @@ const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-d898255a
734
731
  }
735
732
  }
736
733
  }, ke = ["checked", "disabled"];
737
- function Be(t, n, e, u, l, o) {
734
+ function Be(t, n, e, r, l, o) {
738
735
  return i(), f("label", {
739
736
  class: p(["Toggle InputElement", [
740
737
  `Toggle-${o.effectiveStyle.kind}`,
@@ -764,7 +761,7 @@ function Be(t, n, e, u, l, o) {
764
761
  }, null, 40, ke)
765
762
  ], 34);
766
763
  }
767
- const Ie = /* @__PURE__ */ d(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4"]]), Oe = {
764
+ const Ie = /* @__PURE__ */ d(_e, [["render", Be], ["__scopeId", "data-v-9c2577fe"]]), Oe = {
768
765
  props: {
769
766
  tagName: { type: String, default: "div" },
770
767
  align: { type: String, default: "stretch" },
@@ -772,7 +769,7 @@ const Ie = /* @__PURE__ */ d(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4
772
769
  gap: { type: String, default: "m" }
773
770
  }
774
771
  };
775
- function Ce(t, n, e, u, l, o) {
772
+ function Ce(t, n, e, r, l, o) {
776
773
  return i(), c(S(e.tagName), {
777
774
  class: p(["VGroup", [
778
775
  `VGroup-align-${e.align}`,
@@ -781,12 +778,12 @@ function Ce(t, n, e, u, l, o) {
781
778
  ]])
782
779
  }, {
783
780
  default: v(() => [
784
- r(t.$slots, "default", {}, void 0, !0)
781
+ u(t.$slots, "default", {}, void 0, !0)
785
782
  ]),
786
783
  _: 3
787
784
  }, 8, ["class"]);
788
785
  }
789
- const Ve = /* @__PURE__ */ d(Oe, [["render", Ce], ["__scopeId", "data-v-ada4a00f"]]), xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
786
+ const Ve = /* @__PURE__ */ d(Oe, [["render", Ce], ["__scopeId", "data-v-044d3ec4"]]), Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
790
787
  __proto__: null,
791
788
  Btn: C,
792
789
  Checkbox: N,
@@ -818,5 +815,5 @@ export {
818
815
  Se as TabCap,
819
816
  Ie as Toggle,
820
817
  Ve as VGroup,
821
- xe as coreComponents
818
+ Te as coreComponents
822
819
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/core",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "description": "Core Nightshade UI components",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",