ropav 0.9.0 → 0.11.0

package/dist/components/slider/slider-fill.js

@@ -1,5 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useSliderContext } from "./slider.context.js";
 import { computed, defineVaporComponent, renderEffect, setAttr, setClass, setStyle, template, unref } from "vue";
 //#region src/components/slider/slider-fill.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/components/slider/slider-marks.js

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

package/dist/components/slider/slider-output.js

@@ -1,5 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useSliderContext } from "./slider.context.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref } from "vue";
 //#region src/components/slider/slider-output.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/components/slider/slider-thumb.js

@@ -1,5 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
 import { useSliderThumb } from "../../composables/use-slider-thumb.js";

package/dist/components/slider/slider-track.js

@@ -1,5 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useSliderContext } from "./slider.context.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setStyle, setTemplateRefBinding, template, unref } from "vue";

package/dist/components/splitter/splitter-handle.js

@@ -1,6 +1,6 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useId as useId$1 } from "../../composables/use-id.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useMove } from "../../composables/use-move.js";
 import { useNumberFormatter } from "../../composables/use-number-formatter.js";

package/dist/components/splitter/splitter-panel.js

@@ -1,6 +1,6 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useId as useId$1 } from "../../composables/use-id.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useSplitterContext } from "./splitter.context.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, setStaticTemplateRef, setStyle, shallowRef, template, unref, watch } from "vue";
 //#region src/components/splitter/splitter-panel.vue?vue&type=script&setup=true&vapor=true&lang.ts

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

@@ -1,5 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
+import { composeSlotClassName } from "../../utils/compose.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useFormReset } from "../../composables/use-form-reset.js";
 import { useFormValidation } from "../../composables/use-form-validation.js";

package/dist/components/switch/switch-control.js

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

package/dist/components/switch/switch-icon.js

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

package/dist/components/switch/switch-thumb.js

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

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

@@ -1,6 +1,5 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.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 table_drop_indicator_default from "./table-drop-indicator.js";
 import { computed, createComponent, createDynamicComponent, createFor, createIf, createSlot, defineVaporComponent, extend, onMounted, shallowRef, unref, watch } from "vue";
@@ -15,7 +14,6 @@ var table_body_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { collection, dropState } = useTableGridContext();
 		const virtualizer = useTableVirtualizerContext();
 		/**
@@ -72,7 +70,7 @@ var table_body_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const lastRowKey = computed(() => collection.rows.getLastKey());
 		return createComponent(table_virtualizer_item_default, { "layout-info": () => layoutInfo.value }, extend(() => {
 			return createDynamicComponent(() => unref(virtualizer) ? "div" : "tbody", {
-				class: () => unref(composeSlotClassName)(unref(slots).body, props.class),
+				class: () => ["rp-table__body", props.class],
 				"data-empty": () => unref(dataAttr)(isEmpty.value),
 				"data-slot": "table-body",
 				role: "rowgroup"

package/dist/components/table/table-cell.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 { getCollectionTextValue } from "../../utils/text-value.js";
-import { useTableContext, useTableGridContext, useTableRowContext, useTableVirtualizerContext } from "./table.context.js";
+import { useTableGridContext, useTableRowContext, useTableVirtualizerContext } from "./table.context.js";
 import { tableCellId } from "./use-table-collection.js";
 import { computed, createDynamicComponent, createSlot, defineVaporComponent, extend, setStaticTemplateRef, shallowRef, unref, watch } from "vue";
 //#region src/components/table/table-cell.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -16,7 +15,6 @@ var table_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { collection, collectionId, keyboard, selection, tableId, treeColumn } = useTableGridContext();
 		const { cells, claimCellIndex, hasChildRows, isExpanded, level, rowKey } = useTableRowContext();
 		const cellKey = useId$1();
@@ -71,7 +69,7 @@ var table_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const n1 = createDynamicComponent(() => unref(virtualizer) ? "div" : "td", {
 			id: () => cellId.value,
 			"aria-colindex": () => unref(virtualizer) && index.value >= 0 ? index.value + 1 : void 0,
-			class: () => unref(composeSlotClassName)(unref(slots).cell, props.class),
+			class: () => ["rp-table__cell", props.class],
 			"data-collection": () => unref(collectionId),
 			"data-column-index": () => index.value < 0 ? void 0 : index.value,
 			"data-disabled": () => unref(dataAttr)(isDisabled.value),

package/dist/components/table/table-column-resizer.js

@@ -1,11 +1,10 @@
-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 { useMove } from "../../composables/use-move.js";
 import { useDescription } from "../../composables/use-description.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
-import { useTableColumnContext, useTableColumnLayoutContext, useTableContext } from "./table.context.js";
+import { useTableColumnContext, useTableColumnLayoutContext } from "./table.context.js";
 import { child, computed, defineVaporComponent, on, renderEffect, setAttr, setClass, setProp, setStaticTemplateRef, setStyle, setValue, shallowRef, template, unref, watch } from "vue";
 //#region src/components/table/table-column-resizer.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=table-column-resizer role=presentation style=touch-action:none;><input aria-orientation=horizontal type=range>", 1);
@@ -18,7 +17,6 @@ var table_column_resizer_vue_vue_type_script_setup_true_vapor_true_lang_default
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { columnKey, headerId } = useTableColumnContext();
 		const resizable = useTableColumnLayoutContext();
 		const inputId = useId$1();
@@ -126,7 +124,7 @@ var table_column_resizer_vue_vue_type_script_setup_true_vapor_true_lang_default
 			const _states = unref(states);
 			const _inputId = unref(inputId);
 			const _columnWidth = columnWidth.value;
-			setClass(n1, unref(composeSlotClassName)(unref(slots).columnResizer, _props.class));
+			setClass(n1, ["rp-table__column-resizer", _props.class]);
 			setAttr(n1, "data-focus-visible", _dataAttr(_states.isFocusVisible.value));
 			setAttr(n1, "data-focused", _dataAttr(_states.isFocused.value));
 			setAttr(n1, "data-hovered", _dataAttr(_states.isHovered.value));

package/dist/components/table/table-column.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 { useDescription } from "../../composables/use-description.js";
 import { getCollectionTextValue } from "../../utils/text-value.js";
-import { provideTableColumnContext, useTableColumnLayoutContext, useTableContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
+import { provideTableColumnContext, useTableColumnLayoutContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
 import { tableColumnHeaderId } from "./use-table-collection.js";
 import { computed, createComponent, createDynamicComponent, createSlot, defineVaporComponent, extend, setStaticTemplateRef, shallowRef, unref, watch } from "vue";
@@ -23,7 +22,6 @@ var table_column_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 	},
 	setup(__props) {
 		const props = __props;
-		const { slots } = useTableContext();
 		const { collection, collectionId, keyboard, sort, sortDescriptor, tableId } = useTableGridContext();
 		const generatedKey = useId$1();
 		const columnKey = computed(() => props.id ?? generatedKey.value);
@@ -105,7 +103,7 @@ var table_column_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 				"aria-colindex": () => ariaColIndex.value,
 				"aria-describedby": () => unref(describedBy),
 				"aria-sort": () => ariaSort.value,
-				class: () => unref(composeSlotClassName)(unref(slots).column, props.class),
+				class: () => ["rp-table__column", props.class],
 				"data-allows-sorting": () => unref(dataAttr)(allowsSorting.value),
 				"data-collection": () => unref(collectionId),
 				"data-focus-visible": () => unref(dataAttr)(unref(states).isFocusVisible.value),

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

@@ -1,4 +1,3 @@
-import { composeSlotClassName } from "../../utils/compose.js";
 import { dataAttr } from "../../utils/assertion.js";
 import { useId as useId$1 } from "../../composables/use-id.js";
 import { useControllableState } from "../../composables/use-controllable-state.js";
@@ -13,7 +12,7 @@ import { useVirtualizerScroll } from "../../composables/use-virtualizer-scroll.j
 import { useLocale } from "../../composables/use-locale.js";
 import { useDescription } from "../../composables/use-description.js";
 import { announce } from "../../utils/live-announcer.js";
-import { provideTableColumnLayoutContext, provideTableGridContext, provideTableVirtualizerContext, useTableContext, useTableResizableContainerContext } from "./table.context.js";
+import { provideTableColumnLayoutContext, provideTableGridContext, provideTableVirtualizerContext, useTableResizableContainerContext } from "./table.context.js";
 import { useTableCollection } from "./use-table-collection.js";
 import { TreeDropTargetDelegate } from "../../utils/dnd-tree-drop-target-delegate.js";
 import { toTableDragCollection } from "./table-drag-collection.js";
@@ -54,7 +53,6 @@ var table_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { slots } = useTableContext();
 		const tableId = useId$1();
 		const collectionId = useId$1();
 		const element = shallowRef(null);
@@ -443,7 +441,7 @@ var table_content_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 			"aria-describedby": () => unref(describedBy),
 			"aria-multiselectable": () => unref(selection).selectionMode.value === "multiple" ? true : void 0,
 			"aria-rowcount": () => isVirtualized ? unref(collection).rows.size.value + 1 : void 0,
-			class: () => unref(composeSlotClassName)(unref(slots).content, props.class),
+			class: () => ["rp-table__content", props.class],
 			"data-allows-dragging": () => unref(dataAttr)(unref(dragState) != null),
 			"data-collection": () => unref(collectionId),
 			"data-drop-target": () => unref(dataAttr)(isRootDropTarget.value),

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;
 	}
 });