@nightshadeui/core 2.1.0 → 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 (5) hide show
  1. package/dist/components/InputBase.vue.d.ts +9 -0
  2. package/dist/components/Tab.vue.d.ts +9 -0
  3. package/dist/core.css +1 -1
  4. package/dist/core.mjs +141 -137
  5. package/package.json +1 -1
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/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/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-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-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
+ .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,8 +1,8 @@
1
- import { createBlock as y, openBlock as i, resolveDynamicComponent as _, normalizeClass as c, withCtx as b, renderSlot as u, createElementBlock as d, createCommentVNode as p, toDisplayString as g, createElementVNode as v, resolveComponent as h, createVNode as O, Fragment as x, mergeProps as k } 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 [r, l] of n)
5
- e[r] = l;
4
+ for (const [u, l] of n)
5
+ e[u] = l;
6
6
  return e;
7
7
  }, T = {
8
8
  props: {
@@ -54,15 +54,15 @@ const f = (t, n) => {
54
54
  baseStyle: t,
55
55
  hoverOverrides: n = {},
56
56
  activeOverrides: e = {},
57
- focusOverrides: r = {},
57
+ focusOverrides: u = {},
58
58
  active: l,
59
59
  hover: o,
60
60
  focus: s,
61
61
  forceActive: a,
62
- forceHover: S,
62
+ forceHover: _,
63
63
  forceFocus: I
64
64
  } = this, m = Object.assign({}, t);
65
- return (l || a) && Object.assign(m, e), (o || S) && Object.assign(m, n), (s || I) && Object.assign(m, r), 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: {
@@ -72,10 +72,10 @@ const f = (t, n) => {
72
72
  key: 0,
73
73
  class: "Label"
74
74
  };
75
- function F(t, n, e, r, l, o) {
76
- return i(), y(_(e.tagName), {
75
+ function F(t, n, e, u, l, o) {
76
+ return i(), c(S(e.tagName), {
77
77
  ref: "button",
78
- class: c(["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}`,
@@ -105,18 +105,18 @@ function F(t, n, e, r, l, o) {
105
105
  onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
106
106
  onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
107
107
  }, {
108
- default: b(() => [
109
- u(t.$slots, "icon", {
108
+ default: v(() => [
109
+ r(t.$slots, "icon", {
110
110
  hover: l.hover,
111
111
  blocked: l.blocked
112
112
  }, () => [
113
- e.icon ? (i(), d("i", {
113
+ e.icon ? (i(), f("i", {
114
114
  key: 0,
115
- class: c([e.icon, "Icon"])
116
- }, null, 2)) : p("", !0)
115
+ class: p([e.icon, "Icon"])
116
+ }, null, 2)) : y("", !0)
117
117
  ], !0),
118
- e.label ? (i(), d("span", j, g(e.label), 1)) : p("", !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,7 +125,7 @@ function F(t, n, e, r, l, o) {
125
125
  _: 3
126
126
  }, 40, ["class", "disabled", "title", "href"]);
127
127
  }
128
- const C = /* @__PURE__ */ f(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]), $ = {
128
+ const C = /* @__PURE__ */ d(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]), $ = {
129
129
  props: {
130
130
  mark: { type: String, default: "check" },
131
131
  modelValue: { type: Boolean },
@@ -168,12 +168,12 @@ const C = /* @__PURE__ */ f(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]
168
168
  baseStyle: t,
169
169
  hoverOverrides: n = {},
170
170
  focusOverrides: e = {},
171
- hover: r,
171
+ hover: u,
172
172
  focus: l,
173
173
  forceHover: o,
174
174
  forceFocus: s
175
175
  } = this, a = Object.assign({}, t);
176
- return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
176
+ return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
177
177
  }
178
178
  },
179
179
  methods: {
@@ -182,9 +182,9 @@ const C = /* @__PURE__ */ f(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]
182
182
  }
183
183
  }
184
184
  }, H = ["checked", "disabled"];
185
- function z(t, n, e, r, l, o) {
186
- return i(), d("label", {
187
- class: c(["Checkbox InputElement", [
185
+ function z(t, n, e, u, l, o) {
186
+ return i(), f("label", {
187
+ class: p(["Checkbox InputElement", [
188
188
  `Checkbox-${o.effectiveStyle.kind}`,
189
189
  `input-kind-${o.effectiveStyle.kind}`,
190
190
  `Checkbox-${o.effectiveStyle.size}`,
@@ -205,7 +205,7 @@ function z(t, n, e, r, l, o) {
205
205
  onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
206
206
  onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
207
207
  }, [
208
- v("input", {
208
+ b("input", {
209
209
  type: "checkbox",
210
210
  checked: e.modelValue,
211
211
  disabled: e.disabled,
@@ -213,19 +213,19 @@ function z(t, n, e, r, l, o) {
213
213
  }, null, 40, H)
214
214
  ], 34);
215
215
  }
216
- const N = /* @__PURE__ */ f($, [["render", z], ["__scopeId", "data-v-b1686ab0"]]), M = {
216
+ const N = /* @__PURE__ */ d($, [["render", z], ["__scopeId", "data-v-b1686ab0"]]), M = {
217
217
  props: {
218
218
  fill: { type: String, default: "none" }
219
219
  }
220
220
  };
221
- function P(t, n, e, r, l, o) {
222
- return i(), d("div", {
223
- class: c(["Filler", [
221
+ function P(t, n, e, u, l, o) {
222
+ return i(), f("div", {
223
+ class: p(["Filler", [
224
224
  `Filler-${e.fill}`
225
225
  ]])
226
226
  }, null, 2);
227
227
  }
228
- const G = /* @__PURE__ */ f(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]), A = {
228
+ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]), A = {
229
229
  props: {
230
230
  tagName: { type: String, default: "div" },
231
231
  align: { type: String, default: "center" },
@@ -234,9 +234,9 @@ const G = /* @__PURE__ */ f(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]
234
234
  wrap: { type: Boolean, default: !1 }
235
235
  }
236
236
  };
237
- function L(t, n, e, r, l, o) {
238
- return i(), y(_(e.tagName), {
239
- class: c(["HGroup", [
237
+ function L(t, n, e, u, l, o) {
238
+ return i(), c(S(e.tagName), {
239
+ class: p(["HGroup", [
240
240
  `HGroup-align-${e.align}`,
241
241
  `HGroup-justify-${e.justify}`,
242
242
  `HGroup-gap-${e.gap}`,
@@ -245,14 +245,15 @@ function L(t, n, e, r, l, o) {
245
245
  }
246
246
  ]])
247
247
  }, {
248
- default: b(() => [
249
- u(t.$slots, "default", {}, void 0, !0)
248
+ default: v(() => [
249
+ r(t.$slots, "default", {}, void 0, !0)
250
250
  ]),
251
251
  _: 3
252
252
  }, 8, ["class"]);
253
253
  }
254
- const D = /* @__PURE__ */ f(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]), E = {
254
+ const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]), E = {
255
255
  props: {
256
+ tagName: { type: String, default: "div" },
256
257
  dir: { type: String, default: "top" },
257
258
  label: { type: String }
258
259
  },
@@ -262,36 +263,39 @@ const D = /* @__PURE__ */ f(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]
262
263
  }
263
264
  }
264
265
  }, R = { class: "Content" }, q = ["title"];
265
- function K(t, n, e, r, l, o) {
266
+ function K(t, n, e, u, l, o) {
266
267
  const s = h("TabCap");
267
- return i(), d("div", {
268
- class: c(["Tab", [
268
+ return i(), c(S(e.tagName), {
269
+ class: p(["Tab", [
269
270
  `Tab-${e.dir}`,
270
271
  `Tab-${o.orientation}`
271
272
  ]])
272
- }, [
273
- O(s, {
274
- class: "TabCap",
275
- dir: e.dir,
276
- type: "start"
277
- }, null, 8, ["dir"]),
278
- v("div", R, [
279
- u(t.$slots, "default", {}, () => [
280
- e.label ? (i(), d("div", {
281
- key: 0,
282
- class: "TabLabel",
283
- title: e.label
284
- }, g(e.label), 9, q)) : p("", !0)
285
- ], !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"])
286
294
  ]),
287
- O(s, {
288
- class: "TabCap",
289
- dir: e.dir,
290
- type: "end"
291
- }, null, 8, ["dir"])
292
- ], 2);
295
+ _: 3
296
+ }, 8, ["class"]);
293
297
  }
294
- const V = /* @__PURE__ */ f(E, [["render", K], ["__scopeId", "data-v-a4bb3614"]]), Y = {
298
+ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-46adbe0a"]]), Y = {
295
299
  components: {
296
300
  Tab: V
297
301
  },
@@ -331,12 +335,12 @@ const V = /* @__PURE__ */ f(E, [["render", K], ["__scopeId", "data-v-a4bb3614"]]
331
335
  baseStyle: t,
332
336
  hoverOverrides: n = {},
333
337
  focusOverrides: e = {},
334
- hover: r,
338
+ hover: u,
335
339
  focus: l,
336
340
  forceHover: o,
337
341
  forceFocus: s
338
342
  } = this, a = Object.assign({}, t);
339
- return (r || 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;
340
344
  }
341
345
  }
342
346
  }, J = {
@@ -346,10 +350,10 @@ const V = /* @__PURE__ */ f(E, [["render", K], ["__scopeId", "data-v-a4bb3614"]]
346
350
  key: 2,
347
351
  class: "Label InlineLabel"
348
352
  }, U = { class: "InputElement Container" };
349
- function W(t, n, e, r, l, o) {
353
+ function W(t, n, e, u, l, o) {
350
354
  const s = h("Tab");
351
- return i(), y(_(e.tagName), {
352
- class: c(["InputBase", [
355
+ return i(), c(S(e.tagName), {
356
+ class: p(["InputBase", [
353
357
  `InputBase-${o.effectiveStyle.kind}`,
354
358
  `input-kind-${o.effectiveStyle.kind}`,
355
359
  `InputBase-${o.effectiveStyle.size}`,
@@ -367,37 +371,37 @@ function W(t, n, e, r, l, o) {
367
371
  onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
368
372
  onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
369
373
  }, {
370
- default: b(() => [
371
- e.label ? (i(), d(x, { key: 0 }, [
372
- e.labelStyle === "tab" ? (i(), y(s, {
374
+ default: v(() => [
375
+ e.label ? (i(), f(x, { key: 0 }, [
376
+ e.labelStyle === "tab" ? (i(), c(s, {
373
377
  key: 0,
374
378
  class: "Label TabLabel",
375
379
  label: e.label
376
- }, null, 8, ["label"])) : p("", !0),
377
- e.labelStyle === "text" ? (i(), d("div", J, g(e.label), 1)) : p("", !0),
378
- e.labelStyle === "inline" ? (i(), d("div", Q, g(e.label), 1)) : p("", !0)
379
- ], 64)) : p("", !0),
380
- v("div", U, [
381
- 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)
382
386
  ])
383
387
  ]),
384
388
  _: 3
385
389
  }, 40, ["class"]);
386
390
  }
387
- const B = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-408c1aa3"]]), X = {
391
+ const B = /* @__PURE__ */ d(Y, [["render", W], ["__scopeId", "data-v-408c1aa3"]]), X = {
388
392
  props: {
389
393
  tagName: { type: String, default: "div" }
390
394
  }
391
395
  };
392
- function Z(t, n, e, r, l, o) {
393
- return i(), y(_(e.tagName), { class: "InputGroup" }, {
394
- default: b(() => [
395
- u(t.$slots, "default", {}, void 0, !0)
396
+ function Z(t, n, e, u, l, o) {
397
+ return i(), c(S(e.tagName), { class: "InputGroup" }, {
398
+ default: v(() => [
399
+ r(t.$slots, "default", {}, void 0, !0)
396
400
  ]),
397
401
  _: 3
398
402
  });
399
403
  }
400
- const ee = /* @__PURE__ */ f(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]]), te = {
404
+ const ee = /* @__PURE__ */ d(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]]), te = {
401
405
  props: {
402
406
  ...B.props,
403
407
  modelValue: {},
@@ -468,43 +472,43 @@ const ee = /* @__PURE__ */ f(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]
468
472
  ref: "icon",
469
473
  class: "DropdownIcon"
470
474
  };
471
- function se(t, n, e, r, l, o) {
475
+ function se(t, n, e, u, l, o) {
472
476
  const s = h("ContextMenu"), a = h("InputBase");
473
- return i(), y(a, k({ class: "InputSelect" }, {
477
+ return i(), c(a, k({ class: "InputSelect" }, {
474
478
  ...t.$props
475
479
  }, {
476
480
  tabindex: "0",
477
- onClick: n[1] || (n[1] = (S) => o.show())
481
+ onClick: n[1] || (n[1] = (_) => o.show())
478
482
  }), {
479
- default: b(() => [
480
- u(t.$slots, "before", {}, void 0, !0),
481
- o.itemIcon ? (i(), d("i", {
483
+ default: v(() => [
484
+ r(t.$slots, "before", {}, void 0, !0),
485
+ o.itemIcon ? (i(), f("i", {
482
486
  key: 0,
483
- class: c(["Icon", o.itemIcon])
484
- }, null, 2)) : p("", !0),
485
- o.selectedItem ? (i(), d("span", ne, g(o.itemTitle), 1)) : p("", !0),
486
- o.selectedItem ? p("", !0) : (i(), d("span", oe, g(e.placeholder), 1)),
487
- v("div", le, [
488
- u(t.$slots, "iconDropdown", {}, () => [
489
- v("i", {
490
- class: c(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)
491
495
  }, null, 2)
492
496
  ], !0)
493
497
  ], 512),
494
- !t.disabled && l.menuShown ? (i(), y(s, {
498
+ !t.disabled && l.menuShown ? (i(), c(s, {
495
499
  key: 3,
496
500
  anchorRef: "icon",
497
501
  items: o.getMenuItems(),
498
502
  search: e.search,
499
503
  overlayShown: !1,
500
- onHide: n[0] || (n[0] = (S) => l.menuShown = !1)
501
- }, null, 8, ["items", "search"])) : p("", !0),
502
- u(t.$slots, "after", {}, void 0, !0)
504
+ onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
505
+ }, null, 8, ["items", "search"])) : y("", !0),
506
+ r(t.$slots, "after", {}, void 0, !0)
503
507
  ]),
504
508
  _: 3
505
509
  }, 16);
506
510
  }
507
- const ae = /* @__PURE__ */ f(te, [["render", se], ["__scopeId", "data-v-2c4374be"]]), ie = {
511
+ const ae = /* @__PURE__ */ d(te, [["render", se], ["__scopeId", "data-v-2c4374be"]]), ie = {
508
512
  props: {
509
513
  ...B.props,
510
514
  modelValue: { type: [String, Number] },
@@ -530,15 +534,15 @@ const ae = /* @__PURE__ */ f(te, [["render", se], ["__scopeId", "data-v-2c4374be
530
534
  this.$emit("update:modelValue", t.target.value);
531
535
  }
532
536
  }
533
- }, re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
534
- function ue(t, n, e, r, l, o) {
537
+ }, ue = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
538
+ function re(t, n, e, u, l, o) {
535
539
  const s = h("InputBase");
536
- return i(), y(s, k({ class: "InputText" }, {
540
+ return i(), c(s, k({ class: "InputText" }, {
537
541
  ...t.$props
538
542
  }), {
539
- default: b(() => [
540
- u(t.$slots, "before", {}, void 0, !0),
541
- v("input", {
543
+ default: v(() => [
544
+ r(t.$slots, "before", {}, void 0, !0),
545
+ b("input", {
542
546
  ref: "input",
543
547
  value: e.modelValue,
544
548
  type: e.type,
@@ -552,13 +556,13 @@ function ue(t, n, e, r, l, o) {
552
556
  onInput: n[0] || (n[0] = (a) => o.onInput(a)),
553
557
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
554
558
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
555
- }, null, 40, re),
556
- u(t.$slots, "after", {}, void 0, !0)
559
+ }, null, 40, ue),
560
+ r(t.$slots, "after", {}, void 0, !0)
557
561
  ]),
558
562
  _: 3
559
563
  }, 16);
560
564
  }
561
- const de = /* @__PURE__ */ f(ie, [["render", ue], ["__scopeId", "data-v-f0bca74d"]]), fe = {
565
+ const de = /* @__PURE__ */ d(ie, [["render", re], ["__scopeId", "data-v-f0bca74d"]]), fe = {
562
566
  props: {
563
567
  ...B.props,
564
568
  modelValue: { type: String },
@@ -594,14 +598,14 @@ const de = /* @__PURE__ */ f(ie, [["render", ue], ["__scopeId", "data-v-f0bca74d
594
598
  }
595
599
  }
596
600
  }, ce = ["value", "placeholder", "readonly", "disabled", "rows"];
597
- function pe(t, n, e, r, l, o) {
601
+ function pe(t, n, e, u, l, o) {
598
602
  const s = h("InputBase");
599
- return i(), y(s, k({ class: "InputTextarea" }, {
603
+ return i(), c(s, k({ class: "InputTextarea" }, {
600
604
  ...t.$props
601
605
  }, { fixedHeight: !1 }), {
602
- default: b(() => [
603
- u(t.$slots, "before", {}, void 0, !0),
604
- v("textarea", {
606
+ default: v(() => [
607
+ r(t.$slots, "before", {}, void 0, !0),
608
+ b("textarea", {
605
609
  ref: "input",
606
610
  value: e.modelValue,
607
611
  placeholder: e.placeholder,
@@ -614,12 +618,12 @@ function pe(t, n, e, r, l, o) {
614
618
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
615
619
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
616
620
  }, null, 40, ce),
617
- u(t.$slots, "after", {}, void 0, !0)
621
+ r(t.$slots, "after", {}, void 0, !0)
618
622
  ]),
619
623
  _: 3
620
624
  }, 16);
621
625
  }
622
- const ye = /* @__PURE__ */ f(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4"]]), ve = {
626
+ const ye = /* @__PURE__ */ d(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4"]]), ve = {
623
627
  components: {
624
628
  Btn: C
625
629
  },
@@ -641,40 +645,40 @@ const ye = /* @__PURE__ */ f(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4
641
645
  }
642
646
  }
643
647
  };
644
- function be(t, n, e, r, l, o) {
648
+ function be(t, n, e, u, l, o) {
645
649
  const s = h("Btn"), a = h("RouterLink");
646
- return i(), y(a, {
650
+ return i(), c(a, {
647
651
  to: e.to,
648
652
  custom: ""
649
653
  }, {
650
- default: b(({ href: S, navigate: I, isActive: m, isExactActive: w }) => [
654
+ default: v(({ href: _, navigate: I, isActive: m, isExactActive: w }) => [
651
655
  O(s, k({
652
656
  tagName: "a",
653
- href: S
657
+ href: _
654
658
  }, o.actualProps(m, w), { onClick: I }), null, 16, ["href", "onClick"])
655
659
  ]),
656
660
  _: 1
657
661
  }, 8, ["to"]);
658
662
  }
659
- const he = /* @__PURE__ */ f(ve, [["render", be]]), me = {
663
+ const he = /* @__PURE__ */ d(ve, [["render", be]]), me = {
660
664
  props: {
661
665
  dir: { type: String, default: "top" },
662
666
  type: { type: String, default: "start" }
663
667
  }
664
668
  };
665
- function ge(t, n, e, r, l, o) {
666
- return i(), d("svg", {
667
- class: c(["TabCap", [
669
+ function ge(t, n, e, u, l, o) {
670
+ return i(), f("svg", {
671
+ class: p(["TabCap", [
668
672
  `TabCap-${e.dir}`,
669
673
  `TabCap-${e.type}`
670
674
  ]]),
671
675
  viewBox: "0 0 32 32",
672
676
  preserveAspectRatio: "none"
673
677
  }, [...n[0] || (n[0] = [
674
- v("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)
675
679
  ])], 2);
676
680
  }
677
- const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-d898255a"]]), _e = {
681
+ const Se = /* @__PURE__ */ d(me, [["render", ge], ["__scopeId", "data-v-d898255a"]]), _e = {
678
682
  props: {
679
683
  modelValue: { type: Boolean },
680
684
  disabled: { type: Boolean },
@@ -716,12 +720,12 @@ const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-d898255a
716
720
  baseStyle: t,
717
721
  hoverOverrides: n = {},
718
722
  focusOverrides: e = {},
719
- hover: r,
723
+ hover: u,
720
724
  focus: l,
721
725
  forceHover: o,
722
726
  forceFocus: s
723
727
  } = this, a = Object.assign({}, t);
724
- return (r || 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;
725
729
  }
726
730
  },
727
731
  methods: {
@@ -730,9 +734,9 @@ const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-d898255a
730
734
  }
731
735
  }
732
736
  }, ke = ["checked", "disabled"];
733
- function Be(t, n, e, r, l, o) {
734
- return i(), d("label", {
735
- class: c(["Toggle InputElement", [
737
+ function Be(t, n, e, u, l, o) {
738
+ return i(), f("label", {
739
+ class: p(["Toggle InputElement", [
736
740
  `Toggle-${o.effectiveStyle.kind}`,
737
741
  `input-kind-${o.effectiveStyle.kind}`,
738
742
  `Toggle-${o.effectiveStyle.size}`,
@@ -752,7 +756,7 @@ function Be(t, n, e, r, l, o) {
752
756
  onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
753
757
  onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
754
758
  }, [
755
- v("input", {
759
+ b("input", {
756
760
  type: "checkbox",
757
761
  checked: e.modelValue,
758
762
  disabled: e.disabled,
@@ -760,7 +764,7 @@ function Be(t, n, e, r, l, o) {
760
764
  }, null, 40, ke)
761
765
  ], 34);
762
766
  }
763
- const Ie = /* @__PURE__ */ f(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4"]]), Oe = {
767
+ const Ie = /* @__PURE__ */ d(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4"]]), Oe = {
764
768
  props: {
765
769
  tagName: { type: String, default: "div" },
766
770
  align: { type: String, default: "stretch" },
@@ -768,21 +772,21 @@ const Ie = /* @__PURE__ */ f(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4
768
772
  gap: { type: String, default: "m" }
769
773
  }
770
774
  };
771
- function Ce(t, n, e, r, l, o) {
772
- return i(), y(_(e.tagName), {
773
- class: c(["VGroup", [
775
+ function Ce(t, n, e, u, l, o) {
776
+ return i(), c(S(e.tagName), {
777
+ class: p(["VGroup", [
774
778
  `VGroup-align-${e.align}`,
775
779
  `VGroup-justify-${e.justify}`,
776
780
  `VGroup-gap-${e.gap}`
777
781
  ]])
778
782
  }, {
779
- default: b(() => [
780
- u(t.$slots, "default", {}, void 0, !0)
783
+ default: v(() => [
784
+ r(t.$slots, "default", {}, void 0, !0)
781
785
  ]),
782
786
  _: 3
783
787
  }, 8, ["class"]);
784
788
  }
785
- const Ve = /* @__PURE__ */ f(Oe, [["render", Ce], ["__scopeId", "data-v-ada4a00f"]]), xe = /* @__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({
786
790
  __proto__: null,
787
791
  Btn: C,
788
792
  Checkbox: N,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/core",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "Core Nightshade UI components",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",