@nightshadeui/core 2.0.13 → 2.0.15

package/dist/components/Filler.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/RouterBtn.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        required: true;
+    };
+    activeOverrides: {
+        type: ObjectConstructor;
+    };
+    exactActiveOverrides: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {
+    actualAttrs(isActive: any, isExactActive: any): {
+        [x: string]: any;
+    };
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        required: true;
+    };
+    activeOverrides: {
+        type: ObjectConstructor;
+    };
+    exactActiveOverrides: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -1,13 +1,14 @@
 import { default as Btn } from './Btn.vue';
+import { default as Filler } from './Filler.vue';
 import { default as HGroup } from './HGroup.vue';
 import { default as InputBase } from './InputBase.vue';
 import { default as InputGroup } from './InputGroup.vue';
 import { default as InputSelect } from './InputSelect.vue';
 import { default as InputText } from './InputText.vue';
 import { default as InputTextarea } from './InputTextarea.vue';
-import { default as Sizer } from './Sizer.vue';
+import { default as RouterBtn } from './RouterBtn.vue';
 import { default as Tab } from './Tab.vue';
 import { default as TabCap } from './TabCap.vue';
 import { default as Toggle } from './Toggle.vue';
 import { default as VGroup } from './VGroup.vue';
-export { Btn, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, Sizer, Tab, TabCap, Toggle, VGroup, };
+export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };

package/dist/core.css

@@ -1 +1 @@
-.Btn[data-v-09d29421]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-09d29421]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-09d29421]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-09d29421]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-09d29421]{order:100}.Btn[data-v-09d29421]:focus,.Btn[data-v-09d29421]:active,.Btn[data-v-09d29421]:hover{transition:none}.Btn[data-v-09d29421]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-09d29421]:after{opacity:1}.Btn[data-v-09d29421]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-09d29421]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-09d29421]:not(:disabled):active,.Btn.Btn-force-active[data-v-09d29421]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-09d29421]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-09d29421]{--Btn-radius:var(--input-radius-full)}.Btn-ghost[data-v-09d29421]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light)}.Btn-outline[data-v-09d29421]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-flat[data-v-09d29421]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-09d29421]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-09d29421]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-09d29421]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-09d29421]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-09d29421]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.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}.Sizer[data-v-9818a05d]{flex:1;min-width:0;min-height:0}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-c5f9a677]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-c5f9a677]{display:none}.Toggle[data-v-c5f9a677]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-knob-outline[data-v-c5f9a677]:before{outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset)}.Toggle-disabled[data-v-c5f9a677]{cursor:not-allowed;opacity:.5}.Toggle[data-v-c5f9a677]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-c5f9a677]{filter:brightness(.96)}.Toggle[data-v-c5f9a677]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-c5f9a677]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-c5f9a677]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-c5f9a677]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-c5f9a677]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-c5f9a677]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-c5f9a677]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-c5f9a677]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-c5f9a677]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}
+.Btn[data-v-09d29421]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-09d29421]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-09d29421]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-09d29421]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-09d29421]{order:100}.Btn[data-v-09d29421]:focus,.Btn[data-v-09d29421]:active,.Btn[data-v-09d29421]:hover{transition:none}.Btn[data-v-09d29421]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-09d29421]:after{opacity:1}.Btn[data-v-09d29421]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-09d29421]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-09d29421]:not(:disabled):active,.Btn.Btn-force-active[data-v-09d29421]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-09d29421]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-09d29421]{--Btn-radius:var(--input-radius-full)}.Btn-ghost[data-v-09d29421]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light)}.Btn-outline[data-v-09d29421]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-flat[data-v-09d29421]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-09d29421]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-09d29421]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-09d29421]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-09d29421]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-09d29421]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Filler[data-v-a4c89219]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-a4c89219]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-a4c89219]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-a4c89219]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-4afcf47f]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-4afcf47f]{align-items:stretch}.HGroup-align-baseline[data-v-4afcf47f]{align-items:baseline}.HGroup-align-center[data-v-4afcf47f]{align-items:center}.HGroup-align-start[data-v-4afcf47f]{align-items:flex-start}.HGroup-align-end[data-v-4afcf47f]{align-items:flex-end}.HGroup-justify-center[data-v-4afcf47f]{justify-content:center}.HGroup-justify-start[data-v-4afcf47f]{justify-content:flex-start}.HGroup-justify-end[data-v-4afcf47f]{justify-content:flex-end}.HGroup-justify-space-around[data-v-4afcf47f]{justify-content:space-around}.HGroup-justify-space-between[data-v-4afcf47f]{justify-content:space-between}.HGroup-gap-xxs[data-v-4afcf47f]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-4afcf47f]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-4afcf47f]{gap:var(--sp-s)}.HGroup-gap-m[data-v-4afcf47f]{gap:var(--sp-m)}.HGroup-gap-l[data-v-4afcf47f]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-4afcf47f]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-4afcf47f]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-4afcf47f]{gap:0}.HGroup-gap-0-25[data-v-4afcf47f]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-4afcf47f]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-4afcf47f]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-4afcf47f]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-4afcf47f]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-4afcf47f]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-4afcf47f]{gap:var(--sp3)}.HGroup-gap-4[data-v-4afcf47f]{gap:var(--sp4)}.HGroup-gap-5[data-v-4afcf47f]{gap:var(--sp5)}.HGroup-gap-6[data-v-4afcf47f]{gap:var(--sp6)}.HGroup-gap-7[data-v-4afcf47f]{gap:var(--sp7)}.HGroup-gap-8[data-v-4afcf47f]{gap:var(--sp8)}.HGroup-gap-9[data-v-4afcf47f]{gap:var(--sp9)}.HGroup-gap-10[data-v-4afcf47f]{gap:var(--sp10)}.HGroup-gap-12[data-v-4afcf47f]{gap:var(--sp12)}.HGroup-gap-16[data-v-4afcf47f]{gap:var(--sp16)}.HGroup-gap-24[data-v-4afcf47f]{gap:var(--sp24)}.HGroup-gap-32[data-v-4afcf47f]{gap:var(--sp32)}.HGroup-wrap[data-v-4afcf47f]{flex-wrap:wrap}.Tab[data-v-a4bb3614]{--Tab-size:var(--sp3);--Tab-cap-size:var(--sp4);--Tab-surface:var(--color-base-1);--Tab-color:var(--color-text-0);--Tab-shadow-size:.5px;--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-a4bb3614],.Content[data-v-a4bb3614]{z-index:2;position:relative}.Content[data-v-a4bb3614]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-a4bb3614]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-a4bb3614]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-a4bb3614]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-a4bb3614]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-a4bb3614]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-a4bb3614]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-a4bb3614]{height:var(--Tab-cap-size)}.InputBase[data-v-408c1aa3]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-radius:var(--input-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-408c1aa3]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-408c1aa3]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-408c1aa3]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-408c1aa3]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-408c1aa3]{height:var(--InputBase-size)}.InputBase-round[data-v-408c1aa3]{--InputBase-radius:var(--input-radius-round)}.InputBase-shadow .Container[data-v-408c1aa3]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-408c1aa3]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-408c1aa3]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-408c1aa3]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-408c1aa3]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-408c1aa3]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-408c1aa3]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-408c1aa3]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-3d98e109]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-3d98e109]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-3d98e109]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-2c4374be]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-2c4374be],.Placeholder[data-v-2c4374be]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-2c4374be]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-f0bca74d]{--InputBase-padding:var(--sp1-5)}input[data-v-f0bca74d],textarea[data-v-f0bca74d]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-d1f75aa4]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-d1f75aa4],textarea[data-v-d1f75aa4]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-d1f75aa4] .Container{overflow-y:auto}textarea[data-v-d1f75aa4]{align-self:flex-start}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-c5f9a677]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-c5f9a677]{display:none}.Toggle[data-v-c5f9a677]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-knob-outline[data-v-c5f9a677]:before{outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset)}.Toggle-disabled[data-v-c5f9a677]{cursor:not-allowed;opacity:.5}.Toggle[data-v-c5f9a677]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-c5f9a677]{filter:brightness(.96)}.Toggle[data-v-c5f9a677]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-c5f9a677]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-c5f9a677]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-c5f9a677]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-c5f9a677]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-c5f9a677]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-c5f9a677]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-c5f9a677]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-c5f9a677]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}

package/dist/core.mjs

@@ -1,10 +1,10 @@
-import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as O, mergeProps as I } from "vue";
+import { createBlock as p, openBlock as r, resolveDynamicComponent as S, normalizeClass as y, withCtx as v, renderSlot as u, createElementBlock as d, createCommentVNode as c, toDisplayString as g, resolveComponent as b, createVNode as O, createElementVNode as h, Fragment as V, mergeProps as B } from "vue";
 const f = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [i, l] of n)
     e[i] = l;
   return e;
-}, V = {
+}, $ = {
   props: {
     tagName: { type: String, default: "button" },
     href: { type: String },
@@ -59,21 +59,21 @@ const f = (t, n) => {
         hover: o,
         focus: s,
         forceActive: a,
-        forceHover: B,
-        forceFocus: T
-      } = this, S = Object.assign({}, t);
-      return (l || a) && Object.assign(S, e), (o || B) && Object.assign(S, n), (s || T) && Object.assign(S, i), S;
+        forceHover: _,
+        forceFocus: k
+      } = this, m = Object.assign({}, t);
+      return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || k) && Object.assign(m, i), m;
     }
   },
   methods: {
     // TODO add debounce
   }
-}, $ = {
+}, j = {
   key: 0,
   class: "Label"
 };
-function j(t, n, e, i, l, o) {
-  return u(), p(g(e.tagName), {
+function C(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
     ref: "button",
     class: y(["Btn InputElement", [
       `Btn-${o.effectiveStyle.size}`,
@@ -105,18 +105,18 @@ function j(t, n, e, i, l, o) {
     onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
     onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
   }, {
-    default: b(() => [
-      r(t.$slots, "icon", {
+    default: v(() => [
+      u(t.$slots, "icon", {
         hover: l.hover,
         blocked: l.blocked
       }, () => [
-        e.icon ? (u(), d("i", {
+        e.icon ? (r(), d("i", {
           key: 0,
           class: y([e.icon, "Icon"])
         }, null, 2)) : c("", !0)
       ], !0),
-      e.label ? (u(), d("span", $, h(e.label), 1)) : c("", !0),
-      r(t.$slots, "default", {
+      e.label ? (r(), d("span", j, g(e.label), 1)) : c("", !0),
+      u(t.$slots, "default", {
         hover: l.hover,
         active: l.active,
         blocked: l.blocked
@@ -125,7 +125,19 @@ function j(t, n, e, i, l, o) {
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-const C = /* @__PURE__ */ f(V, [["render", j], ["__scopeId", "data-v-09d29421"]]), F = {
+const F = /* @__PURE__ */ f($, [["render", C], ["__scopeId", "data-v-09d29421"]]), x = {
+  props: {
+    fill: { type: String, default: "none" }
+  }
+};
+function H(t, n, e, i, l, o) {
+  return r(), d("div", {
+    class: y(["Filler", [
+      `Filler-${e.fill}`
+    ]])
+  }, null, 2);
+}
+const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]), N = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "center" },
@@ -134,8 +146,8 @@ const C = /* @__PURE__ */ f(V, [["render", j], ["__scopeId", "data-v-09d29421"]]
     wrap: { type: Boolean, default: !1 }
   }
 };
-function z(t, n, e, i, l, o) {
-  return u(), p(g(e.tagName), {
+function M(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
     class: y(["HGroup", [
       `HGroup-align-${e.align}`,
       `HGroup-justify-${e.justify}`,
@@ -145,13 +157,13 @@ function z(t, n, e, i, l, o) {
       }
     ]])
   }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const H = /* @__PURE__ */ f(F, [["render", z], ["__scopeId", "data-v-4afcf47f"]]), x = {
+const G = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]), A = {
   props: {
     dir: { type: String, default: "top" },
     label: { type: String }
@@ -161,37 +173,37 @@ const H = /* @__PURE__ */ f(F, [["render", z], ["__scopeId", "data-v-4afcf47f"]]
       return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
     }
   }
-}, N = { class: "Content" }, M = ["title"];
-function G(t, n, e, i, l, o) {
-  const s = m("TabCap");
-  return u(), d("div", {
+}, L = { class: "Content" }, D = ["title"];
+function P(t, n, e, i, l, o) {
+  const s = b("TabCap");
+  return r(), d("div", {
     class: y(["Tab", [
       `Tab-${e.dir}`,
       `Tab-${o.orientation}`
     ]])
   }, [
-    k(s, {
+    O(s, {
       class: "TabCap",
       dir: e.dir,
       type: "start"
     }, null, 8, ["dir"]),
-    v("div", N, [
-      r(t.$slots, "default", {}, () => [
-        e.label ? (u(), d("div", {
+    h("div", L, [
+      u(t.$slots, "default", {}, () => [
+        e.label ? (r(), d("div", {
           key: 0,
           class: "TabLabel",
           title: e.label
-        }, h(e.label), 9, M)) : c("", !0)
+        }, g(e.label), 9, D)) : c("", !0)
       ], !0)
     ]),
-    k(s, {
+    O(s, {
       class: "TabCap",
       dir: e.dir,
       type: "end"
     }, null, 8, ["dir"])
   ], 2);
 }
-const w = /* @__PURE__ */ f(x, [["render", G], ["__scopeId", "data-v-a4bb3614"]]), L = {
+const w = /* @__PURE__ */ f(A, [["render", P], ["__scopeId", "data-v-a4bb3614"]]), E = {
   components: {
     Tab: w
   },
@@ -239,16 +251,16 @@ const w = /* @__PURE__ */ f(x, [["render", G], ["__scopeId", "data-v-a4bb3614"]]
       return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   }
-}, A = {
+}, R = {
   key: 1,
   class: "Label TextLabel"
-}, D = {
+}, q = {
   key: 2,
   class: "Label InlineLabel"
-}, P = { class: "InputElement Container" };
-function E(t, n, e, i, l, o) {
-  const s = m("Tab");
-  return u(), p(g(e.tagName), {
+}, K = { class: "InputElement Container" };
+function Y(t, n, e, i, l, o) {
+  const s = b("Tab");
+  return r(), p(S(e.tagName), {
     class: y(["InputBase", [
       `InputBase-${o.effectiveStyle.kind}`,
       `input-kind-${o.effectiveStyle.kind}`,
@@ -267,39 +279,39 @@ function E(t, n, e, i, l, o) {
     onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
     onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
   }, {
-    default: b(() => [
-      e.label ? (u(), d(O, { key: 0 }, [
-        e.labelStyle === "tab" ? (u(), p(s, {
+    default: v(() => [
+      e.label ? (r(), d(V, { key: 0 }, [
+        e.labelStyle === "tab" ? (r(), p(s, {
           key: 0,
           class: "Label TabLabel",
           label: e.label
         }, null, 8, ["label"])) : c("", !0),
-        e.labelStyle === "text" ? (u(), d("div", A, h(e.label), 1)) : c("", !0),
-        e.labelStyle === "inline" ? (u(), d("div", D, h(e.label), 1)) : c("", !0)
+        e.labelStyle === "text" ? (r(), d("div", R, g(e.label), 1)) : c("", !0),
+        e.labelStyle === "inline" ? (r(), d("div", q, g(e.label), 1)) : c("", !0)
       ], 64)) : c("", !0),
-      v("div", P, [
-        r(t.$slots, "default", {}, void 0, !0)
+      h("div", K, [
+        u(t.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 40, ["class"]);
 }
-const _ = /* @__PURE__ */ f(L, [["render", E], ["__scopeId", "data-v-408c1aa3"]]), q = {
+const I = /* @__PURE__ */ f(E, [["render", Y], ["__scopeId", "data-v-408c1aa3"]]), J = {
   props: {
     tagName: { type: String, default: "div" }
   }
 };
-function K(t, n, e, i, l, o) {
-  return u(), p(g(e.tagName), { class: "InputGroup" }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+function Q(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), { class: "InputGroup" }, {
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   });
 }
-const R = /* @__PURE__ */ f(q, [["render", K], ["__scopeId", "data-v-3d98e109"]]), Y = {
+const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]), W = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: {},
     items: { type: Array, default: () => [] },
     placeholder: { type: String },
@@ -358,55 +370,55 @@ const R = /* @__PURE__ */ f(q, [["render", K], ["__scopeId", "data-v-3d98e109"]]
       this.disabled || (this.menuShown = !0);
     }
   }
-}, J = {
+}, X = {
   key: 1,
   class: "Value"
-}, Q = {
+}, Z = {
   key: 2,
   class: "Placeholder"
-}, U = {
+}, ee = {
   ref: "icon",
   class: "DropdownIcon"
 };
-function W(t, n, e, i, l, o) {
-  const s = m("ContextMenu"), a = m("InputBase");
-  return u(), p(a, I({ class: "InputSelect" }, {
+function te(t, n, e, i, l, o) {
+  const s = b("ContextMenu"), a = b("InputBase");
+  return r(), p(a, B({ class: "InputSelect" }, {
     ...t.$props
   }, {
     tabindex: "0",
-    onClick: n[1] || (n[1] = (B) => o.show())
+    onClick: n[1] || (n[1] = (_) => o.show())
   }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      o.itemIcon ? (u(), d("i", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      o.itemIcon ? (r(), d("i", {
         key: 0,
         class: y(["Icon", o.itemIcon])
       }, null, 2)) : c("", !0),
-      o.selectedItem ? (u(), d("span", J, h(o.itemTitle), 1)) : c("", !0),
-      o.selectedItem ? c("", !0) : (u(), d("span", Q, h(e.placeholder), 1)),
-      v("div", U, [
-        r(t.$slots, "iconDropdown", {}, () => [
-          v("i", {
+      o.selectedItem ? (r(), d("span", X, g(o.itemTitle), 1)) : c("", !0),
+      o.selectedItem ? c("", !0) : (r(), d("span", Z, g(e.placeholder), 1)),
+      h("div", ee, [
+        u(t.$slots, "iconDropdown", {}, () => [
+          h("i", {
             class: y(o.iconDropdown)
           }, null, 2)
         ], !0)
       ], 512),
-      !t.disabled && l.menuShown ? (u(), p(s, {
+      !t.disabled && l.menuShown ? (r(), p(s, {
         key: 3,
         anchorRef: "icon",
         items: o.getMenuItems(),
         search: e.search,
         overlayShown: !1,
-        onHide: n[0] || (n[0] = (B) => l.menuShown = !1)
+        onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
       }, null, 8, ["items", "search"])) : c("", !0),
-      r(t.$slots, "after", {}, void 0, !0)
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const X = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-2c4374be"]]), Z = {
+const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"]]), oe = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: { type: [String, Number] },
     type: { type: String },
     placeholder: { type: String },
@@ -430,15 +442,15 @@ const X = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-2c4374be"]]
       this.$emit("update:modelValue", t.target.value);
     }
   }
-}, ee = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function te(t, n, e, i, l, o) {
-  const s = m("InputBase");
-  return u(), p(s, I({ class: "InputText" }, {
+}, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+function se(t, n, e, i, l, o) {
+  const s = b("InputBase");
+  return r(), p(s, B({ class: "InputText" }, {
     ...t.$props
   }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("input", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      h("input", {
         ref: "input",
         value: e.modelValue,
         type: e.type,
@@ -452,15 +464,15 @@ function te(t, n, e, i, l, o) {
         onInput: n[0] || (n[0] = (a) => o.onInput(a)),
         onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
         onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, ee),
-      r(t.$slots, "after", {}, void 0, !0)
+      }, null, 40, le),
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const ne = /* @__PURE__ */ f(Z, [["render", te], ["__scopeId", "data-v-f0bca74d"]]), oe = {
+const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d"]]), re = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: { type: String },
     placeholder: { type: String },
     rows: { type: Number },
@@ -493,15 +505,15 @@ const ne = /* @__PURE__ */ f(Z, [["render", te], ["__scopeId", "data-v-f0bca74d"
       this.$emit("update:modelValue", t.target.value);
     }
   }
-}, le = ["value", "placeholder", "readonly", "disabled", "rows"];
-function se(t, n, e, i, l, o) {
-  const s = m("InputBase");
-  return u(), p(s, I({ class: "InputTextarea" }, {
+}, ie = ["value", "placeholder", "readonly", "disabled", "rows"];
+function ue(t, n, e, i, l, o) {
+  const s = b("InputBase");
+  return r(), p(s, B({ class: "InputTextarea" }, {
     ...t.$props
   }, { fixedHeight: !1 }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("textarea", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      h("textarea", {
         ref: "input",
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -513,24 +525,51 @@ function se(t, n, e, i, l, o) {
         onInput: n[0] || (n[0] = (a) => o.onInput(a)),
         onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
         onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, le),
-      r(t.$slots, "after", {}, void 0, !0)
+      }, null, 40, ie),
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-d1f75aa4"]]), ue = {}, ie = { class: "Sizer" };
-function re(t, n, e, i, l, o) {
-  return u(), d("div", ie);
+const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4"]]), fe = {
+  props: {
+    to: { required: !0 },
+    activeOverrides: { type: Object },
+    exactActiveOverrides: { type: Object }
+  },
+  methods: {
+    actualAttrs(t, n) {
+      return {
+        ...this.$attrs,
+        ...t ? this.activeOverrides : {},
+        ...n ? this.exactActiveOverrides : {}
+      };
+    }
+  }
+};
+function ce(t, n, e, i, l, o) {
+  const s = b("Button"), a = b("RouterLink");
+  return r(), p(a, {
+    to: e.to,
+    custom: ""
+  }, {
+    default: v(({ href: _, navigate: k, isActive: m, isExactActive: T }) => [
+      O(s, B({
+        as: "a",
+        href: _
+      }, o.actualAttrs(m, T), { onClick: k }), null, 16, ["href", "onClick"])
+    ]),
+    _: 1
+  }, 8, ["to"]);
 }
-const de = /* @__PURE__ */ f(ue, [["render", re], ["__scopeId", "data-v-9818a05d"]]), fe = {
+const pe = /* @__PURE__ */ f(fe, [["render", ce]]), ye = {
   props: {
     dir: { type: String, default: "top" },
     type: { type: String, default: "start" }
   }
 };
-function ce(t, n, e, i, l, o) {
-  return u(), d("svg", {
+function ve(t, n, e, i, l, o) {
+  return r(), d("svg", {
     class: y(["TabCap", [
       `TabCap-${e.dir}`,
       `TabCap-${e.type}`
@@ -538,10 +577,10 @@ function ce(t, n, e, i, l, o) {
     viewBox: "0 0 32 32",
     preserveAspectRatio: "none"
   }, [...n[0] || (n[0] = [
-    v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+    h("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ])], 2);
 }
-const pe = /* @__PURE__ */ f(fe, [["render", ce], ["__scopeId", "data-v-d898255a"]]), ye = {
+const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a"]]), he = {
   props: {
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
@@ -596,9 +635,9 @@ const pe = /* @__PURE__ */ f(fe, [["render", ce], ["__scopeId", "data-v-d898255a
       this.$emit("update:modelValue", t.target.checked);
     }
   }
-}, ve = ["checked", "disabled"];
-function be(t, n, e, i, l, o) {
-  return u(), d("label", {
+}, me = ["checked", "disabled"];
+function ge(t, n, e, i, l, o) {
+  return r(), d("label", {
     class: y(["Toggle InputElement", [
       `Toggle-${o.effectiveStyle.kind}`,
       `input-kind-${o.effectiveStyle.kind}`,
@@ -619,15 +658,15 @@ function be(t, n, e, i, l, o) {
     onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
     onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
   }, [
-    v("input", {
+    h("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
       onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
-    }, null, 40, ve)
+    }, null, 40, me)
   ], 34);
 }
-const he = /* @__PURE__ */ f(ye, [["render", be], ["__scopeId", "data-v-c5f9a677"]]), me = {
+const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677"]]), Se = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "stretch" },
@@ -635,47 +674,49 @@ const he = /* @__PURE__ */ f(ye, [["render", be], ["__scopeId", "data-v-c5f9a677
     gap: { type: String, default: "m" }
   }
 };
-function ge(t, n, e, i, l, o) {
-  return u(), p(g(e.tagName), {
+function Be(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
     class: y(["VGroup", [
       `VGroup-align-${e.align}`,
       `VGroup-justify-${e.justify}`,
       `VGroup-gap-${e.gap}`
     ]])
   }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-ada4a00f"]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ f(Se, [["render", Be], ["__scopeId", "data-v-ada4a00f"]]), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Btn: C,
-  HGroup: H,
-  InputBase: _,
-  InputGroup: R,
-  InputSelect: X,
-  InputText: ne,
-  InputTextarea: ae,
-  Sizer: de,
+  Btn: F,
+  Filler: z,
+  HGroup: G,
+  InputBase: I,
+  InputGroup: U,
+  InputSelect: ne,
+  InputText: ae,
+  InputTextarea: de,
+  RouterBtn: pe,
   Tab: w,
-  TabCap: pe,
-  Toggle: he,
-  VGroup: Se
+  TabCap: be,
+  Toggle: _e,
+  VGroup: Ie
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  C as Btn,
-  H as HGroup,
-  _ as InputBase,
-  R as InputGroup,
-  X as InputSelect,
-  ne as InputText,
-  ae as InputTextarea,
-  de as Sizer,
+  F as Btn,
+  z as Filler,
+  G as HGroup,
+  I as InputBase,
+  U as InputGroup,
+  ne as InputSelect,
+  ae as InputText,
+  de as InputTextarea,
+  pe as RouterBtn,
   w as Tab,
-  pe as TabCap,
-  he as Toggle,
-  Se as VGroup,
-  Be as coreComponents
+  be as TabCap,
+  _e as Toggle,
+  Ie as VGroup,
+  Oe as coreComponents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nightshadeui/core",
-    "version": "2.0.13",
+    "version": "2.0.15",
     "description": "Core Nightshade UI components",
     "author": "Boris Okunskiy",
     "license": "ISC",

package/dist/components/Sizer.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;