@revenexx/studio-shared 0.1.2 → 0.3.0

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

@@ -0,0 +1,75 @@
+<script setup>
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Label,
+  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"]);
+const t = useT();
+</script>
+
+<template>
+  <Card class="bg-white/60 backdrop-blur-sm">
+    <CardHeader>
+      <CardTitle class="text-sm">{{ t("shared.git.settings.title") }}</CardTitle>
+      <CardDescription class="text-sm">
+        {{ t("shared.git.settings.description") }}
+      </CardDescription>
+    </CardHeader>
+    <CardContent class="space-y-4">
+      <div class="space-y-1">
+        <Label for="vcs-trigger-mode">{{ t("shared.git.settings.field.when") }}</Label>
+        <Select
+          :model-value="triggerMode"
+          :disabled="disabled"
+          @update:model-value="(v) => $emit('update:triggerMode', v)"
+        >
+          <SelectTrigger id="vcs-trigger-mode">
+            <SelectValue :placeholder="t('shared.git.settings.select.placeholder')" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="push">{{ t("shared.git.settings.option.push") }}</SelectItem>
+            <SelectItem value="tag">{{ t("shared.git.settings.option.tag") }}</SelectItem>
+          </SelectContent>
+        </Select>
+        <p class="text-sm text-muted-foreground">
+          <template v-if="triggerMode === 'tag'">
+            {{ t("shared.git.settings.hint.tag") }}
+          </template>
+          <template v-else>
+            {{ t("shared.git.settings.hint.push") }}
+          </template>
+        </p>
+      </div>
+
+      <div v-if="showPreviews" class="flex items-center gap-2 pt-1">
+        <Switch
+          :model-value="previewsEnabled"
+          :disabled="disabled"
+          @update:model-value="(v) => $emit('update:previewsEnabled', v)"
+        />
+        <div class="text-sm">
+          <div class="font-medium">{{ t("shared.git.settings.previews.title") }}</div>
+          <div class="text-sm text-muted-foreground">
+            {{ t("shared.git.settings.previews.description") }}
+          </div>
+        </div>
+      </div>
+    </CardContent>
+  </Card>
+</template>

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/ListSurface.d.vue.ts

@@ -0,0 +1,38 @@
+/**
+ * The frame every list surface with a left rail shares: an optional,
+ * collapsible rail column, the list itself, and an optional aside (a detail
+ * flyout column).
+ *
+ * The collapse *control* lives in the DataTable toolbar (`rail` prop +
+ * `v-model:rail-open`) so a surface never grows a second control row; this
+ * component only reacts to the same boolean. Use `useListRail()` for a state
+ * that survives a reload.
+ */
+type __VLS_Props = {
+    /** Rail visible? Bind the same ref the DataTable's `rail-open` model has. */
+    railOpen?: boolean;
+    /** Rail track width (default 240px). */
+    railWidth?: string;
+    /** Aside track width (default 280px). */
+    asideWidth?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    rail?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    aside?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    railOpen: boolean;
+    railWidth: string;
+    asideWidth: string;
+}, {}, {}, {}, 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/ListSurface.vue

@@ -0,0 +1,27 @@
+<script setup>
+defineProps({
+  railOpen: { type: Boolean, required: false, default: true },
+  railWidth: { type: String, required: false, default: "240px" },
+  asideWidth: { type: String, required: false, default: "280px" }
+});
+const slots = useSlots();
+const hasAside = computed(() => !!slots.aside);
+</script>
+
+<template>
+  <div
+    class="grid grid-cols-1 items-start gap-3"
+    :style="{ '--rail-w': railWidth, '--aside-w': asideWidth }"
+    :class="railOpen ? hasAside ? 'lg:grid-cols-[var(--rail-w)_minmax(0,1fr)_var(--aside-w)]' : 'lg:grid-cols-[var(--rail-w)_minmax(0,1fr)]' : hasAside ? 'lg:grid-cols-[minmax(0,1fr)_var(--aside-w)]' : 'lg:grid-cols-1'"
+  >
+    <div v-if="railOpen" class="min-w-0">
+      <slot name="rail" />
+    </div>
+    <div class="min-w-0">
+      <slot />
+    </div>
+    <div v-if="hasAside" class="min-w-0">
+      <slot name="aside" />
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,38 @@
+/**
+ * The frame every list surface with a left rail shares: an optional,
+ * collapsible rail column, the list itself, and an optional aside (a detail
+ * flyout column).
+ *
+ * The collapse *control* lives in the DataTable toolbar (`rail` prop +
+ * `v-model:rail-open`) so a surface never grows a second control row; this
+ * component only reacts to the same boolean. Use `useListRail()` for a state
+ * that survives a reload.
+ */
+type __VLS_Props = {
+    /** Rail visible? Bind the same ref the DataTable's `rail-open` model has. */
+    railOpen?: boolean;
+    /** Rail track width (default 240px). */
+    railWidth?: string;
+    /** Aside track width (default 280px). */
+    asideWidth?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    rail?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    aside?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    railOpen: boolean;
+    railWidth: string;
+    asideWidth: string;
+}, {}, {}, {}, 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/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/RecordLayout.d.vue.ts

@@ -0,0 +1,52 @@
+export interface RecordTab {
+    key: string;
+    label: string;
+    badge?: number | string | null;
+}
+type __VLS_Props = {
+    /** Tabs for the body column. Empty = render no tab bar. */
+    tabs?: RecordTab[];
+    /** Active tab key (`v-model`). */
+    modelValue?: string;
+    /** Rail track width. 320px reads as a column; below ~280 it reads as a list. */
+    railWidth?: string;
+    /**
+     * Height of the sticky PageHeader, in px — the rail (and the shared TabBar)
+     * park directly under it. 57 = `px-4 pt-4 pb-3` + the text-xl line + hairline;
+     * pass something else only together with a custom `#tabs` slot, because
+     * `TabBar` hard-codes the same offset.
+     */
+    stickyOffset?: number;
+    /** What the narrow-width disclosure calls the rail body. */
+    railLabel?: string;
+    /** Start the narrow-width disclosure expanded (initial value only). */
+    railOpenOnNarrow?: boolean;
+};
+declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    'rail-head'?: (props: typeof __VLS_1) => any;
+} & {
+    rail?: (props: typeof __VLS_7) => any;
+} & {
+    tabs?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_component: 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;
+}>, {
+    modelValue: string;
+    railWidth: string;
+    tabs: RecordTab[];
+    stickyOffset: number;
+    railOpenOnNarrow: 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/dist/runtime/components/Shared/RecordLayout.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { AltArrowDown } from "#solar-icons";
+import TabBar from "./TabBar.vue";
+const props = defineProps({
+  tabs: { type: Array, required: false, default: () => [] },
+  modelValue: { type: String, required: false, default: "" },
+  railWidth: { type: String, required: false, default: "20rem" },
+  stickyOffset: { type: Number, required: false, default: 57 },
+  railLabel: { type: String, required: false },
+  railOpenOnNarrow: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const t = useT();
+const railLabelText = computed(() => props.railLabel ?? t("shared.recordlayout.rail.label.default"));
+const narrowOpen = ref(props.railOpenOnNarrow);
+</script>
+
+<template>
+  <div
+    class="grid grid-cols-1 items-start gap-4 xl:grid-cols-[var(--record-rail-w)_minmax(0,1fr)]"
+    :style="{ '--record-rail-w': railWidth, '--record-rail-top': `${stickyOffset}px` }"
+  >
+    <aside
+      class="min-w-0 space-y-3 xl:sticky xl:top-[var(--record-rail-top)] xl:max-h-[calc(100svh_-_var(--record-rail-top)_-_5.5rem)] xl:overflow-y-auto xl:overscroll-contain xl:pb-1"
+    >
+      <slot name="rail-head" />
+
+      <!-- Narrow widths: the rail body folds away so the tabs stay reachable. -->
+      <button
+        v-if="$slots.rail"
+        type="button"
+        class="flex w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-black/[0.06] bg-white/60 px-3 py-2 text-sm font-medium text-[#0B0522] transition-colors hover:text-primary xl:hidden"
+        :aria-expanded="narrowOpen"
+        @click="narrowOpen = !narrowOpen"
+      >
+        <span>{{ narrowOpen ? t("shared.recordlayout.rail.action.hide", { label: railLabelText }) : t("shared.recordlayout.rail.action.show", { label: railLabelText }) }}</span>
+        <AltArrowDown
+          :size="14"
+          class="shrink-0 transition-transform"
+          :class="narrowOpen ? 'rotate-180' : ''"
+        />
+      </button>
+
+      <div :class="narrowOpen ? 'space-y-3' : 'hidden space-y-3 xl:block'">
+        <slot name="rail" />
+      </div>
+    </aside>
+
+    <div class="min-w-0">
+      <slot name="tabs">
+        <TabBar
+          v-if="tabs.length"
+          :tabs="tabs"
+          :model-value="modelValue"
+          @update:model-value="(k) => emit('update:modelValue', k)"
+        />
+      </slot>
+      <div class="pt-4">
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,52 @@
+export interface RecordTab {
+    key: string;
+    label: string;
+    badge?: number | string | null;
+}
+type __VLS_Props = {
+    /** Tabs for the body column. Empty = render no tab bar. */
+    tabs?: RecordTab[];
+    /** Active tab key (`v-model`). */
+    modelValue?: string;
+    /** Rail track width. 320px reads as a column; below ~280 it reads as a list. */
+    railWidth?: string;
+    /**
+     * Height of the sticky PageHeader, in px — the rail (and the shared TabBar)
+     * park directly under it. 57 = `px-4 pt-4 pb-3` + the text-xl line + hairline;
+     * pass something else only together with a custom `#tabs` slot, because
+     * `TabBar` hard-codes the same offset.
+     */
+    stickyOffset?: number;
+    /** What the narrow-width disclosure calls the rail body. */
+    railLabel?: string;
+    /** Start the narrow-width disclosure expanded (initial value only). */
+    railOpenOnNarrow?: boolean;
+};
+declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    'rail-head'?: (props: typeof __VLS_1) => any;
+} & {
+    rail?: (props: typeof __VLS_7) => any;
+} & {
+    tabs?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_component: 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;
+}>, {
+    modelValue: string;
+    railWidth: string;
+    tabs: RecordTab[];
+    stickyOffset: number;
+    railOpenOnNarrow: 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/dist/runtime/components/Shared/RecordRailCard.d.vue.ts

@@ -0,0 +1,26 @@
+/**
+ * A card sized for the `RecordLayout` rail (PE-250).
+ *
+ * Same glass shell as the page cards, but on the rail's budget: `px-4 py-3`
+ * instead of `px-6 py-4`, a `text-xs` section label instead of a headline, and
+ * an optional right-aligned `#actions` (usually the link that jumps to the tab
+ * that owns the full thing). Use it so every rail across the studio stacks the
+ * same way instead of each page re-rolling its own `<section>`.
+ */
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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/RecordRailCard.vue

@@ -0,0 +1,20 @@
+<script setup>
+defineProps({
+  title: { type: String, required: false }
+});
+</script>
+
+<template>
+  <section class="overflow-hidden rounded-lg border border-gray-400/10 bg-white/60 outline-1 outline-white/30 backdrop-blur-sm">
+    <div
+      v-if="title || $slots.actions"
+      class="flex items-center justify-between gap-2 border-b border-black/[0.06] px-4 py-2.5"
+    >
+      <h3 class="truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+        {{ title }}
+      </h3>
+      <slot name="actions" />
+    </div>
+    <slot />
+  </section>
+</template>

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

@@ -0,0 +1,26 @@
+/**
+ * A card sized for the `RecordLayout` rail (PE-250).
+ *
+ * Same glass shell as the page cards, but on the rail's budget: `px-4 py-3`
+ * instead of `px-6 py-4`, a `text-xs` section label instead of a headline, and
+ * an optional right-aligned `#actions` (usually the link that jumps to the tab
+ * that owns the full thing). Use it so every rail across the studio stacks the
+ * same way instead of each page re-rolling its own `<section>`.
+ */
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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,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;
+    };
+};