@trinityui/design-system 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/Legend.js +1455 -0
- package/dist/accessibility.d.ts +119 -0
- package/dist/accessibility.d.ts.map +1 -0
- package/dist/assets/index.d.ts +234 -0
- package/dist/assets/index.d.ts.map +1 -0
- package/dist/components/AI/AIActions.d.ts +104 -0
- package/dist/components/AI/AIActions.d.ts.map +1 -0
- package/dist/components/AI/AIAvatar.d.ts +32 -0
- package/dist/components/AI/AIAvatar.d.ts.map +1 -0
- package/dist/components/AI/AIChat.d.ts +142 -0
- package/dist/components/AI/AIChat.d.ts.map +1 -0
- package/dist/components/AI/AIContainer.d.ts +97 -0
- package/dist/components/AI/AIContainer.d.ts.map +1 -0
- package/dist/components/AI/AIExplainability.d.ts +46 -0
- package/dist/components/AI/AIExplainability.d.ts.map +1 -0
- package/dist/components/AI/AILabel.d.ts +43 -0
- package/dist/components/AI/AILabel.d.ts.map +1 -0
- package/dist/components/AI/AIMessage.d.ts +93 -0
- package/dist/components/AI/AIMessage.d.ts.map +1 -0
- package/dist/components/AI/AIRelatedQuestions.d.ts +53 -0
- package/dist/components/AI/AIRelatedQuestions.d.ts.map +1 -0
- package/dist/components/AI/AIResponseRenderer.d.ts +50 -0
- package/dist/components/AI/AIResponseRenderer.d.ts.map +1 -0
- package/dist/components/AI/AISources.d.ts +66 -0
- package/dist/components/AI/AISources.d.ts.map +1 -0
- package/dist/components/AI/AISourcesPanel.d.ts +84 -0
- package/dist/components/AI/AISourcesPanel.d.ts.map +1 -0
- package/dist/components/AI/AITextBlock.d.ts +56 -0
- package/dist/components/AI/AITextBlock.d.ts.map +1 -0
- package/dist/components/AI/AIVisuals.d.ts +104 -0
- package/dist/components/AI/AIVisuals.d.ts.map +1 -0
- package/dist/components/AI/AIVoiceInput.d.ts +66 -0
- package/dist/components/AI/AIVoiceInput.d.ts.map +1 -0
- package/dist/components/AI/ChatHeader.d.ts +52 -0
- package/dist/components/AI/ChatHeader.d.ts.map +1 -0
- package/dist/components/AI/ChatHistoryList.d.ts +80 -0
- package/dist/components/AI/ChatHistoryList.d.ts.map +1 -0
- package/dist/components/AI/ChatThread.d.ts +74 -0
- package/dist/components/AI/ChatThread.d.ts.map +1 -0
- package/dist/components/AI/InsightEngine.d.ts +147 -0
- package/dist/components/AI/InsightEngine.d.ts.map +1 -0
- package/dist/components/AI/InsightEngineInput.d.ts +94 -0
- package/dist/components/AI/InsightEngineInput.d.ts.map +1 -0
- package/dist/components/AI/QueryInput.d.ts +114 -0
- package/dist/components/AI/QueryInput.d.ts.map +1 -0
- package/dist/components/AI/UserAvatar.d.ts +24 -0
- package/dist/components/AI/UserAvatar.d.ts.map +1 -0
- package/dist/components/AI/UserMessage.d.ts +26 -0
- package/dist/components/AI/UserMessage.d.ts.map +1 -0
- package/dist/components/AI/index.d.ts +39 -0
- package/dist/components/AI/index.d.ts.map +1 -0
- package/dist/components/AI/tokens.d.ts +132 -0
- package/dist/components/AI/tokens.d.ts.map +1 -0
- package/dist/components/AI/types/index.d.ts +6 -0
- package/dist/components/AI/types/index.d.ts.map +1 -0
- package/dist/components/AI/types/response.d.ts +312 -0
- package/dist/components/AI/types/response.d.ts.map +1 -0
- package/dist/components/AppLayout/AIFab.d.ts +50 -0
- package/dist/components/AppLayout/AIFab.d.ts.map +1 -0
- package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts +32 -0
- package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts.map +1 -0
- package/dist/components/AppLayout/AppLayout.d.ts +154 -0
- package/dist/components/AppLayout/AppLayout.d.ts.map +1 -0
- package/dist/components/AppLayout/InsightEnginePanel.d.ts +141 -0
- package/dist/components/AppLayout/InsightEnginePanel.d.ts.map +1 -0
- package/dist/components/AppLayout/ResizablePanel.d.ts +52 -0
- package/dist/components/AppLayout/ResizablePanel.d.ts.map +1 -0
- package/dist/components/AppLayout/ThreadHistorySidebar.d.ts +53 -0
- package/dist/components/AppLayout/ThreadHistorySidebar.d.ts.map +1 -0
- package/dist/components/AppLayout/index.d.ts +27 -0
- package/dist/components/AppLayout/index.d.ts.map +1 -0
- package/dist/components/Charts/AreaChart.d.ts +38 -0
- package/dist/components/Charts/AreaChart.d.ts.map +1 -0
- package/dist/components/Charts/BarChart.d.ts +47 -0
- package/dist/components/Charts/BarChart.d.ts.map +1 -0
- package/dist/components/Charts/ChartWrapper.d.ts +48 -0
- package/dist/components/Charts/ChartWrapper.d.ts.map +1 -0
- package/dist/components/Charts/ComposedChart.d.ts +34 -0
- package/dist/components/Charts/ComposedChart.d.ts.map +1 -0
- package/dist/components/Charts/CustomLegend.d.ts +69 -0
- package/dist/components/Charts/CustomLegend.d.ts.map +1 -0
- package/dist/components/Charts/CustomTooltip.d.ts +55 -0
- package/dist/components/Charts/CustomTooltip.d.ts.map +1 -0
- package/dist/components/Charts/LineChart.d.ts +36 -0
- package/dist/components/Charts/LineChart.d.ts.map +1 -0
- package/dist/components/Charts/PieChart.d.ts +52 -0
- package/dist/components/Charts/PieChart.d.ts.map +1 -0
- package/dist/components/Charts/RadialChart.d.ts +51 -0
- package/dist/components/Charts/RadialChart.d.ts.map +1 -0
- package/dist/components/Charts/ScatterChart.d.ts +55 -0
- package/dist/components/Charts/ScatterChart.d.ts.map +1 -0
- package/dist/components/Charts/Sparkline.d.ts +44 -0
- package/dist/components/Charts/Sparkline.d.ts.map +1 -0
- package/dist/components/Charts/index.d.ts +48 -0
- package/dist/components/Charts/index.d.ts.map +1 -0
- package/dist/components/Charts/tokens.d.ts +200 -0
- package/dist/components/Charts/tokens.d.ts.map +1 -0
- package/dist/components/Charts/types.d.ts +595 -0
- package/dist/components/Charts/types.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.d.ts +99 -0
- package/dist/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/components/Combobox/index.d.ts +3 -0
- package/dist/components/Combobox/index.d.ts.map +1 -0
- package/dist/components/CommandPalette/CommandPalette.d.ts +76 -0
- package/dist/components/CommandPalette/CommandPalette.d.ts.map +1 -0
- package/dist/components/CommandPalette/index.d.ts +2 -0
- package/dist/components/CommandPalette/index.d.ts.map +1 -0
- package/dist/components/DataCard/DataCard.d.ts +60 -0
- package/dist/components/DataCard/DataCard.d.ts.map +1 -0
- package/dist/components/DataCard/index.d.ts +2 -0
- package/dist/components/DataCard/index.d.ts.map +1 -0
- package/dist/components/DataTable/CellRenderers.d.ts +78 -0
- package/dist/components/DataTable/CellRenderers.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.d.ts +36 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -0
- package/dist/components/DataTable/InlineAddRow.d.ts +27 -0
- package/dist/components/DataTable/InlineAddRow.d.ts.map +1 -0
- package/dist/components/DataTable/index.d.ts +6 -0
- package/dist/components/DataTable/index.d.ts.map +1 -0
- package/dist/components/DataTable/tokens.d.ts +132 -0
- package/dist/components/DataTable/tokens.d.ts.map +1 -0
- package/dist/components/DataTable/types.d.ts +334 -0
- package/dist/components/DataTable/types.d.ts.map +1 -0
- package/dist/components/DiffViewer/DiffViewer.d.ts +63 -0
- package/dist/components/DiffViewer/DiffViewer.d.ts.map +1 -0
- package/dist/components/DiffViewer/index.d.ts +3 -0
- package/dist/components/DiffViewer/index.d.ts.map +1 -0
- package/dist/components/DockLayout/DockLayout.d.ts +78 -0
- package/dist/components/DockLayout/DockLayout.d.ts.map +1 -0
- package/dist/components/DockLayout/index.d.ts +3 -0
- package/dist/components/DockLayout/index.d.ts.map +1 -0
- package/dist/components/FileUpload/FileUpload.d.ts +93 -0
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -0
- package/dist/components/FileUpload/index.d.ts +2 -0
- package/dist/components/FileUpload/index.d.ts.map +1 -0
- package/dist/components/FilterBar/FilterBar.d.ts +76 -0
- package/dist/components/FilterBar/FilterBar.d.ts.map +1 -0
- package/dist/components/FilterBar/index.d.ts +2 -0
- package/dist/components/FilterBar/index.d.ts.map +1 -0
- package/dist/components/Footer.d.ts +30 -0
- package/dist/components/Footer.d.ts.map +1 -0
- package/dist/components/Icon.d.ts +67 -0
- package/dist/components/Icon.d.ts.map +1 -0
- package/dist/components/IllustratedMessage.d.ts +99 -0
- package/dist/components/IllustratedMessage.d.ts.map +1 -0
- package/dist/components/LandingPage/FeatureCard.d.ts +89 -0
- package/dist/components/LandingPage/FeatureCard.d.ts.map +1 -0
- package/dist/components/LandingPage/LandingPage.d.ts +126 -0
- package/dist/components/LandingPage/LandingPage.d.ts.map +1 -0
- package/dist/components/LandingPage/index.d.ts +11 -0
- package/dist/components/LandingPage/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +181 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.d.ts +91 -0
- package/dist/components/PageHeader/PageHeader.d.ts.map +1 -0
- package/dist/components/PageHeader/index.d.ts +2 -0
- package/dist/components/PageHeader/index.d.ts.map +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +52 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts.map +1 -0
- package/dist/components/RichTextEditor/index.d.ts +3 -0
- package/dist/components/RichTextEditor/index.d.ts.map +1 -0
- package/dist/components/SearchInput/SearchInput.d.ts +66 -0
- package/dist/components/SearchInput/SearchInput.d.ts.map +1 -0
- package/dist/components/SearchInput/index.d.ts +2 -0
- package/dist/components/SearchInput/index.d.ts.map +1 -0
- package/dist/components/SimpleTable/SimpleTable.d.ts +93 -0
- package/dist/components/SimpleTable/SimpleTable.d.ts.map +1 -0
- package/dist/components/SimpleTable/index.d.ts +3 -0
- package/dist/components/SimpleTable/index.d.ts.map +1 -0
- package/dist/components/SplitPane/SplitPane.d.ts +52 -0
- package/dist/components/SplitPane/SplitPane.d.ts.map +1 -0
- package/dist/components/SplitPane/index.d.ts +3 -0
- package/dist/components/SplitPane/index.d.ts.map +1 -0
- package/dist/components/StatusIndicator/Badge.d.ts +71 -0
- package/dist/components/StatusIndicator/Badge.d.ts.map +1 -0
- package/dist/components/StatusIndicator/Chip.d.ts +64 -0
- package/dist/components/StatusIndicator/Chip.d.ts.map +1 -0
- package/dist/components/StatusIndicator/Indicators.d.ts +81 -0
- package/dist/components/StatusIndicator/Indicators.d.ts.map +1 -0
- package/dist/components/StatusIndicator/Legend.d.ts +42 -0
- package/dist/components/StatusIndicator/Legend.d.ts.map +1 -0
- package/dist/components/StatusIndicator/Shapes.d.ts +32 -0
- package/dist/components/StatusIndicator/Shapes.d.ts.map +1 -0
- package/dist/components/StatusIndicator/StatusIndicator.d.ts +183 -0
- package/dist/components/StatusIndicator/StatusIndicator.d.ts.map +1 -0
- package/dist/components/StatusIndicator/index.d.ts +55 -0
- package/dist/components/StatusIndicator/index.d.ts.map +1 -0
- package/dist/components/StatusIndicator/types.d.ts +37 -0
- package/dist/components/StatusIndicator/types.d.ts.map +1 -0
- package/dist/components/Timeline/Timeline.d.ts +89 -0
- package/dist/components/Timeline/Timeline.d.ts.map +1 -0
- package/dist/components/Timeline/index.d.ts +2 -0
- package/dist/components/Timeline/index.d.ts.map +1 -0
- package/dist/components/Toast/Toast.d.ts +124 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/TopNavHeader.d.ts +55 -0
- package/dist/components/TopNavHeader.d.ts.map +1 -0
- package/dist/components/TopNavWithSidebar.d.ts +64 -0
- package/dist/components/TopNavWithSidebar.d.ts.map +1 -0
- package/dist/components/TransferList/TransferList.d.ts +62 -0
- package/dist/components/TransferList/TransferList.d.ts.map +1 -0
- package/dist/components/TransferList/index.d.ts +3 -0
- package/dist/components/TransferList/index.d.ts.map +1 -0
- package/dist/components/TreeView/TreeView.d.ts +89 -0
- package/dist/components/TreeView/TreeView.d.ts.map +1 -0
- package/dist/components/TreeView/index.d.ts +3 -0
- package/dist/components/TreeView/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +119 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/internal/index.d.ts +27 -0
- package/dist/components/internal/index.d.ts.map +1 -0
- package/dist/components/navigation/components.d.ts +85 -0
- package/dist/components/navigation/components.d.ts.map +1 -0
- package/dist/components/navigation/hooks.d.ts +65 -0
- package/dist/components/navigation/hooks.d.ts.map +1 -0
- package/dist/components/navigation/index.d.ts +28 -0
- package/dist/components/navigation/index.d.ts.map +1 -0
- package/dist/components/navigation/styled.d.ts +13 -0
- package/dist/components/navigation/styled.d.ts.map +1 -0
- package/dist/components/navigation/types.d.ts +58 -0
- package/dist/components/navigation/types.d.ts.map +1 -0
- package/dist/components/shared/TrinityLogoSvg.d.ts +29 -0
- package/dist/components/shared/TrinityLogoSvg.d.ts.map +1 -0
- package/dist/components/shared.d.ts +92 -0
- package/dist/components/shared.d.ts.map +1 -0
- package/dist/components/templates/Dashboard/DashboardTemplate.d.ts +66 -0
- package/dist/components/templates/Dashboard/DashboardTemplate.d.ts.map +1 -0
- package/dist/components/templates/Dashboard/index.d.ts +2 -0
- package/dist/components/templates/Dashboard/index.d.ts.map +1 -0
- package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts +88 -0
- package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts.map +1 -0
- package/dist/components/templates/ListDetail/index.d.ts +2 -0
- package/dist/components/templates/ListDetail/index.d.ts.map +1 -0
- package/dist/components/templates/Settings/SettingsTemplate.d.ts +78 -0
- package/dist/components/templates/Settings/SettingsTemplate.d.ts.map +1 -0
- package/dist/components/templates/Settings/index.d.ts +2 -0
- package/dist/components/templates/Settings/index.d.ts.map +1 -0
- package/dist/components/templates/index.d.ts +5 -0
- package/dist/components/templates/index.d.ts.map +1 -0
- package/dist/essentials.d.ts +49 -0
- package/dist/essentials.d.ts.map +1 -0
- package/dist/essentials.js +256 -0
- package/dist/form.d.ts +212 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/hierarchy.d.ts +371 -0
- package/dist/hierarchy.d.ts.map +1 -0
- package/dist/hooks/useTrinityPalette.d.ts +54 -0
- package/dist/hooks/useTrinityPalette.d.ts.map +1 -0
- package/dist/hooks.d.ts +217 -0
- package/dist/hooks.d.ts.map +1 -0
- package/dist/index.d.ts +111 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2293 -3731
- package/dist/presets/analytics.d.ts +197 -0
- package/dist/presets/analytics.d.ts.map +1 -0
- package/dist/presets/crm.d.ts +67 -0
- package/dist/presets/crm.d.ts.map +1 -0
- package/dist/presets/index.d.ts +21 -0
- package/dist/presets/index.d.ts.map +1 -0
- package/dist/presets/portal.d.ts +67 -0
- package/dist/presets/portal.d.ts.map +1 -0
- package/dist/theme.d.ts +221 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/tokens.d.ts +4760 -0
- package/dist/tokens.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview FilterBar component with composable filters, chips, and presets
|
|
3
|
+
* @module components/FilterBar
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { FilterBar } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <FilterBar
|
|
9
|
+
* filters={[]}
|
|
10
|
+
* />
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
import * as React from 'react';
|
|
14
|
+
export type FilterType = 'select' | 'multiselect' | 'text' | 'date' | 'daterange' | 'number';
|
|
15
|
+
export interface FilterOption {
|
|
16
|
+
value: string;
|
|
17
|
+
label: string;
|
|
18
|
+
icon?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export interface FilterConfig {
|
|
21
|
+
/** Unique filter key */
|
|
22
|
+
id: string;
|
|
23
|
+
/** Display label */
|
|
24
|
+
label: string;
|
|
25
|
+
/** Filter type */
|
|
26
|
+
type: FilterType;
|
|
27
|
+
/** Options for select/multiselect */
|
|
28
|
+
options?: FilterOption[];
|
|
29
|
+
/** Placeholder text */
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
/** Icon for the filter */
|
|
32
|
+
icon?: React.ReactNode;
|
|
33
|
+
/** Default value */
|
|
34
|
+
defaultValue?: FilterValue;
|
|
35
|
+
}
|
|
36
|
+
export type FilterValue = string | string[] | number | {
|
|
37
|
+
from: string;
|
|
38
|
+
to: string;
|
|
39
|
+
} | null;
|
|
40
|
+
export interface FilterPreset {
|
|
41
|
+
id: string;
|
|
42
|
+
label: string;
|
|
43
|
+
filters: Record<string, FilterValue>;
|
|
44
|
+
icon?: React.ReactNode;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Props for FilterBar component.
|
|
48
|
+
*/
|
|
49
|
+
export interface FilterBarProps {
|
|
50
|
+
/** Available filter configurations */
|
|
51
|
+
filters: FilterConfig[];
|
|
52
|
+
/** Current filter values */
|
|
53
|
+
values?: Record<string, FilterValue>;
|
|
54
|
+
/** Callback when filters change */
|
|
55
|
+
onChange?: (values: Record<string, FilterValue>) => void;
|
|
56
|
+
/** Saved presets */
|
|
57
|
+
presets?: FilterPreset[];
|
|
58
|
+
/** Callback when preset is selected */
|
|
59
|
+
onPresetSelect?: (preset: FilterPreset) => void;
|
|
60
|
+
/** Callback to save current filters as preset */
|
|
61
|
+
onSavePreset?: (filters: Record<string, FilterValue>) => void;
|
|
62
|
+
/** Show quick filter chips */
|
|
63
|
+
showQuickFilters?: boolean;
|
|
64
|
+
/** Quick filter IDs to show as chips */
|
|
65
|
+
quickFilterIds?: string[];
|
|
66
|
+
/** Compact mode */
|
|
67
|
+
compact?: boolean;
|
|
68
|
+
/** Show active filter count badge */
|
|
69
|
+
showBadge?: boolean;
|
|
70
|
+
/** Max visible filter chips before collapsing */
|
|
71
|
+
maxVisibleChips?: number;
|
|
72
|
+
/** Disabled state */
|
|
73
|
+
disabled?: boolean;
|
|
74
|
+
}
|
|
75
|
+
export declare const FilterBar: React.FC<FilterBarProps>;
|
|
76
|
+
//# sourceMappingURL=FilterBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7F,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,qCAAqC;IACrC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC;AAE3F,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6DD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6b9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Footer provides a consistent footer bar for Trinity applications.
|
|
3
|
+
* It includes copyright information and navigation links.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* import { Footer } from '@trinityui/design-system';
|
|
8
|
+
*
|
|
9
|
+
* <Footer />
|
|
10
|
+
* ```
|
|
11
|
+
*
|
|
12
|
+
* @module components/Footer
|
|
13
|
+
*/
|
|
14
|
+
interface FooterLink {
|
|
15
|
+
label: string;
|
|
16
|
+
href: string;
|
|
17
|
+
/** Opens in new tab if true (default: true for external links) */
|
|
18
|
+
external?: boolean;
|
|
19
|
+
}
|
|
20
|
+
interface FooterProps {
|
|
21
|
+
/** Company name displayed in copyright */
|
|
22
|
+
companyName?: string;
|
|
23
|
+
/** Custom links to display on the right side */
|
|
24
|
+
links?: FooterLink[];
|
|
25
|
+
/** Optional variant for light/dark backgrounds */
|
|
26
|
+
variant?: 'light' | 'dark';
|
|
27
|
+
}
|
|
28
|
+
export default function Footer({ companyName, links, variant, }: FooterProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAaH,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAoBD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,WAAoC,EACpC,KAAoB,EACpB,OAAgB,GACjB,EAAE,WAAW,2CA2Gb"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Icon component.
|
|
3
|
+
* @module components/Icon
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Icon } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <Icon
|
|
9
|
+
* name="Example"
|
|
10
|
+
* />
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
import React, { ReactNode } from 'react';
|
|
14
|
+
import { SxProps, Theme } from '@mui/material';
|
|
15
|
+
export type IconLibrary = 'material' | 'feather';
|
|
16
|
+
export type IconSize = 'xs' | 'small' | 'medium' | 'large' | 'xl';
|
|
17
|
+
export interface IconContextType {
|
|
18
|
+
library: IconLibrary;
|
|
19
|
+
setLibrary: (library: IconLibrary) => void;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Props for TrinityIcon component.
|
|
23
|
+
*/
|
|
24
|
+
export interface TrinityIconProps {
|
|
25
|
+
/** Icon name - use the same name across libraries when possible */
|
|
26
|
+
name: string;
|
|
27
|
+
/** Size of the icon */
|
|
28
|
+
size?: IconSize;
|
|
29
|
+
/** Override the default library from context */
|
|
30
|
+
library?: IconLibrary;
|
|
31
|
+
/** Custom color - can use theme colors or hex */
|
|
32
|
+
color?: 'inherit' | 'primary' | 'secondary' | 'action' | 'disabled' | 'error' | string;
|
|
33
|
+
/** Custom styles */
|
|
34
|
+
sx?: SxProps<Theme>;
|
|
35
|
+
/** Additional class name */
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare const iconSizeMap: Record<IconSize, number>;
|
|
39
|
+
export declare const iconNameMap: Record<string, {
|
|
40
|
+
material: string;
|
|
41
|
+
feather: string;
|
|
42
|
+
}>;
|
|
43
|
+
/**
|
|
44
|
+
* Get all available icon names
|
|
45
|
+
*/
|
|
46
|
+
export declare const getAvailableIcons: () => string[];
|
|
47
|
+
/**
|
|
48
|
+
* Check if an icon name is available
|
|
49
|
+
*/
|
|
50
|
+
export declare const hasIcon: (name: string) => boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Get the library-specific icon name
|
|
53
|
+
*/
|
|
54
|
+
export declare const getIconName: (name: string, library: IconLibrary) => string | null;
|
|
55
|
+
export declare const useIconLibrary: () => IconContextType;
|
|
56
|
+
interface IconProviderProps {
|
|
57
|
+
children: ReactNode;
|
|
58
|
+
defaultLibrary?: IconLibrary;
|
|
59
|
+
}
|
|
60
|
+
export declare const IconProvider: React.FC<IconProviderProps>;
|
|
61
|
+
export declare const Icon: React.FC<TrinityIconProps>;
|
|
62
|
+
interface IconLibrarySwitcherProps {
|
|
63
|
+
showLabel?: boolean;
|
|
64
|
+
}
|
|
65
|
+
export declare const IconLibrarySwitcher: React.FC<IconLibrarySwitcherProps>;
|
|
66
|
+
export default Icon;
|
|
67
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAO,MAAM,eAAe,CAAC;AA2PpD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gDAAgD;IAChD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IACvF,oBAAoB;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMhD,CAAC;AA2QF,eAAO,MAAM,WAAW;cAGY,MAAM;aAAW,MAAM;EAAI,CAAC;AAMhE;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,MAAM,EAAmC,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,KAAG,OAAmC,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,SAAS,WAAW,KAAG,MAAM,GAAG,IAGzE,CAAC;AAQF,eAAO,MAAM,cAAc,QAAO,eASjC,CAAC;AAMF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAWpD,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4E3C,CAAC;AAQF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+BlE,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview IllustratedMessage component.
|
|
3
|
+
* @module components/IllustratedMessage
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { IllustratedMessage } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <IllustratedMessage
|
|
9
|
+
* illustration={undefined as never}
|
|
10
|
+
* title="Example"
|
|
11
|
+
* label="Example"
|
|
12
|
+
* label="Example"
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { SxProps, Theme } from '@mui/material';
|
|
18
|
+
export type IllustrationType = 'empty-table' | 'empty-drafts' | 'getting-started' | 'empty-documents' | 'empty-insights' | 'no-results' | 'error-generic' | 'error-404' | 'error-500' | 'error-permission' | 'upload' | 'success' | 'no-notifications' | 'no-data' | 'offline';
|
|
19
|
+
export type IllustratedMessageSize = 'small' | 'medium' | 'large';
|
|
20
|
+
/**
|
|
21
|
+
* Props for IllustratedMessage component.
|
|
22
|
+
*/
|
|
23
|
+
export interface IllustratedMessageProps {
|
|
24
|
+
/** Type of illustration to display */
|
|
25
|
+
illustration: IllustrationType;
|
|
26
|
+
/** Title text */
|
|
27
|
+
title: string;
|
|
28
|
+
/** Description text */
|
|
29
|
+
description?: string;
|
|
30
|
+
/** Primary action button */
|
|
31
|
+
primaryAction?: {
|
|
32
|
+
label: string;
|
|
33
|
+
onClick?: () => void;
|
|
34
|
+
href?: string;
|
|
35
|
+
};
|
|
36
|
+
/** Secondary action link */
|
|
37
|
+
secondaryAction?: {
|
|
38
|
+
label: string;
|
|
39
|
+
onClick?: () => void;
|
|
40
|
+
href?: string;
|
|
41
|
+
};
|
|
42
|
+
/** Size of the component */
|
|
43
|
+
size?: IllustratedMessageSize;
|
|
44
|
+
/** Custom illustration component (overrides illustration prop) */
|
|
45
|
+
customIllustration?: React.ReactNode;
|
|
46
|
+
/** Additional styles */
|
|
47
|
+
sx?: SxProps<Theme>;
|
|
48
|
+
}
|
|
49
|
+
interface IllustrationProps {
|
|
50
|
+
size?: number;
|
|
51
|
+
primaryColor?: string;
|
|
52
|
+
secondaryColor?: string;
|
|
53
|
+
accentColor?: string;
|
|
54
|
+
}
|
|
55
|
+
declare const EmptyTableIllustration: React.FC<IllustrationProps>;
|
|
56
|
+
declare const EmptyDraftsIllustration: React.FC<IllustrationProps>;
|
|
57
|
+
declare const GettingStartedIllustration: React.FC<IllustrationProps>;
|
|
58
|
+
declare const EmptyDocumentsIllustration: React.FC<IllustrationProps>;
|
|
59
|
+
declare const EmptyInsightsIllustration: React.FC<IllustrationProps>;
|
|
60
|
+
declare const NoResultsIllustration: React.FC<IllustrationProps>;
|
|
61
|
+
declare const ErrorGenericIllustration: React.FC<IllustrationProps>;
|
|
62
|
+
declare const Error404Illustration: React.FC<IllustrationProps>;
|
|
63
|
+
declare const Error500Illustration: React.FC<IllustrationProps>;
|
|
64
|
+
declare const ErrorPermissionIllustration: React.FC<IllustrationProps>;
|
|
65
|
+
declare const UploadIllustration: React.FC<IllustrationProps>;
|
|
66
|
+
declare const SuccessIllustration: React.FC<IllustrationProps>;
|
|
67
|
+
declare const NoNotificationsIllustration: React.FC<IllustrationProps>;
|
|
68
|
+
declare const NoDataIllustration: React.FC<IllustrationProps>;
|
|
69
|
+
declare const OfflineIllustration: React.FC<IllustrationProps>;
|
|
70
|
+
export declare const IllustratedMessage: React.FC<IllustratedMessageProps>;
|
|
71
|
+
/**
|
|
72
|
+
* Props for UploadDropZone component.
|
|
73
|
+
*/
|
|
74
|
+
export interface UploadDropZoneProps {
|
|
75
|
+
/** Title text */
|
|
76
|
+
title?: string;
|
|
77
|
+
/** Description text */
|
|
78
|
+
description?: string;
|
|
79
|
+
/** Accepted file types */
|
|
80
|
+
acceptedTypes?: string;
|
|
81
|
+
/** Max file size text */
|
|
82
|
+
maxSize?: string;
|
|
83
|
+
/** Browse button label */
|
|
84
|
+
browseLabel?: string;
|
|
85
|
+
/** On file drop handler */
|
|
86
|
+
onDrop?: (files: FileList) => void;
|
|
87
|
+
/** On browse click handler */
|
|
88
|
+
onBrowse?: () => void;
|
|
89
|
+
/** Is dragging state */
|
|
90
|
+
isDragging?: boolean;
|
|
91
|
+
/** Size variant */
|
|
92
|
+
size?: 'small' | 'medium' | 'large';
|
|
93
|
+
/** Custom styles */
|
|
94
|
+
sx?: SxProps<Theme>;
|
|
95
|
+
}
|
|
96
|
+
export declare const UploadDropZone: React.FC<UploadDropZoneProps>;
|
|
97
|
+
export { EmptyTableIllustration, EmptyDraftsIllustration, GettingStartedIllustration, EmptyDocumentsIllustration, EmptyInsightsIllustration, NoResultsIllustration, ErrorGenericIllustration, Error404Illustration, Error500Illustration, ErrorPermissionIllustration, UploadIllustration, SuccessIllustration, NoNotificationsIllustration, NoDataIllustration, OfflineIllustration, };
|
|
98
|
+
export default IllustratedMessage;
|
|
99
|
+
//# sourceMappingURL=IllustratedMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IllustratedMessage.d.ts","sourceRoot":"","sources":["../../src/components/IllustratedMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview FeatureCard component for Trinity Landing Page template.
|
|
3
|
+
* Displays a feature/service card with icon, title, description, and action indicator.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* import { FeatureCard } from '@trinityui/design-system';
|
|
8
|
+
*
|
|
9
|
+
* <FeatureCard
|
|
10
|
+
* icon={<div />}
|
|
11
|
+
* title="Example"
|
|
12
|
+
* description="Example"
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*
|
|
16
|
+
* @module components/LandingPage/FeatureCard
|
|
17
|
+
*/
|
|
18
|
+
import * as React from 'react';
|
|
19
|
+
import { SxProps, Theme } from '@mui/material';
|
|
20
|
+
/**
|
|
21
|
+
* Props for FeatureCard component.
|
|
22
|
+
*/
|
|
23
|
+
export interface FeatureCardProps {
|
|
24
|
+
/**
|
|
25
|
+
* Card color variant
|
|
26
|
+
* - 'navy': Dark navy background with white text
|
|
27
|
+
* - 'white': White background with dark text
|
|
28
|
+
* @default 'navy'
|
|
29
|
+
*/
|
|
30
|
+
variant?: 'navy' | 'white';
|
|
31
|
+
/**
|
|
32
|
+
* Icon to display (use gradientIcons from assets)
|
|
33
|
+
* Can be a string URL or React node
|
|
34
|
+
*/
|
|
35
|
+
icon: string | React.ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Card title
|
|
38
|
+
*/
|
|
39
|
+
title: string;
|
|
40
|
+
/**
|
|
41
|
+
* Card description text
|
|
42
|
+
*/
|
|
43
|
+
description: string;
|
|
44
|
+
/**
|
|
45
|
+
* Click handler for the card
|
|
46
|
+
*/
|
|
47
|
+
onClick?: () => void;
|
|
48
|
+
/**
|
|
49
|
+
* Optional href for link-based navigation
|
|
50
|
+
*/
|
|
51
|
+
href?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Accent color for the divider bar
|
|
54
|
+
* @default brandColors.secondary.main (coral)
|
|
55
|
+
*/
|
|
56
|
+
accentColor?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Icon size in pixels
|
|
59
|
+
* @default 64
|
|
60
|
+
*/
|
|
61
|
+
iconSize?: number;
|
|
62
|
+
/**
|
|
63
|
+
* Whether to show the arrow indicator
|
|
64
|
+
* @default true
|
|
65
|
+
*/
|
|
66
|
+
showArrow?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Additional styles
|
|
69
|
+
*/
|
|
70
|
+
sx?: SxProps<Theme>;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* FeatureCard - A card component for showcasing features/services on landing pages.
|
|
74
|
+
*
|
|
75
|
+
* Features:
|
|
76
|
+
* - Two variants: navy (dark) and white (light)
|
|
77
|
+
* - Gradient icon support
|
|
78
|
+
* - Coral accent divider
|
|
79
|
+
* - Hover effects with subtle lift
|
|
80
|
+
* - Accessible with proper ARIA labels
|
|
81
|
+
*
|
|
82
|
+
* @accessibility
|
|
83
|
+
* - Uses semantic heading structure (h3 for title)
|
|
84
|
+
* - CardActionArea provides keyboard navigation
|
|
85
|
+
* - Sufficient color contrast (WCAG AA compliant)
|
|
86
|
+
*/
|
|
87
|
+
export declare const FeatureCard: React.FC<FeatureCardProps>;
|
|
88
|
+
export default FeatureCard;
|
|
89
|
+
//# sourceMappingURL=FeatureCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/components/LandingPage/FeatureCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE3B;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAE/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsJlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview LandingPage template component for Trinity applications.
|
|
3
|
+
* Provides a complete hero section with feature cards layout.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* import { LandingPage } from '@trinityui/design-system';
|
|
8
|
+
*
|
|
9
|
+
* <LandingPage
|
|
10
|
+
* heroTitle="Example"
|
|
11
|
+
* features={[]}
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*
|
|
15
|
+
* @module components/LandingPage/LandingPage
|
|
16
|
+
*/
|
|
17
|
+
import * as React from 'react';
|
|
18
|
+
import { SxProps, Theme } from '@mui/material';
|
|
19
|
+
import { FeatureCardProps } from './FeatureCard';
|
|
20
|
+
export interface LandingPageFeature extends Omit<FeatureCardProps, 'sx'> {
|
|
21
|
+
/**
|
|
22
|
+
* Unique identifier for the feature
|
|
23
|
+
*/
|
|
24
|
+
id: string;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Props for LandingPage component.
|
|
28
|
+
*/
|
|
29
|
+
export interface LandingPageProps {
|
|
30
|
+
/**
|
|
31
|
+
* Hero section title
|
|
32
|
+
*/
|
|
33
|
+
heroTitle: string;
|
|
34
|
+
/**
|
|
35
|
+
* Hero section subtitle/description
|
|
36
|
+
*/
|
|
37
|
+
heroSubtitle?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Icon to display next to the hero title
|
|
40
|
+
* Can be a React node or 'sparkle' for the default AI sparkle icon
|
|
41
|
+
* @default 'sparkle'
|
|
42
|
+
*/
|
|
43
|
+
heroIcon?: React.ReactNode | 'sparkle';
|
|
44
|
+
/**
|
|
45
|
+
* Background image URL for the hero section
|
|
46
|
+
* Use brandGradients or backgroundImages from assets
|
|
47
|
+
*/
|
|
48
|
+
backgroundImage?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Background gradient CSS (alternative to backgroundImage)
|
|
51
|
+
* @example 'linear-gradient(135deg, #050742 0%, #3816A0 100%)'
|
|
52
|
+
*/
|
|
53
|
+
backgroundGradient?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Array of feature cards to display
|
|
56
|
+
*/
|
|
57
|
+
features: LandingPageFeature[];
|
|
58
|
+
/**
|
|
59
|
+
* Number of columns for the feature grid
|
|
60
|
+
* @default 3
|
|
61
|
+
*/
|
|
62
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
63
|
+
/**
|
|
64
|
+
* Maximum width of the content container
|
|
65
|
+
* @default 'lg'
|
|
66
|
+
*/
|
|
67
|
+
maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | false;
|
|
68
|
+
/**
|
|
69
|
+
* Hero section height. Can be a number (pixels), string ('100vh'), or 'fullscreen'
|
|
70
|
+
* @default 400
|
|
71
|
+
*/
|
|
72
|
+
heroHeight?: number | string;
|
|
73
|
+
/**
|
|
74
|
+
* Whether the hero extends behind the navigation (for transparent nav)
|
|
75
|
+
* @default false
|
|
76
|
+
*/
|
|
77
|
+
heroExtendsUnderNav?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Navigation height to account for when heroExtendsUnderNav is true
|
|
80
|
+
* @default 64
|
|
81
|
+
*/
|
|
82
|
+
navHeight?: number;
|
|
83
|
+
/**
|
|
84
|
+
* Custom header/navigation component to render at the top
|
|
85
|
+
*/
|
|
86
|
+
header?: React.ReactNode;
|
|
87
|
+
/**
|
|
88
|
+
* Footer component to render at the bottom
|
|
89
|
+
*/
|
|
90
|
+
footer?: React.ReactNode;
|
|
91
|
+
/**
|
|
92
|
+
* Additional content to render after features
|
|
93
|
+
*/
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
/**
|
|
96
|
+
* Additional styles for the root container
|
|
97
|
+
*/
|
|
98
|
+
sx?: SxProps<Theme>;
|
|
99
|
+
/**
|
|
100
|
+
* Additional styles for the hero section
|
|
101
|
+
*/
|
|
102
|
+
heroSx?: SxProps<Theme>;
|
|
103
|
+
/**
|
|
104
|
+
* Additional styles for the features section
|
|
105
|
+
*/
|
|
106
|
+
featuresSx?: SxProps<Theme>;
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* LandingPage - A complete landing page template with hero and feature cards.
|
|
110
|
+
*
|
|
111
|
+
* Features:
|
|
112
|
+
* - Customizable hero section with background image/gradient
|
|
113
|
+
* - Responsive feature card grid
|
|
114
|
+
* - Supports both navy and white card variants
|
|
115
|
+
* - Works with Trinity navigation components
|
|
116
|
+
* - Fully accessible
|
|
117
|
+
*
|
|
118
|
+
* @accessibility
|
|
119
|
+
* - Semantic HTML structure with proper heading hierarchy
|
|
120
|
+
* - Hero title uses h1, feature cards use h3
|
|
121
|
+
* - Background images are decorative (aria-hidden)
|
|
122
|
+
* - All interactive elements are keyboard accessible
|
|
123
|
+
*/
|
|
124
|
+
export declare const LandingPage: React.FC<LandingPageProps>;
|
|
125
|
+
export default LandingPage;
|
|
126
|
+
//# sourceMappingURL=LandingPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/LandingPage/LandingPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC;IACtE;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAE/B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAE7C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+MlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* LandingPage Template Components
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { LandingPage, FeatureCard } from '@trinityui/design-system';
|
|
7
|
+
* ```
|
|
8
|
+
*/
|
|
9
|
+
export { LandingPage, type LandingPageProps, type LandingPageFeature } from './LandingPage';
|
|
10
|
+
export { FeatureCard, type FeatureCardProps } from './FeatureCard';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LandingPage/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|