@trinityui/design-system 1.0.3 → 1.0.4

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @fileoverview Timeline component for activity feeds, audit logs, and history
+ * @module components/Timeline
+ * @example
+ * ```tsx
+ *  import { Timeline } from '@trinityui/design-system';
+ *
+ *  <Timeline
+ *    items={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export type TimelineVariant = 'default' | 'compact' | 'detailed';
+export type TimelineItemType = 'default' | 'success' | 'warning' | 'error' | 'info';
+export interface TimelineItem {
+    /** Unique identifier */
+    id: string;
+    /** Main title/action */
+    title: string;
+    /** Optional description */
+    description?: string;
+    /** Timestamp */
+    timestamp: string;
+    /** Formatted relative time (e.g., "2 hours ago") */
+    relativeTime?: string;
+    /** Icon to display */
+    icon?: React.ReactNode;
+    /** Avatar URL (alternative to icon) */
+    avatar?: string;
+    /** Avatar initials (if no image) */
+    avatarInitials?: string;
+    /** Item type for styling */
+    type?: TimelineItemType;
+    /** User/actor name */
+    actor?: string;
+    /** Additional metadata */
+    metadata?: Record<string, string>;
+    /** Expandable content */
+    expandedContent?: React.ReactNode;
+    /** Child timeline items */
+    children?: TimelineItem[];
+    /** Whether this is a group header */
+    isGroupHeader?: boolean;
+    /** Group label for date grouping */
+    groupLabel?: string;
+}
+/**
+ * Props for Timeline component.
+ */
+export interface TimelineProps {
+    /** Timeline items */
+    items: TimelineItem[];
+    /** Display variant */
+    variant?: TimelineVariant;
+    /** Loading state */
+    loading?: boolean;
+    /** Number of skeleton items when loading */
+    loadingCount?: number;
+    /** Show connector line */
+    showConnector?: boolean;
+    /** Alternate sides (for detailed variant) */
+    alternate?: boolean;
+    /** Custom render function for items */
+    renderItem?: (item: TimelineItem, index: number) => React.ReactNode;
+    /** Group items by date */
+    groupByDate?: boolean;
+    /** Callback when item is clicked */
+    onItemClick?: (item: TimelineItem) => void;
+    /** Show "Load more" button */
+    showLoadMore?: boolean;
+    /** Load more callback */
+    onLoadMore?: () => void;
+    /** Loading more state */
+    loadingMore?: boolean;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Max height with scroll */
+    maxHeight?: number | string;
+}
+export declare const TimelineItemComponent: React.FC<{
+    item: TimelineItem;
+    variant: TimelineVariant;
+    showConnector: boolean;
+    isLast: boolean;
+    onClick?: (item: TimelineItem) => void;
+}>;
+export declare const Timeline: React.FC<TimelineProps>;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,yBAAyB;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,sBAAsB;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACxC,CA8OA,CAAC;AAoBF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+F5C,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Timeline, type TimelineProps, type TimelineItem, TimelineItemComponent } from './Timeline';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,124 @@
+/**
+ * @fileoverview Toast component.
+ * @module components/Toast/Toast
+ * @example
+ * ```tsx
+ *  import { Toast } from '@trinityui/design-system';
+ *
+ *  <Toast
+ *  >
+ *    <div>Example content</div>
+ *  </Toast>
+ *  ```
+ */
+import React from 'react';
+export type ToastSeverity = 'success' | 'info' | 'warning' | 'error';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type TransitionType = 'slide' | 'grow' | 'fade';
+export interface ToastOptions {
+    /** Message to display */
+    message: string;
+    /** Optional title */
+    title?: string;
+    /** Severity level */
+    severity?: ToastSeverity;
+    /** Auto-hide duration in ms. Set to null to disable auto-hide. */
+    duration?: number | null;
+    /** Action button label */
+    action?: string;
+    /** Action button click handler */
+    onAction?: () => void;
+    /** Position on screen */
+    position?: ToastPosition;
+    /** Transition animation */
+    transition?: TransitionType;
+    /** Whether the toast can be dismissed */
+    dismissible?: boolean;
+}
+export interface ToastProps extends ToastOptions {
+    /** Unique identifier */
+    id: string;
+    /** Whether the toast is visible */
+    open: boolean;
+    /** Callback when toast should close */
+    onClose: () => void;
+}
+interface ToastContextType {
+    /** Show a toast notification */
+    toast: (options: ToastOptions) => string;
+    /** Show a success toast */
+    success: (message: string, options?: Partial<ToastOptions>) => string;
+    /** Show an info toast */
+    info: (message: string, options?: Partial<ToastOptions>) => string;
+    /** Show a warning toast */
+    warning: (message: string, options?: Partial<ToastOptions>) => string;
+    /** Show an error toast */
+    error: (message: string, options?: Partial<ToastOptions>) => string;
+    /** Dismiss a specific toast by ID */
+    dismiss: (id: string) => void;
+    /** Dismiss all toasts */
+    dismissAll: () => void;
+}
+/**
+ * Props for ToastProvider component.
+ */
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Default position for all toasts */
+    defaultPosition?: ToastPosition;
+    /** Default duration in ms */
+    defaultDuration?: number;
+    /** Maximum number of toasts to show at once */
+    maxToasts?: number;
+    /** Default transition animation */
+    defaultTransition?: TransitionType;
+}
+/**
+ * Single Toast component
+ */
+export declare const Toast: React.FC<ToastProps>;
+/**
+ * ToastProvider manages toast notifications globally.
+ *
+ * @example
+ * ```tsx
+ * // Wrap your app
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ *
+ * // Use in any component
+ * const { toast, success, error } = useToast();
+ *
+ * success('Changes saved!');
+ * error('Something went wrong', { duration: 10000 });
+ * toast({ message: 'Custom toast', severity: 'info', action: 'Undo', onAction: handleUndo });
+ * ```
+ */
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+/**
+ * Hook to access toast functionality.
+ * Must be used within a ToastProvider.
+ *
+ * @example
+ * ```tsx
+ * const { success, error, toast, dismissAll } = useToast();
+ *
+ * // Simple usage
+ * success('File uploaded successfully!');
+ * error('Failed to save changes');
+ *
+ * // With options
+ * toast({
+ *   message: 'New message received',
+ *   severity: 'info',
+ *   title: 'Notification',
+ *   action: 'View',
+ *   onAction: () => navigate('/messages'),
+ *   duration: 8000,
+ * });
+ * ```
+ */
+export declare const useToast: () => ToastContextType;
+export default ToastProvider;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAcf,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AACnB,KAAK,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAgB;IACxB,gCAAgC;IAChC,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IACzC,2BAA2B;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IACtE,yBAAyB;IACzB,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IACnE,2BAA2B;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IACtE,0BAA0B;IAC1B,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IACpE,qCAAqC;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,yBAAyB;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAID;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AA6CD;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwDtC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2ItD,CAAC;AAmBF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAM3B,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC"}

package/dist/components/TopNavHeader.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @fileoverview TopNavHeader provides a fully-featured top navigation bar for Trinity applications.
+ * It includes client selection, search, apps menu, help, notifications, and user profile.
+ *
+ * @example
+ * ```tsx
+ *  import { TopNavHeader } from '@trinityui/design-system';
+ *
+ *  <TopNavHeader />
+ *  ```
+ *
+ * @module components/TopNavHeader
+ */
+import * as React from 'react';
+interface App {
+    id: string;
+    name: string;
+    url?: string;
+}
+interface TopNavHeaderProps {
+    appName?: string;
+    clientName?: string;
+    clients?: {
+        id: string;
+        name: string;
+    }[];
+    onClientChange?: (clientId: string) => void;
+    userInitials?: string;
+    userName?: string;
+    userEmail?: string;
+    onSearch?: (query: string) => void;
+    onAppsClick?: (appId: string) => void;
+    onUserMenuClick?: (action: string) => void;
+    apps?: App[];
+    /** Hide app name on mobile to save space */
+    hideAppNameOnMobile?: boolean;
+    /**
+     * Custom logo element for white-labeling. When provided, replaces the default Trinity logo.
+     * Should be a React node with recommended height of 28px.
+     * @example
+     * ```tsx
+     * <TopNavHeader logo={<img src="/my-logo.svg" alt="My Company" height={28} />} />
+     * ```
+     */
+    logo?: React.ReactNode;
+    /**
+     * When true, applies a CSS filter to invert the logo colors.
+     * Useful for making dark logos appear white on the navy header.
+     * @default false
+     */
+    logoInvert?: boolean;
+}
+export default function TopNavHeader({ appName, clientName, clients, onClientChange, userInitials, userName, userEmail, onSearch, onAppsClick, onUserMenuClick, apps, hideAppNameOnMobile, logo, logoInvert, }: TopNavHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TopNavHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavHeader.d.ts","sourceRoot":"","sources":["../../src/components/TopNavHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmH/B,UAAU,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAoB,EACpB,UAAiC,EACjC,OAMC,EACD,cAAc,EACd,YAAmB,EACnB,QAA0B,EAC1B,SAA4C,EAC5C,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAKC,EACD,mBAA0B,EAC1B,IAAI,EACJ,UAAkB,GACnB,EAAE,iBAAiB,2CAyenB"}

package/dist/components/TopNavWithSidebar.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @fileoverview Top navigation with sidebar layout component for responsive application shells.
+ * @module components/TopNavWithSidebar
+ * @example
+ * ```tsx
+ *  import { TopNavWithSidebar } from '@trinityui/design-system';
+ *
+ *  <TopNavWithSidebar />
+ *  ```
+ */
+import * as React from 'react';
+interface NavItem {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    isSpecial?: boolean;
+}
+interface App {
+    id: string;
+    name: string;
+    url?: string;
+}
+interface TopNavWithSidebarProps {
+    appName?: string;
+    clientName?: string;
+    clients?: {
+        id: string;
+        name: string;
+    }[];
+    onClientChange?: (clientId: string) => void;
+    userInitials?: string;
+    userName?: string;
+    userEmail?: string;
+    onSearch?: (query: string) => void;
+    onAppsClick?: (appId: string) => void;
+    onUserMenuClick?: (action: string) => void;
+    apps?: App[];
+    navItems?: NavItem[];
+    selectedNavItem?: string;
+    onNavItemClick?: (itemId: string) => void;
+    children?: React.ReactNode;
+    /** Controlled sidebar expanded state */
+    sidebarExpanded?: boolean;
+    /** Callback when sidebar expanded state changes */
+    onSidebarExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Custom logo element for white-labeling. When provided, replaces the default Trinity logo.
+     * Should be a React node with recommended height of 28px.
+     * @example
+     * ```tsx
+     * <TopNavWithSidebar logo={<img src="/my-logo.svg" alt="My Company" height={28} />} />
+     * ```
+     */
+    logo?: React.ReactNode;
+    /**
+     * When true, applies a CSS filter to invert the logo colors.
+     * Useful for making dark logos appear white on the navy header.
+     * @default false
+     */
+    logoInvert?: boolean;
+}
+export default function TopNavWithSidebar({ appName, clientName, clients, onClientChange, userInitials, userName, userEmail, onSearch, onAppsClick, onUserMenuClick, apps, navItems, selectedNavItem, onNavItemClick, children, sidebarExpanded: controlledSidebarExpanded, onSidebarExpandedChange, logo, logoInvert, }: TopNavWithSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TopNavWithSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavWithSidebar.d.ts","sourceRoot":"","sources":["../../src/components/TopNavWithSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiI/B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,OAAoB,EACpB,UAAiC,EACjC,OAMC,EACD,cAAc,EACd,YAAmB,EACnB,QAA0B,EAC1B,SAA4C,EAC5C,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAKC,EACD,QAA0B,EAC1B,eAAwB,EACxB,cAAc,EACd,QAAQ,EACR,eAAe,EAAE,yBAAyB,EAC1C,uBAAuB,EACvB,IAAI,EACJ,UAAkB,GACnB,EAAE,sBAAsB,2CA0mBxB"}

package/dist/components/TransferList/TransferList.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @fileoverview Transfer list component for moving items between available and selected collections.
+ * @module components/TransferList
+ * @example
+ * ```tsx
+ *  import { TransferList } from '@trinityui/design-system';
+ *
+ *  <TransferList
+ *    leftItems={[]}
+ *    rightItems={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface TransferListItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Secondary text */
+    secondary?: string;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Custom data */
+    data?: Record<string, unknown>;
+}
+/**
+ * Props for TransferList component.
+ */
+export interface TransferListProps {
+    /** Items in the left (available) list */
+    leftItems: TransferListItem[];
+    /** Items in the right (selected) list */
+    rightItems: TransferListItem[];
+    /** Title for left list */
+    leftTitle?: string;
+    /** Title for right list */
+    rightTitle?: string;
+    /** Enable search filtering */
+    searchable?: boolean;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Height of the lists */
+    height?: number | string;
+    /** Callback when items are transferred */
+    onChange?: (leftItems: TransferListItem[], rightItems: TransferListItem[]) => void;
+    /** Custom render function for items */
+    renderItem?: (item: TransferListItem, selected: boolean) => React.ReactNode;
+    /** Show "move all" buttons */
+    showMoveAll?: boolean;
+    /** Disable the entire component */
+    disabled?: boolean;
+    /** Dense mode */
+    dense?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    sx?: Record<string, unknown>;
+}
+export declare const TransferList: React.FC<TransferListProps>;
+export default TransferList;
+//# sourceMappingURL=TransferList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferList.d.ts","sourceRoot":"","sources":["../../../src/components/TransferList/TransferList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,yCAAyC;IACzC,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACnF,uCAAuC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AAuMD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+MpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export { TransferList, type TransferListProps, type TransferListItem } from './TransferList';
+export { default } from './TransferList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TransferList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @fileoverview Tree view component with expand/collapse, selection, filtering, and optional drag-and-drop.
+ * @module components/TreeView
+ * @example
+ * ```tsx
+ *  import { TreeView } from '@trinityui/design-system';
+ *
+ *  <TreeView
+ *    data={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface TreeNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon element */
+    icon?: React.ReactNode;
+    /** Child nodes */
+    children?: TreeNode[];
+    /** Whether node is disabled */
+    disabled?: boolean;
+    /** Custom data attached to node */
+    data?: Record<string, unknown>;
+}
+/**
+ * Props for TreeView component.
+ */
+export interface TreeViewProps {
+    /** Tree data structure */
+    data: TreeNode[];
+    /** Currently selected node IDs */
+    selected?: string[];
+    /** Currently expanded node IDs */
+    expanded?: string[];
+    /** Enable multi-select mode */
+    multiSelect?: boolean;
+    /** Show checkboxes for selection */
+    showCheckboxes?: boolean;
+    /** Enable search/filter */
+    searchable?: boolean;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Show folder/file icons */
+    showIcons?: boolean;
+    /** Default icon for leaf nodes */
+    defaultLeafIcon?: React.ReactNode;
+    /** Default icon for branch nodes (collapsed) */
+    defaultBranchIcon?: React.ReactNode;
+    /** Default icon for branch nodes (expanded) */
+    defaultBranchOpenIcon?: React.ReactNode;
+    /** Indent size in pixels */
+    indentSize?: number;
+    /** Dense mode */
+    dense?: boolean;
+    /** Callback when selection changes */
+    onSelect?: (nodeIds: string[]) => void;
+    /** Callback when expansion changes */
+    onExpand?: (nodeIds: string[]) => void;
+    /** Callback when node is clicked */
+    onNodeClick?: (node: TreeNode) => void;
+    /** Callback when node is double clicked */
+    onNodeDoubleClick?: (node: TreeNode) => void;
+    /** Custom node render function */
+    renderNode?: (node: TreeNode, props: TreeNodeRenderProps) => React.ReactNode;
+    /** Enable drag and drop */
+    draggable?: boolean;
+    /** Callback when node is dropped */
+    onDrop?: (draggedId: string, targetId: string, position: 'before' | 'after' | 'inside') => void;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    sx?: Record<string, unknown>;
+}
+/**
+ * Props for TreeNodeRender component.
+ */
+export interface TreeNodeRenderProps {
+    isExpanded: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    level: number;
+    hasChildren: boolean;
+}
+export declare const TreeView: React.FC<TreeViewProps>;
+export default TreeView;
+//# sourceMappingURL=TreeView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,+CAA+C;IAC/C,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7C,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC;IAChG,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;CACtB;AAsTD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8S5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { TreeView, type TreeViewProps, type TreeNode, type TreeNodeRenderProps } from './TreeView';
+export { default } from './TreeView';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}