@sabrenski/spire-ui-vue 0.2.9 → 0.2.12

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

@@ -1,4 +1,6 @@
 import { DropdownProps, DropdownType } from './types';
+declare function open(): void;
+declare function toggle(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,15 +11,18 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
-    open: () => void;
+    open: typeof open;
     close: () => void;
-    toggle: () => void;
+    toggle: typeof toggle;
     isOpen: import('vue').Ref<boolean, boolean>;
     setAnchorRef: (el: HTMLElement | null) => void;
     setFloatingRef: (el: HTMLElement | null) => void;
     triggerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     menuRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    triggerProps: import('vue').ComputedRef<Record<string, unknown>>;
+    triggerProps: import('vue').ComputedRef<{
+        onClick: (e: MouseEvent) => void;
+        onPointerdown: (e: PointerEvent) => void;
+    }>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
     open: () => any;

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

@@ -1,4 +1,4 @@
-import { ToastColor, ToastVariant, ToastAction, ToastPlacement } from './types';
+import { ToastColor, ToastVariant, ToastAction, ToastPlacement, ToastAvatar } from './types';
 export interface ToastProps {
     /** Unique identifier for the toast */
     id: string;
@@ -6,12 +6,16 @@ export interface ToastProps {
     title?: string;
     /** Description/message text */
     description?: string;
+    /** HTML content for description (use with caution - only trusted content) */
+    descriptionHtml?: string;
     /** Color variant determining background/text colors */
     color?: ToastColor;
     /** Visual style variant */
     variant?: ToastVariant;
     /** Hide the default color-based icon */
     hideIcon?: boolean;
+    /** Avatar configuration to display instead of icon */
+    avatar?: ToastAvatar;
     /** Auto-dismiss timeout in milliseconds (0 = no auto-dismiss) */
     timeout?: number;
     /** Show close button */

package/dist/components/Toast/types.d.ts

@@ -1,5 +1,14 @@
 import { Component, InjectionKey, Ref } from 'vue';
+import { AvatarColor } from '../Avatar/types';
 export type ToastColor = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+export interface ToastAvatar {
+    /** Image source URL */
+    src?: string;
+    /** Name used to generate initials fallback */
+    name?: string;
+    /** Background color for fallback state */
+    color?: AvatarColor;
+}
 export type ToastVariant = 'solid' | 'bordered' | 'flat';
 export type ToastPlacement = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 export interface ToastAction {
@@ -14,6 +23,8 @@ export interface ToastProps {
     title?: string;
     /** Description/message text */
     description?: string;
+    /** HTML content for description (use with caution - only trusted content) */
+    descriptionHtml?: string;
     /** Color variant determining background/text colors */
     color?: ToastColor;
     /** Visual style variant */
@@ -22,6 +33,8 @@ export interface ToastProps {
     icon?: Component;
     /** Hide the default color-based icon */
     hideIcon?: boolean;
+    /** Avatar configuration to display instead of icon */
+    avatar?: ToastAvatar;
     /** Auto-dismiss timeout in milliseconds (0 = no auto-dismiss) */
     timeout?: number;
     /** Show close button */

package/dist/composables/index.d.ts

@@ -14,3 +14,4 @@ export * from './useChipDisplay';
 export * from './useListbox';
 export * from './useComponentDefaults';
 export { useComponentAs, INERTIA_LINK_KEY, ROUTER_LINK_KEY } from './useComponentAs';
+export * from './useOverlayRegistry';

package/dist/composables/useOverlayRegistry/index.d.ts

@@ -0,0 +1 @@
+export { useOverlayRegistry, type OverlayType } from './useOverlayRegistry';

package/dist/composables/useOverlayRegistry/useOverlayRegistry.d.ts

@@ -0,0 +1,14 @@
+export type OverlayType = 'dropdown' | 'popover' | 'tooltip';
+/**
+ * Global registry for managing overlay components (dropdowns, popovers, tooltips).
+ * Allows higher-priority overlays (like modals) to dismiss lower-priority ones when opening.
+ * Also tracks active modals to enforce containment rules.
+ */
+export declare function useOverlayRegistry(): {
+    register: (id: string, type: OverlayType, close: () => void) => void;
+    unregister: (id: string) => void;
+    dismissAll: (types?: OverlayType[]) => void;
+    registerModal: (id: string, element: HTMLElement) => void;
+    unregisterModal: (id: string) => void;
+    canOpenOverlay: (triggerElement: HTMLElement | null) => boolean;
+};

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

@@ -27,6 +27,7 @@ export declare const toastState: Ref<{
             variant?: import('../..').ToastVariant | undefined;
             title?: string | undefined;
             description?: string | undefined;
+            descriptionHtml?: string | undefined;
             color?: import('../..').ToastColor | undefined;
             icon?: import('vue').FunctionalComponent<any, {}, any, {}> | {
                 new (...args: any[]): any;
@@ -152,6 +153,11 @@ export declare const toastState: Ref<{
                 } | undefined;
             } | undefined;
             hideIcon?: boolean | undefined;
+            avatar?: {
+                src?: string | undefined;
+                name?: string | undefined;
+                color?: import('../..').AvatarColor | undefined;
+            } | undefined;
             timeout?: number | undefined;
             closable?: boolean | undefined;
             draggable?: boolean | undefined;
@@ -183,6 +189,7 @@ export declare const toastState: Ref<{
             variant?: import('../..').ToastVariant | undefined;
             title?: string | undefined;
             description?: string | undefined;
+            descriptionHtml?: string | undefined;
             color?: import('../..').ToastColor | undefined;
             icon?: import('vue').FunctionalComponent<any, {}, any, {}> | {
                 new (...args: any[]): any;
@@ -308,6 +315,11 @@ export declare const toastState: Ref<{
                 } | undefined;
             } | undefined;
             hideIcon?: boolean | undefined;
+            avatar?: {
+                src?: string | undefined;
+                name?: string | undefined;
+                color?: import('../..').AvatarColor | undefined;
+            } | undefined;
             timeout?: number | undefined;
             closable?: boolean | undefined;
             draggable?: boolean | undefined;