mgv-backoffice 1.0.13 → 1.2.0

package/dist/index.d.ts

@@ -1,27 +1 @@
-export { default as BaseAlert } from './components/BaseAlert.vue';
-export { default as BaseBadge } from './components/BaseBadge.vue';
-export { default as BaseBreadcrumb } from './components/BaseBreadcrumb.vue';
-export { default as BaseButton } from './components/BaseButton.vue';
-export { default as BaseLine } from './components/BaseLine.vue';
-export { default as BaseLogo } from './components/BaseLogo.vue';
-export { default as BaseModal } from './components/BaseModal.vue';
-export { default as BaseRow } from './components/BaseRow.vue';
-export { default as BaseSpinner } from './components/BaseSpinner.vue';
-export { default as BaseToast } from './components/BaseToast.vue';
-export { default as ColoredSquares } from './components/ColoredSquares.vue';
-export { default as EarningsCard } from './components/EarningsCard.vue';
-export { default as EuroAmount } from './components/EuroAmount.vue';
-export { default as Pagination } from './components/Pagination.vue';
-export { default as TrendArrow } from './components/TrendArrow.vue';
-export { AlertEnum } from './enums/AlertEnum';
-export { BaseBadgeEnum } from './enums/BaseBadgeEnum';
-export { BaseButtonEnum } from './enums/BaseButtonEnum';
-export { BaseButtonSizeEnum } from './enums/BaseButtonSizeEnum';
-export { BaseLoginEnum } from './enums/BaseLogoEnum';
-export { BaseModalEnum } from './enums/BaseModalEnum';
-export { BaseToastEnum } from './enums/BaseToastEnum';
-export { ColorsEnums } from './enums/ColorsEnums';
-export { LineEnum } from './enums/LineEnum';
-export { PositioningEnum } from './enums/PositioningEnum';
-export type { BreadCrumb } from './components/BaseBreadcrumb.vue';
-export { getBaseColor, getBaseColorOf } from './utils/util';
+export {}

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

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     title: {
         type: StringConstructor;
         required: false;
-        default: AlertEnum;
+        default: string;
     };
     color: {
         type: PropType<AlertEnum>;
@@ -15,7 +15,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     title: {
         type: StringConstructor;
         required: false;
-        default: AlertEnum;
+        default: string;
     };
     color: {
         type: PropType<AlertEnum>;

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

@@ -0,0 +1,31 @@
+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 function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        sidebar?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -37,8 +37,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
     };
     iconLeft: {
-        type: StringConstructor;
+        type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     isRounded: {
         type: BooleanConstructor;
@@ -84,8 +85,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: false;
     };
     iconLeft: {
-        type: StringConstructor;
+        type: BooleanConstructor;
         required: false;
+        default: boolean;
     };
     isRounded: {
         type: BooleanConstructor;
@@ -106,6 +108,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     color: string;
     type: "button" | "submit" | "reset";
+    iconLeft: boolean;
     isRounded: boolean;
     isDisable: boolean;
     isLoading: boolean;

package/dist/src/components/BaseCollapsibleSection.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    title: string;
+    collapsed: boolean;
+    /**
+     * Optional pill next to the title. String so callers can pass either
+     * a label ('Active') or a count ('3'). Null/undefined hides the pill.
+     */
+    badge?: string | null;
+    /**
+     * Override the body container's background classes. Defaults to a
+     * theme-aware surface: bg-white in light, bg-gray-800 in dark.
+     */
+    bodyClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/BaseConfirmModal.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    submittingText?: string;
+    variant?: 'danger' | 'warning';
+    submitting?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    confirmText: string;
+    cancelText: string;
+    submittingText: string;
+    variant: "danger" | "warning";
+    submitting: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/BaseEntityPickerModal.vue.d.ts

@@ -0,0 +1,58 @@
+import { EntityPickerItem } from '../types/entityPicker';
+type Variant = 'emerald' | 'purple' | 'blue' | 'red' | 'amber';
+interface Props {
+    title: string;
+    message?: string;
+    /** Pre-loaded items. Pass these instead of `loader` when the items are already in memory. */
+    items?: EntityPickerItem[];
+    /** Async loader called on mount. Use when items live in a backend service. */
+    loader?: () => Promise<EntityPickerItem[]>;
+    /** ID to exclude from the list (e.g. the current entity). */
+    excludeId?: string;
+    /** Accent colour for selection / confirm. Defaults to 'emerald'. */
+    variant?: Variant;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    noMatchMessage?: string;
+    confirmText?: string;
+    cancelText?: string;
+    submittingText?: string;
+    submitting?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {
+        searchInputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: (itemId: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((itemId: string) => any) | undefined;
+}>, {
+    items: EntityPickerItem[];
+    confirmText: string;
+    cancelText: string;
+    submittingText: string;
+    variant: Variant;
+    submitting: boolean;
+    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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,15 +1,15 @@
-import { BaseLoginEnum } from '../enums/BaseLogoEnum';
+import { BaseLogoEnum } from '../enums/BaseLogoEnum';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
         required: false;
-        default: BaseLoginEnum;
+        default: BaseLogoEnum;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
         required: false;
-        default: BaseLoginEnum;
+        default: BaseLogoEnum;
     };
 }>> & Readonly<{}>, {
     size: string;

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

@@ -1,3 +1,4 @@
+import { BaseModalEnum } from '../enums/BaseModalEnum';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -15,7 +16,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mode: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: BaseModalEnum;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeModal: (...args: any[]) => void;
@@ -37,13 +38,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mode: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: BaseModalEnum;
     };
 }>> & Readonly<{
     onCloseModal?: ((...args: any[]) => any) | undefined;
     onConfirmModal?: ((...args: any[]) => any) | undefined;
 }>, {
-    to: string;
     mode: string;
+    to: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/BaseModalShell.vue.d.ts

@@ -0,0 +1,43 @@
+interface Props {
+    title: string;
+    /**
+     * Max-width of the dialog card. Defaults to `max-w-md`. Pass any
+     * Tailwind max-w utility, or empty string to opt out.
+     */
+    maxWidthClass?: string;
+    /**
+     * When true, the backdrop click and Escape key are NOT auto-bound
+     * to `cancel`. Use when the parent wants to gate dismissal on
+     * something (e.g. unsaved input). The parent should listen on
+     * `backdrop` / handle their own Escape.
+     */
+    manualClose?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    backdrop: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onBackdrop?: (() => any) | undefined;
+}>, {
+    maxWidthClass: string;
+    manualClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/BaseNotFoundPage.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    /** Big heading. Defaults to '404'. */
+    code?: string;
+    /** Subtitle text. Defaults to 'Page not found'. */
+    message?: string;
+    /** Vue Router named route to redirect to when the button is clicked. */
+    homeRouteName?: string;
+    /** Button label. Defaults to 'Go home'. */
+    homeLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    code: string;
+    message: string;
+    homeRouteName: string;
+    homeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/BaseSidebar.vue.d.ts

@@ -0,0 +1,46 @@
+import { NavSection } from '../types/sidebar';
+interface Props {
+    /** Nav sections (groups of items). */
+    sections: NavSection[];
+    /** Route name to navigate to when the logo / home button is clicked. */
+    homeRouteName?: string;
+    /** Optional app name shown in the footer next to the version. */
+    appName?: string;
+    /** Optional version string shown in the footer. */
+    version?: string;
+    /** Whether to render the dark/light toggle in the footer. */
+    showThemeToggle?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        logo?(_: {
+            size: number;
+        }): any;
+        logo?(_: {
+            size: number;
+        }): any;
+        status?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        closeMobileButton: HTMLButtonElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    homeRouteName: string;
+    appName: string;
+    version: string;
+    showThemeToggle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    closeMobileButton: HTMLButtonElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/BaseTextInputModal.vue.d.ts

@@ -0,0 +1,46 @@
+interface Props {
+    title: string;
+    message: string;
+    initialValue?: string;
+    placeholder?: string;
+    inputLabel?: string;
+    confirmText?: string;
+    cancelText?: string;
+    submittingText?: string;
+    submitting?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {
+        nameInput: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    confirmText: string;
+    cancelText: string;
+    submittingText: string;
+    submitting: boolean;
+    initialValue: string;
+    inputLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nameInput: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { BaseToastEnum } from '../enums/BaseToastEnum';
+import { PositioningEnum } from '../enums/PositioningEnum';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     mode: {
         type: PropType<BaseToastEnum>;
@@ -17,7 +18,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     positioning: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: PositioningEnum;
+    };
+    duration: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     mode: {
@@ -36,10 +42,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     positioning: {
         type: StringConstructor;
         required: false;
-        default: string;
+        default: PositioningEnum;
+    };
+    duration: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
     };
 }>> & Readonly<{}>, {
     hasCloseIcon: boolean;
     positioning: string;
+    duration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -2,7 +2,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     totalItems: {
         type: NumberConstructor;
         required: true;
-        default: number;
     };
     itemsPerPage: {
         type: NumberConstructor;
@@ -14,7 +13,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     totalItems: {
         type: NumberConstructor;
         required: true;
-        default: number;
     };
     itemsPerPage: {
         type: NumberConstructor;
@@ -23,7 +21,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onPage-changed"?: ((...args: any[]) => any) | undefined;
 }>, {
-    totalItems: number;
     itemsPerPage: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/src/composables/useDebounce.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+/**
+ * Creates a debounced ref that updates after a delay.
+ * Useful for search inputs where you want instant UI feedback
+ * but debounced side-effects (URL sync, API calls, etc.).
+ *
+ * Must be called within a component setup or active effect scope — the
+ * pending timer is cleared automatically when the scope is disposed.
+ */
+export declare function useDebouncedRef<T>(source: Ref<T>, delay?: number): Ref<T>;

package/dist/src/composables/useEscapeKey.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Wire up a callback to fire on Escape key press for the lifetime of the
+ * calling component. Listener is attached on mount and detached on unmount,
+ * so it's safe to use in modals that may mount/unmount many times.
+ */
+export declare function useEscapeKey(handler: () => void): void;

package/dist/src/composables/useMobileSidebar.d.ts

@@ -0,0 +1,6 @@
+export declare function useMobileSidebar(): {
+    mobileOpen: import('vue').Ref<boolean, boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};

package/dist/src/composables/useTheme.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Shared dark/light theme controller.
+ *
+ * Singleton ref + `<html class="dark">` sync + localStorage persistence.
+ * The first consumer can pass an options object to override the
+ * localStorage key (each consuming app should pick a unique key so two
+ * backoffices on the same origin don't fight). Defaults to `'mgv-theme'`.
+ *
+ * Subsequent callers get the same singleton; the options are only
+ * consulted on the first call.
+ */
+export interface UseThemeOptions {
+    /** localStorage key used to persist the preference. */
+    storageKey?: string;
+}
+export declare function useTheme(options?: UseThemeOptions): {
+    isDark: import('vue').Ref<boolean, boolean>;
+    toggleTheme: () => void;
+};

package/dist/src/composables/useThemeClasses.d.ts

@@ -0,0 +1,62 @@
+import { ComputedRef } from 'vue';
+/**
+ * Centralized dark/light Tailwind class strings.
+ *
+ * Named "roles" that map to dark/light class strings, so consumers don't
+ * spell out `isDark ? '...' : '...'` ternaries across every view.
+ *
+ * Usage:
+ *
+ *   const t = useThemeClasses()
+ *   <div :class="t.card">
+ *     <p :class="t.mutedText">...</p>
+ *   </div>
+ *
+ * Vue auto-unwraps the computed refs inside template `:class` bindings,
+ * so callers do not write `.value`.
+ */
+export interface ThemeClasses {
+    /** Card surface: bg-gray-800 / bg-white, with border. */
+    card: ComputedRef<string>;
+    /** Slightly darker card surface: bg-gray-900 / bg-white, with border. */
+    cardAlt: ComputedRef<string>;
+    /** Page background. */
+    pageBg: ComputedRef<string>;
+    /** Standard border between cards/sections. */
+    border: ComputedRef<string>;
+    /** Subtle divider (lighter than border). */
+    divider: ComputedRef<string>;
+    /** Page headings: white / gray-900. */
+    primaryText: ComputedRef<string>;
+    /** Softer headings: gray-100 / gray-800. */
+    primaryTextSoft: ComputedRef<string>;
+    /** Body copy on cards: gray-200 / gray-700. */
+    bodyText: ComputedRef<string>;
+    /** Form labels: gray-300 / gray-700. */
+    label: ComputedRef<string>;
+    /** Secondary text: gray-400 / gray-600. */
+    mutedText: ComputedRef<string>;
+    /** Tertiary text: gray-500 / gray-600. */
+    subtleText: ComputedRef<string>;
+    /** Dimmest text: gray-500 in dark / gray-400 in light. */
+    dimText: ComputedRef<string>;
+    /** Slightly more contrast than dimText: gray-400 / gray-500. */
+    dimTextAlt: ComputedRef<string>;
+    /** Big illustration / empty-state icon: gray-600 / gray-300. */
+    illustration: ComputedRef<string>;
+    /** Standard text input. */
+    input: ComputedRef<string>;
+    /** Input + placeholder colour. */
+    inputWithPlaceholder: ComputedRef<string>;
+    /** Ghost / Cancel button. */
+    ghostButton: ComputedRef<string>;
+    /** Emerald accent text: emerald-400 / emerald-600. */
+    emeraldText: ComputedRef<string>;
+    /** Amber accent text: amber-400 / amber-600. */
+    amberText: ComputedRef<string>;
+    /** Amber heading-weight: amber-300 / amber-700. */
+    amberTextStrong: ComputedRef<string>;
+    /** Red accent text: red-400 / red-500. */
+    redText: ComputedRef<string>;
+}
+export declare function useThemeClasses(): ThemeClasses;

package/dist/src/composables/useToast.d.ts

@@ -0,0 +1,19 @@
+import { BaseToastEnum } from '../enums/BaseToastEnum';
+/**
+ * Per-component toast controller.
+ *
+ * Each component gets its own state refs (not a global singleton) so
+ * multiple mounted views don't fight over the same toast slot. The pending
+ * auto-hide timer is cleared on unmount so it cannot fire after the
+ * component is gone.
+ *
+ * Usage:
+ *   const { showToast, toastMessage, toastType, showToastMessage } = useToast()
+ *   showToastMessage('Saved', BaseToastEnum.SUCCESS)
+ */
+export declare function useToast(defaultDurationMs?: number): {
+    showToast: import('vue').Ref<boolean, boolean>;
+    toastMessage: import('vue').Ref<string, string>;
+    toastType: import('vue').Ref<BaseToastEnum, BaseToastEnum>;
+    showToastMessage: (message: string, type?: BaseToastEnum, durationMs?: number) => void;
+};

package/dist/{enums → src/enums}/AlertEnum.d.ts

@@ -2,5 +2,5 @@ export declare enum AlertEnum {
     WARNING = "WARNING",
     ERROR = "ERROR",
     SUCCESS = "SUCCESS",
-    INFROM = "INFROM"
+    INFO = "INFO"
 }

package/dist/{enums → src/enums}/BaseButtonSizeEnum.d.ts

@@ -1,5 +1,5 @@
 export declare enum BaseButtonSizeEnum {
-    EXTRA_SMALL = "EXTRA SMALL",
+    EXTRA_SMALL = "EXTRA_SMALL",
     SMALL = "SMALL",
     BASE = "BASE",
     LARGE = "LARGE",

package/dist/src/enums/BaseLogoEnum.d.ts

@@ -0,0 +1,7 @@
+export declare enum BaseLogoEnum {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+/** @deprecated Use BaseLogoEnum instead */
+export declare const BaseLoginEnum: typeof BaseLogoEnum;