@trinityui/design-system 2.4.0 → 2.10.2

package/dist/components/AI/QueryInput.d.ts

@@ -4,7 +4,7 @@
  * QueryInput Component
  * Standalone, reusable text input with submit and dictation support
  *
- * @deprecated Use `InsightEngineInput` instead. QueryInput will be removed in v2.0.0.
+ * @deprecated Use `InsightEngineInput` instead. QueryInput will be removed in v3.0.
  *
  * Migration:
  * ```tsx
@@ -34,7 +34,7 @@ import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 /**
  * Props for the QueryInput component.
- * @deprecated Use `InsightEngineInputProps` instead. QueryInputProps will be removed in v2.0.0.
+ * @deprecated Use `InsightEngineInputProps` instead. QueryInputProps will be removed in v3.0.
  */
 export interface QueryInputProps {
     /** Current input value (controlled) */
@@ -100,7 +100,7 @@ declare global {
 /**
  * QueryInput - Standalone text input with submit and dictation
  *
- * @deprecated Use `InsightEngineInput` instead. QueryInput will be removed in v2.0.0.
+ * @deprecated Use `InsightEngineInput` instead. QueryInput will be removed in v3.0.
  *
  * Features:
  * - Controlled or uncontrolled value

package/dist/components/AIDigestCard/AIDigestCard.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @fileoverview AIDigestCard — AI-generated daily / weekly briefing card.
+ *
+ * Composes the existing AI primitives — `AIContainer` for the AI-branded
+ * surface, `AIAvatar` for the visual identity, `AITextBlock` for each
+ * highlight's markdown rendering. No new severity / color rendering paths.
+ *
+ * @module components/AIDigestCard
+ * @example
+ * ```tsx
+ *  import { AIDigestCard } from '@trinityui/design-system';
+ *
+ *  <AIDigestCard
+ *    title="Your morning briefing"
+ *    cadence="daily"
+ *    summary="Three things moved overnight."
+ *    highlights={[
+ *      { id: '1', category: 'Revenue', text: 'EU Q3 conversion +3.2%' },
+ *      { id: '2', category: 'Compliance', text: '2 sites missed the SLA' },
+ *      { id: '3', category: 'Platform', text: 'New Snowflake connector live' },
+ *    ]}
+ *  />
+ * ```
+ */
+import * as React from 'react';
+import type { AIDigestCardProps } from './types';
+export declare const AIDigestCard: React.ForwardRefExoticComponent<AIDigestCardProps & React.RefAttributes<HTMLDivElement>>;
+export default AIDigestCard;
+//# sourceMappingURL=AIDigestCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIDigestCard.d.ts","sourceRoot":"","sources":["../../../src/components/AIDigestCard/AIDigestCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAuEjB,eAAO,MAAM,YAAY,0FA6JxB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ * AIDigestCard barrel.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ */
+export { AIDigestCard, default as AIDigestCardDefault } from './AIDigestCard';
+export type { AIDigestCardProps, AIDigestHighlight, AIDigestCadence, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AIDigestCard/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE9E,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/dist/components/AIDigestCard/types.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @fileoverview Types for AIDigestCard — AI-generated daily/weekly briefing card.
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * A single line item shown inside the digest. Each highlight is a short,
+ * scannable bullet — keep them under ~140 characters.
+ */
+export interface AIDigestHighlight {
+    /** Stable identifier used as the React key. */
+    id: string;
+    /** Optional eyebrow / category text (e.g. "Compliance", "Revenue"). */
+    category?: string;
+    /** The highlight text. Supports plain text or markdown. */
+    text: string;
+    /** When true, the highlight body is parsed as markdown. */
+    markdown?: boolean;
+    /** Optional click handler — turns the row into a button. */
+    onClick?: () => void;
+}
+/**
+ * Frequency hint shown alongside the title.
+ *
+ * Use it to set reader expectations for the briefing cadence:
+ * `"daily"` for end-of-day summaries, `"weekly"` for Monday morning, etc.
+ * Pass `"custom"` and override via `cadenceLabel` for non-standard windows.
+ */
+export type AIDigestCadence = 'daily' | 'weekly' | 'monthly' | 'quarterly' | 'custom';
+/**
+ * Props for AIDigestCard.
+ *
+ * Composes the existing `AIContainer` (AI-branded surface) + `AIAvatar`
+ * (visual identity) + `AITextBlock` (per-highlight markdown). No new
+ * AI-styling primitives — colors and gradients flow through `AIContainer`.
+ */
+export interface AIDigestCardProps {
+    /** Title of the briefing. */
+    title: string;
+    /** Optional briefing subtitle, e.g. the date or window. */
+    subtitle?: string;
+    /** Pre-set cadence hint shown as an eyebrow. Default omitted. */
+    cadence?: AIDigestCadence;
+    /** Custom cadence label — overrides the `cadence` preset. */
+    cadenceLabel?: string;
+    /** ISO timestamp of generation, formatted by the consumer if shown. */
+    generatedAt?: string;
+    /** Per-line highlights. Render order is preserved. */
+    highlights: AIDigestHighlight[];
+    /** Optional summary text shown above the highlights. */
+    summary?: string;
+    /** Render `summary` as markdown. Default `false`. */
+    summaryMarkdown?: boolean;
+    /** Slot for action buttons at the bottom. */
+    actions?: ReactNode;
+    /** Optional dismiss handler — adds a close button to the header. */
+    onDismiss?: () => void;
+    /** Whether to render the AI avatar in the header. Default `true`. */
+    showAvatar?: boolean;
+    /**
+     * Maximum number of highlights to show before collapsing the rest behind a
+     * "Show all" affordance. `0` (default) shows everything.
+     */
+    maxVisibleHighlights?: number;
+    /** sx overrides on the root container. */
+    sx?: SxProps<Theme>;
+    /** Accessible label override. Falls back to the title. */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AIDigestCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AIDigestCard/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,CAAC;AAEb;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts

@@ -4,7 +4,7 @@
  * AIFabLayout - DEPRECATED
  *
  * @deprecated Use `AppLayout` with `navStyle="topnav"` and `aiTrigger="fab"` instead.
- * This component will be removed in v2.0.0.
+ * This component will be removed in v3.0.
  *
  * Migration:
  * ```tsx

package/dist/components/AssessmentDrawer/AssessmentDrawer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @fileoverview AssessmentDrawer — right-side drawer for guided multi-section
+ * assessments (compliance reviews, scoring rubrics, evaluations).
+ *
+ * Layout: sticky header + 2-column body (left sidebar with section nav,
+ * right scrollable content area) + sticky footer with Save Draft + Submit.
+ *
+ * The component owns:
+ *   - sidebar navigation + scroll-to-section behavior
+ *   - progress indicator (counts complete vs total sections)
+ *   - footer button states (disabled when saving/submitting)
+ *
+ * The consumer owns:
+ *   - all form state (the section `content` slot is fully rendered by them)
+ *   - validation logic + save/submit side effects
+ *
+ * @module components/AssessmentDrawer
+ */
+import * as React from 'react';
+import type { AssessmentDrawerProps } from './types';
+export declare const AssessmentDrawer: React.ForwardRefExoticComponent<AssessmentDrawerProps & React.RefAttributes<HTMLDivElement>>;
+export default AssessmentDrawer;
+//# sourceMappingURL=AssessmentDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/AssessmentDrawer/AssessmentDrawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AA0JjB,eAAO,MAAM,gBAAgB,8FAgX3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ * AssessmentDrawer barrel.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ */
+export { AssessmentDrawer, default as AssessmentDrawerDefault, } from './AssessmentDrawer';
+export type { AssessmentDrawerProps, AssessmentSection, AssessmentSectionStatus, AssessmentDrawerMode, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AssessmentDrawer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,gBAAgB,EAChB,OAAO,IAAI,uBAAuB,GACnC,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/dist/components/AssessmentDrawer/types.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @fileoverview Types for AssessmentDrawer — right-side drawer for guided
+ * multi-section assessments (compliance, evaluation, scoring, etc.).
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * Drawer mode.
+ *
+ * - `edit` — user is actively filling in answers; Save Draft + Submit visible
+ * - `view` — read-only display of completed assessment
+ * - `review` — read-only with reviewer commentary inputs surfaced
+ */
+export type AssessmentDrawerMode = 'edit' | 'view' | 'review';
+/**
+ * Status of a single section, used to colorize the section indicator + step.
+ */
+export type AssessmentSectionStatus = 'pending' | 'in-progress' | 'complete' | 'flagged';
+/**
+ * A single section of an assessment.
+ *
+ * Trinity convention: render the section body via the `content` slot. The
+ * component does NOT prescribe a question/answer schema — different products
+ * have very different question types (scoring rubrics, free text, multiselect,
+ * file upload, etc.) and forcing one model adds friction.
+ */
+export interface AssessmentSection {
+    /** Stable id used as React key and as the navigation/scroll target. */
+    id: string;
+    /** Section title shown in the sidebar + body header. */
+    title: ReactNode;
+    /** Optional short description shown below the title. */
+    description?: ReactNode;
+    /** Section status — drives sidebar color + active indicator. */
+    status?: AssessmentSectionStatus;
+    /** Optional numeric label override (default uses 1-based index). */
+    label?: string;
+    /** The actual form content — questions, inputs, file uploads, etc. */
+    content: ReactNode;
+    /** Optional per-section action slot (e.g. "Mark as flagged"). */
+    actions?: ReactNode;
+    /** Optional reviewer commentary block (only visible in `review` mode). */
+    reviewerNotes?: ReactNode;
+}
+/**
+ * Props for AssessmentDrawer.
+ */
+export interface AssessmentDrawerProps {
+    /** Open state. Controlled. */
+    open: boolean;
+    /** Close handler. Called on backdrop click, ESC, and the chrome close button. */
+    onClose: () => void;
+    /** Sections of the assessment. */
+    sections: ReadonlyArray<AssessmentSection>;
+    /** Drawer title. Default "Assessment". */
+    title?: ReactNode;
+    /** Subtitle below title — typically the entity context. */
+    subtitle?: ReactNode;
+    /** Current section id. Defaults to first section. Updates on user navigation. */
+    activeSectionId?: string;
+    /** Called when the user navigates to a different section. */
+    onSectionChange?: (id: string) => void;
+    /** Mode. Default `edit`. */
+    mode?: AssessmentDrawerMode;
+    /** Show the section progress indicator. Default `true`. */
+    showProgress?: boolean;
+    /** Custom save-draft handler. Hides the Save button if omitted. */
+    onSaveDraft?: () => void;
+    /** Custom submit handler. Hides the Submit button if omitted. */
+    onSubmit?: () => void;
+    /** Saving state — disables Save + shows spinner. */
+    saving?: boolean;
+    /** Submitting state — disables Submit + shows spinner. */
+    submitting?: boolean;
+    /** Custom label for the Submit button. Default "Submit". */
+    submitLabel?: string;
+    /** Custom label for the Save Draft button. Default "Save draft". */
+    saveDraftLabel?: string;
+    /** Drawer width. Default 720. */
+    width?: number | string;
+    /** Hide the left-side section navigation (single-section assessments). Default `false`. */
+    hideSidebar?: boolean;
+    /** sx for the drawer paper. */
+    paperSx?: SxProps<Theme>;
+    /** Accessible label override. */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AssessmentDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AssessmentDrawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAC/B,SAAS,GACT,aAAa,GACb,UAAU,GACV,SAAS,CAAC;AAEd;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,wDAAwD;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/AuditDrawer/AuditDrawer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @fileoverview AuditDrawer — right-side drawer surfacing chronological
+ * audit/activity events for a record.
+ *
+ * Visual: MUI Drawer anchored right + sticky header with title/subtitle +
+ * optional filter chips + scrollable timeline of events + optional load-more
+ * sentinel. Each event renders a colored timeline dot, actor avatar + name,
+ * formatted timestamp, action description, optional field-level diffs,
+ * optional note, and optional action slot.
+ *
+ * Severity colors from `theme.palette.<severity>.main` so light/dark mode and
+ * theme overrides flow through. Timeline rail uses `semanticTokens.colors.border.subtle`.
+ *
+ * @module components/AuditDrawer
+ * @example
+ * ```tsx
+ *  <AuditDrawer
+ *    open={isOpen}
+ *    onClose={() => setOpen(false)}
+ *    title="Audit history"
+ *    subtitle="Subject 042"
+ *    events={auditEvents}
+ *    filterChips={[
+ *      { id: 'approval', label: 'Approvals', severity: 'success' },
+ *      { id: 'edit', label: 'Edits' },
+ *      { id: 'security', label: 'Security', severity: 'security' },
+ *    ]}
+ *    activeFilterIds={activeFilters}
+ *    onFilterToggle={toggleFilter}
+ *  />
+ * ```
+ */
+import * as React from 'react';
+import type { AuditDrawerProps } from './types';
+export declare const AuditDrawer: React.ForwardRefExoticComponent<AuditDrawerProps & React.RefAttributes<HTMLDivElement>>;
+export default AuditDrawer;
+//# sourceMappingURL=AuditDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuditDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/AuditDrawer/AuditDrawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,SAAS,CAAC;AAwVjB,eAAO,MAAM,WAAW,yFA6LvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ * AuditDrawer barrel.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ */
+export { AuditDrawer, default as AuditDrawerDefault } from './AuditDrawer';
+export type { AuditDrawerProps, AuditEvent, AuditEventSeverity, AuditFieldChange, AuditFilterChip, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AuditDrawer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/dist/components/AuditDrawer/types.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @fileoverview Types for AuditDrawer — right-side drawer surfacing
+ * chronological audit/activity events for a record.
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * Severity / category of an audit event. Drives the timeline dot color and
+ * the icon shown beside the action.
+ *
+ * Use:
+ *   - `info` for routine system events (auto-save, status change)
+ *   - `success` for completed approvals or signed milestones
+ *   - `warning` for events needing attention (re-review, escalation)
+ *   - `error` for failures or anomalies that closed/escalated
+ *   - `security` for auth / permission changes (different icon)
+ */
+export type AuditEventSeverity = 'info' | 'success' | 'warning' | 'error' | 'security';
+/**
+ * A single field-level change. Optional; when supplied, AuditDrawer renders
+ * a small "Field — before → after" line under the event description.
+ *
+ * Keep changes terse — long diffs should be opened in a dedicated diff view.
+ */
+export interface AuditFieldChange {
+    /** Human-readable field name. */
+    field: string;
+    /** Previous value as a short string or ReactNode (skip for "added"). */
+    before?: ReactNode;
+    /** New value as a short string or ReactNode (skip for "removed"). */
+    after?: ReactNode;
+}
+/**
+ * A single audit event.
+ *
+ * Trinity convention: `id` should be globally unique within the surfacing
+ * window. `timestamp` is ISO string or Date — formatted via Intl on render.
+ * `actor` is rendered as an avatar + name beside the event.
+ */
+export interface AuditEvent {
+    /** Stable id for React keys + callbacks. */
+    id: string;
+    /** When the event happened. ISO string or Date. */
+    timestamp: string | Date;
+    /** Short, action-oriented description (e.g. "Status changed to Final"). */
+    action: ReactNode;
+    /** Who did it — display name. */
+    actorName: string;
+    /** Optional avatar (image URL or rendered avatar element). */
+    actorAvatar?: ReactNode;
+    /** Optional secondary identifier — role or team. */
+    actorRole?: string;
+    /** Severity / category. Default `info`. */
+    severity?: AuditEventSeverity;
+    /** Optional event-type label (e.g. "Approval", "Comment"). */
+    category?: string;
+    /** Optional field-level diffs to surface under the action. */
+    changes?: AuditFieldChange[];
+    /** Optional free-form note from the actor. */
+    note?: ReactNode;
+    /** Optional action slot — typically "View detail" link. */
+    actions?: ReactNode;
+}
+/**
+ * Filter options surfaced in the drawer chrome.
+ *
+ * When supplied, AuditDrawer renders chips at top. Selection management is
+ * up to the consumer via `value` + `onChange`.
+ */
+export interface AuditFilterChip {
+    /** Stable id. */
+    id: string;
+    /** Display label. */
+    label: ReactNode;
+    /** Optional severity to colorize the chip. */
+    severity?: AuditEventSeverity;
+}
+/**
+ * Props for AuditDrawer.
+ */
+export interface AuditDrawerProps {
+    /** Open state. Controlled. */
+    open: boolean;
+    /** Close handler. Called on backdrop click, ESC, and the chrome close button. */
+    onClose: () => void;
+    /** Events to render, most-recent first. */
+    events: ReadonlyArray<AuditEvent>;
+    /** Drawer title. Default "Audit history". */
+    title?: ReactNode;
+    /** Subtitle below title — typically the entity name (e.g. "Subject 042"). */
+    subtitle?: ReactNode;
+    /** Optional filter chips. */
+    filterChips?: ReadonlyArray<AuditFilterChip>;
+    /** Currently active filter ids. */
+    activeFilterIds?: ReadonlyArray<string>;
+    /** Called when a filter chip is toggled. */
+    onFilterToggle?: (id: string) => void;
+    /** Optional search/text filter. */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    /** Show loading indicator at the bottom of the list. */
+    loading?: boolean;
+    /** Called when the user scrolls to the bottom — typical pagination hook. */
+    onLoadMore?: () => void;
+    /** Replace the default "no audit events" state. */
+    emptyState?: ReactNode;
+    /** Drawer width. Default 480. */
+    width?: number | string;
+    /** Disable the timeline rail visualization (just renders a flat list). Default false. */
+    disableTimeline?: boolean;
+    /** sx for the drawer paper. */
+    paperSx?: SxProps<Theme>;
+    /** Accessible label override. Falls back to title. */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AuditDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AuditDrawer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,CAAC;AAEf;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2EAA2E;IAC3E,MAAM,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAClC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,mCAAmC;IACnC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,4CAA4C;IAC5C,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/BulkActionDock/BulkActionDock.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @fileoverview BulkActionDock — floating bottom dock for multi-select actions.
+ *
+ * Pattern: appears when the user selects rows in a DataTable, showing a count
+ * + 1-4 bulk actions + clear button. Auto-hides when selection clears.
+ *
+ * Visual: navy-tinted dark surface with high contrast, floating bottom-center
+ * by default. Uses `theme.palette.background.default` for the dock fill so it
+ * looks consistent in light/dark mode. Shadow comes from semantic shadow tokens.
+ *
+ * @module components/BulkActionDock
+ * @example
+ * ```tsx
+ *  import { BulkActionDock } from '@trinityui/design-system';
+ *
+ *  <BulkActionDock
+ *    selectedIds={selectedRowIds}
+ *    actions={[
+ *      { id: 'export', label: 'Export', icon: <Download size={16} />, onClick: doExport },
+ *      { id: 'delete', label: 'Delete', icon: <Trash size={16} />, variant: 'destructive', onClick: doDelete },
+ *    ]}
+ *    onClearSelection={() => setSelected([])}
+ *  />
+ * ```
+ */
+import * as React from 'react';
+import type { BulkActionDockProps } from './types';
+export declare const BulkActionDock: React.ForwardRefExoticComponent<BulkActionDockProps & React.RefAttributes<HTMLDivElement>>;
+export default BulkActionDock;
+//# sourceMappingURL=BulkActionDock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionDock.d.ts","sourceRoot":"","sources":["../../../src/components/BulkActionDock/BulkActionDock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EACV,mBAAmB,EAGpB,MAAM,SAAS,CAAC;AAgEjB,eAAO,MAAM,cAAc,4FAiKzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ * BulkActionDock barrel.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ */
+export { BulkActionDock, default as BulkActionDockDefault } from './BulkActionDock';
+export type { BulkActionDockProps, BulkAction, BulkActionDockPosition, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BulkActionDock/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,YAAY,EACV,mBAAmB,EACnB,UAAU,EACV,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/components/BulkActionDock/types.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @fileoverview Types for BulkActionDock — floating dock that appears when
+ * users select rows in a DataTable (or similar list).
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * A single action button shown in the dock.
+ *
+ * Variants:
+ *   - default — primary action button
+ *   - subtle — quieter outlined button (e.g. "Export")
+ *   - destructive — error-tinted (e.g. "Delete")
+ */
+export interface BulkAction {
+    /** Stable id for analytics + tests. */
+    id: string;
+    /** Button label. */
+    label: string;
+    /** Optional leading icon (react-feather component). */
+    icon?: ReactNode;
+    /** Called when the action button is clicked. Receives the selected ids. */
+    onClick: (selectedIds: ReadonlyArray<string>) => void;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Visual treatment. Default `default`. */
+    variant?: 'default' | 'subtle' | 'destructive';
+}
+/**
+ * Position of the dock relative to its container.
+ *
+ * - `bottom-center` (default) — common chrome pattern; floats above table
+ * - `bottom-right` — for layouts where the right side is more discoverable
+ * - `inline` — sits in document flow instead of fixed-positioning (use when the
+ *   parent already manages absolute layout, e.g. inside a custom sheet)
+ */
+export type BulkActionDockPosition = 'bottom-center' | 'bottom-right' | 'inline';
+/**
+ * Props for BulkActionDock.
+ *
+ * Standard pattern: render this directly under a DataTable, controlled by the
+ * table's selection state. The dock auto-hides when `selectedIds.length === 0`
+ * unless `alwaysVisible` is set.
+ */
+export interface BulkActionDockProps {
+    /** Currently selected row ids. Drives count display and is forwarded to each action handler. */
+    selectedIds: ReadonlyArray<string>;
+    /** Bulk actions exposed in the dock. Order = display order. Keep to 1-4 for readability. */
+    actions: ReadonlyArray<BulkAction>;
+    /** Custom label override. Default `"{count} selected"`. */
+    selectionLabel?: (count: number) => string;
+    /** Called when the X clear button is clicked. */
+    onClearSelection?: () => void;
+    /** Position of the dock. Default `bottom-center`. */
+    position?: BulkActionDockPosition;
+    /** Force dock visibility even when no rows are selected. Default `false`. */
+    alwaysVisible?: boolean;
+    /** Width of the dock (px). Default `auto` — sizes to content. */
+    width?: number | string;
+    /** Maximum dock width before content wraps / scrolls. Default `720`. */
+    maxWidth?: number | string;
+    /** Optional left slot — typically a status indicator or summary chip. */
+    leadingSlot?: ReactNode;
+    /** Optional trailing slot rendered before the clear button. */
+    trailingSlot?: ReactNode;
+    /** sx for the root dock container. */
+    sx?: SxProps<Theme>;
+    /** Accessible label override for the dock region. Falls back to "Bulk actions". */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/BulkActionDock/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/BulkActionDock/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,WAAW,UAAU;IACzB,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,cAAc,GAAG,QAAQ,CAAC;AAEjF;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IAClC,gGAAgG;IAChG,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC,4FAA4F;IAC5F,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yEAAyE;IACzE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @fileoverview DateRangePicker — compact two-date range input with calendar popover.
+ *
+ * Built from MUI primitives (no @mui/x-date-pickers dependency). Designed for
+ * dashboard filter bars where space is tight and quick presets are essential.
+ *
+ * @module components/DateRangePicker
+ * @example
+ * ```tsx
+ *  import { DateRangePicker, type DateRange } from '@trinityui/design-system';
+ *  const [range, setRange] = useState<DateRange>({ start: null, end: null });
+ *
+ *  <DateRangePicker value={range} onChange={setRange} label="Reporting period" />
+ * ```
+ */
+import * as React from 'react';
+import type { DateRangePickerProps } from './types';
+export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+export default DateRangePicker;
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAySjB,eAAO,MAAM,eAAe,6FA+T1B,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ * DateRangePicker barrel.
+ *
+ * PUBLIC API: Import from '@trinityui/design-system' instead.
+ */
+export { DateRangePicker, default as DateRangePickerDefault, } from './DateRangePicker';
+export type { DateRange, DateRangePickerProps, DateRangePickerSize, DateRangePreset, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,eAAe,EACf,OAAO,IAAI,sBAAsB,GAClC,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAChB,MAAM,SAAS,CAAC"}