@revenexx/studio-shared 0.1.2 → 0.2.0

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

@@ -1,61 +1,43 @@
-<script setup lang="ts">
-import { RefreshCircle as Loader2, Copy as CopyIcon } from '#solar-icons'
+<script setup>
+import { RefreshCircle as Loader2, Copy as CopyIcon } from "#solar-icons";
 import {
   Badge,
   Button,
-  Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle,
-} from '@revenexx/studio'
-import { toast } from 'vue-sonner'
-
-/**
- * Minimal shape of a site deployment — just the fields this flyout renders.
- * Kept local so studio-shared has no dependency on the private SDK; a full
- * SDK `Models.Deployment` is structurally assignable to it.
- */
-interface BuildDeployment {
-  $id?: string
-  status?: string
-  buildLogs?: string
-  buildDuration?: number
-  providerBranch?: string
-  providerCommitHash?: string
-  providerCommitUrl?: string
-}
-
-defineProps<{
-  open: boolean
-  deployment: BuildDeployment | null
-  loading: boolean
-  isBuilding?: boolean
-  userPinned?: boolean
-  error?: string | null
-}>()
-
-const emit = defineEmits<{
-  'update:open': [boolean]
-  'refresh': []
-}>()
-
-async function copyId(id: string | undefined) {
-  if (!id) return
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle
+} from "@revenexx/studio";
+import { toast } from "vue-sonner";
+defineProps({
+  open: { type: Boolean, required: true },
+  deployment: { type: [Object, null], required: true },
+  loading: { type: Boolean, required: true },
+  isBuilding: { type: Boolean, required: false },
+  userPinned: { type: Boolean, required: false },
+  error: { type: [String, null], required: false }
+});
+const emit = defineEmits(["update:open", "refresh"]);
+async function copyId(id) {
+  if (!id) return;
   try {
-    await navigator.clipboard.writeText(id)
-    toast.success('ID copied')
-  }
-  catch {
-    toast.error('Could not copy')
+    await navigator.clipboard.writeText(id);
+    toast.success("ID copied");
+  } catch {
+    toast.error("Could not copy");
   }
 }
 </script>
 
 <template>
-  <Sheet :open="open" @update:open="(v: boolean) => emit('update:open', v)">
+  <Sheet :open="open" @update:open="(v) => emit('update:open', v)">
     <SheetContent side="right" class="flex w-full flex-col gap-0 p-0 sm:max-w-[max(50vw,640px)]">
       <SheetHeader class="border-b px-4 py-3">
         <div class="flex items-center gap-2">
           <Badge variant="outline" class="shrink-0">Build</Badge>
           <SheetTitle class="truncate font-mono text-sm">
-            {{ deployment?.$id || 'Build logs' }}
+            {{ deployment?.$id || "Build logs" }}
           </SheetTitle>
           <button v-if="deployment?.$id" title="Copy ID" class="ml-auto" @click="copyId(deployment.$id)">
             <CopyIcon :size="12" class="text-muted-foreground hover:text-foreground" />
@@ -90,7 +72,7 @@ async function copyId(id: string | undefined) {
         <template v-else-if="deployment">
           <div class="flex items-center justify-between gap-2 px-4 py-2 border-b bg-muted/30">
             <span class="text-xs text-muted-foreground">
-              Status: <span class="font-medium text-foreground">{{ deployment.status || '—' }}</span>
+              Status: <span class="font-medium text-foreground">{{ deployment.status || "\u2014" }}</span>
               <template v-if="deployment.buildDuration">
                 · {{ deployment.buildDuration }}s
               </template>

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

@@ -0,0 +1,30 @@
+/**
+ * Minimal shape of a site deployment — just the fields this flyout renders.
+ * Kept local so studio-shared has no dependency on the private SDK; a full
+ * SDK `Models.Deployment` is structurally assignable to it.
+ */
+interface BuildDeployment {
+    $id?: string;
+    status?: string;
+    buildLogs?: string;
+    buildDuration?: number;
+    providerBranch?: string;
+    providerCommitHash?: string;
+    providerCommitUrl?: string;
+}
+type __VLS_Props = {
+    open: boolean;
+    deployment: BuildDeployment | null;
+    loading: boolean;
+    isBuilding?: boolean;
+    userPinned?: boolean;
+    error?: string | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (args_0: boolean) => any;
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    triggerMode: string;
+    previewsEnabled: boolean;
+    disabled?: boolean;
+    showPreviews?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:triggerMode": (value: string) => any;
+    "update:previewsEnabled": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:triggerMode"?: ((value: string) => any) | undefined;
+    "onUpdate:previewsEnabled"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    showPreviews: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,38 +1,25 @@
-<script setup lang="ts">
-/**
- * Deployment-trigger settings for a git-connected resource (app / site /
- * integration). Two orthogonal controls, mapped to the platform attributes
- * added in V33 (26.1.9):
- *
- *  - vcsTriggerMode ('push' | 'tag'): when a deployment is triggered — on every
- *    branch push, or only when a tag is pushed / a GitHub release is published.
- *  - vcsPreviewsEnabled: whether pull requests get a preview deployment + a
- *    status comment. Hidden via `showPreviews=false` for resources where it
- *    makes no sense.
- *
- * Presentational only — two v-models, parent owns persistence.
- */
+<script setup>
 import {
-  Card, CardContent, CardDescription, CardHeader, CardTitle,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
   Label,
-  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
-  Switch,
-} from '@revenexx/studio'
-
-withDefaults(defineProps<{
-  triggerMode: string
-  previewsEnabled: boolean
-  disabled?: boolean
-  showPreviews?: boolean
-}>(), {
-  disabled: false,
-  showPreviews: true,
-})
-
-defineEmits<{
-  'update:triggerMode': [value: string]
-  'update:previewsEnabled': [value: boolean]
-}>()
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Switch
+} from "@revenexx/studio";
+defineProps({
+  triggerMode: { type: String, required: true },
+  previewsEnabled: { type: Boolean, required: true },
+  disabled: { type: Boolean, required: false, default: false },
+  showPreviews: { type: Boolean, required: false, default: true }
+});
+defineEmits(["update:triggerMode", "update:previewsEnabled"]);
 </script>
 
 <template>
@@ -49,7 +36,7 @@ defineEmits<{
         <Select
           :model-value="triggerMode"
           :disabled="disabled"
-          @update:model-value="(v) => $emit('update:triggerMode', v as string)"
+          @update:model-value="(v) => $emit('update:triggerMode', v)"
         >
           <SelectTrigger id="vcs-trigger-mode">
             <SelectValue placeholder="On every push" />
@@ -73,7 +60,7 @@ defineEmits<{
         <Switch
           :model-value="previewsEnabled"
           :disabled="disabled"
-          @update:model-value="(v) => $emit('update:previewsEnabled', v as boolean)"
+          @update:model-value="(v) => $emit('update:previewsEnabled', v)"
         />
         <div class="text-sm">
           <div class="font-medium">Preview deployments</div>

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    triggerMode: string;
+    previewsEnabled: boolean;
+    disabled?: boolean;
+    showPreviews?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:triggerMode": (value: string) => any;
+    "update:previewsEnabled": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:triggerMode"?: ((value: string) => any) | undefined;
+    "onUpdate:previewsEnabled"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    showPreviews: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    label: string;
+    value: string | number;
+    icon?: unknown;
+    /** Colored change indicator, e.g. "+12.5%". */
+    delta?: string;
+    up?: boolean;
+    /** Muted line under the value (e.g. "vs last month"). */
+    sub?: string;
+    to?: 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/KpiTile.vue

@@ -1,22 +1,14 @@
-<script setup lang="ts">
-/**
- * Polished KPI tile — the standard big-number card used across dashboards.
- * Refined card token (hairline border + outline), tinted icon chip, large
- * tabular value, optional delta (up/down) and a sub line. Optionally a link.
- */
-import { NuxtLink } from '#components'
-
-defineProps<{
-  label: string
-  value: string | number
-  icon?: unknown
-  /** Colored change indicator, e.g. "+12.5%". */
-  delta?: string
-  up?: boolean
-  /** Muted line under the value (e.g. "vs last month"). */
-  sub?: string
-  to?: string
-}>()
+<script setup>
+import { NuxtLink } from "#components";
+defineProps({
+  label: { type: String, required: true },
+  value: { type: [String, Number], required: true },
+  icon: { type: null, required: false },
+  delta: { type: String, required: false },
+  up: { type: Boolean, required: false },
+  sub: { type: String, required: false },
+  to: { type: String, required: false }
+});
 </script>
 
 <template>

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    label: string;
+    value: string | number;
+    icon?: unknown;
+    /** Colored change indicator, e.g. "+12.5%". */
+    delta?: string;
+    up?: boolean;
+    /** Muted line under the value (e.g. "vs last month"). */
+    sub?: string;
+    to?: 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/PageHeader.d.vue.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    /** Lucide icon component shown left of the title. Rendered as a plain
+     *  outline icon (no tile background) to keep the header calm. */
+    icon?: unknown;
+    title: string;
+    description?: string;
+};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    actions?: (props: typeof __VLS_7) => any;
+} & {
+    tabs?: (props: typeof __VLS_9) => 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/{components → dist/runtime/components}/Shared/PageHeader.vue

@@ -1,11 +1,9 @@
-<script setup lang="ts">
-defineProps<{
-  /** Lucide icon component shown left of the title. Rendered as a plain
-   *  outline icon (no tile background) to keep the header calm. */
-  icon?: unknown
-  title: string
-  description?: string
-}>()
+<script setup>
+defineProps({
+  icon: { type: null, required: false },
+  title: { type: String, required: true },
+  description: { type: String, required: false }
+});
 </script>
 
 <template>

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    /** Lucide icon component shown left of the title. Rendered as a plain
+     *  outline icon (no tile background) to keep the header calm. */
+    icon?: unknown;
+    title: string;
+    description?: string;
+};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    actions?: (props: typeof __VLS_7) => any;
+} & {
+    tabs?: (props: typeof __VLS_9) => 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/SidebarNav.d.vue.ts

@@ -0,0 +1,36 @@
+/**
+ * Shared studio sidebar.
+ *
+ * Header (icon + title) + a sectioned, link list driven by data. Every
+ * studio sidebar (Settings, Integrations, Commerce, Apps, …) renders
+ * through this so spacing, active state, badges and "soon" tags stay
+ * identical. Pass `sections`; use `#notice` for loading/empty hints.
+ */
+import type { Component } from 'vue';
+import type { SidebarNavSection } from '../../types/nav.js';
+export type { SidebarNavItem, SidebarNavSection } from '../../types/nav.js';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    title: string;
+    icon?: Component;
+    sections: SidebarNavSection[];
+    /** Hide the header icon and use a lighter header title weight. */
+    minimal?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    title: string;
+    icon?: Component;
+    sections: SidebarNavSection[];
+    /** Hide the header icon and use a lighter header title weight. */
+    minimal?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    top?: (props: {}) => any;
+} & {
+    notice?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,48 +1,18 @@
-<script lang="ts">
-import type { Component } from 'vue'
+<script>
 
-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[]
-}
 </script>
 
-<script setup lang="ts">
-/**
- * Shared studio sidebar.
- *
- * Header (icon + title) + a sectioned, link list driven by data. Every
- * studio sidebar (Settings, Integrations, Commerce, Apps, …) renders
- * through this so spacing, active state, badges and "soon" tags stay
- * identical. Pass `sections`; use `#notice` for loading/empty hints.
- */
-import type { Component } from 'vue'
-
-defineProps<{
-  title: string
-  icon?: Component
-  sections: SidebarNavSection[]
-  /** Hide the header icon and use a lighter header title weight. */
-  minimal?: boolean
-}>()
-
-const route = useRoute()
-function isActive(item: SidebarNavItem): boolean {
-  if (item.exact) return route.path === item.to
-  return route.path === item.to || route.path.startsWith(`${item.to}/`)
+<script setup>
+defineProps({
+  title: { type: String, required: true },
+  icon: { type: null, required: false },
+  sections: { type: Array, required: true },
+  minimal: { type: Boolean, required: false }
+});
+const route = useRoute();
+function isActive(item) {
+  if (item.exact) return route.path === item.to;
+  return route.path === item.to || route.path.startsWith(`${item.to}/`);
 }
 </script>
 
@@ -73,11 +43,9 @@ function isActive(item: SidebarNavItem): boolean {
             :to="item.to"
             class="group flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors hover:text-primary"
             :class="[
-              isActive(item)
-                ? 'bg-primary/10 text-[#0B0522] font-medium'
-                : 'text-foreground/80 hover:bg-primary/5',
-              item.preview ? 'opacity-70' : '',
-            ]"
+  isActive(item) ? 'bg-primary/10 text-[#0B0522] font-medium' : 'text-foreground/80 hover:bg-primary/5',
+  item.preview ? 'opacity-70' : ''
+]"
           >
             <component :is="item.icon" v-if="item.icon" :size="14" :stroke-width="2" class="shrink-0 text-foreground/60 group-hover:text-primary" />
             <span class="flex-1 truncate flex items-center gap-1.5">

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

@@ -0,0 +1,36 @@
+/**
+ * Shared studio sidebar.
+ *
+ * Header (icon + title) + a sectioned, link list driven by data. Every
+ * studio sidebar (Settings, Integrations, Commerce, Apps, …) renders
+ * through this so spacing, active state, badges and "soon" tags stay
+ * identical. Pass `sections`; use `#notice` for loading/empty hints.
+ */
+import type { Component } from 'vue';
+import type { SidebarNavSection } from '../../types/nav.js';
+export type { SidebarNavItem, SidebarNavSection } from '../../types/nav.js';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    title: string;
+    icon?: Component;
+    sections: SidebarNavSection[];
+    /** Hide the header icon and use a lighter header title weight. */
+    minimal?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    title: string;
+    icon?: Component;
+    sections: SidebarNavSection[];
+    /** Hide the header icon and use a lighter header title weight. */
+    minimal?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    top?: (props: {}) => any;
+} & {
+    notice?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    column: string;
+    active: string | null;
+    direction: 'asc' | 'desc' | null;
+    /** Right-align the indicator for numeric columns. */
+    alignRight?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (column: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((column: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/SortHeader.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { RoundSortVertical, SortFromBottomToTop, SortFromTopToBottom } from "#solar-icons";
+const props = defineProps({
+  column: { type: String, required: true },
+  active: { type: [String, null], required: true },
+  direction: { type: [String, null], required: true },
+  alignRight: { type: Boolean, required: false }
+});
+const emit = defineEmits(["toggle"]);
+const isActive = computed(() => props.active === props.column && !!props.direction);
+const sortIcon = computed(() => {
+  if (isActive.value && props.direction === "asc") return SortFromBottomToTop;
+  if (isActive.value && props.direction === "desc") return SortFromTopToBottom;
+  return RoundSortVertical;
+});
+</script>
+
+<template>
+  <button
+    type="button"
+    class="group inline-flex cursor-pointer items-center gap-1.5 -m-1 p-1 rounded-md text-left transition-colors hover:text-primary"
+    :class="alignRight ? 'flex-row-reverse w-full justify-end' : ''"
+    @click="emit('toggle', column)"
+  >
+    <slot />
+    <component
+      :is="sortIcon"
+      weight="Linear"
+      :size="14"
+      class="shrink-0 transition-colors"
+      :class="isActive ? 'text-primary' : 'text-foreground/30 group-hover:text-primary'"
+      aria-hidden="true"
+    />
+  </button>
+</template>

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    column: string;
+    active: string | null;
+    direction: 'asc' | 'desc' | null;
+    /** Right-align the indicator for numeric columns. */
+    alignRight?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (column: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((column: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/StateCard.d.vue.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;
+    };
+};