@well-insight/ui 0.1.9 → 0.1.11

package/dist/components/SplitButton/styles.css

@@ -1,120 +1,136 @@
-/* —— Primitive: SplitButton —— */
-.wi-splitbutton {
-    display: inline-flex;
-    position: relative;
-    vertical-align: middle;
+/* —— Primitive: SplitButton —— */
+.wi-splitbutton {
+    --wi-button-padding-x-medium: calc(
+        var(--wi-control-padding-x-medium) + var(--wi-space-1)
+    );
+    display: inline-flex;
+    position: relative;
+    vertical-align: middle;
 }
 
-.wi-splitbutton__main,
-.wi-splitbutton__trigger {
-    align-items: center;
-    background: var(--wi-color-primary);
-    border: 1px solid var(--wi-color-primary);
-    color: var(--wi-color-on-emphasis);
-    cursor: pointer;
-    display: inline-flex;
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    font-weight: 600;
-    gap: var(--wi-space-2);
-    min-height: var(--wi-control-height-medium);
-    padding: 0 var(--wi-button-padding-x-medium);
+.wi-splitbutton__main,
+.wi-splitbutton__trigger {
+    align-items: center;
+    background: var(--wi-color-primary);
+    border: 1px solid var(--wi-color-primary);
+    color: var(--wi-color-on-emphasis);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    font-weight: 600;
+    gap: var(--wi-space-2);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-button-padding-x-medium);
 }
 
-.wi-splitbutton__main {
-    border-bottom-left-radius: var(--wi-radius-control);
-    border-top-left-radius: var(--wi-radius-control);
+.wi-splitbutton__main {
+    border-bottom-left-radius: var(--wi-radius-control);
+    border-top-left-radius: var(--wi-radius-control);
 }
 
-.wi-splitbutton__trigger {
-    border-bottom-right-radius: var(--wi-radius-control);
-    border-left: 1px solid color-mix(in srgb, var(--wi-color-on-emphasis) 35%, var(--wi-color-primary));
-    border-top-right-radius: var(--wi-radius-control);
-    padding: 0 var(--wi-control-padding-x-medium);
+.wi-splitbutton__trigger {
+    border-bottom-right-radius: var(--wi-radius-control);
+    border-left: 1px solid
+        color-mix(
+            in srgb,
+            var(--wi-color-on-emphasis) 35%,
+            var(--wi-color-primary)
+        );
+    border-top-right-radius: var(--wi-radius-control);
+    padding: 0 var(--wi-control-padding-x-medium);
 }
 
-.wi-splitbutton--outlined .wi-splitbutton__main,
-.wi-splitbutton--outlined .wi-splitbutton__trigger {
-    background: transparent;
-    color: var(--wi-color-primary);
+.wi-splitbutton--outlined .wi-splitbutton__main,
+.wi-splitbutton--outlined .wi-splitbutton__trigger {
+    background: transparent;
+    color: var(--wi-color-primary);
 }
 
-.wi-splitbutton--outlined .wi-splitbutton__trigger {
-    border-left-color: var(--wi-color-primary);
+.wi-splitbutton--outlined .wi-splitbutton__trigger {
+    border-left-color: var(--wi-color-primary);
 }
 
-.wi-splitbutton--secondary .wi-splitbutton__main,
-.wi-splitbutton--secondary .wi-splitbutton__trigger {
-    background: color-mix(in srgb, var(--wi-color-text-muted) 16%, var(--wi-color-surface));
-    border-color: var(--wi-color-border);
-    color: var(--wi-color-text);
+.wi-splitbutton--secondary .wi-splitbutton__main,
+.wi-splitbutton--secondary .wi-splitbutton__trigger {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 16%,
+        var(--wi-color-surface)
+    );
+    border-color: var(--wi-color-border);
+    color: var(--wi-color-text);
 }
 
-.wi-splitbutton--danger .wi-splitbutton__main,
-.wi-splitbutton--danger .wi-splitbutton__trigger {
-    background: var(--wi-color-danger);
-    border-color: var(--wi-color-danger);
+.wi-splitbutton--danger .wi-splitbutton__main,
+.wi-splitbutton--danger .wi-splitbutton__trigger {
+    background: var(--wi-color-danger);
+    border-color: var(--wi-color-danger);
 }
 
-.wi-splitbutton--small .wi-splitbutton__main,
-.wi-splitbutton--small .wi-splitbutton__trigger {
-    min-height: var(--wi-control-height-small);
-    font-size: var(--wi-control-font-small);
+.wi-splitbutton--small .wi-splitbutton__main,
+.wi-splitbutton--small .wi-splitbutton__trigger {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
 }
 
-.wi-splitbutton--large .wi-splitbutton__main,
-.wi-splitbutton--large .wi-splitbutton__trigger {
-    min-height: var(--wi-control-height-large);
-    font-size: var(--wi-control-font-large);
+.wi-splitbutton--large .wi-splitbutton__main,
+.wi-splitbutton--large .wi-splitbutton__trigger {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
 }
 
-.wi-splitbutton--disabled {
-    opacity: var(--wi-opacity-disabled);
-    pointer-events: none;
+.wi-splitbutton--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
 }
 
-.wi-splitbutton__menu {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    box-shadow: var(--wi-shadow-md);
-    list-style: none;
-    margin: var(--wi-space-1) 0 0;
-    min-width: 100%;
-    padding: var(--wi-space-1);
-    position: absolute;
-    right: 0;
-    top: 100%;
-    transform-origin: top right;
-    z-index: var(--wi-z-popper);
+.wi-splitbutton__menu {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    list-style: none;
+    margin: var(--wi-space-1) 0 0;
+    min-width: 100%;
+    padding: var(--wi-space-1);
+    position: absolute;
+    right: 0;
+    top: 100%;
+    transform-origin: top right;
+    z-index: var(--wi-z-popper);
 }
 
-.wi-splitbutton__menu--teleported {
-    margin: 0;
-    position: fixed;
-    right: auto;
-    top: auto;
-    z-index: var(--wi-z-overlay);
+.wi-splitbutton__menu--teleported {
+    margin: 0;
+    position: fixed;
+    right: auto;
+    top: auto;
+    z-index: var(--wi-z-overlay);
 }
 
-.wi-splitbutton__item {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    display: block;
-    font: inherit;
-    padding: var(--wi-space-2) var(--wi-space-3);
-    text-align: start;
-    width: 100%;
+.wi-splitbutton__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: start;
+    width: 100%;
 }
 
-.wi-splitbutton__item:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+.wi-splitbutton__item:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 10%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-splitbutton__item:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-splitbutton__item:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }

package/dist/components/Splitter/Splitter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AA4RA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA+U1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACxC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AAqRA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAwV1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACxC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Stepper/Stepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.vue"],"names":[],"mappings":";AA0EA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAA;AAmI1D,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Stepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.vue"],"names":[],"mappings":";AAyEA,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAA;AAoI1D,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Stepper/styles.css

@@ -1,83 +1,88 @@
-/* —— Panel: Stepper —— */
-.wi-stepper {
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--wi-space-2);
+/* —— Panel: Stepper —— */
+.wi-stepper {
+    --wi-stepper-marker-size: 1.5rem;
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--wi-space-2);
 }
 
-.wi-stepper__step {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-md);
-    color: var(--wi-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    font: inherit;
-    gap: var(--wi-space-2);
-    padding: var(--wi-space-2) var(--wi-space-3);
+.wi-stepper__step {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-md);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--wi-space-2);
+    padding: var(--wi-space-2) var(--wi-space-3);
 }
 
-.wi-stepper__step--active {
-    color: var(--wi-color-primary);
-    font-weight: 600;
+.wi-stepper__step--active {
+    color: var(--wi-color-primary);
+    font-weight: 600;
 }
 
-.wi-stepper__step--completed {
-    color: var(--wi-color-text);
+.wi-stepper__step--completed {
+    color: var(--wi-color-text);
 }
 
-.wi-stepper__step--disabled,
-.wi-stepper__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-stepper__step--disabled,
+.wi-stepper__step:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-stepper__step:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-stepper__step:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-stepper__marker {
-    align-items: center;
-    background: color-mix(in srgb, var(--wi-color-text-muted) 16%, var(--wi-color-surface));
-    border-radius: var(--wi-radius-full);
-    display: inline-flex;
-    font-size: var(--wi-font-size-xs);
-    font-weight: 700;
-    height: 1.5rem;
-    justify-content: center;
-    width: 1.5rem;
+.wi-stepper__marker {
+    align-items: center;
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 16%,
+        var(--wi-color-surface)
+    );
+    border-radius: var(--wi-radius-full);
+    display: inline-flex;
+    font-size: var(--wi-font-size-xs);
+    font-weight: 700;
+    height: var(--wi-stepper-marker-size);
+    justify-content: center;
+    width: var(--wi-stepper-marker-size);
 }
 
-.wi-stepper__step--active .wi-stepper__marker {
-    background: var(--wi-color-primary);
-    color: var(--wi-color-on-emphasis);
+.wi-stepper__step--active .wi-stepper__marker {
+    background: var(--wi-color-primary);
+    color: var(--wi-color-on-emphasis);
 }
 
-.wi-stepper__content {
-    margin-top: var(--wi-space-4);
+.wi-stepper__content {
+    margin-top: var(--wi-space-4);
 }
 
-.wi-stepper--vertical {
-    align-items: stretch;
-    flex-direction: column;
+.wi-stepper--vertical {
+    align-items: stretch;
+    flex-direction: column;
 }
 
-.wi-stepper__copy {
-    display: grid;
-    gap: 0.15rem;
-    text-align: start;
+.wi-stepper__copy {
+    display: grid;
+    gap: 0.15rem;
+    text-align: start;
 }
 
-.wi-stepper__description {
-    color: var(--wi-color-text-muted);
-    font-size: var(--wi-font-size-xs);
-    font-weight: 400;
+.wi-stepper__description {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+    font-weight: 400;
 }
 
-.wi-stepper__step--error .wi-stepper__marker {
-    background: var(--wi-color-danger);
-    color: var(--wi-color-on-emphasis);
+.wi-stepper__step--error .wi-stepper__marker {
+    background: var(--wi-color-danger);
+    color: var(--wi-color-on-emphasis);
 }

package/dist/components/Switch/Switch.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.vue"],"names":[],"mappings":";AAuEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAyH1C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.vue"],"names":[],"mappings":";AAqEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2H1C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Switch/styles.css

@@ -1,78 +1,107 @@
-.wi-switch--invalid .wi-switch__track {
-    box-shadow: 0 0 0 1px var(--wi-color-danger);
+.wi-switch--invalid .wi-switch__track {
+    box-shadow: 0 0 0 1px var(--wi-color-danger);
 }
 
-.wi-switch__track {
-    align-items: center;
-    background: var(--wi-color-border);
-    border-radius: var(--wi-radius-full);
-    display: inline-flex;
-    flex: 0 0 auto;
-    height: 1.25rem;
-    padding: 0.125rem;
-    transition: background-color var(--wi-motion-fast) var(--wi-motion-ease);
-    width: 2.25rem;
+.wi-switch {
+    --wi-switch-track-height: 1.25rem;
+    --wi-switch-track-width: 2.25rem;
+    --wi-switch-thumb-size: 1rem;
+    --wi-switch-checked-offset: 1rem;
+    --wi-switch-spinner-size: 0.55rem;
 }
 
-.wi-switch__thumb {
-    background: var(--wi-color-surface);
-    border-radius: var(--wi-radius-full);
-    box-shadow: var(--wi-shadow-sm);
-    height: 1rem;
-    transform: translateX(0);
-    transition: transform var(--wi-motion-fast) var(--wi-motion-ease);
-    width: 1rem;
+.wi-switch__track {
+    align-items: center;
+    background: var(--wi-color-border);
+    border-radius: var(--wi-radius-full);
+    display: inline-flex;
+    flex: 0 0 auto;
+    height: var(--wi-switch-track-height);
+    padding: var(--wi-space-1);
+    transition: background-color var(--wi-motion-fast) var(--wi-motion-ease);
+    width: var(--wi-switch-track-width);
 }
 
-.wi-switch__input:checked + .wi-switch__track {
-    background: var(--wi-color-primary);
+.wi-switch__thumb {
+    background: var(--wi-color-surface);
+    border-radius: var(--wi-radius-full);
+    box-shadow: var(--wi-shadow-sm);
+    height: var(--wi-switch-thumb-size);
+    transform: translateX(0);
+    transition: transform var(--wi-motion-fast) var(--wi-motion-ease);
+    width: var(--wi-switch-thumb-size);
 }
 
-.wi-switch__input:checked + .wi-switch__track .wi-switch__thumb {
-    transform: translateX(1rem);
+.wi-switch__input:checked + .wi-switch__track {
+    background: var(--wi-color-primary);
 }
 
-.wi-switch--small .wi-switch__track {
-    height: 1rem;
-    width: 1.75rem;
+.wi-switch__input:checked + .wi-switch__track .wi-switch__thumb {
+    transform: translateX(var(--wi-switch-checked-offset));
 }
 
-.wi-switch--small .wi-switch__thumb {
-    height: 0.75rem;
-    width: 0.75rem;
+.wi-switch--small {
+    --wi-switch-track-height: 1rem;
+    --wi-switch-track-width: 1.75rem;
+    --wi-switch-thumb-size: 0.75rem;
+    --wi-switch-checked-offset: 0.75rem;
 }
 
-.wi-switch--small .wi-switch__input:checked + .wi-switch__track .wi-switch__thumb {
-    transform: translateX(0.75rem);
+.wi-switch--small .wi-switch__track {
+    height: var(--wi-switch-track-height);
+    width: var(--wi-switch-track-width);
 }
 
-.wi-switch--large .wi-switch__track {
-    height: 1.5rem;
-    width: 2.75rem;
+.wi-switch--small .wi-switch__thumb {
+    height: var(--wi-switch-thumb-size);
+    width: var(--wi-switch-thumb-size);
 }
 
-.wi-switch--large .wi-switch__thumb {
-    height: 1.2rem;
-    width: 1.2rem;
+.wi-switch--small
+    .wi-switch__input:checked
+    + .wi-switch__track
+    .wi-switch__thumb {
+    transform: translateX(var(--wi-switch-checked-offset));
 }
 
-.wi-switch--large .wi-switch__input:checked + .wi-switch__track .wi-switch__thumb {
-    transform: translateX(1.25rem);
+.wi-switch--large {
+    --wi-switch-track-height: 1.5rem;
+    --wi-switch-track-width: 2.75rem;
+    --wi-switch-thumb-size: 1.2rem;
+    --wi-switch-checked-offset: 1.25rem;
 }
 
-.wi-switch__text {
-    color: var(--wi-color-on-emphasis);
-    font-size: 0.65rem;
-    padding: 0 0.35rem;
-    pointer-events: none;
+.wi-switch--large .wi-switch__track {
+    height: var(--wi-switch-track-height);
+    width: var(--wi-switch-track-width);
 }
 
-.wi-switch__spinner {
-    animation: wi-progress-spinner-rotate 0.8s linear infinite;
-    border: 1.5px solid color-mix(in srgb, var(--wi-color-primary) 40%, transparent);
-    border-radius: 50%;
-    border-top-color: var(--wi-color-primary);
-    display: block;
-    height: 0.55rem;
-    width: 0.55rem;
+.wi-switch--large .wi-switch__thumb {
+    height: var(--wi-switch-thumb-size);
+    width: var(--wi-switch-thumb-size);
+}
+
+.wi-switch--large
+    .wi-switch__input:checked
+    + .wi-switch__track
+    .wi-switch__thumb {
+    transform: translateX(var(--wi-switch-checked-offset));
+}
+
+.wi-switch__text {
+    color: var(--wi-color-on-emphasis);
+    font-size: 0.65rem;
+    padding: 0 0.35rem;
+    pointer-events: none;
+}
+
+.wi-switch__spinner {
+    animation: wi-progress-spinner-rotate 0.8s linear infinite;
+    border: 1.5px solid
+        color-mix(in srgb, var(--wi-color-primary) 40%, transparent);
+    border-radius: 50%;
+    border-top-color: var(--wi-color-primary);
+    display: block;
+    height: var(--wi-switch-spinner-size);
+    width: var(--wi-switch-spinner-size);
 }

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

@@ -1,25 +1,25 @@
 import { TableColumn, TableFilters, TableProps, TableSortOrder, TableSortMode } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_20: {
+declare var __VLS_30: {
     row: Record<string, unknown>;
     column: TableColumn<Record<string, unknown>>;
     value: unknown;
-}, __VLS_23: `cell-${string}`, __VLS_24: {
+}, __VLS_33: `cell-${string}`, __VLS_34: {
     row: Record<string, unknown>;
     value: unknown;
-}, __VLS_31: {
+}, __VLS_41: {
     row: Record<string, unknown>;
-}, __VLS_33: {}, __VLS_42: {};
+}, __VLS_43: {}, __VLS_52: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_23>]?: (props: typeof __VLS_24) => any;
+    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
 } & {
-    'body-cell'?: (props: typeof __VLS_20) => any;
+    'body-cell'?: (props: typeof __VLS_30) => any;
 } & {
-    expansion?: (props: typeof __VLS_31) => any;
+    expansion?: (props: typeof __VLS_41) => any;
 } & {
-    empty?: (props: typeof __VLS_33) => any;
+    empty?: (props: typeof __VLS_43) => any;
 } & {
-    loading?: (props: typeof __VLS_42) => any;
+    loading?: (props: typeof __VLS_52) => any;
 };
 declare const __VLS_base: DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     sort: (payload: {

package/dist/components/Table/Table.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.vue"],"names":[],"mappings":";AA2iBA,OAAO,KAAK,EACV,WAAW,EAEX,YAAY,EACZ,UAAU,EACV,cAAc,EACf,MAAM,SAAS,CAAA;AAwyBhB,QAAA,IAAI,QAAQ;;;;CAAW,EAAE,QAAQ,kBAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.vue"],"names":[],"mappings":";AAmjBA,OAAO,KAAK,EACV,WAAW,EAEX,YAAY,EACZ,UAAU,EACV,cAAc,EACf,MAAM,SAAS,CAAA;AAm0BhB,QAAA,IAAI,QAAQ;;;;CAAW,EAAE,QAAQ,kBAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,12 @@
 import { TabsProps, TabsType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_3: {
+declare var __VLS_21: {}, __VLS_23: {
     activeValue: string | undefined;
 };
 type __VLS_Slots = {} & {
-    extra?: (props: typeof __VLS_1) => any;
+    extra?: (props: typeof __VLS_21) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: DefineComponent<TabsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

package/dist/components/Tabs/Tabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.vue"],"names":[],"mappings":";AAqKA,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,SAAS,CAAA;AAoPjD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.vue"],"names":[],"mappings":";AAoKA,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,SAAS,CAAA;AA+RjD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Tag/Tag.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.vue"],"names":[],"mappings":";AAqEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAsGvC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.vue"],"names":[],"mappings":";AAgEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAqHvC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Terminal/Terminal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Terminal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Terminal/Terminal.vue"],"names":[],"mappings":";AAyDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoH5C,QAAA,MAAM,YAAY;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Terminal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Terminal/Terminal.vue"],"names":[],"mappings":";AAyDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAsH5C,QAAA,MAAM,YAAY;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}