ropav 0.2.0 → 0.3.0

package/dist/popover.css

@@ -1,159 +0,0 @@
-@layer ropav.components {
-.rp-popover[data-v-519e9856] {
-    position: relative;
-    display: inline-flex;
-    font-family: var(--rp-font-family);
-    vertical-align: middle;
-}
-.rp-popover__content[data-v-519e9856] {
-    --_rp-popover-main-axis-offset: var(--rp-spacing-2);
-    --_rp-popover-cross-axis-offset: 0px;
-    --_rp-popover-radius: var(--rp-radius-sm);
-    --_rp-popover-arrow-size: 0.5rem;
-    position: absolute;
-    z-index: var(--rp-z-index-dropdown);
-    box-sizing: border-box;
-    min-width: var(--rp-component-menu-min-width);
-    max-width: min(24rem, 100vw - var(--rp-spacing-6));
-    padding: var(--rp-spacing-4);
-    color: var(--rp-color-text);
-    font-size: var(--rp-font-size-md);
-    line-height: var(--rp-line-height-md);
-    overflow-wrap: anywhere;
-    background-color: var(--rp-color-default);
-    border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
-    border-radius: var(--_rp-popover-radius);
-    box-shadow: var(--rp-shadow-base);
-}
-.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--placement-top-end .rp-popover__content[data-v-519e9856] {
-    bottom: calc(100% + var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--placement-right-end .rp-popover__content[data-v-519e9856] {
-    left: calc(100% + var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
-    top: calc(100% + var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-left .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
-    right: calc(100% + var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856] {
-    left: var(--_rp-popover-cross-axis-offset);
-}
-.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom .rp-popover__content[data-v-519e9856] {
-    left: calc(50% + var(--_rp-popover-cross-axis-offset));
-    translate: -50% 0;
-}
-.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856], .rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
-    right: calc(0px - var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-start .rp-popover__content[data-v-519e9856] {
-    top: var(--_rp-popover-cross-axis-offset);
-}
-.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--placement-left .rp-popover__content[data-v-519e9856] {
-    top: calc(50% + var(--_rp-popover-cross-axis-offset));
-    translate: 0 -50%;
-}
-.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856], .rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
-    bottom: calc(0px - var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover--target[data-v-519e9856] {
-    display: contents;
-}
-.rp-popover--target .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: 0px;
-    --_rp-popover-target-translate-y: 0px;
-    position: fixed;
-    top: var(--_rp-popover-target-y, 0);
-    right: auto;
-    bottom: auto;
-    left: var(--_rp-popover-target-x, 0);
-    translate: var(--_rp-popover-target-translate-x) var(--_rp-popover-target-translate-y);
-}
-.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-y: calc(-100% - var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: var(--_rp-popover-main-axis-offset);
-}
-.rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-y: var(--_rp-popover-main-axis-offset);
-}
-.rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: calc(-100% - var(--_rp-popover-main-axis-offset));
-}
-.rp-popover--target.rp-popover--placement-top-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-start .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: var(--_rp-popover-cross-axis-offset);
-}
-.rp-popover--target.rp-popover--placement-top .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: calc(-50% + var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover--target.rp-popover--placement-top-end .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-bottom-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-x: calc(-100% + var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover--target.rp-popover--placement-right-start .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-start .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-y: var(--_rp-popover-cross-axis-offset);
-}
-.rp-popover--target.rp-popover--placement-right .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-y: calc(-50% + var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover--target.rp-popover--placement-right-end .rp-popover__content[data-v-519e9856], .rp-popover--target.rp-popover--placement-left-end .rp-popover__content[data-v-519e9856] {
-    --_rp-popover-target-translate-y: calc(-100% + var(--_rp-popover-cross-axis-offset));
-}
-.rp-popover__content[data-placement][data-v-519e9856] {
-    position: absolute;
-    top: 0;
-    right: auto;
-    bottom: auto;
-    left: 0;
-    translate: none;
-}
-.rp-popover__arrow[data-v-519e9856] {
-    background-color: inherit;
-    border: inherit;
-    rotate: 45deg;
-}
-.rp-popover__arrow[data-side=top][data-v-519e9856] {
-    border-top-color: transparent;
-    border-left-color: transparent;
-}
-.rp-popover__arrow[data-side=right][data-v-519e9856] {
-    border-top-color: transparent;
-    border-right-color: transparent;
-}
-.rp-popover__arrow[data-side=bottom][data-v-519e9856] {
-    border-right-color: transparent;
-    border-bottom-color: transparent;
-}
-.rp-popover__arrow[data-side=left][data-v-519e9856] {
-    border-bottom-color: transparent;
-    border-left-color: transparent;
-}
-.rp-popover__arrow[data-v-519e9856] {
-    position: absolute;
-    box-sizing: border-box;
-    width: var(--_rp-popover-arrow-size);
-    height: var(--_rp-popover-arrow-size);
-    pointer-events: none;
-}
-.rp-popover__arrow[data-side=top][data-v-519e9856] {
-    bottom: calc(-1 * var(--_rp-popover-arrow-size) / 2);
-}
-.rp-popover__arrow[data-side=right][data-v-519e9856] {
-    left: calc(-1 * var(--_rp-popover-arrow-size) / 2);
-}
-.rp-popover__arrow[data-side=bottom][data-v-519e9856] {
-    top: calc(-1 * var(--_rp-popover-arrow-size) / 2);
-}
-.rp-popover__arrow[data-side=left][data-v-519e9856] {
-    right: calc(-1 * var(--_rp-popover-arrow-size) / 2);
-}
-.rp-popover-content-enter-active[data-v-519e9856],
-  .rp-popover-content-leave-active[data-v-519e9856] {
-    transition: opacity var(--rp-transition-fast);
-}
-.rp-popover-content-enter-from[data-v-519e9856],
-  .rp-popover-content-leave-to[data-v-519e9856] {
-    opacity: 0;
-}
-}

package/dist/popover.js

@@ -1,454 +0,0 @@
-import './popover.css';
-import { t as useControllableValue } from "./useControllableValue.js";
-import { t as useStylesApi } from "./styles-api.js";
-import { n as toPresenceAttribute } from "./attributes.js";
-import { t as bem } from "./bem.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as mergeAriaIdRefs } from "./aria.js";
-import { i as isNodeWithinElement } from "./events.js";
-import { n as useOverlayZIndex, r as useOverlayLayer } from "./useOverlayZIndex.js";
-import { t as getFloatingOffsetStyle } from "./floatingOffset.js";
-import { t as useFocusTrap } from "./useFocusTrap.js";
-import { t as useFloatingPosition } from "./useFloatingPosition.js";
-import { t as useFloatingTargetLifecycle } from "./useFloatingTargetLifecycle.js";
-import { n as useTeleportTarget } from "./useTeleportTarget.js";
-import { VaporTeleport, VaporTransition, applyVShow, computed, createComponent, createIf, createSlot, createTemplateRefSetter, defineVaporComponent, extend, isRef, nextTick, on, onBeforeUnmount, ref, renderEffect, setAttr, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, template, unref, useAttrs, useId, useSlots, watch } from "vue";
-//#region src/components/popover/usePopoverBindings.ts
-var TARGET_ATTRIBUTES = [
-	"aria-controls",
-	"aria-expanded",
-	"aria-haspopup"
-];
-function applyTargetAttributes(element, snapshot, options) {
-	element.setAttribute("aria-controls", mergeAriaIdRefs(snapshot.get("aria-controls"), options.id) ?? "");
-	element.setAttribute("aria-expanded", String(options.expanded));
-	element.setAttribute("aria-haspopup", options.role);
-}
-function usePopoverBindings({ targetLifecycle, popoverId, popoverRole, isVisible, isDisabled, onTriggerClick }) {
-	targetLifecycle.bindTarget({
-		listeners: [["click", onTriggerClick]],
-		attributes: {
-			names: TARGET_ATTRIBUTES,
-			isActive: () => !isDisabled.value,
-			apply: (target, snapshot) => {
-				applyTargetAttributes(target, snapshot, {
-					id: popoverId.value,
-					expanded: isVisible.value,
-					role: popoverRole.value
-				});
-			}
-		}
-	});
-}
-//#endregion
-//#region src/components/popover/usePopover.ts
-var DEFAULT_PLACEMENT = "bottom";
-var DEFAULT_ROLE = "dialog";
-var POPOVER_OFFSET_PROPERTIES = {
-	mainAxis: "--_rp-popover-main-axis-offset",
-	crossAxis: "--_rp-popover-cross-axis-offset"
-};
-function isFocusTrapContainer(value) {
-	return typeof HTMLElement !== "undefined" && value instanceof HTMLElement || typeof SVGElement !== "undefined" && value instanceof SVGElement;
-}
-function usePopover(props, emitOpenChange) {
-	const slots = useSlots();
-	const attrs = useAttrs();
-	const generatedId = useId();
-	const rootRef = ref(null);
-	const contentRef = ref(null);
-	const arrowRef = ref(null);
-	const controllableOpen = useControllableValue({
-		modelValue: () => props.open,
-		defaultValue: () => false,
-		onChange: (open) => emitOpenChange?.(open)
-	});
-	const popoverId = computed(() => props.id ?? `${generatedId}-popover`);
-	const placement = computed(() => props.placement ?? DEFAULT_PLACEMENT);
-	const popoverRole = computed(() => props.role ?? DEFAULT_ROLE);
-	const teleportTo = useTeleportTarget(() => props.teleportTo);
-	const targetLifecycle = useFloatingTargetLifecycle({
-		target: () => props.target,
-		fallback: rootRef
-	});
-	const { isExplicitTarget, reference, targetElement } = targetLifecycle;
-	const hasContent = computed(() => Boolean(slots.content || isExplicitTarget.value && slots.default));
-	const isDisabled = computed(() => Boolean(props.disabled || !hasContent.value));
-	const isOpen = controllableOpen.value;
-	const isVisible = computed(() => isOpen.value && !isDisabled.value);
-	const layer = useOverlayLayer({
-		active: isVisible,
-		element: contentRef,
-		baseZIndex: useOverlayZIndex({
-			baseZIndex: () => props.baseZIndex,
-			defaultBaseZIndex: 100,
-			aboveParent: false
-		})
-	});
-	const shouldRenderContent = computed(() => !isDisabled.value && (Boolean(props.keepMounted) || isVisible.value));
-	const shouldShowContent = computed(() => !props.keepMounted || isVisible.value);
-	const ariaLabel = computed(() => props.ariaLabel || void 0);
-	const ariaLabelledby = computed(() => props.ariaLabelledby || void 0);
-	const ariaDescribedby = computed(() => props.ariaDescribedby || void 0);
-	const focusTrapContainers = computed(() => {
-		const content = contentRef.value;
-		if (!content) return null;
-		const trigger = targetElement.value ?? rootRef.value;
-		return isFocusTrapContainer(trigger) ? [
-			trigger,
-			content,
-			...layer.focusBranches.value
-		] : [content, ...layer.focusBranches.value];
-	});
-	const floating = useFloatingPosition({
-		reference,
-		floating: contentRef,
-		arrow: arrowRef,
-		open: isVisible,
-		placement: () => placement.value,
-		strategy: () => props.strategy ?? "absolute",
-		offset: () => props.offset,
-		flip: () => props.flip !== false,
-		flipOptions: () => props.flipOptions,
-		shift: () => props.shift !== false,
-		collisionPadding: () => props.collisionPadding ?? 8,
-		autoUpdateOptions: () => props.autoUpdateOptions
-	});
-	const placementSide = computed(() => floating.actualPlacement.value.split("-")[0]);
-	const rootClass = computed(() => bem("rp-popover", {
-		[`placement-${floating.actualPlacement.value}`]: true,
-		target: isExplicitTarget.value,
-		open: isVisible.value,
-		disabled: props.disabled,
-		arrow: props.arrow
-	}));
-	const contentStyle = computed(() => ({
-		...floating.floatingStyle.value,
-		...getFloatingOffsetStyle(props.offset, POPOVER_OFFSET_PROPERTIES),
-		zIndex: layer.zIndex.value
-	}));
-	const triggerProps = computed(() => ({
-		"aria-controls": isDisabled.value ? void 0 : popoverId.value,
-		"aria-expanded": isDisabled.value ? void 0 : isVisible.value,
-		"aria-haspopup": isDisabled.value ? void 0 : popoverRole.value,
-		onClick: onTriggerClick,
-		onKeydown: onTriggerKeydown
-	}));
-	const contentSlotProps = computed(() => ({
-		isOpen: isVisible.value,
-		open: openPopover,
-		close: closePopover,
-		toggle: togglePopover
-	}));
-	const slotProps = computed(() => ({
-		triggerProps: triggerProps.value,
-		...contentSlotProps.value
-	}));
-	let shouldReturnFocus = props.returnFocus !== false;
-	const focusTrap = useFocusTrap(focusTrapContainers, {
-		...props.focusTrapOptions,
-		initialFocus: () => {
-			const initialFocus = props.initialFocus;
-			return isRef(initialFocus) ? initialFocus.value ?? void 0 : initialFocus ?? void 0;
-		},
-		fallbackFocus: () => contentRef.value,
-		returnFocusOnDeactivate: props.returnFocus !== false,
-		escapeDeactivates: false,
-		allowOutsideClick: true
-	});
-	function setOpen(nextOpen) {
-		if (isOpen.value !== nextOpen) controllableOpen.setValue(nextOpen);
-	}
-	function openPopover() {
-		if (!isDisabled.value) setOpen(true);
-	}
-	function closePopover() {
-		shouldReturnFocus = props.returnFocus !== false;
-		setOpen(false);
-	}
-	function closePopoverWithoutReturnFocus() {
-		shouldReturnFocus = false;
-		if (props.trapFocus) focusTrap.deactivate({ returnFocus: false });
-		setOpen(false);
-		nextTick(() => {
-			if (props.trapFocus && isVisible.value) focusTrap.activate();
-		});
-	}
-	function togglePopover() {
-		if (isVisible.value) closePopover();
-		else openPopover();
-	}
-	function onTriggerClick() {
-		togglePopover();
-	}
-	function onTriggerKeydown(event) {
-		if (event.key !== "Escape" || !isVisible.value) return;
-		event.stopPropagation();
-		closePopover();
-	}
-	function onCompositeFocusout(event) {
-		const nextTarget = event.relatedTarget;
-		if (isNodeWithinElement(nextTarget, rootRef.value) || isNodeWithinElement(nextTarget, contentRef.value) || isNodeWithinElement(nextTarget, targetElement.value)) return;
-		const listener = attrs.onFocusout;
-		const listeners = Array.isArray(listener) ? listener : [listener];
-		for (const current of listeners) if (typeof current === "function") current(event);
-	}
-	function onDocumentClick() {
-		if (props.closeOnOutsideClick === false) return;
-		closePopoverWithoutReturnFocus();
-	}
-	function onDocumentPointerDown() {
-		if (props.closeOnOutsideClick === false) return;
-		closePopoverWithoutReturnFocus();
-	}
-	function onDocumentKeydown() {
-		if (props.closeOnEscape === false) return;
-		closePopover();
-	}
-	const disconnectLayerInteraction = layer.connectInteraction({
-		inside: () => [rootRef.value, targetElement.value],
-		clickOutside: onDocumentClick,
-		pointerDownOutside: onDocumentPointerDown,
-		escapeKeyDown: onDocumentKeydown
-	});
-	watch(isDisabled, (disabled) => {
-		if (disabled) closePopover();
-	});
-	watch([isVisible, () => props.trapFocus], ([visible, trapFocus]) => {
-		if (visible && trapFocus) {
-			shouldReturnFocus = props.returnFocus !== false;
-			focusTrap.activate();
-			return;
-		}
-		focusTrap.deactivate({ returnFocus: shouldReturnFocus && props.returnFocus !== false });
-		shouldReturnFocus = props.returnFocus !== false;
-	}, {
-		flush: "post",
-		immediate: true
-	});
-	usePopoverBindings({
-		targetLifecycle,
-		popoverId,
-		popoverRole,
-		isVisible,
-		isDisabled,
-		onTriggerClick
-	});
-	onBeforeUnmount(disconnectLayerInteraction);
-	return {
-		rootRef,
-		contentRef,
-		arrowRef,
-		popoverId,
-		isOpen,
-		isDisabled,
-		isVisible,
-		isTargetMode: isExplicitTarget,
-		popoverRole,
-		ariaLabel,
-		ariaLabelledby,
-		ariaDescribedby,
-		shouldRenderContent,
-		shouldShowContent,
-		rootClass,
-		contentStyle,
-		triggerProps,
-		slotProps,
-		contentSlotProps,
-		actualPlacement: floating.actualPlacement,
-		placementSide,
-		arrowStyle: floating.arrowStyle,
-		teleportTo,
-		openPopover,
-		closePopover,
-		togglePopover,
-		onTriggerKeydown,
-		onCompositeFocusout
-	};
-}
-//#endregion
-//#region src/components/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-519e9856 class=rp-popover__arrow aria-hidden=true>");
-var t1 = template("<section data-v-519e9856>");
-var t2 = template("<span data-v-519e9856>", 1);
-//#endregion
-//#region src/components/popover/popover.vue
-var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
-	name: "RpPopover",
-	inheritAttrs: false,
-	__name: "popover",
-	props: {
-		id: {},
-		baseZIndex: {},
-		contentClass: {},
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		role: { default: "dialog" },
-		ariaLabel: {},
-		ariaLabelledby: {},
-		ariaDescribedby: {},
-		closeOnOutsideClick: {
-			type: Boolean,
-			default: true
-		},
-		closeOnEscape: {
-			type: Boolean,
-			default: true
-		},
-		keepMounted: {
-			type: Boolean,
-			default: false
-		},
-		trapFocus: {
-			type: Boolean,
-			default: false
-		},
-		initialFocus: { default: null },
-		returnFocus: {
-			type: Boolean,
-			default: true
-		},
-		focusTrapOptions: { default: () => ({}) },
-		target: {},
-		placement: { default: "bottom" },
-		strategy: { default: "absolute" },
-		offset: {},
-		flip: {
-			type: Boolean,
-			default: true
-		},
-		flipOptions: {},
-		shift: {
-			type: Boolean,
-			default: true
-		},
-		collisionPadding: { default: 8 },
-		autoUpdateOptions: {},
-		arrow: {
-			type: Boolean,
-			default: false
-		},
-		teleport: {
-			type: Boolean,
-			default: true
-		},
-		teleportTo: {},
-		classNames: {},
-		styles: {}
-	},
-	emits: ["update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { rootRef, contentRef, arrowRef, popoverId, isDisabled, isTargetMode, popoverRole, ariaLabel, ariaLabelledby, ariaDescribedby, shouldRenderContent, shouldShowContent, rootClass, contentStyle, slotProps, contentSlotProps, actualPlacement, placementSide, arrowStyle, teleportTo, onCompositeFocusout } = usePopover(props, (open) => {
-			emit("update:open", open);
-		});
-		const templateRefs = {
-			root: rootRef,
-			content: contentRef,
-			arrow: arrowRef
-		};
-		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
-		const publicRootAttrs = computed(() => getRootAttrs({
-			class: rootClass.value,
-			onFocusout: onCompositeFocusout,
-			"data-state": slotProps.value.isOpen ? "open" : "closed",
-			"data-disabled": toPresenceAttribute(isDisabled.value)
-		}, {}, ["onFocusout"]));
-		const styledTriggerProps = computed(() => {
-			const partAttrs = getPartAttrs("trigger");
-			return {
-				...slotProps.value.triggerProps,
-				...props.classNames?.trigger !== void 0 ? { class: partAttrs.class } : {},
-				...props.styles?.trigger !== void 0 ? { style: partAttrs.style } : {},
-				"data-state": slotProps.value.isOpen ? "open" : "closed",
-				"data-disabled": toPresenceAttribute(isDisabled.value)
-			};
-		});
-		const contentAttrs = computed(() => ({
-			...getPartAttrs("content", {
-				class: "rp-popover__content",
-				compatibilityClass: props.contentClass,
-				style: contentStyle.value
-			}),
-			"data-state": slotProps.value.isOpen ? "open" : "closed",
-			"data-placement": actualPlacement.value
-		}));
-		const _setTemplateRef = createTemplateRefSetter();
-		const n16 = t2();
-		renderEffect(() => setDynamicProps(n16, [publicRootAttrs.value]));
-		setInsertionState(n16, null, 0);
-		createIf(() => !unref(isTargetMode), () => {
-			return createSlot("default", {
-				triggerProps: () => styledTriggerProps.value,
-				isOpen: () => unref(slotProps).isOpen,
-				open: () => unref(slotProps).open,
-				close: () => unref(slotProps).close,
-				toggle: () => unref(slotProps).toggle
-			}, null, 1);
-		});
-		setInsertionState(n16, null, 1);
-		createComponent(VaporTeleport, {
-			to: () => unref(teleportTo),
-			disabled: () => !__props.teleport
-		}, () => {
-			return createComponent(VaporTransition, { name: "rp-popover-content" }, extend(() => {
-				return createIf(() => unref(shouldRenderContent), () => {
-					const n13 = t1();
-					renderEffect(() => setDynamicProps(n13, [
-						{ id: unref(popoverId) },
-						contentAttrs.value,
-						{
-							role: unref(popoverRole),
-							"aria-label": unref(ariaLabel),
-							"aria-labelledby": unref(ariaLabelledby),
-							"aria-describedby": unref(ariaDescribedby),
-							"data-side": unref(placementSide),
-							tabindex: __props.trapFocus ? -1 : void 0
-						}
-					]));
-					setInsertionState(n13, null, 0);
-					createSlot("content", {
-						isOpen: () => unref(contentSlotProps).isOpen,
-						open: () => unref(contentSlotProps).open,
-						close: () => unref(contentSlotProps).close,
-						toggle: () => unref(contentSlotProps).toggle
-					}, () => {
-						return createIf(() => unref(isTargetMode), () => {
-							return createSlot("default", {
-								isOpen: () => unref(contentSlotProps).isOpen,
-								open: () => unref(contentSlotProps).open,
-								close: () => unref(contentSlotProps).close,
-								toggle: () => unref(contentSlotProps).toggle
-							}, null, 1);
-						}, null, 129);
-					}, 1);
-					setInsertionState(n13, null, 1);
-					createIf(() => __props.arrow, () => {
-						const n12 = t0();
-						renderEffect(() => {
-							setAttr(n12, "data-side", unref(placementSide));
-							setStyle(n12, unref(arrowStyle));
-							_setTemplateRef(n12, templateRefs.arrow);
-						});
-						return n12;
-					});
-					applyVShow(n13, () => unref(shouldShowContent));
-					on(n13, "focusout", (e) => unref(onCompositeFocusout)(e));
-					setTemplateRefBinding(n13, () => templateRefs.content, _setTemplateRef);
-					return n13;
-				}, null, 129);
-			}, { _: 8 }));
-		});
-		setTemplateRefBinding(n16, () => templateRefs.root);
-		return n16;
-	}
-}), [["__scopeId", "data-v-519e9856"]]);
-//#endregion
-export { popover_default as t };

package/dist/popover2.js

@@ -1,22 +0,0 @@
-//#region src/components/popover/types.ts
-var popoverPlacements = [
-	"top-start",
-	"top",
-	"top-end",
-	"right-start",
-	"right",
-	"right-end",
-	"bottom-start",
-	"bottom",
-	"bottom-end",
-	"left-start",
-	"left",
-	"left-end"
-];
-var popoverParts = [
-	"root",
-	"trigger",
-	"content"
-];
-//#endregion
-export { popoverPlacements as n, popoverParts as t };