@revenexx/studio-shared 0.1.2 → 0.3.0

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

@@ -0,0 +1,48 @@
+<script>
+
+</script>
+
+<script setup>
+import { sidebarItemKey } from "../../lib/sidebarNav";
+import SidebarNavLink from "./SidebarNavLink.vue";
+defineProps({
+  title: { type: String, required: true },
+  icon: { type: null, required: false },
+  sections: { type: Array, required: true },
+  minimal: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <aside class="h-full flex flex-col">
+    <div class="flex items-center gap-2 px-4 pt-4 pb-3 shrink-0 border-b border-black/[0.06]">
+      <slot v-if="!minimal" name="icon">
+        <component :is="icon" v-if="icon" :size="18" :stroke-width="2" class="text-foreground/70 shrink-0" />
+      </slot>
+      <h2 class="text-lg text-[#0B0522] truncate" :class="minimal ? 'font-medium' : 'font-semibold'">
+        {{ title }}
+      </h2>
+    </div>
+
+    <div class="flex-1 overflow-y-auto pt-3 pb-3">
+      <slot name="top" />
+
+      <template v-for="section in sections" :key="section.key">
+        <div v-if="section.label" class="mt-3 px-4 pb-1">
+          <div class="text-mono text-muted-foreground">
+            {{ section.label }}
+          </div>
+        </div>
+        <nav class="flex flex-col gap-0.5 px-2">
+          <SidebarNavLink
+            v-for="item in section.items"
+            :key="sidebarItemKey(item)"
+            :item="item"
+          />
+        </nav>
+      </template>
+
+      <slot name="notice" />
+    </div>
+  </aside>
+</template>

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

@@ -0,0 +1,41 @@
+/**
+ * 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.
+ *
+ * Items may declare `children`. Those are **tabs of the page the item opens**,
+ * not sub-navigation: every item is exactly one row, and it stays highlighted
+ * while the route is on any of its tabs. A surface that should stand on its
+ * own in the sidebar is declared as its own item.
+ */
+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/SidebarNavLink.d.vue.ts

@@ -0,0 +1,15 @@
+/**
+ * One row of a `SidebarNav` section — always exactly one link, never a group.
+ *
+ * An item's `children` are the **tabs of the page this row opens**, not rows
+ * of their own (see `lib/sidebarNav.ts`), so there is nothing to expand here:
+ * the row links to the item's route, or — for a pure container that nominates
+ * no landing page — to its first tab, and stays highlighted while the route is
+ * on any of them.
+ */
+import type { SidebarNavItem } from '../../types/nav.js';
+type __VLS_Props = {
+    item: SidebarNavItem;
+};
+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/SidebarNavLink.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { sidebarItemIsCurrent, sidebarItemTarget } from "../../lib/sidebarNav";
+const props = defineProps({
+  item: { type: Object, required: true }
+});
+const t = useT();
+const route = useRoute();
+const target = computed(() => sidebarItemTarget(props.item));
+const current = computed(() => sidebarItemIsCurrent(props.item, route.path));
+const rowClass = computed(() => [
+  "group flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors hover:text-primary",
+  current.value ? "bg-primary/10 text-[#0B0522] font-medium" : "text-foreground/80 hover:bg-primary/5",
+  props.item.preview ? "opacity-70" : ""
+]);
+</script>
+
+<template>
+  <NuxtLink v-if="target" :to="target" :class="rowClass">
+    <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="min-w-0 flex-1 truncate flex items-center gap-1.5">
+      {{ item.label }}
+      <span
+        v-if="item.preview"
+        class="rounded bg-muted px-1 text-mono text-muted-foreground"
+        :title="t('shared.nav.badge.comingsoon.tooltip')"
+      >
+        {{ t("shared.nav.badge.comingsoon.label") }}
+      </span>
+    </span>
+    <!--
+      What is waiting behind the entry. A count sits at the end of the row so
+      the labels stay left-aligned and scannable; a dot only says "something",
+      which is the honest rendering when the source cannot be counted.
+      Resolved upstream — an item with nothing pending carries no badge at all
+      rather than a zero, because a zero reads as a queue worth opening.
+    -->
+    <span
+      v-if="item.badge === 'dot'"
+      class="size-1.5 shrink-0 rounded-full bg-primary"
+      aria-hidden="true"
+    />
+    <span
+      v-else-if="item.badge !== null && item.badge !== void 0"
+      class="shrink-0 rounded-full bg-muted px-1.5 text-[11px] font-medium tabular-nums text-muted-foreground"
+    >
+      {{ item.badge }}
+    </span>
+  </NuxtLink>
+</template>

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

@@ -0,0 +1,15 @@
+/**
+ * One row of a `SidebarNav` section — always exactly one link, never a group.
+ *
+ * An item's `children` are the **tabs of the page this row opens**, not rows
+ * of their own (see `lib/sidebarNav.ts`), so there is nothing to expand here:
+ * the row links to the item's route, or — for a pure container that nominates
+ * no landing page — to its first tab, and stays highlighted while the route is
+ * on any of them.
+ */
+import type { SidebarNavItem } from '../../types/nav.js';
+type __VLS_Props = {
+    item: SidebarNavItem;
+};
+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/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;
+    };
+};

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;
+    };
+};