ropav 0.0.7 → 0.0.9

package/dist/switch.css

@@ -1,24 +1,20 @@
 .rp-switch[data-v-e9d95947] {
-  --_rp-switch-color: var(--_rp-switch-custom-color, var(--rp-color-control-selected-bg));
-  --_rp-switch-font-size: var(--rp-font-size-base);
-  --_rp-switch-track-width: 40px;
-  --_rp-switch-track-height: 22px;
+  --_rp-switch-color: var(--rp-color-control-selected-bg);
+  --_rp-switch-font-size: var(--rp-font-size-md);
+  --_rp-switch-track-width: 46px;
+  --_rp-switch-track-height: 24px;
   --_rp-switch-thumb-size: 18px;
   --_rp-switch-thumb-offset: 2px;
   --_rp-switch-track-bg: var(--rp-color-control-track-bg);
   --_rp-switch-thumb-bg: var(--rp-color-control-thumb-bg);
-  --_rp-switch-invalid-border: var(--rp-color-danger);
-  --_rp-switch-invalid-ring: color-mix(in srgb, var(--rp-color-danger) 32%, transparent);
+  --_rp-switch-invalid-border: var(--rp-color-red-filled);
+  --_rp-switch-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 32%, transparent);
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   font-family: var(--rp-font-family);
   user-select: none;
 }
-html.dark .rp-switch[data-v-e9d95947] {
-  --_rp-switch-invalid-border: var(--rp-color-danger-fg);
-  --_rp-switch-invalid-ring: color-mix(in srgb, var(--rp-color-danger-fg) 32%, transparent);
-}
 .rp-switch--disabled[data-v-e9d95947] {
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
@@ -40,7 +36,7 @@ html.dark .rp-switch[data-v-e9d95947] {
   pointer-events: none;
 }
 .rp-switch__native:focus-visible + .rp-switch__track[data-v-e9d95947] {
-  border-color: var(--rp-color-primary);
+  border-color: var(--rp-color-control-border-focus);
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
 .rp-switch__track[data-v-e9d95947] {
@@ -78,57 +74,36 @@ html.dark .rp-switch[data-v-e9d95947] {
   transform: translateX(calc(var(--_rp-switch-track-width) - var(--_rp-switch-thumb-size) - var(--_rp-switch-thumb-offset) * 2));
 }
 .rp-switch__label[data-v-e9d95947] {
-  line-height: var(--rp-line-height-normal);
+  line-height: var(--rp-line-height-md);
   color: var(--rp-color-text);
 }
-.rp-switch--color-primary[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-primary);
-}
-.rp-switch--color-secondary[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-secondary);
-}
-.rp-switch--color-success[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-success);
-}
-.rp-switch--color-warning[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-warning);
-}
-.rp-switch--color-danger[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-danger);
-}
-.rp-switch--color-info[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-info);
-}
-.rp-switch--color-neutral[data-v-e9d95947] {
-  --_rp-switch-color: var(--rp-color-neutral);
-}
 .rp-switch--size-xs[data-v-e9d95947] {
-  --_rp-switch-track-width: 28px;
+  --_rp-switch-track-width: 32px;
   --_rp-switch-track-height: 16px;
   --_rp-switch-thumb-size: 12px;
   --_rp-switch-font-size: var(--rp-font-size-xs);
 }
 .rp-switch--size-sm[data-v-e9d95947] {
-  --_rp-switch-track-width: 34px;
-  --_rp-switch-track-height: 18px;
+  --_rp-switch-track-width: 38px;
+  --_rp-switch-track-height: 20px;
   --_rp-switch-thumb-size: 14px;
   --_rp-switch-font-size: var(--rp-font-size-sm);
 }
 .rp-switch--size-md[data-v-e9d95947] {
-  --_rp-switch-track-width: 40px;
-  --_rp-switch-track-height: 22px;
+  --_rp-switch-track-width: 46px;
+  --_rp-switch-track-height: 24px;
   --_rp-switch-thumb-size: 18px;
-  --_rp-switch-font-size: var(--rp-font-size-base);
+  --_rp-switch-font-size: var(--rp-font-size-md);
 }
 .rp-switch--size-lg[data-v-e9d95947] {
-  --_rp-switch-track-width: 48px;
-  --_rp-switch-track-height: 26px;
+  --_rp-switch-track-width: 56px;
+  --_rp-switch-track-height: 30px;
   --_rp-switch-thumb-size: 22px;
   --_rp-switch-font-size: var(--rp-font-size-lg);
 }
 .rp-switch--size-xl[data-v-e9d95947] {
-  --_rp-switch-track-width: 56px;
-  --_rp-switch-track-height: 30px;
-  --_rp-switch-thumb-size: 26px;
+  --_rp-switch-track-width: 72px;
+  --_rp-switch-track-height: 36px;
+  --_rp-switch-thumb-size: 28px;
   --_rp-switch-font-size: var(--rp-font-size-xl);
 }

package/dist/switch.js

@@ -1,14 +1,14 @@
 import './switch.css';
 import { t as bem } from "./bem.js";
+import { n as getComponentColorValue } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as getComponentCustomColor, r as isComponentPresetColor } from "./componentColors.js";
 import { t as useControlState } from "./useControlState.js";
 import { child, computed, createIf, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
 //#region src/components/switch/useSwitch.ts
 function getSwitchColorStyle(color) {
-	const customColor = getComponentCustomColor(color);
-	if (!customColor) return void 0;
-	return { "--_rp-switch-custom-color": customColor };
+	const colorValue = getComponentColorValue(color);
+	if (!colorValue) return void 0;
+	return { "--_rp-switch-color": colorValue };
 }
 function useSwitch(props, emitUpdate) {
 	const control = useControlState(props);
@@ -16,7 +16,6 @@ function useSwitch(props, emitUpdate) {
 		checked: props.modelValue,
 		disabled: control.disabled,
 		invalid: control.invalid,
-		[`color-${props.color}`]: isComponentPresetColor(props.color),
 		[`size-${props.size}`]: Boolean(props.size)
 	}));
 	const rootStyle = computed(() => getSwitchColorStyle(props.color));
@@ -104,5 +103,3 @@ var switch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-e9d95947"]]);
 //#endregion
 export { switch_default as t };
-
-//# sourceMappingURL=switch.js.map

package/dist/tabs.css

@@ -19,12 +19,12 @@
   min-width: 0;
   color: var(--rp-color-text);
   font-family: var(--rp-font-family);
-  font-size: var(--rp-font-size-base);
-  line-height: var(--rp-line-height-normal);
+  font-size: var(--rp-font-size-md);
+  line-height: var(--rp-line-height-md);
 }
 .rp-tabs-content[data-v-3ff419c3]:focus-visible {
   outline: none;
-  border-color: var(--rp-color-primary);
+  border-color: var(--rp-color-control-border-focus);
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
 .rp-tabs-content--vertical[data-v-3ff419c3] {
@@ -46,14 +46,14 @@
   width: max-content;
 }
 .rp-tabs-list--line[data-v-7f168d05] {
-  border-bottom: var(--rp-border-width-medium) solid var(--rp-color-border);
+  border-bottom: var(--rp-border-width-medium) solid var(--rp-color-default-border);
 }
 .rp-tabs-list--line.rp-tabs-list--vertical[data-v-7f168d05] {
   border-bottom: 0;
-  border-left: var(--rp-border-width-medium) solid var(--rp-color-border);
+  border-left: var(--rp-border-width-medium) solid var(--rp-color-default-border);
 }
 .rp-tabs-list--line.rp-tabs-list--vertical.rp-tabs-list--placement-right[data-v-7f168d05] {
-  border-right: var(--rp-border-width-medium) solid var(--rp-color-border);
+  border-right: var(--rp-border-width-medium) solid var(--rp-color-default-border);
   border-left: 0;
 }
 .rp-tabs-list--pills[data-v-7f168d05], .rp-tabs-list--outline[data-v-7f168d05] {
@@ -75,7 +75,7 @@
   left: 0;
   height: var(--rp-border-width-thin);
   content: "";
-  background-color: var(--rp-color-border);
+  background-color: var(--rp-color-default-border);
   pointer-events: none;
 }
 .rp-tabs-list--outline.rp-tabs-list--vertical[data-v-7f168d05]::after {
@@ -94,20 +94,20 @@
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
 }.rp-tabs-trigger[data-v-4adec360] {
-  --_rp-tabs-trigger-fg: var(--rp-color-text-secondary);
+  --_rp-tabs-trigger-fg: var(--rp-color-dimmed);
   --_rp-tabs-trigger-bg: transparent;
   --_rp-tabs-trigger-bg-hover: transparent;
   --_rp-tabs-trigger-border: transparent;
   --_rp-tabs-trigger-border-hover: transparent;
   --_rp-tabs-trigger-radius: var(--rp-radius-none);
   --_rp-tabs-trigger-shadow: none;
-  --_rp-tabs-trigger-outline-bg: var(--rp-color-background);
+  --_rp-tabs-trigger-outline-bg: var(--rp-color-body);
   --_rp-tabs-trigger-indicator: transparent;
   --_rp-tabs-trigger-height: var(--rp-size-control-md);
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-2);
-  --_rp-tabs-trigger-padding-x: var(--rp-spacing-3);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-2);
-  --_rp-tabs-trigger-font-size: var(--rp-font-size-base);
+  --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
   padding: 0;
   font: inherit;
   background: none;
@@ -126,7 +126,7 @@
   font-family: var(--rp-font-family);
   font-size: var(--_rp-tabs-trigger-font-size);
   font-weight: var(--rp-font-weight-normal);
-  line-height: var(--rp-line-height-tight);
+  line-height: 1;
   text-align: center;
   background-color: var(--_rp-tabs-trigger-bg);
   border: 0;
@@ -154,39 +154,39 @@
   color: currentColor;
 }
 .rp-tabs-trigger--size-xs[data-v-4adec360] {
-  --_rp-tabs-trigger-height: calc(var(--rp-size-control-sm) - var(--rp-spacing-1));
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-1);
-  --_rp-tabs-trigger-padding-x: 0.375rem;
+  --_rp-tabs-trigger-height: var(--rp-size-control-xs);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xs) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-1);
   --_rp-tabs-trigger-font-size: var(--rp-font-size-xs);
 }
 .rp-tabs-trigger--size-sm[data-v-4adec360] {
   --_rp-tabs-trigger-height: var(--rp-size-control-sm);
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-1);
-  --_rp-tabs-trigger-padding-x: var(--rp-spacing-2);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-sm) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-2);
   --_rp-tabs-trigger-font-size: var(--rp-font-size-sm);
 }
 .rp-tabs-trigger--size-md[data-v-4adec360] {
   --_rp-tabs-trigger-height: var(--rp-size-control-md);
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-2);
-  --_rp-tabs-trigger-padding-x: var(--rp-spacing-3);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-md) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-2);
-  --_rp-tabs-trigger-font-size: var(--rp-font-size-base);
+  --_rp-tabs-trigger-font-size: var(--rp-font-size-md);
 }
 .rp-tabs-trigger--size-lg[data-v-4adec360] {
   --_rp-tabs-trigger-height: var(--rp-size-control-lg);
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-3);
-  --_rp-tabs-trigger-padding-x: var(--rp-spacing-4);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-lg) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-3);
   --_rp-tabs-trigger-font-size: var(--rp-font-size-lg);
 }
 .rp-tabs-trigger--size-xl[data-v-4adec360] {
-  --_rp-tabs-trigger-height: calc(var(--rp-size-control-lg) + var(--rp-spacing-2));
-  --_rp-tabs-trigger-padding-y: var(--rp-spacing-4);
-  --_rp-tabs-trigger-padding-x: var(--rp-spacing-5);
+  --_rp-tabs-trigger-height: var(--rp-size-control-xl);
+  --_rp-tabs-trigger-padding-y: 0;
+  --_rp-tabs-trigger-padding-x: calc(var(--rp-size-control-xl) / 3);
   --_rp-tabs-trigger-gap: var(--rp-spacing-3);
-  --_rp-tabs-trigger-font-size: var(--rp-font-size-lg);
+  --_rp-tabs-trigger-font-size: var(--rp-font-size-xl);
 }
 .rp-tabs-trigger[data-v-4adec360]:hover:not(:disabled) {
   --_rp-tabs-trigger-fg: var(--rp-color-text);
@@ -196,27 +196,27 @@
 .rp-tabs-trigger[data-v-4adec360]:focus-visible {
   z-index: 2;
   outline: none;
-  border-color: var(--rp-color-primary);
+  border-color: var(--rp-color-control-border-focus);
   box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
 .rp-tabs-trigger--active[data-v-4adec360] {
   --_rp-tabs-trigger-fg: var(--rp-color-text);
-  --_rp-tabs-trigger-indicator: var(--rp-color-primary);
+  --_rp-tabs-trigger-indicator: var(--rp-primary-color-filled);
 }
 .rp-tabs-trigger--pills[data-v-4adec360]::after, .rp-tabs-trigger--outline[data-v-4adec360]::after {
   display: none;
 }
 .rp-tabs-trigger--pills[data-v-4adec360] {
-  --_rp-tabs-trigger-bg-hover: var(--rp-color-surface-hover);
+  --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
   --_rp-tabs-trigger-radius: var(--rp-radius-md);
 }
 .rp-tabs-trigger--pills.rp-tabs-trigger--active[data-v-4adec360] {
-  --_rp-tabs-trigger-fg: var(--rp-color-on-primary);
-  --_rp-tabs-trigger-bg: var(--rp-color-primary);
-  --_rp-tabs-trigger-bg-hover: var(--rp-color-primary-hover);
+  --_rp-tabs-trigger-fg: var(--rp-color-white);
+  --_rp-tabs-trigger-bg: var(--rp-primary-color-filled);
+  --_rp-tabs-trigger-bg-hover: var(--rp-primary-color-filled-hover);
 }
 .rp-tabs-trigger--outline[data-v-4adec360] {
-  --_rp-tabs-trigger-bg-hover: var(--rp-color-surface-hover);
+  --_rp-tabs-trigger-bg-hover: var(--rp-color-default-hover);
   --_rp-tabs-trigger-radius: var(--rp-radius-md) var(--rp-radius-md) 0 0;
   z-index: 1;
   border: var(--rp-border-width-thin) solid var(--_rp-tabs-trigger-border);
@@ -225,8 +225,8 @@
   --_rp-tabs-trigger-fg: var(--rp-color-text);
   --_rp-tabs-trigger-bg: var(--_rp-tabs-trigger-outline-bg);
   --_rp-tabs-trigger-bg-hover: var(--_rp-tabs-trigger-outline-bg);
-  --_rp-tabs-trigger-border: var(--rp-color-border);
-  --_rp-tabs-trigger-border-hover: var(--rp-color-border);
+  --_rp-tabs-trigger-border: var(--rp-color-default-border);
+  --_rp-tabs-trigger-border-hover: var(--rp-color-default-border);
   z-index: 1;
   border-bottom-color: var(--_rp-tabs-trigger-bg);
 }

package/dist/tabs.js

@@ -1,7 +1,7 @@
 import './tabs.css';
-import { t as useRequiredInject } from "./useRequiredInject.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as useRequiredInject } from "./useRequiredInject.js";
 import { computed, createIf, createSlot, defineVaporComponent, onBeforeUnmount, onMounted, provide, ref, renderEffect, setDynamicProps, setInsertionState, shallowRef, template, unref, useId, watch } from "vue";
 //#region src/components/tabs/useTabs.ts
 var TABLIST_SELECTOR = ".rp-tabs-list";
@@ -511,5 +511,3 @@ var tabs_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-4adec360"]]);
 //#endregion
 export { useTabs as a, useTabsTrigger as c, tabs_default as i, tabs_list_default as n, useTabsContent as o, tabs_content_default as r, useTabsList as s, tabs_trigger_default as t };
-
-//# sourceMappingURL=tabs.js.map

package/dist/textarea.css

@@ -1,12 +1,12 @@
 .rp-textarea[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-3);
-  --_rp-textarea-padding-x: var(--rp-spacing-3);
-  --_rp-textarea-font-size: var(--rp-font-size-base);
+  --_rp-textarea-padding-y: 7px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-md) / 3);
+  --_rp-textarea-font-size: var(--rp-font-size-md);
   --_rp-textarea-radius: var(--rp-radius-sm);
-  --_rp-textarea-valid-border: var(--rp-color-success-border-hover);
-  --_rp-textarea-valid-ring: color-mix(in srgb, var(--rp-color-success) 32%, transparent);
-  --_rp-textarea-invalid-border: var(--rp-color-danger);
-  --_rp-textarea-invalid-ring: color-mix(in srgb, var(--rp-color-danger) 32%, transparent);
+  --_rp-textarea-valid-border: var(--rp-color-green-outline);
+  --_rp-textarea-valid-ring: color-mix(in srgb, var(--rp-color-green-filled) 32%, transparent);
+  --_rp-textarea-invalid-border: var(--rp-color-red-filled);
+  --_rp-textarea-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 32%, transparent);
   display: inline-flex;
   box-sizing: border-box;
   font-family: var(--rp-font-family);
@@ -28,29 +28,29 @@
   border-radius: var(--_rp-textarea-radius);
 }
 .rp-textarea--size-xs[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-1);
-  --_rp-textarea-padding-x: var(--rp-spacing-1);
+  --_rp-textarea-padding-y: 4.5px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-xs) / 3);
   --_rp-textarea-font-size: var(--rp-font-size-xs);
 }
 .rp-textarea--size-sm[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-2);
-  --_rp-textarea-padding-x: var(--rp-spacing-2);
+  --_rp-textarea-padding-y: 5.5px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-sm) / 3);
   --_rp-textarea-font-size: var(--rp-font-size-sm);
 }
 .rp-textarea--size-md[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-3);
-  --_rp-textarea-padding-x: var(--rp-spacing-3);
-  --_rp-textarea-font-size: var(--rp-font-size-base);
+  --_rp-textarea-padding-y: 7px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-md) / 3);
+  --_rp-textarea-font-size: var(--rp-font-size-md);
 }
 .rp-textarea--size-lg[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-4);
-  --_rp-textarea-padding-x: var(--rp-spacing-4);
+  --_rp-textarea-padding-y: 9.5px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-lg) / 3);
   --_rp-textarea-font-size: var(--rp-font-size-lg);
 }
 .rp-textarea--size-xl[data-v-6c62dc31] {
-  --_rp-textarea-padding-y: var(--rp-spacing-5);
-  --_rp-textarea-padding-x: var(--rp-spacing-5);
-  --_rp-textarea-font-size: var(--rp-font-size-lg);
+  --_rp-textarea-padding-y: 13px;
+  --_rp-textarea-padding-x: calc(var(--rp-size-control-xl) / 3);
+  --_rp-textarea-font-size: var(--rp-font-size-xl);
 }
 .rp-textarea--radius-xs[data-v-6c62dc31] {
   --_rp-textarea-radius: var(--rp-radius-xs);
@@ -67,11 +67,19 @@
 .rp-textarea--radius-xl[data-v-6c62dc31] {
   --_rp-textarea-radius: var(--rp-radius-xl);
 }
-html.dark .rp-textarea[data-v-6c62dc31] {
-  --_rp-textarea-valid-border: var(--rp-color-success-fg);
-  --_rp-textarea-valid-ring: color-mix(in srgb, var(--rp-color-success-fg) 32%, transparent);
-  --_rp-textarea-invalid-border: var(--rp-color-danger-fg);
-  --_rp-textarea-invalid-ring: color-mix(in srgb, var(--rp-color-danger-fg) 32%, transparent);
+html.dark .rp-textarea[data-v-6c62dc31], [data-rp-color-scheme=dark] .rp-textarea[data-v-6c62dc31] {
+  --_rp-textarea-valid-border: var(--rp-color-green-light-color);
+  --_rp-textarea-valid-ring: color-mix(
+      in srgb,
+      var(--rp-color-green-light-color) 32%,
+      transparent
+  );
+  --_rp-textarea-invalid-border: var(--rp-color-red-light-color);
+  --_rp-textarea-invalid-ring: color-mix(
+      in srgb,
+      var(--rp-color-red-light-color) 32%,
+      transparent
+  );
 }
 .rp-textarea--disabled[data-v-6c62dc31] {
   opacity: var(--rp-opacity-disabled);
@@ -113,7 +121,7 @@ html.dark .rp-textarea[data-v-6c62dc31] {
   background: transparent;
   font: inherit;
   color: var(--rp-color-control-fg);
-  line-height: var(--rp-line-height-relaxed);
+  line-height: var(--rp-line-height-md);
 }
 .rp-textarea__native[data-v-6c62dc31]::placeholder {
   color: var(--rp-color-control-placeholder);

package/dist/textarea.js

@@ -207,5 +207,3 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-6c62dc31"]]);
 //#endregion
 export { textarea_default as t };
-
-//# sourceMappingURL=textarea.js.map

package/dist/tooltip.css

@@ -1,9 +1,9 @@
 .rp-tooltip[data-v-13c39164] {
   --_rp-tooltip-main-axis-offset: var(--rp-spacing-2);
   --_rp-tooltip-cross-axis-offset: 0px;
-  --_rp-tooltip-arrow-size: 0.5rem;
-  --_rp-tooltip-bg: var(--_rp-tooltip-custom-bg, var(--rp-color-surface-inverted));
-  --_rp-tooltip-fg: var(--_rp-tooltip-custom-fg, var(--rp-color-text-inverted));
+  --_rp-tooltip-arrow-size: 0.4375rem;
+  --_rp-tooltip-bg: var(--rp-color-bright);
+  --_rp-tooltip-fg: var(--rp-color-default);
   position: relative;
   display: inline-flex;
   font-family: var(--rp-font-family);
@@ -14,12 +14,12 @@
   z-index: 1000;
   box-sizing: border-box;
   width: max-content;
-  max-width: min(20rem, 100vw - var(--rp-spacing-6));
-  padding: var(--rp-spacing-2) var(--rp-spacing-3);
+  max-width: min(18rem, 100vw - var(--rp-spacing-6));
+  padding: 0.375rem 0.625rem;
   color: var(--_rp-tooltip-fg);
-  font-size: var(--rp-font-size-sm);
+  font-size: 0.8125rem;
   font-weight: var(--rp-font-weight-medium);
-  line-height: var(--rp-line-height-normal);
+  line-height: var(--rp-line-height-md);
   text-align: center;
   white-space: normal;
   overflow-wrap: anywhere;
@@ -36,34 +36,6 @@
   background-color: inherit;
   rotate: 45deg;
 }
-.rp-tooltip--color-primary[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-primary);
-  --_rp-tooltip-fg: var(--rp-color-on-primary);
-}
-.rp-tooltip--color-secondary[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-secondary);
-  --_rp-tooltip-fg: var(--rp-color-on-secondary);
-}
-.rp-tooltip--color-success[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-success);
-  --_rp-tooltip-fg: var(--rp-color-on-success);
-}
-.rp-tooltip--color-warning[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-warning);
-  --_rp-tooltip-fg: var(--rp-color-on-warning);
-}
-.rp-tooltip--color-danger[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-danger);
-  --_rp-tooltip-fg: var(--rp-color-on-danger);
-}
-.rp-tooltip--color-info[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-info);
-  --_rp-tooltip-fg: var(--rp-color-on-info);
-}
-.rp-tooltip--color-neutral[data-v-13c39164] {
-  --_rp-tooltip-bg: var(--rp-color-neutral);
-  --_rp-tooltip-fg: var(--rp-color-on-neutral);
-}
 .rp-tooltip--placement-top .rp-tooltip__content[data-v-13c39164] {
   bottom: calc(100% + var(--_rp-tooltip-main-axis-offset));
   left: calc(50% + var(--_rp-tooltip-cross-axis-offset));

package/dist/tooltip.js

@@ -1,7 +1,7 @@
 import './tooltip.css';
 import { t as bem } from "./bem.js";
+import { i as getComponentVariantColorRoles } from "./componentColors.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as getComponentCustomColor, r as isComponentPresetColor } from "./componentColors.js";
 import { VaporTransition, applyVShow, computed, createComponent, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, extend, isRef, on, onBeforeUnmount, onMounted, ref, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, setText, template, toDisplayString, unref, useId, useSlots, watch } from "vue";
 //#region src/composables/useDelayedOpen.ts
 function readOption(value, fallback) {
@@ -85,12 +85,17 @@ function resolveOffsetStyle(offset) {
 	if (offset.crossAxis != null) style["--_rp-tooltip-cross-axis-offset"] = `${offset.crossAxis}px`;
 	return Object.keys(style).length > 0 ? style : void 0;
 }
-function resolveTooltipColorStyle(color) {
-	const customColor = getComponentCustomColor(color);
-	if (!customColor) return void 0;
+function resolveTooltipColorStyleWithContrast(color, autoContrast) {
+	if (!color) return void 0;
+	const roles = getComponentVariantColorRoles({
+		color,
+		variant: "solid",
+		autoContrast
+	});
+	if (!roles) return void 0;
 	return {
-		"--_rp-tooltip-bg": customColor,
-		"--_rp-tooltip-fg": "var(--rp-color-on-primary)"
+		"--_rp-tooltip-bg": roles.background,
+		"--_rp-tooltip-fg": roles.color
 	};
 }
 function useTooltip(props, emitOpenChange) {
@@ -120,7 +125,6 @@ function useTooltip(props, emitOpenChange) {
 	const isVisible = computed(() => isOpen.value && !isDisabled.value);
 	const rootClass = computed(() => bem("rp-tooltip", {
 		[`placement-${placement.value}`]: true,
-		[`color-${props.color}`]: isComponentPresetColor(props.color),
 		arrow: props.arrow,
 		target: isTargetMode.value,
 		open: isVisible.value,
@@ -132,7 +136,7 @@ function useTooltip(props, emitOpenChange) {
 	const contentStyle = computed(() => {
 		const style = {
 			...resolveOffsetStyle(props.offset),
-			...resolveTooltipColorStyle(props.color)
+			...resolveTooltipColorStyleWithContrast(props.color, props.autoContrast)
 		};
 		if (!isTargetMode.value || !targetPosition.value) return Object.keys(style).length > 0 ? style : void 0;
 		return {
@@ -316,6 +320,7 @@ var tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		target: {},
 		placement: { default: "top" },
 		color: {},
+		autoContrast: { type: Boolean },
 		offset: {},
 		open: {
 			type: Boolean,
@@ -381,5 +386,3 @@ var tooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 }), [["__scopeId", "data-v-13c39164"]]);
 //#endregion
 export { useDelayedOpen as n, tooltip_default as t };
-
-//# sourceMappingURL=tooltip.js.map

package/dist/useButtonColor.js

@@ -1,4 +1,4 @@
-import { n as getComponentCustomColor } from "./componentColors.js";
+import { i as getComponentVariantColorRoles } from "./componentColors.js";
 import { defineVaporComponent, markRaw, template } from "vue";
 //#region ~icons/lucide/loader-circle
 var t0 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"M21 12a9 9 0 1 1-6.219-8.56\">", 3, 1);
@@ -11,23 +11,23 @@ var loader_circle_default = markRaw(defineVaporComponent({
 }));
 //#endregion
 //#region src/components/button/useButtonColor.ts
-function getButtonColorStyle(color) {
-	const customColor = getComponentCustomColor(color);
-	if (!customColor) return void 0;
+function getButtonColorStyle(color, variant, autoContrast) {
+	if (!color && !variant) return void 0;
+	const roles = getComponentVariantColorRoles({
+		color,
+		variant,
+		autoContrast
+	});
+	if (!roles) return void 0;
 	return {
-		"--_rp-button-custom-color": customColor,
-		"--_rp-button-custom-hover": `color-mix(in srgb, ${customColor} 90%, #111111)`,
-		"--_rp-button-custom-active": `color-mix(in srgb, ${customColor} 80%, #111111)`,
-		"--_rp-button-custom-on": "var(--rp-color-on-primary)",
-		"--_rp-button-custom-subtle-bg": `color-mix(in srgb, ${customColor} 12%, transparent)`,
-		"--_rp-button-custom-subtle-bg-hover": `color-mix(in srgb, ${customColor} 18%, transparent)`,
-		"--_rp-button-custom-subtle-bg-active": `color-mix(in srgb, ${customColor} 24%, transparent)`,
-		"--_rp-button-custom-border": `color-mix(in srgb, ${customColor} 45%, transparent)`,
-		"--_rp-button-custom-border-hover": `color-mix(in srgb, ${customColor} 62%, transparent)`,
-		"--_rp-button-custom-fg": customColor
+		"--_rp-button-bg": roles.background,
+		"--_rp-button-bg-hover": roles.hover,
+		"--_rp-button-bg-active": roles.active,
+		"--_rp-button-border": roles.border,
+		"--_rp-button-border-hover": roles.borderHover,
+		"--_rp-button-border-active": roles.borderActive,
+		"--_rp-button-fg": roles.color
 	};
 }
 //#endregion
 export { loader_circle_default as n, getButtonColorStyle as t };
-
-//# sourceMappingURL=useButtonColor.js.map

package/dist/useClickOutside.js

@@ -22,5 +22,3 @@ function useClickOutside(target, active, callback) {
 }
 //#endregion
 export { useClickOutside as t };
-
-//# sourceMappingURL=useClickOutside.js.map

package/dist/useCollapse.js

@@ -7,7 +7,7 @@ function optionValue(value) {
 }
 function useCollapse(options = {}, emitOpenChange) {
 	const generatedId = useId();
-	const uncontrolledOpen = ref(Boolean(optionValue(options.defaultOpen)));
+	const uncontrolledOpen = ref(false);
 	const id = computed(() => optionValue(options.id) ?? `${generatedId}-collapse`);
 	const controlledOpen = computed(() => optionValue(options.open));
 	const isDisabled = computed(() => Boolean(optionValue(options.disabled)));
@@ -90,5 +90,3 @@ function useCollapse(options = {}, emitOpenChange) {
 }
 //#endregion
 export { useCollapse as t };
-
-//# sourceMappingURL=useCollapse.js.map

package/dist/useControlState.js

@@ -38,5 +38,3 @@ function useControlState(options = {}) {
 }
 //#endregion
 export { useControlState as t };
-
-//# sourceMappingURL=useControlState.js.map

package/dist/useRequiredInject.js

@@ -7,5 +7,3 @@ function useRequiredInject(key, componentName) {
 }
 //#endregion
 export { useRequiredInject as t };
-
-//# sourceMappingURL=useRequiredInject.js.map

package/dist/x.js

@@ -10,5 +10,3 @@ var x_default = markRaw(defineVaporComponent({
 }));
 //#endregion
 export { x_default as t };
-
-//# sourceMappingURL=x.js.map