@jazzmind/busibox-app 3.0.18

package/dist/components/shared/DeleteConfirmModal.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Trash2, Loader2, AlertTriangle } from 'lucide-react';
+/**
+ * A reusable delete confirmation modal with cascade delete option.
+ *
+ * @example
+ * ```tsx
+ * <DeleteConfirmModal
+ *   itemName="My Project"
+ *   itemType="project"
+ *   relatedCounts={[{ name: 'Tasks', count: 5 }, { name: 'Updates', count: 3 }]}
+ *   onConfirm={async (cascade) => { await deleteItem(cascade); }}
+ *   onCancel={() => setShowModal(false)}
+ * />
+ * ```
+ */
+export function DeleteConfirmModal({ itemName, itemType = 'record', isDocument = false, relatedCounts = [], onConfirm, onCancel, isDeleting = false, }) {
+    const [cascadeDelete, setCascadeDelete] = useState(false);
+    const totalRelated = relatedCounts.reduce((sum, r) => sum + r.count, 0);
+    const hasRelatedItems = totalRelated > 0;
+    const handleConfirm = async () => {
+        await onConfirm(cascadeDelete);
+    };
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: _jsxs("div", { className: "bg-white rounded-xl shadow-xl max-w-md w-full mx-4 overflow-hidden", children: [_jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 bg-red-100 rounded-full", children: _jsx(Trash2, { className: "w-5 h-5 text-red-600" }) }), _jsxs("h3", { className: "text-lg font-semibold text-gray-900", children: ["Delete ", itemType, "?"] })] }), _jsxs("p", { className: "text-sm text-gray-600 mb-2", children: ["Are you sure you want to delete ", _jsxs("strong", { children: ["\u201C", itemName, "\u201D"] }), "?"] }), _jsxs("p", { className: "text-sm text-gray-500 mb-4", children: ["This action cannot be undone.", isDocument
+                                    ? ' All records in this document will be permanently deleted.'
+                                    : ' The record will be permanently deleted.'] }), hasRelatedItems && (_jsxs("div", { className: "mb-4 p-4 bg-orange-50 border border-orange-200 rounded-lg", children: [_jsxs("div", { className: "flex items-start gap-2 mb-3", children: [_jsx(AlertTriangle, { className: "w-4 h-4 text-orange-500 mt-0.5" }), _jsxs("p", { className: "text-sm text-orange-800", children: ["This ", itemType, " has related records that may become orphaned."] })] }), _jsxs("label", { className: "flex items-start gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: cascadeDelete, onChange: (e) => setCascadeDelete(e.target.checked), className: "mt-1 rounded border-gray-300 text-red-600 focus:ring-red-500" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-900", children: "Also delete related records" }), _jsx("ul", { className: "mt-1 text-xs text-gray-600", children: relatedCounts.map(({ name, count }) => (count > 0 && (_jsxs("li", { children: ["\u2022 ", count, " ", name] }, name)))) })] })] })] }))] }), _jsxs("div", { className: "flex items-center justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-200", children: [_jsx("button", { onClick: onCancel, disabled: isDeleting, className: "px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors disabled:opacity-50", children: "Cancel" }), _jsx("button", { onClick: handleConfirm, disabled: isDeleting, className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-red-600 rounded-lg hover:bg-red-700 transition-colors disabled:opacity-50", children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "w-4 h-4 animate-spin" }), "Deleting..."] })) : (_jsxs(_Fragment, { children: [_jsx(Trash2, { className: "w-4 h-4" }), "Delete", cascadeDelete && hasRelatedItems ? ' All' : ''] })) })] })] }) }));
+}
+//# sourceMappingURL=DeleteConfirmModal.js.map

package/dist/components/shared/DeleteConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmModal.js","sourceRoot":"","sources":["../../../src/components/shared/DeleteConfirmModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/DynamicFavicon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Dynamic Favicon Component
+ *
+ * Updates the favicon based on portal customization settings.
+ * Falls back to default favicon if no custom favicon is set.
+ */
+export declare function DynamicFavicon(): null;
+//# sourceMappingURL=DynamicFavicon.d.ts.map

package/dist/components/shared/DynamicFavicon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFavicon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DynamicFavicon.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,cAAc,SA4B7B"}

package/dist/components/shared/DynamicFavicon.js

@@ -0,0 +1,35 @@
+'use client';
+import { useEffect } from 'react';
+import { useCustomization } from '../../contexts/CustomizationContext';
+/**
+ * Dynamic Favicon Component
+ *
+ * Updates the favicon based on portal customization settings.
+ * Falls back to default favicon if no custom favicon is set.
+ */
+export function DynamicFavicon() {
+    const { customization } = useCustomization();
+    useEffect(() => {
+        const faviconUrl = customization.faviconUrl || '/favicon.svg';
+        // Update all favicon links
+        const links = document.querySelectorAll("link[rel*='icon']");
+        links.forEach((link) => link.remove());
+        // Add new favicon
+        const newLink = document.createElement('link');
+        newLink.rel = 'icon';
+        newLink.href = faviconUrl;
+        // Set type based on URL extension
+        if (faviconUrl.endsWith('.svg')) {
+            newLink.type = 'image/svg+xml';
+        }
+        else if (faviconUrl.endsWith('.png')) {
+            newLink.type = 'image/png';
+        }
+        else if (faviconUrl.endsWith('.ico')) {
+            newLink.type = 'image/x-icon';
+        }
+        document.head.appendChild(newLink);
+    }, [customization.faviconUrl]);
+    return null;
+}
+//# sourceMappingURL=DynamicFavicon.js.map

package/dist/components/shared/DynamicFavicon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFavicon.js","sourceRoot":"","sources":["../../../src/components/shared/DynamicFavicon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,IAAI,cAAc,CAAC;QAE9D,2BAA2B;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAEvC,kBAAkB;QAClB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/C,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC;QACrB,OAAO,CAAC,IAAI,GAAG,UAAU,CAAC;QAE1B,kCAAkC;QAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC;QACjC,CAAC;aAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;QAC7B,CAAC;aAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,IAAI,GAAG,cAAc,CAAC;QAChC,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/shared/FetchWrapper.d.ts

@@ -0,0 +1,27 @@
+export type FetchWrapperProps = {
+    /**
+     * Callback when a 401 response is received and token refresh fails.
+     * If not provided, the global auth manager will handle it.
+     */
+    onAuthError?: (response: Response) => void;
+    /**
+     * Whether to automatically retry requests after token refresh.
+     * Default: true
+     */
+    autoRetry?: boolean;
+    /**
+     * URLs to skip 401 handling for (e.g., login endpoints).
+     */
+    skipAuthUrls?: string[];
+};
+/**
+ * Client-only helper that installs a browser fetch() wrapper.
+ *
+ * Current behavior:
+ * - If NEXT_PUBLIC_BASE_PATH is set, rewrites client calls from `/api/...` -> `${BASE_PATH}/api/...`
+ * - Leaves absolute URLs and non-`/api` paths untouched.
+ * - Intercepts 401 responses and triggers token refresh via auth state manager
+ * - Automatically retries failed requests after successful token refresh
+ */
+export declare function FetchWrapper({ onAuthError, autoRetry, skipAuthUrls, }?: FetchWrapperProps): null;
+//# sourceMappingURL=FetchWrapper.d.ts.map

package/dist/components/shared/FetchWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FetchWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/shared/FetchWrapper.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAE3C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,SAAgB,EAChB,YAA2G,GAC5G,GAAE,iBAAsB,QAiHxB"}

package/dist/components/shared/FetchWrapper.js

@@ -0,0 +1,113 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { getGlobalAuthManager, isAuthInitializing } from '../../lib/authz/auth-state-manager';
+/**
+ * Client-only helper that installs a browser fetch() wrapper.
+ *
+ * Current behavior:
+ * - If NEXT_PUBLIC_BASE_PATH is set, rewrites client calls from `/api/...` -> `${BASE_PATH}/api/...`
+ * - Leaves absolute URLs and non-`/api` paths untouched.
+ * - Intercepts 401 responses and triggers token refresh via auth state manager
+ * - Automatically retries failed requests after successful token refresh
+ */
+export function FetchWrapper({ onAuthError, autoRetry = true, skipAuthUrls = ['/api/auth/refresh', '/api/auth/session', '/api/session', '/api/logout', '/api/auth/token'], } = {}) {
+    const originalFetchRef = useRef(null);
+    useEffect(() => {
+        const BASE_PATH = process.env.NEXT_PUBLIC_BASE_PATH || '';
+        // Store original fetch only once
+        if (!originalFetchRef.current) {
+            originalFetchRef.current = window.fetch.bind(window);
+        }
+        const originalFetch = originalFetchRef.current;
+        window.fetch = async function (input, init) {
+            // Handle different input types
+            let url;
+            if (typeof input === 'string') {
+                url = input;
+            }
+            else if (input instanceof URL) {
+                url = input.href;
+            }
+            else if (input instanceof Request) {
+                url = input.url;
+            }
+            else {
+                url = String(input);
+            }
+            const originalUrl = url;
+            // Only modify URLs that:
+            // 1. Have a basePath configured
+            // 2. Start with /api (relative API routes)
+            // 3. Don't already include the base path
+            if (BASE_PATH && url.startsWith('/api') && !url.startsWith(BASE_PATH)) {
+                url = `${BASE_PATH}${url}`;
+                // Create new Request object or URL string with modified path
+                if (input instanceof Request) {
+                    input = new Request(url, input);
+                }
+                else if (input instanceof URL) {
+                    input = new URL(url, input);
+                }
+                else {
+                    input = url;
+                }
+            }
+            // Ensure credentials are included for all API calls to send cookies
+            if (!init) {
+                init = {};
+            }
+            if (init.credentials === undefined) {
+                init.credentials = 'include';
+            }
+            // Make the request
+            const response = await originalFetch.call(window, input, init);
+            // Handle 401 responses
+            if (response.status === 401) {
+                // Skip auth handling for certain URLs
+                const shouldSkip = skipAuthUrls.some(skipUrl => originalUrl.includes(skipUrl) || url.includes(skipUrl));
+                // Also skip if auth is initializing (token exchange in progress)
+                // In this case, just return the 401 without triggering redirects
+                if (isAuthInitializing()) {
+                    console.log('[FetchWrapper] Received 401 but auth is initializing, skipping redirect');
+                    return response;
+                }
+                if (!shouldSkip) {
+                    console.log('[FetchWrapper] Received 401 response for:', originalUrl);
+                    // Try to get the auth manager
+                    const authManager = getGlobalAuthManager();
+                    if (authManager) {
+                        // Let the auth manager handle the 401 - try refresh first
+                        const refreshed = await authManager.handle401Response();
+                        if (refreshed && autoRetry) {
+                            // Retry the original request with new credentials
+                            console.log('[FetchWrapper] Retrying request after token refresh');
+                            const retryResponse = await originalFetch.call(window, input, init);
+                            // If retry ALSO gets 401, the refresh didn't actually help.
+                            // Notify the auth manager so it can track the failure and eventually redirect.
+                            if (retryResponse.status === 401) {
+                                console.log('[FetchWrapper] Retry still got 401 - refresh did not help');
+                                authManager.handle401Response(); // Will increment counter and eventually redirect
+                            }
+                            return retryResponse;
+                        }
+                        // If refresh failed, handle401Response already triggers redirect
+                    }
+                    else if (onAuthError) {
+                        // Custom handler
+                        onAuthError(response);
+                    }
+                    // If no auth manager and no onAuthError, just return the 401
+                }
+            }
+            return response;
+        };
+        // Cleanup: restore original fetch on unmount
+        return () => {
+            if (originalFetchRef.current) {
+                window.fetch = originalFetchRef.current;
+            }
+        };
+    }, [onAuthError, autoRetry, skipAuthUrls]);
+    return null;
+}
+//# sourceMappingURL=FetchWrapper.js.map

package/dist/components/shared/FetchWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FetchWrapper.js","sourceRoot":"","sources":["../../../src/components/shared/FetchWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/Input.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Reusable Input Component
+ * Tailwind v4 - no @apply directives
+ */
+import React from 'react';
+export type InputProps = {
+    id?: string;
+    name?: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'url' | 'tel';
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'placeholder' | 'disabled' | 'required' | 'autoComplete' | 'autoFocus' | 'className'>;
+export declare function Input({ id, name, type, value, defaultValue, onChange, onBlur, placeholder, disabled, required, autoComplete, autoFocus, label, error, helperText, fullWidth, className, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/shared/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Input.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAExM,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,IAAI,EACJ,IAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAgB,EAChB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,UAAU,2CA+CZ"}

package/dist/components/shared/Input.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Input({ id, name, type = 'text', value, defaultValue, onChange, onBlur, placeholder, disabled = false, required = false, autoComplete, autoFocus = false, label, error, helperText, fullWidth = true, className = '', ...rest }) {
+    const inputId = id || name;
+    const baseStyles = 'px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-gray-100 disabled:cursor-not-allowed transition-colors';
+    const normalStyles = 'border-gray-300 focus:border-blue-500 focus:ring-blue-500';
+    const errorStyles = 'border-red-500 focus:border-red-500 focus:ring-red-500';
+    const widthStyle = fullWidth ? 'w-full' : '';
+    return (_jsxs("div", { className: fullWidth ? 'w-full' : '', children: [label && (_jsxs("label", { htmlFor: inputId, className: "block text-sm font-medium text-gray-700 mb-1", children: [label, required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] })), _jsx("input", { id: inputId, name: name, type: type, value: value, defaultValue: defaultValue, onChange: onChange, onBlur: onBlur, placeholder: placeholder, disabled: disabled, required: required, autoComplete: type === 'password' ? (autoComplete ?? 'off') : autoComplete, autoFocus: autoFocus, className: `${baseStyles} ${error ? errorStyles : normalStyles} ${widthStyle} ${className}`, ...(type === 'password' ? { 'data-1p-ignore': true, 'data-lpignore': 'true' } : {}), ...rest }), error && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: error })), helperText && !error && (_jsx("p", { className: "mt-1 text-sm text-gray-500", children: helperText }))] }));
+}
+//# sourceMappingURL=Input.js.map

package/dist/components/shared/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/shared/Input.tsx"],"names":[],"mappings":";AA2BA,MAAM,UAAU,KAAK,CAAC,EACpB,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,IAAI,EACI;IACX,MAAM,OAAO,GAAG,EAAE,IAAI,IAAI,CAAC;IAE3B,MAAM,UAAU,GAAG,8JAA8J,CAAC;IAClL,MAAM,YAAY,GAAG,2DAA2D,CAAC;IACjF,MAAM,WAAW,GAAG,wDAAwD,CAAC;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACtC,KAAK,IAAI,CACR,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8CAA8C,aAEvD,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,mBAAmB,kBAAS,IACnD,CACT,EAED,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,EAC1E,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,GAAG,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,IAAI,UAAU,IAAI,SAAS,EAAE,KACvF,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChF,IAAI,GACR,EAED,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAK,CACrD,EAEA,UAAU,IAAI,CAAC,KAAK,IAAI,CACvB,YAAG,SAAS,EAAC,4BAA4B,YAAE,UAAU,GAAK,CAC3D,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+/**
+ * Reusable Modal Component
+ * Tailwind v4 - no @apply directives
+ */
+import React from 'react';
+export type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+};
+export declare function Modal({ isOpen, onClose, title, children, footer, size, closeOnOverlayClick, closeOnEscape, showCloseButton, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: 'danger' | 'primary';
+    loading?: boolean;
+};
+export declare function ConfirmModal({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, variant, loading, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Modal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAW,EACX,mBAA0B,EAC1B,aAAoB,EACpB,eAAsB,GACvB,EAAE,UAAU,kDAiFZ;AAGD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAuB,EACvB,UAAqB,EACrB,OAAmB,EACnB,OAAe,GAChB,EAAE,iBAAiB,2CAuBnB"}

package/dist/components/shared/Modal.js

@@ -0,0 +1,51 @@
+/**
+ * Reusable Modal Component
+ * Tailwind v4 - no @apply directives
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Button } from './Button';
+export function Modal({ isOpen, onClose, title, children, footer, size = 'md', closeOnOverlayClick = true, closeOnEscape = true, showCloseButton = true, }) {
+    // Handle escape key
+    useEffect(() => {
+        if (!isOpen || !closeOnEscape)
+            return;
+        const handleEscape = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, closeOnEscape, onClose]);
+    // Prevent body scroll when modal is open
+    useEffect(() => {
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'unset';
+        }
+        return () => {
+            document.body.style.overflow = 'unset';
+        };
+    }, [isOpen]);
+    if (!isOpen)
+        return null;
+    const sizeStyles = {
+        sm: 'max-w-sm',
+        md: 'max-w-md',
+        lg: 'max-w-lg',
+        xl: 'max-w-xl',
+    };
+    const handleOverlayClick = (e) => {
+        if (closeOnOverlayClick && e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center overflow-y-auto bg-black bg-opacity-50 p-4", onClick: handleOverlayClick, children: _jsxs("div", { className: `relative bg-white rounded-lg shadow-xl w-full ${sizeStyles[size]} max-h-[90vh] flex flex-col`, children: [(title || showCloseButton) && (_jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-200", children: [title && (_jsx("h2", { className: "text-xl font-semibold text-gray-900", children: title })), showCloseButton && (_jsx("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Close modal", children: _jsx("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] })), _jsx("div", { className: "px-6 py-4 overflow-y-auto flex-1", children: children }), footer && (_jsx("div", { className: "px-6 py-4 border-t border-gray-200 bg-gray-50 rounded-b-lg", children: footer }))] }) }));
+}
+export function ConfirmModal({ isOpen, onClose, onConfirm, title, message, confirmText = 'Confirm', cancelText = 'Cancel', variant = 'primary', loading = false, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: title, size: "sm", closeOnOverlayClick: !loading, closeOnEscape: !loading, footer: _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelText }), _jsx(Button, { variant: variant, onClick: onConfirm, loading: loading, children: confirmText })] }), children: _jsx("p", { className: "text-gray-700", children: message }) }));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/components/shared/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/shared/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/Table.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Reusable Table Component
+ * Tailwind v4 - no @apply directives
+ */
+import React from 'react';
+export type Column<T> = {
+    key: string;
+    label: string;
+    render?: (item: T) => React.ReactNode;
+    sortable?: boolean;
+    width?: string;
+};
+export type TableProps<T> = {
+    columns: Column<T>[];
+    data: T[];
+    keyExtractor: (item: T) => string;
+    onRowClick?: (item: T) => void;
+    emptyMessage?: string;
+    loading?: boolean;
+    className?: string;
+};
+export declare function Table<T>({ columns, data, keyExtractor, onRowClick, emptyMessage, loading, className, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export type StatusBadgeProps = {
+    status: string;
+    variant?: 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+};
+export declare function StatusBadge({ status, variant }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export type PaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+};
+export declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/shared/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Table.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACvB,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,YAAkC,EAClC,OAAe,EACf,SAAc,GACf,EAAE,UAAU,CAAC,CAAC,CAAC,2CA4Df;AAGD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACjE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAmB,EAAE,EAAE,gBAAgB,2CAc5E;AAGD,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAc,GACf,EAAE,eAAe,2CA0DjB"}

package/dist/components/shared/Table.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Table({ columns, data, keyExtractor, onRowClick, emptyMessage = 'No data available', loading = false, className = '', }) {
+    return (_jsx("div", { className: `overflow-x-auto ${className}`, children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [_jsx("thead", { className: "bg-gray-50", children: _jsx("tr", { children: columns.map((column) => (_jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", style: column.width ? { width: column.width } : undefined, children: column.label }, column.key))) }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: loading ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-6 py-12 text-center text-gray-500", children: _jsx("div", { className: "flex items-center justify-center", children: _jsxs("svg", { className: "animate-spin h-8 w-8 text-blue-600", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) }) }) })) : data.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-6 py-12 text-center text-gray-500", children: emptyMessage }) })) : (data.map((item) => (_jsx("tr", { onClick: () => onRowClick?.(item), className: onRowClick ? 'hover:bg-gray-50 cursor-pointer transition-colors' : '', children: columns.map((column) => (_jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: column.render ? column.render(item) : item[column.key] }, column.key))) }, keyExtractor(item))))) })] }) }));
+}
+export function StatusBadge({ status, variant = 'neutral' }) {
+    const variantStyles = {
+        success: 'bg-green-100 text-green-800',
+        warning: 'bg-yellow-100 text-yellow-800',
+        danger: 'bg-red-100 text-red-800',
+        info: 'bg-blue-100 text-blue-800',
+        neutral: 'bg-gray-100 text-gray-800',
+    };
+    return (_jsx("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${variantStyles[variant]}`, children: status }));
+}
+export function Pagination({ currentPage, totalPages, onPageChange, className = '', }) {
+    const pages = Array.from({ length: totalPages }, (_, i) => i + 1);
+    // Show max 7 page buttons
+    let visiblePages = pages;
+    if (totalPages > 7) {
+        if (currentPage <= 4) {
+            visiblePages = [...pages.slice(0, 5), -1, totalPages];
+        }
+        else if (currentPage >= totalPages - 3) {
+            visiblePages = [1, -1, ...pages.slice(-5)];
+        }
+        else {
+            visiblePages = [1, -1, currentPage - 1, currentPage, currentPage + 1, -2, totalPages];
+        }
+    }
+    return (_jsxs("div", { className: `flex items-center justify-center gap-1 ${className}`, children: [_jsx("button", { onClick: () => onPageChange(currentPage - 1), disabled: currentPage === 1, className: "px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Previous" }), visiblePages.map((page, index) => {
+                if (page === -1 || page === -2) {
+                    return (_jsx("span", { className: "px-3 py-2 text-gray-500", children: "..." }, `ellipsis-${index}`));
+                }
+                return (_jsx("button", { onClick: () => onPageChange(page), className: `px-3 py-2 text-sm font-medium rounded-md transition-colors ${page === currentPage
+                        ? 'bg-blue-600 text-white'
+                        : 'text-gray-700 bg-white border border-gray-300 hover:bg-gray-50'}`, children: page }, page));
+            }), _jsx("button", { onClick: () => onPageChange(currentPage + 1), disabled: currentPage === totalPages, className: "px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Next" })] }));
+}
+//# sourceMappingURL=Table.js.map

package/dist/components/shared/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/shared/Table.tsx"],"names":[],"mappings":";AAyBA,MAAM,UAAU,KAAK,CAAI,EACvB,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,YAAY,GAAG,mBAAmB,EAClC,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,GACA;IACd,OAAO,CACL,cAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,YAC5C,iBAAO,SAAS,EAAC,qCAAqC,aACpD,gBAAO,SAAS,EAAC,YAAY,YAC3B,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,aAEE,KAAK,EAAC,KAAK,EACX,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAExD,MAAM,CAAC,KAAK,IALR,MAAM,CAAC,GAAG,CAMZ,CACN,CAAC,GACC,GACC,EACR,gBAAO,SAAS,EAAC,mCAAmC,YACjD,OAAO,CAAC,CAAC,CAAC,CACT,uBACE,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAC,sCAAsC,YAC3E,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,aAEnB,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAU,EACrG,eAAM,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,iHAAiH,GAAQ,IACxK,GACF,GACH,GACF,CACN,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,uBACE,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAC,sCAAsC,YAC1E,YAAY,GACV,GACF,CACN,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,aAEE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,EACjC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,YAE/E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,aAAqB,SAAS,EAAC,mDAAmD,YAC/E,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,MAAM,CAAC,GAAG,CAAC,IADzD,MAAM,CAAC,GAAG,CAEd,CACN,CAAC,IARG,YAAY,CAAC,IAAI,CAAC,CASpB,CACN,CAAC,CACH,GACK,IACF,GACJ,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,EAAoB;IAC3E,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,6BAA6B;QACtC,OAAO,EAAE,+BAA+B;QACxC,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,2BAA2B;QACjC,OAAO,EAAE,2BAA2B;KACrC,CAAC;IAEF,OAAO,CACL,eAAM,SAAS,EAAE,2EAA2E,aAAa,CAAC,OAAO,CAAC,EAAE,YACjH,MAAM,GACF,CACR,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,0BAA0B;IAC1B,IAAI,YAAY,GAAG,KAAK,CAAC;IACzB,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACnB,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;YACrB,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACzC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,0CAA0C,SAAS,EAAE,aACnE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,WAAW,KAAK,CAAC,EAC3B,SAAS,EAAC,2KAA2K,yBAG9K,EAER,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAChC,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC/B,OAAO,CACL,eAAgC,SAAS,EAAC,yBAAyB,qBAAxD,YAAY,KAAK,EAAE,CAEvB,CACR,CAAC;gBACJ,CAAC;gBAED,OAAO,CACL,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,SAAS,EAAE,8DACT,IAAI,KAAK,WAAW;wBAClB,CAAC,CAAC,wBAAwB;wBAC1B,CAAC,CAAC,gEACN,EAAE,YAED,IAAI,IARA,IAAI,CASF,CACV,CAAC;YACJ,CAAC,CAAC,EAEF,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,WAAW,KAAK,UAAU,EACpC,SAAS,EAAC,2KAA2K,qBAG9K,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/shared/UserAvatar.d.ts

@@ -0,0 +1,10 @@
+export interface UserAvatarProps {
+    name?: string;
+    email?: string;
+    avatarUrl?: string;
+    favoriteColor?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function UserAvatar({ name, email, avatarUrl, favoriteColor, size, className, }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserAvatar.d.ts.map

package/dist/components/shared/UserAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/shared/UserAvatar.tsx"],"names":[],"mappings":"AA0DA,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,IAAW,EACX,SAAS,GACV,EAAE,eAAe,2CAmDjB"}

package/dist/components/shared/UserAvatar.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { cn } from '../../lib/utils';
+const AVATAR_GRADIENTS = [
+    'from-blue-500 to-violet-600',
+    'from-emerald-500 to-teal-600',
+    'from-orange-500 to-pink-600',
+    'from-cyan-500 to-blue-600',
+    'from-fuchsia-500 to-purple-700',
+    'from-lime-500 to-emerald-700',
+    'from-rose-500 to-red-700',
+    'from-indigo-500 to-sky-600',
+    'from-amber-500 to-orange-700',
+    'from-slate-500 to-gray-700',
+];
+const SIZE_CLASS = {
+    xs: 'w-5 h-5 text-[9px]',
+    sm: 'w-7 h-7 text-[11px]',
+    md: 'w-9 h-9 text-sm',
+    lg: 'w-12 h-12 text-base',
+};
+const SIZE_PX = {
+    xs: 20,
+    sm: 28,
+    md: 36,
+    lg: 48,
+};
+function stringHash(value) {
+    let hash = 0;
+    for (let i = 0; i < value.length; i += 1) {
+        hash = (hash << 5) - hash + value.charCodeAt(i);
+        hash |= 0;
+    }
+    return Math.abs(hash);
+}
+function buildInitials(name, email) {
+    if (name && name.trim()) {
+        const parts = name.trim().split(/\s+/).filter(Boolean);
+        if (parts.length >= 2) {
+            return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+        }
+        return parts[0]?.[0]?.toUpperCase() || 'U';
+    }
+    const fallback = (email || '').split('@')[0];
+    const emailParts = fallback.split(/[._-]/).filter(Boolean);
+    if (emailParts.length >= 2) {
+        return `${emailParts[0][0]}${emailParts[1][0]}`.toUpperCase();
+    }
+    return fallback.slice(0, 2).toUpperCase() || 'U';
+}
+function normalizeHexColor(color) {
+    if (!color)
+        return null;
+    const value = color.trim();
+    if (!/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/.test(value))
+        return null;
+    if (value.length === 4) {
+        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`.toLowerCase();
+    }
+    return value.toLowerCase();
+}
+function shadeHex(hex, amount) {
+    const raw = hex.replace('#', '');
+    const r = Math.min(255, Math.max(0, parseInt(raw.slice(0, 2), 16) + amount));
+    const g = Math.min(255, Math.max(0, parseInt(raw.slice(2, 4), 16) + amount));
+    const b = Math.min(255, Math.max(0, parseInt(raw.slice(4, 6), 16) + amount));
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+}
+export function UserAvatar({ name, email, avatarUrl, favoriteColor, size = 'md', className, }) {
+    const [imageFailed, setImageFailed] = useState(false);
+    // Reset imageFailed when avatarUrl changes (e.g., user sets a new URL)
+    useEffect(() => {
+        setImageFailed(false);
+    }, [avatarUrl]);
+    const initials = useMemo(() => buildInitials(name, email), [name, email]);
+    const gradientClass = useMemo(() => {
+        const seed = name || email || 'user';
+        return AVATAR_GRADIENTS[stringHash(seed) % AVATAR_GRADIENTS.length];
+    }, [name, email]);
+    const normalizedFavoriteColor = useMemo(() => normalizeHexColor(favoriteColor), [favoriteColor]);
+    if (avatarUrl && !imageFailed) {
+        const px = SIZE_PX[size];
+        return (_jsx("img", { src: avatarUrl, alt: name || email || 'User avatar', className: cn('rounded-full object-cover border border-white/20', SIZE_CLASS[size], className), style: { width: px, height: px, maxWidth: px, maxHeight: px }, onError: () => setImageFailed(true) }));
+    }
+    return (_jsx("div", { className: cn('rounded-full flex items-center justify-center font-bold text-white bg-gradient-to-br shadow-sm', normalizedFavoriteColor ? undefined : gradientClass, SIZE_CLASS[size], className), style: normalizedFavoriteColor
+            ? { backgroundImage: `linear-gradient(135deg, ${normalizedFavoriteColor} 0%, ${shadeHex(normalizedFavoriteColor, -28)} 100%)` }
+            : undefined, "aria-label": name || email || 'User avatar', title: name || email || 'User', children: initials }));
+}
+//# sourceMappingURL=UserAvatar.js.map

package/dist/components/shared/UserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/shared/UserAvatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,gBAAgB,GAAG;IACvB,6BAA6B;IAC7B,8BAA8B;IAC9B,6BAA6B;IAC7B,2BAA2B;IAC3B,gCAAgC;IAChC,8BAA8B;IAC9B,0BAA0B;IAC1B,4BAA4B;IAC5B,8BAA8B;IAC9B,4BAA4B;CAC7B,CAAC;AAEF,MAAM,UAAU,GAAyD;IACvE,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,qBAAqB;CAC1B,CAAC;AAEF,MAAM,OAAO,GAAyD;IACpE,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,SAAS,UAAU,CAAC,KAAa;IAC/B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACzC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,CAAC;IACZ,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACxB,CAAC;AAED,SAAS,aAAa,CAAC,IAAa,EAAE,KAAc;IAClD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;QACtD,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,GAAG,CAAC;IAC7C,CAAC;IAED,MAAM,QAAQ,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3D,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAChE,CAAC;IACD,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC;AACnD,CAAC;AAWD,SAAS,iBAAiB,CAAC,KAAc;IACvC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,IAAI,CAAC,oCAAoC,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACnE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7F,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CAAC,GAAW,EAAE,MAAc;IAC3C,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7E,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AACnH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,IAAI,GAAG,IAAI,EACX,SAAS,GACO;IAChB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,uEAAuE;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,MAAM,CAAC;QACrC,OAAO,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAClB,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEjG,IAAI,SAAS,IAAI,CAAC,WAAW,EAAE,CAAC;QAC9B,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,CACL,cACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,IAAI,IAAI,KAAK,IAAI,aAAa,EACnC,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,UAAU,CAAC,IAAI,CAAC,EAChB,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GACnC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACnD,UAAU,CAAC,IAAI,CAAC,EAChB,SAAS,CACV,EACD,KAAK,EACH,uBAAuB;YACrB,CAAC,CAAC,EAAE,eAAe,EAAE,2BAA2B,uBAAuB,QAAQ,QAAQ,CAAC,uBAAuB,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE;YAC/H,CAAC,CAAC,SAAS,gBAEH,IAAI,IAAI,KAAK,IAAI,aAAa,EAC1C,KAAK,EAAE,IAAI,IAAI,KAAK,IAAI,MAAM,YAE7B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}