@revenexx/studio-shared 0.3.3 → 0.4.1

package/dist/runtime/components/DataTable/SavedViewsMenu.vue.d.ts

@@ -4,7 +4,8 @@ type __VLS_Props = {
     /** Matches the row it sits in; `sm` is the 32px square its neighbours are. */
     size?: 'sm' | 'default';
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/DataTable/SortMenu.d.vue.ts

@@ -4,14 +4,16 @@ type __VLS_Props = {
     /** Matches the row it sits in; `sm` is the 32px square its neighbours are. */
     size?: 'sm' | 'default';
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: SortState;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SortState) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SortState) => any) | undefined;
 }>, {
     size: "sm" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/DataTable/SortMenu.vue

@@ -37,7 +37,8 @@ function pick(key, direction) {
     <DropdownMenuTrigger as-child>
       <Button
         :variant="sorted ? 'default' : 'outline'"
-        :size="size === 'sm' ? 'icon-sm' : 'icon'"
+        :size="size"
+        class="size-8 gap-1.5 px-0"
         :data-active="sorted"
         :aria-label="t('shared.datatable.sortmenu.aria', { sort: label })"
         :title="t('shared.datatable.sortmenu.aria', { sort: label })"
@@ -48,6 +49,8 @@ function pick(key, direction) {
         <span class="flex shrink-0 items-center" :class="sorted ? '' : 'text-primary'">
           <component :is="icon" weight="Linear" :class="size === 'sm' ? 'size-3.5' : 'size-4'" />
         </span>
+        <!-- Icon only, the word for screen readers (Michael 12.10.). -->
+        <span class="sr-only">{{ t("shared.datatable.sortmenu.trigger") }}</span>
       </Button>
     </DropdownMenuTrigger>
     <DropdownMenuContent align="start" class="w-56">

package/dist/runtime/components/DataTable/SortMenu.vue.d.ts

@@ -4,14 +4,16 @@ type __VLS_Props = {
     /** Matches the row it sits in; `sm` is the 32px square its neighbours are. */
     size?: 'sm' | 'default';
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: SortState;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SortState) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SortState) => any) | undefined;
 }>, {
     size: "sm" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/DataTable/ToolbarLabelTrigger.d.vue.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label: string;
+    active?: boolean;
+    count?: number;
+    size?: 'sm' | 'default';
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "default";
+    count: number;
+    active: 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/DataTable/ToolbarLabelTrigger.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { Button } from "@revenexx/studio";
+const props = defineProps({
+  label: { type: String, required: true },
+  active: { type: Boolean, required: false, default: false },
+  count: { type: Number, required: false, default: 0 },
+  size: { type: String, required: false, default: "sm" }
+});
+</script>
+
+<template>
+  <Button
+    :variant="props.active ? 'default' : 'outline'"
+    :size="props.size"
+    class="relative size-8 gap-1.5 px-0"
+    :data-active="props.active"
+    :aria-label="props.label"
+    :title="props.label"
+  >
+    <span class="flex shrink-0 items-center" :class="props.active ? '' : 'text-primary'">
+      <slot name="icon" />
+    </span>
+    <span class="sr-only">{{ props.label }}</span>
+    <span
+      v-if="props.active && props.count > 0"
+      class="flex h-4 min-w-4 items-center justify-center rounded-full bg-primary-foreground px-1 text-[0.625rem]/none font-semibold tabular-nums text-primary absolute -top-1.5 -right-1.5 bg-primary text-primary-foreground ring-2 ring-card"
+    >{{ props.count }}</span>
+  </Button>
+</template>

package/dist/runtime/components/DataTable/ToolbarLabelTrigger.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label: string;
+    active?: boolean;
+    count?: number;
+    size?: 'sm' | 'default';
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "default";
+    count: number;
+    active: 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/DataTable/ViewModeSwitch.d.vue.ts

@@ -9,12 +9,14 @@ import type { DataTableViewMode } from './types.js';
 type __VLS_Props = {
     modes: DataTableViewMode[];
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/DataTable/ViewModeSwitch.vue.d.ts

@@ -9,12 +9,14 @@ import type { DataTableViewMode } from './types.js';
 type __VLS_Props = {
     modes: DataTableViewMode[];
 };
-type __VLS_PublicProps = __VLS_Props & {
+type __VLS_ModelProps = {
     modelValue: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/DataTable/types.d.ts

@@ -25,6 +25,13 @@ export interface DataTableColumn<T = unknown> {
     alignRight?: boolean;
     /** Optional icon component for the header. */
     icon?: Component;
+    /** The narrowest this column may get when it takes a share (`fr`) of the
+     *  width — for a name or company column that must stay readable while ID
+     *  columns size to their content. The `primary` column has its own floor. */
+    floor?: string;
+    /** Keeps a trailing column (the row's „…“ menu) in view while the table
+     *  scrolls sideways, like the identifying column on the left. */
+    pinRight?: boolean;
     /** Marks the identifying column. When set (and no `#cell-<key>` slot is
      *  given) the DataTable renders the value as the bold record anchor —
      *  `font-semibold text-[#0B0522]`, truncated — optionally led by a tinted
@@ -36,7 +43,17 @@ export interface DataTableColumn<T = unknown> {
      *  `cellIcon` must NOT be a getter: Solar icons are functional components, so
      *  the table can't tell a getter from an icon and would crash invoking it.) */
     cellIcon?: Component;
+    /**
+     * The column's part in the phone layout, where each row is drawn as a card
+     * (R4, Charge 2). `title` heads the card (defaults to the `primary` column),
+     * `status` sits beside it as the badge, `meta` columns fill the two lines of
+     * key facts in declared order, `hidden` leaves the column out. Unset: the
+     * table decides from `primary` and the column key.
+     */
+    card?: 'title' | 'status' | 'meta' | 'hidden';
 }
+/** Row height (D4, Charge 2): `standard` 44px, `compact` 36px. */
+export type DataTableDensity = 'standard' | 'compact';
 /** A built-in filter dimension rendered under the generic "Filter" dropdown as
  *  a labelled sub-menu (datatable-ux). Static mode only: the DataTable filters
  *  `data` in-memory and shows a count per option. Pass one, or an array of

package/dist/runtime/components/Form/FieldCell.d.vue.ts

@@ -0,0 +1,32 @@
+import type { FieldSpan } from '../../lib/formLayout.js';
+type __VLS_Props = {
+    span?: FieldSpan | 'auto';
+    /** Field type, for the default span when `span` is absent or `auto`. */
+    type?: string;
+    label?: string;
+    /** Id of the control the label is for. */
+    for?: string;
+    hint?: string;
+    error?: string | null;
+    required?: boolean;
+};
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {
+    id: string;
+    describedBy: string | undefined;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    'label-extra'?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+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 (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Form/FieldCell.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { Label } from "@revenexx/studio";
+import { computed, useId } from "vue";
+import { useT } from "../../composables/useT";
+import { resolveSpan, spanClass } from "../../lib/formLayout";
+const props = defineProps({
+  span: { type: String, required: false },
+  type: { type: String, required: false },
+  label: { type: String, required: false },
+  for: { type: String, required: false },
+  hint: { type: String, required: false },
+  error: { type: [String, null], required: false },
+  required: { type: Boolean, required: false }
+});
+const t = useT();
+const uid = useId();
+const cellClass = computed(() => spanClass(resolveSpan({ type: props.type, span: props.span })));
+const controlId = computed(() => props.for ?? `${uid}-control`);
+const hintId = computed(() => props.hint ? `${controlId.value}-hint` : void 0);
+const errorId = computed(() => props.error ? `${controlId.value}-error` : void 0);
+const describedBy = computed(() => [errorId.value, hintId.value].filter(Boolean).join(" ") || void 0);
+</script>
+
+<template>
+  <div class="min-w-0" :class="cellClass">
+    <div v-if="label || $slots.label" class="mb-1.5 flex items-center gap-1.5">
+      <slot name="label">
+        <Label :for="controlId" class="text-[12.5px] font-medium">
+          {{ label }}
+          <template v-if="required">
+            <span aria-hidden="true" class="text-rose-600">*</span>
+            <span class="sr-only">({{ t("shared.form.field.required") }})</span>
+          </template>
+        </Label>
+      </slot>
+      <slot name="label-extra" />
+    </div>
+    <slot :id="controlId" :described-by="describedBy" />
+    <p v-if="error" :id="errorId" class="mt-1 text-xs text-rose-700">
+      {{ error }}
+    </p>
+    <p v-if="hint" :id="hintId" class="mt-1 text-xs leading-snug text-muted-foreground">
+      {{ hint }}
+    </p>
+  </div>
+</template>

package/dist/runtime/components/Form/FieldCell.vue.d.ts

@@ -0,0 +1,32 @@
+import type { FieldSpan } from '../../lib/formLayout.js';
+type __VLS_Props = {
+    span?: FieldSpan | 'auto';
+    /** Field type, for the default span when `span` is absent or `auto`. */
+    type?: string;
+    label?: string;
+    /** Id of the control the label is for. */
+    for?: string;
+    hint?: string;
+    error?: string | null;
+    required?: boolean;
+};
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {
+    id: string;
+    describedBy: string | undefined;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    'label-extra'?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+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 (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Form/FieldGrid.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/Form/FieldGrid.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="@container">
+    <div class="grid grid-cols-1 gap-x-4 gap-y-3.5 @lg:grid-cols-2">
+      <slot />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/Form/FieldGrid.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/Form/FormContextCard.d.vue.ts

@@ -0,0 +1,33 @@
+import type { FormContextRow } from '../../lib/formLayout.js';
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    /** Defaults to the title's initials. Empty string = no avatar. */
+    initials?: string;
+    rows?: FormContextRow[];
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
+    row: FormContextRow;
+}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    avatar?: (props: typeof __VLS_1) => any;
+} & {
+    badges?: (props: typeof __VLS_3) => any;
+} & {
+    value?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: FormContextRow[];
+}, {}, {}, {}, 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/Form/FormContextCard.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { computed } from "vue";
+import { initialsOf } from "../../lib/formLayout";
+const props = defineProps({
+  title: { type: String, required: true },
+  subtitle: { type: String, required: false },
+  initials: { type: String, required: false },
+  rows: { type: Array, required: false, default: () => [] }
+});
+const initialsText = computed(() => props.initials ?? initialsOf(props.title));
+</script>
+
+<template>
+  <div class="rounded-lg border border-black/[0.06] bg-white/70 p-4 backdrop-blur-sm">
+    <div class="flex items-center gap-3">
+      <slot name="avatar">
+        <span
+          v-if="initialsText"
+          aria-hidden="true"
+          class="flex size-11 shrink-0 items-center justify-center rounded-full bg-accent text-[15px] font-medium text-primary"
+        >{{ initialsText }}</span>
+      </slot>
+      <div class="min-w-0">
+        <p class="truncate text-[15px] font-medium text-[#0B0522]" :title="title">
+          {{ title }}
+        </p>
+        <p v-if="subtitle" class="truncate text-[12.5px] text-muted-foreground" :title="subtitle">
+          {{ subtitle }}
+        </p>
+      </div>
+    </div>
+
+    <div v-if="$slots.badges" class="mt-3 flex flex-wrap gap-1.5">
+      <slot name="badges" />
+    </div>
+
+    <dl v-if="rows.length" class="mt-4 space-y-2.5 text-[13px]">
+      <div v-for="row in rows" :key="row.key" class="flex items-baseline justify-between gap-3">
+        <dt class="shrink-0 text-muted-foreground">
+          {{ row.label }}
+        </dt>
+        <dd class="min-w-0 truncate text-right text-[#0B0522]">
+          <slot name="value" :row="row">
+            {{ row.value || row.value === 0 ? row.value : "\u2014" }}
+          </slot>
+        </dd>
+      </div>
+    </dl>
+
+    <slot />
+
+    <div v-if="$slots.footer" class="mt-2.5 border-t border-black/[0.06] pt-2.5 text-[13px]">
+      <slot name="footer" />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/Form/FormContextCard.vue.d.ts

@@ -0,0 +1,33 @@
+import type { FormContextRow } from '../../lib/formLayout.js';
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    /** Defaults to the title's initials. Empty string = no avatar. */
+    initials?: string;
+    rows?: FormContextRow[];
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
+    row: FormContextRow;
+}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    avatar?: (props: typeof __VLS_1) => any;
+} & {
+    badges?: (props: typeof __VLS_3) => any;
+} & {
+    value?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: FormContextRow[];
+}, {}, {}, {}, 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/Form/FormLayout.d.vue.ts

@@ -0,0 +1,47 @@
+import type { FormSectionEntry } from '../../lib/formLayoutContext.js';
+type __VLS_Props = {
+    /** `auto` = from three sections on. `false` hides it, `true` forces it from one. */
+    nav?: boolean | 'auto';
+    /** Draw the context column. Defaults to "when a `#context` slot is given". */
+    context?: boolean;
+    /**
+     * Height of the sticky page header in px. The nav and context column park
+     * under it, sections scroll to just below it. 57 = PageHeader without tabs.
+     */
+    stickyOffset?: number;
+    /** Accessible name of the navigation. Defaults to "Sections". */
+    navLabel?: string;
+    /** Accessible name of the context column. Defaults to "Summary". */
+    contextLabel?: string;
+};
+declare function goTo(id: string, event?: Event): void;
+declare var __VLS_1: {
+    sections: FormSectionEntry[];
+    activeId: string | null;
+    goTo: typeof goTo;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    nav?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    context?: (props: typeof __VLS_5) => any;
+} & {
+    savebar?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    activeId: import("vue").Ref<string | null, string | null>;
+    goTo: typeof goTo;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    nav: boolean | "auto";
+    context: boolean;
+    stickyOffset: number;
+}, {}, {}, {}, 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;
+    };
+};