@alikhalilll/a-tel-input 1.1.0 → 1.1.1

package/dist/index.js

@@ -16603,11 +16603,6 @@ const _sfc_main$2$2 = /* @__PURE__ */ defineComponent({
 		const open = useModel(__props, "open");
 		const isDesktop = useMediaQuery(() => props.breakpoint);
 		/**
-		* Pre-imported on both branches — do NOT lazy-load. Switching the component identity at runtime
-		* means we still hydrate the right tree client-side.
-		*/
-		const Root = computed(() => isDesktop.value ? APopover_default : ADrawer_default);
-		/**
 		* Per-branch `modal` resolution — the two roots interpret the prop differently:
 		*
 		*   APopover (desktop, reka-ui): `modal=true` triggers `PopoverContentModal` + its
@@ -16624,7 +16619,7 @@ const _sfc_main$2$2 = /* @__PURE__ */ defineComponent({
 			return props.scrollLock === "body";
 		});
 		const drawerModal = computed(() => props.modal !== false);
-		const rootModal = computed(() => isDesktop.value ? rekaModal.value : drawerModal.value);
+		const drawerNoBodyStyles = computed(() => props.scrollLock !== "body");
 		provideResponsivePopoverContext({
 			open: computed(() => open.value ?? false),
 			isDesktop: computed(() => isDesktop.value),
@@ -16634,10 +16629,15 @@ const _sfc_main$2$2 = /* @__PURE__ */ defineComponent({
 			props,
 			open,
 			isDesktop,
-			Root,
 			rekaModal,
 			drawerModal,
-			rootModal
+			drawerNoBodyStyles,
+			get APopover() {
+				return APopover_default;
+			},
+			get ADrawer() {
+				return ADrawer_default;
+			}
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -16647,15 +16647,30 @@ const _sfc_main$2$2 = /* @__PURE__ */ defineComponent({
 	}
 });
 function _sfc_render$2$2(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock(resolveDynamicComponent($setup.Root), {
+	return $setup.isDesktop ? (openBlock(), createBlock($setup["APopover"], {
+		key: 0,
 		open: $setup.open,
 		"onUpdate:open": _cache[0] || (_cache[0] = ($event) => $setup.open = $event),
-		modal: $setup.rootModal,
+		modal: $setup.rekaModal,
+		"data-slot": "responsive-popover"
+	}, {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "default", { isDesktop: true })]),
+		_: 3
+	}, 8, ["open", "modal"])) : (openBlock(), createBlock($setup["ADrawer"], {
+		key: 1,
+		open: $setup.open,
+		"onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.open = $event),
+		modal: $setup.drawerModal,
+		"no-body-styles": $setup.drawerNoBodyStyles,
 		"data-slot": "responsive-popover"
 	}, {
-		default: withCtx(() => [renderSlot(_ctx.$slots, "default", { isDesktop: $setup.isDesktop })]),
+		default: withCtx(() => [renderSlot(_ctx.$slots, "default", { isDesktop: false })]),
 		_: 3
-	}, 40, ["open", "modal"]);
+	}, 8, [
+		"open",
+		"modal",
+		"no-body-styles"
+	]));
 }
 var AResponsivePopover_default = /* @__PURE__ */ export_helper_default$3(_sfc_main$2$2, [["render", _sfc_render$2$2], ["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/AResponsivePopover/src/components/AResponsivePopover.vue"]]);
 const _sfc_main$1$2 = /* @__PURE__ */ defineComponent({