@owdproject/nuxt-theme-ui 0.0.0-stage → 4.0.0-alpha.4

package/dist/runtime/components/Desktop/DesktopContent.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { useAppConfig } from "nuxt/app";
+import { computed } from "vue";
+const appConfig = useAppConfig();
+const classes = computed(() => {
+  const list = ["owd-desktop__content"];
+  const pos = appConfig.desktop?.systemBar?.position;
+  if (pos) {
+    list.push(`owd-desktop__content--system-bar-position-${pos}`);
+  }
+  return list;
+});
+</script>
+
+<template>
+  <div :class="classes">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.owd-desktop__content{height:100%;overflow:hidden;position:relative;width:100%}.owd-desktop__content--system-bar-position-bottom,.owd-desktop__content--system-bar-position-top{flex:1 1 auto;min-height:0}
+</style>

package/dist/runtime/components/Desktop/DesktopContent.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Desktop.client.d.vue.ts

@@ -0,0 +1,23 @@
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    systemBar: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    systemBar: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Desktop.client.vue

@@ -0,0 +1,52 @@
+<script setup>
+import { ref, onMounted, onUnmounted } from "vue";
+import { useDesktopWorkArea } from "@owdproject/nuxt/runtime/composables/useDesktopWorkArea";
+import Background from "./Background/DesktopBackground.vue";
+import DesktopContent from "./Desktop/DesktopContent.vue";
+import NuxtTopBar from "./NuxtTopBar.vue";
+import NuxtLauncherOverlay from "./NuxtLauncherOverlay.vue";
+defineProps({
+  systemBar: { type: null, required: false }
+});
+const shellStageRef = ref(null);
+useDesktopWorkArea(shellStageRef);
+const BODY_SHELL_CLASS = "owd-has-nuxt-shell";
+onMounted(() => {
+  document.body.classList.add(BODY_SHELL_CLASS);
+});
+onUnmounted(() => {
+  document.body.classList.remove(BODY_SHELL_CLASS);
+});
+</script>
+
+<template>
+  <DesktopCore
+    v-bind="$props"
+    class="owd-desktop--nuxt flex flex-col h-screen overflow-hidden select-none bg-gray-50 dark:bg-gray-950"
+  >
+    <NuxtTopBar />
+
+    <!--
+      `isolate` keeps every window's z-index inside this stacking context, so the
+      system bar and the launcher (siblings) always stay above open windows
+      instead of losing to the window manager's 100+ z-index values.
+    -->
+    <div ref="shellStageRef" class="flex-1 min-h-0 relative flex flex-col isolate">
+      <Background />
+
+      <DesktopContent>
+        <slot />
+      </DesktopContent>
+      <DesktopCoreApplicationRender />
+    </div>
+
+    <NuxtLauncherOverlay />
+
+    <!-- Supports programmatically opened Nuxt UI modals -->
+    <UModals />
+  </DesktopCore>
+</template>
+
+<style>
+.owd-desktop--nuxt{--owd-system-bar-height:60px}.owd-desktop--nuxt,.owd-has-nuxt-shell{overscroll-behavior:none}.owd-desktop--nuxt .desktop-window__content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.owd-desktop--nuxt .desktop-window__content--centered{align-items:center;justify-content:center;text-align:center}.owd-desktop--nuxt .desktop-window__content--centered>*{max-width:100%}.owd-desktop--nuxt .desktop-window__content--padded{padding:12px}.owd-desktop--nuxt .desktop-window__content,.owd-desktop--nuxt .owd-desktop__scroll{scrollbar-color:rgba(0,0,0,.18) transparent;scrollbar-width:thin}.owd-desktop--nuxt .desktop-window__content::-webkit-scrollbar,.owd-desktop--nuxt .owd-desktop__scroll::-webkit-scrollbar{height:10px;width:10px}.owd-desktop--nuxt .desktop-window__content::-webkit-scrollbar-track,.owd-desktop--nuxt .owd-desktop__scroll::-webkit-scrollbar-track{background:transparent}.owd-desktop--nuxt .desktop-window__content::-webkit-scrollbar-thumb,.owd-desktop--nuxt .owd-desktop__scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(0,0,0,.18);border:3px solid transparent;border-radius:9999px}.owd-desktop--nuxt .desktop-window__content::-webkit-scrollbar-thumb:hover,.owd-desktop--nuxt .owd-desktop__scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dark .owd-desktop--nuxt .desktop-window__content,.dark .owd-desktop--nuxt .owd-desktop__scroll,.owd-desktop--nuxt.dark .desktop-window__content,.owd-desktop--nuxt.dark .owd-desktop__scroll{scrollbar-color:hsla(0,0%,100%,.22) transparent}.dark .owd-desktop--nuxt .desktop-window__content::-webkit-scrollbar-thumb,.dark .owd-desktop--nuxt .owd-desktop__scroll::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.22)}
+</style>

package/dist/runtime/components/Desktop.client.vue.d.ts

@@ -0,0 +1,23 @@
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    systemBar: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    systemBar: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/NuxtLauncherOverlay.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NuxtLauncherOverlay.vue

@@ -0,0 +1,110 @@
+<script setup>
+import { ref, watch, onMounted, onUnmounted } from "vue";
+import { useNuxtStartMenu } from "../composables/useNuxtStartMenu";
+const { open, searchQuery, filteredEntries, close, launchEntry } = useNuxtStartMenu();
+const searchInput = ref(null);
+watch(open, (isOpen) => {
+  if (isOpen) {
+    setTimeout(() => searchInput.value?.focus(), 50);
+  }
+});
+function onKeydown(event) {
+  if (event.key === "Escape" && open.value) {
+    close();
+  }
+}
+onMounted(() => window.addEventListener("keydown", onKeydown));
+onUnmounted(() => window.removeEventListener("keydown", onKeydown));
+</script>
+
+<template>
+  <Transition
+    enter-active-class="transition duration-150 ease-out"
+    enter-from-class="opacity-0 -translate-y-1"
+    leave-active-class="transition duration-100 ease-in"
+    leave-to-class="opacity-0 -translate-y-1"
+  >
+    <div
+      v-if="open"
+      class="fixed inset-0 z-40 flex items-start justify-center pt-24"
+      @click="close"
+    >
+      <!-- Overlay scrim -->
+      <div class="absolute inset-0 bg-gray-950/10 dark:bg-black/40" />
+
+      <!-- Command palette -->
+      <div
+        class="relative w-full max-w-xl mx-4 flex flex-col bg-white/95 dark:bg-gray-900/95 backdrop-blur-xl border border-gray-200 dark:border-gray-800 rounded-xl shadow-2xl overflow-hidden"
+        @click.stop
+      >
+        <!-- Search -->
+        <div class="p-3 border-b border-gray-200 dark:border-gray-800">
+          <div
+            class="flex items-center gap-2.5 h-11 px-3.5 rounded-lg bg-gray-100/80 dark:bg-gray-800/60 ring-1 ring-inset ring-transparent focus-within:ring-primary-500/60 focus-within:bg-white dark:focus-within:bg-gray-900 transition"
+          >
+            <UIcon
+              name="i-heroicons-magnifying-glass"
+              class="w-4 h-4 flex-shrink-0 text-gray-400 dark:text-gray-500"
+            />
+            <input
+              ref="searchInput"
+              v-model="searchQuery"
+              type="text"
+              placeholder="Search apps..."
+              autocomplete="off"
+              spellcheck="false"
+              class="flex-1 min-w-0 h-full bg-transparent border-0 outline-none focus:outline-none focus:ring-0 text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500"
+            />
+          </div>
+        </div>
+
+        <!-- Results -->
+        <div class="flex-1 overflow-y-auto owd-desktop__scroll max-h-[50vh] p-2">
+          <div
+            v-if="filteredEntries.length === 0"
+            class="text-center py-12 text-gray-500 dark:text-gray-400 text-sm"
+          >
+            No apps found.
+          </div>
+
+          <div class="grid grid-cols-1 gap-0.5">
+            <button
+              v-for="entry in filteredEntries"
+              :key="entry.application.id"
+              class="group flex items-center gap-3 p-2.5 rounded-lg hover:bg-gray-100/70 dark:hover:bg-gray-800/60 focus:bg-gray-100/70 dark:focus:bg-gray-800/60 focus:outline-none transition-colors text-left"
+              @click="launchEntry(entry)"
+            >
+              <div
+                class="flex-shrink-0 flex items-center justify-center w-9 h-9 bg-gray-100 dark:bg-gray-800 rounded-md group-hover:bg-white dark:group-hover:bg-gray-900 transition-colors"
+              >
+                <UIcon
+                  v-if="entry.icon"
+                  :name="entry.icon"
+                  class="w-5 h-5 text-gray-700 dark:text-gray-300"
+                />
+                <UIcon
+                  v-else
+                  name="i-heroicons-window"
+                  class="w-5 h-5 text-gray-700 dark:text-gray-300"
+                />
+              </div>
+              <div class="flex flex-col min-w-0">
+                <span
+                  class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate"
+                >
+                  {{ entry.title }}
+                </span>
+                <span
+                  v-if="entry.description"
+                  class="text-xs text-gray-500 dark:text-gray-400 truncate"
+                >
+                  {{ entry.description }}
+                </span>
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </Transition>
+</template>

package/dist/runtime/components/NuxtLauncherOverlay.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NuxtTopBar.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NuxtTopBar.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { ref, onMounted, onUnmounted, computed } from "vue";
+import { useColorMode } from "#imports";
+import { useNuxtStartMenu } from "../composables/useNuxtStartMenu";
+const { toggle: toggleStart, open: startOpen } = useNuxtStartMenu();
+const time = ref("");
+const dateLabel = ref("");
+let timer;
+onMounted(() => {
+  const update = () => {
+    const d = /* @__PURE__ */ new Date();
+    time.value = d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    dateLabel.value = d.toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" });
+  };
+  update();
+  timer = setInterval(update, 1e3);
+});
+onUnmounted(() => {
+  clearInterval(timer);
+});
+const colorMode = useColorMode();
+const isDark = computed({
+  get() {
+    return colorMode.value === "dark";
+  },
+  set() {
+    colorMode.preference = colorMode.value === "dark" ? "light" : "dark";
+  }
+});
+</script>
+
+<template>
+  <header class="h-[60px] w-full flex items-center justify-between px-4 sm:px-6 lg:px-8 bg-white/75 dark:bg-gray-900/75 backdrop-blur border-b border-gray-200 dark:border-gray-800 flex-shrink-0 select-none z-50">
+    <!-- Left Section: Logo/Start Button -->
+    <div class="flex items-center gap-4">
+      <button 
+        @click="toggleStart"
+        class="flex items-center gap-2 hover:opacity-80 transition-opacity"
+        aria-label="Toggle Start Menu"
+      >
+        <UIcon name="i-heroicons-cube-transparent" class="w-6 h-6 text-green-500" />
+        <span class="font-bold text-gray-900 dark:text-white text-lg tracking-tight hidden sm:block">Nuxt Desktop</span>
+      </button>
+    </div>
+
+    <!-- Center Section: Title/Clock -->
+    <div class="flex flex-col items-center justify-center">
+      <span class="text-sm font-medium text-gray-700 dark:text-gray-300">{{ time }}</span>
+      <span class="text-xs text-gray-500 dark:text-gray-400">{{ dateLabel }}</span>
+    </div>
+
+    <!-- Right Section: Quick controls -->
+    <div class="flex items-center gap-3">
+      <UButton
+        :icon="isDark ? 'i-heroicons-moon' : 'i-heroicons-sun'"
+        color="gray"
+        variant="ghost"
+        class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+        @click="isDark = !isDark"
+      />
+    </div>
+  </header>
+</template>

package/dist/runtime/components/NuxtTopBar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Window/DesktopWindow.d.vue.ts

@@ -0,0 +1,43 @@
+declare var __VLS_17: {}, __VLS_20: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    'nav-prepend'?: (props: typeof __VLS_17) => any;
+} & {
+    'nav-append'?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Window/DesktopWindow.vue

@@ -0,0 +1,40 @@
+<script setup>
+import { useWindowDragHandlers } from "@owdproject/nuxt/runtime/composables/useWindowDragHandlers";
+const props = defineProps({
+  config: { type: null, required: false },
+  window: { type: null, required: false },
+  content: { type: null, required: false }
+});
+const { onDragStart, onDragEnd } = useWindowDragHandlers(
+  () => props.window
+);
+</script>
+
+<template>
+  <DesktopCoreWindow
+    v-bind="$props"
+    v-show="window?.state?.active !== false"
+    @drag:start="onDragStart"
+    @drag:end="onDragEnd"
+  >
+    <div class="flex flex-col h-full bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 rounded-lg shadow-xl overflow-hidden">
+      <DesktopWindowNav>
+        <template #prepend>
+          <slot name="nav-prepend" />
+        </template>
+        <template #append>
+          <slot name="nav-append" />
+        </template>
+      </DesktopWindowNav>
+      <div class="flex-1 min-h-0 relative">
+        <DesktopWindowContent>
+          <slot />
+        </DesktopWindowContent>
+      </div>
+    </div>
+  </DesktopCoreWindow>
+</template>
+
+<style scoped>
+.owd-window{box-sizing:border-box;min-height:160px;min-width:160px}
+</style>

package/dist/runtime/components/Window/DesktopWindow.vue.d.ts

@@ -0,0 +1,43 @@
+declare var __VLS_17: {}, __VLS_20: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    'nav-prepend'?: (props: typeof __VLS_17) => any;
+} & {
+    'nav-append'?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Window/DesktopWindowContent.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Window/DesktopWindowContent.vue

@@ -0,0 +1,5 @@
+<template>
+  <DesktopCoreWindowContent>
+    <slot />
+  </DesktopCoreWindowContent>
+</template>

package/dist/runtime/components/Window/DesktopWindowContent.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Window/DesktopWindowIframe.d.vue.ts

@@ -0,0 +1,29 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Window/DesktopWindowIframe.vue

@@ -0,0 +1,13 @@
+<script setup>
+defineProps({
+  config: { type: null, required: false },
+  window: { type: null, required: false },
+  src: { type: String, required: true }
+});
+</script>
+
+<template>
+  <DesktopWindow v-bind="$props">
+    <iframe :src="src" class="w-full h-full border-0" />
+  </DesktopWindow>
+</template>

package/dist/runtime/components/Window/DesktopWindowIframe.vue.d.ts

@@ -0,0 +1,29 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: null;
+        required: false;
+    };
+    window: {
+        type: null;
+        required: false;
+    };
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Window/DesktopWindowNav.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;