@frigear-nu/ui 0.0.8 → 0.1.0

package/dist/runtime/components/global/PageTabs.vue

@@ -0,0 +1,28 @@
+<script setup>
+const props = defineProps({
+  items: { type: Array, required: true }
+});
+const model = defineModel({ type: String });
+const stateMode = computed(() => model.value !== void 0 || props.items.some((item) => item.value !== void 0 && !item.to));
+const links = computed(() => {
+  if (!stateMode.value) return props.items;
+  const selected = model.value ?? props.items.find((item) => item.value !== void 0)?.value;
+  return props.items.map((item) => item.value === void 0 || item.to ? item : {
+    ...item,
+    active: item.value === selected,
+    onSelect: (event) => {
+      model.value = item.value;
+      item.onSelect?.(event);
+    }
+  });
+});
+</script>
+
+<template>
+  <UNavigationMenu
+    :items="links"
+    highlight
+    class="-mx-1 overflow-x-auto border-b border-default"
+    :ui="{ list: 'min-w-max', link: 'px-3 py-2', linkLeadingIcon: 'max-sm:hidden' }"
+  />
+</template>

package/dist/runtime/components/global/PageTabs.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PageTabItem } from '../../types.js';
+/**
+ * Tabs under a page heading. Link mode: items carry `to` and the route decides which one is active. State mode:
+ * bind `v-model` and give items a `value`; clicking one selects it. Icons are hidden on small screens.
+ */
+type __VLS_Props = {
+    items: PageTabItem[];
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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 | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/PageToolbar.d.vue.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_3) => 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/global/PageToolbar.vue

@@ -0,0 +1,15 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="flex flex-wrap items-center gap-3">
+    <slot />
+    <div
+      v-if="$slots.right"
+      class="ms-auto flex flex-wrap items-center gap-2"
+    >
+      <slot name="right" />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/global/PageToolbar.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_3) => 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/global/RowMenu.d.vue.ts

@@ -0,0 +1,19 @@
+import type { ButtonProps, DropdownMenuItem } from '@nuxt/ui';
+/**
+ * The `⋯` menu at the end of a table row or next to a heading. Order: Open, then edits, then the destructive action
+ * in its own group. Stops the click so the row itself does not open.
+ */
+type __VLS_Props = {
+    items: DropdownMenuItem[] | DropdownMenuItem[][];
+    /** What the menu acts on, for screen readers: "Actions for Spring meetup". */
+    subject?: string;
+    variant?: 'ghost' | 'outline';
+    size?: ButtonProps['size'];
+    /** Overrides the accessible name. */
+    label?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "ghost" | "outline";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/RowMenu.vue

@@ -0,0 +1,31 @@
+<script setup>
+const props = defineProps({
+  items: { type: Array, required: true },
+  subject: { type: String, required: false },
+  variant: { type: String, required: false, default: "ghost" },
+  size: { type: null, required: false },
+  label: { type: String, required: false }
+});
+const t = useUiT("patterns");
+const ariaLabel = computed(() => props.label ?? (props.subject ? t("actionsFor", "Actions for {subject}", { subject: props.subject }) : t("moreActions", "More actions")));
+</script>
+
+<template>
+  <div
+    class="flex justify-end"
+    @click.stop
+  >
+    <UDropdownMenu
+      :items="items"
+      :content="{ align: 'end' }"
+    >
+      <UButton
+        icon="i-lucide-ellipsis"
+        color="neutral"
+        :variant="variant"
+        :size="size"
+        :aria-label="ariaLabel"
+      />
+    </UDropdownMenu>
+  </div>
+</template>

package/dist/runtime/components/global/RowMenu.vue.d.ts

@@ -0,0 +1,19 @@
+import type { ButtonProps, DropdownMenuItem } from '@nuxt/ui';
+/**
+ * The `⋯` menu at the end of a table row or next to a heading. Order: Open, then edits, then the destructive action
+ * in its own group. Stops the click so the row itself does not open.
+ */
+type __VLS_Props = {
+    items: DropdownMenuItem[] | DropdownMenuItem[][];
+    /** What the menu acts on, for screen readers: "Actions for Spring meetup". */
+    subject?: string;
+    variant?: 'ghost' | 'outline';
+    size?: ButtonProps['size'];
+    /** Overrides the accessible name. */
+    label?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "ghost" | "outline";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/SectionCard.d.vue.ts

@@ -0,0 +1,31 @@
+/**
+ * A titled card for one section of a page (a form, key facts, a list). Header row with `title`/`description` (or
+ * `#header`) and `#actions`, padded body (none with `flush`, e.g. for a table or list), optional `#footer`.
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    loading?: boolean;
+    /** Removes the body padding, for content that brings its own (tables, divided lists). */
+    flush?: boolean;
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_22) => 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/global/SectionCard.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { surfaceClass } from "../../utils/surface";
+defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  icon: { type: String, required: false },
+  loading: { type: Boolean, required: false },
+  flush: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <section :class="surfaceClass">
+    <div
+      v-if="title || description || $slots.header || $slots.actions"
+      class="border-default flex flex-wrap items-center justify-between gap-3 border-b px-4 py-3.5"
+    >
+      <slot name="header">
+        <div class="flex min-w-0 items-center gap-2">
+          <UIcon
+            v-if="icon"
+            :name="icon"
+            class="text-muted size-4 shrink-0"
+          />
+          <div class="min-w-0">
+            <h2
+              v-if="title"
+              class="text-highlighted text-sm font-semibold"
+            >
+              {{ title }}
+            </h2>
+            <p
+              v-if="description"
+              class="text-muted text-sm"
+            >
+              {{ description }}
+            </p>
+          </div>
+        </div>
+      </slot>
+      <div
+        v-if="$slots.actions"
+        class="flex items-center gap-2"
+      >
+        <slot name="actions" />
+      </div>
+    </div>
+    <div
+      v-if="loading"
+      class="space-y-2 p-4"
+    >
+      <USkeleton class="h-5 w-1/2" />
+      <USkeleton class="h-5 w-1/3" />
+    </div>
+    <div
+      v-else
+      :class="flush ? '' : 'p-4'"
+    >
+      <slot />
+    </div>
+    <div
+      v-if="$slots.footer"
+      class="border-default border-t px-4 py-3"
+    >
+      <slot name="footer" />
+    </div>
+  </section>
+</template>

package/dist/runtime/components/global/SectionCard.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * A titled card for one section of a page (a form, key facts, a list). Header row with `title`/`description` (or
+ * `#header`) and `#actions`, padded body (none with `flush`, e.g. for a table or list), optional `#footer`.
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    loading?: boolean;
+    /** Removes the body padding, for content that brings its own (tables, divided lists). */
+    flush?: boolean;
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_22) => 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/global/StatCard.d.vue.ts

@@ -0,0 +1,26 @@
+/**
+ * A number with a label (and an optional tinted icon and hint). Links to the list it summarises when `to` is set.
+ * The default slot replaces `value`; `empty` shows when there is neither.
+ */
+type __VLS_Props = {
+    label: string;
+    value?: string | number;
+    hint?: string;
+    icon?: string;
+    to?: string;
+    loading?: boolean;
+    empty?: string;
+};
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => 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/global/StatCard.vue

@@ -0,0 +1,62 @@
+<script setup>
+import { surfaceClass } from "../../utils/surface";
+defineProps({
+  label: { type: String, required: true },
+  value: { type: [String, Number], required: false },
+  hint: { type: String, required: false },
+  icon: { type: String, required: false },
+  to: { type: String, required: false },
+  loading: { type: Boolean, required: false },
+  empty: { type: String, required: false }
+});
+const NuxtLink = resolveComponent("NuxtLink");
+</script>
+
+<template>
+  <component
+    :is="to ? NuxtLink : 'section'"
+    :to="to"
+    :class="[surfaceClass, 'flex h-full items-start gap-3 p-4', to && 'hover:bg-elevated hover:ring-accented transition-colors focus-visible:outline-2 focus-visible:outline-primary']"
+  >
+    <span
+      v-if="icon"
+      class="bg-primary/10 ring-primary/25 text-primary flex shrink-0 items-center justify-center rounded-full p-2.5 ring ring-inset"
+    >
+      <UIcon
+        :name="icon"
+        class="size-5"
+      />
+    </span>
+    <div class="flex min-w-0 flex-1 flex-col gap-1.5">
+      <h2 class="text-muted text-xs font-normal uppercase">
+        {{ label }}
+      </h2>
+      <div
+        v-if="loading"
+        class="space-y-2"
+      >
+        <USkeleton class="h-5 w-2/3" />
+        <USkeleton class="h-4 w-1/3" />
+      </div>
+      <template v-else-if="$slots.default || value !== void 0 && value !== null && value !== ''">
+        <div class="text-highlighted flex flex-wrap items-center gap-2 text-lg font-semibold tabular-nums">
+          <slot>
+            {{ value }}
+          </slot>
+        </div>
+        <p
+          v-if="hint"
+          class="text-muted text-sm"
+        >
+          {{ hint }}
+        </p>
+      </template>
+      <p
+        v-else
+        class="text-muted text-sm"
+      >
+        {{ empty }}
+      </p>
+    </div>
+  </component>
+</template>

package/dist/runtime/components/global/StatCard.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * A number with a label (and an optional tinted icon and hint). Links to the list it summarises when `to` is set.
+ * The default slot replaces `value`; `empty` shows when there is neither.
+ */
+type __VLS_Props = {
+    label: string;
+    value?: string | number;
+    hint?: string;
+    icon?: string;
+    to?: string;
+    loading?: boolean;
+    empty?: string;
+};
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => 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/global/TableCard.d.vue.ts

@@ -0,0 +1,31 @@
+/**
+ * The surface a list table sits in: `<TableCard><UTable :ui="tableUi()" … /></TableCard>`. `#header` sits above
+ * the table (filters, a title), `#footer` below it (`TablePagination`). A surface only, so the table keeps its
+ * typed slots.
+ *
+ * `loading` is the first load (skeleton rows, nothing to show yet); `refreshing` is every load after that: the
+ * current rows stay and are dimmed until the next ones arrive, so paging, sorting and filtering do not flash.
+ */
+type __VLS_Props = {
+    /** Shows skeleton rows instead of the default slot. */
+    loading?: boolean;
+    /** Dims the rows on screen while new ones load. */
+    refreshing?: boolean;
+};
+declare var __VLS_1: {}, __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    footer?: (props: typeof __VLS_20) => 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/global/TableCard.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { surfaceClass } from "../../utils/surface";
+defineProps({
+  loading: { type: Boolean, required: false },
+  refreshing: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <div
+    :class="surfaceClass"
+    :aria-busy="loading || refreshing ? 'true' : void 0"
+  >
+    <div
+      v-if="$slots.header"
+      class="border-default flex flex-wrap items-center justify-between gap-3 border-b px-4 py-3"
+    >
+      <slot name="header" />
+    </div>
+    <div
+      v-if="loading"
+      class="space-y-3 p-4"
+    >
+      <USkeleton class="h-5 w-full" />
+      <USkeleton class="h-5 w-5/6" />
+      <USkeleton class="h-5 w-2/3" />
+    </div>
+    <div
+      v-else
+      class="relative"
+    >
+      <slot />
+      <div
+        class="bg-default/50 pointer-events-none absolute inset-0 transition-opacity duration-150 motion-reduce:transition-none"
+        :class="refreshing ? 'opacity-100' : 'opacity-0'"
+        aria-hidden="true"
+      />
+    </div>
+    <div
+      v-if="$slots.footer"
+      class="border-default text-muted flex flex-wrap items-center justify-between gap-3 border-t px-4 py-3 text-sm"
+    >
+      <slot name="footer" />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/global/TableCard.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The surface a list table sits in: `<TableCard><UTable :ui="tableUi()" … /></TableCard>`. `#header` sits above
+ * the table (filters, a title), `#footer` below it (`TablePagination`). A surface only, so the table keeps its
+ * typed slots.
+ *
+ * `loading` is the first load (skeleton rows, nothing to show yet); `refreshing` is every load after that: the
+ * current rows stay and are dimmed until the next ones arrive, so paging, sorting and filtering do not flash.
+ */
+type __VLS_Props = {
+    /** Shows skeleton rows instead of the default slot. */
+    loading?: boolean;
+    /** Dims the rows on screen while new ones load. */
+    refreshing?: boolean;
+};
+declare var __VLS_1: {}, __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    footer?: (props: typeof __VLS_20) => 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/global/TableIdentity.d.vue.ts

@@ -0,0 +1,23 @@
+import type { AvatarProps } from '@nuxt/ui';
+/**
+ * The first cell of a list row: the record's name with a muted second line (an email, a slug, a client id) and an
+ * optional avatar. Badges that belong to the name (Admin, Draft) go in `#badges`.
+ */
+type __VLS_Props = {
+    title: string;
+    description?: string | null;
+    /** Shows an avatar; `alt` alone renders initials. */
+    avatar?: AvatarProps;
+};
+type __VLS_Slots = {
+    badges?: () => unknown;
+};
+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/global/TableIdentity.vue

@@ -0,0 +1,28 @@
+<script setup>
+defineProps({
+  title: { type: String, required: true },
+  description: { type: [String, null], required: false },
+  avatar: { type: Object, required: false }
+});
+defineSlots();
+</script>
+
+<template>
+  <div class="flex min-w-0 items-center gap-3">
+    <UAvatar
+      v-if="avatar"
+      size="sm"
+      v-bind="avatar"
+    />
+    <div class="flex min-w-0 flex-col">
+      <div class="flex min-w-0 items-center gap-2">
+        <span class="text-highlighted truncate font-medium">{{ title }}</span>
+        <slot name="badges" />
+      </div>
+      <span
+        v-if="description"
+        class="text-muted truncate text-xs"
+      >{{ description }}</span>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/global/TableIdentity.vue.d.ts

@@ -0,0 +1,23 @@
+import type { AvatarProps } from '@nuxt/ui';
+/**
+ * The first cell of a list row: the record's name with a muted second line (an email, a slug, a client id) and an
+ * optional avatar. Badges that belong to the name (Admin, Draft) go in `#badges`.
+ */
+type __VLS_Props = {
+    title: string;
+    description?: string | null;
+    /** Shows an avatar; `alt` alone renders initials. */
+    avatar?: AvatarProps;
+};
+type __VLS_Slots = {
+    badges?: () => unknown;
+};
+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/global/TablePagination.d.vue.ts

@@ -0,0 +1,36 @@
+/**
+ * The footer of a paginated list, inside `TableCard #footer`: "21–40 of 132", rows per page and the pages. Pages
+ * and the page-size select hide while everything fits on one page. Changing the page size goes back to page 1.
+ */
+type __VLS_Props = {
+    total: number;
+    pageSizes?: number[];
+};
+type __VLS_ModelProps = {
+    'page'?: number;
+    'pageSize'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {
+    range: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+}>, {
+    pageSizes: 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;
+    };
+};