mgv-backoffice 1.18.0 → 1.20.0

package/README.md

@@ -13,9 +13,12 @@ npm install mgv-backoffice
 These must be installed in your project:
 
 ```bash
-npm install vue@^3.3.0 vue-router@^4.0.0 @heroicons/vue@^2.0.0
+npm install vue@^3.5.0 vue-router@^5.0.0 @heroicons/vue@^2.0.0
 ```
 
+> `vue-router` 5.x is required (peer range `^5.0.0`) — it's what the library is
+> developed and tested against. Upgrade from Router 4 before installing this library.
+
 ### Import Styles
 
 Include the library's stylesheet in your app entry point:
@@ -227,17 +230,17 @@ SVG brand logo component.
 
 | Prop   | Type     | Default                | Description  |
 | ------ | -------- | ---------------------- | ------------ |
-| `size` | `String` | `BaseLoginEnum.MEDIUM` | Logo size    |
+| `size` | `String` | `BaseLogoEnum.MEDIUM`  | Logo size    |
 
 **Example:**
 
 ```vue
 <template>
-  <BaseLogo :size="BaseLoginEnum.LARGE" />
+  <BaseLogo :size="BaseLogoEnum.LARGE" />
 </template>
 
 <script setup lang="ts">
-import { BaseLogo, BaseLoginEnum } from 'mgv-backoffice'
+import { BaseLogo, BaseLogoEnum } from 'mgv-backoffice'
 </script>
 ```
 
@@ -552,7 +555,7 @@ import {
   BaseBadgeEnum,
   BaseButtonEnum,
   BaseButtonSizeEnum,
-  BaseLoginEnum,
+  BaseLogoEnum,
   BaseModalEnum,
   BaseToastEnum,
   ColorsEnums,
@@ -565,9 +568,9 @@ import {
 | -------------------- |---------------------------------------------------------------|
 | `AlertEnum`          | `WARNING`, `ERROR`, `SUCCESS`, `INFO`                         |
 | `BaseBadgeEnum`      | `WIN`, `LOSE`                                                 |
-| `BaseButtonEnum`     | `RED`, `BLUE`, `WHITE`, `DARK`, `GREEN`, `YELLOW`, `PURPLE`   |
+| `BaseButtonEnum`     | `RED`, `BLUE`, `WHITE`, `DARK`, `GREEN`, `EMERALD`, `YELLOW`, `PURPLE`, `SKY`, `GRAY`, `AMBER` |
 | `BaseButtonSizeEnum` | `EXTRA_SMALL`, `SMALL`, `BASE`, `LARGE`, `EXTRA_LARGE`        |
-| `BaseLoginEnum`      | `SMALL`, `MEDIUM`, `LARGE`                                    |
+| `BaseLogoEnum`       | `SMALL`, `MEDIUM`, `LARGE` (`BaseLoginEnum` is a deprecated alias) |
 | `BaseModalEnum`      | `DELETE`, `SUCCESS`                                           |
 | `BaseToastEnum`      | `SUCCESS`, `WARNING`, `ERROR`                                 |
 | `ColorsEnums`        | `NONE`, `RED`, `YELLOW`, `BLACK`, `GRAY`, `GREEN`, `BLUE`     |
@@ -704,6 +707,8 @@ computePnL({ buyPrice: 100, lastPrice: 110, filledQty: 5 })
 ### BaseAppLayout
 
 Root layout: dark/light page background, skip link, `<main>`-with-inert wrapper.
+The `<main>` content offset tracks the sidebar width automatically —
+`lg:ml-60` when expanded, `lg:ml-16` when collapsed (via `useSidebarCollapse()`).
 
 **Props:**
 
@@ -724,8 +729,9 @@ Root layout: dark/light page background, skip link, `<main>`-with-inert wrapper.
 ### BaseSidebar
 
 Responsive sidebar with desktop fixed-positioning and mobile off-canvas
-behavior, focus management, optional theme toggle, and configurable nav
-sections.
+behavior, focus management, optional theme toggle, a desktop collapse
+toggle (icon-only rail), an optional notifications bell, and configurable
+nav sections.
 
 **Props:**
 
@@ -736,6 +742,18 @@ sections.
 | `appName` | `String` | `''` | Optional app name in the footer. |
 | `version` | `String` | `''` | Optional version string in the footer. |
 | `showThemeToggle` | `Boolean` | `true` | Toggle the dark/light switch in the footer. |
+| `collapsible` | `Boolean` | `true` | Show the desktop collapse toggle that shrinks the sidebar to an icon-only rail. |
+| `showNotifications` | `Boolean` | `false` | Show the notifications bell (with unread badge) that toggles `BaseNotificationPanel`. |
+
+> **Collapse state** is shared via `useSidebarCollapse()` (and persisted to
+> localStorage) so `BaseAppLayout` can shrink the content offset from
+> `lg:ml-60` to `lg:ml-16` in step with the rail. Collapsing only affects
+> desktop (`lg+`); on mobile the sidebar stays a full off-canvas panel.
+
+> **Notifications:** set `:show-notifications="true"` to render the bell,
+> then drop a [`BaseNotificationPanel`](#basenotificationpanel) in your app.
+> Both share state through `useNotifications()`, so the unread badge and the
+> panel stay in sync.
 
 **Slots:**
 
@@ -773,6 +791,127 @@ interface NavSection {
 
 ---
 
+### BaseNotificationPanel
+
+Left-anchored notification drawer (teleported to `<body>`, slides in from
+the left, backdrop + Escape to close). Open/close state and the list live
+in `useNotifications()`, so the sidebar bell and the panel stay in sync.
+
+Enable the bell on the sidebar with `:show-notifications="true"`, drop one
+`<BaseNotificationPanel />` anywhere in your app, and feed it data via the
+composable.
+
+**Props:**
+
+| Prop              | Type      | Default                        | Description |
+| ----------------- | --------- | ------------------------------ | ----------- |
+| `title`           | `String`  | `'Notifications'`              | Panel heading. |
+| `emptyText`       | `String`  | `'You have no notifications.'` | Shown when the list is empty. |
+| `showMarkAllRead` | `Boolean` | `true`                         | Render the "Mark all as read" action when there are unread items. |
+
+**Emits:** `select` (the clicked notification's `id`; the row is also marked read).
+
+```vue
+<script setup lang="ts">
+import { BaseNotificationPanel, useNotifications } from 'mgv-backoffice'
+const { setNotifications } = useNotifications()
+setNotifications([
+  { id: 1, title: 'New comment', message: 'Alice replied to your post', time: '2m ago', type: 'info' },
+  { id: 2, title: 'Build passed', time: '1h ago', read: true, type: 'success' },
+])
+</script>
+
+<template>
+  <BaseSidebar :sections="navSections" :show-notifications="true" />
+  <BaseNotificationPanel @select="(id) => goTo(id)" />
+</template>
+```
+
+```ts
+import type { NotificationItem } from 'mgv-backoffice'
+
+interface NotificationItem {
+  id: string | number
+  title: string
+  message?: string
+  time?: string                                   // pre-formatted by you
+  read?: boolean
+  type?: 'info' | 'success' | 'warning' | 'error' // status dot colour
+}
+```
+
+---
+
+## Authentication
+
+### BaseGoogleSignInButton
+
+Google-branded "Sign in with Google" button (official multi-colour "G",
+dark-mode surface swap). Purely presentational — it runs no OAuth itself;
+listen on `click` and start your own Google Identity / Firebase / backend
+flow there.
+
+**Props:**
+
+| Prop       | Type      | Default                    | Description |
+| ---------- | --------- | -------------------------- | ----------- |
+| `label`    | `String`  | `'Sign in with Google'`    | Button text. |
+| `loading`  | `Boolean` | `false`                    | Disables and shows a spinner. |
+| `disabled` | `Boolean` | `false`                    | Disables without the spinner. |
+| `block`    | `Boolean` | `true`                     | Full-width layout. |
+
+**Emits:** `click` (only when not disabled/loading).
+
+### BaseLoginForm
+
+Presentational sign-in card: email + password (with show/hide), an optional
+"Remember me" checkbox, an error banner, the Google button + "or" divider,
+and `logo` / `forgot` / `footer` slots. Owns its input state and emits
+`submit` / `google-sign-in`; the app handles the actual request and feeds
+back `loading` / `error`.
+
+**Props:**
+
+| Prop            | Type      | Default     | Description |
+| --------------- | --------- | ----------- | ----------- |
+| `title`         | `String`  | `'Sign in'` | Card heading. |
+| `subtitle`      | `String`  | `''`        | Muted line under the heading. |
+| `submitLabel`   | `String`  | `'Sign in'` | Submit button text. |
+| `loading`       | `Boolean` | `false`     | Disables the form, spinner on submit. |
+| `googleLoading` | `Boolean` | `false`     | Disables the form, spinner on the Google button. |
+| `error`         | `String`  | `''`        | Error banner above the form. |
+| `showGoogle`    | `Boolean` | `true`      | Render the Google button + divider. |
+| `showRemember`  | `Boolean` | `false`     | Render the "Remember me" checkbox. |
+
+**Emits:** `submit` (`LoginCredentials`), `google-sign-in`.
+
+**Slots:** `logo`, `forgot` (next to the password label), `footer`.
+
+```vue
+<script setup lang="ts">
+import { BaseLoginForm } from 'mgv-backoffice'
+import type { LoginCredentials } from 'mgv-backoffice'
+
+async function onSubmit(creds: LoginCredentials) { /* call your API */ }
+function onGoogle() { /* start Google OAuth */ }
+</script>
+
+<template>
+  <BaseLoginForm
+    subtitle="Welcome back"
+    :show-remember="true"
+    @submit="onSubmit"
+    @google-sign-in="onGoogle"
+  >
+    <template #logo><MyLogo /></template>
+    <template #forgot><a href="/forgot" class="text-sm text-emerald-600">Forgot?</a></template>
+    <template #footer>No account? <a href="/signup" class="text-emerald-600">Sign up</a></template>
+  </BaseLoginForm>
+</template>
+```
+
+---
+
 ## Modals & sections
 
 ### BaseModalShell
@@ -1022,6 +1161,8 @@ import {
   useDebouncedRef,
   useToast,
   useMobileSidebar,
+  useSidebarCollapse,
+  useNotifications,
 } from 'mgv-backoffice'
 ```
 
@@ -1034,6 +1175,8 @@ import {
 | `useDebouncedRef(source, delay?)` | Debounced mirror of a ref. Timer cleared on scope dispose. |
 | `useToast(durationMs?)` | Per-component toast state: `{ showToast, toastMessage, toastType, showToastMessage }`. |
 | `useMobileSidebar()` | Singleton state shared between `BaseSidebar` and `BaseAppLayout` for the off-canvas open/closed flag. |
+| `useSidebarCollapse({ storageKey? })` | Singleton collapsed/expanded state for the desktop sidebar rail, shared between `BaseSidebar` and `BaseAppLayout` and persisted to localStorage (default key `'mgv-sidebar-collapsed'`). |
+| `useNotifications()` | Singleton notification state shared by the sidebar bell and `BaseNotificationPanel`: `{ notifications, unreadCount, open, openPanel, closePanel, togglePanel, setNotifications, add, remove, markRead, markAllRead, clear }`. |
 
 ---
 

package/dist/{src/components → components}/BaseActionButton.vue.d.ts

@@ -8,18 +8,13 @@ type __VLS_Props = {
     ariaLabel?: string;
     type?: 'button' | 'submit' | 'reset';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {
-            iconClass: string;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_1: {
+    iconClass: string;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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, {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
@@ -32,9 +27,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     fullWidth: boolean;
     ariaLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{src/components → components}/BaseAlert.vue.d.ts

@@ -1,6 +1,6 @@
 import { AlertEnum } from '../enums/AlertEnum';
 import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: false;
@@ -25,5 +25,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     title: string;
     color: AlertEnum;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/BaseAppLayout.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    /**
+     * Whether the sidebar should currently be rendered. Defaults to true.
+     * Set to false for routes that should occupy the full viewport (e.g.
+     * landing / marketing pages).
+     */
+    showSidebar?: boolean;
+    /** Skip-link label. Defaults to "Skip to main content". */
+    skipLinkLabel?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    sidebar?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    showSidebar: boolean;
+    skipLinkLabel: string;
+}, {}, {}, {}, 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/{src/components → components}/BaseBadge.vue.d.ts

@@ -1,13 +1,8 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: false;
@@ -18,9 +13,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{src/components → components}/BaseBreadcrumb.vue.d.ts

@@ -2,7 +2,7 @@ export interface BreadCrumb {
     name: string;
     url: string;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     items: {
         type: () => BreadCrumb[];
         required: false;
@@ -27,5 +27,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     path: string;
     items: BreadCrumb[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/{src/components → components}/BaseButton.vue.d.ts

@@ -1,15 +1,11 @@
 import { BaseButtonEnum } from '../enums/BaseButtonEnum';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     description: {
         type: StringConstructor;
         required: true;
@@ -119,9 +115,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isDisable: boolean;
     isLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{src/components → components}/BaseCollapsibleSection.vue.d.ts

@@ -12,23 +12,19 @@ interface Props {
      */
     bodyClass?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     toggle: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onToggle?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{src/components → components}/BaseConfirmModal.vue.d.ts

@@ -7,17 +7,13 @@ interface Props {
     variant?: 'danger' | 'warning';
     submitting?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        message?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_16: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    message?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => any;
     confirm: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
@@ -30,9 +26,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: "danger" | "warning";
     submitting: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/{src/components → components}/BaseCopyButton.vue.d.ts

@@ -11,7 +11,7 @@ type __VLS_Props = {
     /** Icon size class. */
     iconClass?: string;
 };
-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, {
     error: (error: unknown) => any;
     copied: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -23,4 +23,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     resetMs: number;
     iconClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/{src/components → components}/BaseEntityPickerModal.vue.d.ts

@@ -19,18 +19,11 @@ interface Props {
     submittingText?: string;
     submitting?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-    };
-    refs: {
-        searchInputRef: HTMLInputElement;
-    };
-    rootEl: any;
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => any;
     confirm: (itemId: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
@@ -46,12 +39,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     searchPlaceholder: string;
     emptyMessage: string;
     noMatchMessage: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    searchInputRef: HTMLInputElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/BaseGoogleSignInButton.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    /** Button label. Defaults to "Sign in with Google". */
+    label?: string;
+    /** Disables the button and shows a busy spinner. */
+    loading?: boolean;
+    /** Disables the button without the busy spinner. */
+    disabled?: boolean;
+    /** Full-width (block) layout. Defaults to true. */
+    block?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    loading: boolean;
+    block: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/{src/components → components}/BaseLine.vue.d.ts

@@ -1,5 +1,5 @@
 import { LineEnum } from '../enums/LineEnum';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     mode: {
         type: StringConstructor;
         required: false;
@@ -14,4 +14,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     mode: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/BaseLoginForm.vue.d.ts

@@ -0,0 +1,51 @@
+import { LoginCredentials } from '../types/auth';
+interface Props {
+    /** Card heading. Defaults to "Sign in". */
+    title?: string;
+    /** Optional muted line under the heading. */
+    subtitle?: string;
+    /** Submit button label. Defaults to "Sign in". */
+    submitLabel?: string;
+    /** Disables the form and shows a spinner on the submit button. */
+    loading?: boolean;
+    /** Disables the form and shows a spinner on the Google button. */
+    googleLoading?: boolean;
+    /** Error message rendered above the form (e.g. "Invalid credentials"). */
+    error?: string;
+    /** Render the "Sign in with Google" button + divider. Defaults to true. */
+    showGoogle?: boolean;
+    /** Render the "Remember me" checkbox. Defaults to false. */
+    showRemember?: boolean;
+}
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    forgot?: (props: typeof __VLS_10) => any;
+} & {
+    footer?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (credentials: LoginCredentials) => any;
+    "google-sign-in": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: ((credentials: LoginCredentials) => any) | undefined;
+    "onGoogle-sign-in"?: (() => any) | undefined;
+}>, {
+    title: string;
+    error: string;
+    subtitle: string;
+    loading: boolean;
+    submitLabel: string;
+    googleLoading: boolean;
+    showGoogle: boolean;
+    showRemember: 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/{src/components → components}/BaseLogo.vue.d.ts

@@ -1,5 +1,5 @@
 import { BaseLogoEnum } from '../enums/BaseLogoEnum';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
         required: false;
@@ -14,4 +14,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     size: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;