@teo-garcia/react-shared 0.1.9 → 1.2.0

package/dist/components/error-boundary/error-boundary.d.ts

@@ -1,70 +1,15 @@
 import { Component, type ReactNode } from 'react';
-import type { ErrorBoundaryProps } from '../../types';
+import type { ErrorBoundaryProps } from '../../types.js';
 interface ErrorBoundaryState {
     hasError: boolean;
     error: Error | null;
 }
-/**
- * ErrorBoundary component - Catches JavaScript errors in child components
- *
- * This component wraps your application (or part of it) to catch runtime errors
- * and display a fallback UI instead of crashing the entire app.
- *
- * Features:
- * - Catches errors in child component tree
- * - Displays custom fallback UI
- * - Optional error callback for logging
- * - Follows React error boundary best practices
- *
- * @example Basic usage
- * ```tsx
- * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return (
- *     <ErrorBoundary fallback={<div>Something went wrong</div>}>
- *       <YourApp />
- *     </ErrorBoundary>
- *   )
- * }
- * ```
- *
- * @example With dynamic fallback
- * ```tsx
- * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return (
- *     <ErrorBoundary
- *       fallback={(error) => (
- *         <div>
- *           <h1>Error: {error.message}</h1>
- *           <button onClick={() => window.location.reload()}>Reload</button>
- *         </div>
- *       )}
- *       onError={(error, errorInfo) => {
- *         console.error('Error caught:', error, errorInfo)
- *         // Send to error tracking service
- *       }}
- *     >
- *       <YourApp />
- *     </ErrorBoundary>
- *   )
- * }
- * ```
- */
 export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
-    /**
-     * Static method called when an error is thrown in a child component
-     * Updates state to trigger fallback UI rendering
-     */
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    /**
-     * Called after an error is caught
-     * Used for side effects like logging
-     */
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
+    resetError(): void;
     render(): ReactNode;
 }
 export {};

package/dist/components/error-boundary/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC;;;OAGG;IACH,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAOjE,MAAM,IAAI,SAAS;CAwCpB"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,gBAAgB,CAAA;AAEvE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAMrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI;IAQvD,UAAU,IAAI,IAAI;IAKlB,MAAM,IAAI,SAAS;CA2EpB"}

package/dist/components/error-boundary/error-boundary.js

@@ -1,100 +1,74 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from 'react';
-/**
- * ErrorBoundary component - Catches JavaScript errors in child components
- *
- * This component wraps your application (or part of it) to catch runtime errors
- * and display a fallback UI instead of crashing the entire app.
- *
- * Features:
- * - Catches errors in child component tree
- * - Displays custom fallback UI
- * - Optional error callback for logging
- * - Follows React error boundary best practices
- *
- * @example Basic usage
- * ```tsx
- * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return (
- *     <ErrorBoundary fallback={<div>Something went wrong</div>}>
- *       <YourApp />
- *     </ErrorBoundary>
- *   )
- * }
- * ```
- *
- * @example With dynamic fallback
- * ```tsx
- * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return (
- *     <ErrorBoundary
- *       fallback={(error) => (
- *         <div>
- *           <h1>Error: {error.message}</h1>
- *           <button onClick={() => window.location.reload()}>Reload</button>
- *         </div>
- *       )}
- *       onError={(error, errorInfo) => {
- *         console.error('Error caught:', error, errorInfo)
- *         // Send to error tracking service
- *       }}
- *     >
- *       <YourApp />
- *     </ErrorBoundary>
- *   )
- * }
- * ```
- */
 export class ErrorBoundary extends Component {
     constructor(props) {
         super(props);
         this.state = { hasError: false, error: null };
+        this.resetError = this.resetError.bind(this);
     }
-    /**
-     * Static method called when an error is thrown in a child component
-     * Updates state to trigger fallback UI rendering
-     */
     static getDerivedStateFromError(error) {
         return { hasError: true, error };
     }
-    /**
-     * Called after an error is caught
-     * Used for side effects like logging
-     */
     componentDidCatch(error, errorInfo) {
-        // Call optional error handler prop
-        if (this.props.onError) {
-            this.props.onError(error, errorInfo);
-        }
+        this.props.onError?.(error, errorInfo);
+    }
+    componentDidUpdate(prevProps) {
+        if (!this.state.hasError)
+            return;
+        const prevKeys = prevProps.resetKeys ?? [];
+        const nextKeys = this.props.resetKeys ?? [];
+        const changed = nextKeys.some((key, i) => key !== prevKeys[i]);
+        if (changed)
+            this.resetError();
+    }
+    resetError() {
+        this.props.onReset?.();
+        this.setState({ hasError: false, error: null });
     }
     render() {
-        // If an error was caught, render fallback UI
-        if (this.state.hasError && this.state.error) {
-            const { fallback } = this.props;
-            // If fallback is a function, call it with the error
-            if (typeof fallback === 'function') {
-                return fallback(this.state.error);
-            }
-            // If fallback is provided, render it
-            if (fallback) {
+        const { hasError, error } = this.state;
+        if (hasError && error) {
+            const { FallbackComponent, fallbackRender, fallback } = this.props;
+            const fallbackProps = {
+                error,
+                resetError: this.resetError,
+            };
+            if (FallbackComponent)
+                return _jsx(FallbackComponent, { ...fallbackProps });
+            if (fallbackRender)
+                return fallbackRender(fallbackProps);
+            if (typeof fallback === 'function')
+                return fallback(error);
+            if (fallback != null)
                 return fallback;
-            }
-            // Default fallback UI if none provided
-            return (_jsxs("div", { role: "alert", style: {
-                    padding: '20px',
-                    margin: '20px',
+            return (_jsxs("div", { role: 'alert', style: {
+                    padding: '1rem',
                     border: '1px solid #f5c6cb',
                     borderRadius: '4px',
                     backgroundColor: '#f8d7da',
                     color: '#721c24',
-                }, children: [_jsx("h2", { style: { marginTop: 0 }, children: "Something went wrong" }), _jsxs("details", { style: { whiteSpace: 'pre-wrap' }, children: [_jsx("summary", { style: { cursor: 'pointer', marginBottom: '10px' }, children: "Error details" }), this.state.error.toString()] })] }));
+                    fontFamily: 'inherit',
+                }, children: [_jsx("p", { style: { margin: 0, fontWeight: 600 }, children: "Something went wrong" }), _jsx("p", { style: { margin: '0.5rem 0 0', fontSize: '0.875rem' }, children: error.message }), error.stack && (_jsxs("details", { style: { marginTop: '0.5rem' }, children: [_jsx("summary", { style: {
+                                    cursor: 'pointer',
+                                    fontSize: '0.875rem',
+                                    userSelect: 'none',
+                                }, children: "Stack trace" }), _jsx("pre", { style: {
+                                    marginTop: '0.5rem',
+                                    whiteSpace: 'pre-wrap',
+                                    fontSize: '0.75rem',
+                                    overflowX: 'auto',
+                                }, children: error.stack })] })), _jsx("button", { onClick: this.resetError, style: {
+                            marginTop: '0.75rem',
+                            padding: '0.25rem 0.75rem',
+                            cursor: 'pointer',
+                            fontSize: '0.875rem',
+                            border: '1px solid #721c24',
+                            borderRadius: '4px',
+                            background: 'transparent',
+                            color: '#721c24',
+                        }, children: "Try again" })] }));
         }
-        // No error, render children normally
         return this.props.children;
     }
 }

package/dist/components/error-boundary/index.d.ts

@@ -1,2 +1,3 @@
 export { ErrorBoundary } from './error-boundary.js';
+export type { FallbackProps } from '../../types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error-boundary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/focus-trap/focus-trap.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+interface FocusTrapProps {
+    children: ReactNode;
+    /** Whether the trap is active. Defaults to `true`. */
+    active?: boolean;
+    /** Focus the first focusable element on activation. Defaults to `true`. */
+    initialFocus?: boolean;
+}
+/**
+ * Traps keyboard focus within its container while active.
+ * Restores focus to the previously focused element on deactivation or unmount.
+ * Required for accessible modals, dialogs, and drawers.
+ */
+export declare function FocusTrap({ children, active, initialFocus, }: FocusTrapProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=focus-trap.d.ts.map

package/dist/components/focus-trap/focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.d.ts","sourceRoot":"","sources":["../../../src/components/focus-trap/focus-trap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAYzD,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAa,EACb,YAAmB,GACpB,EAAE,cAAc,2CA8ChB"}

package/dist/components/focus-trap/focus-trap.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+const FOCUSABLE_SELECTORS = [
+    'a[href]',
+    'area[href]',
+    'button:not([disabled])',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(', ');
+/**
+ * Traps keyboard focus within its container while active.
+ * Restores focus to the previously focused element on deactivation or unmount.
+ * Required for accessible modals, dialogs, and drawers.
+ */
+export function FocusTrap({ children, active = true, initialFocus = true, }) {
+    const containerRef = useRef(null);
+    const previousFocusRef = useRef(null);
+    useEffect(() => {
+        if (!active || !containerRef.current)
+            return;
+        previousFocusRef.current = document.activeElement;
+        const container = containerRef.current;
+        const getFocusable = () => Array.from(container.querySelectorAll(FOCUSABLE_SELECTORS));
+        if (initialFocus) {
+            getFocusable()[0]?.focus();
+        }
+        function handleKeyDown(event) {
+            if (event.key !== 'Tab')
+                return;
+            const focusable = getFocusable();
+            const first = focusable[0];
+            const last = focusable.at(-1);
+            const current = document.activeElement;
+            if (event.shiftKey) {
+                if (current === first || !container.contains(current)) {
+                    event.preventDefault();
+                    last?.focus();
+                }
+            }
+            else {
+                if (current === last || !container.contains(current)) {
+                    event.preventDefault();
+                    first?.focus();
+                }
+            }
+        }
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+            previousFocusRef.current?.focus();
+        };
+    }, [active, initialFocus]);
+    return _jsx("div", { ref: containerRef, children: children });
+}

package/dist/components/focus-trap/index.d.ts

@@ -0,0 +1,2 @@
+export { FocusTrap } from './focus-trap.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/focus-trap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/focus-trap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/focus-trap/index.js

@@ -0,0 +1 @@
+export { FocusTrap } from './focus-trap.js';

package/dist/components/index.d.ts

@@ -1,7 +1,11 @@
-/**
- * Components - Reusable React UI components
- */
+export * from './aspect-ratio/index.js';
+export * from './debug-json/index.js';
+export * from './dev-panel/index.js';
 export * from './error-boundary/index.js';
-export * from './theme-switch/index.js';
-export * from './viewport-info/index.js';
+export * from './focus-trap/index.js';
+export * from './portal/index.js';
+export * from './separator/index.js';
+export * from './skeleton/index.js';
+export * from './skip-link/index.js';
+export * from './visually-hidden/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA"}

package/dist/components/index.js

@@ -1,6 +1,10 @@
-/**
- * Components - Reusable React UI components
- */
+export * from './aspect-ratio/index.js';
+export * from './debug-json/index.js';
+export * from './dev-panel/index.js';
 export * from './error-boundary/index.js';
-export * from './theme-switch/index.js';
-export * from './viewport-info/index.js';
+export * from './focus-trap/index.js';
+export * from './portal/index.js';
+export * from './separator/index.js';
+export * from './skeleton/index.js';
+export * from './skip-link/index.js';
+export * from './visually-hidden/index.js';

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

@@ -0,0 +1,2 @@
+export { Portal } from './portal.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/portal/index.js

@@ -0,0 +1 @@
+export { Portal } from './portal.js';

package/dist/components/portal/portal.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+interface PortalProps {
+    children: ReactNode;
+    /** Target DOM element. Defaults to `document.body`. */
+    container?: Element | null;
+}
+/**
+ * Renders children into a DOM node outside the component tree.
+ * SSR-safe: returns null on the server and on first paint to avoid hydration
+ * mismatch.
+ */
+export declare function Portal({ children, container }: PortalProps): import("react").ReactPortal | null;
+export {};
+//# sourceMappingURL=portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,sCAY1D"}

package/dist/components/portal/portal.js

@@ -0,0 +1,21 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+/**
+ * Renders children into a DOM node outside the component tree.
+ * SSR-safe: returns null on the server and on first paint to avoid hydration
+ * mismatch.
+ */
+export function Portal({ children, container }) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    if (!mounted)
+        return null;
+    // null means the container element is not yet available — do not render
+    if (container === null)
+        return null;
+    return createPortal(children, container ?? document.body);
+}

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

@@ -0,0 +1,2 @@
+export { Separator } from './separator.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/separator/index.js

@@ -0,0 +1 @@
+export { Separator } from './separator.js';

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,11 @@
+interface SeparatorProps {
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+/**
+ * Semantic separator with Tailwind styling.
+ * RSC-safe. Use `orientation="vertical"` in flex rows.
+ */
+export declare function Separator({ orientation, className, }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/separator/separator.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,WAA0B,EAC1B,SAAS,GACV,EAAE,cAAc,2CAchB"}

package/dist/components/separator/separator.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/**
+ * Semantic separator with Tailwind styling.
+ * RSC-safe. Use `orientation="vertical"` in flex rows.
+ */
+export function Separator({ orientation = 'horizontal', className, }) {
+    return (_jsx("hr", { role: 'separator', "aria-orientation": orientation, className: cn(orientation === 'horizontal'
+            ? 'my-2 w-full border-t'
+            : 'mx-2 h-full border-l', 'border-black/10 dark:border-white/10', className) }));
+}

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

@@ -0,0 +1,2 @@
+export { Skeleton } from './skeleton.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from './skeleton.js';

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,3 @@
+import { type HTMLAttributes } from 'react';
+export declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,2CAUhC"}

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+export function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: cn('animate-pulse rounded bg-black/10 dark:bg-white/10', className), ...props }));
+}

package/dist/components/skip-link/index.d.ts

@@ -0,0 +1,2 @@
+export { SkipLink } from './skip-link.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skip-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skip-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/skip-link/index.js

@@ -0,0 +1 @@
+export { SkipLink } from './skip-link.js';

package/dist/components/skip-link/skip-link.d.ts

@@ -0,0 +1,13 @@
+import { type AnchorHTMLAttributes } from 'react';
+interface SkipLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The `id` of the main content element to jump to, e.g. `"main-content"`. */
+    href: string;
+}
+/**
+ * Visually hidden link that appears on focus.
+ * Required by WCAG 2.4.1 — every WCAG audit flags its absence.
+ * Renders before any other content in the document.
+ */
+export declare function SkipLink({ href, children, ...props }: SkipLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/components/skip-link/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../src/components/skip-link/skip-link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE3D,UAAU,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACrE,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAiC,EACjC,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Bf"}

package/dist/components/skip-link/skip-link.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Visually hidden link that appears on focus.
+ * Required by WCAG 2.4.1 — every WCAG audit flags its absence.
+ * Renders before any other content in the document.
+ */
+export function SkipLink({ href, children = 'Skip to main content', ...props }) {
+    const [focused, setFocused] = useState(false);
+    return (_jsx("a", { href: href, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: {
+            position: 'absolute',
+            top: focused ? '0.5rem' : '-100%',
+            left: '0.5rem',
+            zIndex: 9999,
+            padding: '0.5rem 1rem',
+            background: '#000',
+            color: '#fff',
+            textDecoration: 'none',
+            borderRadius: '4px',
+            fontSize: '0.875rem',
+            fontWeight: 500,
+            transition: 'top 0.1s',
+            outline: '2px solid transparent',
+        }, ...props, children: children }));
+}

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './visually-hidden.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/visually-hidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/visually-hidden/index.js

@@ -0,0 +1 @@
+export { VisuallyHidden } from './visually-hidden.js';

package/dist/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,3 @@
+import { type HTMLAttributes } from 'react';
+export declare function VisuallyHidden({ children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/components/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAc3C,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,eAAe,CAAC,2CAMjC"}

package/dist/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const style = {
+    position: 'absolute',
+    width: '1px',
+    height: '1px',
+    padding: 0,
+    margin: '-1px',
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    whiteSpace: 'nowrap',
+    borderWidth: 0,
+};
+export function VisuallyHidden({ children, ...props }) {
+    return (_jsx("span", { style: style, ...props, children: children }));
+}

package/dist/hooks/index.d.ts

@@ -1,6 +1,16 @@
-/**
- * Hooks - Reusable React hooks for common functionality
- */
-export { useHealthcheck } from './use-healthcheck.js';
-export type { UseHealthcheckOptions } from './use-healthcheck.js';
+export { useCopyToClipboard } from './use-copy-to-clipboard.js';
+export { useDebounce } from './use-debounce.js';
+export { useEventListener } from './use-event-listener.js';
+export { useIdle } from './use-idle.js';
+export { useIntersectionObserver } from './use-intersection-observer.js';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect.js';
+export { useLatest } from './use-latest.js';
+export { useLocalStorage } from './use-local-storage.js';
+export { useMediaQuery } from './use-media-query.js';
+export { useNetworkStatus } from './use-network-status.js';
+export { useOnClickOutside } from './use-on-click-outside.js';
+export { usePrevious } from './use-previous.js';
+export { useRenderCount } from './use-render-count.js';
+export { useToggle } from './use-toggle.js';
+export { useWhyDidYouRender } from './use-why-did-you-render.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA"}