overlastic

name	overlastic
description	Comprehensive skills for working with Overlastic
metadata	{"author":"Hairyf","version":"2026.01.29","source":"Internal Documentation"}

Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.

Core References

Topic	Description	Reference
Constructor	Core method for creating overlay constructors	core-constructor
Deferred	Promise variation with external control methods	core-deferred
Global Functions	Utilities for mounting elements and name management	core-defines
useDisclosure	Hook for managing overlay lifecycle and state	core-disclosure

Framework References

Topic	Description	Reference
React Integration	Using Overlastic with React components	framework-react
Vue Integration	Using Overlastic with Vue 3 components	framework-vue
Svelte Integration	Using Overlastic with Svelte components	framework-svelte

Advanced References

Topic	Description	Reference
Provider Pattern	Using OverlaysProvider for context inheritance	advanced-provider
Custom Components	Integrating existing component libraries	advanced-customization
External Control	Controlling overlay lifecycle from outside	advanced-external-control
Declarative Usage	Using overlays in templates/JSX	advanced-declarative

Key Concepts

• Constructor: Receives component, props, and options to mount overlays
• Deferred: Promise-like object with confirm and cancel methods for external control
• Mount Options: Configuration for container, ID, index, and deferred instance
• Lifecycle: Components are destroyed after duration ends when deferred resolves/rejects
• Imperative Usage: defineOverlay and renderOverlay for callback-based invocation
• Declarative Usage: Components can be used in templates/JSX with props
• Provider Pattern: OverlaysProvider for context inheritance
• Dual Mode Support: Components work in both imperative and declarative modes