@revenexx/studio-shared 0.3.2 → 0.4.0

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

@@ -0,0 +1,21 @@
+import type { Component } from 'vue';
+type __VLS_Props = {
+    icon?: string | null;
+    navIcon?: string | null;
+    alt?: string;
+    /** Glyph size in px; also the box size when not `fill`. */
+    size?: number;
+    /** Fill the parent tile instead of drawing a `size`-px square. */
+    fill?: boolean;
+    fallback?: Component;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    icon: string | null;
+    fill: boolean;
+    navIcon: string | null;
+    alt: string;
+    fallback: Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -20,11 +20,12 @@ type __VLS_Props = {
     userPinned?: boolean;
     error?: string | null;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -20,11 +20,12 @@ type __VLS_Props = {
     userPinned?: boolean;
     error?: string | null;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,60 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Accessible name of the panel — normally the record's title. */
+    label: string;
+    /** The body is still fetching: `aria-busy` plus a spoken "loading". */
+    busy?: boolean;
+    /** Panel width in the wide layout. */
+    width?: string;
+    /** Distance from the viewport top in the wide layout — clears the top bar. */
+    top?: string;
+    /** Where focus goes on close. Defaults to the element focused at open. */
+    returnFocus?: () => HTMLElement | null | undefined;
+    /** Which neighbours exist — draws the previous/next buttons. Omit for none. */
+    canStep?: {
+        prev: boolean;
+        next: boolean;
+    };
+};
+declare var __VLS_13: {}, __VLS_30: {
+    layout: string;
+}, __VLS_32: {}, __VLS_61: {}, __VLS_73: {}, __VLS_75: {
+    layout: string;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_13) => any;
+} & {
+    actions?: (props: typeof __VLS_30) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    header?: (props: typeof __VLS_61) => any;
+} & {
+    default?: (props: typeof __VLS_73) => any;
+} & {
+    actions?: (props: typeof __VLS_75) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    step: (dir: 1 | -1) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onStep?: ((dir: 1 | -1) => any) | undefined;
+}>, {
+    width: string;
+    top: string;
+    busy: boolean;
+    returnFocus: () => HTMLElement | null | undefined;
+    canStep: {
+        prev: boolean;
+        next: boolean;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,207 @@
+<script setup>
+import { AltArrowDown, AltArrowLeft, AltArrowUp, CloseCircle } from "#solar-icons";
+import { Sheet, SheetContent, SheetTitle } from "@revenexx/studio";
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { isCloseKey, isRecordStepKey } from "../../lib/detailSheet";
+import { useT } from "../../composables/useT";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  label: { type: String, required: true },
+  busy: { type: Boolean, required: false, default: false },
+  width: { type: String, required: false, default: "440px" },
+  top: { type: String, required: false, default: "4rem" },
+  returnFocus: { type: Function, required: false, default: void 0 },
+  canStep: { type: Object, required: false, default: void 0 }
+});
+const emit = defineEmits(["update:open", "step"]);
+const t = useT();
+const WIDE = "(min-width: 1024px)";
+const wide = ref(false);
+let mql = null;
+const onMedia = (e) => {
+  wide.value = e.matches;
+};
+const panel = ref(null);
+let opener = null;
+function close() {
+  emit("update:open", false);
+}
+function stepBy(dir) {
+  if (props.canStep?.[dir < 0 ? "prev" : "next"]) emit("step", dir);
+}
+function restoreFocus() {
+  const target = props.returnFocus?.() ?? opener;
+  opener = null;
+  if (target?.isConnected) target.focus({ preventScroll: false });
+}
+watch(() => props.open, async (open, was) => {
+  if (open && !was) {
+    opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    if (wide.value) {
+      await nextTick();
+      panel.value?.focus({ preventScroll: true });
+    }
+  } else if (!open && was && wide.value) {
+    await nextTick();
+    restoreFocus();
+  }
+});
+function onCloseAutoFocus(ev) {
+  ev.preventDefault();
+  restoreFocus();
+}
+function onKeydown(ev) {
+  if (!props.open) return;
+  if (wide.value && document.querySelector('[role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"]')) return;
+  if (wide.value && isCloseKey(ev)) {
+    ev.preventDefault();
+    close();
+    return;
+  }
+  const dir = isRecordStepKey(ev);
+  if (dir !== null) {
+    ev.preventDefault();
+    emit("step", dir);
+  }
+}
+onMounted(() => {
+  mql = window.matchMedia(WIDE);
+  wide.value = mql.matches;
+  mql.addEventListener("change", onMedia);
+  document.addEventListener("keydown", onKeydown);
+});
+onBeforeUnmount(() => {
+  mql?.removeEventListener("change", onMedia);
+  document.removeEventListener("keydown", onKeydown);
+});
+</script>
+
+<template>
+  <!-- Slide-in from the right (≥ 1024 px), not modal ------------------- -->
+  <Teleport to="body">
+  <Transition
+    enter-active-class="motion-safe:transition-transform motion-safe:duration-200 motion-safe:ease-out"
+    enter-from-class="motion-safe:translate-x-[calc(100%+1rem)]"
+    leave-active-class="motion-safe:transition-transform motion-safe:duration-150 motion-safe:ease-in"
+    leave-to-class="motion-safe:translate-x-[calc(100%+1rem)]"
+  >
+    <aside
+      v-if="open && wide"
+      ref="panel"
+      role="region"
+      :aria-label="label"
+      tabindex="-1"
+      class="fixed bottom-3 right-3 z-40 flex flex-col overflow-hidden rounded-lg border border-black/[0.06] bg-white shadow-[0_8px_24px_rgba(11,5,34,0.12)] outline-none"
+      :style="{ width, top, maxWidth: 'calc(100vw - 1.5rem)' }"
+    >
+      <div class="shrink-0 border-b border-black/[0.06] p-4">
+        <div class="flex items-start gap-2">
+          <div class="min-w-0 flex-1">
+            <slot name="header" />
+          </div>
+          <template v-if="canStep">
+            <button
+              type="button"
+              class="flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-transparent aria-disabled:hover:text-muted-foreground"
+              :aria-label="t('shared.detailsheet.action.previous')"
+              :title="t('shared.detailsheet.action.previous')"
+              aria-keyshortcuts="ArrowUp"
+              :aria-disabled="canStep.prev ? void 0 : 'true'"
+              @click="stepBy(-1)"
+            >
+              <AltArrowUp :size="18" />
+            </button>
+            <button
+              type="button"
+              class="flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-transparent aria-disabled:hover:text-muted-foreground"
+              :aria-label="t('shared.detailsheet.action.next')"
+              :title="t('shared.detailsheet.action.next')"
+              aria-keyshortcuts="ArrowDown"
+              :aria-disabled="canStep.next ? void 0 : 'true'"
+              @click="stepBy(1)"
+            >
+              <AltArrowDown :size="18" />
+            </button>
+          </template>
+          <button
+            type="button"
+            class="flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+            :aria-label="t('shared.detailsheet.action.close')"
+            @click="close"
+          >
+            <CloseCircle :size="18" />
+          </button>
+        </div>
+        <div v-if="$slots.actions" class="mt-3 flex flex-wrap items-center gap-2">
+          <slot name="actions" layout="inline" />
+        </div>
+      </div>
+      <div class="min-h-0 flex-1 overflow-y-auto p-4" :aria-busy="busy ? 'true' : void 0">
+        <slot />
+      </div>
+      <span role="status" class="sr-only">{{ busy ? t("shared.detailsheet.state.loading") : "" }}</span>
+    </aside>
+  </Transition>
+  </Teleport>
+
+  <!-- Overlay (< 1024 px) ------------------------------------------------ -->
+  <Sheet v-if="!wide" :open="open" @update:open="(v) => {
+  if (!v) close();
+}">
+    <!-- The studio SheetContent draws its own close button, labelled in
+         English; ours sits in the header and speaks the host's language, so
+         that one is hidden. -->
+    <SheetContent
+      side="right"
+      :aria-describedby="undefined"
+      class="w-full gap-0 p-0 sm:max-w-md [&>button.absolute]:hidden motion-reduce:animate-none motion-reduce:transition-none"
+      @close-auto-focus="onCloseAutoFocus"
+    >
+      <SheetTitle class="sr-only">{{ label }}</SheetTitle>
+      <div class="flex shrink-0 items-start gap-2 border-b border-black/[0.06] p-3">
+        <button
+          type="button"
+          class="flex size-10 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          :aria-label="t('shared.detailsheet.action.back')"
+          @click="close"
+        >
+          <AltArrowLeft :size="20" />
+        </button>
+        <div class="min-w-0 flex-1 self-center">
+          <slot name="header" />
+        </div>
+        <template v-if="canStep">
+          <button
+            type="button"
+            class="flex size-10 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-transparent aria-disabled:hover:text-muted-foreground"
+            :aria-label="t('shared.detailsheet.action.previous')"
+            :title="t('shared.detailsheet.action.previous')"
+            aria-keyshortcuts="ArrowUp"
+            :aria-disabled="canStep.prev ? void 0 : 'true'"
+            @click="stepBy(-1)"
+          >
+            <AltArrowUp :size="20" />
+          </button>
+          <button
+            type="button"
+            class="flex size-10 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-transparent aria-disabled:hover:text-muted-foreground"
+            :aria-label="t('shared.detailsheet.action.next')"
+            :title="t('shared.detailsheet.action.next')"
+            aria-keyshortcuts="ArrowDown"
+            :aria-disabled="canStep.next ? void 0 : 'true'"
+            @click="stepBy(1)"
+          >
+            <AltArrowDown :size="20" />
+          </button>
+        </template>
+      </div>
+      <div class="min-h-0 flex-1 overflow-y-auto p-4" :aria-busy="busy ? 'true' : void 0">
+        <slot />
+      </div>
+      <span role="status" class="sr-only">{{ busy ? t("shared.detailsheet.state.loading") : "" }}</span>
+      <div v-if="$slots.actions" class="flex shrink-0 items-center gap-2 border-t border-black/[0.06] bg-white p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]">
+        <slot name="actions" layout="bar" />
+      </div>
+    </SheetContent>
+  </Sheet>
+</template>

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

@@ -0,0 +1,60 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Accessible name of the panel — normally the record's title. */
+    label: string;
+    /** The body is still fetching: `aria-busy` plus a spoken "loading". */
+    busy?: boolean;
+    /** Panel width in the wide layout. */
+    width?: string;
+    /** Distance from the viewport top in the wide layout — clears the top bar. */
+    top?: string;
+    /** Where focus goes on close. Defaults to the element focused at open. */
+    returnFocus?: () => HTMLElement | null | undefined;
+    /** Which neighbours exist — draws the previous/next buttons. Omit for none. */
+    canStep?: {
+        prev: boolean;
+        next: boolean;
+    };
+};
+declare var __VLS_13: {}, __VLS_30: {
+    layout: string;
+}, __VLS_32: {}, __VLS_61: {}, __VLS_73: {}, __VLS_75: {
+    layout: string;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_13) => any;
+} & {
+    actions?: (props: typeof __VLS_30) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    header?: (props: typeof __VLS_61) => any;
+} & {
+    default?: (props: typeof __VLS_73) => any;
+} & {
+    actions?: (props: typeof __VLS_75) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    step: (dir: 1 | -1) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onStep?: ((dir: 1 | -1) => any) | undefined;
+}>, {
+    width: string;
+    top: string;
+    busy: boolean;
+    returnFocus: () => HTMLElement | null | undefined;
+    canStep: {
+        prev: boolean;
+        next: boolean;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -34,19 +34,20 @@ type __VLS_Props = {
         placement: string;
     };
 };
-declare var __VLS_5: {}, __VLS_67: {}, __VLS_69: {};
+declare var __VLS_7: {}, __VLS_79: {}, __VLS_81: {};
 type __VLS_Slots = {} & {
-    'pill-icon'?: (props: typeof __VLS_5) => any;
+    'pill-icon'?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_67) => any;
+    default?: (props: typeof __VLS_79) => any;
 } & {
-    footer?: (props: typeof __VLS_69) => any;
+    footer?: (props: typeof __VLS_81) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     bottomClass: string;
     widthClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -34,19 +34,20 @@ type __VLS_Props = {
         placement: string;
     };
 };
-declare var __VLS_5: {}, __VLS_67: {}, __VLS_69: {};
+declare var __VLS_7: {}, __VLS_79: {}, __VLS_81: {};
 type __VLS_Slots = {} & {
-    'pill-icon'?: (props: typeof __VLS_5) => any;
+    'pill-icon'?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_67) => any;
+    default?: (props: typeof __VLS_79) => any;
 } & {
-    footer?: (props: typeof __VLS_69) => any;
+    footer?: (props: typeof __VLS_81) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     bottomClass: string;
     widthClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -4,7 +4,7 @@ type __VLS_Props = {
     disabled?: boolean;
     showPreviews?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: 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<{
@@ -14,4 +14,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     disabled: boolean;
     showPreviews: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -4,7 +4,7 @@ type __VLS_Props = {
     disabled?: boolean;
     showPreviews?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: 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<{
@@ -14,4 +14,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     disabled: boolean;
     showPreviews: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -9,5 +9,6 @@ type __VLS_Props = {
     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>;
+declare const __VLS_export: 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: typeof __VLS_export;
 export default _default;

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

@@ -9,5 +9,6 @@ type __VLS_Props = {
     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>;
+declare const __VLS_export: 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: typeof __VLS_export;
 export default _default;

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

@@ -24,12 +24,13 @@ type __VLS_Slots = {} & {
 } & {
     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<{}>, {
+declare const __VLS_base: 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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -24,12 +24,13 @@ type __VLS_Slots = {} & {
 } & {
     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<{}>, {
+declare const __VLS_base: 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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -5,16 +5,17 @@ type __VLS_Props = {
     title: string;
     description?: string;
 };
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_5) => any;
+    title?: (props: typeof __VLS_6) => any;
 } & {
-    actions?: (props: typeof __VLS_7) => any;
+    actions?: (props: typeof __VLS_8) => any;
 } & {
-    tabs?: (props: typeof __VLS_9) => any;
+    tabs?: (props: typeof __VLS_10) => 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>;
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -5,16 +5,17 @@ type __VLS_Props = {
     title: string;
     description?: string;
 };
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_5) => any;
+    title?: (props: typeof __VLS_6) => any;
 } & {
-    actions?: (props: typeof __VLS_7) => any;
+    actions?: (props: typeof __VLS_8) => any;
 } & {
-    tabs?: (props: typeof __VLS_9) => any;
+    tabs?: (props: typeof __VLS_10) => 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>;
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -22,28 +22,29 @@ type __VLS_Props = {
     /** Start the narrow-width disclosure expanded (initial value only). */
     railOpenOnNarrow?: boolean;
 };
-declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_18: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     'rail-head'?: (props: typeof __VLS_1) => any;
 } & {
-    rail?: (props: typeof __VLS_7) => any;
+    rail?: (props: typeof __VLS_8) => any;
 } & {
-    tabs?: (props: typeof __VLS_9) => any;
+    tabs?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: 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;
+    stickyOffset: number;
     railWidth: string;
     tabs: RecordTab[];
-    stickyOffset: number;
     railOpenOnNarrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -22,28 +22,29 @@ type __VLS_Props = {
     /** Start the narrow-width disclosure expanded (initial value only). */
     railOpenOnNarrow?: boolean;
 };
-declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_18: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     'rail-head'?: (props: typeof __VLS_1) => any;
 } & {
-    rail?: (props: typeof __VLS_7) => any;
+    rail?: (props: typeof __VLS_8) => any;
 } & {
-    tabs?: (props: typeof __VLS_9) => any;
+    tabs?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: 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;
+    stickyOffset: number;
     railWidth: string;
     tabs: RecordTab[];
-    stickyOffset: number;
     railOpenOnNarrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {