@synthaxai/ui 1.0.0

package/dist/dialogs/ConfirmDialog/ConfirmDialog.svelte.d.ts

@@ -0,0 +1,66 @@
+import type { Snippet } from 'svelte';
+type DialogVariant = 'default' | 'danger' | 'warning' | 'success';
+interface Props {
+    /** Whether the dialog is open */
+    open?: boolean;
+    /** Dialog title */
+    title?: string;
+    /** Dialog message */
+    message?: string;
+    /** Text for confirm button */
+    confirmText?: string;
+    /** Text for cancel button */
+    cancelText?: string;
+    /** Visual variant */
+    variant?: DialogVariant;
+    /** Whether the dialog is in loading state */
+    loading?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Focus confirm button on open (default: focus cancel for destructive actions) */
+    focusConfirm?: boolean;
+    /** Show close button in header */
+    showCloseButton?: boolean;
+    /** Require typing confirmation text for destructive actions */
+    requireConfirmation?: string;
+    /** Custom content instead of message */
+    children?: Snippet;
+    /** Custom icon snippet */
+    icon?: Snippet;
+    /** Additional CSS classes */
+    class?: string;
+    /** Confirm handler */
+    onconfirm?: () => void;
+    /** Cancel handler */
+    oncancel?: () => void;
+}
+/**
+ * ConfirmDialog
+ *
+ * A world-class confirmation dialog for destructive or important actions in healthcare apps.
+ * Features proper focus management, semantic variants, and full accessibility.
+ *
+ * Features:
+ * - Multiple variants (default, danger, warning, success)
+ * - Focus management per WCAG guidelines
+ * - Loading state with spinner
+ * - Error display
+ * - Optional destructive confirmation (type to confirm)
+ * - Custom content support
+ * - Role-based semantics (dialog vs alertdialog)
+ *
+ * @example
+ * <ConfirmDialog
+ *   open={showConfirm}
+ *   title="Delete Patient Record"
+ *   message="This action cannot be undone. Are you sure you want to delete this patient record?"
+ *   variant="danger"
+ *   confirmText="Delete"
+ *   onconfirm={handleDelete}
+ *   oncancel={() => showConfirm = false}
+ * />
+ */
+declare const ConfirmDialog: import("svelte").Component<Props, {}, "">;
+type ConfirmDialog = ReturnType<typeof ConfirmDialog>;
+export default ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.svelte.d.ts.map

package/dist/dialogs/ConfirmDialog/ConfirmDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.svelte.d.ts","sourceRoot":"","sources":["../../../src/dialogs/ConfirmDialog/ConfirmDialog.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKrC,KAAK,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE,UAAU,KAAK;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmOF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/dialogs/ConfirmDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialogs/ConfirmDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialogs/ConfirmDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/dialogs/ConfirmDialog/index.js

@@ -0,0 +1 @@
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';

package/dist/dialogs/Modal/Modal.svelte

@@ -0,0 +1,441 @@
+<!--
+  @component Modal
+  
+  A world-class modal dialog component designed for healthcare applications.
+  Features proper focus management, keyboard navigation, and full accessibility.
+  
+  Features:
+  - Focus trap and focus restoration (WCAG 2.1 compliant)
+  - Multiple size variants including full-screen
+  - Scroll behavior options (body vs modal)
+  - Smooth enter/exit animations
+  - Dark mode support
+  - Prevent accidental close for critical modals
+  - Customizable header, body, and footer
+  
+  @example
+  <Modal open={isOpen} onclose={() => isOpen = false} title="Patient Details">
+    <p>Modal content here</p>
+    
+    {#snippet footer()}
+      <Button variant="secondary" onclick={() => isOpen = false}>Cancel</Button>
+      <Button variant="primary" onclick={handleSave}>Save</Button>
+    {/snippet}
+  </Modal>
+-->
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { X } from 'lucide-svelte';
+	import { createFocusTrap, Keys, generateId } from '../../utils/keyboard.js';
+
+	type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+	type ModalPosition = 'center' | 'top';
+	type ScrollBehavior = 'inside' | 'outside';
+
+	interface Props {
+		/** Whether the modal is open */
+		open?: boolean;
+		/** Custom ID for the modal (auto-generated if not provided) */
+		id?: string;
+		/** Modal title for header and accessibility */
+		title?: string;
+		/** Size of the modal */
+		size?: ModalSize;
+		/** Position of the modal */
+		position?: ModalPosition;
+		/** Scroll behavior - 'inside' scrolls modal body, 'outside' scrolls the page */
+		scrollBehavior?: ScrollBehavior;
+		/** Whether to show close button in header */
+		showCloseButton?: boolean;
+		/** Whether clicking backdrop closes modal */
+		closeOnBackdrop?: boolean;
+		/** Whether pressing Escape closes modal */
+		closeOnEscape?: boolean;
+		/** Prevent closing (for critical modals with required actions) */
+		preventClose?: boolean;
+		/** Element to focus when modal opens (defaults to first focusable or close button) */
+		initialFocus?: HTMLElement | null;
+		/** Header content snippet (overrides title) */
+		header?: Snippet;
+		/** Footer content snippet */
+		footer?: Snippet;
+		/** Main content */
+		children?: Snippet;
+		/** Additional CSS classes for the modal container */
+		class?: string;
+		/** Close handler */
+		onclose?: () => void;
+		/** Test ID for e2e testing */
+		testId?: string;
+	}
+
+	let {
+		open = false,
+		id,
+		title = 'Dialog',
+		size = 'md',
+		position = 'center',
+		scrollBehavior = 'inside',
+		showCloseButton = true,
+		closeOnBackdrop = true,
+		closeOnEscape = true,
+		preventClose = false,
+		initialFocus,
+		header,
+		footer,
+		children,
+		class: className = '',
+		onclose,
+		testId
+	}: Props = $props();
+
+	const generatedId = generateId('modal');
+	const modalId = $derived(id || generatedId);
+	const titleId = $derived(`${modalId}-title`);
+	const descriptionId = $derived(`${modalId}-description`);
+
+	let dialogElement = $state<HTMLDivElement | null>(null);
+	let closeButtonElement = $state<HTMLButtonElement | null>(null);
+	let focusTrap: ReturnType<typeof createFocusTrap> | null = null;
+	let previouslyFocusedElement: HTMLElement | null = null;
+
+	// Calculate scrollbar width to prevent layout shift
+	function getScrollbarWidth(): number {
+		return window.innerWidth - document.documentElement.clientWidth;
+	}
+
+	// Handle focus trap and focus restoration
+	$effect(() => {
+		if (open && dialogElement) {
+			// Save the currently focused element
+			previouslyFocusedElement = document.activeElement as HTMLElement;
+
+			// Create and activate focus trap
+			focusTrap = createFocusTrap(dialogElement);
+			focusTrap.activate();
+			
+			// Lock body scroll and prevent layout shift
+			const scrollbarWidth = getScrollbarWidth();
+			document.body.style.overflow = 'hidden';
+			if (scrollbarWidth > 0) {
+				document.body.style.paddingRight = `${scrollbarWidth}px`;
+			}
+
+			// Focus initial element or first focusable
+			setTimeout(() => {
+				if (initialFocus) {
+					initialFocus.focus();
+				} else if (closeButtonElement) {
+					closeButtonElement.focus();
+				}
+			}, 0);
+		}
+
+		return () => {
+			focusTrap?.deactivate();
+			document.body.style.overflow = '';
+			document.body.style.paddingRight = '';
+
+			// Restore focus
+			if (previouslyFocusedElement?.focus) {
+				setTimeout(() => {
+					previouslyFocusedElement?.focus();
+				}, 0);
+			}
+		};
+	});
+
+	function handleClose() {
+		if (!preventClose) {
+			onclose?.();
+		}
+	}
+
+	function handleBackdropClick(e: MouseEvent) {
+		if (closeOnBackdrop && e.target === e.currentTarget) {
+			handleClose();
+		}
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (closeOnEscape && e.key === Keys.Escape) {
+			e.preventDefault();
+			handleClose();
+		}
+	}
+</script>
+
+<svelte:window onkeydown={open ? handleKeyDown : undefined} />
+
+{#if open}
+	<!-- Backdrop -->
+	<div
+		class="modal-backdrop modal-position-{position}"
+		role="presentation"
+		onclick={handleBackdropClick}
+		onkeydown={() => {}}
+	>
+		<!-- Modal container -->
+		<div
+			bind:this={dialogElement}
+			id={modalId}
+			class="modal-container modal-{size} modal-scroll-{scrollBehavior} {className}"
+			role="dialog"
+			aria-modal="true"
+			aria-labelledby={titleId}
+			aria-describedby={children ? descriptionId : undefined}
+			data-testid={testId}
+		>
+			<!-- Header -->
+			{#if header || title || showCloseButton}
+				<div class="modal-header">
+					<div id={titleId} class="modal-title-wrapper">
+						{#if header}
+							{@render header()}
+						{:else if title}
+							<h2 class="modal-title">{title}</h2>
+						{/if}
+					</div>
+
+					{#if showCloseButton && !preventClose}
+						<button
+							bind:this={closeButtonElement}
+							type="button"
+							class="modal-close-btn"
+							onclick={handleClose}
+							aria-label="Close dialog"
+						>
+							<X size={20} aria-hidden="true" />
+						</button>
+					{/if}
+				</div>
+			{/if}
+
+			<!-- Body -->
+			{#if children}
+				<div id={descriptionId} class="modal-body">
+					{@render children()}
+				</div>
+			{/if}
+
+			<!-- Footer -->
+			{#if footer}
+				<div class="modal-footer">
+					{@render footer()}
+				</div>
+			{/if}
+		</div>
+	</div>
+{/if}
+
+<style>
+	/* ========================================
+	   BACKDROP
+	   ======================================== */
+	.modal-backdrop {
+		position: fixed;
+		inset: 0;
+		z-index: 1000;
+		display: flex;
+		justify-content: center;
+		padding: 1rem;
+		background-color: var(--ui-backdrop);
+		backdrop-filter: blur(4px);
+		-webkit-backdrop-filter: blur(4px);
+		animation: modal-fade-in 0.2s ease-out;
+		overflow-y: auto;
+	}
+
+	.modal-position-center {
+		align-items: center;
+	}
+
+	.modal-position-top {
+		align-items: flex-start;
+		padding-top: 5rem;
+	}
+
+	@keyframes modal-fade-in {
+		from { opacity: 0; }
+		to { opacity: 1; }
+	}
+
+	/* ========================================
+	   CONTAINER
+	   ======================================== */
+	.modal-container {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		max-height: calc(100vh - 2rem);
+		background-color: var(--ui-bg-primary);
+		border: 1px solid var(--ui-border-default);
+		border-radius: 1rem;
+		box-shadow:
+			0 20px 25px -5px rgb(0 0 0 / 0.1),
+			0 8px 10px -6px rgb(0 0 0 / 0.1);
+		animation: modal-scale-in 0.3s ease-out;
+		overflow: hidden;
+	}
+
+	@keyframes modal-scale-in {
+		from {
+			opacity: 0;
+			transform: scale(0.95) translateY(10px);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1) translateY(0);
+		}
+	}
+
+	/* Size variants */
+	.modal-sm { max-width: 24rem; }
+	.modal-md { max-width: 28rem; }
+	.modal-lg { max-width: 32rem; }
+	.modal-xl { max-width: 36rem; }
+	.modal-2xl { max-width: 42rem; }
+	.modal-full { max-width: 56rem; }
+
+	/* Scroll behavior */
+	.modal-scroll-inside {
+		max-height: calc(100vh - 4rem);
+	}
+
+	.modal-scroll-inside .modal-body {
+		overflow-y: auto;
+	}
+
+	.modal-scroll-outside {
+		max-height: none;
+	}
+
+	/* ========================================
+	   HEADER
+	   ======================================== */
+	.modal-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		padding: 1rem 1.5rem;
+		border-bottom: 1px solid var(--ui-border-default);
+		background-color: var(--ui-bg-secondary);
+		border-radius: 1rem 1rem 0 0;
+		flex-shrink: 0;
+	}
+
+	.modal-title-wrapper {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.modal-title {
+		margin: 0;
+		font-size: 1.125rem;
+		font-weight: 600;
+		color: var(--ui-text-primary);
+		line-height: 1.4;
+	}
+
+	/* ========================================
+	   CLOSE BUTTON
+	   ======================================== */
+	.modal-close-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0.375rem;
+		background: transparent;
+		border: none;
+		border-radius: 0.5rem;
+		color: var(--ui-text-tertiary);
+		cursor: pointer;
+		transition: all 0.15s ease;
+		flex-shrink: 0;
+	}
+
+	.modal-close-btn:hover {
+		background-color: var(--ui-bg-tertiary);
+		color: var(--ui-text-primary);
+	}
+
+	.modal-close-btn:focus-visible {
+		outline: none;
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary) / 0.4);
+	}
+
+	:global([data-theme='dark']) .modal-close-btn:focus-visible {
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .modal-close-btn:focus-visible {
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+		}
+	}
+
+	/* ========================================
+	   BODY
+	   ======================================== */
+	.modal-body {
+		padding: 1.25rem 1.5rem;
+		flex: 1;
+		min-height: 0;
+	}
+
+	/* ========================================
+	   FOOTER
+	   ======================================== */
+	.modal-footer {
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		gap: 0.75rem;
+		padding: 1rem 1.5rem;
+		border-top: 1px solid var(--ui-border-default);
+		background-color: var(--ui-bg-secondary);
+		border-radius: 0 0 1rem 1rem;
+		flex-shrink: 0;
+	}
+
+	/* ========================================
+	   REDUCED MOTION
+	   ======================================== */
+	@media (prefers-reduced-motion: reduce) {
+		.modal-backdrop,
+		.modal-container {
+			animation: none;
+		}
+	}
+
+	/* ========================================
+	   RESPONSIVE
+	   ======================================== */
+	@media (max-width: 640px) {
+		.modal-backdrop {
+			padding: 0;
+			align-items: flex-end;
+		}
+
+		.modal-position-top {
+			padding-top: 0;
+		}
+
+		.modal-container {
+			max-width: 100%;
+			max-height: 90vh;
+			border-radius: 1rem 1rem 0 0;
+			margin: 0;
+		}
+
+		.modal-header {
+			border-radius: 1rem 1rem 0 0;
+		}
+
+		.modal-footer {
+			border-radius: 0;
+		}
+	}
+</style>

package/dist/dialogs/Modal/Modal.svelte.d.ts

@@ -0,0 +1,69 @@
+import type { Snippet } from 'svelte';
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+type ModalPosition = 'center' | 'top';
+type ScrollBehavior = 'inside' | 'outside';
+interface Props {
+    /** Whether the modal is open */
+    open?: boolean;
+    /** Custom ID for the modal (auto-generated if not provided) */
+    id?: string;
+    /** Modal title for header and accessibility */
+    title?: string;
+    /** Size of the modal */
+    size?: ModalSize;
+    /** Position of the modal */
+    position?: ModalPosition;
+    /** Scroll behavior - 'inside' scrolls modal body, 'outside' scrolls the page */
+    scrollBehavior?: ScrollBehavior;
+    /** Whether to show close button in header */
+    showCloseButton?: boolean;
+    /** Whether clicking backdrop closes modal */
+    closeOnBackdrop?: boolean;
+    /** Whether pressing Escape closes modal */
+    closeOnEscape?: boolean;
+    /** Prevent closing (for critical modals with required actions) */
+    preventClose?: boolean;
+    /** Element to focus when modal opens (defaults to first focusable or close button) */
+    initialFocus?: HTMLElement | null;
+    /** Header content snippet (overrides title) */
+    header?: Snippet;
+    /** Footer content snippet */
+    footer?: Snippet;
+    /** Main content */
+    children?: Snippet;
+    /** Additional CSS classes for the modal container */
+    class?: string;
+    /** Close handler */
+    onclose?: () => void;
+    /** Test ID for e2e testing */
+    testId?: string;
+}
+/**
+ * Modal
+ *
+ * A world-class modal dialog component designed for healthcare applications.
+ * Features proper focus management, keyboard navigation, and full accessibility.
+ *
+ * Features:
+ * - Focus trap and focus restoration (WCAG 2.1 compliant)
+ * - Multiple size variants including full-screen
+ * - Scroll behavior options (body vs modal)
+ * - Smooth enter/exit animations
+ * - Dark mode support
+ * - Prevent accidental close for critical modals
+ * - Customizable header, body, and footer
+ *
+ * @example
+ * <Modal open={isOpen} onclose={() => isOpen = false} title="Patient Details">
+ *   <p>Modal content here</p>
+ *
+ *   {#snippet footer()}
+ *     <Button variant="secondary" onclick={() => isOpen = false}>Cancel</Button>
+ *     <Button variant="primary" onclick={handleSave}>Save</Button>
+ *   {/snippet}
+ * </Modal>
+ */
+declare const Modal: import("svelte").Component<Props, {}, "">;
+type Modal = ReturnType<typeof Modal>;
+export default Modal;
+//# sourceMappingURL=Modal.svelte.d.ts.map

package/dist/dialogs/Modal/Modal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/dialogs/Modal/Modal.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKrC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAC5D,KAAK,aAAa,GAAG,QAAQ,GAAG,KAAK,CAAC;AACtC,KAAK,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3C,UAAU,KAAK;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,gFAAgF;IAChF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sFAAsF;IACtF,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AA0JF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/dialogs/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Modal } from './Modal.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialogs/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialogs/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/dialogs/Modal/index.js

@@ -0,0 +1 @@
+export { default as Modal } from './Modal.svelte';

package/dist/dialogs/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @synthaxai/ui - Dialog Components
+ *
+ * Modal and dialog components for overlays and confirmations.
+ */
+export { Modal } from './Modal/index.js';
+export { ConfirmDialog } from './ConfirmDialog/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialogs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialogs/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/dialogs/index.js

@@ -0,0 +1,7 @@
+/**
+ * @synthaxai/ui - Dialog Components
+ *
+ * Modal and dialog components for overlays and confirmations.
+ */
+export { Modal } from './Modal/index.js';
+export { ConfirmDialog } from './ConfirmDialog/index.js';