@revenexx/studio-shared 0.1.2 → 0.2.0

package/{components → dist/runtime/components}/Shared/StateCard.vue

@@ -1,43 +1,28 @@
-<script setup lang="ts">
-/**
- * Shared empty / loading / error / not-found state.
- *
- * One calm centered card used across the studios so every "nothing here
- * yet", "still loading" and "something broke" surface looks the same.
- * Pass copy via props; put a CTA in the `#actions` slot.
- */
-import type { Component } from 'vue'
+<script setup>
 import {
-  Card, CardContent, CardDescription, CardHeader, CardTitle,
-} from '@revenexx/studio'
-import { Box as Boxes, DangerTriangle as AlertTriangle, MagniferZoomIn as Magnifier } from '#solar-icons'
-
-type Variant = 'empty' | 'loading' | 'error' | 'notfound'
-
-const props = withDefaults(defineProps<{
-  variant?: Variant
-  /** Override the default icon for the variant. */
-  icon?: Component
-  title: string
-  description?: string
-}>(), {
-  variant: 'empty',
-})
-
-const defaultIcon: Record<Variant, Component> = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "@revenexx/studio";
+import { Box as Boxes, DangerTriangle as AlertTriangle, MagniferZoomIn as Magnifier } from "#solar-icons";
+const props = defineProps({
+  variant: { type: String, required: false, default: "empty" },
+  icon: { type: null, required: false },
+  title: { type: String, required: true },
+  description: { type: String, required: false }
+});
+const defaultIcon = {
   empty: Boxes,
   loading: Boxes,
   error: AlertTriangle,
-  notfound: Magnifier,
-}
-
-const resolvedIcon = computed(() => props.icon ?? defaultIcon[props.variant])
-
-const tileClass = computed(() =>
-  props.variant === 'error'
-    ? 'bg-rose-500/10 text-rose-600'
-    : 'bg-primary/10 text-primary',
-)
+  notfound: Magnifier
+};
+const resolvedIcon = computed(() => props.icon ?? defaultIcon[props.variant]);
+const tileClass = computed(
+  () => props.variant === "error" ? "bg-rose-500/10 text-rose-600" : "bg-primary/10 text-primary"
+);
 </script>
 
 <template>

package/dist/runtime/components/Shared/StateCard.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Shared empty / loading / error / not-found state.
+ *
+ * One calm centered card used across the studios so every "nothing here
+ * yet", "still loading" and "something broke" surface looks the same.
+ * Pass copy via props; put a CTA in the `#actions` slot.
+ */
+import type { Component } from 'vue';
+type Variant = 'empty' | 'loading' | 'error' | 'notfound';
+type __VLS_Props = {
+    variant?: Variant;
+    /** Override the default icon for the variant. */
+    icon?: Component;
+    title: string;
+    description?: string;
+};
+declare var __VLS_22: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    description?: (props: typeof __VLS_22) => any;
+} & {
+    actions?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: Variant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Shared/StudioCard.d.vue.ts

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

package/dist/runtime/components/Shared/StudioCard.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { NuxtLink } from "#components";
+defineProps({
+  to: { type: String, required: false }
+});
+</script>
+
+<template>
+  <component
+    :is="to ? NuxtLink : 'div'"
+    :to="to"
+    class="block rounded-lg border border-gray-400/10 outline-1 outline-white/30"
+    :class="to ? 'transition-transform hover:-translate-y-0.5' : ''"
+  >
+    <div class="relative h-full overflow-hidden rounded-lg bg-white">
+      <slot />
+    </div>
+  </component>
+</template>

package/dist/runtime/components/Shared/StudioCard.vue.d.ts

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

package/dist/runtime/components/Shared/TabBar.d.vue.ts

@@ -0,0 +1,23 @@
+/**
+ * Underline tab bar — the standard cockpit detail-page tabs. A full-width
+ * hairline sits behind the row; the active/hover indicator is a 2px bar that
+ * spans exactly the label width (inset-x-3 = the px-3 padding), sitting on the
+ * baseline over the hairline. Active = primary; hover = soft primary. Tabs
+ * scroll horizontally on overflow. To bleed the line to the panel edges, pass
+ * e.g. `class="-mx-4 px-4"` from a padded page.
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    badge?: number | string | null;
+}
+type __VLS_Props = {
+    tabs: TabItem[];
+    modelValue: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/{components → dist/runtime/components}/Shared/TabBar.vue

@@ -1,16 +1,9 @@
-<script setup lang="ts">
-/**
- * Underline tab bar — the standard cockpit detail-page tabs. A full-width
- * hairline sits behind the row; the active/hover indicator is a 2px bar that
- * spans exactly the label width (inset-x-3 = the px-3 padding), sitting on the
- * baseline over the hairline. Active = primary; hover = soft primary. Tabs
- * scroll horizontally on overflow. To bleed the line to the panel edges, pass
- * e.g. `class="-mx-4 px-4"` from a padded page.
- */
-export interface TabItem { key: string, label: string, badge?: number | string | null }
-
-defineProps<{ tabs: TabItem[], modelValue: string }>()
-defineEmits<{ 'update:modelValue': [key: string] }>()
+<script setup>
+defineProps({
+  tabs: { type: Array, required: true },
+  modelValue: { type: String, required: true }
+});
+defineEmits(["update:modelValue"]);
 </script>
 
 <template>
@@ -27,9 +20,7 @@ defineEmits<{ 'update:modelValue': [key: string] }>()
         :key="t.key"
         type="button"
         class="group relative shrink-0 cursor-pointer whitespace-nowrap px-2.5 py-2 text-sm font-medium transition-colors"
-        :class="modelValue === t.key
-          ? 'text-[#0B0522] hover:text-primary'
-          : 'text-[#0B0522]/80 hover:text-primary'"
+        :class="modelValue === t.key ? 'text-[#0B0522] hover:text-primary' : 'text-[#0B0522]/80 hover:text-primary'"
         @click="$emit('update:modelValue', t.key)"
       >
         {{ t.label }}

package/dist/runtime/components/Shared/TabBar.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Underline tab bar — the standard cockpit detail-page tabs. A full-width
+ * hairline sits behind the row; the active/hover indicator is a 2px bar that
+ * spans exactly the label width (inset-x-3 = the px-3 padding), sitting on the
+ * baseline over the hairline. Active = primary; hover = soft primary. Tabs
+ * scroll horizontally on overflow. To bleed the line to the panel edges, pass
+ * e.g. `class="-mx-4 px-4"` from a padded page.
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    badge?: number | string | null;
+}
+type __VLS_Props = {
+    tabs: TabItem[];
+    modelValue: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Shared/ViewTab.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    active?: boolean;
+    icon?: unknown;
+    label: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/{components → dist/runtime/components}/Shared/ViewTab.vue

@@ -1,18 +1,16 @@
-<script setup lang="ts">
-defineProps<{
-  active?: boolean
-  icon?: unknown
-  label: string
-}>()
+<script setup>
+defineProps({
+  active: { type: Boolean, required: false },
+  icon: { type: null, required: false },
+  label: { type: String, required: true }
+});
 </script>
 
 <template>
   <button
     type="button"
     class="group flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium transition-colors"
-    :class="active
-      ? 'bg-[#f3f1fa] text-[#0B0522]'
-      : 'text-foreground/70 hover:bg-muted/50 hover:text-foreground'"
+    :class="active ? 'bg-[#f3f1fa] text-[#0B0522]' : 'text-foreground/70 hover:bg-muted/50 hover:text-foreground'"
   >
     <component
       :is="icon"

package/dist/runtime/components/Shared/ViewTab.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    active?: boolean;
+    icon?: unknown;
+    label: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Shared/Wizard.d.vue.ts

@@ -0,0 +1,47 @@
+interface Step {
+    key: string;
+    title: string;
+    description?: string;
+}
+type __VLS_Props = {
+    steps: Step[];
+    modelValue?: number;
+    /** Gate the Next/Finish button for the current step. */
+    canAdvance?: boolean;
+    busy?: boolean;
+};
+declare var __VLS_1: {
+    step: any;
+    index: any;
+}, __VLS_3: {
+    back: any;
+    next: any;
+    isFirst: any;
+    isLast: any;
+    canAdvance: any;
+    busy: any;
+    index: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    footer?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: number) => any;
+    finish: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    modelValue: number;
+    canAdvance: boolean;
+    busy: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/{components → dist/runtime/components}/Shared/Wizard.vue

@@ -1,47 +1,30 @@
-<script setup lang="ts">
-/**
- * Multi-step wizard shell (PE-114). Renders a Stepper header and a slot
- * for the active step's content, with Back / Next / Finish controls.
- * Steps are declarative; the parent owns each step's fields and can
- * gate advancement with `canAdvance`. A reusable replacement for the
- * inline-cards pattern used by the create flows.
- *
- * Usage:
- *   <Wizard :steps="steps" v-model="step" :can-advance="valid" @finish="submit">
- *     <template #default="{ step }">…fields for `step.key`…</template>
- *   </Wizard>
- */
-import { Button } from '@revenexx/studio'
-
-interface Step { key: string, title: string, description?: string }
-
-const props = withDefaults(defineProps<{
-  steps: Step[]
-  modelValue?: number
-  /** Gate the Next/Finish button for the current step. */
-  canAdvance?: boolean
-  busy?: boolean
-}>(), { modelValue: 0, canAdvance: true, busy: false })
-
-const emit = defineEmits<{ 'update:modelValue': [number], 'finish': [] }>()
-
+<script setup>
+import { Button } from "@revenexx/studio";
+const props = defineProps({
+  steps: { type: Array, required: true },
+  modelValue: { type: Number, required: false, default: 0 },
+  canAdvance: { type: Boolean, required: false, default: true },
+  busy: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue", "finish"]);
 const index = computed({
   get: () => props.modelValue,
-  set: v => emit('update:modelValue', v),
-})
-
-const isFirst = computed(() => index.value === 0)
-const isLast = computed(() => index.value === props.steps.length - 1)
-const activeStep = computed(() => props.steps[index.value]!)
-
-function back() { if (!isFirst.value) index.value-- }
+  set: (v) => emit("update:modelValue", v)
+});
+const isFirst = computed(() => index.value === 0);
+const isLast = computed(() => index.value === props.steps.length - 1);
+const activeStep = computed(() => props.steps[index.value]);
+function back() {
+  if (!isFirst.value) index.value--;
+}
 function next() {
-  if (!props.canAdvance || props.busy) return
-  if (isLast.value) emit('finish')
-  else index.value++
+  if (!props.canAdvance || props.busy) return;
+  if (isLast.value) emit("finish");
+  else index.value++;
+}
+function goTo(i) {
+  if (i < index.value) index.value = i;
 }
-// Allow jumping back to a completed step via the stepper header.
-function goTo(i: number) { if (i < index.value) index.value = i }
 </script>
 
 <template>
@@ -72,7 +55,7 @@ function goTo(i: number) { if (i < index.value) index.value = i }
       <slot name="footer" :back="back" :next="next" :is-first="isFirst" :is-last="isLast" :can-advance="canAdvance" :busy="busy" :index="index">
         <Button variant="ghost" :disabled="isFirst || busy" @click="back">Back</Button>
         <Button :disabled="!canAdvance || busy" class="gap-1" @click="next">
-          {{ isLast ? 'Finish' : 'Next' }}
+          {{ isLast ? "Finish" : "Next" }}
         </Button>
       </slot>
     </div>

package/dist/runtime/components/Shared/Wizard.vue.d.ts

@@ -0,0 +1,47 @@
+interface Step {
+    key: string;
+    title: string;
+    description?: string;
+}
+type __VLS_Props = {
+    steps: Step[];
+    modelValue?: number;
+    /** Gate the Next/Finish button for the current step. */
+    canAdvance?: boolean;
+    busy?: boolean;
+};
+declare var __VLS_1: {
+    step: any;
+    index: any;
+}, __VLS_3: {
+    back: any;
+    next: any;
+    isFirst: any;
+    isLast: any;
+    canAdvance: any;
+    busy: any;
+    index: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    footer?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: number) => any;
+    finish: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    modelValue: number;
+    canAdvance: boolean;
+    busy: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/{composables/usePlatformAuth.ts → dist/runtime/composables/usePlatformAuth.d.ts}

@@ -5,31 +5,13 @@
  * This is the **standalone default**: it sources a bearer token from runtime
  * config (`NUXT_PUBLIC_DEV_TOKEN`) or `localStorage['console.token']`. The
  * full cockpit ships an override at `app/composables/usePlatformAuth.ts`
- * (app-level auto-imports take precedence over this layer) that returns the
+ * (app-level auto-imports take precedence over this module's) that returns the
  * real Appwrite/Console-sourced operator token.
  *
  * Studio modules (e.g. `@revenexx/studio-integrations`) call this instead of
  * `useConsoleAuth` directly, so they carry no cockpit-only dependency.
  */
 export interface PlatformAuth {
-  getToken: () => Promise<string | null>
-}
-
-export function usePlatformAuth(): PlatformAuth {
-  const config = useRuntimeConfig()
-  return {
-    async getToken() {
-      const fromConfig = (config.public.devToken as string | undefined) || null
-      if (fromConfig) return fromConfig
-      if (import.meta.client) {
-        try {
-          return localStorage.getItem('console.token')
-        }
-        catch {
-          return null
-        }
-      }
-      return null
-    },
-  }
+    getToken: () => Promise<string | null>;
 }
+export declare function usePlatformAuth(): PlatformAuth;

package/dist/runtime/composables/usePlatformAuth.js

@@ -0,0 +1,17 @@
+export function usePlatformAuth() {
+  const config = useRuntimeConfig();
+  return {
+    async getToken() {
+      const fromConfig = config.public.devToken || null;
+      if (fromConfig) return fromConfig;
+      if (import.meta.client) {
+        try {
+          return localStorage.getItem("console.token");
+        } catch {
+          return null;
+        }
+      }
+      return null;
+    }
+  };
+}

package/dist/runtime/composables/usePlatformTenant.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'vue';
+/**
+ * Platform tenant provider — companion to `usePlatformAuth`.
+ *
+ * Standalone default: the active tenant slug comes from runtime config
+ * (`NUXT_PUBLIC_DEV_TENANT`) or `localStorage['cockpit.devTenant']`. The full
+ * cockpit overrides this at `app/composables/usePlatformTenant.ts` to return
+ * the real active-tenant slug from `useConsoleTenants`.
+ */
+export interface PlatformTenant {
+    slug: Ref<string | null>;
+    load: () => Promise<void>;
+}
+export declare function usePlatformTenant(): PlatformTenant;

package/dist/runtime/composables/usePlatformTenant.js

@@ -0,0 +1,18 @@
+import { computed, ref } from "vue";
+export function usePlatformTenant() {
+  const config = useRuntimeConfig();
+  const stored = ref(null);
+  if (import.meta.client) {
+    try {
+      stored.value = localStorage.getItem("cockpit.devTenant");
+    } catch {
+      stored.value = null;
+    }
+  }
+  const slug = computed(() => config.public.devTenant || stored.value);
+  return {
+    slug,
+    async load() {
+    }
+  };
+}

package/dist/runtime/types/nav.d.ts

@@ -0,0 +1,23 @@
+import type { Component } from 'vue';
+/**
+ * SidebarNav data shapes. They live in a plain .ts file (not the SFC) so the
+ * package barrel can re-export them without dragging a `.vue` import into
+ * node-side type resolution (the module dts build / plain tsc can't follow
+ * type re-exports through an SFC).
+ */
+export type SidebarNavItem = {
+    label: string;
+    to: string;
+    icon?: Component;
+    badge?: number | string | null;
+    /** Dim + show a "soon" tag (not-yet-shipped surfaces). */
+    preview?: boolean;
+    /** Match the route exactly (for studio roots like `/settings`). */
+    exact?: boolean;
+};
+export type SidebarNavSection = {
+    key: string;
+    /** Empty/omitted → no group label (pinned items at the top). */
+    label?: string;
+    items: SidebarNavItem[];
+};

package/dist/types.d.mts

@@ -0,0 +1,15 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type SidebarNavItem, type SidebarNavSection } from '../dist/runtime/types/nav.js'
+
+export { type PlatformAuth } from '../dist/runtime/composables/usePlatformAuth.js'
+
+export { type PlatformTenant } from '../dist/runtime/composables/usePlatformTenant.js'
+
+export { default } from './module.mjs'
+
+export * from '../dist/runtime/components/DataTable/types.js'

package/package.json

@@ -1,32 +1,44 @@
 {
   "name": "@revenexx/studio-shared",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "type": "module",
-  "description": "Shared revenexx Studio shell primitives (PageHeader, SidebarNav, StateCard, DataTable, …) + the platform provider contract (usePlatformAuth/usePlatformTenant). A Nuxt layer — extend it, then add a studio module.",
-  "main": "./nuxt.config.ts",
+  "description": "Shared revenexx Studio shell primitives (PageHeader, SidebarNav, StateCard, DataTable, …) + the platform provider contract (usePlatformAuth/usePlatformTenant). A Nuxt module — add it to `modules`.",
+  "main": "./dist/module.mjs",
+  "types": "./dist/types.d.mts",
   "exports": {
     ".": {
-      "types": "./index.ts",
-      "import": "./index.ts"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     },
-    "./nuxt.config": "./nuxt.config.ts",
-    "./components/*": "./components/*"
+    "./components/*": "./dist/runtime/components/*"
   },
   "files": [
-    "nuxt.config.ts",
-    "index.ts",
-    "components",
-    "composables",
+    "dist",
     "LICENSE"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
+  "dependencies": {
+    "@nuxt/kit": "^4.0.0"
+  },
   "peerDependencies": {
     "@revenexx/studio": "*",
+    "@solar-icons/nuxt": "^1.2.0",
     "nuxt": "^4.0.0",
-    "vue": "^3.5.0"
+    "vue": "^3.5.0",
+    "vue-sonner": "^2.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/kit": "^4.0.0",
+    "nuxt": "^4.2.2",
+    "vue": "^3.5.26",
+    "vue-tsc": "^2.2.0"
   },
-  "license": "SEE LICENSE IN LICENSE"
+  "license": "SEE LICENSE IN LICENSE",
+  "scripts": {
+    "build": "nuxt-module-build build"
+  }
 }