ropav 0.9.0 → 0.10.0

package/dist/components/table/table-drop-indicator.js

@@ -1,8 +1,7 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useVirtualizerStateContext } from "../virtualizer/virtualizer.context.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
-import { useTableContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
+import { useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
 import { computed, createComponent, createDynamicComponent, createIf, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref } from "vue";
 //#region src/components/table/table-drop-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -30,7 +29,6 @@ var table_drop_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { columnCount, dragAndDropHooks, dropState } = useTableGridContext();
 		const virtualizer = useTableVirtualizerContext();
 		const virtualizerState = useVirtualizerStateContext();
@@ -71,7 +69,7 @@ var table_drop_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default
 			}, extend(() => {
 				return createDynamicComponent(() => unref(virtualizer) ? "div" : "tr", {
 					"aria-level": () => level.value,
-					class: () => unref(composeSlotClassName)(unref(slots).dropIndicator, props.class),
+					class: () => ["rp-table__drop-indicator", props.class],
 					"data-drop-target": () => unref(dataAttr)(isDropTarget.value),
 					"data-slot": "table-drop-indicator",
 					role: "row",

package/dist/components/table/table-footer.js

@@ -1,6 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useTableContext } from "./table.context.js";
-import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template, unref } from "vue";
+import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 //#region src/components/table/table-footer.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=table-footer>", 1);
 var table_footer_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -8,9 +6,8 @@ var table_footer_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const n1 = t0();
-		renderEffect(() => setClass(n1, unref(composeSlotClassName)(unref(slots).footer, props.class)));
+		renderEffect(() => setClass(n1, ["rp-table__footer", props.class]));
 		setInsertionState(n1);
 		createSlot();
 		return n1;

package/dist/components/table/table-header.js

@@ -1,5 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useTableContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
+import { useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
 import { computed, createComponent, createDynamicComponent, createSlot, defineVaporComponent, extend, unref } from "vue";
 //#region src/components/table/table-header.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -8,7 +7,6 @@ var table_header_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { dragState } = useTableGridContext();
 		const allowsDragging = computed(() => dragState != null);
 		/**
@@ -22,7 +20,7 @@ var table_header_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 		const layoutInfo = computed(() => virtualizer ? virtualizer.getLayoutInfo(virtualizer.collection.value.headerKey) : null);
 		return createComponent(table_virtualizer_item_default, { "layout-info": () => layoutInfo.value }, extend(() => {
 			return createDynamicComponent(() => unref(virtualizer) ? "div" : "thead", {
-				class: () => unref(composeSlotClassName)(unref(slots).header, props.class),
+				class: () => ["rp-table__header", props.class],
 				"data-slot": "table-header",
 				role: "rowgroup"
 			}, extend(() => {

package/dist/components/table/table-load-more-content.js

@@ -1,6 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useTableContext } from "./table.context.js";
-import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template, unref } from "vue";
+import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 //#region src/components/table/table-load-more-content.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=table-load-more-content>", 1);
 var table_load_more_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -8,9 +6,8 @@ var table_load_more_content_vue_vue_type_script_setup_true_vapor_true_lang_defau
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const n1 = t0();
-		renderEffect(() => setClass(n1, unref(composeSlotClassName)(unref(slots).loadMoreContent, props.class)));
+		renderEffect(() => setClass(n1, ["rp-table__load-more-content", props.class]));
 		setInsertionState(n1);
 		createSlot();
 		return n1;

package/dist/components/table/table-load-more.js

@@ -1,6 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { getScrollParent } from "../../utils/focus.js";
-import { useTableContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
+import { useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
 import { computed, createComponent, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, onUnmounted, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
 //#region src/components/table/table-load-more.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -19,7 +18,6 @@ var table_load_more_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { slots } = useTableContext();
 		const { collection } = useTableGridContext();
 		const sentinel = shallowRef(null);
 		const columnCount = computed(() => Math.max(1, collection.columns.size.value));
@@ -94,7 +92,7 @@ var table_load_more_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			}, { _: 1 }), 4), createIf(() => props.isLoading, () => {
 				return createDynamicComponent(() => unref(virtualizer) ? "div" : "tr", {
 					"aria-level": "1",
-					class: () => unref(composeSlotClassName)(unref(slots).loadMore, props.class),
+					class: () => ["rp-table__load-more", props.class],
 					"data-level": "1",
 					"data-slot": "table-load-more",
 					role: "row"

package/dist/components/table/table-resizable-container.js

@@ -1,6 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { provideTableResizableContainerContext, useTableContext } from "./table.context.js";
-import { computed, createSlot, defineVaporComponent, onMounted, onUnmounted, renderEffect, setClass, setInsertionState, setStaticTemplateRef, shallowRef, template, unref } from "vue";
+import { provideTableResizableContainerContext } from "./table.context.js";
+import { computed, createSlot, defineVaporComponent, onMounted, onUnmounted, renderEffect, setClass, setInsertionState, setStaticTemplateRef, shallowRef, template } from "vue";
 //#region src/components/table/table-resizable-container.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=table-resizable-container>", 1);
 var table_resizable_container_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -14,7 +13,6 @@ var table_resizable_container_vue_vue_type_script_setup_true_vapor_true_lang_def
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { slots } = useTableContext();
 		const element = shallowRef(null);
 		const width = shallowRef(0);
 		/**
@@ -40,7 +38,7 @@ var table_resizable_container_vue_vue_type_script_setup_true_vapor_true_lang_def
 			tableWidth: computed(() => width.value)
 		});
 		const n1 = t0();
-		renderEffect(() => setClass(n1, unref(composeSlotClassName)(unref(slots).resizableContainer, props.class)));
+		renderEffect(() => setClass(n1, ["rp-table__resizable-container", props.class]));
 		setInsertionState(n1);
 		createSlot();
 		setStaticTemplateRef(n1, element, null, "element");

package/dist/components/table/table-root.js

@@ -1,4 +1,3 @@
-import { provideTableContext } from "./table.context.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 import { tableVariants } from "@ropav/styles";
 //#region src/components/table/table-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -12,7 +11,6 @@ var table_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 	setup(__props) {
 		const props = __props;
 		const slots = computed(() => tableVariants({ variant: props.variant }));
-		provideTableContext({ slots });
 		const n1 = t0();
 		renderEffect(() => setClass(n1, slots.value.base({ class: props.class })));
 		setInsertionState(n1);

package/dist/components/table/table-row.js

@@ -1,10 +1,9 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useId as useId$1 } from "../../composables/use-id.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useVirtualizerItem } from "../virtualizer/use-virtualizer-item.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
-import { provideTableRowContext, useTableContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
+import { provideTableRowContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import { createTableRegistry, isTableCellControl, tableCellId } from "./use-table-collection.js";
 import { computed, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
 //#region src/components/table/table-row.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -22,7 +21,6 @@ var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 	__multiRoot: true,
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { collection, collectionId, columnCount, dragAndDropHooks, dragState, dropState, expandedKeys, keyboard, selection, tableId, toggleExpanded, treeColumn } = useTableGridContext();
 		const generatedKey = useId$1();
 		const rowKey = computed(() => props.id ?? generatedKey.value);
@@ -197,7 +195,7 @@ var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 			"aria-rowindex": () => ariaRowIndex.value,
 			"aria-selected": () => selectionMode.value === "none" ? void 0 : isSelected.value,
 			"aria-setsize": () => isTree.value ? position.value.setsize : void 0,
-			class: () => unref(composeSlotClassName)(unref(slots).row, props.class),
+			class: () => ["rp-table__row", props.class],
 			"data-collection": () => unref(collectionId),
 			"data-disabled": () => unref(dataAttr)(isDisabled.value),
 			"data-dragging": () => unref(dataAttr)(isDragging.value),

package/dist/components/table/table-scroll-container.js

@@ -1,6 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useTableContext } from "./table.context.js";
-import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template, unref } from "vue";
+import { createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 //#region src/components/table/table-scroll-container.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=table-scroll-container>", 1);
 var table_scroll_container_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -8,9 +6,8 @@ var table_scroll_container_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const n1 = t0();
-		renderEffect(() => setClass(n1, unref(composeSlotClassName)(unref(slots).scrollContainer, props.class)));
+		renderEffect(() => setClass(n1, ["rp-table__scroll-container", props.class]));
 		setInsertionState(n1);
 		createSlot();
 		return n1;

package/dist/components/table/table-sortable-column-header.js

@@ -1,6 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import icon_chevron_up_default from "../icons/icon-chevron-up.js";
-import { useTableContext } from "./table.context.js";
 import { computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, template, unref } from "vue";
 //#region src/components/table/table-sortable-column-header.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span data-slot=table-sortable-column-header>", 1);
@@ -16,12 +14,11 @@ var table_sortable_column_header_vue_vue_type_script_setup_true_vapor_true_lang_
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const showsIndicator = computed(() => props.showIndicator && Boolean(props.sortDirection));
 		const n6 = t0();
 		renderEffect(() => {
 			const _props = props;
-			setClass(n6, unref(composeSlotClassName)(unref(slots).sortableColumnHeader, _props.class));
+			setClass(n6, ["rp-table__sortable-column-header", _props.class]);
 			setAttr(n6, "data-direction", _props.sortDirection);
 		});
 		setInsertionState(n6);
@@ -30,7 +27,7 @@ var table_sortable_column_header_vue_vue_type_script_setup_true_vapor_true_lang_
 		createIf(() => showsIndicator.value, () => {
 			return createSlot("indicator", null, () => {
 				return createComponent(unref(icon_chevron_up_default), {
-					class: () => unref(slots).sortableColumnIndicator(),
+					class: "rp-table__sortable-column-indicator",
 					"data-direction": () => props.sortDirection,
 					"data-slot": "table-sortable-column-indicator"
 				});

package/dist/components/table/table.context.d.ts

@@ -11,16 +11,7 @@ import type { TableSortDescriptor, TableSortDirection } from "./table.types.js";
 import type { UseGridKeyboardReturn } from "./use-grid-keyboard.js";
 import type { TableCellMeta, TableCollectionItems, TableRegistry, UseTableCollectionReturn } from "./use-table-collection.js";
 import type { TableColumnSize, UseTableColumnLayoutReturn } from "./use-table-column-layout.js";
-import type { tableVariants } from "@ropav/styles";
 import type { ComputedRef } from "vue";
-export interface TableContext {
-    slots: ComputedRef<ReturnType<typeof tableVariants>>;
-}
-/**
- * Strict: every part reads its class from here, so a part outside a table would render
- * unstyled markup that still claims a table role.
- */
-export declare const useTableContext: () => TableContext, provideTableContext: (value: TableContext) => TableContext;
 export interface TableGridContext {
     collection: UseTableCollectionReturn;
     /** The grid's own id, which column header and row header cell ids are built from. */

package/dist/components/table/table.context.js

@@ -1,11 +1,6 @@
 import { createContext } from "../../utils/create-context.js";
 //#region src/components/table/table.context.ts
 /**
-* Strict: every part reads its class from here, so a part outside a table would render
-* unstyled markup that still claims a table role.
-*/
-var [useTableContext, provideTableContext] = createContext({ name: "TableContext" });
-/**
 * Strict for the same reason: a column that cannot register has no index, so it would render
 * without the `aria-colindex` a grid is required to expose.
 */
@@ -56,4 +51,4 @@ var [useTableVirtualizerContext, provideTableVirtualizerContext] = createContext
 	strict: false
 });
 //#endregion
-export { provideTableColumnContext, provideTableColumnLayoutContext, provideTableContext, provideTableGridContext, provideTableResizableContainerContext, provideTableRowContext, provideTableVirtualizerContext, useTableColumnContext, useTableColumnLayoutContext, useTableContext, useTableGridContext, useTableResizableContainerContext, useTableRowContext, useTableRowContextOptional, useTableVirtualizerContext };
+export { provideTableColumnContext, provideTableColumnLayoutContext, provideTableGridContext, provideTableResizableContainerContext, provideTableRowContext, provideTableVirtualizerContext, useTableColumnContext, useTableColumnLayoutContext, useTableGridContext, useTableResizableContainerContext, useTableRowContext, useTableRowContextOptional, useTableVirtualizerContext };

package/dist/components/tabs/tabs-indicator.js

@@ -1,7 +1,6 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useSharedElement, useSharedElementScope } from "../../composables/use-shared-element.js";
-import { useTabsContext, useTabsTabContext } from "./tabs.context.js";
+import { useTabsTabContext } from "./tabs.context.js";
 import { createIf, defineVaporComponent, renderEffect, setAttr, setClass, setStaticTemplateRef, shallowRef, template, unref } from "vue";
 //#region src/components/tabs/tabs-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span aria-hidden=true data-slot=tabs-indicator>", 1);
@@ -10,7 +9,6 @@ var tabs_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTabsContext();
 		const { isSelected } = useTabsTabContext();
 		const element = shallowRef(null);
 		const { isEntering, isExiting, isPresent } = useSharedElement({
@@ -24,7 +22,7 @@ var tabs_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			setStaticTemplateRef(n2, element, null, "element");
 			renderEffect(() => {
 				const _dataAttr = unref(dataAttr);
-				setClass(n2, unref(composeSlotClassName)(unref(slots).tabIndicator, props.class));
+				setClass(n2, ["rp-tabs__indicator", props.class]);
 				setAttr(n2, "data-entering", _dataAttr(unref(isEntering)));
 				setAttr(n2, "data-exiting", _dataAttr(unref(isExiting)));
 			});

package/dist/components/tabs/tabs-list-container.js

@@ -1,8 +1,8 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import icon_chevron_down_default from "../icons/icon-chevron-down.js";
 import icon_chevron_left_default from "../icons/icon-chevron-left.js";
 import icon_chevron_right_default from "../icons/icon-chevron-right.js";
 import icon_chevron_up_default from "../icons/icon-chevron-up.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import scroll_shadow_root_default from "../scroll-shadow/scroll-shadow-root.js";
 import { useTabsContext } from "./tabs.context.js";
 import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, next, on, renderEffect, setAttr, setClass, setInsertionState, setStaticTemplateRef, template, unref, useTemplateRef } from "vue";

package/dist/components/tabs/tabs-separator.js

@@ -1,6 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useTabsContext } from "./tabs.context.js";
-import { defineVaporComponent, renderEffect, setClass, template, unref } from "vue";
+import { defineVaporComponent, renderEffect, setClass, template } from "vue";
 //#region src/components/tabs/tabs-separator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span aria-hidden=true data-slot=tabs-separator>", 1);
 var tabs_separator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -8,9 +6,8 @@ var tabs_separator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTabsContext();
 		const n0 = t0();
-		renderEffect(() => setClass(n0, unref(composeSlotClassName)(unref(slots).separator, props.class)));
+		renderEffect(() => setClass(n0, ["rp-tabs__separator", props.class]));
 		return n0;
 	}
 });

package/dist/components/toast/index.js

@@ -1,5 +1,5 @@
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
 import toast_action_button_default from "./toast-action-button.js";
+import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
 import toast_close_button_default from "./toast-close-button.js";
 import toast_content_default from "./toast-content.js";
 import toast_description_default from "./toast-description.js";

package/dist/components/toast/toast-action-button.js

@@ -1,6 +1,5 @@
 import button_root_default from "../button/button-root.js";
-import { useToastRegionContext } from "./toast.context.js";
-import { computed, createComponent, createSlot, defineVaporComponent, extend } from "vue";
+import { createComponent, createSlot, defineVaporComponent, extend, normalizeClass } from "vue";
 //#region src/components/toast/toast-action-button.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var toast_action_button_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-action-button",
@@ -30,11 +29,9 @@ var toast_action_button_vue_vue_type_script_setup_true_vapor_true_lang_default =
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { slots } = useToastRegionContext();
-		const styles = computed(() => slots.value.action({ class: props.class }));
 		const _on_click = ($event) => emit("click", $event);
 		return createComponent(button_root_default, {
-			class: () => styles.value,
+			class: () => normalizeClass(["rp-toast__action", props.class]),
 			"data-slot": "toast-action-button",
 			"full-width": () => props.fullWidth,
 			"is-disabled": () => props.isDisabled,

package/dist/components/toast/toast-close-button.js

@@ -1,17 +1,15 @@
 import close_button_root_default from "../close-button/close-button-root.js";
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
-import { computed, createComponent, defineVaporComponent, unref } from "vue";
+import { useToastItemContext } from "./toast.context.js";
+import { createComponent, defineVaporComponent, normalizeClass, unref } from "vue";
 //#region src/components/toast/toast-close-button.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var toast_close_button_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-close-button",
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useToastRegionContext();
 		const { close } = useToastItemContext();
-		const styles = computed(() => slots.value.close({ class: props.class }));
 		return createComponent(close_button_root_default, {
-			class: () => styles.value,
+			class: () => normalizeClass(["rp-toast__close-button", props.class]),
 			"data-slot": "toast-close",
 			slot: "close",
 			onClick: () => unref(close)

package/dist/components/toast/toast-content.js

@@ -1,5 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
+import { useToastItemContext } from "./toast.context.js";
 import { createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/toast/toast-content.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
@@ -8,11 +7,10 @@ var toast_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useToastRegionContext();
 		const { contentAttrs } = useToastItemContext();
 		const n1 = t0();
 		renderEffect(() => setDynamicProps(n1, [{
-			class: unref(composeSlotClassName)(unref(slots).content, props.class),
+			class: ["rp-toast__content", props.class],
 			"data-slot": "toast-content"
 		}, unref(contentAttrs)]));
 		setInsertionState(n1);

package/dist/components/toast/toast-description.js

@@ -1,5 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
+import { useToastItemContext } from "./toast.context.js";
 import { createSlot, defineVaporComponent, onMounted, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/toast/toast-description.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span>", 1);
@@ -8,7 +7,6 @@ var toast_description_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useToastRegionContext();
 		const { descriptionAttrs, registerDescription } = useToastItemContext();
 		onMounted(() => {
 			const release = registerDescription();
@@ -16,7 +14,7 @@ var toast_description_vue_vue_type_script_setup_true_vapor_true_lang_default = /
 		});
 		const n1 = t0();
 		renderEffect(() => setDynamicProps(n1, [{
-			class: unref(composeSlotClassName)(unref(slots).description, props.class),
+			class: ["rp-toast__description", props.class],
 			"data-slot": "toast-description"
 		}, {
 			...unref(descriptionAttrs),

package/dist/components/toast/toast-indicator.js

@@ -1,10 +1,9 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import danger_icon_default from "../icons/danger-icon.js";
 import info_icon_default from "../icons/info-icon.js";
 import success_icon_default from "../icons/success-icon.js";
 import warning_icon_default from "../icons/warning-icon.js";
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
-import { computed, createDynamicComponent, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template, unref } from "vue";
+import { useToastItemContext } from "./toast.context.js";
+import { computed, createDynamicComponent, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, template } from "vue";
 //#region src/components/toast/toast-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=toast-indicator>", 1);
 var toast_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -15,7 +14,6 @@ var toast_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useToastRegionContext();
 		const item = useToastItemContext();
 		const variant = computed(() => props.variant ?? item.variant.value);
 		const defaultIcon = computed(() => {
@@ -27,7 +25,7 @@ var toast_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			}
 		});
 		const n3 = t0();
-		renderEffect(() => setClass(n3, unref(composeSlotClassName)(unref(slots).indicator, props.class)));
+		renderEffect(() => setClass(n3, ["rp-toast__indicator", props.class]));
 		setInsertionState(n3);
 		createSlot("default", null, () => {
 			return createDynamicComponent(() => defaultIcon.value, { "data-slot": "toast-default-icon" });

package/dist/components/toast/toast-title.js

@@ -1,5 +1,4 @@
-import { composeSlotClassName } from "../../utils/compose.js";
-import { useToastItemContext, useToastRegionContext } from "./toast.context.js";
+import { useToastItemContext } from "./toast.context.js";
 import { createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/toast/toast-title.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<span>", 1);
@@ -8,11 +7,10 @@ var toast_title_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useToastRegionContext();
 		const { titleAttrs } = useToastItemContext();
 		const n1 = t0();
 		renderEffect(() => setDynamicProps(n1, [{
-			class: unref(composeSlotClassName)(unref(slots).title, props.class),
+			class: ["rp-toast__title", props.class],
 			"data-slot": "toast-title"
 		}, {
 			...unref(titleAttrs),

package/dist/components/tooltip/tooltip-trigger.js

@@ -2,7 +2,6 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composeFocusResponder, useFocusResponder } from "../../composables/focus-responder.js";
 import { FOCUSABLE_SELECTOR } from "../../utils/focus.js";
-import { useTooltipContext } from "./tooltip.context.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/tooltip/tooltip-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
@@ -11,9 +10,7 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 	props: { class: {} },
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTooltipContext();
 		const responder = useFocusResponder();
-		const styles = computed(() => slots.value.trigger({ class: props.class }));
 		const host = shallowRef(null);
 		const hasFocusableContent = shallowRef(false);
 		const setElement = (element) => {
@@ -36,7 +33,7 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			const _dataAttr = unref(dataAttr);
 			const _states = unref(states);
 			setDynamicProps(n1, [{
-				class: styles.value,
+				class: ["rp-tooltip__trigger", props.class],
 				"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
 				"data-hovered": _dataAttr(_states.isHovered.value),
 				"data-slot": "tooltip-trigger",