indas-ui 0.0.1 → 0.1.0

package/dist/cjs/contexts/NotificationContext.js

@@ -0,0 +1,169 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationProvider = NotificationProvider;
+exports.useNotifications = useNotifications;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("next-auth/react");
+const activity_1 = require("../lib/api/activity/index.js");
+const types_1 = require("../lib/api/activity/notifications/types.js");
+const useSignalR_1 = require("../hooks/useSignalR.js");
+const NotificationContext = (0, react_1.createContext)(undefined);
+/**
+ * Single source of truth for notifications — runs the fetch/poll/SignalR ONCE for the whole
+ * app. Consumers read shared state via `useNotifications()` instead of each mounting their own.
+ */
+function NotificationProvider({ children }) {
+    const { data: session } = (0, react_2.useSession)();
+    const [notifications, setNotifications] = (0, react_1.useState)([]);
+    const [notificationsLoading, setNotificationsLoading] = (0, react_1.useState)(false);
+    const [showNotificationDropdown, setShowNotificationDropdown] = (0, react_1.useState)(false);
+    const [activeNotificationCategory, setActiveNotificationCategory] = (0, react_1.useState)('all');
+    const [notificationSearchQuery, setNotificationSearchQuery] = (0, react_1.useState)('');
+    // Key off stable identity, not the session object (useSession() churns its reference each
+    // render — depending on it caused a refetch storm). Read the live session via a ref.
+    const sessionRef = (0, react_1.useRef)(session);
+    sessionRef.current = session;
+    const sessionKey = `${session?.user?.CompanyID ?? ''}:${session?.user?.UserID ?? ''}`;
+    const hasSession = !!session?.user;
+    // limit: 1000 (not 0) — the backend SP treats @Limit=0 as "return 0 rows", not "no cap".
+    const fetchNotifications = (0, react_1.useCallback)(async () => {
+        const sess = sessionRef.current;
+        if (!sess)
+            return;
+        setNotificationsLoading(true);
+        try {
+            const response = await activity_1.NotificationsAPI.getList({ limit: 1000 }, sess);
+            if (response.success && response.data) {
+                setNotifications(response.data);
+            }
+            else {
+                setNotifications([]);
+            }
+        }
+        catch {
+            setNotifications([]);
+        }
+        finally {
+            setNotificationsLoading(false);
+        }
+    }, []);
+    // Initial fetch once per logged-in identity.
+    (0, react_1.useEffect)(() => {
+        if (hasSession)
+            fetchNotifications();
+    }, [sessionKey, hasSession, fetchNotifications]);
+    // Safety-net poll for a dropped socket; SignalR handles live updates.
+    (0, react_1.useEffect)(() => {
+        if (!hasSession)
+            return;
+        const interval = setInterval(fetchNotifications, 60000);
+        return () => clearInterval(interval);
+    }, [sessionKey, hasSession, fetchNotifications]);
+    const handleReceiveNotification = (0, react_1.useCallback)((raw) => {
+        const mapped = (0, types_1.fromBackendNotification)(raw);
+        setNotifications(prev => {
+            if (prev.some(n => n.notificationId === mapped.notificationId))
+                return prev;
+            return [mapped, ...prev];
+        });
+    }, []);
+    (0, useSignalR_1.useSignalR)({ session, onReceiveNotification: handleReceiveNotification });
+    const categorizedNotifications = (0, react_1.useMemo)(() => ({
+        pending: notifications.filter(n => n.category === 'Pending'),
+        escalations: notifications.filter(n => n.category === 'Escalation'),
+        updates: notifications.filter(n => n.category === 'Update'),
+    }), [notifications]);
+    const getFilteredNotifications = (0, react_1.useCallback)(() => {
+        let filtered = activeNotificationCategory === 'all'
+            ? [...notifications].sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
+            : categorizedNotifications[activeNotificationCategory] || [];
+        if (notificationSearchQuery.trim()) {
+            const query = notificationSearchQuery.toLowerCase();
+            filtered = filtered.filter(n => n.title.toLowerCase().includes(query) ||
+                (n.message && n.message.toLowerCase().includes(query)));
+        }
+        return filtered;
+    }, [activeNotificationCategory, notifications, categorizedNotifications, notificationSearchQuery]);
+    const getNotificationCounts = (0, react_1.useCallback)(() => ({
+        all: notifications.length,
+        pending: categorizedNotifications.pending.length,
+        escalations: categorizedNotifications.escalations.length,
+        updates: categorizedNotifications.updates.length,
+    }), [notifications.length, categorizedNotifications]);
+    const getUnreadCount = (0, react_1.useCallback)(() => {
+        return notifications.filter(n => !n.isRead).length;
+    }, [notifications]);
+    const getUnreadCategoryCounts = (0, react_1.useCallback)(() => {
+        const unread = notifications.filter(n => !n.isRead);
+        return {
+            pending: unread.filter(n => n.category === 'Pending').length,
+            escalations: unread.filter(n => n.category === 'Escalation').length,
+            updates: unread.filter(n => n.category === 'Update').length,
+        };
+    }, [notifications]);
+    const markNotificationAsRead = (0, react_1.useCallback)(async (notificationId) => {
+        setNotifications(prev => prev.map(n => (n.notificationId === notificationId ? { ...n, isRead: true } : n)));
+        try {
+            await activity_1.NotificationsAPI.markAsRead([notificationId], sessionRef.current);
+        }
+        catch {
+            // Revert on error if needed
+        }
+    }, []);
+    const markAllAsRead = (0, react_1.useCallback)(async () => {
+        setNotifications(prev => prev.map(n => ({ ...n, isRead: true })));
+        try {
+            await activity_1.NotificationsAPI.markAllAsRead(sessionRef.current);
+        }
+        catch {
+            // Revert on error if needed
+        }
+    }, []);
+    const deleteNotification = (0, react_1.useCallback)(async (notificationId) => {
+        setNotifications(prev => prev.filter(n => n.notificationId !== notificationId));
+        try {
+            await activity_1.NotificationsAPI.delete(notificationId, sessionRef.current);
+        }
+        catch {
+            // Revert on error if needed
+        }
+    }, []);
+    const value = (0, react_1.useMemo)(() => ({
+        notifications,
+        notificationsLoading,
+        showNotificationDropdown,
+        setShowNotificationDropdown,
+        activeNotificationCategory,
+        setActiveNotificationCategory,
+        notificationSearchQuery,
+        setNotificationSearchQuery,
+        categorizedNotifications,
+        getFilteredNotifications,
+        getNotificationCounts,
+        getUnreadCount,
+        getUnreadCategoryCounts,
+        fetchNotifications,
+        markNotificationAsRead,
+        markAllAsRead,
+        deleteNotification,
+    }), [
+        notifications, notificationsLoading, showNotificationDropdown, activeNotificationCategory,
+        notificationSearchQuery, categorizedNotifications, getFilteredNotifications,
+        getNotificationCounts, getUnreadCount, getUnreadCategoryCounts, fetchNotifications,
+        markNotificationAsRead, markAllAsRead, deleteNotification,
+    ]);
+    return (0, jsx_runtime_1.jsx)(NotificationContext.Provider, { value: value, children: children });
+}
+/**
+ * Read the shared notification state. Signature keeps the legacy `session` arg for drop-in
+ * compatibility with the old hook, but it's ignored — the provider owns the session.
+ */
+function useNotifications(_session) {
+    const ctx = (0, react_1.useContext)(NotificationContext);
+    if (!ctx) {
+        throw new Error('useNotifications must be used within a NotificationProvider');
+    }
+    return ctx;
+}

package/dist/cjs/contexts/PageTitleContext.js

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageTitleProvider = exports.usePageTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const APP_NAME = 'Estimo';
+const PageTitleContext = (0, react_1.createContext)(undefined);
+const usePageTitle = () => {
+    const context = (0, react_1.useContext)(PageTitleContext);
+    if (context === undefined) {
+        throw new Error('usePageTitle must be used within a PageTitleProvider');
+    }
+    return context;
+};
+exports.usePageTitle = usePageTitle;
+const PageTitleProvider = ({ children }) => {
+    const [title, setTitle] = (0, react_1.useState)(APP_NAME);
+    (0, react_1.useEffect)(() => {
+        document.title = title || APP_NAME;
+    }, [title]);
+    const value = {
+        title,
+        setTitle,
+    };
+    return ((0, jsx_runtime_1.jsx)(PageTitleContext.Provider, { value: value, children: children }));
+};
+exports.PageTitleProvider = PageTitleProvider;

package/dist/cjs/contexts/SearchPreferencesContext.js

@@ -0,0 +1,42 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchPreferencesProvider = SearchPreferencesProvider;
+exports.useSearchPreferences = useSearchPreferences;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SearchPreferencesContext = (0, react_1.createContext)(undefined);
+function SearchPreferencesProvider({ children }) {
+    const [defaultSearchType, setDefaultSearchTypeState] = (0, react_1.useState)('advanced');
+    // Load from localStorage on mount
+    (0, react_1.useEffect)(() => {
+        const saved = localStorage.getItem('searchPreferences');
+        if (saved) {
+            try {
+                const preferences = JSON.parse(saved);
+                if (preferences.defaultSearchType === 'advanced' || preferences.defaultSearchType === 'new') {
+                    setDefaultSearchTypeState(preferences.defaultSearchType);
+                }
+            }
+            catch (error) {
+                console.error('Failed to parse search preferences:', error);
+            }
+        }
+    }, []);
+    // Save to localStorage when changed
+    const setDefaultSearchType = (type) => {
+        setDefaultSearchTypeState(type);
+        localStorage.setItem('searchPreferences', JSON.stringify({ defaultSearchType: type }));
+    };
+    return ((0, jsx_runtime_1.jsx)(SearchPreferencesContext.Provider, { value: {
+            defaultSearchType,
+            setDefaultSearchType
+        }, children: children }));
+}
+function useSearchPreferences() {
+    const context = (0, react_1.useContext)(SearchPreferencesContext);
+    if (context === undefined) {
+        throw new Error('useSearchPreferences must be used within a SearchPreferencesProvider');
+    }
+    return context;
+}

package/dist/cjs/contexts/SessionAdapterContext.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionAdapterProvider = SessionAdapterProvider;
+exports.useSessionAdapter = useSessionAdapter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SessionAdapterContext = (0, react_1.createContext)(null);
+function SessionAdapterProvider({ user, status, signOut, children }) {
+    const value = (0, react_1.useMemo)(() => ({
+        data: user ? { user } : null,
+        status: status ?? (user ? 'authenticated' : 'unauthenticated'),
+        signOut,
+    }), [user, status, signOut]);
+    return (0, jsx_runtime_1.jsx)(SessionAdapterContext.Provider, { value: value, children: children });
+}
+/** Drop-in replacement for next-auth's `useSession()` inside library components. */
+function useSessionAdapter() {
+    const ctx = (0, react_1.useContext)(SessionAdapterContext);
+    if (!ctx) {
+        throw new Error('useSessionAdapter must be used within <SessionAdapterProvider> (or indas-ui <AuthSessionProvider>)');
+    }
+    return ctx;
+}

package/dist/cjs/contexts/SidebarPreferencesContext.js

@@ -0,0 +1,116 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarPreferencesProvider = SidebarPreferencesProvider;
+exports.useSidebarPreferences = useSidebarPreferences;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const STORAGE_KEY = 'sidebarPreferences';
+const SidebarPreferencesContext = (0, react_1.createContext)(undefined);
+function SidebarPreferencesProvider({ children }) {
+    const [favorites, setFavorites] = (0, react_1.useState)([]);
+    const [hiddenItems, setHiddenItems] = (0, react_1.useState)([]);
+    const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
+    // Load from localStorage on mount
+    (0, react_1.useEffect)(() => {
+        try {
+            const saved = localStorage.getItem(STORAGE_KEY);
+            if (saved) {
+                const preferences = JSON.parse(saved);
+                if (Array.isArray(preferences.favorites)) {
+                    setFavorites(preferences.favorites);
+                }
+                if (Array.isArray(preferences.hiddenItems)) {
+                    setHiddenItems(preferences.hiddenItems);
+                }
+            }
+        }
+        catch (error) {
+            console.error('Failed to parse sidebar preferences:', error);
+        }
+        setIsLoaded(true);
+    }, []);
+    // Save to localStorage when changed
+    (0, react_1.useEffect)(() => {
+        if (!isLoaded)
+            return;
+        const preferences = {
+            favorites,
+            hiddenItems
+        };
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(preferences));
+    }, [favorites, hiddenItems, isLoaded]);
+    // Favorite actions
+    const addFavorite = (0, react_1.useCallback)((modulePath) => {
+        setFavorites(prev => {
+            if (prev.includes(modulePath))
+                return prev;
+            return [...prev, modulePath];
+        });
+    }, []);
+    const removeFavorite = (0, react_1.useCallback)((modulePath) => {
+        setFavorites(prev => prev.filter(path => path !== modulePath));
+    }, []);
+    const toggleFavorite = (0, react_1.useCallback)((modulePath) => {
+        setFavorites(prev => {
+            if (prev.includes(modulePath)) {
+                return prev.filter(path => path !== modulePath);
+            }
+            return [...prev, modulePath];
+        });
+    }, []);
+    const isFavorite = (0, react_1.useCallback)((modulePath) => {
+        return favorites.includes(modulePath);
+    }, [favorites]);
+    // Hidden items actions
+    const hideItem = (0, react_1.useCallback)((modulePath) => {
+        setHiddenItems(prev => {
+            if (prev.includes(modulePath))
+                return prev;
+            return [...prev, modulePath];
+        });
+        // Also remove from favorites if hidden
+        setFavorites(prev => prev.filter(path => path !== modulePath));
+    }, []);
+    const unhideItem = (0, react_1.useCallback)((modulePath) => {
+        setHiddenItems(prev => prev.filter(path => path !== modulePath));
+    }, []);
+    const toggleHidden = (0, react_1.useCallback)((modulePath) => {
+        setHiddenItems(prev => {
+            if (prev.includes(modulePath)) {
+                return prev.filter(path => path !== modulePath);
+            }
+            return [...prev, modulePath];
+        });
+    }, []);
+    const isHidden = (0, react_1.useCallback)((modulePath) => {
+        return hiddenItems.includes(modulePath);
+    }, [hiddenItems]);
+    const clearAllHidden = (0, react_1.useCallback)(() => {
+        setHiddenItems([]);
+    }, []);
+    const clearAllFavorites = (0, react_1.useCallback)(() => {
+        setFavorites([]);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(SidebarPreferencesContext.Provider, { value: {
+            favorites,
+            hiddenItems,
+            addFavorite,
+            removeFavorite,
+            toggleFavorite,
+            isFavorite,
+            hideItem,
+            unhideItem,
+            toggleHidden,
+            isHidden,
+            clearAllHidden,
+            clearAllFavorites
+        }, children: children }));
+}
+function useSidebarPreferences() {
+    const context = (0, react_1.useContext)(SidebarPreferencesContext);
+    if (context === undefined) {
+        throw new Error('useSidebarPreferences must be used within a SidebarPreferencesProvider');
+    }
+    return context;
+}

package/dist/cjs/contexts/ThemeContext.js

@@ -0,0 +1,193 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = void 0;
+exports.ThemeProvider = ThemeProvider;
+exports.ThemeScript = ThemeScript;
+exports.withTheme = withTheme;
+exports.ThemeDebug = ThemeDebug;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const useTheme_1 = require("../hooks/useTheme.js");
+const types_1 = require("../lib/theme/types.js");
+// Create the theme context
+exports.ThemeContext = (0, react_1.createContext)(null);
+/**
+ * Theme Provider Component
+ *
+ * Provides theme context to the entire application.
+ * Should be placed at the root of your app, typically in layout.tsx
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider defaultTheme={{ variant: 'blue', mode: 'light' }}>
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+function ThemeProvider({ children, defaultTheme = { variant: 'default', mode: 'light' }, storageKey = types_1.THEME_CONFIG.storageKey, enableSystem = true, attribute = types_1.THEME_CONFIG.attribute, defaultMode = 'light' }) {
+    const themeState = (0, useTheme_1.useThemeState)(defaultTheme, storageKey, enableSystem);
+    // Prevent hydration mismatch by not rendering until theme is initialized
+    const [isMounted, setIsMounted] = react_1.default.useState(false);
+    (0, react_1.useEffect)(() => {
+        setIsMounted(true);
+    }, []);
+    // Provide a stable context value to prevent unnecessary re-renders
+    const contextValue = react_1.default.useMemo(() => themeState, [themeState]);
+    if (!isMounted) {
+        // Return a div with the default theme class to prevent flash
+        return ((0, jsx_runtime_1.jsx)("div", { className: `theme-${defaultTheme.variant} ${defaultTheme.mode}`, children: children }));
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Provider, { value: contextValue, children: children }));
+}
+/**
+ * Theme Script Component
+ *
+ * Injects a script to prevent flash of incorrect theme on page load.
+ * Should be placed in the <head> of your document, typically in layout.tsx
+ *
+ * @example
+ * ```tsx
+ * <html>
+ *   <head>
+ *     <ThemeScript />
+ *   </head>
+ *   <body>...</body>
+ * </html>
+ * ```
+ */
+function ThemeScript({ storageKey = types_1.THEME_CONFIG.storageKey, defaultTheme = 'default', defaultMode = 'light' }) {
+    const script = `
+    (function() {
+      try {
+        // Get saved theme or use default - no system detection
+        var savedTheme;
+        try {
+          savedTheme = JSON.parse(localStorage.getItem('${storageKey}'));
+        } catch (e) {
+          savedTheme = null;
+        }
+
+        // Force light theme with default variant - this is hardcoded
+        var mode = 'light';
+        var variant = 'default';
+
+        // Always use default light theme, no exceptions
+
+        // Remove any existing theme classes
+        var html = document.documentElement;
+        var classList = html.classList;
+        var classesToRemove = [];
+        for (var i = 0; i < classList.length; i++) {
+          var className = classList[i];
+          if (className.startsWith('theme-') || className === 'light' || className === 'dark') {
+            classesToRemove.push(className);
+          }
+        }
+        classesToRemove.forEach(function(className) {
+          html.classList.remove(className);
+        });
+
+        // Add new theme classes
+        html.classList.add('theme-' + variant, mode);
+
+        // CSS variables are handled by CSS classes, no need to set them here
+      } catch (e) {
+        // Fallback: ensure we have default classes
+        var html = document.documentElement;
+        var classList = html.classList;
+        var classesToRemove = [];
+        for (var i = 0; i < classList.length; i++) {
+          var className = classList[i];
+          if (className.startsWith('theme-') || className === 'light' || className === 'dark') {
+            classesToRemove.push(className);
+          }
+        }
+        classesToRemove.forEach(function(className) {
+          html.classList.remove(className);
+        });
+        html.classList.add('theme-${defaultTheme}', '${defaultMode}');
+      }
+    })()
+  `;
+    // suppressHydrationWarning: this inline head script is a known target for
+    // browser extensions (e.g. ad/popup blockers) that overwrite its content or
+    // src before React hydrates, producing a false-positive hydration mismatch.
+    // The script itself is identical server/client; suppressing the warning here
+    // is the React-recommended fix for unavoidable head-script tampering.
+    return (0, jsx_runtime_1.jsx)("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: script } });
+}
+/**
+ * Higher-Order Component for theme-aware components
+ *
+ * @example
+ * ```tsx
+ * const ThemedButton = withTheme(({ theme, ...props }) => (
+ *   <button className={theme.isDark ? 'dark-button' : 'light-button'} {...props} />
+ * ))
+ * ```
+ */
+function withTheme(Component) {
+    return function ThemedComponent(props) {
+        return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Consumer, { children: (theme) => {
+                if (!theme) {
+                    throw new Error('withTheme must be used within a ThemeProvider');
+                }
+                return (0, jsx_runtime_1.jsx)(Component, { ...props, theme: theme });
+            } }));
+    };
+}
+/**
+ * Theme Debug Component
+ *
+ * Displays current theme information for development purposes.
+ * Only renders in development mode.
+ *
+ * @example
+ * ```tsx
+ * <ThemeDebug />
+ * ```
+ */
+function ThemeDebug() {
+    if (process.env.NODE_ENV !== 'development') {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Consumer, { children: (theme) => {
+            if (!theme)
+                return null;
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed bottom-4 right-4 bg-surface border border-bd-default rounded-lg p-4 shadow-lg text-xs font-mono max-w-xs z-50", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-semibold text-fg-default mb-2", children: "Theme Debug" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-fg-muted", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Variant: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.theme.variant })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Mode: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.theme.mode })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Dark: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.isDark.toString() })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["System: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.isSystemPreference.toString() })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Class: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.currentThemeClass })] }), theme.customTheme && ((0, jsx_runtime_1.jsxs)("div", { children: ["Custom: ", (0, jsx_runtime_1.jsx)("span", { className: "text-accent", children: theme.customTheme.name })] }))] })] }));
+        } }));
+}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,50 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormValidation = exports.useSignalR = exports.getIconBoxColors = exports.getNotificationIcon = exports.formatTimeAgo = exports.useNotifications = exports.usePrevious = exports.useFormProtection = exports.usePreventDataLoss = exports.useUnsavedChanges = exports.createIntelligentColumn = exports.COLUMN_SIZING_PRESETS = exports.useIntelligentColumnSizing = exports.useBacchaSearch = exports.useColumnFreezing = exports.useRowSelection = exports.THEME_PRESETS = exports.getThemeClasses = exports.useGridTheme = exports.STYLE_PRESETS = exports.useConditionalFormatting = exports.useKeyboardNavigation = exports.useGridSettings = exports.useColumnMetadata = exports.useDebouncedValue = exports.useDebounce = exports.useTheme = exports.useUniqueId = exports.useClientId = void 0;
+var useId_1 = require("./useId.js");
+Object.defineProperty(exports, "useClientId", { enumerable: true, get: function () { return useId_1.useClientId; } });
+Object.defineProperty(exports, "useUniqueId", { enumerable: true, get: function () { return useId_1.useUniqueId; } });
+var useTheme_1 = require("./useTheme.js");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
+var useDebounce_1 = require("./useDebounce.js");
+Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return useDebounce_1.useDebounce; } });
+Object.defineProperty(exports, "useDebouncedValue", { enumerable: true, get: function () { return useDebounce_1.useDebouncedValue; } });
+var useColumnMetadata_1 = require("./useColumnMetadata.js");
+Object.defineProperty(exports, "useColumnMetadata", { enumerable: true, get: function () { return useColumnMetadata_1.useColumnMetadata; } });
+var useGridSettings_1 = require("./useGridSettings.js");
+Object.defineProperty(exports, "useGridSettings", { enumerable: true, get: function () { return useGridSettings_1.useGridSettings; } });
+var useKeyboardNavigation_1 = require("./useKeyboardNavigation.js");
+Object.defineProperty(exports, "useKeyboardNavigation", { enumerable: true, get: function () { return useKeyboardNavigation_1.useKeyboardNavigation; } });
+var useConditionalFormatting_1 = require("./useConditionalFormatting.js");
+Object.defineProperty(exports, "useConditionalFormatting", { enumerable: true, get: function () { return useConditionalFormatting_1.useConditionalFormatting; } });
+Object.defineProperty(exports, "STYLE_PRESETS", { enumerable: true, get: function () { return useConditionalFormatting_1.STYLE_PRESETS; } });
+var useGridTheme_1 = require("./useGridTheme.js");
+Object.defineProperty(exports, "useGridTheme", { enumerable: true, get: function () { return useGridTheme_1.useGridTheme; } });
+Object.defineProperty(exports, "getThemeClasses", { enumerable: true, get: function () { return useGridTheme_1.getThemeClasses; } });
+Object.defineProperty(exports, "THEME_PRESETS", { enumerable: true, get: function () { return useGridTheme_1.THEME_PRESETS; } });
+var useRowSelection_1 = require("./useRowSelection.js");
+Object.defineProperty(exports, "useRowSelection", { enumerable: true, get: function () { return useRowSelection_1.useRowSelection; } });
+var useColumnFreezing_1 = require("./useColumnFreezing.js");
+Object.defineProperty(exports, "useColumnFreezing", { enumerable: true, get: function () { return useColumnFreezing_1.useColumnFreezing; } });
+var useBacchaSearch_1 = require("./useBacchaSearch.js");
+Object.defineProperty(exports, "useBacchaSearch", { enumerable: true, get: function () { return useBacchaSearch_1.useBacchaSearch; } });
+var useIntelligentColumnSizing_1 = require("./useIntelligentColumnSizing.js");
+Object.defineProperty(exports, "useIntelligentColumnSizing", { enumerable: true, get: function () { return useIntelligentColumnSizing_1.useIntelligentColumnSizing; } });
+Object.defineProperty(exports, "COLUMN_SIZING_PRESETS", { enumerable: true, get: function () { return useIntelligentColumnSizing_1.COLUMN_SIZING_PRESETS; } });
+Object.defineProperty(exports, "createIntelligentColumn", { enumerable: true, get: function () { return useIntelligentColumnSizing_1.createIntelligentColumn; } });
+var useUnsavedChanges_1 = require("./useUnsavedChanges.js");
+Object.defineProperty(exports, "useUnsavedChanges", { enumerable: true, get: function () { return useUnsavedChanges_1.useUnsavedChanges; } });
+Object.defineProperty(exports, "usePreventDataLoss", { enumerable: true, get: function () { return useUnsavedChanges_1.usePreventDataLoss; } });
+Object.defineProperty(exports, "useFormProtection", { enumerable: true, get: function () { return useUnsavedChanges_1.useFormProtection; } });
+var usePrevious_1 = require("./usePrevious.js");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
+var useNotifications_1 = require("./useNotifications.js");
+Object.defineProperty(exports, "useNotifications", { enumerable: true, get: function () { return useNotifications_1.useNotifications; } });
+Object.defineProperty(exports, "formatTimeAgo", { enumerable: true, get: function () { return useNotifications_1.formatTimeAgo; } });
+Object.defineProperty(exports, "getNotificationIcon", { enumerable: true, get: function () { return useNotifications_1.getNotificationIcon; } });
+Object.defineProperty(exports, "getIconBoxColors", { enumerable: true, get: function () { return useNotifications_1.getIconBoxColors; } });
+var useSignalR_1 = require("./useSignalR.js");
+Object.defineProperty(exports, "useSignalR", { enumerable: true, get: function () { return useSignalR_1.useSignalR; } });
+var useFormValidation_1 = require("./useFormValidation.js");
+Object.defineProperty(exports, "useFormValidation", { enumerable: true, get: function () { return useFormValidation_1.useFormValidation; } });