@a11ypros/a11y-ui-components 1.0.0 → 1.0.1

package/dist/components/Modal/Modal.js

@@ -1,108 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef } from 'react';
-import { useFocusReturn } from '../../hooks/useFocusReturn';
-import { Button } from '../Button/Button';
-import './Modal.css';
-/**
- * Accessible Modal component using HTML5 dialog element
- *
- * Uses the native `<dialog>` element which provides:
- * - Built-in focus management and focus trapping
- * - Automatic body scroll prevention
- * - Native backdrop overlay
- * - ESC key handling (configurable)
- *
- * WCAG Compliance:
- * - 2.1.1 Keyboard: ESC key support, built-in focus trap
- * - 2.1.2 No Keyboard Trap: Focus returns to trigger
- * - 2.4.3 Focus Order: Focus trapped within modal (native behavior)
- * - 4.1.2 Name, Role, Value: ARIA modal pattern
- *
- * @example
- * ```tsx
- * <Modal
- *   isOpen={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="Confirm Action"
- * >
- *   <p>Are you sure?</p>
- * </Modal>
- * ```
- */
-export const Modal = ({ isOpen, onClose, title, children, closeOnBackdropClick = true, closeOnEscape = true, size = 'md', returnFocusTo, }) => {
-    const dialogRef = useRef(null);
-    const contentRef = useRef(null);
-    const titleId = React.useId();
-    const descriptionId = React.useId();
-    // Return focus on close
-    useFocusReturn(isOpen, returnFocusTo);
-    // Handle dialog open/close
-    useEffect(() => {
-        const dialog = dialogRef.current;
-        if (!dialog)
-            return;
-        if (isOpen) {
-            // Show modal dialog
-            dialog.showModal();
-        }
-        else {
-            // Close dialog
-            dialog.close();
-        }
-        return () => {
-            // Cleanup: ensure dialog is closed when component unmounts
-            if (dialog.open) {
-                dialog.close();
-            }
-        };
-    }, [isOpen]);
-    // Handle backdrop clicks
-    // The ::backdrop pseudo-element doesn't bubble events to the dialog element,
-    // so we need to listen for clicks on the document and check if they're outside
-    // the dialog content area.
-    useEffect(() => {
-        if (!isOpen || !closeOnBackdropClick)
-            return;
-        const handleDocumentClick = (event) => {
-            const dialog = dialogRef.current;
-            const content = contentRef.current;
-            if (!dialog || !content)
-                return;
-            // Check if click target is outside the dialog content area
-            const target = event.target;
-            // If the click is not inside the content wrapper, it's a backdrop click
-            if (!content.contains(target)) {
-                // Verify click coordinates are outside content bounds for extra safety
-                const rect = content.getBoundingClientRect();
-                const clickX = event.clientX;
-                const clickY = event.clientY;
-                const isOutsideContent = clickX < rect.left ||
-                    clickX > rect.right ||
-                    clickY < rect.top ||
-                    clickY > rect.bottom;
-                if (isOutsideContent) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    onClose();
-                }
-            }
-        };
-        // Use capture phase to catch events before they bubble
-        document.addEventListener('mousedown', handleDocumentClick, true);
-        return () => {
-            document.removeEventListener('mousedown', handleDocumentClick, true);
-        };
-    }, [isOpen, closeOnBackdropClick, onClose]);
-    // Handle cancel event (fires when ESC key is pressed)
-    const handleCancel = (event) => {
-        // Prevent default close behavior
-        event.preventDefault();
-        // Only close if closeOnEscape is enabled
-        if (closeOnEscape) {
-            onClose();
-        }
-    };
-    return (_jsx("dialog", { ref: dialogRef, className: `modal modal--${size} ${isOpen ? 'modal--open' : ''}`, "aria-labelledby": titleId, "aria-describedby": descriptionId, onCancel: handleCancel, children: _jsxs("div", { ref: contentRef, className: "modal-content-wrapper", children: [_jsxs("div", { className: "modal-header", children: [_jsx("h2", { id: titleId, className: "modal-title", children: title }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, "aria-label": "Close modal", className: "modal-close", children: "\u00D7" })] }), _jsx("div", { id: descriptionId, className: "modal-content", children: children })] }) }));
-};
-Modal.displayName = 'Modal';

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

@@ -1,3 +0,0 @@
-export { Modal } from './Modal';
-export type { ModalProps } from './Modal';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Modal/index.js

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

package/dist/components/Tabs/Tabs.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import './Tabs.css';
-export interface TabItem {
-    id: string;
-    label: string;
-    content: React.ReactNode;
-    disabled?: boolean;
-}
-export interface TabsProps {
-    /**
-     * Tab items
-     */
-    items: TabItem[];
-    /**
-     * Default selected tab ID
-     */
-    defaultSelectedId?: string;
-    /**
-     * Controlled selected tab ID
-     */
-    selectedId?: string;
-    /**
-     * Callback when tab selection changes
-     */
-    onSelectionChange?: (id: string) => void;
-    /**
-     * Orientation of tabs
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Activation mode for tabs
-     * - 'automatic': Arrow keys both move focus and activate tabs immediately
-     * - 'manual': Arrow keys move focus only, Enter/Space activates the focused tab
-     * @default 'automatic'
-     */
-    activationMode?: 'automatic' | 'manual';
-    /**
-     * Label for the tab list (required for accessibility)
-     */
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-}
-/**
- * Accessible Tabs component
- *
- * WCAG Compliance:
- * - 2.1.1 Keyboard: Arrow key navigation, Home/End support
- * - 4.1.2 Name, Role, Value: ARIA tabs pattern
- * - 2.4.3 Focus Order: Proper focus management
- *
- * @example
- * ```tsx
- * <Tabs
- *   items={[
- *     { id: 'tab1', label: 'Tab 1', content: <div>Content 1</div> },
- *     { id: 'tab2', label: 'Tab 2', content: <div>Content 2</div> },
- *   ]}
- *   aria-label="Settings tabs"
- * />
- * ```
- */
-export declare const Tabs: React.FC<TabsProps>;
-//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs/Tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,YAAY,CAAA;AAEnB,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,OAAO,EAAE,CAAA;IAEhB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEvC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAEvC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0KpC,CAAA"}

package/dist/components/Tabs/Tabs.js

@@ -1,134 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef } from 'react';
-import { isNavigationKey, isArrowKey } from '../../utils/keyboard';
-import { getCurrentAttributes } from '../../utils/aria';
-import './Tabs.css';
-/**
- * Accessible Tabs component
- *
- * WCAG Compliance:
- * - 2.1.1 Keyboard: Arrow key navigation, Home/End support
- * - 4.1.2 Name, Role, Value: ARIA tabs pattern
- * - 2.4.3 Focus Order: Proper focus management
- *
- * @example
- * ```tsx
- * <Tabs
- *   items={[
- *     { id: 'tab1', label: 'Tab 1', content: <div>Content 1</div> },
- *     { id: 'tab2', label: 'Tab 2', content: <div>Content 2</div> },
- *   ]}
- *   aria-label="Settings tabs"
- * />
- * ```
- */
-export const Tabs = ({ items, defaultSelectedId, selectedId: controlledSelectedId, onSelectionChange, orientation = 'horizontal', activationMode = 'automatic', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }) => {
-    const initialSelectedId = defaultSelectedId || items[0]?.id;
-    const [internalSelectedId, setInternalSelectedId] = useState(initialSelectedId);
-    const [focusedId, setFocusedId] = useState(initialSelectedId);
-    const tabRefs = useRef(new Map());
-    const selectedId = controlledSelectedId ?? internalSelectedId;
-    const selectedIndex = items.findIndex((item) => item.id === selectedId);
-    // In automatic mode, focused tab is always the selected tab
-    // In manual mode, focused tab can be different from selected tab
-    const effectiveFocusedId = activationMode === 'automatic' ? selectedId : (focusedId || selectedId);
-    const handleSelect = useCallback((id) => {
-        if (onSelectionChange) {
-            onSelectionChange(id);
-        }
-        else {
-            setInternalSelectedId(id);
-        }
-        // In manual mode, update focused tab when selecting
-        if (activationMode === 'manual') {
-            setFocusedId(id);
-        }
-    }, [onSelectionChange, activationMode]);
-    const handleKeyDown = useCallback((event, currentIndex) => {
-        const isHorizontal = orientation === 'horizontal';
-        let newIndex = currentIndex;
-        // Handle Enter/Space for manual activation
-        if (activationMode === 'manual' && (event.key === 'Enter' || event.key === ' ')) {
-            event.preventDefault();
-            const currentTab = items[currentIndex];
-            if (currentTab && !currentTab.disabled) {
-                handleSelect(currentTab.id);
-            }
-            return;
-        }
-        // Handle arrow keys and Home/End
-        if (isNavigationKey(event.key) || isArrowKey(event.key)) {
-            event.preventDefault();
-            switch (event.key) {
-                case 'Home':
-                    newIndex = 0;
-                    break;
-                case 'End':
-                    newIndex = items.length - 1;
-                    break;
-                case 'ArrowRight':
-                    if (isHorizontal) {
-                        newIndex = (currentIndex + 1) % items.length;
-                    }
-                    break;
-                case 'ArrowLeft':
-                    if (isHorizontal) {
-                        newIndex = (currentIndex - 1 + items.length) % items.length;
-                    }
-                    break;
-                case 'ArrowDown':
-                    if (!isHorizontal) {
-                        newIndex = (currentIndex + 1) % items.length;
-                    }
-                    break;
-                case 'ArrowUp':
-                    if (!isHorizontal) {
-                        newIndex = (currentIndex - 1 + items.length) % items.length;
-                    }
-                    break;
-            }
-            // Skip disabled tabs
-            while (items[newIndex]?.disabled && newIndex !== currentIndex) {
-                if (event.key === 'Home' || event.key === 'ArrowRight' || event.key === 'ArrowDown') {
-                    newIndex = (newIndex + 1) % items.length;
-                }
-                else {
-                    newIndex = (newIndex - 1 + items.length) % items.length;
-                }
-            }
-            const newTab = items[newIndex];
-            if (newTab && !newTab.disabled) {
-                if (activationMode === 'automatic') {
-                    // Automatic: move focus and activate
-                    handleSelect(newTab.id);
-                    tabRefs.current.get(newTab.id)?.focus();
-                }
-                else {
-                    // Manual: move focus only
-                    setFocusedId(newTab.id);
-                    tabRefs.current.get(newTab.id)?.focus();
-                }
-            }
-        }
-    }, [items, orientation, activationMode, handleSelect]);
-    const selectedTab = items.find((item) => item.id === selectedId);
-    return (_jsxs("div", { className: `tabs tabs--${orientation}`, children: [_jsx("div", { className: "tabs-list", role: "tablist", "aria-orientation": orientation, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children: items.map((item, index) => {
-                    const isSelected = item.id === selectedId;
-                    const isFocused = item.id === effectiveFocusedId;
-                    // In manual mode, focused tab should be focusable even if not selected
-                    // In automatic mode, only selected tab is focusable
-                    const tabIndex = activationMode === 'manual'
-                        ? (isFocused ? 0 : -1)
-                        : (isSelected ? 0 : -1);
-                    return (_jsx("button", { ref: (el) => {
-                            if (el) {
-                                tabRefs.current.set(item.id, el);
-                            }
-                            else {
-                                tabRefs.current.delete(item.id);
-                            }
-                        }, id: `tab-${item.id}`, role: "tab", "aria-controls": `tabpanel-${item.id}`, "aria-selected": isSelected, tabIndex: tabIndex, disabled: item.disabled, className: `tabs-tab ${isSelected ? 'tabs-tab--selected' : ''} ${item.disabled ? 'tabs-tab--disabled' : ''}`, onClick: () => !item.disabled && handleSelect(item.id), onKeyDown: (e) => handleKeyDown(e, index), onFocus: () => setFocusedId(item.id), ...getCurrentAttributes(isSelected ? 'page' : undefined), children: item.label }, item.id));
-                }) }), selectedTab && (_jsx("div", { id: `tabpanel-${selectedTab.id}`, role: "tabpanel", "aria-labelledby": `tab-${selectedTab.id}`, className: "tabs-panel", children: selectedTab.content }))] }));
-};
-Tabs.displayName = 'Tabs';

package/dist/components/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-export { Tabs } from './Tabs';
-export type { TabsProps, TabItem } from './Tabs';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/dist/components/Tabs/index.js

@@ -1 +0,0 @@
-export { Tabs } from './Tabs';

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import './Toast.css';
-export interface ToastProps {
-    /**
-     * Unique ID for the toast
-     */
-    id: string;
-    /**
-     * Toast message
-     */
-    message: string;
-    /**
-     * Toast type
-     */
-    type?: 'info' | 'success' | 'warning' | 'error';
-    /**
-     * Whether toast can be dismissed
-     */
-    dismissible?: boolean;
-    /**
-     * Auto-dismiss duration in milliseconds (0 = no auto-dismiss). For WCAG compliance, this should be 6 seconds.
-     */
-    duration?: number;
-    /**
-     * Callback when toast is dismissed
-     */
-    onDismiss: (id: string) => void;
-    /**
-     * Pause auto-dismiss on hover
-     */
-    pauseOnHover?: boolean;
-}
-/**
- * Accessible Toast component
- *
- * WCAG Compliance:
- * - 4.1.3 Status Messages: ARIA live region announcements
- * - 2.1.1 Keyboard: ESC key support, Tab navigation support
- * - 2.4.3 Focus Order: Consistent focus order - toasts always appear in same position
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * Focus Order:
- * - Toasts are focusable with tabIndex={0} (not positive tabindex)
- * - Toast container is always rendered in the same DOM position (via portal to body)
- * - Toasts appear in consistent order (order added) for predictable tab navigation
- * - Container itself is not focusable, only individual toasts are focusable
- *
- * @example
- * ```tsx
- * <Toast
- *   id="toast-1"
- *   message="Successfully saved!"
- *   type="success"
- *   onDismiss={handleDismiss}
- * />
- * ```
- */
-export declare const Toast: React.FC<ToastProps>;
-//# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAE/B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqGtC,CAAA"}

package/dist/components/Toast/Toast.js

@@ -1,91 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { useAriaLive } from '../../hooks/useAriaLive';
-import { isEscapeKey } from '../../utils/keyboard';
-import { Button } from '../Button/Button';
-import './Toast.css';
-/**
- * Accessible Toast component
- *
- * WCAG Compliance:
- * - 4.1.3 Status Messages: ARIA live region announcements
- * - 2.1.1 Keyboard: ESC key support, Tab navigation support
- * - 2.4.3 Focus Order: Consistent focus order - toasts always appear in same position
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * Focus Order:
- * - Toasts are focusable with tabIndex={0} (not positive tabindex)
- * - Toast container is always rendered in the same DOM position (via portal to body)
- * - Toasts appear in consistent order (order added) for predictable tab navigation
- * - Container itself is not focusable, only individual toasts are focusable
- *
- * @example
- * ```tsx
- * <Toast
- *   id="toast-1"
- *   message="Successfully saved!"
- *   type="success"
- *   onDismiss={handleDismiss}
- * />
- * ```
- */
-export const Toast = ({ id, message, type = 'info', dismissible = true, duration = 6000, onDismiss, pauseOnHover = true, }) => {
-    const [isPaused, setIsPaused] = useState(false);
-    const timeoutRef = React.useRef(null);
-    // Announce toast via ARIA live region
-    useAriaLive(message, type === 'error' ? 'assertive' : 'polite');
-    // Auto-dismiss
-    useEffect(() => {
-        if (duration === 0 || isPaused) {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-                timeoutRef.current = null;
-            }
-            return;
-        }
-        timeoutRef.current = setTimeout(() => {
-            onDismiss(id);
-        }, duration);
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, [duration, id, onDismiss, isPaused]);
-    // Handle ESC key
-    useEffect(() => {
-        if (!dismissible)
-            return;
-        const handleKeyDown = (event) => {
-            if (isEscapeKey(event.key)) {
-                onDismiss(id);
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [dismissible, id, onDismiss]);
-    const handleMouseEnter = () => {
-        if (pauseOnHover) {
-            setIsPaused(true);
-        }
-    };
-    const handleMouseLeave = () => {
-        if (pauseOnHover) {
-            setIsPaused(false);
-        }
-    };
-    const handleDismiss = () => {
-        onDismiss(id);
-    };
-    const classes = [
-        'toast',
-        `toast--${type}`,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs("div", { className: classes, role: "alert", "aria-live": type === 'error' ? 'assertive' : 'polite', "aria-atomic": "true", tabIndex: 0, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("div", { className: "toast-content", children: _jsx("span", { className: "toast-message", children: message }) }), dismissible && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleDismiss, "aria-label": "Dismiss notification", className: "toast-dismiss", children: "\u00D7" }))] }));
-};
-Toast.displayName = 'Toast';

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ToastProps } from './Toast';
-import './ToastProvider.css';
-export interface ToastItem extends Omit<ToastProps, 'onDismiss'> {
-    id: string;
-}
-interface ToastContextValue {
-    addToast: (toast: Omit<ToastItem, 'id'>) => void;
-    removeToast: (id: string) => void;
-}
-export declare const useToast: () => ToastContextValue;
-export interface ToastProviderProps {
-    children: React.ReactNode;
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
-}
-/**
- * Toast Provider component
- * Manages toast stack and positioning
- */
-export declare const ToastProvider: React.FC<ToastProviderProps>;
-export {};
-//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Toast/ToastProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,qBAAqB,CAAA;AAE5B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAC9D,EAAE,EAAE,MAAM,CAAA;CACX;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;IAChD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAID,eAAO,MAAM,QAAQ,yBAMpB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAAA;CACtG;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoCtD,CAAA"}

package/dist/components/Toast/ToastProvider.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { Toast } from './Toast';
-import './ToastProvider.css';
-const ToastContext = createContext(undefined);
-export const useToast = () => {
-    const context = useContext(ToastContext);
-    if (!context) {
-        throw new Error('useToast must be used within ToastProvider');
-    }
-    return context;
-};
-/**
- * Toast Provider component
- * Manages toast stack and positioning
- */
-export const ToastProvider = ({ children, position = 'top-right', }) => {
-    const [toasts, setToasts] = useState([]);
-    const addToast = useCallback((toast) => {
-        const id = `toast-${Date.now()}-${Math.random()}`;
-        setToasts((prev) => [...prev, { ...toast, id }]);
-    }, []);
-    const removeToast = useCallback((id) => {
-        setToasts((prev) => prev.filter((toast) => toast.id !== id));
-    }, []);
-    // Always render container to maintain consistent DOM position for focus order
-    // Toasts appear in order they were added (newest last), maintaining consistent tab order
-    const toastContainer = (_jsx("div", { className: `toast-container toast-container--${position}`, role: "region", "aria-label": "Notifications", children: toasts.map((toast) => (_jsx(Toast, { ...toast, onDismiss: removeToast }, toast.id))) }));
-    return (_jsxs(ToastContext.Provider, { value: { addToast, removeToast }, children: [children, typeof document !== 'undefined' &&
-                createPortal(toastContainer, document.body)] }));
-};

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

@@ -1,5 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastProps } from './Toast';
-export type { ToastItem, ToastProviderProps } from './ToastProvider';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Toast/index.js

@@ -1,2 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';

package/dist/hooks/useAriaLive.d.ts

@@ -1,9 +0,0 @@
-/**
- * Hook to manage ARIA live regions for screen reader announcements
- *
- * @param message - Message to announce
- * @param priority - 'polite' (default) or 'assertive'
- * @param clearOnUnmount - Whether to clear the message on unmount
- */
-export declare function useAriaLive(message: string | undefined, priority?: 'polite' | 'assertive', clearOnUnmount?: boolean): void;
-//# sourceMappingURL=useAriaLive.d.ts.map

package/dist/hooks/useAriaLive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAriaLive.d.ts","sourceRoot":"","sources":["../../src/hooks/useAriaLive.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,GAAE,QAAQ,GAAG,WAAsB,EAC3C,cAAc,GAAE,OAAc,GAC7B,IAAI,CAkCN"}

package/dist/hooks/useAriaLive.js

@@ -1,39 +0,0 @@
-'use client';
-import { useEffect, useRef } from 'react';
-/**
- * Hook to manage ARIA live regions for screen reader announcements
- *
- * @param message - Message to announce
- * @param priority - 'polite' (default) or 'assertive'
- * @param clearOnUnmount - Whether to clear the message on unmount
- */
-export function useAriaLive(message, priority = 'polite', clearOnUnmount = true) {
-    const liveRegionRef = useRef(null);
-    useEffect(() => {
-        // Create or get the live region element
-        let liveRegion = document.getElementById(`aria-live-${priority}`);
-        if (!liveRegion) {
-            liveRegion = document.createElement('div');
-            liveRegion.id = `aria-live-${priority}`;
-            liveRegion.setAttribute('role', 'status');
-            liveRegion.setAttribute('aria-live', priority);
-            liveRegion.setAttribute('aria-atomic', 'true');
-            liveRegion.style.position = 'absolute';
-            liveRegion.style.left = '-10000px';
-            liveRegion.style.width = '1px';
-            liveRegion.style.height = '1px';
-            liveRegion.style.overflow = 'hidden';
-            document.body.appendChild(liveRegion);
-        }
-        liveRegionRef.current = liveRegion;
-        // Update the message
-        if (message) {
-            liveRegion.textContent = message;
-        }
-        return () => {
-            if (clearOnUnmount && liveRegionRef.current) {
-                liveRegionRef.current.textContent = '';
-            }
-        };
-    }, [message, priority, clearOnUnmount]);
-}

package/dist/hooks/useFocusReturn.d.ts

@@ -1,9 +0,0 @@
-/**
- * Hook to return focus to a previously focused element when component unmounts
- * Useful for modals, dropdowns, and other temporary UI elements
- *
- * @param returnOnUnmount - Whether to return focus on unmount
- * @param returnElement - Optional specific element to return focus to
- */
-export declare function useFocusReturn(returnOnUnmount?: boolean, returnElement?: HTMLElement | null): void;
-//# sourceMappingURL=useFocusReturn.d.ts.map

package/dist/hooks/useFocusReturn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusReturn.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusReturn.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,eAAe,GAAE,OAAc,EAC/B,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,GACjC,IAAI,CAwBN"}