indas-ui 0.1.3 → 0.1.5

package/dist/components/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Main component index - exports all design system components
 export * from './ui/index.js';
 export * from './layout/index.js';

package/dist/components/layout/footer.js

@@ -2,6 +2,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
 import { useTranslation } from "../../hooks/useTranslation.js";
+import { formatNumber } from '../../lib/number-format.js';
 export function Footer({ kpis, actions, iconButtons, leftContent, className, sticky = false, compact = false, padding, variant = 'page', gradient = false }) {
     if (!kpis && !actions && !leftContent && !iconButtons) {
         return null;
@@ -41,7 +42,7 @@ export function Footer({ kpis, actions, iconButtons, leftContent, className, sti
                     padding === 'normal' ? "py-3 sm:py-4" :
                         compact ? "py-1" :
                             isModal ? "py-1.5 sm:py-2" : "py-3 sm:py-4"), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4 w-full sm:w-auto", children: [leftContent, kpis && kpis.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-3 sm:gap-6 md:gap-8", children: kpis.map((kpi) => (_jsxs("div", { className: cn("flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm", kpi.onClick && "cursor-pointer hover:text-[rgb(var(--color-primary-hover))] transition-colors"), onClick: kpi.onClick, children: [_jsxs("span", { className: "text-[rgb(var(--fg-muted))] whitespace-nowrap", children: [kpi.label, ":"] }), _jsx("span", { className: "font-medium text-[rgb(var(--fg-default))]", children: typeof kpi.value === 'number'
-                                            ? kpi.value.toLocaleString()
+                                            ? formatNumber(kpi.value)
                                             : kpi.value }), kpi.trend && (_jsxs("span", { className: cn("text-xs font-medium", kpi.trend.direction === 'up'
                                             ? "text-[rgb(var(--color-success))]"
                                             : "text-[rgb(var(--color-error))]"), children: [kpi.trend.direction === 'up' ? '↑' : '↓', Math.abs(kpi.trend.value), "%"] }))] }, kpi.id))) }))] }), iconButtons && iconButtons.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-1.5 sm:gap-2", children: iconButtons.map((button) => {

package/dist/components/layout/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Layout Components - Centralized exports
 export { DynamicSidebar } from './sidebar.js';
 export { Footer, CompactFooter } from './footer.js';

package/dist/components/layout/side-panel.js

@@ -107,7 +107,10 @@ export function SidePanel({ title, icon: Icon, categories, activeItemId, onItemS
                                                                     return _jsx(ItemIcon, { className: "w-4 h-4 shrink-0 opacity-50" });
                                                                 })(), _jsx("span", { className: "truncate flex-1", children: item.label }), item.badge !== undefined && item.badge !== 0 && (_jsx("span", { className: cn("text-xs px-1.5 py-0.5 rounded-full shrink-0 tabular-nums", activeItemId === item.id
                                                                         ? "bg-[rgb(var(--color-primary))] text-white"
-                                                                        : "bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-muted))]"), children: item.badge }))] }), itemContextMenu && (_jsx("button", { onClick: (e) => handleMenuToggle(e, item.id), className: "absolute right-1.5 top-1/2 -translate-y-1/2 w-6 h-6 rounded-md text-[rgb(var(--fg-muted))]/50 flex items-center justify-center hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))] transition-all opacity-0 group-hover:opacity-100", children: _jsx(MoreVertical, { className: "w-3.5 h-3.5" }) }))] }, item.id))) }))] }, category.id))))] })) }), footer && !isCollapsed && (_jsx("div", { className: cn("shrink-0 border-t border-[rgb(var(--bd-default))] transition-opacity duration-200", isAnimating ? "opacity-0" : "opacity-100"), children: footer }))] }), menuOpen !== null && itemContextMenu && (_jsx("div", { ref: menuRef, className: "fixed bg-[rgb(var(--bg-surface))] border border-[rgb(var(--bd-default))] rounded-lg min-w-[170px] shadow-lg overflow-hidden z-[9999]", style: {
+                                                                        : "bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-muted))]"), children: item.badge }))] }), itemContextMenu && (
+                                                        // Named for screen readers, and shown on keyboard focus as well as hover:
+                                                        // it was an unlabelled button nobody tabbing could see.
+                                                        _jsx("button", { type: "button", onClick: (e) => handleMenuToggle(e, item.id), "aria-label": `More actions for ${item.label}`, "aria-haspopup": "menu", "aria-expanded": menuOpen === item.id, className: "absolute right-1.5 top-1/2 -translate-y-1/2 w-6 h-6 rounded-md text-[rgb(var(--fg-muted))]/50 flex items-center justify-center hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))] transition-all opacity-0 group-hover:opacity-100 focus-visible:opacity-100", children: _jsx(MoreVertical, { className: "w-3.5 h-3.5" }) }))] }, item.id))) }))] }, category.id))))] })) }), footer && !isCollapsed && (_jsx("div", { className: cn("shrink-0 border-t border-[rgb(var(--bd-default))] transition-opacity duration-200", isAnimating ? "opacity-0" : "opacity-100"), children: footer }))] }), menuOpen !== null && itemContextMenu && (_jsx("div", { ref: menuRef, className: "fixed bg-[rgb(var(--bg-surface))] border border-[rgb(var(--bd-default))] rounded-lg min-w-[170px] shadow-lg overflow-hidden z-[9999]", style: {
                         left: `${menuPosition.left}px`,
                         top: `${menuPosition.top}px`,
                         transform: 'translateY(-50%)'

package/dist/components/layout/sidebar.js

@@ -13,6 +13,7 @@ import '../../styles/sidebar-scrollbar.css';
 import { createPortal } from 'react-dom';
 import { SidebarContextMenu, SidebarGroupContextMenu } from './SidebarContextMenu.js';
 import { useSidebarPreferences } from '../../contexts/SidebarPreferencesContext.js';
+import { useOptionalSessionAdapter } from '../../contexts/SessionAdapterContext.js';
 // Route mapping imported from shared utility: getModuleRoutePath
 // Routes that support quick-create via sidebar "+" button.
 // When clicked, navigates to {route}?create=true — the page opens its create modal.
@@ -123,6 +124,14 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
     const [expandedSubModules, setExpandedSubModules] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
+    // The menu API needs the signed-in session (company credentials). Read from the session adapter,
+    // not next-auth, so the library does not require next-auth; held in a ref so a fresh session
+    // object does not refetch the menu, only the session arriving or leaving does.
+    const sessionAdapter = useOptionalSessionAdapter();
+    const sessionRef = React.useRef(sessionAdapter?.data ?? null);
+    sessionRef.current = sessionAdapter?.data ?? null;
+    const hasSession = Boolean(sessionAdapter?.data);
+    const sessionStatus = sessionAdapter?.status ?? 'unauthenticated';
     const [needsScroll, setNeedsScroll] = React.useState(false);
     const navRef = React.useRef(null);
     const [hoveredGroup, setHoveredGroup] = React.useState(null);
@@ -164,6 +173,12 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
         if (!companyId || !userId) {
             return;
         }
+        // No session yet: wait for it (this runs again when it arrives); none at all: no menu.
+        if (!hasSession) {
+            if (sessionStatus !== 'loading')
+                setLoading(false);
+            return;
+        }
         let isCancelled = false;
         const fetchNavigation = async () => {
             // Check cache first - include session start time to invalidate cache across logins
@@ -189,7 +204,7 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
             try {
                 setLoading(true);
                 setError(null);
-                const navigation = await getDynamicNavigation(companyId, userId);
+                const navigation = await getDynamicNavigation(companyId, userId, sessionRef.current);
                 if (!isCancelled) {
                     setGroupedModules(navigation);
                     // Cache the result
@@ -217,7 +232,7 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
                 clearTimeout(hoverTimeoutRef.current);
             }
         };
-    }, [companyId, userId]);
+    }, [companyId, userId, hasSession, sessionStatus]);
     // Auto-open parent items based on current path (optimized)
     React.useEffect(() => {
         if (groupedModules.length === 0)

package/dist/components/master/editable-cells/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Unified Editable Cell Components
  *

package/dist/components/master/index.js

@@ -1,3 +1,2 @@
-'use client';
 // Editable Cells
 export { EditableCell, EditableTextCell, EditableDecimalCell } from './editable-cells/index.js';

package/dist/components/messaging/messaging-panel-content.js

@@ -5,14 +5,14 @@ import { useRouter } from 'next/navigation';
 import { MessageSquare, Send, RefreshCw } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
 import { useLanguage } from '../../contexts/LanguageContext.js';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../../contexts/SessionAdapterContext.js';
 import { useMessaging } from '../../contexts/MessagingContext.js';
 import { parseParticipants } from '../../lib/api/activity/messaging/messaging.js';
 import { getAvatarColor, getInitials, formatRelativeTime } from './conversation-list.js';
 import { Button } from '../ui/index.js';
 export function MessagingPanelContent({ onClose }) {
     const { t } = useLanguage();
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const { state, actions } = useMessaging();
     const router = useRouter();
     const currentUserId = String(session?.user?.UserID || session?.user?.userID || '');

package/dist/components/modals/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Modal components exports
 export { APIConfigModal } from './api-config-modal.js';
 export { GlobalAPIConfigModal } from './global-api-config-modal.js';

package/dist/components/ui/display/stats-card.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TrendingUp, TrendingDown } from "lucide-react";
 import { cn } from "../../../lib/utils.js";
 import { Card } from "./card.js";
+import { formatNumber } from '../../../lib/number-format.js';
 const iconVariants = {
     default: "bg-primary text-white",
     accent: "bg-accent text-white",
@@ -12,7 +13,7 @@ const iconVariants = {
 export function StatsCard({ title, value, icon: Icon, trend, description, className, variant = 'default' }) {
     const TrendIcon = trend?.direction === 'up' ? TrendingUp : TrendingDown;
     const trendColor = trend?.direction === 'up' ? 'text-success' : 'text-error';
-    return (_jsx(Card, { className: cn("p-6 min-h-[140px] w-full", className), children: _jsxs("div", { className: "flex items-start gap-4", children: [Icon && (_jsx("div", { className: cn("flex-shrink-0 p-3 rounded-lg", iconVariants[variant]), children: _jsx(Icon, { className: "h-6 w-6" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-baseline flex-wrap gap-2", children: [_jsx("p", { className: "text-2xl font-semibold text-fg-default truncate", children: typeof value === 'number' ? value.toLocaleString() : value }), trend && (_jsxs("div", { className: cn("flex items-center text-sm font-semibold", trendColor), children: [_jsx(TrendIcon, { className: "h-4 w-4 flex-shrink-0" }), _jsxs("span", { className: "ml-1", children: [Math.abs(trend.value), "%", trend.label && ` ${trend.label}`] })] }))] }), _jsx("p", { className: "text-sm font-medium text-fg-muted mt-2 line-clamp-2", children: title }), description && (_jsx("p", { className: "text-sm text-fg-subtle mt-1 line-clamp-1", children: description }))] })] }) }));
+    return (_jsx(Card, { className: cn("p-6 min-h-[140px] w-full", className), children: _jsxs("div", { className: "flex items-start gap-4", children: [Icon && (_jsx("div", { className: cn("flex-shrink-0 p-3 rounded-lg", iconVariants[variant]), children: _jsx(Icon, { className: "h-6 w-6" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-baseline flex-wrap gap-2", children: [_jsx("p", { className: "text-2xl font-semibold text-fg-default truncate", children: typeof value === 'number' ? formatNumber(value) : value }), trend && (_jsxs("div", { className: cn("flex items-center text-sm font-semibold", trendColor), children: [_jsx(TrendIcon, { className: "h-4 w-4 flex-shrink-0" }), _jsxs("span", { className: "ml-1", children: [Math.abs(trend.value), "%", trend.label && ` ${trend.label}`] })] }))] }), _jsx("p", { className: "text-sm font-medium text-fg-muted mt-2 line-clamp-2", children: title }), description && (_jsx("p", { className: "text-sm text-fg-subtle mt-1 line-clamp-1", children: description }))] })] }) }));
 }
 export function StatsGrid({ children, columns = 4, className }) {
     const gridCols = {

package/dist/components/ui/feedback/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "secondary" | "outline" | "destructive" | "warning" | "success" | "orange" | "cyan" | "indigo" | "lime" | "pink" | "purple" | "teal" | "violet" | "default" | "department" | "module" | "danger" | "info" | "amber" | "emerald" | "sky" | "rose" | "primary-selected" | "warning-selected" | "success-selected" | "orange-selected" | "error-selected" | "primary-unselected" | "warning-unselected" | "success-unselected" | "orange-unselected" | "error-unselected";
+    variant?: "secondary" | "outline" | "destructive" | "warning" | "success" | "orange" | "cyan" | "indigo" | "lime" | "pink" | "purple" | "teal" | "violet" | "default" | "module" | "info" | "department" | "danger" | "amber" | "emerald" | "sky" | "rose" | "primary-selected" | "warning-selected" | "success-selected" | "orange-selected" | "error-selected" | "primary-unselected" | "warning-unselected" | "success-unselected" | "orange-unselected" | "error-unselected";
     size?: "sm" | "lg" | "default";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/ui/index.js

@@ -1,4 +1,3 @@
-'use client';
 // UI Components - Centralized exports with organized folder structure
 // ============================================================================
 // FORMS

package/dist/components/ui/navigation/tabs.js

@@ -38,7 +38,10 @@ export function Tabs({ tabs, activeTab, onTabChange, fullWidth = false, classNam
                                 ? 'bg-[rgb(var(--color-primary))] text-white border-[rgb(var(--color-primary))]'
                                 : 'bg-[rgb(var(--bg-surface))] text-[rgb(var(--fg-muted))] border-[rgb(var(--bd-default))] hover:border-[rgb(var(--color-primary))] hover:text-[rgb(var(--color-primary))]'), children: q.label }, q.value));
                     }) })) : undefined;
-                return (_jsx(Dropdown, { options: tab.dropdownOptions, value: selected, onValueChange: (sel) => {
+                return (_jsx(Dropdown, { options: tab.dropdownOptions, 
+                    // Periods are listed in time order (Apr, May, Jun… / Week 1, 2, 3…); sorted by label,
+                    // the months came out Apr, Aug, Dec, Feb.
+                    preserveOrder: true, value: selected, onValueChange: (sel) => {
                         const arr = Array.isArray(sel) ? sel.map(String) : [String(sel)];
                         // Ticking a named option clears any quick preset (This/Last) — they're exclusive.
                         const quickVals = (tab.quickOptions || []).map(q => q.value);

package/dist/contexts/EmailContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useReducer, useEffect, useCallback, useMemo } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from './SessionAdapterContext.js';
 import { createEmailAPI, DEFAULT_FOLDERS, DEFAULT_CATEGORIES } from '../lib/api/activity/email/index.js';
 const FOLDER_CACHE_MAX_AGE = 5 * 60 * 1000; // 5 minutes
 // Initial State
@@ -145,11 +145,12 @@ function emailReducer(state, action) {
 const EmailContext = createContext(undefined);
 // Email Provider Component
 export function EmailProvider({ children }) {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const [state, dispatch] = useReducer(emailReducer, initialState);
     // Memoize on stable identity — useSession() returns a new object each render, so an
     // unmemoized api would churn every useCallback([api]) and trigger repeated fetches.
     const sessionIdentity = `${session?.user?.CompanyID ?? ''}:${session?.user?.UserID ?? ''}`;
+    // The adapter carries the next-auth session as AuthSessionProvider received it, so it has the shape the email API reads.
     const api = useMemo(() => createEmailAPI(session), [sessionIdentity]); // eslint-disable-line react-hooks/exhaustive-deps
     // Initialize email system when session is available
     // NOTE: Initialization is now manual - call actions.fetchEmails() when needed

package/dist/contexts/MessagingContext.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useReducer, useCallback, useEffect, useRef, useMemo } from 'react';
 import { HubConnectionBuilder, HubConnectionState, LogLevel } from '@microsoft/signalr';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from './SessionAdapterContext.js';
 import { MessagingAPI } from '../lib/api/activity/messaging/messaging.js';
 import { parseReactions } from '../lib/api/activity/messaging/messaging.js';
 import { getBasicAuthHeader } from '../lib/api/core/config.js';
@@ -192,7 +192,7 @@ function messagingReducer(state, action) {
 const MessagingContext = createContext(undefined);
 // ─── Provider ───────────────────────────────────────────────────────────────
 export function MessagingProvider({ children }) {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const [state, dispatch] = useReducer(messagingReducer, initialState);
     const stateRef = useRef(state);
     stateRef.current = state;

package/dist/contexts/NavigationContext.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { getDynamicNavigation } from '../lib/api/index.js';
 import { getModuleRoutePath } from '../lib/utils.js';
+import { useOptionalSessionAdapter } from './SessionAdapterContext.js';
 /**
  * Filter grouped modules to only those with MobileSupported = 1/true.
  * Returns grouped structure with empty groups removed.
@@ -20,11 +21,25 @@ export function NavigationProvider({ children, companyId, userId }) {
     const [groupedModules, setGroupedModules] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
+    // The menu API needs the signed-in session (company credentials). Read from the session adapter,
+    // not next-auth, so the library does not require next-auth; held in a ref so a fresh session
+    // object does not refetch the menu, only the session arriving or leaving does.
+    const sessionAdapter = useOptionalSessionAdapter();
+    const sessionRef = React.useRef(sessionAdapter?.data ?? null);
+    sessionRef.current = sessionAdapter?.data ?? null;
+    const hasSession = Boolean(sessionAdapter?.data);
+    const sessionStatus = sessionAdapter?.status ?? 'unauthenticated';
     const fetchNavigation = React.useCallback(async () => {
         if (!companyId || !userId) {
             setLoading(false);
             return;
         }
+        // No session yet: wait for it (this runs again when it arrives); none at all: no menu.
+        if (!hasSession) {
+            if (sessionStatus !== 'loading')
+                setLoading(false);
+            return;
+        }
         const cacheKey = `navigation_${companyId}_${userId}`;
         const cacheTimeKey = `${cacheKey}_time`;
         const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
@@ -41,7 +56,7 @@ export function NavigationProvider({ children, companyId, userId }) {
                 }
             }
             setLoading(true);
-            const navigation = await getDynamicNavigation(companyId, userId);
+            const navigation = await getDynamicNavigation(companyId, userId, sessionRef.current);
             setGroupedModules(navigation);
             localStorage.setItem(cacheKey, JSON.stringify(navigation));
             localStorage.setItem(cacheTimeKey, Date.now().toString());
@@ -53,7 +68,7 @@ export function NavigationProvider({ children, companyId, userId }) {
         finally {
             setLoading(false);
         }
-    }, [companyId, userId]);
+    }, [companyId, userId, hasSession, sessionStatus]);
     React.useEffect(() => {
         fetchNavigation();
     }, [fetchNavigation]);

package/dist/contexts/NotificationContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from './SessionAdapterContext.js';
 import { NotificationsAPI } from '../lib/api/activity/index.js';
 import { fromBackendNotification } from '../lib/api/activity/notifications/types.js';
 import { useSignalR } from '../hooks/useSignalR.js';
@@ -11,7 +11,7 @@ const NotificationContext = createContext(undefined);
  * app. Consumers read shared state via `useNotifications()` instead of each mounting their own.
  */
 export function NotificationProvider({ children }) {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const [notifications, setNotifications] = useState([]);
     const [notificationsLoading, setNotificationsLoading] = useState(false);
     const [showNotificationDropdown, setShowNotificationDropdown] = useState(false);

package/dist/contexts/SessionAdapterContext.d.ts

@@ -35,5 +35,10 @@ export interface SessionAdapterProviderProps {
     children: ReactNode;
 }
 export declare function SessionAdapterProvider({ user, status, signOut, children }: SessionAdapterProviderProps): import("react").JSX.Element;
+/**
+ * The session when a provider is present, null when not: for components that also render in apps
+ * without one, such as the dynamic sidebar, which simply loads no menu then.
+ */
+export declare function useOptionalSessionAdapter(): SessionAdapterValue | null;
 /** Drop-in replacement for next-auth's `useSession()` inside library components. */
 export declare function useSessionAdapter(): SessionAdapterValue;

package/dist/contexts/SessionAdapterContext.js

@@ -10,6 +10,13 @@ export function SessionAdapterProvider({ user, status, signOut, children }) {
     }), [user, status, signOut]);
     return _jsx(SessionAdapterContext.Provider, { value: value, children: children });
 }
+/**
+ * The session when a provider is present, null when not: for components that also render in apps
+ * without one, such as the dynamic sidebar, which simply loads no menu then.
+ */
+export function useOptionalSessionAdapter() {
+    return useContext(SessionAdapterContext);
+}
 /** Drop-in replacement for next-auth's `useSession()` inside library components. */
 export function useSessionAdapter() {
     const ctx = useContext(SessionAdapterContext);

package/dist/hooks/index.js

@@ -1,4 +1,3 @@
-'use client';
 export { useClientId, useUniqueId } from './useId.js';
 export { useTheme } from './useTheme.js';
 export { useDebounce, useDebouncedValue } from './useDebounce.js';

package/dist/hooks/useApproval.js

@@ -20,13 +20,13 @@
  * ```
  */
 import { useState, useEffect, useCallback } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../contexts/SessionAdapterContext.js';
 import { ApprovalAPI } from '../lib/api/approval/index.js';
 /**
  * useApproval Hook
  */
 export function useApproval() {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     // State
     const [pendingApprovals, setPendingApprovals] = useState([]);
     const [isLoading, setIsLoading] = useState(false);

package/dist/hooks/useBusinessAudit.js

@@ -14,10 +14,10 @@
  * ```
  */
 import { useState, useCallback } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../contexts/SessionAdapterContext.js';
 import { BusinessAuditAPI } from '../lib/api/activity/audit/index.js';
 export function useBusinessAudit() {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const [isLogging, setIsLogging] = useState(false);
     const logAction = useCallback(async (action, module, details) => {
         if (!session)

package/dist/hooks/useDraft.js

@@ -19,13 +19,13 @@
  * ```
  */
 import { useState, useEffect, useCallback } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../contexts/SessionAdapterContext.js';
 import { DraftAPI } from '../lib/api/draft/index.js';
 /**
  * useDraft Hook - Milestone Based
  */
 export function useDraft(module, currentState) {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     // State
     const [drafts, setDrafts] = useState([]);
     const [isLoadingDrafts, setIsLoadingDrafts] = useState(false);

package/dist/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Components
 export * from './components/index.js';
 // Contexts, providers, session adapter, utils (also available as 'indas-ui/providers')

package/dist/lib/api/activity/audit/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Audit API Module
  * Exports audit logging functionality

package/dist/lib/api/activity/email/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Email API - Main Export File
 export * from './types.js';
 export * from './client.js';

package/dist/lib/api/activity/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Activity API Module
  * Exports audit logs, email, and notifications functionality

package/dist/lib/api/activity/notifications/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Notifications API Module
  * Exports notification functionality

package/dist/lib/api/activity/remarks/index.js

@@ -1,2 +1 @@
-'use client';
 export { RemarkIntelligenceAPI } from './remarks.js';

package/dist/lib/api/approval/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Approval API Module
  * Exports approval workflow functionality

package/dist/lib/api/auth/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Authentication API exports
 // Central export point for all authentication APIs
 export { authenticateUser, setAuthAPIConfig, getAuthAPIConfig, clearAuthAPIConfig } from './auth.js';

package/dist/lib/api/core/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Core API exports
 // Central export point for all core API utilities
 // Export APIClient as both named and default export

package/dist/lib/api/draft/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Draft API Module
  * Exports draft management functionality

package/dist/lib/api/enquiry/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Enquiry API exports
 export * from './enquiry.js';
 export * from './rate-enquiry.js';

package/dist/lib/api/estimation/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Estimation API exports
 // Central export point for all estimation-related APIs
 // Export category APIs

package/dist/lib/api/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Main API barrel export
 // Provides convenient access to all API modules
 // Re-export core utilities

package/dist/lib/api/master/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Master API exports
 // Central export point for all master data APIs
 // Export Process Master API

package/dist/lib/api/utility/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Utility API exports
 // Central export point for all utility APIs
 // Export menu API

package/dist/lib/api/utility/menu.d.ts

@@ -18,9 +18,13 @@ export interface GroupedModule {
 }
 /**
  * Fetch dynamic menu modules from external API
- * Now uses APIClient for proper authentication with company credentials
+ * Now uses APIClient for proper authentication with company credentials.
+ *
+ * The caller passes the session (from useSessionAdapter, which AuthSessionProvider fills from
+ * next-auth) rather than this module calling next-auth's getSession: importing next-auth here made
+ * every app installing indas-ui install next-auth too, since nearly every entry reaches this file.
  */
-export declare function fetchDynamicMenuModules(companyId: number, userId: number): Promise<DynamicModule[]>;
+export declare function fetchDynamicMenuModules(companyId: number, userId: number, session?: unknown): Promise<DynamicModule[]>;
 /**
  * Group modules by ModuleHeadName and sort by ModuleDisplayOrder
  * Now supports hierarchical sub-modules
@@ -29,4 +33,4 @@ export declare function groupAndSortModules(modules: DynamicModule[]): GroupedMo
 /**
  * Get dynamic navigation structure for sidebar
  */
-export declare function getDynamicNavigation(companyId?: number, userId?: number): Promise<GroupedModule[]>;
+export declare function getDynamicNavigation(companyId?: number, userId?: number, session?: unknown): Promise<GroupedModule[]>;

package/dist/lib/api/utility/menu.js

@@ -2,15 +2,16 @@
 // Dynamic Menu API
 // Handles dynamic menu and navigation
 import APIClient from '../core/client.js';
-import { getSession } from 'next-auth/react';
 /**
  * Fetch dynamic menu modules from external API
- * Now uses APIClient for proper authentication with company credentials
+ * Now uses APIClient for proper authentication with company credentials.
+ *
+ * The caller passes the session (from useSessionAdapter, which AuthSessionProvider fills from
+ * next-auth) rather than this module calling next-auth's getSession: importing next-auth here made
+ * every app installing indas-ui install next-auth too, since nearly every entry reaches this file.
  */
-export async function fetchDynamicMenuModules(companyId, userId) {
+export async function fetchDynamicMenuModules(companyId, userId, session) {
     try {
-        // Get session to pass to APIClient for company credentials
-        const session = await getSession();
         if (!session) {
             return [];
         }
@@ -119,10 +120,10 @@ export function groupAndSortModules(modules) {
 /**
  * Get dynamic navigation structure for sidebar
  */
-export async function getDynamicNavigation(companyId, userId) {
+export async function getDynamicNavigation(companyId, userId, session) {
     if (!companyId || !userId) {
         return [];
     }
-    const modules = await fetchDynamicMenuModules(companyId, userId);
+    const modules = await fetchDynamicMenuModules(companyId, userId, session);
     return groupAndSortModules(modules);
 }

package/dist/lib/number-format.d.ts

@@ -0,0 +1,18 @@
+/**
+ * How every number in the library is written. Indian grouping by default (20,00,000, not
+ * 2,000,000): the products built on this library keep Indian books, and a bare `toLocaleString()`
+ * follows whatever locale the browser happens to be set to, so the same figure read differently on
+ * two machines.
+ *
+ * A product that needs another convention calls `setNumberLocale()` once at start-up.
+ */
+export declare function setNumberLocale(locale: string): void;
+export declare function getNumberLocale(): string;
+/** A full number with grouping, up to two decimals. Empty for null, undefined or NaN. */
+export declare function formatNumber(value: number | string | null | undefined, maximumFractionDigits?: number): string;
+/**
+ * A short number for chart axes, where a full figure runs into its neighbour: 12,500 · 20 L ·
+ * 1.4 Cr in Indian grouping; 12.5K · 2M · 1.4B otherwise. Below a lakh (or a thousand) it is the
+ * full number.
+ */
+export declare function formatCompactNumber(value: number | string | null | undefined): string;

package/dist/lib/number-format.js

@@ -0,0 +1,54 @@
+'use client';
+/**
+ * How every number in the library is written. Indian grouping by default (20,00,000, not
+ * 2,000,000): the products built on this library keep Indian books, and a bare `toLocaleString()`
+ * follows whatever locale the browser happens to be set to, so the same figure read differently on
+ * two machines.
+ *
+ * A product that needs another convention calls `setNumberLocale()` once at start-up.
+ */
+let numberLocale = 'en-IN';
+export function setNumberLocale(locale) {
+    numberLocale = locale;
+}
+export function getNumberLocale() {
+    return numberLocale;
+}
+/** A full number with grouping, up to two decimals. Empty for null, undefined or NaN. */
+export function formatNumber(value, maximumFractionDigits = 2) {
+    if (value == null || value === '')
+        return '';
+    const n = typeof value === 'number' ? value : Number(value);
+    if (!Number.isFinite(n))
+        return typeof value === 'string' ? value : '';
+    return n.toLocaleString(numberLocale, { maximumFractionDigits });
+}
+const trim = (n) => n.toFixed(n >= 100 ? 0 : n >= 10 ? 1 : 2).replace(/\.?0+$/, '');
+/**
+ * A short number for chart axes, where a full figure runs into its neighbour: 12,500 · 20 L ·
+ * 1.4 Cr in Indian grouping; 12.5K · 2M · 1.4B otherwise. Below a lakh (or a thousand) it is the
+ * full number.
+ */
+export function formatCompactNumber(value) {
+    if (value == null || value === '')
+        return '';
+    const n = typeof value === 'number' ? value : Number(value);
+    if (!Number.isFinite(n))
+        return String(value);
+    const sign = n < 0 ? '-' : '';
+    const a = Math.abs(n);
+    if (numberLocale === 'en-IN') {
+        if (a >= 1e7)
+            return `${sign}${trim(a / 1e7)} Cr`;
+        if (a >= 1e5)
+            return `${sign}${trim(a / 1e5)} L`;
+        return formatNumber(n, 0);
+    }
+    if (a >= 1e9)
+        return `${sign}${trim(a / 1e9)}B`;
+    if (a >= 1e6)
+        return `${sign}${trim(a / 1e6)}M`;
+    if (a >= 1e3)
+        return `${sign}${trim(a / 1e3)}K`;
+    return formatNumber(n, 0);
+}